body{
	font-family:Poppins, sans-serif;
}
h2{
	font-size: 25px;
    font-family: "Inter Tight", sans-serif;
    font-weight: 700;
    color: #082f3ea3;
}

.subtitle{
	color:#082f3ebf;
	font-size:16px;
}
.brand-logo{
    font-size: 25px;
    line-height: 30px;
    color: #0071ab;
    text-decoration: none;
	font-family: "Inter Tight", sans-serif;
    font-weight: 600;

}

header{
	
	width: 100%;
	z-index:1000;
	background: #ffffffc4;
    backdrop-filter: blur(10px);
}
.homepage header{
	position:fixed;
	top:0;
	left:0;
}
header nav{
	display: flex;
    padding: 15px;
	justify-content: space-between;
}



ul.nav-menu{
	padding: 0;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 0;
}



li.nav-item {
    display: inline-block;
    padding: 5px 15px;
}

li.nav-item a{
	color:#333;
	font-weight: 300;
	font-size:15px;
}


.banner{
	height:90vh;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
    
	color: #fff;
}

.banner .container{
	display:flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
	height: 100%;
	position:relative;
}

.banner-suptitle{
	font-size:30px;
	letter-spacing: 5px;
    font-weight: 300;
	text-shadow: 1px 1px 4px #034d72;
}

.banner-title{
	font-family: "Inter Tight", sans-serif;
	font-size: 66px;
    line-height: 90px;
    letter-spacing: 5px;
    font-weight: 800;
	text-shadow: 1px 1px 0px #024b6e;
}
.banner-subtitle{
	color: #ffffff;
    font-weight: 500;
    text-shadow: 1px 1px 3px #3ba2cd;
}
.banner .search-bar{
	 background: #fff;
    width: 100%;
    position: absolute;
    bottom: -40px;
	padding:15px 30px;
    border-radius: 15px;
    box-shadow: 0px 0px 20px 0px #a9a9a96b;
}

.banner .search-bar label{
	color:#232323;
	font-size:14px;
	font-weight:600;
	margin-bottom:0;
}
.banner .search-bar select,.banner .search-bar input{
	border:0;
	padding:5px 0px;
	font-size:14px;
}
.banner .search-bar select:focus,.banner .search-bar input{
	box-shadow:none;
}
.banner .search-bar .btn{
	width:100%;
	height:55px;
}
.banner .search-bar .bordered{
	border-right:1px solid #eee;
}


.banner .search-bar .select2-container--default .select2-selection--single{
	border:none;
}

.banner .search-bar .select2-container--default .select2-selection--single .select2-selection__rendered{
	padding-left:0;
	font-size:14px;
}

.search-bar-dropdown{
	border: 0;
    box-shadow: 1px 1px 8px #ccc;
    border-radius: 10px !important;
	font-size:14px;
}
.search-bar-dropdown .select2-results__options li{
	padding:10px;
}
.search-bar-dropdown .select2-results__options li:first-of-type{
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}
.search-bar-dropdown .select2-results__options li:last-of-type{
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}
#yachts{
	margin-top:100px;
	margin-bottom:100px;
}

.yacht2{
	padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px #a9a9a96b;
}
.yacht .yacht-img img{
	width:100%;
	border-radius:10px;
}

.yacht .title{
	font-size: 18px;
    color: #333;
    font-weight: 600;
    text-decoration: none;
    margin-top: 10px;
    display: block;
}
.yacht-meta span{
	display:block;
	font-size:14px;
	color:#082f3edd;
}

.yacht-meta .price{
	font-size:18px;
	font-weight:500;
	color:#082f3edd;
}

.yacht-meta .price span{
	display:inline-block;
	font-weight:400;
}


#services{
	margin-top:100px;
	margin-bottom:100px;
}

.service{
	position:relative;
}

.service .service-img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: linear-gradient(360deg, #003462, transparent 35%);
}

.service .title{
    font-size: 20px;
    font-family: "Inter Tight", sans-serif;
    font-weight: 800;
    text-decoration: none;
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 15px;
    display: block;
}
.service .service-img img{
	width: 100%;
    border-radius: 10px;
    aspect-ratio: .8;
    object-fit: none;
    object-position: bottom;
}

#call-section .container{
	aspect-ratio:3;
	background-size:cover;
	background-position: center;
    border-radius: 15px;
	display: flex!important;
	align-items: flex-start;
    color: #fff;
    flex-direction: column;
    justify-content: center;
	padding-left:30px;
}

#call-section .subtitle{
	color:#fff;
	font-size:14px;
	margin-top:20px;
	width:35%;
}

.title-1{
	font-size: 25px;
    font-family: "Inter Tight", sans-serif;
    font-weight: 700;
}
.title-2{
	font-size:18px;
}


/** İÇ SAYFALAR **/

.page-header{
	height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
	position: relative;
    display: flex;
    align-items: center;
    text-align: center;
}
.page-header::before{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
	background: #061138;
	opacity: 0.7;
}

.page-header .container{
	position:relative;
	z-index:2;
}

.page-header .page-title{
	    font-weight: 600;
    font-size: 35px;
}

.breadcrumb ul{
	padding:0;
	list-style:none;
	margin:0 auto;
	color:#ccc;
	font-size:14px;
}

.breadcrumb ul li{
	display:inline;
	margin-right:5px;
}
.breadcrumb ul li:after{
	content:'/';
	margin-left:5px;
}
.breadcrumb ul li:last-of-type:after{
	content:'';
}
.breadcrumb ul li a{
	color:#fff;
	text-decoration:none;
}

main{
	margin:75px 0px;
}

/*** SERVİS DETAY SAYFASI ***/
.service-detail .page-thumb{
	margin-bottom:15px;
}
.service-detail .page-thumb img{
	width:100%;
	aspect-ratio:4;
	object-fit:cover;
	border-radius:15px;
}

.service-detail .additional-services .item{
	text-align: center;
    color: #666;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 5px;
}
.service-detail .additional-services .item .price{
font-weight: 600;
    color: #647d86;
}

.service-detail .service-gallery a{
display:block;
}

.service-detail .service-gallery a img{
	width:100%;
	aspect-ratio:1.5;
    border-radius: 5px;
}

/*** YAT DETAY SAYFASI ***/
.yacht-detail{
	margin-top:45px;
}
.yacht-detail .yacht-info{
	background: #fbfbfb;
	padding:10px 0px;
}

.yacht-detail .yacht-info .item{
	text-align: center;
    font-size: 14px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}
.yacht-detail .yacht-info .item .label{
	color: #647d86;
    font-weight: 600;
}
.yacht-detail .yacht-info .item:after{
	content: ' ';
    display: block;
    background: #ccc;
    height: 60%;
    width: 1px;
    position: absolute;
    right: 0;
    top: 20%;
}
.yacht-detail .yacht-info .price-info{
	font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
}
.yacht-detail .yacht-info .price-info .price{
	color: #0098f1;
    font-weight: 600;
    font-size: 18px;
}
.yacht-detail .yacht-info .price-info .price{
	color: #0098f1;
    font-weight: 600;
    font-size: 18px;
}
.yacht-detail .yacht-features ul{
	list-style: none;
    padding: 0;
    font-size: 14px;
}
.yacht-detail .yacht-features ul li{
	width: 35%;
    float: left;
    padding: 5px 0px;
}
.yacht-detail .yacht-features ul li .icon-checkmark{
	margin-right:5px;
	color:#0098f1;
}

.yacht-detail .yacht-gallery a{
display:block;
}

.yacht-detail .yacht-gallery a img{
	width:100%;
	aspect-ratio:1.5;
    border-radius: 5px;
}

/********BLOG KATEGORİ SAYFASI*************/
.article-item{
	padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px #a9a9a96b;
}
.article-item .article-img img{
	width:100%;
	border-radius:10px;
}

.article-item .title{
	font-size: 18px;
    color: #333;
    font-weight: 600;
    text-decoration: none;
    margin-top: 10px;
	margin-bottom:15px;
    display: block;
}

.article-item p{
	font-size: 14px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
	text-overflow: ellipsis;
    
}

.article-item .article-meta span{
	display:block;
	font-size:14px;
	color:#082f3edd;
}

.article-item .article-meta .price{
	font-size:18px;
	font-weight:500;
	color:#082f3edd;
}

.article-item .article-meta .price span{
	display:inline-block;
	font-weight:400;
}
.blog-detail .page-thumb{
	margin-bottom:15px;
}
.blog-detail .page-thumb img{
	width:100%;
	aspect-ratio:4;
	object-fit:cover;
	border-radius:15px;
}
.blog-detail .info{
	font-size: 14px;
    color: #aaa;
    margin-bottom: 15px;
}
.blog-detail .info a{
	text-decoration:none;
}
.blog-detail .info .meta_part{
    margin-right: 15px;
}
/******************************************/

#footer .container{
	border-top:1px solid #eee;
	padding-top:25px;
	font-size:14px;
}

.footer-brand-logo{
	font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #082f3edd;
}

.footer-links{
	padding-left:0px;
	list-style:none;
}
.footer-title{
	font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #666;
}
.footer-links li{
	padding-bottom:5px;
}
.footer-links li a{
	color: #082f3edd;
	text-decoration:none;
}

.phone-link{
	color: #082f3edd;
    text-decoration: none;
    font-weight: 600;
	display:block;
	margin-top:8px;
}

.form-group{
	margin-bottom:15px;
}
.control-label{
	font-size:14px;
}
input::placeholder,textarea::placeholder{
	color:#ccc !important;
}