@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');

* {padding:0px; margin:0px;}

.clearfix {clear:both;}

body {

    font-family: 'Rubik', sans-serif;

}

button {

    border:none;

    box-shadow:none;

    outline:none;

}

button:hover,

button:active,

button:focus {

    transition: .3s all;

}

textarea,

input {

    box-shadow:none;

    outline:none;

    border:none;

    padding:15px;

    border:1px solid #eae9e9;

    border-radius:4px;

    font-weight:100;

}

textarea::placeholder,

input::placeholder {

    font-weight:100;

}

ul {

    margin:0px; padding:0px;

}

ul li {

    list-style-type:none;

}

a,

ul li a {

   text-decoration:none;

}

p {

  font-weight: 100;

  font-size: 17px;

  line-height:30px;

}

.page-title {position: relative;}

.page-title::after {

  content:"";

  position: absolute;

  width:75px;

  height:3px;

  background: #529bb9;

  left:calc(50% - 37.5px);

  bottom:-15px;

}

.page-title .title {

  font-size:30px;

  font-weight:400;

  letter-spacing: 0.5px;

  text-align: center;

  color:#545861;

}

.page-title .sub-title {

  font-size:25px;

  font-weight:100;

  letter-spacing: 0.5px;

  text-align: center;

  color:#888;

}

.page-left-title {position: relative; margin-bottom:50px;}

.page-left-title::after {

  content:"";

  position: absolute;

  width:75px;

  height:3px;

  background: #529bb9;

  left:0px;

  bottom:-15px;

}

.page-left-title .title {

  font-size:30px;

  font-weight:400;

  letter-spacing: 0.5px;

  text-align: left;

  color:#545861;

}

.page-left-title a {

  position: absolute;

  right:0px;

  top:0px;

  font-size: 16px;

  font-weight: 400;

  letter-spacing: 0.5px;

  text-transform: uppercase;

  color:#888;

}

.page-left-title a i {

  position: relative;

  top:7px;

  font-size:25px;

}

.btn-default {

    border: 1px solid #529bb9;

    background:transparent;

    border-radius:50px;

    color: #529bb9;

    letter-spacing:0.5px;

    font-weight:100;



}

.btn-default:hover {

    background:transparent !important;

    color: #529bb9 !important;

    transition: .3s all;

}

.btn-default:hover a {

    color: #529bb9 !important;

}

.btn-default-two {

    border: 1px solid #529bb9;

    background:#529bb9;

    border-radius:50px;

    color: #fff;

    letter-spacing:0.5px;

    font-weight:100;



}

.btn-default-two:hover {

    background:transparent !important;

    color: #529bb9 !important;

    transition: .3s all;

}

.btn-default-two:hover a {

    color: #529bb9 !important;

}

.slider .btn-default:hover {

    background:#fff !important;

}

.number {



}

.ribbon {

    background:#3eacd9;

    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.07);

    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.07);

    border-radius: 0;

    color: #fff;

    display: block;

    font-size: 16px;

    position: absolute;

    padding: 5px 15px;

    bottom: 20px;

    left: 0;

}

.ribbon:after {

    content: '';

    position: absolute;

    top: auto;

    left: 4px;

    right: auto;

    bottom: -7px;

    background: #686868;

    -webkit-transform: rotate(35deg);

    transform: rotate(35deg);

    height: 20px;

    width: 20px;

    z-index: -1;

}

.text-left {

    text-align:left;

}

.text-right {

    text-align:right;

}

.header-top {

    background: #3eacd9;

    padding: 10px 0;

}

.header-top ul li {

    display:inline-block;

}

.header-top ul li a {

    color:#fff;

    font-size:14px;

}

.header-top ul.text-left li {

    margin-right:15px;

}

.header-top ul.text-left li a i {

    position:relative;

    top:2px;

}

.header-top ul.text-right li {

    width:30px;

    height:30px;

    margin-left:10px;

    text-align:center

}

.header-top ul.text-right li a {

    line-height:30px;

    font-size:17px;

}

.header {

    width:100%;

    height:120px;

    z-index:2;

    background:transparent;

    top:0px;

    left:0px;

    position: absolute;

    z-index: 99999;

    backdrop-filter: blur(5px);

    background-color: rgb(0 0 0 / 56%);

}

.header .logo {width:200px;}

.header .logo object {

    width:100%;

    margin-top: 38px;

}

.header-nav {

    margin:0px;

    padding:0px;

    text-align:right;

    height:120px;

    display: flex;

    align-items: center;

    justify-content: end;

}

.header-nav li {

    list-style-type:none;

    display:inline-block;

    margin-left:15px;



}

.header-nav li .nav-li i,

.header-nav li a i {

    position:relative;

    top:1.5px;

}

.header-nav li .nav-li,

.header-nav li a {

    text-decoration: none;

    color: #fff;

    line-height: 120px;

    font-weight: 400;

    font-size: 14.5px;

    text-transform: uppercase;

    letter-spacing: 1.2px;

}

.header-nav li ul li:hover .nav-li {

    color:#fff !important;

    opacity:1 !important;

}

.header-nav li .nav-li {

    line-height:0px;

}

.header ul li ul {

    display:none;

}

.header ul li:hover ul {

    display:block;

    position:absolute;

    width:320px;

    background:#fff;

    text-align:left;

    z-index:9999;

    border-radius:2px;

    margin-left:-60px;

    margin-top:-3px;

}





.header ul li:hover ul li {

    margin:0px;

    width:100%;

    position:relative;

    z-index:2;



    border-bottom:1px solid #ececec90;

}

.header ul li:hover ul li:last-child {

    border:none;

}

.header ul li:hover ul li .nav-li,

.header ul li:hover ul li a {

    line-height:40px;

    width:100%;

    display:inline-block;

    padding-left:15px;

    color:#529bb9;

    font-size:13px;

    cursor:pointer;

}

.header-nav li ul li ul li {

    height:43px;

    line-height:43px;

}

.header-nav li .nav-li:hover,

.header-nav li a:hover {

    opacity:0.8;

}

.header-nav li ul li:hover {

    background:#529bb9;

}

.header-nav li ul li:hover a {

    color:#fff !important;

    opacity:1;

}

.header-nav li ul li ul {

    display:none !important;

}

.header-nav li ul li {

    position:relative;

}

.header-nav li ul li ul {

    position:absolute;

    left:380px;

    top:3px;

}

.header ul li:hover ul li ul li a {

    color:#529bb9 !important;

}

.header ul li:hover ul li ul li:hover a {

    color:#fff !important;

}

.header-nav li ul li:hover ul {

    display:block !important;

}

.header .container {

  position:relative;

}



.slider .carousel-indicators [data-bs-target] {

    width:20px;

    height:20px;

    background-color:#3eacd9;

    border-radius:100%;



}

.slider .carousel-indicators {

    bottom:35px;

}

.slider .carousel-control-prev img {

    transform: rotate(90deg);

    width: 64px; height:64px;

}

.slider .carousel-control-next img {

    transform: rotate(-90deg);

    width: 64px; height:64px;

}

.slider {position:relative; z-index:1; text-align:center; width:100%; min-height:800px;}

.slider .item {

  position:relative;

  width:100%;

  text-align:center;

  height:800px;

}

.slider .item .text {

  position: absolute;

  width:100%;

  top:calc(50% - 85px);

  text-align: center;

}

.slider .item .img {width:100%; height:100%;}

.slider .item .img img {object-fit:cover; width:100%; height:100%;}

.slider .item .text h2,

.slider .item .text h1 {

  color: #fff;

  text-shadow: 0 3px 6px rgb(0 44 56 / 70%);

  font-weight: 800;

  font-size: 45px;

  text-transform: uppercase;

}



.slider .container {position: relative;}

.slider .text-type-2 {width:650px; display:flex; align-items: center; height:200px; position: absolute;z-index: 2; left:0px; bottom:50px; background: rgb(0 0 0 / 56%);; backdrop-filter: blur(2px); padding:30px; text-align:left;}

.slider .text-type-2 h5 {font-size:20px; text-transform: capitalize; font-weight:100;}

.slider .text-type-2 h3,

.slider .text-type-2 h2,

.slider .text-type-2 h1 {

  color: #fff;

  text-shadow: 0 3px 6px rgb(0 44 56 / 70%);

  font-weight: 600;

  font-size: 35px;

  text-transform: uppercase;

}

.slider .text-type-2 p {color:#fff; margin-bottom:0px;}







.slider .carousel-control-prev,

.slider .carousel-control-next {

    z-index:9;

}

.slider .item .text p {

    font-size:18px;

    font-weight:200;

    text-shadow:0 3px 6px rgb(0 44 56 / 70%);

    letter-spacing: 0.5px;

    width:50%;

    margin:0px auto;

    color:#fff;

}

.slider .item .text button {

    background: #2a7d9e;

    width: 275px;

    height: 50px;

    line-height: 50px;

    font-weight: bold;

    color: #fff;

    font-size: 18pt;

    border-radius: 6px;



}

.slider .item .text span {

    font-size:14px;

}

.slider .item .text span i {

    position:relative;

    top:2px;

}

.slide-bottom {

  background: url('../img/slide-bottom-bg.webp') center center no-repeat;

  background-size:cover;

  padding:75px 0px;

  min-height:550px;

  display: flex; align-items: center; text-align: center;

  position: relative;

}

.slide-bottom::before {

  content:"";

  position: absolute;

  width: 100%;

  height: 100%;

  top:0px;

  left:0px;

  background: #00000050;

  z-index: 1;

}

.slide-bottom .title {

  width:100%;

  color: #fff;

  text-shadow: 0 3px 6px rgb(0 44 56 / 70%);

  font-weight: 600;

  font-size: 35px;

  text-transform: uppercase;

  position: relative; z-index: 2;

}

.slide-bottom p {

  font-size: 18px;

  font-weight: 200;

  text-shadow: 0 3px 6px rgb(0 44 56 / 70%);

  letter-spacing: 0.5px;

  width: 100%;

  margin: 0px auto;

  color: #fff;

  position: relative; z-index: 2;

}

.slide-bottom a {

  display: block;

  width: 250px;

  height: 45px;

  line-height: 45px;

  border: 1px solid #529bb9;

  background: #529bb9;

  border-radius: 50px;

  color: #fff;

  font-size: 17px;

  letter-spacing: 0.5px;

  font-weight: 100;

  justify-content: center;

  margin:15px auto;

  position: relative; z-index: 2;

}

.slide-bottom .item textarea,

.slide-bottom .item button,

.slide-bottom .item input {

   width:100%;

   height:56px;

   border-radius:50px;

}

.slide-bottom .item textarea {



}

.home-aboutus {

    padding-top:50px;

}

.home-aboutus .img img {

    width:250px;

    margin:0px 5px;

    border-radius:4px;

}

.home-aboutus .title label {

    color: #5f6973;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 3px;

    margin-top:40px;

}

.home-aboutus .title h2 {

    color: #529bb9;

    font-size: 60px;

    line-height: 1.1em;

    font-weight: 800;

    margin: 4px 0 32px; margin-bottom:10px;

}

.home-aboutus .text p {

    color: #5f6973;

    font-size: 16px;

    line-height: 34px;

    font-weight: 400;

    width:750px;

}

.request-form {

    background: #ffffff;

    padding: 20px;

    border-radius: 4px;

    position: relative;

    margin-top: -128px;

    z-index: 5;

    border: 1px solid #f1f1f1;

    box-shadow: 0px 0.7px 1.5px #ccc;

}



.request-form textarea,

.request-form input {

    width:100%;

    height:50px;

    margin-bottom:15px;

}

.request-form textarea {height:120px;}

.request-form textarea::placeholder,

.request-form input::placeholder {

    color:#ccc;

}

.request-form img {width:50px;}

.request-form button {  width:200px; height:50px; padding:0px; line-height:50px; text-transform:uppercase;}

.request-form h3 {

    color: #529bb9;

    font-size: 30px;

    line-height: 1.2em;

    font-weight: 800;

    margin-top:10px;

}

.request-form p {

    color: #5f6973;

    font-size:15px;

    line-height:24px;

    font-weight: 400;

    margin-top:10px; margin-bottom:20px;

}

.yacht-gallery {

    background:#f8fdff;

    padding:50px 0px;

}

.yacht-gallery .page-title {margin-bottom:100px;}

.yacht-gallery .item {

    margin-bottom:30px;

    position: relative;

    overflow: hidden;

    box-shadow: 1px -1px 8px #e5e5e5;

}

.yacht-gallery .item .title i {

    position: relative;

    float: right;

    font-size: 30px;

    margin-right: 5px;

}

.yacht-gallery .item .img .info-area {

    position:absolute;

    top:10px;

    right:10px;

    z-index:5;

    padding: 5px 10px;

    text-transform: uppercase;

    background: #3eacd9;

    color: #fff;

    font-size: 13px;

}

.yacht-gallery .item .img {

    position:relative;

    position: relative;

    display: block;

    overflow: hidden;

}

.yacht-gallery .item .img img {

    width: 100%;

    position: relative;

    display: inline-block;

    height: 350px;

    object-fit: cover;

    overflow: hidden;

    transform: scale(1.01);

}

.yacht-gallery .item .img:hover img {

    transform: scale(1.09);

    transition: all 700ms ease;

}

.yacht-gallery .item .img::after {

    position: absolute;

    top: 0;

    left: -100%;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

    transform: skewX(-25deg);

    z-index: 2;

}

.yacht-gallery .item .img:hover::after{

    -webkit-animation: shine 1.5s;

    animation: shine 1.5s;

}

@-webkit-keyframes shine {

    100% {

        left: 125%;

    }

}

@keyframes shine {

    100% {

        left: 125%;

    }

}

.yacht-gallery .item .img {position: relative;}

.yacht-gallery .item .img .title {

  font-weight:400;

  font-size:18px;

  text-transform: uppercase;

  color:#fff;

  position: absolute;

  bottom:0px;

  height:40px;

  line-height:40px;

  padding-left:15px;

  left:0px;

  width:100%;

  background:  rgb(0 0 0 / 25%);

  backdrop-filter: blur(5px);

}



.yacht-gallery .item .features {

  width: 100%;

  background: #fff;

  padding:15px 0px;

}

.yacht-gallery .item .features .title {text-align: left; padding-left:15px;}

.yacht-gallery .item .features ul {

    display: flex;

    padding-right:15px;

}

.bosphorus-page-title {

  font-weight: 500;

  font-size: 20px;

  text-transform: uppercase;

  color: #fff;

  position: absolute;

  bottom: 0px;

  height: 40px;

  line-height: 40px;

  padding-left: 15px;

  left: 0px;

  width: 100%;

  background: rgb(0 0 0 / 25%);

  backdrop-filter: blur(5px);

}

.bosphorus-page-title i {

    position: relative;

    float: right;

    font-size: 30px;

    margin-right: 5px;

}

.yacht-gallery .item .features ul li {

    display:inline-flex;

    text-align:center;

    color: #333;

    font-size: 15px;

    padding-left:15px;

    text-transform: uppercase;

    font-weight:100;

    justify-content: right;

}

.yacht-gallery .item .features ul li i {

    position:relative;

    margin-right:5px;

}

.popular-events {padding:50px 0px;}

.popular-events .page-title {margin-bottom:100px;}

.popular-events .item {

    margin-bottom:20px;

    height:500px;

    position: relative;

}



.popular-events .item .img {

    width:100%;

    height:100%;

}

.popular-events .item .img img {

    width:100%;

    object-fit:cover;

    height:100%;

}

.popular-events .item .img {

    position:relative;

    z-index:1;

    display: inline-block;

    overflow: hidden;

}



.popular-events .item .title {

  font-weight: 400;

  font-size: 20px;

  text-transform: uppercase;

  color: #fff;

  position: absolute;

  bottom: 0px;

  height: 60px;

  line-height: 60px;

  padding-left: 15px;

  left: 0px;

  width: 100%;

  background: rgb(0 0 0 / 25%);

  backdrop-filter: blur(5px);

  z-index: 3;

}

.popular-events .item .title i {

    position: relative;

    float: right;

    font-size: 30px;

    margin-right: 5px;

}

.modul-slogan {

  min-height:550px;

  padding:50px 0px;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}

.modul-slogan h3 {

  color: #fff;

  text-shadow: 0 3px 6px rgb(0 44 56 / 70%);

  font-weight: 600;

  font-size: 35px;

  text-transform: uppercase;

}

.modul-slogan p {

  font-size: 18px;

  font-weight: 200;

  text-shadow: 0 3px 6px rgb(0 44 56 / 70%);

  letter-spacing: 0.5px;

  width:100%;

  margin: 0px auto;

  color: #fff;

}





.blogs-page {margin-top:100px}

.blog-list .item .img img {



    width: 100%;

    height: 250px;

    object-fit: cover;

    border-top-left-radius:6px;

    border-top-right-radius:6px;

}

.blog-list .item {

    background: #fff;

    border: 1px solid #fbecec;

    margin-bottom: 30px;

    border-radius: 6px;

    box-shadow: 0px 2px 4px -1px #f7ecec;

    padding-bottom:10px;

}

.blog-list .item a {

    text-decoration:none;

}

.blog-list .item .text {

    padding:15px;

    padding-bottom:5px;

}

.blog-list .item .text h4 {

    color: #292929;

    font-size: 16px;

    line-height:25px;

    font-weight: bold;

    height:40px;

    text-transform:uppercase

}

.blog-list .item .text p {

    color: #5f6973;

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

    margin:0px;

    height:120px;

}

.blog-list .item a .blog-item-footer {

    padding:0px 15px;

}

.blog-list .item a .blog-item-footer .calendar {

    float:left;

    margin-right:10px;

    color: #737984;

    font-size: 13px;

    line-height: 25px;

    font-weight: bold;

    text-transform: uppercase;

}

.blog-list .item a .blog-item-footer .readmore {

    float:right;

    color: #3eacd9;

    font-size: 13px;

    line-height: 25px;

    font-weight: bold;

}

.blog-list .item a:hover .blog-item-footer .readmore {

    color: #3eacd9;

}

.blog-list .item a .blog-item-footer i {

    position:relative;

    top:2px;

}

.blog-list .item .img {

    width: 100%;

    position: relative;

    display: inline-block;

    overflow: hidden;

    transform: scale(1.01);

    border-top-left-radius:10px;

    border-top-right-radius:10px;

}

.blog-list .item .img:hover img {

    transform: scale(1.09);

    transition: all 700ms ease;

}

.blog-list .item .img::after {

    position: absolute;

    top: 0;

    left: -100%;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

    transform: skewX(-25deg);

    z-index: 2;

}

.blog-list .item .img:hover::after{

    -webkit-animation: shine 1.5s;

    animation: shine 1.5s;

}

.all-button .btn-default {

    width:250px;

    height:45px;

    margin:0px auto;

    margin-top:25px;

}

.all-button .btn-default a {

    line-height:45px;

    width:100%;

    display:inline-block;

    text-align:center;

    text-decoration:none;

    color:#fff;

}

.footer {

  background: #529bb9;

}

.footer .footer-content {

  width: 100%;

  padding-top:50px;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

}

.footer .footer-logo {margin-top:50px; width:100%; text-align: center; }

.footer .footer-logo a {display: inline-block; width:200px; height:47.7px; margin:0px auto;}

.footer .footer-logo a img {width:100%; height:100%;}

.footer .socials .title {margin-bottom:20px;}

.footer .title {

  color:#fff;

  font-size:20px;

  font-weight:400;

  text-align:center;

  text-transform:uppercase;

  letter-spacing: 0.5px;

}

.footer .sub-title {

  color:#fff;

  font-size:16px;

  font-weight:100;

  text-align:center;

  margin-top:10px;

  margin-bottom:30px;

  letter-spacing: 0.5px;

}

.footer form input {

  width:100%;

  border:1px solid #fff;

  background:transparent;

  color:#fff;

  font-weight:100;

}

.footer form input::placeholder {

  color:#fff;

  font-weight:100;

}

.footer form button {

  color:#fff;

  width:100%;

  height:50px;

  border-radius:50px;

  border:1px solid #fff;

  font-size:16px;

  font-weight:uppercase;

  background:transparent;

}



.footer .footer-contact {margin-top:50px; width:25%;}

.footer .footer-contact ul li {color:#fff; font-size:17px; letter-spacing:0.5px; font-weight:100;}

.footer .footer-contact ul li a {color:#fff; font-size:17px; letter-spacing:0.5px;}

.footer .footer-contact ul li a i {position: relative; top:2px;}

.footer .footer-contact ul li {margin-bottom:10px;}

.footer .socials {margin-top:30px; width:25%;}

.footer .socials ul {text-align: center;}

.footer .socials ul li {display:inline-block; margin:0px 10px; width:40px; height:40px; text-align: center; border:1px solid #fff;}

.footer .socials ul li a {line-height:40px; color:#fff; width:100%; height:100%; display:block; font-size:18px;}

.footer .copyright {background: #f8fdff;  backdrop-filter: blur(5px); margin-top:50px; height:120px;}

.footer .copyright ul {text-align: right}

.footer .copyright ul li {display: inline-block; margin-left:15px;}

.footer .copyright,

.footer .copyright ul li a {

  text-decoration: none;

  color: #212529;

  line-height: 120px;

  font-weight: 100;

  font-size: 15px;

  text-transform: uppercase;

  letter-spacing: 1.2px;

}

.footer .footer-services {width:50%; padding-top:30px;}

.footer .footer-services ul {text-align: center;}

.footer .footer-services .title {text-align: center; margin-bottom:20px; position: relative;}

.footer .footer-services .title::before {

  content:"";

  position: absolute;

  width: 40px;

  height: 3px;

  background: #fff;

  bottom:-11.5px;

  left:calc(50% - 20px);

}

.footer .footer-services ul li {list-style-type:none; }

.footer .footer-services ul li a {line-height:45px; color:#fff; font-size:16px; font-weight:100;}

@-webkit-keyframes bgSlideReverse {

    0% {

        background-position: 0 0;

    }

    20% {

        background-position: 100px 0;

    }

    40% {

        background-position: 200px 0;

    }

    60% {

        background-position: 150px 0;

    }

    80% {

        background-position: 100px 0;

    }

    100% {

        background-position: 0px 0;

    }

}

@keyframes bgSlideReverse {

    0% {

        background-position: 0 0;

    }

    20% {

        background-position: 100px 0;

    }

    40% {

        background-position: 200px 0;

    }

    60% {

        background-position: 150px 0;

    }

    80% {

        background-position: 100px 0;

    }

    100% {

        background-position: 0px 0;

    }

}

.whatsapp {

    width:200px;

    height:45px;

    border-radius:20px;

    background:#25D366;

    text-align:center;

}

.whatsapp {

    width:200px;

    height:45px;

    border-radius:20px;

    background:#25D366;

    text-align:center;

    position:relative;

    margin-top:25px;

}



.whatsapp a label {

    position:absolute;

    left:15px;

    font-size:25px;

    cursor:pointer;

}

.whatsapp a label:before {

    content:"";

    position:absolute;

    width:1px;

    height:15px;

    background:#fff;

    right:-10px; top:15px;

}

.whatsapp a {

    color:#fff;

    text-decoration:none;

    line-height:45px;

    width:100%;

    display:inline-block;

}





a:hover {

    text-decoration: none;

    transition: all .3s ease;

}



.mobile-nav {

    display: none;

}



.mobile-close-menu {

    display: none;

}



.fly-alert {

    position: fixed;

    top: 100px;

    right: 50px;

    z-index: 9999;

    margin: 0;

    font-size: 18px;

    display: inline-block;

    width: auto;

}



.alert-danger{

    background-color: #F44336;

}



.alert-success{

    background-color: #2ec4b6;

}



.alert{

    font-weight: bold;

    color: #fff;

    text-align: center;

    padding: 15px;

    border-radius: 4px;

}

.footer-sticky-bar {

    display: none;

    position: fixed;

    left: 0;

    bottom: 0;

    width: 100%;

    background-color: #003399;

    z-index: 999;

    text-align: center;

}





.footer-sticky-bar a {

    color: #fff;

    width: 100%;

    font-weight: 700;

    font-size: 22px;

    display: flex;

    padding: 15px 0;

    justify-content: center;

    align-items: center;

}



.footer-sticky-bar a i {

    position: relative;

    bottom: -1px;

    margin-right: 10px;

    font-size: 30px;

}



.fixed-header {

    position: sticky;

    top: 0;

    left: 0;

    width: 100%;

    transition: 0.5s;

    z-index: 999;

    background:rgb(0 0 0 / 56%);

    height:120px;

}

.header .logo { width:230px; height:54.86px}

.header .logo img {margin-top:36.5px; width:100%; height:100%;}

.fixed-header ul li a {

    color:#fff;

    line-height:80px;

}

.breadcrumb ul {margin:0px; padding:0px; text-align:left;}

.breadcrumb ul li {display:inline-block;}

.breadcrumb ul li a {

    color:#fff;

    font-weight:500;

}

.breadcrumb ul li {

    color:#ffffff;

    font-weight:300;

}



.breadcrumb ul li i {

    position:relative;

    top:3px;

}



.yacht-page-content {

    padding:50px 0px;

}

.carousel-indicators {

    position:relative; margin:0px; padding:0px;

}

.slider-bottom.carousel-indicators [data-bs-target] {

    box-sizing: inherit;

    width:auto;

    height:auto;

    text-indent:0;

    margin:0px; padding:0px; border:none; margin-bottom:30px;

}

.yacht-page-content .carousel-item img a {

  position: relative;

}

.yacht-page-content .carousel-item img {

    height:500px;

    object-fit:cover;

}

.yacht-page-content .carousel-item a:hover::before {

  font-family: 'remixicon' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content:"\f0d1";

  position: absolute;

  top:0px;

  left:0px;

  width:100%;

  height:100%;

  display: flex;

  align-items: center;

  justify-content: center;

  color:#fff;

  font-size:50px;

  backdrop-filter: blur(5px);

  background-color: rgb(82 155 185 / 56%);

}

.slide-min-img {

  float: none;

  white-space: nowrap;

  width: 100%;

}

.slider-bottom::-webkit-scrollbar {

  width: 0px;

  height:0px;

}

.slider-bottom::-webkit-scrollbar-track {

  background: transparent;

}

.slider-bottom::-webkit-scrollbar-thumb {

  background: transparent;

}



.slider-bottom::-webkit-scrollbar-thumb:hover {

  background: transparent;

}

.slider-bottom  {width: 100%; min-height:500px; display: flex;  flex-wrap: wrap;}

.slider-bottom .carousel-indicators {

  margin:0px !important;

  padding:0px !important;

  border:none !important;

}

.slider-bottom img {width:100%; height:147px; object-fit: cover !important;}

.yacht-features {

  padding-top:50px;

}

.yacht-features .title h1 {

    color: #529bb9;

    font-size:30px;

    font-weight: 800;

    margin-bottom: 10px;

}

.yacht-features .yacht-features-item {

    border:1px solid #f8fdff;

    padding:8.75px;

    border-bottom:0px;

}

.yacht-features .yacht-features-item:nth-child(even) {

    background:#f8fdff;

}

.yacht-features .yacht-features-item:last-child {

    border-bottom:1px solid #f8fdff;

}

.yacht-features .yacht-features-item label {

    width:140px;

}

.yacht-features .yacht-features-item {

    font-weight:100;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}

.features-one-list {

    margin-bottom:15px;

}

.features-one-list .item {

    border:1px solid #f8fdff;

    background: #f8fdff;

    width:100%;

    padding:25px 0px;

    text-align: center;

}

.features-one-list .item .number {

    font-size:20px;

    font-weight:100;

    width:100%;

    text-align: center;

}

.features-one-list .item .number {

    font-size:20px;

    font-weight:100;

    text-transform:uppercase;

    width:100%;

    text-align: center;

    display: block;

}

.features-one-list .item .icon i {

  font-size:30px;

  color: #529bb9;

}

.yatch-page-aboutus {

    background: #f8fdff;

    padding: 50px 0px;

}

.yatch-page-aboutus h1 {

    color: #529bb9;

    font-size:30px;

    line-height: 1.1em;

    font-weight: 800;

    text-transform:uppercase;

    margin-bottom:30px;

}

.yatch-page-aboutus h1 span {

    font-weight:200;

}

.yatch-page-aboutus label {

    color: #5f6973;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 3px;

    margin-top: 15px;

}

.yatch-page-aboutus p {

    color: #6b6b6b;

    font-size: 16px;

}

.yatch-features-reservation {

    margin-top:10px;

}



.yatch-features-reservation .whatsapp {float:left; margin-right:15px;}

.yatch-features-reservation .reservation {float:left;}



.reservation {

    width:200px;

    height:45px;

    border-radius:20px;

    background:#54b9e5;

    text-align:center;

    position:relative;

    margin-top:25px;

}



.reservation a i {font-size:18px;}

.reservation a label {

    position:absolute;

    left:15px;

    font-size:25px;

    cursor:pointer;

}

.reservation a label:before {

    content:"";

    position:absolute;

    width:1px;

    height:15px;

    background:#fff;

    right:-10px; top:15px;

}

.reservation a {

    color:#fff;

    text-decoration:none;

    line-height:45px;

    width:100%;

    display:inline-block;

}

.yacht-gallery.detail-page .item {

    box-shadow: 0px 0px 6px 0px #e2e2e2;

}

.yacht-gallery.detail-page {

    background: #fff;

    padding: 50px 0px; padding-bottom:70px;

    position:relative;

    margin:0px;

    margin-bottom:-50px;

}

.yacht-gallery {

    padding: 50px 0px;

    position:relative; min-height:1000px;

}

.bread-content {

    background:url("../img/bread-bg.jpg") no-repeat center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    height:600px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}

.bread-content .text {

  display: flex;

  flex-wrap: wrap;

  flex: 0 0 100%;

  width:100%;

}

.bread-content .title {

  width:100%;

  text-align: center;

  color: #fff;

  text-shadow: 0 3px 6px rgb(0 44 56 / 70%);

  font-weight: 800;

  font-size: 45px;

  text-transform: uppercase;

}

.bread-content ul {

  width:100%;

  text-align: center;

  font-size:20px;

  text-shadow: 0 3px 6px rgb(0 44 56 / 70%);

  text-transform: uppercase;

  letter-spacing: 0.5px;

}

.bread-content ul li {

  display: inline-block;

  color:#fff;

}

.bread-content ul li a {

  color:#fff;

}

.bread-content ul li i {

  position:relative;

  top:2px;

}



.aboutus-content h1 {

    color: #529bb9;

    font-size: 30px;

    line-height: 1.1em;

    font-weight: 800;

    text-transform: uppercase;

    margin-bottom: 30px;

}

.aboutus-content {

    background: #f8fdff;

    padding: 50px 0px;

    padding-bottom:60px;

    position: relative;

    margin-bottom: -40px;

}

.aboutus-content h1 span {

    font-weight:300;

}



.aboutus-content p {

    color: #6b6b6b;

    font-size: 16px;

    line-height:30px;

}

.blog-list-page {padding-top:150px;}

.pagination.special {

    float:right;

    margin-top:5px;

}

.pagination.special li a {

    color:#3eacd9;

}

.pagination.special li.active a {

    background:#3eacd9;

    border-color:#3eacd9;

}

.pagination.special li a {

    box-shadow:none !important;

    outline:none !important;

}





.blog-detail-header {

    background:url("../img/about-header.png") no-repeat top center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    padding-top:150px;

    padding-bottom:20px;

}

.blog-detail-header .text h1 {

    text-decoration: none;

    color: #fff;

    font-weight:400;

    font-size: 35px;

    text-transform: uppercase;

    text-align: center;

    text-shadow: 2px 2px 2px #757575;

    margin:30px 0px;

}

.blog-detail-header .text p {

    color: #ffffff;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

}





.blog-detail-page .col-md-9 img {width:100%; margin:15px 0px;}





.blog-detail-page .col-md-9 h2 {

    color: #000;

    font-weight: 500;

    margin-top:40px;

}

.blog-detail-page .col-md-9 label {

    font-weight:600;

    margin-bottom:2.5px;

}

.blog-detail-page .col-md-9 p {

    color: #5f6973;

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;



}

.blog-detail-page .col-md-9 ul {

  padding-left:15px;

}

.blog-detail-page .col-md-9 ul li {

    list-style-type:circle;

    color: #5f6973;

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

    margin-bottom:10px;

}



.blog-detail-page .col-md-3 .latest-news {

    background:#faf9f9;

    padding:15px;

    margin-top:40px;

}

.blog-detail-page .col-md-3 .latest-news h3 {

    margin-bottom: 15px;

    font-size: 20px;

    text-transform: uppercase;

    color: #000;

    font-weight: 600;

}

.blog-detail-page .col-md-3 .latest-news .img {

    width:60px;

    height:45px;

    float:left;

}



.blog-detail-page .col-md-3 .latest-news .img img {

    width:100%;

    height:100%;

    object-fit:cover;

}

.blog-detail-page .col-md-3 .latest-news .title {

    width:calc(100% - 60px);

    float:right;

    padding-left:10px;

}

.blog-detail-page .col-md-3 .latest-news .item a {

    color: #000;

    font-size: 14px;

    font-weight: 600;

    align-items:center;

    display: flex;

    text-transform:uppercase;

}

.blog-detail-page .col-md-3 .latest-news .item {

    margin-bottom:15px;

}

.blog-detail-page .col-md-3 .latest-news .item label {

    cursor:pointer;

}

.blog-detail-page .col-md-3 .latest-news .item:last-child {

    margin-bottom:0px;

}



.blog-detail-page .tags {

    background:#faf9f9;

    padding:20px;

    margin-top:20px;

    padding-bottom:10px;

}

.blog-detail-page .tags ul {

    text-align:left;

}

.blog-detail-page .tags ul li {

    background: #e7e7e7;

    display:inline-block;

    margin-right:10px;

    border-radius:2px;

    margin-bottom:10px;

}

.blog-detail-page .tags ul li a {

    line-height:20px;

    padding:0px 10px;

    color:#000;

    font-size:13px;

    font-weight:500;

}

.clearfix {clear:both;}

.forMobile { position:fixed;bottom:90px;right:70px;z-index:9999;color:#FFFFFF;font-size:25px; width: 50px; height: 50px; display:inline-block; cursor: pointer;transform-origin: center; }

.forMobile:hover { color:#FFF; }

.forMobile.phone{ left:30px;right:auto; }

.forMobile > .faWrap {width: 60px; height: 60px; top: 0; left: 0; position: absolute; transition: all 0.2s ease-in-out; border-radius: 100%;transition: all .5s;}

.forMobile > i {width: 40px; height: 40px;line-height:40px;text-align:center; top: 10px; left: 10px; position: relative; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;  transition: all 0.2s ease-in-out; transform-origin: 50% 50%;}

.forMobile > i{color:#fff; position:absolute; top:9px; left:9px; transform-origin: 50% 50%;}



.forMobile.wp > .faWrap {background:rgba(79, 206, 93,.5);}

.forMobile.wp > i {background:rgb(79, 206, 93);}



.forMobile.phone > .faWrap {background:rgba(18, 120, 255,.5);}

.forMobile.phone > i {background:rgb(18, 120, 255);}



.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}





@-webkit-keyframes heartBeat {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    14% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }

    28% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    42% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }

    70% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}

@keyframes heartBeat {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    14% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }

    28% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    42% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3);

    }

    70% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}

.heartBeat {

    -webkit-animation-name: heartBeat;

    animation-name: heartBeat;

    -webkit-animation-duration: 1.3s;

    animation-duration: 1.3s;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

}

.services-page {

    padding:50px 0px;

    background: #f8fdff;

    position:relative;

    padding-bottom:100px;

    margin-bottom:-40px;

}



.services-page .small-title {

    color: #5f6973;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 3px;

    margin-top: 15px;

}

.services-page .title {

    color: #529bb9;

    font-size: 30px;

    line-height: 1.1em;

    font-weight: 800;

    text-transform: uppercase;

    margin-bottom: 30px;

}

.services-page .title span {

    font-weight:200;

}

.services-page .text p {

    color: #6b6b6b;

    font-size: 16px;

}

.services-page .text label {

    margin:10px 0px;

    font-weight:600;

}

.services-page .text ul {

    padding-left:15px;

    margin-bottom:10px;

}

.services-page .text ul li {

    margin-bottom:5px;

    font-weight:500;

    list-style-type:disc;

}

.gallery {

    margin-top:120px;

    text-align: center;

}

.gallery .title {

    color: #529bb9;

    font-size: 30px;

    font-weight: 800;

    margin-top: 5px;

    margin-bottom:15px;

    text-align:center;

    text-transform:uppercase;

}

.gallery .item {

    position:relative;

    border-radius:6px;

    display:inline-block;

    overflow: hidden;

    width:86px;

    height:86px;

    margin:5px;

}

.gallery .item span {

    position:absolute;

    right:10px;

    top:10px;

    width:30px;

    height:30px;

    text-align:center;

    line-height:30px;

    border-radius:3px;

    background:#54b9e5;

    color:#fff;

    font-size:18px;

    z-index: 3;

}

.gallery .item img {

    height:100%;

    position:relative;

    z-index: 2;

}

.gallery .item a {

    width:100%;

    height:100%;

    display:inline-block;

}

.gallery .item:hover img {

    transform: scale(1.09);

    transition: all 700ms ease;

}

.gallery .item a::after {

    position: absolute;

    top: 0;

    left: -100%;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

    transform: skewX(-25deg);

    z-index: 2;

}

.gallery .item a:hover::after{

    -webkit-animation: shine 1.5s;

    animation: shine 1.5s;

}



.services-page .features {

    background:#fff;

    background:#fff;

    padding:30px;

    border-radius:10px;

    position:absolute;

    top:-60px;

}

.services-page .features h3 {

    color: #529bb9;

    font-size: 25px;

    line-height: 1.2em;

    font-weight: 800;

    text-transform:uppercase;

    margin-bottom:15px;

    text-align:center;

}

.services-page .features .item {

    margin-top:7.5px;

}

.services-page .features .item a {

    color: #5f6973;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    margin-top: 10px;

}

.services-page .features .item a i {

    position:relative;

    top:2px;

    margin-right:5px;

}

.contact-page .title {

    color: #529bb9;

    font-size: 30px;

    line-height: 1.1em;

    font-weight: 800;

    text-transform:uppercase;

    margin-bottom:30px;

}

.contact-page {

    padding:50px 0px;

}



.contact-page .contact-form textarea,

.contact-page .contact-form input {width:100%;}

.contact-page .contact-form button {

    width:200px;

    height:50px;

    text-transform:uppercase;

    font-weight:200;

}

.contact-page .contact-form .item {

    margin-bottom:20px

}

.contact-page .contact-information .item span,

.contact-page .contact-information .item a {

    color: #5f6973;

    font-size: 16px;

    line-height: 34px;

    font-weight: 400;

}

.contact-page .contact-information .item span i,

.contact-page .contact-information .item a i {

    position:relative;

    top:2px;

}



.footer .socials ul li:hover {background:#fff !important;}



.contact-page .socials ul {text-align:left; margin-top:20px;}

.contact-page .socials ul li {

    display:inline-block;

    width:40px;

    height:40px;

    border-radius:100%;

    margin-right:10px;

    text-align:center;

}

.contact-page .socials ul li a {

    width:100%;

    line-height:40px;

    color:#529bb9;

    border-radius:100%;

    display:inline-block;

    text-decoration:none;

    font-size:20px;

}



.map {

    background: #f8fdff;

    position:relative;

}



.yacht-page {padding-top:100px; }

.reservation-page  {padding:50px 0px; }

.reservation-page .item  {margin:15px 0px;}

.reservation-page .item label {

  font-size: 16px;

  font-weight: 100;

  letter-spacing: 0.5px;

  text-align: center;

  color: #545861;

  margin-bottom:5px;

}

.reservation-page textarea,

.reservation-page select,

.reservation-page input  {

  width:100%;

  height:50px;

  padding-left:15px;

  color:#888;

  border:1px solid #d9d9d9;

  border-radius:4px;

  padding:0px 10px;

  box-shadow:none;

  outline:none;

  font-size:15px;

  font-weight:100;

}

.reservation-page textarea {min-height:200px; padding-left:15px; padding-top:15px;}

.reservation-page button {  width:200px; height:50px; padding:0px; line-height:50px; text-transform:uppercase;margin-top:20px;}





.notfound-page {

    text-align:center;

    padding-top:250px;

    padding-bottom:200px;

}

.notfound-page h1 {

    font-size:75px;

    font-weight:bold;

}



.notfound-page h2 {

    font-size:45px;

    font-weight:normal;

}

.notfound-page .notfound-back {

    margin-top:50px;

}

.notfound-page .notfound-back a {

    padding:10px;

    color:#fff;

    background:#3eacd9;

    border-radius:6px;

}



.istanbulyachtcharter {

  padding:50px 0px;

  min-height:700px;

}

.istanbulyachtcharter .item {width:100%; display: flex; padding:50px 0px; align-items: center; justify-content: center;}

.istanbulyachtcharter .item .img {

  width:50%;

}

.istanbulyachtcharter .item .img img {

  width:100%;

}

.istanbulyachtcharter .item .text {

  width:100%;

  padding:0px 15px;

}

.istanbulyachtcharter .title {text-align: center;}

.istanbulyachtcharter .title h5 {

  font-size: 20px;

  font-weight: 100;

  text-transform: uppercase;

  letter-spacing: 3px;

  margin-top: 15px;

  color: #333;

}

.istanbulyachtcharter .title h2 {

  color: #529bb9;

  font-size: 40px;

  line-height: 1.1em;

  font-weight: 400;

  margin-top: 5px;

}



.all-button {margin-top:75px; text-align:center;}

.all-button a {

    display: block;

    background:transparent;

    border:1px solid #529bb9;

    width:200px;

    line-height:45px;

    font-weight:400;

    color: #529bb9;

    font-size:17px;

    border-radius:50px;

    margin:0px auto;

}



.popular-events .item {

  margin-bottom: 15px;

}

.popular-events .item .img img {width:100%; height:100%; object-fit: cover;}



.page-text {

  padding:75px 0px;

}

.page-slide {

  width:100%;

  height:800px;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size:cover;

  position: relative;

}

.page-slide .text {width:100%; position: relative;z-index: 2;}

.page-slide h1 {

  color: #fff;

  text-shadow: 0 3px 6px rgb(0 44 56 / 70%);

  font-weight: 800;

  font-size: 45px;

  text-transform: uppercase;

}

.page-slide h5 {

  color: #fff;

  text-shadow: 0 3px 6px rgb(0 44 56 / 70%);

  font-weight: 400;

  font-size: 25px;

  text-transform: uppercase;

  width:100%;

}

.page-slide .container {position: relative; height:100%;}

.page-slide .text-type-2 {

  width: 650px;

  display: flex;

  align-items: center;

  height: 200px;

  position: absolute;

  z-index: 2;

  left: 0px;

  bottom: 50px;

  background: rgb(0 0 0 / 56%);

  backdrop-filter: blur(2px);

  padding: 30px;

  text-align: left;

  flex-wrap: wrap;

}

.page-slide.my-slide .text-type-2 {height:275px;}

.page-slide .text-type-2 h5 {font-size:20px; text-transform: capitalize; font-weight:100;}

.page-slide .text-type-2 h1 {font-size:35px; text-transform: capitalize; font-weight:600;}

.page-slide .text-type-2 p {color:#fff; margin:0px;}

.page-slide .text-type-2 .text-ul {

  text-align: left; width:100%; margin-top:20px;

}

.page-slide .text-type-2 ul li {display: inline-block; margin-right:15px; font-weight:100;}

.page-slide .text-type-2 ul li a {color:#fff; font-size:20px; letter-spacing: 0.5px;}

.page-slide .text-type-2 ul li a i {position: relative; top:3px;}

.page-slide .text-type-2 .megay-button {display: block; border:1px solid #fff; color:#fff; width:200px; line-height:50px; margin-top:20px; text-align: center; font-weight:400;}

.mega-special {

  min-height: 500px;

  padding: 50px 0px;

  background: #f8fdff;

}

.mega-special .item {width:100%; min-height:600px; color:#212529; font-weight: 100; font-size: 17px; line-height:30px;}

.mega-special .item .img {width:100%; height:400px;}

.mega-special .item .img img {width:100%; height:100%; object-fit:cover;}

.mega-special .item .title {

  font-size: 25px;

  font-weight: 100;

  text-transform: uppercase;

  color: #529bb9;

  margin-top:15px;

  margin-bottom:5px;

}

.page-text .title {

  font-size: 25px;

  font-weight: 100;

  text-transform: uppercase;

  margin-top: 15px;

  color: #000;

  margin-bottom: 50px;

}

.service-page-content .title {

  font-size: 20px;

  font-weight: 400;

  text-transform: uppercase;

  margin:7.5px 0px;

  color: #333;

}

.page-text {position: relative;}

.page-text .button a {display:block; color:#529bb9; background:transparent; border:1px solid #529bb9; border-radius:50px; width:200px; line-height:45px; text-align: center; margin-top:15px;}

.page-text .image {



  background-position: center center;

  background-repeat: no-repeat;

  width: 45%;

  position: absolute;

  top: 0;

  right: 0;

  height: 100%;

}

.page-text .image.left {

  left:0px;

  right:auto;

}

.page-photo {position:relative;}

.yacht-gallery.page-photo {min-height:500px; padding:50px 0px;}

.yacht-gallery.page-photo .item .img { height:250px;}

.yacht-gallery.page-photo .item .img img { height:250px;}

.yacht-gallery.page-photo .item {position: relative; margin:0px; height:250px;}

.yacht-gallery.page-photo .item .features {position: absolute; bottom:0; }

.yacht-gallery.page-photo .item .features .title {color:#fff; margin:0px;}

.mobile-list {position: relative;}

.modul-arrow {

  position: absolute;

  top: 0px;

  width: 100%;

  left: 0px;

  height: 100%;

  font-size: 80px;

  color: #529bb9;

  display: flex;

  align-items: center;

}

.modul-arrow div {opacity:0.5;}

.modul-arrow div:hover {opacity:1;}

.modul-arrow div:hover {opacity:1;}

.modul-arrow .swiper-button-disabled {opacity:0.2 !important;}



.modul-arrow .left {

  left:-100px;

  position: absolute;

  height:80px;

}

.modul-arrow .right {

  right:-100px;

  position: absolute;

  height:80px;

}



.page-destination .container {position: relative;}

.page-destination {

  min-height: 500px;

  padding: 100px 0px;

  background: #f8fdff;

}



.page-destination p {

  margin-top:15px;

  text-align: center;

}

.mtb-100 {margin:100px 0px;}

.page-destination .swiper-slide a {position: relative;}

.page-destination .swiper-slide a img {width:100%; height:300px; object-fit: cover;}

.page-destination .swiper-slide a:hover::before {

  font-family: 'remixicon' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content:"\f0d1";

  position: absolute;

  top:0px;

  left:0px;

  width:100%;

  height:100%;

  display: flex;

  align-items: center;

  justify-content: center;

  color:#fff;

  font-size:50px;

  backdrop-filter: blur(5px);

  background-color: rgb(82 155 185 / 56%);

}



.myacht-properties {

  min-height:400px;

  padding:50px 0px;

  background: #f8fdff;

}

.myacht-properties .item label {

  display: block;

  width:100%;

  font-size:25px;

  font-weight:100;

}

.myacht-properties .item span {

  display: block;

  width:100%;

  font-size:20px;

  font-weight:400;

  margin-top:10px;

}

.myacht-properties .contact {display: flex; margin-top:50px;}

.myacht-properties .contact a {display: block; margin-right:15px; width:200px; height:50px; line-height:50px; border:1px solid #000; color:#000; text-align: center;}

.myacht-properties .contact a i {position: relative; top:0px; left:15px; float: left; font-size:20px;}

.myacht-gallery {background: #f8fdff; padding:50px 0px;}

.myacht-gallery .item {height:400px; margin-bottom:30px;}

.myacht-gallery .item a img {width:100%; height:100%; object-fit: cover;}

.myacht-gallery .item a {position: relative;}

.myacht-gallery .item a:hover::before {

  font-family: 'remixicon' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content:"\f0d1";

  position: absolute;

  top:0px;

  left:0px;

  width:100%;

  height:100%;

  display: flex;

  align-items: center;

  justify-content: center;

  color:#fff;

  font-size:50px;

  backdrop-filter: blur(5px);

  background-color: rgb(82 155 185 / 56%);

}

.myacht-gallery .title {

  font-size: 25px;

  font-weight: 100;

  text-transform: uppercase;

  color: #000;

  margin-bottom:50px;

}

.yacht-page-header {

  width:100%;

  min-height:250px;

  display:flex;

  align-items: flex-end;



}

.yacht-page-header .title h1 {

  font-size: 35px;

  font-weight: 100;

  letter-spacing: 0.5px;

  color: #545861;

  position: relative;

}

.yacht-page-header .title h1::before {

  content:"";

  position: absolute;

  width:75px;

  height:4px;

  background:#529bb9;

  bottom:-10px;

  left:2px;

}

.yatch-basic-features label {

  font-size: 17px;

  font-weight: 100;

  letter-spacing: 0.5px;

  text-align: right;

  color: #888;

  display: block;

}

.yatch-basic-features .price {

  font-size: 17px;

  font-weight: 100;

  letter-spacing: 0.5px;

  text-align: right;

  color: #529bb9;

}

.yatch-basic-features .price span {

  font-weight:400;

  font-size:20px;

  margin-left:5px;

}

.fancybox-container {z-index: 999999 !important;}

.yatch-page-aboutus h2 {font-weight:400;}

.modul-type {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}

.modul-type .page-title {

  font-size: 30px;

  font-weight: 400;

  letter-spacing: 0.5px;

  margin-bottom:50px;

}

.modul-type .page-title::after {

  left:0px;

}

.modul-type {padding:50px 0px; background: #f8fdff;}

.modul-type a {padding:0px 15px; width:300px; height:50px; line-height:50px; border:1px solid #000; color:#000; display: block; text-align: center;}

.modul-type a:hover {

  color:#529bb9;

  border-color:#529bb9;

}

.modul-type .img {height:100%; align-items: center; width:100%; display: flex;}

.modul-type .img img {height:400px; width:100%; object-fit: cover;}

.modul-type .item:nth-child(1) {margin-bottom:100px;}

.modul-type .item {min-height:400px; display: flex; align-items: center; justify-content: center;}

.home-properties .item {

  background: #529bb9;

  padding:30px 15px;

}

.home-properties .item .icon {

  width:100%;

  color:#fff;

  font-size:45px;

  text-align: center;

  line-height:35px;

}

.home-properties .item .title {

  color:#fff;

  text-align: center;

  font-size:20px;

  font-weight:400;

}

.home-properties .item .text {

  color:#fff;

  text-align: center;

  font-size:16px;

  font-weight:100;

}

.yacht-hero {width:100%; height:800px;}

.yacht-hero .container {position:relative;}

.yacht-hero .hero-bg {

  width:100%; height:100%;

  background-repeat: no-repeat;

  background-position: center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: 0px -60px;

}

.show-gallery {

  display: block;

  background: #529bb9;

  border: 1px solid #529bb9;

  width: 200px;

  line-height: 45px;

  font-weight: 100;

  color: #fff;

  font-size: 16px;

  margin: 0px auto;

  position: absolute;

  bottom:20px;

  right:0px;

  text-align: center;

}

.show-gallery:hover {

  color: #fff;

  background: #55bae5;

  border-color:#55bae5;

}

.new-yacht-content {

  background: #f8fdff;

  padding:50px 0px;

}

.new-yacht-content .page-left-title h1 {

  text-transform: uppercase;

}

.yacht-photo-gallery {

  display: flex;

  flex-wrap: wrap;

}

.new-yacht-content .yacht-photo-gallery {

  background: #fff;

  padding:30px;

}

.yacht-photo-gallery .item {

  height:120px;

}

.yacht-photo-gallery .item a {

  position: relative;

  display: block;

  width:100%;

  height:100%;

  text-shadow:none !important;

  outline: none !important;

}

.yacht-photo-gallery .item a:hover::before {

  font-family: 'remixicon' !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  content:"\f0d1";

  position: absolute;

  top:0px;

  left:0px;

  width:100%;

  height:100%;

  display: flex;

  align-items: center;

  justify-content: center;

  color:#fff;

  font-size:50px;

  backdrop-filter: blur(5px);

  background-color: rgb(82 155 185 / 56%);

}

.yacht-photo-gallery .item a {

  width: 100%;

  height:100%;

}

.yacht-photo-gallery .item a img {

  width: 100%;

  height:100%;

  object-fit: cover;

}

.yacht-photo-gallery .title {

  font-size: 20px;

  font-weight: 400;

  letter-spacing: 0.5px;

  margin-bottom: 15px;

  width:100%;

}

.yacht-photo-gallery .item-view {

  backdrop-filter: blur(5px);

  background-color: rgb(0 0 0 / 75%);

  color:#fff;

  padding:15px;

  text-align: center;

  cursor:pointer;

}

.yacht-photo-gallery .item-view i {

  font-size:25px;

  margin-top:15px;

  margin-bottom:7.5px;

  display: block;

}

.yacht-photo-gallery .item-view label {

  width:100%;

  display: block;

  font-size:16px;

  font-weight:100;

  cursor:pointer;

}

.yacht-content-text {

  padding:30px;

  background: #fff;

  margin-top:30px;

}

.new-yacht-content .main-details {

  background: #fff;

  padding:30px;

  display: flex;

  flex-wrap: wrap;

}

.new-yacht-content .main-details .title {

  font-size: 20px;

  font-weight: 400;

  letter-spacing: 0.5px;

  margin-bottom: 15px;

  width: 100%;

}

.new-yacht-content .main-details .length {

  width:50%;

}

.new-yacht-content .main-details .guest {

  width:25%;

}

.new-yacht-content .main-details .cabin {

  width:25%;

}

.new-yacht-content .main-details .location {

  width:50%;

}

.new-yacht-content .main-details .captain {

  width:25%;

}

.new-yacht-content .main-details .crew {

  width:25%;

}

.new-yacht-content .main-details label {

  width:100%;

  display: block;

  margin-top:10px;

  font-size: 14px;

  font-weight: 100;

  letter-spacing: 0.5;

  text-transform: uppercase;

}

.new-yacht-content .main-details span {

  width:100%;

  display: block;

  font-size:14px;

  font-size: 18px;

  font-weight: 200;

  color: #5c6871;

}

.new-yacht-content .yacht-rental-price {

  background: #fff;

  padding:30px;

  display: flex;

  flex-wrap: wrap;

  margin-top:30px;

}

.new-yacht-content .yacht-rental-price .title {

  font-size: 20px;

  font-weight: 400;

  letter-spacing: 0.5px;

  margin-bottom: 15px;

  width: 100%;

}

.new-yacht-content .yacht-rental-price label {

  width:100%;

  font-weight:200;

  font-size:15px;

  color: #5c6871;

}

.new-yacht-content .yacht-rental-price .price {

  width:25%;

  font-weight:400;

  font-size:16px;

}

.new-yacht-content .yacht-rental-price .contact-button {

  width:100%;

}

.new-yacht-content .yacht-rental-price .contact-button a {

  padding: 0px 15px;

  width: 100%;

  height: 50px;

  line-height: 50px;

  border: 1px solid #000;

  color: #000;

  display: block;

  text-align: center;

  margin-top:15px;

}

.new-yacht-content .yacht-rental-price .reservation-button {

  width:100%;

}

.new-yacht-content .yacht-rental-price .reservation-button a {

  padding: 0px 15px;

  width: 100%;

  height: 50px;

  line-height: 50px;

  display: block;

  text-align: center;

  margin-top:15px;

  background: #529bb9;

  border: 1px solid #529bb9;

  color: #fff;

}

.new-yacht-content .yacht-rental-price .reservation-button a:hover {

  background: #55bae5;

  border: 1px solid #55bae5;

  color: #fff;

}



.menu-collapsed {display:none;}







.b-a, .bar:after, .bar:before, .bar {

  transition: all 0.25s;

  content: "";

  position: absolute;

  right: 0;

  height: 3px;

  width: 30px;

  border-radius: 10px;

  background-color: rgba(255, 255, 255, 0.95);

}

.menu-collapsed {

  transition: all 0.25s;

  position: fixed;

  top: 0;

  right: 0;

  z-index:999999;

  cursor: pointer;

  width:100%;

}

.menu-collapsed ul {

  transition: all 0s;

  position: fixed;

  left: -9000px;

}

.bar {

  position: fixed;

  right: 15px;

  top: 32px;

}

.bar:before {

  top: -8px;

}

.bar:after {

  top: 8px;

}



.b-a-expanded, .menu-expanded .bar:after, .menu-expanded .bar:before {

  transition: all 0.25s;

  top: 0px;

}



.menu-expanded {

  transition: all 0.25s;

  height: 100%;

  width: 100%;

  border-radius: 0px;

  top: 0;

  left: 0;

  backdrop-filter: blur(5px);

  background-color:#000;

  display: flex;

  flex-wrap: wrap;

}

.menu-expanded ul {

  transition: all 0s;

  position: relative;

  left: 0;

  z-index: 2;

  width:100%;

}

.menu-expanded ul li {

  width:100%;

  padding:15px 50px;

}

.menu-expanded ul li a {

  color:#fff;

  letter-spacing: 0.5px;

  font-size:18px;

  font-weight:100;

}

.menu-expanded .bar {

  background-color: transparent;

  transition: all 0.25s;

}

.menu-expanded .bar:before {

  transform: rotate(45deg);

}

.menu-expanded .bar:after {

  transform: rotate(-45deg);

}

.mobile-bar-header {

  width: 100%;

  height: 70px;

  z-index: 2;

  background: transparent;

  top: 0px;

  left: 0px;

  position: relative;

  z-index: 99999999;

  backdrop-filter: blur(5px);

  background-color: rgb(0 0 0 / 56%);

}

.mobile-bar-header .logo {

  width:100%;

  height:40px;

  padding-left:15px;

}

.mobile-bar-header .logo a img {

  height:100%;

  width: auto;

  margin-top:15px;

}



.reservation-page .intl-tel-input input {height:50px;}

.reservation-page .intl-tel-input .flag-dropdown .selected-flag {padding:14px;}

.reservation-page #phone {padding-left:50px;}

.reservation-page .intl-tel-input .flag-dropdown .country-list {top:50px;}

.reservation-page .intl-tel-input .flag-dropdown .country-list .country {padding:7.5px 10px;}









@media only screen and (min-width: 900px),

(height: 1024px) and (width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape),

(width: 1024px) and (height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {



    .header-mobile {

        display: none;



    }



}

@media only screen and (max-width: 900px),

(height: 1024px) and (width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape),

(width: 1024px) and (height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {



    .mobile-header-icons {

        display: flex;

    }



    .mobile-header-icons .i {

        font-size: 22px;

    }



    .mobile-header-icons a i {

        width: 36px;

        height: 36px;

        border-radius: 50%;

        background-color: #222;

        display: flex;

        align-items: center;

        justify-content: center;

        color: #fff;

    }



    .mobile-header-icons a i.far.fa-map-marker-alt {

        margin-left: 15px;

        background-color: #4d4c4c;

    }



    .mobile-header-icons a i.fas.fa-phone {

        background-color: #00aad0;

    }



    .mobile-header-hamburger .hamburger-toggle {

        background: transparent;

        padding: 0px;

        font-size: 30px;

        margin: 0 10px;

        border: none;

        color:#fff;

        display: flex;

        align-items: center;

    }



    .mobile-nav {

        display: none;

        position: fixed;

        left: 0;

        top: 0;

        height: 100%;

        z-index: 9999;

        width: 100%;

        -webkit-animation: fadeOutLeft 0.5s ease-in-out;

        animation: fadeOutLeft 0.5s ease-in-out;

    }



    .mobile-nav-content {

        padding-top: 20px;

        background:#fff;

        width: 85%;

        height: 100%;

        cursor: copy;

        overflow-y: scroll;

    }



    .mobile-nav-logo {

        padding-left: 20px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        width: 100%;

        -ms-flex-pack: distribute;

        justify-content: space-around;

        margin-bottom: 20px;

    }



    .mobile-nav-logo-content {

        position: relative;

    }



    .mobile-nav-logo-content i {

        display: block;

        margin: 0 auto 10px;

        max-width: 30px;

        line-height: 32px;

        font-size: 30px;

    }



    .mobile-nav-logo-content a {

        color: #b5bbc2;

        font-size: 14px;

        font-weight: 600;



    }



    .mobile-nav-logo>a {

        display: block;

        padding: 30px 60px;

    }



    .mobile-nav-logo>a img {

        width: 100%;

    }



    .mobile-nav-menu ul li {

        padding: 10px 25px;

        list-style: none;

        text-transform:uppercase;

            border-bottom: 1px solid #f3f3f3;

    }

    .mobile-nav-menu ul ul li {border:none;}

    .mobile-nav-menu ul ul ul li {border:none;}

    .sub-menu ul {

        background-color: #fbfbfb;

    } .sub-menu ul ul {

        background-color: #f1f1f1;

    }



    .mobile-nav-menu ul li .sub-menu-flex {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }



    .mobile-nav-menu ul li i {

        font-size: 14px;

        fill: #3eacd9;

        color: #3eacd9;

    }



    .mobile-nav-menu ul li span,

    .mobile-nav-menu ul li a {

        color: #3eacd9;

        font-weight: 600;

        font-size: 14px;

    }



    .mobile-nav-menu ul li ul {

        display: none;

        margin-top: 10px;

        margin-right: -25px;

        margin-left: -25px;

    }



    .mobile-nav-login a {

        position: absolute;

        bottom: 0;

        left: 0;

        color: #b5bbc2;

        padding-left: 25px;

        padding-bottom: 20px;

        font-weight: 600;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }



    .mobile-nav-login a svg {

        font-size: 18px;

        margin-right: 5px;

    }



    .mobile-nav.open {

        display: block;

        -webkit-animation: fadeInLeft 0.5s;

        animation: fadeInLeft 0.5s;

        overflow-x: scroll;

    }



    .cta-link {

        line-height: 40px;

        -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);

        box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);

        display: block;

        color: #fff;

        border-radius: 3px;

        background: #00aad0;

        text-align: center;

        margin: 20px;

        margin-bottom: 10px;

    }



    .mobile-close-menu {

        position: fixed;

        top: 18px;

        right: 20px;

        display: none;

        z-index: 9999;

    }



    .mobile-close-menu i {

        color: #fff;

        font-size: 25px;

    }



    ul.mobile-menu-social {

        display: flex;

        align-items: center;

        justify-content: center;

        padding: 0px;

        list-style: none;

    }



    ul.mobile-menu-social li+li {

        margin-left: 15px;

    }



    ul.mobile-menu-social li a {

        border: 1px solid #00aad0;

        display: flex;

        width: 35px;

        height: 35px;

        align-items: center;

        justify-content: center;

        color: #fff;

        border-radius: 50%;

    }



    .mobile-nav-menu ul {

        padding: 0px;

    }



    .header-mobile {

        display: flex;

        align-items: center;

        flex-wrap: wrap;

        width:100%;

        height:80px;

        position: absolute;

        top:0px;

        left:0px;

        z-index: 9999;

        backdrop-filter: blur(5px);

        background-color: rgb(0 0 0 / 75%);

    }



    .header-mobile-wrapper {

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .header-mobile .header-mobile-logo img {

        width: 150px;

    }



    /* fly alert */



    .fly-alert {

        top: 30px;

        left: 10px;

        right: 10px;

        font-size: 16px;

        text-align: center;

    }



    /* footer sticky hemen ara */



    .footer-sticky-bar {

        display:block;

    }



}

@media only screen and (max-width: 768px) {

    p {

        font-weight: 100;

        font-size: 16px;

        line-height: 25px;

    }

    .menu-collapsed {display:block;}

    .header {display:none;}

    .home-aboutus .text p {width:100%; font-size:15px; line-height:27.5px;}

    .slider {height:400px;}

    .slider .item {height:400px;}

    .slider .item .text {width:100%; margin-top:-160px; padding:15px; font-size:12px; line-height:0px;}

    .slider .item .text h2,

    .slider .item .text h1 {font-size:15px;}

    .slider .item .text h4 {font-size:10px; line-height:15px; margin:0px;}

    .slider .item .text button {width:150px; font-size:8px; height:30px; line-height:30px; margin-top:10px;}

    .slider .carousel-control-prev {display:none;}

    .slider .carousel-control-next {display:none;}

    .slider .item .text span {display:none;}

    .home-aboutus {display:none;}

    .home-aboutus .img img {width:100px; margin:0px; margin-right:10px;}

    .home-aboutus {padding-top:15px;}

    .home-aboutus .title label {margin-top:15px;}

    .home-aboutus .title h2 {font-size:25px; line-height:35px;}

    .request-form {display:none;}

    .yacht-gallery .title h2,

    .yacht-gallery .title h1 {font-size:18pt; margin-bottom:25px;}

    .yacht-gallery .item .img img {height:auto;}

    .yacht-gallery .item .img .info-area {font-size:9px;}

    .ribbon {font-size:12px; bottom:10px;}

    .yacht-gallery .item .title h3 {font-size:15px; line-height:20px;}

    .yacht-gallery .item .features ul li {margin:5px 0px; font-size:14pt; color:#000;}

    .yacht-gallery .item .title {padding-bottom:5px;}

    .yacht-gallery .title h5,

    .popular-events .title label {font-size:11px;}

    .popular-events .title h2,

    .popular-events .title h1 {font-size:25px;}

    .popular-events .item  {margin-bottom:15px;}

    .popular-events .item .img h3 { bottom: 10px;  font-size: 15px; left:10px; padding-right:10px;  line-height:25px; }

    .boat-area:before {display:none;}

    .boat-image-box {display:none;}

    .boat-area {padding:15px 0px;}

    .boat-area .title label {font-size:11px;}

    .boat-area .title h3,

    .boat-area .title h1 {font-size:25px; margin-bottom:20px;}

    .istanbulyachtcharter h3,

    .home-blogs .title h2,

    .home-blogs .title h1 {font-size:25px; margin-bottom:20px;}

    .home-blogs .title label {font-size:11px;}

    .boat-content-box .inner-content-box ul li {margin-bottom:10px;}

    .blog-list .col-md-3 {width:50%;}

    .blog-list .item {margin-bottom:15px;}

    .blog-list .item .img img {height:180px;}

    .blog-list .item .text h4 {font-size:13px; line-height:18px; margin:0px; white-space: initial;}

    .blog-list .item .text p {font-size: 10px; line-height: 16px; margin-top:5px; white-space: initial;}

    .blog-list .item a .blog-item-footer .calendar {font-size:10px; color:#000;}

    .blog-list .item a .blog-item-footer .readmore {font-size:10px;}

    .home-blogs {padding:15px 0px;}

    .footer .col-md-5.pl-5 {padding:15px;}

    .footer .col-md-3,

    .footer .col-md-5,

    .footer .col-md-4 {margin-bottom:15px;}

    .footer .copyright {margin-top:0px}

    .blog-list .item .text { padding: 5px 10px;padding-bottom: 5px; }

    .boat-content-box .inner-content-box ul li {width:45%; padding:5px; height:150px;}

    .boat-content-box .inner-content-box ul li h3 {font-size:12px;}

    .blog-list .item a .blog-item-footer .calendar i {}

    .blog-list .item a .blog-item-footer .calendar {font-size:10px; }

    .blog-list .item a .blog-item-footer .readmore {text-align:right; color:#000;}

    .forMobile {right:30px; bottom:30px;}

    .yacht-gallery .item .features ul li {font-size:12px;}

    .yacht-page-header,

    .blog-detail-header,

    .aboutus-page-header {padding-top:30px;}

    .aboutus-page-header .text h1 {font-size:25px;}

    .aboutus-page-header .text p {font-size:12px;}

    .blog-detail-header .text h1,

    .yacht-page-header .text h1,

    .aboutus-content h1 {font-size:20px; margin-bottom:15px;}

    .yacht-page-header .text p,

    .aboutus-content p {font-size:14px; line-height:25px;}

    .aboutus-content {padding:25px 0px;}

    .blog-detail-page .col-md-9 h2 {margin-top:15px;}

    .contact-page .title {font-size:25px; margin-bottom:15px;}

    .contact-page {padding:25px 0px;}

    .contact-page .contact-form button {  width:130px; height:40px;   }

    .contact-information .title {margin-top:30px; font-size:20px;}

    .map iframe {height:250px;}

    .footer .copyright {font-size:13px; padding:20px;}

    .gallery {margin-top:20px;}

    .features-one-list .col-md-3 {width:50%; margin-bottom:15px }

    .yatch-page-aboutus h1 {font-size:25px;}

    .blog-list .item .text p {height:50px;}

    .blog-list .item .text h4 {height:35px;}

    .boat-content-box .inner-content-box ul li {width:49%; float:left; height:100px;}

    .boat-content-box .inner-content-box ul li img {width:100%; height:100%; object-fit:cover; }


    .modal.active {
      display: flex !important;
      overflow: scroll !important;
  }

  .panel-default {
    border-color: #eeeeee;
    margin-top: 40% !important;
}


    .scrollable-content::-webkit-scrollbar {

      background:transparent;

      width:30px;

    }

    .scrollable-content::-webkit-scrollbar-track {

      background:transparent;

    }

    .scrollable-content::-webkit-scrollbar-thumb {

      background:transparent;

    }

    .services-page .features {position:relative; top:0px;}

    .all-button  {margin-top:30px; }

    .all-button a {font-size:13pt;}

    .popular-events .item {height:auto;}

    .yacht-page-content .carousel-item img {

    height:220px;

    object-fit:cover;

    width:100%;}

    .yacht-gallery.yacht-page .mobile-list,

    .yacht-gallery.yacht-page .mobile-list .row {

      display: block;

      white-space: inherit;

      overflow-x: hidden;

      width: 100%;

    }

    .slider-bottom {min-height:auto; margin-top:10px;}

    .slider-bottom .row {

      white-space: nowrap;

      overflow-x: scroll;

      width: 100%;

      height: 55px;

      display: flex;

      flex-flow: column wrap;

    }

    .slider-bottom img {height:55px;}

    .slider-bottom .col-md-6 {width:28%; padding:0px; padding-right:10px;}

    .slider-bottom.carousel-indicators [data-bs-target] {margin:0px;}

    .yacht-features.row {padding-top:30px; display: grid;}

    .features-one-list .col-md-6 {width:50%; margin-bottom:15px;}

    .yacht-features .col-md-6:nth-child(1) {order:2; }

    .yacht-features .col-md-6:nth-child(2) {order:1;}

    .all-services .mobile-list .row .col-md-3,

    .all-services .mobile-list .row .col-md-4 {width:100%; float:left;}

    .all-yacht .yacht-gallery.yacht-page .mobile-list .row {margin:0px;}

    .all-yacht .yacht-gallery.yacht-page .mobile-list .row .col-md-3,

    .all-yacht .yacht-gallery.yacht-page .mobile-list .row .col-md-4 {width:100% !important; float:left;}

    .all-yacht .yacht-gallery.yacht-page .yacht-gallery .item .img img {width:100%; height:100%;}

    .all-services .yacht-gallery .item .img img {width:100%; height:100%;}

    .slider {min-height:auto;}

    .slider .text-type-2 {width:100%; height:auto; bottom:0px; padding:15px; background:transparent;}

    .slider .text-type-2 h3,

    .slider .text-type-2 h2,

    .slider .text-type-2 h1 {font-size:20px;}

    .slider .text-type-2 p {display: none;}

    .page-slide .text-type-2 {width:100%; height:auto; bottom:0px; padding:15px; background:transparent; backdrop-filter: blur(0px);}

    .page-slide .text-type-2 h1 {font-size:20px;}

    .page-slide .text-type-2 p {display: none;}

    .footer .footer-logo,

    .footer .socials,

    .footer .footer-contact {width:100%; margin:0px; margin-bottom:15px;}

    .footer .footer-logo {text-align: center; margin:50px 0px;}

    .page-title .sub-title {font-size:15px;}

    .page-title .title {font-size:20px; font-weight:400;}

    .yacht-gallery .page-title,

    .popular-events .page-title {margin-bottom:50px;}

    .popular-events {padding:15px 0px;}

    .yacht-gallery {min-height:auto; padding:50px 0px; margin:0px;}

    .modul-slogan h3 {font-size:18px; position: absolute; top:15px; left:0px; padding:0px 15px;}

    .modul-slogan p {display: none;}

    .modul-slogan {min-height:250px; position: relative;}

    .popular-events .item .img img {height:auto; object-fit: cover; max-height:350px;}

    .istanbulyachtcharter {padding:50px 0px;}

    .istanbulyachtcharter .item {padding:50px 0px;}

    .slide-bottom {padding:50px 0px; min-height:auto;}

    .slide-bottom .title {font-size:20px;}

    .slide-bottom p {font-size:16px; display:none;}

    .footer .copyright {display: grid}

    .footer .copyright .col-md-4 {order:2;}

    .footer .copyright .col-md-8 {order:1;}

    .footer .copyright ul {text-align: left; margin:15px 0px;}

    .footer .copyright ul li {width:100%; margin:0px;}

    .footer .copyright {height:auto;}

    .footer .copyright, .footer .copyright ul li a {line-height:40px;}

    .popular-events .item .title {bottom:6px; font-size:18px; font-weight:100;}

    .page-slide {height:400px;

      -webkit-background-size: cover !important;

      -moz-background-size: cover !important;

      -o-background-size: cover !important;

      background-size: cover !important;

    }

    .page-text .container {display: grid;}

    .page-text .container .row {order:2;}

    .page-text .image {order:1; position: relative; width:100%; height:200px;}

    .modul-arrow .right {display:none;}

    .page-text {padding:15px 0px; margin:0px !important}

    .page-text .title {font-size:20px; margin-bottom:15px;}

    .yacht-gallery.page-photo {min-height:auto; padding:15px 0px;}

    .page-photo .title {font-size:20px;}

    .yacht-gallery.page-photo .item .img img {object-fit: cover;}

    .mega-special .item .img {height:auto ;}

    .mega-special .item {margin-bottom:15px; display: block; min-height: auto;}

    .mega-special {min-height:auto; padding:15px 0px;}

    .page-slide.my-slide .text-type-2 {height:auto; backdrop-filter: blur(0px);}

    .page-slide.my-slide .text-type-2 h5 {display:none;}

    .page-slide.my-slide .text-type-2 .text-ul {display:none;}

    .page-slide.my-slide .text-type-2 .megay-button {display:none;}

    .myacht-properties {padding:50px 0px; min-height:auto;}

    .myacht-properties .col-md-3 .item {margin-bottom:10px;}

    .myacht-properties .item {display: flex; flex-wrap: wrap; width:50%; flex: auto;}

    .myacht-properties .item label {

      width: 50%;

      padding-right: 10px;

      font-size: 16px;

    }

    .myacht-properties .item span {width:auto; margin:0px; font-size:16px;}

    .myacht-properties .contact {margin-top:15px; flex-wrap: wrap;}

    .myacht-properties .contact a {width: calc(50% - 10px); margin-right:10px; margin-bottom:10px; font-size:15px;}

    .myacht-gallery {padding:50px 0px;}

    .myacht-gallery .item {height:125px; margin-bottom:30px;}

    .yacht-page-header {min-height:200px;}

    .yacht-page-header .col-md-10,

    .yacht-page-header .col-md-2 {width:50%;}

    .yacht-gallery .item .img .title {font-size: 18px;font-weight: 100;}



    .modul-type {padding:15px 0px;}

    .modul-type .page-title {font-size:18px; line-height:28px; margin-bottom:30px;}

    .modul-type .img {margin-top:15px;}

    .modul-type .img img {height:auto;}

    .page-left-title .title {font-size:18px; line-height:26px; margin-bottom:30px;}

    .page-left-title { margin-bottom:30px;}

    .home-properties {padding: 0px;}

    .home-properties .item {margin-bottom:15px;}

    .page-left-title a {top:13px;}

    .modul-type .item:nth-child(1) {margin-bottom:0px;}

    .modul-type .item:nth-child(2) {display: grid;}

    .modul-type .item:nth-child(2) .col-md-6:nth-child(1) {order:2}

    .modul-type .item:nth-child(2) .col-md-6:nth-child(2) {order:1; padding-top:15px;}

    .page-destination {min-height:auto; padding:15px 0px;}

    .page-destination .swiper-slide a img {height:120px;}

    .new-yacht-content {padding:15px 0px;}

    .new-yacht-content .main-details {padding:0px; background: transparent}

    .new-yacht-content .yacht-rental-price {padding:0px; background: transparent}



    .all-yacht .yacht-gallery {padding-top:90px !important;}

    .reservation-page {padding:15px 0px;}

    .yacht-hero {height: 300px; margin-top: 70px;}

    .show-gallery {width:150px; line-height:40px; bottom:10px; right:10px; font-size:15px;}

    .new-yacht-content .yacht-photo-gallery {padding:0px;}

    .yacht-photo-gallery .row {margin:0px;}

    .yacht-photo-gallery .title {display: none;}

    .yacht-photo-gallery .item {padding:0px; height:auto; height:100px;}

    .yacht-photo-gallery .item-view {height:100px; padding:0px;}

    .yacht-photo-gallery .item-view label {display:none;}

    .yacht-photo-gallery .item-view i {margin:0px; line-height:100px;}

    .yacht-content-text {padding:0px; margin:15px 0px; background:transparent;}



    .reviews .title .col-md-6 {width:50%; float:left;}

    .reviews .title .add-comment {font-size:16px !important; position: relative; top:5px;}

    .reviews {margin-top:15px !important}





}





































































}