@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(../fonts/font.css);

/* @import url(../fonts/lgfont/lgFont.css); */
/*
-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
*/

/*
ProximaNova-Regular
ProximaNova-Light
ProximaNova-Bold
Roboto-Light
Roboto-Regular
*/

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*::before,*::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body {height: 100%;}
body{background:#fff;font-size:12px;color:#000;font-family:Arial, Helvetica,Sans-serif;}
#wrapper {min-height: 100%;float:left;width:100%;/* padding-top:70px; */position:relative;}
.fullWidth{width:100%;max-width:1920px;margin:0 auto;}
.container .fullWidth{width:100%;float:left;}
.list {margin-left: 15px;}
.list ul li, .list ul li  a {font-family:Arial,Helvetica,Sans-serif; font-size:16px; color:#6e6e6e; line-height:24px;  margin-bottom:20px; list-style:disc;}
.scrollAnimate{display:block;position:absolute;bottom:65px;right:110px;width:55px;height:85px;z-index:99;}
#subSlider .scrollAnimate{display:none;}
#home #subSlider .scrollAnimate{display:block;}
.formMessage p {text-align: center;color: #092e6e !important;font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif;}
.formMessage {padding: 20px 0 0 0;}
.scrollAnimate span{font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;font-size:10px;display:none;width:100%;margin-top:20px;z-index:9999}

/*genel*/
.gray{background:#f1f1f1;}
.p0{padding:0;}
.flr{float:right !important;}
.ptb45{padding:45px 0;}
.pt80{padding-top:80px;}
.mb50{margin-bottom:50px;}
.mt15{margin-top:15px;}
.mt25{margin-top:25px;}
.mt60{margin-top:60px;}
.plr105{padding:0 105px;}
.pt115{padding-top:115px !important;}
.cimg{width:100%;float:left;}
.zubizu{width:27px;height:27px;display:block;float:left;background:url(../images/site/zbz.png) no-repeat center;text-indent:-9999px;margin-bottom:25px;}
#progressbar{height:20px;width:100%;position:fixed;z-index:9999;top:0}
.loadScreen{position:fixed;width:100%;height:100%;background:#fff;top:0;left:0;z-index: 100;}
.vd{color:#353535;font-size:13px;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;float:left;}
.vd:hover{text-decoration:underline;}
.vd::after{content:"";width:5px;height:7px;background:url(../images/site/vd-arrow.png) no-repeat center;float:right;margin-left:7px;margin-top:9px;}
/*genel*/

/* GRID CONTAINER
=================================================*/
.container{width:calc(100% - 170px);max-width:1366px;}
.container > h2{color:#353535;font-size:32px;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;margin-bottom:30px;text-align:center;}
.container > h3{color:#353535;font-size:26px;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;margin-bottom:30px;text-align:center;} 

/* GRID CONTAINER
=================================================*/


/* HEADER
=================================================*/
#header{width:100%;float:left;height:70px;padding:0 29px;position:fixed;left:0;background:#fff;z-index:50;}
#logo{float:left;display:block;width:145px;height:100%;top:50%;position:relative;transform:translateY(-50%);-webkit-transform:translateY(-50%);padding:5px 0 }
#logo img{height:100%;width:auto;display:block;}
#header .instaLink{float:right;color:#353535;font-size:12px;font-family:'ProximaNova-Regular',Arial,Helvetica,Sans-serif;padding-right:53px;line-height:36px;position:relative;top:15%;display:none;}
#header .instaLink::after{display:block;width:35px;height:35px;background:url(../images/site/instaLogo.png) no-repeat 0 0;content:"";position:absolute;top:0;right:0;}
.instaLink:hover::after,.instaLink a:hover::after{background-position:bottom;}

.hotelsHeadObjects{float:right;height:100%;margin-right:166px;}
.chrome .hotelsHeadObjects{max-width:614px;}
.hotelsHeadObjects > *{float:left;}
.hotelsHeadObjects ul {float:left;display:block;height:100%;}
.hotelsHeadObjects ul li a.language{background:#fff;z-index:888;}
.hotelsHeadObjects ul.buttons ul.languages{position:absolute;bottom:210px;left:0;width:100%;}
.hotelsHeadObjects ul.buttons ul.languages li{border:0;width:100%;}
.hotelsHeadObjects ul.buttons ul.languages li a{position:relative;display:block;width:100%;height:100%;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);background:#fff;}
.hotelsHeadObjects ul.buttons ul.languages li a span{font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;font-size:11px;color:#000000;padding:0 24px;position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);display:block;}
.hotel .languages{display:none;}
.hotelsHeadObjects ul li{float:left;display:block;height:100%;border-left:1px solid #ededed;position:relative;}
.hotelsHeadObjects ul li a{float:left; display:block;height:100%;position:relative;
-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1)}
.hotelsHeadObjects ul li a.active,.hotelsHeadObjects ul li a:hover,ul.buttons ul.languages li a:hover,ul.buttons ul.languages li a.active{background:#ebebeb;}
.hotelsHeadObjects ul li a span{font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;font-size:11px;color:#000000;padding:0 24px;position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);display:block;}
.hotelsHeadObjects ul li a.search span{font-size:12px}
.hotelsHeadObjects ul li a.reservation::before{background:url(../images/site/reservation-icon.png) no-repeat center;width:17px;height:18px;content:"";position:absolute;top:50%;left:30px;margin-top:-9px;}
.hotelsHeadObjects ul li a.reservation span{padding:0 50px 0 75px;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;letter-spacing:3px}
.hotelsHeadObjects ul li a.language span {}
.hotelsHeadObjects ul li a.otherHotels span {padding:0 52px;}
.hotelsHeadObjects ul li a.otherHotels::before {background:url(../images/site/other-hotels-icon.png) no-repeat center;width:15px;height:18px;content:"";position:absolute;top:50%;left:30px;margin-top:-9px;}

.openContent{width:100%;float:left;top:-200%;left:0;height:100%;position:fixed;background:#ebebeb;z-index:40;overflow:auto;}
.openContent h3{font-size:32px;color:#000000;text-align:center;margin-bottom:0;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;}
.openContent h4{font-size:16px;color:#6e6e6e;text-align:center;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;}

.closer{display:block;width:20px;height:22px;text-indent:-9999px;position:absolute;right:100px;top:100px;background:url(../images/site/closer.png) no-repeat center;}


.col-1-3{width:33.3333%;float:left;padding:0 5px;}
.col-1-4{width:25%;float:left;padding:0 5px;}
.col-1-5{width:20%;float:left;padding:0 5px;}
.col-1-6{width:16.6667%;float:left;padding:0 5px;}





.openContent{padding-top:140px;}
.openContent.searchContent{width:100%;float:left;top:-100vh;left:0;height:150px;position:fixed;background:#ebebeb;padding-top:70px;}
.openContent.searchContent form{padding-right:50px;width:100%;float:left;}
.openContent.searchContent form input{color:#282828;font-size:18px;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;height:80px;line-height:80px;width:100%;background:transparent;border:0;padding:20px;outline:none;}
.openContent.searchContent form input.error{color:red}
/* OTHER HOTELS HEADER
==============================================================================*/
.otherHotels h3{margin-bottom:50px;}

/* OTHER HOTELS HEADER
==============================================================================*/

/* REZERVASYON FORM HEADER
==============================================================================*/
.reservationForm{padding-top:40px;width:100%;float:left;}
.reservationForm > p,section .reservationForm p{margin-top:25px;width:100%;float:left;text-align:center;color:#6a6a6a;font-size:12px !important;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;}
.reservationForm > p a,section .reservationForm  p a{color:#6a6a6a;text-decoration:underline;font-size:12px;font-family:'Roboto-Regular',Arial,Helvetica,Sans-serif;}
.reservationForm div[class*="col-"] > div label{text-align:center;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;color:#000;font-size:12px;width:100%;display:block;margin-bottom:20px; }
.reservationForm div[class*="col-"] > div .formRow{height:180px;background:#fff;width:100%;float:left;}
.reservationForm div[class*="col-"] > div .formRow > input{width:70%;height:40px;border:0;display:block;margin:60px auto 0;border-bottom:1px dashed #000;color:#000000;font-size:28px;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;text-align:center;}
.reservationForm div[class*="col-"] > div .formRow .numeric{width:120px;margin:15px auto 0 ;}
.reservationForm div[class*="col-"] > div .formRow .numeric input{width:100%;height:100px;display:block;float:left;font-size:72px;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;border:0;text-align:center;}
.reservationForm div[class*="col-"] > div .formRow .numeric > span{display:block;width:100%;float:left;height:20px;text-indent:-9999px;cursor:pointer;
-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1)}

.reservationForm div[class*="col-"] > div .formRow .numeric > span.countUp{background:url(../images/site/countUp.png) no-repeat center;margin-bottom:3px;}
.reservationForm div[class*="col-"] > div .formRow .numeric > span.countDown{background:url(../images/site/countDown.png) no-repeat center;margin-top:3px;}
.reservationForm div[class*="col-"] > div .formRow .numeric > span:hover{background-color:#EBEBEB !important;}

/* CHILDREN COUNT
=============================================================*/
.reservationForm div[class*="col-"] > div .formRow div.frPart {width:100%;float:left;height:33.3333%;position:relative;}
.reservationForm div[class*="col-"] > div .formRow div.frPart > span{display:block;width:50%;float:left;position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);text-indent:20px;}
.reservationForm div[class*="col-"] > div .formRow .numeric.children{float:right;width:50px;text-align:center;border-radius:5px;height:20px;border:1px solid #d4d4d4;background:#f8f8f8;margin-right:18px;margin-top:20px;}
.reservationForm div[class*="col-"]> div .formRow .numeric.children input{font-size:12px;height:18px;width:35px;float:left;background:#f8f8f8;border-radius:5px;}
.reservationForm div[class*="col-"] > div .formRow .numeric.children > span{width:8px;height:5px;float:left;background-size:100%;margin:2px;}
.reservationForm div[class*="col-"] > div .formRow .numeric.children > span.countUp{}
.reservationForm div[class*="col-"] > div .formRow .numeric.children > span.countDown{}
.reservationForm div[class*="col-"] > div .formRow .numeric.children > span:hover{background-color:#EBEBEB !important;}

/* CHILDREN COUNT
=============================================================*/


/* ------------------------------------------ DATE PICKER ------------------------------------------ */
.datepick-popup {padding-top:10px;}
.datepick-popup select {-webkit-appearance:menulist !important;}
.datepick-popup:before {display:block;width:17px;height:8px;content:"arrow";background:url(../images/site/calendar-arrow.png) no-repeat;position:absolute;top:3px;left:10px;background-size:17px 8px;text-indent:-9999px;}
.trigger {display:block;width:13px;height:13px;background-size:13px 13px;position:absolute;top:11px;left:15px;}
.datepick-ctrl {display:none;}
.datepick-cmd-current, .datepick-cmd-today {display:none;}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {background:transparent;color:#1c1c1c;font-size:15px;width:auto;}
.datepick-month {border:0;padding:20px;width:auto;}
.datepick-month.first {border-right:1px solid #dddddd;}
.datepick-month th, .datepick-month th a {background:transparent;color:#1c1c1c;font-size:14px;}
.datepick-month th {border:0;}
.datepick-month span {color:#1c1c1c;width:20px;font-size:14px;padding:6px 0;margin:0 5px;}
/* .datepick-month span.disable {color:#fff;background:#bbb9b9;} */
.datepick-month span.disable.datepick-selected {color:#fff !important;background-color:#fff !important;}
.datepick-month td {background:transparent;border:0;}
.datepick-month thead {border:0;}
.datepick {border:1px solid #dddddd;}
.datepick-month td .datepick-weekend {background:transparent;}
.datepick-month a {background:transparent;padding:6px 0;font-size:14px;}
.datepick-month td .datepick-highlight, .datepick-month td .datepick-today, .datepick-month td .datepick-selected {color:#fff;background-color:#0486f4;}
.datepick-month td .datepick-other-month {display:none;}
.datepick-nav {background:transparent;}
.datepick-cmd-next {width:8px;height:14px !important;text-indent:-9999px;background:url(../images/site/calendar-next.png) no-repeat;background-size:8px 14px;display:block;font-size:0px;position:absolute;top:33px;right:22px;}
.datepick-cmd-prev {width:8px;height:14px !important;text-indent:-9999px;background:url(../images/site/calendar-prev.png) no-repeat;background-size:8px 14px;display:block;font-size:0px;position:absolute;top:33px;left:25px;}
.datepick a.datepick-disabled {display:none;}
.datepick-cmd-next:hover, .datepick-cmd-prev:hover {background-color:transparent;}

/* REZERVASYON FORM HEADER
==============================================================================*/

.hotelsHeadObjects .menuOpener{width:195px;height:100%;display:block;position:absolute;top:0;right:0;line-height:70px;text-align:center;background:#092e6e;}
.hotelsHeadObjects .menuOpener > small{position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;font-size:11px;color:#fff;text-indent:25px;display:block;}
.hotelsHeadObjects .menuOpener span{display:block;width:20px;height:16px;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:59px;}
.hotelsHeadObjects .menuOpener span small{width:100%;display:block;height:2px; background:#fff;float:left;position:relative;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.hotelsHeadObjects .menuOpener span small.line2{margin:6px 0;}
.hotelsHeadObjects .menuOpener.active span small.line2{display:none;}
.hotelsHeadObjects .menuOpener.active span small.line1{transform:rotate(45deg);-webkit-transform:rotate(45deg);top:5px;}
.hotelsHeadObjects .menuOpener.active span small.line3{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);bottom:-3px}
#wrapper nav.hotel{z-index:40;width:100%;height:100%;left:0;top:-100%;position:fixed;background: #092e6e;overflow:hidden;}
#wrapper nav.hotel .navBg{width:100%;height:100%;position:absolute;top:20%;left:20%;opacity:0;}

#wrapper.mrtrs nav.hotel .navBg{background:url(../images/site/muratreis-menu-bg.jpg) no-repeat bottom right}
#wrapper.gck nav.hotel .navBg{background:url(../images/site/gocek-menu-bg.jpg) no-repeat bottom right}
#wrapper.azr nav.hotel .navBg{background:url(../images/site/grand_azur-menu-bg.jpg) no-repeat bottom right}
#wrapper.sbnk nav.hotel .navBg{background:url(../images/site/menu-bg-img.jpg) no-repeat bottom right}

#wrapper nav.hotel > ul{position:relative;top:200px;left:80px;max-width:80%;}
#wrapper nav.hotel > ul.buttons{display:none;}
#wrapper nav.hotel > ul li{margin-bottom:20px;width:100%;max-width:335px;}
#wrapper nav.hotel > ul li ul{display:none;position:absolute;top:0;left:350px;}
#wrapper nav.hotel > ul li ul li a span{font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;font-size:18px;}
#wrapper nav.hotel > ul li a{display:block;width:100%;position:relative;padding-left:30px;height:25px;}
#wrapper nav.hotel > ul li a span{background:#092e6e;display:block;float:left;position:relative;z-index:9999;padding:0 25px 0 15px;color:#a3bee9;font-family:'ProximaNova-Regular',Arial,Helvetica,Sans-serif;font-size:22px;
-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);}
#wrapper nav.hotel ul li a.active span,#wrapper nav.hotel ul li a:hover span{color:#fff;}
#wrapper nav.hotel ul li a em{content:"";background:#fff;height:2px;width:0;position:absolute;top:50%;left:0;z-index:8;margin-top:-1px;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);}
#wrapper nav.hotel ul li.hs a.active > em{width:100%;}
#wrapper nav.hotel > ul li.active > ul {display: block;}
#wrapper nav.hotel ul li.active a.active em {width: 100%;}
#wrapper nav.hotel > ul li.active > a span {color: #fff !important;}
#wrapper nav.hotel .navFooter{position:absolute;bottom:50px;max-width:685px;right:0;z-index:9999;height:25px;width:100%;opacity:0;transform:translateX(50%);-webkit-transform:translateX(50%)}
#wrapper nav.hotel .navFooter .mobileMenuBack{display:none;width:40px;height:40px;border-radius:50%;border:1px solid #fff;color:#fff;font-size:20px;line-height:43px;text-indent:2px;margin:25px auto 0;}
#wrapper nav.hotel .navFooter .mobileMenuBack::before{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
#wrapper nav.hotel .navFooter ul{float:left;}
#wrapper nav.hotel .navFooter ul li{float:left;}
#wrapper nav.hotel .navFooter > ul li{margin-right:30px;}
#wrapper nav.hotel .navFooter > ul li a{color:#ffffff;font-size:12px;line-height:27px;}
#wrapper nav.hotel .navFooter > ul li a::before{content:"";display:block;float:left;margin-right:7px;margin-top:13px;width:20px;height:1px;background:#fff;}
#wrapper nav.hotel .navFooter > ul li a:hover{text-decoration:underline;}
#wrapper nav.hotel .navFooter .navSocial span{float:left;margin-right:35px;line-height:27px;color:#ffffff;font-size:11px;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;}
#wrapper nav.hotel .navFooter .navSocial ul li{margin-right:15px;}
#wrapper nav.hotel .navFooter .navSocial ul li a{display:block;width:28px;height:27px;text-indent:-9999px;}
#wrapper nav.hotel .navFooter .navSocial ul li a.facebook{background:url(../images/site/facebook-icon.png) no-repeat center;}
#wrapper nav.hotel .navFooter .navSocial ul li a.twitter{background:url(../images/site/twitter-icon.png) no-repeat center;}
#wrapper nav.hotel .navFooter .navSocial ul li a.instagram{background:url(../images/site/instagram-icon.png) no-repeat center;}


/* HEADER
=================================================*/

/* CONTENT
=================================================*/



.pager{float:right;width:100%;padding-right:20px;}
.pager ul{float:right;width:100%;text-align:center;}
.pager ul li{display:inline-block;margin:0 5px;}
.pager ul li a,.pager ul li span{display:block;width:25px;height:25px;background:#092e6e;color:#fff;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;font-size:14px;line-height:25px;text-align:center;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);border:0 !important;}
.pager ul li a::before{display:none !important;}
.pager ul li.active a,.pager ul li a:hover{background:#fff;color:#092e6e}
.pager ul li a.prev,.pager ul li a.next,.pager ul li span.prev,.pager ul li span.next{width:55px;}
.pager ul li span{background:#fff;color:#092e6e;opacity:.5;border:1px solid #092e6e;line-height:23px;}
.slider{width:100%;float:left;overflow:hidden;}
.slick-arrow{background-color:rgba(255,255,255,0.8); display:block;width:56px;height:70px;top:calc(50% + 35px) !important;background-repeat:no-repeat;background-position:center;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.slick-arrow:hover{background-color:#fff;}
.slick-prev{background-image:url(../images/site/slider-prev-arrow.png)}
.slick-next{background-image:url(../images/site/slider-next-arrow.png)}
.slick-arrow.slick-next{right:0;}
.slick-arrow.slick-prev{left:0;}
.slick-arrow::before{display:none;}
#mainSlider{}
#subSlider, .subSliderItem{max-height:600px;}
body.sitemap #subSlider, body.sitemap .subSliderItem{max-height:300px;}
#home #subSlider, #home .subSliderItem{height:100vh !important;max-height:100vh !important;}
main section#subSlider .subSliderItem::before {background: #000 none repeat scroll 0 0;content: "";height: 100%;opacity: 0.3;position: absolute;width: 100%;}
#accomodation .subSliderItem ,#accomodation #subSlider{max-height:300px;}
#general-page  #subSlider, #general-page .subSliderItem{max-height:370px;}
#accomodation .subSliderItem span {display:none;}
#accomodation main section#subSlider  .subSlideInfo,#general-page main section#subSlider  .subSlideInfo{top:60%;}
.slick-dots{bottom:45px;}
.slick-dots li{width:35px !important;height:4px;background:rgba(255,255,255,0.5);float:none !important;}
.slick-dots li.slick-active{background:#fff;}
main section .container .slick-dots li{background:#ccc}
main section .container .slick-dots li.slick-active{background:#000;}
main {padding-bottom:111px;position:relative;z-index:10;width:100%;float:left;padding-top:70px;}
main.exists{padding-top:0;}
main section{width:100%;float:left;overflow:hidden;opacity:0;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);position:relative;top:15%;}
main section.view{opacity:1;top:0;}
main section h2{font-size:32px;color:#101010;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;line-height:36px;margin-bottom:22px;width:100%;float:left;}
main section#subSlider h2{color: #fff;}
main section .container div[class*="col-"] p{font-size:14px;color: #474646;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;line-height:24px;margin-bottom:15px;float:left;width:100%;}
main section .container div[class*="col-"] ul{}
main section .container div[class*="col-"] ul li{font-size:14px;color: #474646;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;line-height:24px;float:left;width:100%;position:relative;}
main section .container div[class*="col-"] ul li::before{content:"";display:block;width:4px;height:4px;background:#474646;float:left;border-radius:50%;margin-top:5px;margin-right:8px;margin-top:10px;opacity:0.7;}
main section .container div[class*="col-"] .gatewayBox ul li::before{display:none;}

main section .container div[class*="col-"].info{}
main section .container div[class*="col-"].info > img{margin-bottom:45px;}
main section .container div[class*="col-"].info:last-child{padding-right:20%;}
main section .container div[class*="col-"].info:first-child{padding-left:20%}
main section .container div[class*="col-"].img > img{display:block;width:100%;margin-top:130px;}

main section .container .gatewayBox{float:left;width:100%;overflow:hidden;}
main section .container .gatewayBox li{margin-bottom:70px;width:100%;float:left;}
main section .container div[class*="col-"] .gatewayBox ul li a{width:100%;display:block;float:left;position:relative;overflow:hidden;}
main section .container div[class*="col-"] .gatewayBox ul li a::before{width:100%;height:100%;content:"";display:block;position:absolute;top:0;}
main section .container div[class*="col-"] .gatewayBox ul li:nth-of-type(2n) a{margin-left:15px}
main section .container div[class*="col-"]:first-child .gatewayBox  ul li:first-child a,main section .container div[class*="col-"] .gatewayBox ul li:nth-of-type(2n) a,main section .container div[class*="col-"]:first-child .gatewayBox p{max-width:calc(100% - 105px);}


main section .container div[class*="col-"] .gatewayBox ul li a::before{display:block;content:"";width:160%;height:100%;background:#092e6e;position:absolute;top:0;left:-160%;color:#fff;-webkit-transition: all 1.5s;transition: all 1.5s ;}
main section .container div[class*="col-"] .gatewayBox.view ul li a::before{left:160%}

main section .container .gatewayBox a img,main section .container .gatewayBox a span{opacity:0;-webkit-transition: all .0s;transition: all .0s; -webkit-transition-delay: .4s; transition-delay: .4s;}
main section .container .gatewayBox.view a img,main section .container .gatewayBox.view a span{opacity:1}

main section .container .gatewayBox > span{color:#353535;font-size:11px;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;margin-bottom:25px;display:block;float:left;letter-spacing:3px}
main section .container .gatewayBox a span::after {background: url(../images/site/gatewayArrow.png) no-repeat center ;content: "";display: block;float: right;height: 15px;margin-left: 13px;margin-top: 5px;width: 20px;transition:all ease .5s;-webkit-transition:all ease .5s;}
main section .container .gatewayBox a:Hover span::after{margin-left:25px;}
main section .container .gatewayBox > a{display:block;float:left;width:100%;position:relative;}
main section .container .gatewayBox > a::before{width:0;height:100%;content:"";display:block;position:absolute;top:0;}
main section .container .gatewayBox img{display:block;margin-bottom:18px;width:100%;}
main section .container .gatewayBox a span{display:block;width:100%;float:left;text-align:right;color:#353535;font-size:26px;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;}

main section .contentSlider{width:100%;float:left;}
main section .contentSlider .csliderItem{padding-bottom:25%;}
.gck main section .contentSlider .csliderItem,.azr main section .contentSlider .csliderItem{padding-bottom:25%;}
main section .contentSlider .csliderItem img{width:100%;}
main section .contentSlider .csliderItem .offerInfo{position:absolute;top:50%;left:32%;max-width:650px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
main section .contentSlider .csliderItem .offerInfo h4{font-size:52px;color:#000000;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;margin-bottom:10px;}
main section .contentSlider .csliderItem .offerInfo h5{font-size:22px;color:#000000;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;margin-bottom:25px;}

main section .socialContent{padding:70px 50px;overflow:hidden;}
main section .socialContent > span{margin-bottom:50px;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;font-size:11px;letter-spacing:2px;}
main section .socialContent > .scontentInner > *,main section .socialContent > *{width:100%;display:block;float:left;}
main section .socialContent > .scontentInner > *{text-align:center;}
main section .socialContent > .scontentInner span{margin-bottom:15px;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;font-size:11px;color:#353535}
main section .socialContent > .scontentInner small{margin-bottom:35px;color:#0486f4;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;font-size:45px;}
main section .socialContent > .scontentInner em{margin-bottom:30px;color:#6e6e6e;font-size:16px;}
main section .socialContent > .scontentInner ul{}
main section .socialContent > .scontentInner ul li{display:inline-block;margin:0 10px;}
main section .socialContent > .scontentInner ul li a{display:block;width:35px;height:35px;text-indent:-9999px;}
main section .socialContent > .scontentInner ul li a.facebook{background:url(../images/site/facebook-icon-gray.png) no-repeat center;}
main section .socialContent > .scontentInner ul li a.twitter{background:url(../images/site/twitter-icon-gray.png) no-repeat center;}
main section .socialContent > .scontentInner ul li a.instagram{background:url(../images/site/instagram-icon-gray.png) no-repeat center;}

main section .bottomDestination{padding-bottom:25%;}

main section .destinationInfo{position:absolute;top:0;left:0;height:100%;z-index:9995;background:rgba(255,255,255,0.9);padding:70px}
main section .destinationInfo strong{font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;font-size:11px;color:#353535;letter-spacing:2px;display:block;margin-bottom:40px;}
main section .destinationInfo span{font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;color:#353535;font-size:16px;line-height:24px;}
main section .destinationInfo::after{background: url(../images/site/gatewayArrow.png) no-repeat center ;content: "";display: block;float: right;height: 15px;margin-left: 13px;margin-top: 10px;width: 20px;position:absolute;bottom:50px;left:70px;}
main section.bottomInfo{border-top:1px solid #d7d7d7;}
main section.bottomInfo .fullWidth > div > *{padding:40px 0 ;display:block;text-align:center;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);width:100%;float:left;border-right:1px solid #d7d7d7;}
main section.bottomInfo .fullWidth > div:last-child *{border:0;font-size:15px;display:none;}
main section.bottomInfo .fullWidth > div > a span{display:block;width:100%;float:left;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;font-size:16px;color:#353535;}
main section.bottomInfo .fullWidth > div > a:hover{background-color:#ebebeb ;}
main section.bottomInfo .fullWidth > div > a::before{content:"";display:block;width:31px;height:31px;margin:0 auto 10px;}
main section.bottomInfo .fullWidth > div > a.bphone::before{background:url(../images/site/phone-icon.png) no-repeat center;}
main section.bottomInfo .fullWidth > div > a.bmail::before{background:url(../images/site/mail-reservation-icon.png) no-repeat center;}
main section.bottomInfo .fullWidth > div > div.bweather >  span::before{content:"";display:block;width:33px;height:33px;margin:0 auto;}
main section.bottomInfo .fullWidth > div .temperature.sunny::before{background:url(../images/site/weather-sunny-icon.png) no-repeat center;}
main section.bottomInfo .fullWidth > div > div{text-align:center;}
main section.bottomInfo .fullWidth > div > div > span {text-align:center;display:inline-block;margin:0 20px;}
main section.bottomInfo .fullWidth > div > div > span em{font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;font-size:16px;color:#353535;}
main section.bottomInfo .fullWidth > div .wind::before{background:url(../images/site/weather-wind-icon.png) no-repeat center;}






/*  DETAILS START
=================================================================================================================*/

main section .container  h1{font-family:'ProximaNova-Regular',Arial,Helvetica,Sans-serif;font-size:62px;color:#353535;letter-spacing:1px;text-align:center;}
#subBanner{height:370px;width:100%;float:left;overflow:hidden;position:relative;}
#subBanner > img{width:100%;float:left;display:block;}
#subBanner > h1{text-align:center;width:100%;left:0;color:#fff;font-family:'ProximaNova-Light'Arial,Helvetica,Sans-serif;font-size:62px;position:absolute;top:55%;transform:translateY(-50%) ;-webkit-transform:translateY(-50%);
-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);}
main section summary{font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;font-size:22px ;line-height:32px;color:#6e6e6e;text-align:center;}
.blueBtn{display:block;width:200px;height:45px;background:#316adb;color:#fff;text-align:center;line-height:45px;position:relative;float:left;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;letter-spacing:2px;}
.center.blueBtn{float:none ;margin:0 auto;}
input.blueBtn{border:0 !important;background:url(../images/site/blue-btn-arrow.png) no-repeat 85% center #316adb;cursor:pointer;}
.blueBtn.input::after{display:none;}
.blueBtn::after{display:block;width:10px;height:7px;content:"";background:url(../images/site/blue-btn-arrow.png) no-repeat center;position:absolute;top:50%;right:22px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
main section div[class*="col-"].image{position:relative;z-index:888;}
main section div[class*="col-"].image img{width:100%;float:left;}
main section div[class*="col-"].text{position:relative;}
main section div[class*="col-"].text div.tboxInfo{width:80%;float:left;position:relative;}
/* main section div[class*="col-"].text.tcenter div.tboxInfo{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} */

main section div[class*="col-"].text div.tboxInfo{left:10%;}
main section div[class*="col-"].text div.tboxInfo span{color:#353535;font-size:11px;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;margin-bottom:25px;display:block;float:left;}


/*Sliderlı yapı*/
.text > div.slider-text, .text > div.slider-text > div{height:100%;}
.text > div.slider-text > div > div{height:calc(100% - 40px);}
.sliderTextItem,.sliderImgItem{width:100%;float:left;}
.slider-text .slick-dots{bottom:0 !important;}
.slick-dots li::before{display:none !important}
.slick-dots li button{display:none;}
/*Sliderlı yapı*/

main section .col-md-6 .crossImg{position:absolute;bottom:-200px;width:250px;height:250px;}
main section .col-md-6:first-child .crossImg{right:-70px;}
main section .col-md-6:last-child .crossImg{left:-70px;}
.pb300{padding-bottom:300px;}

main section#subSlider,main section#subSlider .sContent{width:100%;float:left;position:relative;}
main section#subSlider .subSliderItem{width:100%;float:left;position:relative;}
/* main section#subSlider .subSliderItem img{width:100%;float:left;} */
main section#subSlider  .subSlideInfo{position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:9999;}

main section#subSlider  .subSlideInfo .extraBox{max-width:750px;float:left;}
main section#subSlider  .subSlideInfo .extraBox > div{padding-left:0;}
main section#subSlider  .subSlideInfo .extraBox .btn{float:left;}
main section#subSlider  .subSlideInfo .extraBox .btn small{-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);}
main section#subSlider  .subSlideInfo .extraBox .btn:hover{color:#fff;} 
main section#subSlider  .subSlideInfo .extraBox .btn:hover small{background:#fff;}

main section#subSlider  .subSlideInfo .extraBox p{font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;font-size:16px;color:#fff;}
main section#subSlider  .subSlideInfo .extraBox p strong{font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;font-weight:normal;}

main section#subSlider  .subSlideInfo h1{font-family:'ProximaNova-Regular',Arial,Helvetica,Sans-serif;font-size:72px;color:#fff;letter-spacing:2px;margin-bottom:15px;}
main section#subSlider  .subSlideInfo.center h1,main section#subSlider .subSlideInfo.center span{text-align:center;}
main section#subSlider  .subSlideInfo span{color:#fff;font-size:22px;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;letter-spacing:2px;display:block;width:100%;float:left;margin-bottom:20px;}

main section .container h2{font-size:35px;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;color:#353535;line-height:35px;margin-bottom:18px;width:100%;float:left;}
main section .container p,main section .container p > a{font-size:16px;color:#6e6e6e;line-height:24px;margin-bottom:20px;}
main section .container p > a{text-decoration:underline;}
#home main section .container h2{font-size:52px ;}
main section .detailTabNav{float:left;position:absolute;bottom:0;left:100px;z-index:9;}
main section .detailTabNav.v2{float:left;position:relative;bottom:0;left:0;z-index:9;}
main section .detailTabNav.v2 li{margin-bottom:15px !important;}
main section .detailTabNav ul {}
main section .detailTabNav ul li{display:block;float:left;}
main section .detailTabNav ul li a{display:block;padding:20px 35px;height:60px;background:#ebebeb;font-family:'ProximaNova-Regular',Arial,Helvetica,Sans-serif;color:#353535;font-size:18px;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);}
main section .detailTabNav ul li.active a,main section .detailTabNav ul li a:hover{background:#ffffff;}
main section .makeReservationBox{max-width:42%;float:right;position:relative;margin-top:30px;width:100%;}
main section .makeReservationBox img{float:right !important}
main section .makeReservationBox .blueBtn{position:absolute;top:50%;left:-45%;width:235px;}

main section .detailTabNav.v2 {width:100%;top:auto;position:relative;}
main section .detailTabNav.v2 ul {width:100%;float:left;text-align:center;padding:45px 0;}
main section .detailTabNav.v2 ul li {display:inline-block;float:none;margin:0 25px;}
main section .detailTabNav.v2 ul li a{padding:10px;height:auto;background:#fff;color:#000;font-size:14px;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;letter-spacing:1px}
main section .detailTabNav.v2 ul li.active a,main section .detailTabNav.v2 ul li a:hover{background:#ebebeb;}
main section .reservationForm{width:100%;float:left;}
main section .formRow h1{font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;font-size:32px;margin-bottom:7px;}
main section .formRow > span{font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;font-size:16px;color:#6e6e6e;text-align:center;display:block;width:100%;float:left;margin-bottom:40px;}
.reservationForm .bottomInfo > p {margin-top: 20px;width:100%;float:left;}
.reservationForm .bottomInfo > ul{width:100%;float:left;text-align:center;}
.reservationForm .bottomInfo > ul li{display:inline-block;}
.reservationForm .bottomInfo > ul li a{color:#000000;font-size:12px;font-family:'Roboto-Regular',Arial,Helvetica,Sans-serif;opacity:0.7;text-decoration:underline;padding:0 5px;}
.reservationForm .bottomInfo > ul li:first-child a{border-right:1px solid #000;}

main section .reservationForm .formRow{width:100%;float:left;}
main section .reservationForm .results {padding:0 5px;width:100%;float:left;}
main section .reservationForm .resultItem{background:#fff;width:100%;float:left;padding:15px;position:relative;overflow:hidden;margin-bottom:20px;}
main section .reservationForm .resultItem div[class*="col-"]{padding:0;}
main section .reservationForm .resultItem div[class*="col-"] .blueBtn{width:100%;}
main section .reservationForm .resultItem div[class*="col-"] > img{width:100%;float:left;}

main section .reservationForm .resultItem div.col-md-3 > div{float:left;max-width:220px;width:100%;padding-left:20px;text-align:left;}
main section .reservationForm .resultItem div.col-md-3 > div span{display:block;width:100%;float:left;margin-bottom:12px;}
main section .reservationForm .resultItem div.col-md-3 > div span.room{font-family:'ProximaNova-Regular',Arial,Helvetica,Sans-serif;font-size:16px;color:#353535;}
main section .reservationForm .resultItem div.col-md-3 > div span.price{font-family:'Roboto-Regular',Arial,Helvetica,Sans-serif;font-size:16px;color:#2a64db;}
main section .reservationForm .resultItem div.col-md-3 > div span.totalprice{font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;font-size:12px;color:#959595;}
main section .reservationForm .resultItem div[class*="col-"].center {display:inline-block;}
main section .reservationForm .resultItem div[class*="col-"] .hideboxOpener{display:inline-block;}
main section .reservationForm .resultItem div[class*="col-"].center .hideboxOpener{font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;text-decoration:underline;color:#000000;font-size:12px;}
main section .reservationForm .resultItem div[class*="col-"].center .hideboxOpener::before,main section .reservationForm .resultItem div[class*="col-"].center .hideboxOpener::after{color:#0046d6;font-size:15px}

main section .reservationForm .resultItem div[class*="col-"].center .hideboxOpener.active::after{ content: '\f106';}
main section .reservationForm .resultItem div[class*="col-"] .hiddenBox{display:none;width:100%;float:left;padding:5px;max-width:100%;}
main section .reservationForm .resultItem div[class*="col-"] .hiddenBox p{margin-bottom:10px;margin-top:0;}
main section .reservationForm .resultItem div[class*="col-"].center{padding-top:25px;text-align:center;}

main section .reservationForm a.change.formRow{margin-top:33px;background:#353535;text-align:center;font-family:'Roboto-Regular',Arial,Helvetica,Sans-serif;color:#fff;font-size:12px;line-height:180px;position:relative;}
main section .reservationForm a.change.formRow::before{content:"";display:block;width:19px;height:19px;background:url(../images/site/change-icon.png) no-repeat center;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:25%;}

main section .formRow div[class*="col-"] label{font-family:'Roboto-Regular',Arial,Helvetica,Sans-serif;font-size:12px;color:#000;text-align:center;margin-bottom:11px;display:block;}
main section .reservationForm .formRow div[class*="col-"] > span{height:45px;background:#fff;text-align:center;color:#000000;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;line-height:45px;width:100%;display:block;}
main section .reservationForm .formRow div[class*="col-"].totalPrice span{background:#2a64db;color:#fff;font-family:'Roboto-Regular',Arial,Helvetica,Sans-serif;}
main section .reservationForm .formRow.preview {padding-top:25px;margin-bottom:20px;}
main section .reservationForm .formBody{padding:0 15px;}
main section .reservationForm .formBody >  .formRow{background:#fff;margin-bottom:20px;padding-bottom:50px;}
main section .reservationForm .formBody .formRow .formInner {padding:0 60px;width:100%;float:left;}
main section .reservationForm .formBody .formRow h2.formHead{background:#3c3c3c;padding:20px 35px;color:#fff;font-size:14px;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;letter-spacing:7px;line-height:20px;}
main section .reservationForm .formBody .formRow .formInner .formRow{margin-bottom:15px;}
main section .reservationForm .formBody .formRow .formInner label{width:100%;float:left;margin-bottom:15px;color:#000;font-size:12px;font-family:'Roboto-Regular',Arial,Helvetica,Sans-serif; text-align:left;}

main section .reservationForm .formBody .formInner .formRow{max-width:630px;}
main section .reservationForm .formBody .formInner .formRow div[class*="col-"]{padding-left:0;}
main section .reservationForm .formBody .formInner .formRow input[type="text"]{width:100%;height:44px;border:1px solid #cccccc;color:#000;font-size:12px;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;letter-spacing:2px;padding:0 15px;}
main section .reservationForm .formBody .formInner .formRow input[type="text"].cc{width:24%;margin-right:0.2%;padding:0 10px;text-align:center;}
main section .reservationForm .formBody .formInner .formRow input[type="text"].cc:last-child{margin:0;}
main section .reservationForm .formBody .formInner .formRow textarea{width:100%;max-height:250px;min-height:70px;padding:10px;border:1px solid #cccccc; max-width:615px;min-width:250px;}

main section .reservationForm .formBody .formInner .formRow span {text-align:left;}
main section .reservationForm .formBody .formInner p.formCheck{text-align:left;margin:0;height:22px;line-height:22px;float:left;width:auto;}
main section .reservationForm .formBody .formInner p.formCheck a{line-height:22px;font-family:Arial,Helvetica,Sans-serif;}
main section .reservationForm .formBody .formInner p.formCheck > input{float:left;display:block;margin-top:5px;margin-right:5px;}

main section .reservationForm .formBody .formInner input[type="submit"]{border:0 !important;background:#2a64db url(../images/site/blue-btn-arrow.png) no-repeat 90% center;color:#fff;font-size:14px;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;text-align:center;height:45px;padding:0 55px;cursor:pointer;}


.customSelect {background: #fff none repeat scroll 0 0;height: 45px;position: relative;border:1px solid #cccccc;float:left;min-width:160px;}
.customSelect.wf{width:100%;}
.customSelect.wh{width:49%;margin-right:2%;min-width:auto;}
.customSelect.wh:last-child{margin-right:0;}
.customSelect select {-moz-appearance: none;background: rgba(0, 0, 0, 0) url(../images/site/selectArrow.png) no-repeat scroll 93% center !important;border: 0 none;color: #000;height: 100%;padding: 10px;width: 100%;font-size:12px;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;letter-spacing:2px;-webkit-appearance: none;appearance: none;}
.customSelect select option {border: 0 none;}
.customSelect select:focus {outline: medium none;}

main section.mapSection .container{width:100%;padding:0;max-width:100%;}

main section .mapContainer{position:relative;height:750px;}
main section.mapSection .container #gmap{height:100%;width:100%;float:left;}
main section .mapContainer .mapInfo{position:absolute;top:0;left:0;width:100%;max-width:480px;height:100%;background:rgba(255,255,255,0.6);z-index:9998;}
main section .mapContainer .mapInfo .mapInfoInner{max-width:380px;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);position:absolute;}
main section .mapContainer .mapInfo .mapInfoInner .blueBtn{display:none;}
main section .mapContainer .mapInfo .mapInfoInner h1{font-size:32px;color:#353535;text-align:left;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;margin-bottom:30px;}
main section .mapContainer .mapInfo .mapInfoInner p{font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;color:#6e6e6e;font-size:16px;line-height:24px;margin-bottom:20px;}
main section .mapContainer .mapInfo .mapInfoInner p a {font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;font-size:16px;color:#6e6e6e;text-decoration:none !important;}
main section .mapContainer .mapInfo .mapInfoInner p a:hover{text-decoration:underline !important;}

main section .galleryContent{width:85%;margin:0 auto;overflow:hidden;}
main section .galleryContent ul li {margin-bottom:30px;}

main section .galleryContent ul li a{border-radius:3px;border:3px solid #fff;display:block;position:relative;}
main section .galleryContent ul li a::before{position:absolute;width:100%;height:100%;background:#000;opacity:.3;z-index:99;left:0;top:0;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);content:"";}
main section .galleryContent ul li a:hover::before{opacity:0;}
main section .galleryContent ul li a img{width:100%;display:block;}



main section .searchResults{overflow:hidden;}
main section .searchResults .resultHead{padding:20px 0;border-bottom:1px solid #b2b2b2;}
main section .searchResults .resultHead p{color:#353535;font-size:14px;margin-bottom:0;}
main section .searchResults ul {width:100%;float:left;margin-bottom:40px;}
main section .searchResults > ul li{width:100%;float:left;display:block;padding:20px 0;border-bottom:1px dashed #b2b2b2;}

main section .searchResults ul li a{}
main section .searchResults ul li a strong{display:block;width:100%;margin-bottom:15px;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;font-size:16px;color:#092E6E;font-weight:normal;}
main section .searchResults ul li a span{display:block;width:100%;line-height:22px;color:#282828;font-size:14px;}



#p-404 main  ,#p-404 .pt115{padding:0 !important;}
#p-404 main section{display:none;}
#p-404 #header,#p-404 #footer{display:none !important;}
main section#page404{text-align:center;display:block;}
main section#page404 h1{font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;font-size:160px;color:#fff;display:block;width:100%;}
main section#page404 span{font-family:'Roboto-Regular',Arial,Helvetica,Sans-serif;font-size:22px;color:#fff;display:block;width:100%;margin-bottom:45px;}
main section#page404 .info404{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);max-width:480px;}


main section .siteMapPart {float:left;width:25%;margin-bottom:20px;}
main section .siteMapPart:last-child {float:right;}
main section .siteMapPart  > div {width:100%;}
main section .siteMapPart   div  a{display:block;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);}
main section .siteMapPart   div  a:hover {text-indent:5px;}
main section .siteMapPart  > div.main  a{color:#092e6e;font-size:16px;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;line-height:24px;}
main section .siteMapPart  > div.subm {padding-left:10px;}
main section .siteMapPart  > div.subm div{margin-bottom:10px}
main section .siteMapPart  > div.subm a::before{content:"";width:3px;height:3px;border-radius:50%;background:#353535;display:block;float:left;margin-top:9px;margin-right:5px;}
main section .siteMapPart  > div.subm .subm a::before{height:1px;border-radius:0;width:5px}
main section .siteMapPart  > div.subm  div.subm{padding-left:10px;}
main section .siteMapPart  > div.subm  > div a{font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;font-size:14px;color:#353535;text-decoration:underline;}



main section .planingYourArrival {background:url(../images/content/content-img-2.png) no-repeat bottom right;overflow:hidden;padding-bottom:20%;padding-top:40px;}
main section .planingYourArrival .formRow  {position:relative;}
main section .planingYourArrival .formRow  div[class*="col-"]:first-child{padding-left:0;}
main section .planingYourArrival .formRow  div[class*="col-"] label{text-align:left;}
main section .planingYourArrival .formRow  div[class*="col-"] input[type="text"]{width:100%;border:0;height:44px;padding:0 10px}
main section .planingYourArrival .formRow  div[class*="col-"] .customSelect{min-width:100%;border:0;position:relative;}
main section .planingYourArrival .formRow  div[class*="col-"] .customSelect.dbs{min-width:50%;}
main section .planingYourArrival .formRow  div[class*="col-"] .customSelect.dbs:last-child::before{display:block;width:1px;height:26px;content:"";background:#ebebeb;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
main section .planingYourArrival .formRow h1{text-align:left;}
main section .planingYourArrival .formRow > span{text-align:left;padding-bottom:50px;border-bottom:1px solid #d3d3d3;}
main section .planingYourArrival .formRow .formRow{margin-bottom:30px;width:100%;float:left;}
main section .planingYourArrival #step1,main section .planingYourArrival  #step2{width:100%;float:left;margin-bottom:20px;position:relative;}
main section .planingYourArrival  #step2{padding-bottom:40px;}
main section .planingYourArrival  #step2 input[type="submit"]{width:100%;max-width:100%;}
main section .planingYourArrival .dbs {position:relative;}
main section .planingYourArrival  em.error{color:red;font-size:12px;margin-top:5px;position:absolute;bottom:-25px;left:0;}
main section .planingYourArrival  .backstep{display:none;width:90px;height:30px;background:#fff;color:#353535;font-size:12px;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;text-align:center;line-height:30px;position:absolute;bottom:0;right:0;}
main section .planingYourArrival  .backstep::before{margin-right:10px;font-size:10px;color:#316adb;}



/*  DETAILS END
=================================================================================================================*/

.ps-container{padding-right:25px;}
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail{background:#ebebeb;border-radius:0;opacity:1}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{background:#aaaaaa;border-radius:0;opacity:1}
.overlay{background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9995;display:none;}
.splash{width:50%;height:70%;background:#fff;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);position:fixed;display:none;padding:25px 25px 50px;}
.splash > div{width:100%;height:100%;float:left;overflow:hidden;position:relative;}

.splash > a.icon-print{color:#353535;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;font-size:12px;position:absolute;bottom:20px;left:25px;text-decoration:underline;}
.splash > a.icon-print::before{color:#2a64db;font-size:15px}
.splash > div h5{font-size:16px;color:#2a64db;font-family:'Roboto-Regular',Arial,Helvetica,Sans-serif;margin-bottom:25px;}
.splash > div p{color:#212121;font-size:14px;margin-bottom:15px;line-height:20px;}

.splash .splashClose{display:block;width:50px;height:50px;position:absolute;top:0;right:-50px;background:#2a64db; font-family: 'lg';}

.splash .splashClose::after{content: "\e070";font-size:22px;color:#fff;display:block;line-height:50px;text-align:center;}
.btn{display:block;width:211px;height:45px;text-align:center;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;letter-spacing:3px;color:#000000;position:relative;overflow:hidden;line-height:45px;margin-top:20px;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);float:left;border:0;cursor:pointer;font-size:14px;}
.btn::after{content:"";width:10px;height:7px;background:url(../images/site/button-arrow.png) no-repeat center;display:inline-block;margin-left:10px;position:relative;}
.btn.center{margin:0 auto;float:none;}
.btn.white{background:#fff;}
.btn.white.nh:hover{background:#fff;}
.btn:hover{background:transparent;}
.btn small{position:absolute;display:block;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);}
		
.btn small.tline{height:1px;width:0;background:#000;top:0;left:50%;}
.btn small.bline{height:1px;width:0;background:#000;bottom:0;left:50%;}
.btn small.rline{height:0;width:1px;background:#000;right:0;top:50%;}
.btn small.lline{height:0;width:1px;background:#000;left:0;top:50%;}
.btn small.tline,.btn small.bline{transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.btn small.rline,.btn small.lline{transform:translateY(-50%);-webkit-transform:translateY(-50%);}

.btn:hover small.tline,.btn:hover small.bline{width:100%;}
.btn:hover small.rline,.btn:hover small.lline{height:100%;}
.motto{padding:60px  0;}
.motto summary{margin:-65px auto 0;text-align:center;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;font-size:22px;line-height:32px;color:#6e6e6e;position:relative;width:100%;float:left;}
section.motto .container h2{text-align:center;color:#d5d5d5 !important;font-size:142px !important;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;line-height:110px !important;}
section.motto .container h2 span{font-size:100px !important;}

.roof .motto{padding:60px 0;}
.roof .motto summary{margin:-40px auto 0;text-align:center;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;font-size:22px;line-height:32px;color:#6e6e6e;position:relative;width:100%;float:left;}
.roof .motto h2{text-align:center;color:#d5d5d5;font-size:142px;font-family:'ProximaNova-Light',Arial,Helvetica,Sans-serif;line-height:90px;}
.roof .motto h2 span{font-size:100px ;}

.roof #header .language {display: block;float: right;height: 100%;width: 60px;text-align: center;position:relative;}
.roof #header .language span {font-family: 'ProximaNova-Bold',Arial,Helvetica,Sans-serif;font-size: 15px;color: #000000;padding: 0 24px;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);display: block;}


p.instaLink{color:#353535;font-size:22px;font-family:'ProximaNova-Regular',Arial,Helvetica,Sans-serif;padding-left:53px;line-height:36px;position:relative;max-width:390px;margin:0 auto 45px}
p.instaLink a {text-decoration:underline;color:#353535}
p.instaLink a::after{display:block;width:35px;height:35px;background:url(../images/site/instaLogo.png) no-repeat 0 0;content:"";position:absolute;top:0;left:0;}


/* INSTAGRAM
==============================================================================*/



.instaContent{overflow:hidden;}
.instaContent.row h3 {font-size: 19px;color: #ccc;margin-bottom: 10px;display: block;text-align:center;}
.instaContent .photos a{margin-bottom:30px;}
.instaContent .photos a::after{display:block;height:100%;position:absolute;top:0;left:15px;right:15px;background:rgba(0,0,0,0.2);content:"";-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);}
.instaContent .photos a:hover::after{opacity:0;}
.instaContent .photos a img{display:block;width:100%;float:left;}
.instaContent  div[class*="col-"] h3{width:100%;float:left;text-align:center;}

/* INSTAGRAM
==============================================================================*/





.ourHotelsContent{margin-bottom:80px;width:100%;float:left;}

.grid figure h2 small{width:100%;height:85px;display:block;color:#fff;font-family:'ProximaNova-Regular',Arial,Helvetica,Sans-serif;}
.grid figure.sibernik h2 small{background:url(../images/site/d-resort-sibernik-logo.png) no-repeat center ;}
.grid figure.ayvalik h2 small{background:url(../images/site/murat-reis-ayvalik-logo.png) no-repeat center ;}
.grid figure.gocek h2 small{background:url(../images/site/d-resort-gocek-logo.png) no-repeat center ;}
.grid figure.azur h2 small{background:url(../images/site/grand-azur-logo.png) no-repeat center ;}

/* #test{position:fixed;top:0;width:100px;height:100px;background:#000;z-index:99999} */




/* CONTENT
=================================================*/

/* FOOTER
=================================================*/
#footer {width:100%;float:left;height:111px;border-top:1px solid #d7d7d7;margin-top:-111px;clear:both;position: relative;z-index:10;padding-top:28px} 
#footer nav{width:100%;float:left;margin-bottom:24px;}
#footer nav ul {float:right;}
#footer nav ul li{float:left;margin:0 23px;}
#footer nav ul li:last-child{margin-right:0;}
#footer nav ul li a{display:block;color:#353535;font-family:'ProximaNova-Bold',Arial,Helvetica,Sans-serif;letter-spacing:1px;}
#footer p {width:100%;float:left;}
#footer p span{text-align:right;float:right;color:#353535;font-size:11px;font-family:'Roboto-Light',Arial,Helvetica,Sans-serif;}
/* FOOTER
=================================================*/






/*ÇATI SİTE kerem id class oldu
=================================================*/
.roof #header nav {max-width:500px; margin:0 auto;position:relative;top:40%;}
.roof #header nav ul{}
.roof #header nav ul li{float:left;margin:0 25px;}
.roof #header nav ul li a{display:block;color:#353535;font-family:'ProximaNova-Regular',Arial,Helvetica,Sans-serif;font-size:12px;}
.roof #header a.mobileMenuOpener {display: none;width: 70px;height: 100%;position: absolute;right: 0;top: 0;background: #092e6e;}
.roof #header  .mobileMenuOpener span{display:block;width:20px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);left:50%;}
.roof #header .mobileMenuOpener span small{width:100%;display:block;height:2px; background:#fff;float:left;position:relative;-webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);}

.mobileMenuOpener span small.line2{margin:6px 0;}
.mobileMenuOpener.active span small.line2{display:none !important;}
.mobileMenuOpener.active span small.line1{transform:rotate(45deg);-webkit-transform:rotate(45deg);top:5px;}
.mobileMenuOpener.active span small.line3{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);bottom:-3px}

/*ÇATI SİTE
=================================================*/



/*HOVER ANIMASYON
=================================================*/

.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	/* padding: 1em 0 4em; */
	/* max-width: 80%; */
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	/* float: left; */
	overflow: hidden;
	margin: 10px 15px;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	display:inline-block;
	max-width:275px;
}
.safari .grid figure{max-height:300px;}
/*
.grid figure.twoItem{width: calc(50% - 40px);}
.grid figure.threeItem{width: calc(33.3333% - 40px);}
.grid figure.fourItem{width: 21.5%;}*/

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
	width:100%;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-size:20px !important;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
	color:#fff !important;
}
.grid figure p {font-size:14px !important;}

.a figure p {
	letter-spacing: 1px;

}

/* Individual effects */

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: #000;
}

figure.effect-bubba img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	line-height:30px !important;
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*HOVER ANIMASYON
=================================================*/





/*GREENSOCK */

.roof main{padding-top:0;}
.roof .mslideContainer .halfBox{width:50%;float:left;height:31vh;display:block;overflow:hidden;position:relative;z-index:50;color:#fff;margin-top:70px;}
.roof .mslideContainer .halfBox .slideItem{width:100%;height:100%;float:left;}
.roof .mslideContainer .fullBox{width:100%;float:left;height:30vh;position:absolute;left:0;bottom:0;display:block;overflow:hidden;z-index:50;color:#fff;}
.roof .mslideContainer .fullBox .slideItem{width:100%;height:100%;float:left;}
.roof .mslideContainer{width:100%;height:100vh;position:absolute;top:0;left:0;}
.roof .mslideContainer .slideInfo{ left: 10%;position: absolute;right: 10%;top: 55%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 50;}

.roof #mainSlider > div {float: left;height: 100vh;left: 0;overflow: hidden;position: absolute;top: 0;width: 100%;z-index:1;}
.roof #mainSlider > div.active{z-index:8;}
.roof .mslideContainer .slideInfo h2 {color: #fff;font-size: 28px;font-family: "ProximaNova-Regular",Arial,Helvetica,sans-serif;letter-spacing: 2px;margin-bottom: 0px;text-align:center;}
.roof .mslideContainer .slideInfo span {color: #fff;display: block;float: left;font-family: "Roboto-Regular",Arial,Helvetica,sans-serif;font-size: 16px;letter-spacing: 2px;width: 100%;text-align:center;}
.roof .slideItem.img {left: 0;position: absolute;top: 0;}
.roof #mainSlider{overflow:hidden;position:relative;}
.roof .halfBox .img{border-bottom:4px solid #fff;overflow:hidden;}
.roof .fullBox .img{border-top:4px solid #fff;}
.roof .halfBox:first-child .img{border-right:2px solid #fff;}
.roof .halfBox:last-child .img{border-left:2px solid #fff;}
.roof #mainSlider .mask{visibility:hidden;background-color: #fff}
.roof .halfBox video{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width: 100%;}

/* .roof #header{top:-70px;} */
#detail.roof #mainSlider .slideContainer {width: 100%; height: 100vh; background-repeat: no-repeat; background-size: cover;position:relative;}

#detail .roof .slider2{width:100%;float:left;overflow:hidden;}
.roof .slick-arrow{background:url(../images/site/sliderArrows.png) no-repeat 0 0;display:block;width:26px;height:49px;}
.roof .slick-arrow.slick-next{right:50px;background-position:right top;}
.roof .slick-arrow.slick-prev{left:50px;}
.roof .slick-arrow::before{display:none;}

.roof .ms1 .slick-next{right:-40px;opacity:0;}
.roof .ms1 .slick-prev{left:-40px;opacity:0;}

#detail.roof .slidersArea{width:100%;float:left;position:relative;}
#detail.roof#home #mainSlider{position:absolute;top:0;left:0;}
#detail.roof #mainSlider .slideContainer {width: 100%; height: 100vh; background-repeat: no-repeat; background-size: cover;position:relative;}
#detail.roof .slidersArea .halfBox{width:50%;float:left;height:33.3333vh;background:#000;display:none;overflow:hidden;position:relative;z-index:9999;color:#fff;margin-top:70px}
#detail.roof .slidersArea .halfBox .slideItem{width:100%;height:33.3333vh;float:left;}


#detail.roof .slidersArea .fullBox{width:100%;float:left;height:33.3333vh;position:absolute;left:0;bottom:0;background:blue;display:none;overflow:hidden;z-index:9999;color:#fff;}
#detail.roof .slidersArea .fullBox .slideItem{width:100%;height:33.3333vh;float:left;}

#detail.roof #mainSlider .slideContainer .slideTextContainer {position:absolute; top:calc(50% + 35px); margin:0 auto; color:white;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;}
#detail.roof #mainSlider .sliderTitle {font-size: 6em; text-align: center;}
#detail.roof #mainSlider .sliderTagline {font-size: 2.5em; text-align: center;}

/*GREENSOCK */

@media only screen and (max-width: 1600px)  {
main section div.text[class*="col-"] > div.tboxInfo{top:0;transform:none;}
main section .contentSlider .csliderItem{padding-bottom:15%;}
#footer nav ul li{margin:0 4px;}
main section .bottomDestination{padding-bottom:34%;}
main section .contentSlider .csliderItem .offerInfo{left:35%;}
main section .contentSlider .csliderItem .offerInfo h4{font-size:36px;}
main section .contentSlider .csliderItem .offerInfo h5{font-size:20px;}
main section .planingYourArrival{background-size:80%;}
main section .planingYourArrival{padding-bottom:30%;}
}
@media only screen and (min-width: 980px) and (max-width: 1366px) {
	#subSlider, .subSliderItem{max-height:770px;}
	.pb20{padding-bottom:20px;}
	
	main section .destinationInfo{padding:40px;}
	main section .destinationInfo::after{left:40px;}
	main section .socialContent{padding:40px;}
	main section .destinationInfo::after{bottom:25px;}
}

@media only screen and (min-width: 980px) and (max-width: 1200px) {
main section .makeReservationBox{float:right;}	
main section .bottomDestination{padding-bottom:40%;}	
main section .makeReservationBox .blueBtn{top:100%;left:-20%}

main section .contentSlider .csliderItem .offerInfo h4{font-size:30px;}
main section .contentSlider .csliderItem .offerInfo h5{font-size:16px;}
main section .socialContent > .scontentInner em{font-size:14px !important;}
main section .socialContent > .scontentInner small{font-size:36px !important;}
}

@media only screen and (max-width: 1024px)  {
main section .destinationInfo span{font-size:14px;}
main section .destinationInfo strong{margin-bottom:20px}

}
@media only screen and (max-width: 1000px)  {
	.chrome .hotelsHeadObjects{max-width:385px !important;}
	.hotelsHeadObjects{margin-right:111px;max-width:385px;}
	.hotelsHeadObjects ul li a.otherHotels{width:60px;}
	.hotelsHeadObjects ul li a.otherHotels::before{width:100%;left:0;top:0;height:100%;margin:0;}
	.hotelsHeadObjects ul li a.otherHotels span{display:none;}
	.hotelsHeadObjects ul li a.language {width:60px;}
	.hotelsHeadObjects ul li a.language  span{padding:0;text-align:center;}
	.hotelsHeadObjects ul li a.search {width:60px;}
	.hotelsHeadObjects ul li a.search  span{padding:0;text-align:center;}
	#header #logo{width:120px;}
	#header #logo img{width:100%;}
	.pt80{padding-bottom:20px;}

}
@media only screen and (min-width: 768px) and (max-width: 979px) { /*TABLET İÇİN*/
	.pt80{padding-bottom:20px;}
	/* .grid figure.fourItem{width:45.5%;} */
	.chrome .hotelsHeadObjects{max-width:385px !important;}
	main section .reservationForm .resultItem div[class*="col-"] .blueBtn{width:200px;}
	main section#subSlider .subSliderItem .subSlideInfo{top:40%;}
	main section .mapContainer .mapInfo {max-width:50%;}
	main section .mapContainer .mapInfo .mapInfoInner{width:90%;}
	main section .makeReservationBox{float:right;margin-right:20px;}
	main section .makeReservationBox img{width:100%;}
	main section .makeReservationBox .blueBtn{left:-20%;top:100%;}
	.pt80{padding-bottom:45px}
	main section .contentSlider .csliderItem{padding-bottom:20%;} 
	.container{width:100%;}
	.hotelsHeadObjects .menuOpener span{left:30px;}
	.hotelsHeadObjects .menuOpener > small{text-indent:40px;}
	.hotelsHeadObjects .menuOpener{width:140px;}
	.hotelsHeadObjects{margin-right:111px;max-width:385px;}
	.hotelsHeadObjects .reservation{width:200px;}
	.hotelsHeadObjects ul li a.otherHotels{width:60px;}
	.hotelsHeadObjects ul li a.otherHotels::before{width:100%;left:0;top:0;height:100%;margin:0;}
	.hotelsHeadObjects ul li a.otherHotels span{display:none;}
	.hotelsHeadObjects ul li a.language {width:60px;}
	.hotelsHeadObjects ul li a.language  span{padding:0;text-align:center;}
	.hotelsHeadObjects ul li a.search {width:60px;}
	.hotelsHeadObjects ul li a.search  span{padding:0;text-align:center;}
	#header #logo{width:120px;}
	#header #logo img{width:100%;}
	#wrapper nav.hotel .navBg{background-size:90%}
	#wrapper nav.hotel > ul{left:5%;max-width:90%;top:170px;}
	.closer{right:20px;}
	.grid{max-width:100%}
	.grid figure h2 small{background-size:90% !important;}
	figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after{left:15px;right:15px;top:15px;bottom:15px;}
	figure.effect-bubba p{padding:5px ;}
	.motto summary{margin:-65px auto 0;}
	#footer nav{display:none;}
	#footer img{display:block;margin:0 auto;}
	#footer p span{width:100%;text-align:center;padding-top:15px;}
	main section .bottomDestination{padding-bottom:50%;}
	main section .destinationInfo{padding:40px;}
	main section .destinationInfo::after{left:40px;}
	.fullWidth.pb300{padding-bottom:0;}
	main section .col-md-6 .crossImg{position:absolute;bottom:-65px;width:95px;height:95px;}
	main section .col-md-6:first-child .crossImg{right:-35px;}
	main section .col-md-6:last-child .crossImg{left:-35px;}
	main section .container h2{font-size:22px !important}
	
}
@media only screen and (max-width: 767px) { /*MOBİL İÇİN*/ 
	.roof #header .language{margin-right:42px;}
	main section .detailTabNav.v2{overflow:auto !important;}
	.gck main section .contentSlider .csliderItem, .azr main section .contentSlider .csliderItem{padding-bottom:100% !important;}
	main section .planingYourArrival .formRow div[class*="col-"]{padding-left:0;padding-right:0;margin-bottom:15px;}
	main section .container h2,.roof .motto h2{font-size:22px !important}
	#home main section.motto .container h2{font-size:52px !important;}
	main section#subSlider  .subSlideInfo h1{font-size:32px;}
	main section#subSlider  .subSlideInfo span{font-size:18px;}
	.openContent.searchContent form input{font-size:14px;}
	main section .detailTabNav.v2{float:left;overflow:hidden;padding:0 !important;height:55px;}
	main section .detailTabNav.v2 ul{padding:0 !important;}
	main section .detailTabNav.v2 li{margin:0 !important;width:auto;float:left !important;display:block !important}
	.roof #header .instaLink{display:none;}
	.roof #header .mobileMenuOpener{display:block !important;}
	.roof #header nav{width: 100%;position: absolute;left: 0;top: 98%;background: #fff;display:none;max-width:100%;}
	.roof #header nav li {width:100%;display:block;float:left;margin: 0 !important;}
	.roof #header nav li a{display:block;padding:20px;text-align:center;}
	.roof #header nav li a:hover{background:#092e6e;color:#fff;}
	.grid figure{max-height:290px;}
	main section .siteMapPart {width:100%;}
	main section .reservationForm .formBody{padding:0 !important}
	div[class*="col-"].roomCount,div[class*="col-"].adultCount,div[class*="col-"].childrenCount{display:none;}
	div[class*="col-"].totalPrice{padding-top:11px;}
	main section .reservationForm .formBody .formInner .formRow div[class*="col-"]{padding:0;}
	main section .reservationForm .formBody .formRow .formInner{padding:0 20px;}
	
	.resultItem .blueBtn{float:none;margin:0 auto;}
	.splash .splashClose{right:0;top:-50px;}
	.splash{width:90%;}
	main section .reservationForm .resultItem div.col-md-3 > div{text-align:center;}
	main section .mapContainer .mapInfo .mapInfoInner .blueBtn{display:block;}
	main section .mapContainer .mapInfo {position:relative;background:#fff;max-width:100%;padding-top:80px;}
	main section .mapContainer .mapInfo .mapInfoInner p{font-size:16px;line-height:22px;}
	main section .mapContainer .mapInfo .mapInfoInner{width:90%;position:relative;transform:none;left:auto;top:auto;margin:0 auto;}
	main section .mapContainer{height:100vh;}
	.searchContent .closer{top:100px;}
	.ptb45 {padding:30px 0;}
	main section summary{font-size:18px;line-height:26px;}
	main section .detailTabNav{left:0;width:100%;}
	main section .detailTabNav li{width:50%;}
	main section .detailTabNav li a{padding:15px 20px !important;height:45px !important;font-size:13px !important;}
	main section .makeReservationBox{float:none;max-width:90%;margin:0 auto;padding-top:20px;overflow:hidden;}
	main section .makeReservationBox img{width:100%;}
	main section .makeReservationBox .blueBtn{position:relative;top:auto;left:50%;right:auto;margin:0 auto;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);width:100%;margin-top:20px;}
	.pt80{padding-bottom:45px}
	#footer nav{display:none;}
	#footer p span{width:100%;text-align:center;padding-top:10px;}
	#footer .container img{display:block;margin:0 auto;}
	main section .contentSlider .csliderItem{padding-bottom:30%;}
	main section .contentSlider .csliderItem .offerInfo{left:50%;}
	main section .contentSlider .csliderItem .offerInfo h4{font-size:28px;text-align:center;}
	main section .contentSlider .csliderItem .offerInfo h5{text-align:center;font-size:18px;}
	
	#header #logo{width:115px;}
	#header #logo img{width:auto;}
	.container{width:100%;}
	.fullWidth.pb300{padding-bottom:0;}
	.crossImg{display:none;}
	main section div.text[class*="col-"],main section div.image[class*="col-"]{margin:10px 0;overflow:hidden;}
	main section div.text[class*="col-"] > div.tboxInfo{width:100%;left:0;}
	.grid{max-width:100%;}
	.grid figure{width:100% !important;margin:10px 0;}
	main section .bottomDestination{padding-bottom:100%;}
	main section .destinationInfo{padding:50px 15px;}
	main section .destinationInfo::after{left:15px;}
	main section .destinationInfo span{font-size:14px;}
	main section .socialContent{padding:50px 15px}
	main section .socialContent > span{text-align:center;}
	#wrapper nav.hotel{overflow:auto;}
	#wrapper nav.hotel .navFooter{width:100%;float:left;position:relative;bottom:auto;right:auto !important;transform:none;-webkit-transform:none;}
	#wrapper nav.hotel .navFooter .navSocial{width:90%;margin:10px auto 0 auto;padding-top:10px;border-top:1px solid #22437d;overflow:hidden;padding-bottom:10px;}
	#wrapper nav.hotel .navFooter .navSocial ul{display:block;width:100%;float:left;text-align:center;}
	#wrapper nav.hotel .navFooter .navSocial ul li{display:inline-block;float:none;}
	.navBg{display:none;}
	/* .mobileMenuBack{display:block;} */
	#wrapper nav.hotel{padding-top:80px;}
	#wrapper nav.hotel > ul li {margin-bottom:10px;max-width:100%;float:left;}
	#wrapper nav.hotel .navFooter{max-width:100%;}
	#wrapper nav.hotel > ul li a{padding-left:0;height:auto;}
	#wrapper nav.hotel > ul li a span{font-size:16px;}
	#wrapper nav.hotel > ul{position:relative;top:0;width:100%;float:left;}
	#wrapper nav.hotel ul li a em{display:none;}
	#wrapper nav.hotel > ul,#wrapper nav.hotel > ul li ul{left:0;max-width:100%;}
	#wrapper nav.hotel > ul li ul{position:relative;width:100%;float:left;padding-top:7px;}
	#wrapper nav.hotel  ul li a span{background:transparent;text-align:center;display:block;width:100%}
	.navFooter > ul ,.navSocial span{display:none;}
	.navSocial ul {text-align:center;}
	.navSocial ul li{display:inline-block;}
	.openContent{padding-top:90px;}
	.col-1-5{width:100%;margin-bottom:20px;}
	.reservationForm{padding-top:15px;}
	.closer{top:72px;right:15px;}
	.openContent h3{font-size:24px;}
	.hotelsHeadObjects{width:auto;max-width:auto;margin-right:41px;}
	.hotelsHeadObjects ul li a.reservation::before{left:50%;top:50%;margin:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
	.reservation.opener,.hotelsHeadObjects .reservation{width:70px;}
	.reservation.opener span,.hotelsHeadObjects .reservation span{display:none;}
	.hotelsHeadObjects ul li,.hotel .nc{display:none !important;}
	.hotelsHeadObjects ul li.nc{display:block !important;}
	.hotelsHeadObjects .menuOpener{width:70px;}
	.hotelsHeadObjects .menuOpener span{left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
	.hotelsHeadObjects .menuOpener > small{display:none;}
	.hotel ul.buttons{display:block !important;margin:0 auto 10px auto;padding-bottom:10px;width:90% !important;border-bottom:1px solid #22437d;overflow:hidden;float: none !important;}
	.hotel ul.buttons li{width:33.3333% !important;float:left;margin:10px 0 !important;}
	.hotel ul.buttons li a.otherHotels::before{background:rgba(0, 0, 0, 0) url(../images/site/other-hotels-icon-white.png) no-repeat scroll center center !important;width:15px;height:18px;content:"";display:block;margin:0 auto;}
	.hotel ul.buttons li a.otherHotels span{display:none !important;}
		/*
	.datepick-popup{left:50% !important;top:50% !important;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);z-index:9999;}
	.datepick-popup::before{display:none !important;}*/
	.motto {padding:40px 0 !important;}
	section.motto .container h2,.roof .motto h2{font-size:56px !important;line-height:40px !important}
	section.motto .container h2 span,.roof .motto h2 span{font-size:38px !important;}
	section.motto .container summary,.roof .motto summary{margin-top:0 ;font-size:16px;}
	.roof .motto summary{padding:0 10px}
	main section .container div[class*="col-"]:first-child .gatewayBox ul li:first-child a, main section .container div[class*="col-"] .gatewayBox ul li:nth-of-type(2n) a{max-width:100%;}
	.roof .mslideContainer .halfBox,.roof .mslideContainer .fullBox {display:none !important;}
	.roof .mslideContainer .slideInfo{}
	.roof .mslideContainer .slideInfo h2{width:100%;}
	.roof .mslideContainer .slideInfo h2 img{width:70%;height:auto !important;margin:0 auto;display:block;}
	.roof .mslideContainer .slideInfo span img{width:30%;height:auto !important;margin:0 auto;display:block;}
	
	
	
}