/*FONT FACE*/
@import url(font-privapro.css);
@import url(materialdesignicons.min.css);



.crop {
width: 275px;
    height: 230px;
    float: left;
text-align:center;
    margin-bottom: 5px;
border: 1px solid #c7c7c7;
    background: white;
margin-left:5px;
    overflow: hidden;
}
.crop:hover {
    box-shadow: 0 2px 30px rgba(0,0,0,0.2)!important;
    -webkit-transition: box-shadow 0.4s;
    transition: box-shadow 0.4s;
}
.crop img {
    height: 230px;
float:none !important;
}




.highslide-controls {
    width: 195px;
    height: 40px;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
    float: left;
    padding: 5px 0;
}
.highslide-controls a {
    background: url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif);
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    outline: none;
}
.highslide-controls a.disabled {
    cursor: default;
}
.highslide-controls a span {
    /* hide the text for these graphic buttons */
    display: none;
}
 
/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
    background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
    background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
    background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
    background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
    background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
    background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
    background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
    background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
    background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
    background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
    background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
    background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
    background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
    background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
    background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
    background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
    background-position: -180px -30px;
}
.highslide-container table, td, th {    
    border: 0 !important;
    text-align: left;
}




.referanslar span, .referanslar li {
    font-family: 'PrivaPro', sans-serif !important;
    font-weight: normal !important;
    font-size: 14px !important;
}



.referanslar img {
padding:7px;
}


.full-story table, .full-story td, .full-story th {    
    border: 1px solid #ddd !important;
    text-align: left;
}

.full-story table {
    border-collapse: collapse;
    width: 100% !important;
}

.full-story th, .full-story td {
    padding: 8px !important;
}

.full-story tr:first-child, .full-story tr:first-child:hover  {
    background: #c49738 !important;
    color: white !important;
}
.full-story tr {
    background: #f8f8f8 !important;
}
.full-story tr:hover {
    background: #f1f1f1 !important;
}


.brendler {
    background: url(/img/brands-bg.png) no-repeat bottom center;
    overflow: hidden;
    display: inline-block;
    margin: -23px -30px;
}
.brendler:hover {
    background: url(/img/brands-bg.png) no-repeat top center;
}

b {
    font-weight: 900;
}


.child-inner {
    height: 207px;
    width: 205px;
    display: block;
    overflow: hidden;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.brendler .img-1, .brendler:hover .img-2 {
    display: inline;
}

/* -- HELPERS -- */
.pull-left{ float: left; }
.pull.right{ float: right; }

.of-hidden{ overflow: hidden; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }

.text-l{ text-align: left; }
.text-c{ text-align: center; }
.text-r{ text-align: right; }
.text-j{ text-align: justify; }

.text-upper{ text-transform: uppercase; }
.text-lower{ text-transform: lowercase; }
.fvsc{font-variant: small-caps;}

.italic{font-style: italic;}

.break-all{word-break: break-all;}

.fw-100{font-weight: 100;} .fw-200{font-weight: 200;} .fw-300{font-weight: 300;}
.fw-400{font-weight: 400;} .fw-500{font-weight: 500;} .fw-600{font-weight: 600;}
.fw-700{font-weight: 700;} .fw-800{font-weight: 800;} .fw-900{font-weight: 900;}

.fz-10{font-size: 10px;} .fz-11{font-size: 11px;} .fz-12{font-size: 12px;} .fz-13{font-size: 13px;}
.fz-14{font-size: 14px;} .fz-15{font-size: 15px;} .fz-16{font-size: 16px;} .fz-17{font-size: 17px;}
.fz-18{font-size: 18px;} .fz-19{font-size: 19px;} .fz-20{font-size: 20px;}

.lh-20{line-height: 20px;} .lh-21{line-height: 21px;} .lh-22{line-height: 22px;} .lh-23{line-height: 23px;}
.lh-24{line-height: 24px;} .lh-25{line-height: 25px;} .lh-26{line-height: 26px;} .lh-27{line-height: 27px;}
.lh-28{line-height: 28px;} .lh-29{line-height: 29px;} .lh-30{line-height: 30px;}

.mt-0 { margin-top: 0px !important;  } .mb-0 { margin-bottom: 0px !important;  } .ml-0 { margin-left: 0px !important;  } .mr-0 { margin-right: 0px !important;  } .m-0 { margin: 0px !important;  }
.mt-5 { margin-top: 5px !important;  } .mb-5 { margin-bottom: 5px !important;  } .ml-5 { margin-left: 5px !important;  } .mr-5 { margin-right: 5px !important;  } .m-5 { margin: 5px !important;  }
.mt-10{ margin-top: 10px !important; } .mb-10{ margin-bottom: 10px !important; } .ml-10{ margin-left: 10px !important; } .mr-10{ margin-right: 10px !important; } .m-10{ margin: 10px !important; }
.mt-15{ margin-top: 15px !important; } .mb-15{ margin-bottom: 15px !important; } .ml-15{ margin-left: 15px !important; } .mr-15{ margin-right: 15px !important; } .m-15{ margin: 15px !important; }
.mt-20{ margin-top: 20px !important; } .mb-20{ margin-bottom: 20px !important; } .ml-20{ margin-left: 20px !important; } .mr-20{ margin-right: 20px !important; } .m-20{ margin: 20px !important; }
.mt-30{ margin-top: 30px !important; } .mb-30{ margin-bottom: 30px !important; } .ml-30{ margin-left: 30px !important; } .mr-30{ margin-right: 30px !important; } .m-30{ margin: 30px !important; }
.mt-40{ margin-top: 40px !important; } .mb-40{ margin-bottom: 40px !important; } .ml-40{ margin-left: 40px !important; } .mr-40{ margin-right: 40px !important; } .m-40{ margin: 40px !important; }
.mt-80{ margin-top: 80px !important; } .mb-80{ margin-bottom: 80px !important; } .ml-80{ margin-left: 80px !important; } .mr-80{ margin-right: 80px !important; } .m-80{ margin: 80px !important; }

.pt-0 { padding-top: 0px !important;  } .pb-0 { padding-bottom: 0px !important;  } .pl-0 { padding-left: 0px !important;  } .pr-0 { padding-right: 0px !important;  } .p-0 { padding: 0px !important;  }
.pt-5 { padding-top: 5px !important;  } .pb-5 { padding-bottom: 5px !important;  } .pl-5 { padding-left: 5px !important;  } .pr-5 { padding-right: 5px !important;  } .p-5 { padding: 5px !important;  }
.pt-10{ padding-top: 10px !important; } .pb-10{ padding-bottom: 10px !important; } .pl-10{ padding-left: 10px !important; } .pr-10{ padding-right: 10px !important; } .p-10{ padding: 10px !important; }
.pt-15{ padding-top: 15px !important; } .pb-15{ padding-bottom: 15px !important; } .pl-15{ padding-left: 15px !important; } .pr-15{ padding-right: 15px !important; } .p-15{ padding: 15px !important; }
.pt-20{ padding-top: 20px !important; } .pb-20{ padding-bottom: 20px !important; } .pl-20{ padding-left: 20px !important; } .pr-20{ padding-right: 20px !important; } .p-20{ padding: 20px !important; }
.pt-30{ padding-top: 30px !important; } .pb-30{ padding-bottom: 30px !important; } .pl-30{ padding-left: 30px !important; } .pr-30{ padding-right: 30px !important; } .p-30{ padding: 30px !important; }
.pt-40{ padding-top: 40px !important; } .pb-40{ padding-bottom: 40px !important; } .pl-40{ padding-left: 40px !important; } .pr-40{ padding-right: 40px !important; } .p-40{ padding: 40px !important; }
.pt-80{ padding-top: 80px !important; } .pb-80{ padding-bottom: 80px !important; } .pl-80{ padding-left: 80px !important; } .pr-80{ padding-right: 80px !important; } .p-80{ padding: 80px !important; }

.block{ display: block !important; }
.inline{ display: inline !important; }
.inline-block{ display: inline-block !important; }
.none{ display: none !important; }

.pos-r{position: relative;}
.pos-a{position: absolute;}
.pos-f{position: fixed;}

.va-middle{vertical-align: middle;}
.cur-pointer{cursor: pointer;}

.primary-color{color: #474747;}
.secondary-color{color: #c49738;}
.alert-color{color: #ff0043;}
.success-color{color: #06940D}

.light-gray-bg{background-color: #ececec;}
.white-bg{background-color: #fff;}

.linear-transition-02{-webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s;}
.linear-transition-05{-webkit-transition: all linear 0.5s; -moz-transition: all linear 0.5s; -o-transition: all linear 0.5s; transition: all linear 0.5s;}

.ease-transition-02{-webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s;}
.ease-transition-05{-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;}
/* end HELPERS */



/* -- --- ---- form-elements ---- --- -- */
.fluid{width: 100% !important;}
.field{position: relative;}
.input, .textarea, .select{
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #474747;
  width: 100%; height: 44px; border: 1px solid #fff; line-height: 22px; font-size: 12px;
  outline: none; padding-top: 10px; padding-bottom: 10px; padding-left: 10px !important; 
  background-color: #fff; -webkit-border-radius: 0; padding-right: 10px !important;
  -moz-border-radius: 0; border-radius: 0;}
.select{width: auto;}
.textarea{height: auto; resize:vertical; overflow: auto;}
.input.error, .textarea.error, .select.error{border-color: #ff0043 !important;}

.input.large, .select.large{height: 50px; padding-top: 13px; padding-bottom: 13px;}
.textarea.large{padding-top: 13px; padding-bottom: 13px;}
.input.theme-2, .select.theme-2, .textarea.theme-2{border-color: #6e6e6e; background-color: transparent; color: #fff;}
.input.theme-3, .select.theme-3, .textarea.theme-3{border-color: #ccc; background-color: transparent; color: #474747;}


.field.icon-left .input{padding-left: 30px;}
.field.icon-right .input{padding-right: 30px;}

.field .field-icon{
  width: 40px; height: 44px; line-height: 44px; text-align: center; position: absolute; bottom: 0;
  z-index: 1; text-decoration: none; color: #474747;  font-size: 14px;}
.field a.field-icon:hover{color: #000;}
.field .field-icon.large{height: 50px; line-height: 50px; width: 50px; font-size: 20px;}
.field .field-icon.left-icon{left: 0px;}
.field .field-icon.right-icon{right: 0px;}

.button{
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  line-height: 42px; background-color: #c49738; border: 1px solid #c49738; text-align: center; height: 44px;
  text-transform: uppercase; font-weight: 700; padding: 0 15px; display: inline-block; 
  text-decoration: none; outline: none; color: #fff; -webkit-border-radius: 0;
  -moz-border-radius: 0; border-radius: 0; -webkit-appearance:none; font-size: 16px;}
.button:hover{background-color: #a5812c; border-color: #a5812c;}
.button.small{height: 30px; line-height: 28px; font-weight: 500; font-size: 12px;}
.button.large{height: 50px; line-height: 48px;}
.button.x-large{height: 66px; line-height: 64px; font-size: 14px;}


.big-load-more-btn img{display: inline-block; vertical-align: middle; margin-right: 10px;}
@media screen and (max-width: 768px) {
  .big-load-more-btn{height: 30px !important; line-height: 30px !important;}
  .big-load-more-btn img{height: 10px; width: auto; vertical-align: baseline;}
}
/* -- /form-elements */



/* titles */
.title-theme-1{font-weight: 700; font-size: 18px; line-height: 24px; padding: 0; margin: 0 0 25px; text-transform: uppercase;}
.title-theme-1 .mdi{font-size: 40px; vertical-align: middle; color: #c49738}
.title-theme-1 .sub{color: #474747; font-size: 12px; text-transform: none;}
.title-theme-1.light{color: #fff;}

.title-theme-2{font-size: 18px; line-height: 24px; color: #c49738; font-weight: 700; text-transform: none;margin: 0 0 35px; padding: 0;}



/* inner pages with cover */
.inner-page{padding-bottom: 60px;}

.page-cover{position: relative; background-color: #474747; margin-bottom: 60px;}
.page-cover .image{
  padding-top: 10.52%; min-height: 170px; background-position: center; -webkit-background-size: cover;
  background-size: cover; opacity: .5;}
.page-cover .gradient{
  position: absolute; bottom: 0; left: 0; width: 100%; height: 27.76%; max-height: 200px; z-index: 2;
  background: rgba(255,255,255,0);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(61,59,61,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(61,59,61,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(61,59,61,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(61,59,61,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(61,59,61,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(61,59,61,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3d3b3d', GradientType=0 );
}

/* inner pages whithout cover*/
.inner-page-theme-2{padding: 185px 0 60px;}
@media screen and (max-width: 1000px) {
  .inner-page-theme-2{padding: 110px 0 30px;}

  .inner-page{padding-bottom: 30px;}
  .page-cover{margin-bottom: 30px;}
}



/* static pages */
.static-page h1{margin-bottom: 30px;}
.static-page p{font-weight: 300; line-height: 30px;}




/* CAROUSELS */
.carousel-theme-1 .item{position: relative;}
.carousel-theme-1 .mask{
  position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; 
  background-color: transparent;}
.carousel-theme-1 .mask:before{
  content: ""; position: absolute; bottom: 0; left: 0; width: 100%; 
  height: 5px; background-color: #474747;}
.carousel-theme-1 .item:hover .mask:before,
.carousel-theme-1 .item.active .mask:before{background-color: #c49738;}
.carousel-theme-1 .item:hover .mask{background-color: rgba(197,150,52,0.7);}
.carousel-theme-1 .image{
  -webkit-background-size: cover; background-size: cover; background-position: center;
  padding-top: 63.33%; }



/* GALLERIES */
.gallery-theme-1 .images{position: relative;}
.gallery-theme-1 .images.active{display: block;}

.gallery-theme-1 .image-wrapper{float: left; position: relative; width: 31.62%; margin: 0 2.56% 2.56% -0px;}
.gallery-theme-1 .image-wrapper:nth-child(3n+3){margin-right: 0;}
.gallery-theme-1 .image-wrapper:nth-child(1){width: 65.81%;}
.gallery-theme-1 .image-wrapper:nth-child(1)>div{padding-top: 60.6%;}
.gallery-theme-1 .image-wrapper:nth-child(2){margin-right: 0;}

.gallery-theme-1 .image-wrapper>div{padding-top: 59%; background-position: center; -webkit-background-size: cover; background-size: cover; background-color: rgba(196,151,56,0.3);}
.gallery-theme-1 .image-wrapper a{
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
  -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s;}
.gallery-theme-1 .image-wrapper a:hover{background-color: rgba(196,151,56,0.5);}
.gallery-theme-1 .image-wrapper .info{position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(54,54,54,0.8); padding: 10px 0; z-index: 2;}
.gallery-theme-1 .image-wrapper .info .title{font-size: 12px; color: #fff; text-transform: uppercase; line-height: 24px; font-weight: 300; float: left; margin-left: 30px;}
.gallery-theme-1 .image-wrapper .info .hotel-building-icon{
  display: inline-block; vertical-align: middle; width: 28px; height: 24px; background-position: center; background-repeat: no-repeat;
  background-image: url("/assets/media/images/main/hotel-building-icon.png"); margin-right: 20px;}
.gallery-theme-1 .image-wrapper .info .city{font-size: 12px; float: right; color: #fff; margin-right: 30px; line-height: 24px;}
.gallery-theme-1 .image-wrapper .info .city .mdi{color: #c49738; font-size: 16px; vertical-align: bottom; line-height: 24px;}

.fancybox-margin{margin-right: 0px !important;}

@media screen and (max-width: 768px) {
  .gallery-theme-1 .load-more-btn{height: 30px; line-height: 30px;}
  .gallery-theme-1 .load-more-btn img{height: 10px; width: auto; vertical-align: baseline;}

  .gallery-theme-1 .image-wrapper .info{display: none;}
}



/* OFFER LIST */
.offer-list .offer .image-wrapper{
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-top: 66.95%;
  background-position: center; -webkit-background-size: cover; background-size: cover; position: relative;}
.offer-list .offer .image-wrapper:after{
  content: ""; position: absolute; top: 0; height: 100%; border-left: 1px dashed #6e6e6e; right: -4.78%}
.offer-list .offer:last-child .image-wrapper:after{content: none;}
.offer-list .offer .image-wrapper .mask{
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #c49738;
  background-color: rgba(196,151,56,0.5); -webkit-border-radius: 5px;
  -moz-border-radius: 5px; border-radius: 5px; display: none;}
.offer-list .offer:hover .image-wrapper .mask{display: block;}
.offer-list .offer .image-wrapper a{
  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #fff;
  text-align: center; color: #fff; text-decoration: none; width: 46px; height: 46px; line-height: 46px;
  position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; display: none; font-size: 20px;}
.offer-list .offer:hover .image-wrapper a{display: block;}
.offer-list .offer .image-wrapper a:hover{background-color: #fff; color: #c49738}
.offer-list .offer .info{font-size: 12px; font-weight: 100; line-height: 20px; color: #fff; margin: 25px 0;}

.offer-list.dark .offer .info{color: #474747; font-weight: 700;}

@media screen and (max-width: 768px) {
  .offer-list .offer .image-wrapper:after{content: none}
}








body{
  font-family:  'PrivaPro', sans-serif; background-color: #ffffff; font-size: 100%; 
  padding: 0;  margin:0; color: #474747;}
a{text-decoration: none;}
p{font-size: 16px; line-height: 20px;}





/* -- --- ---- header ---- --- -- */
header{position: fixed; top: 0; left: 0; width: 100%; z-index: 100;}
header .container-1200>.row{background-color: #fff; padding: 15px 0; margin: 0 10px; position: relative; box-shadow: 0px 6px 8px -6px rgba(0,0,0,0.5);}
header .logo-wrapper{margin: 0 0 0 50px; padding: 0; float: left; position: relative; z-index: 101; font-size: 32px; background: none; line-height: normal;}
header .logo-wrapper img{height: 85px;}
header .navigations{float: right; text-align: right;}

header nav.secondary ul.links{display: inline-block; margin: 0; padding: 0;}
header nav.secondary ul.links li{display: inline-block; margin: 0 20px 0 0; padding: 0; list-style: none;}
header nav.secondary ul.links li:last-child{margin-right: 15px;}
header nav.secondary ul.links li a{text-transform: uppercase; font-size: 11px; line-height: 10px; color: #474747; text-decoration: none;}
header nav.secondary ul.links li a:hover{color: #c49738;}

header nav.secondary .easy-reservation{display: inline-block; text-align: justify; text-align: right;}
header nav.secondary .easy-reservation .label{padding: 0 15px; font-size: 9px; line-height: 12px; height: 12px; text-transform: uppercase;}
header nav.secondary .easy-reservation .number{
  font-size: 13.5px; font-weight: 900; line-height: 12px; height: 12px; padding: 0 15px;
  border-left: 1px solid #474747; color: #c49738}

header nav.secondary .lang-selector{
  display: inline-block; margin: 0 15px 0 0; padding: 0; vertical-align: top; height: 24px; 
  overflow: hidden; position: relative; z-index: 101;}
header nav.secondary .lang-selector:hover{overflow: visible;}
header nav.secondary .lang-selector li{
  margin: 0; padding: 0; list-style: none; border: 1px solid #757575; 
  border-top: none; background: #fff;}
header nav.secondary .lang-selector li:first-child{border-top: 1px solid #757575;}
header nav.secondary .lang-selector li .lang{
  display: block; height: 22px; width: 28px; text-align: center; line-height: 22px; font-weight: 700; 
  font-size: 10px; text-transform: uppercase; text-decoration: none; color: #474747}
header nav.secondary .lang-selector li span.lang, header nav.secondary .lang-selector li .lang:hover{color: #c49738;}

header nav.secondary .mobile-menu{
  display: inline-block; width: 28px; height: 22px; border: 1px solid #757575; text-align: center; line-height: 22px;
  font-size: 16px; text-decoration: none; color: #474747; vertical-align: top; margin-right: 10px; display: none;
  position: relative; z-index: 210;}
header nav.secondary .mobile-menu:hover{background-color: #c49738; color: #fff; border-color: #a5812c;}

header nav.primary{margin-top: 13px;}
header nav.primary ul{display: inline-block; margin: 0; padding: 0;}
header nav.primary li{display: inline-block; padding: 0; margin: 0 20px 0 20px;}
header nav.primary li.has-dropdown-menu, header nav.primary li:last-child{margin-right: 15px;}
header nav.primary li a{
  text-decoration: none; color: #474747; font-size: 12.5px; font-weight: 700; 
  text-transform: uppercase; line-height: 20px; position: relative;}
header nav.primary li a:after{
  content: ""; position: absolute; top: 100%; margin-top: 5px; height: 2px; background-color: #c49738;
  left: 50%; width: 0%; opacity: 0; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; 
  -o-transition: all ease 0.5s; transition: all ease 0.5s; -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
header nav.primary li:hover a:after, header nav.primary li.active a:after{width: 100%; opacity: 1;}

header nav.primary li.has-dropdown-menu .mdi{-webkit-transition:all linear .1s; -moz-transition:all linear .1s; transition:all linear .1s;}
header nav.primary li.has-dropdown-menu:hover .mdi{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}

header nav.primary .search{
  display: inline-block; vertical-align: middle; width: 30px; height: 30px; line-height: 30px; text-align: center;
  color: #fff; background-color: #c49738; text-decoration: none; margin-right: 15px;}
header nav.primary .search:hover{background-color: #474747;}

header nav.primary .dropdown-menu{position: absolute; top: 80px; left: 0; width: 100%; text-align: left; display: none;}
header nav.primary .has-dropdown-menu:hover .dropdown-menu{display: block;}
header nav.primary .dropdown-menu>div{padding: 30px; color: #fff; position: relative; background-color: #c49738; margin-top: 45px;}
header nav.primary .dropdown-menu .title{font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 20px; text-transform: uppercase; padding: 0 10px;}
header nav.primary .dropdown-menu ul{margin: 0; padding: 0;width:100%;}
header nav.primary .dropdown-menu ul li{list-style: none; padding: 0; margin: 0; display: block;border-left: 1px solid white;}
header nav.primary .dropdown-menu ul li:last-child{}
header nav.primary .dropdown-menu ul li a{color: #fff; text-transform: none; font-weight: bold; text-transform:uppercase; font-size: 12px; line-height: 16px; display: block; padding: 20px 15px;}
header nav.primary .dropdown-menu ul li a:hover{background-color: #a5812c;}
header nav.primary .dropdown-menu .hotels-lankaran>div{padding-left: 3%;}

header nav.primary .dropdown-menu .border-1, 
header nav.primary .dropdown-menu .border-2{
  position: absolute; top: 0; height: 100%; width:1px; padding: 30px 0;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
header nav.primary .dropdown-menu .border-1>div, 
header nav.primary .dropdown-menu .border-2>div{background-color: #fff; height: 100%;}
header nav.primary .dropdown-menu .border-1{left: 47.7%;}
header nav.primary .dropdown-menu .border-2{left: 74%;}


/* mini header */
header .logo-wrapper img, header nav.secondary, header nav.primary,
header nav.primary .dropdown-menu, header nav.primary .dropdown-menu>div{
  -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; 
  -o-transition: all linear 0.2s; transition: all linear 0.2s;}

header.mini .logo-wrapper img{height: 40px;width:68px;}
header.mini nav.secondary{display: none;}
header.mini nav.primary{margin-top: 5px;}
header.mini nav.primary .dropdown-menu{top: 45px;}
header.mini nav.primary .dropdown-menu>div{margin-top: 35px;}

/* reponsive header */
@media screen and (max-width: 1200px) {
  header{background-color: #fff;}
}

@media screen and (max-width: 1020px) {
  header .container-1200>.row{padding: 5px 0; position: static;}
  header .logo-wrapper{margin-left: 15px;}
  header .logo-wrapper img{height: 40px;}
  header nav.secondary{display: block !important;}
  header nav.secondary .mobile-menu{display: inline-block;}
  header nav.secondary{margin-top: 13px;}
  header nav.secondary .easy-reservation .number{border-left: none;}

  header nav.secondary ul.links{
    position: absolute; top: 0; left: 0; width: 96%; z-index: 205; 
    text-align: center; margin: 50px 2% 20px; display: none;}
  header nav.secondary ul.links li{margin: 0px 5px !important;}

  header nav.primary{
    position: fixed; top: 0px; left: 0; width: 100%; background-color: #fff; z-index: 200; 
    text-align: center; margin: 0 !important; height: 100%; overflow: auto; display: none;}
  header nav.primary ul{display: block; padding-top: 115px;}
  header nav.primary li{display: block; margin: 0 !important;}
  header nav.primary li a{font-size: 18px; font-weight: 700; line-height: 20px; position: static; display: block; padding: 10px;}
  header nav.primary li>.mdi{display: none;}
  header nav.primary li a:after{content: none;}

  header nav.primary .search{position: fixed; top: 18px; left: 15px; z-index: 210; display: none; height: 24px; line-height: 24px;}

  header nav.primary .dropdown-menu{
    display: block; position: fixed; top: 0 !important; left: 0; width: 100%; 
    height: 100%; z-index: 211; overflow: auto; background-color: #c49738; display: none;}
  header nav.primary li.has-dropdown-menu:hover .dropdown-menu{display: none;}

  header nav.primary .dropdown-menu>div{padding: 15px; position: relative; margin-top: 0px !important;}
  header nav.primary .dropdown-menu>div .col6, 
  header nav.primary .dropdown-menu>div .col3{margin-right: 0; display: block; float: none; width: auto;}
  header nav.primary .dropdown-menu>div .title{margin-top: 20px;}
  header nav.primary .dropdown-menu>div .col6 .title{margin-top: 7px;}

  header nav.primary .dropdown-menu ul li a{
    color: #fff; text-transform: none; font-weight: 300; font-size: 12px; 
    line-height: 16px; display: block; padding: 10px;}
  header nav.primary .dropdown-menu ul li a:hover{background-color: #a5812c;}
  header nav.primary .dropdown-menu .hotels-lankaran>div{padding-left: 0;}

  header nav.primary .dropdown-menu .border-1, 
  header nav.primary .dropdown-menu .border-2{display: none;}

  
  header.open-mobile-menu nav.secondary ul.links,
  header.open-mobile-menu nav.primary,
  header.open-mobile-menu nav.primary .search{display: block;}

  header nav.primary li.has-dropdown-menu.open-dropdown-menu .dropdown-menu{display: block;}
  header.open-dropdown-menu nav.secondary ul.links{display: none;}
}
/* -- /header -- */




/* -- --- ---- search-form ---- --- -- */
#search{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 500; background-color: rgba(41,41,41,0.7); overflow: auto; display: none;}
#search.active{display: block;}
#search>div{margin-top: 100px; margin-bottom: 250px; text-align: center;}
#search .close-search{font-size: 40px; line-height: 50px; color: #fff; text-decoration: none;}
#search .close-search:hover{
  color: #c49738; -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
#search form{margin: 150px 0 0;}
#search .title{font-size: 30px; font-weight: 300; color: #fff; line-height: 40px; margin-bottom: 25px;}
#search .field-icon{background-color: #c49738; color: #fff; text-shadow:1px 1px 2px rgba(0,0,0,0.7); font-size: 30px;}
#search .input{font-size: 20px;}

@media screen and (max-width: 768px) {
  #search>div{margin-top: 50px; margin-bottom: 150px;}
  #search form{margin: 50px 0 0;}
  #search .title{font-size: 20px; line-height: 30px; margin-bottom: 15px;}  
}
/* -- /search -- */






/* -- --- ---- slider ---- --- -- */
#slider{border-bottom: 3px solid #c49738; position: relative; background-color: #474747; overflow: hidden; min-height: 690px;}
#slider .slides-wrapper{}
#slider .slide-item{position: relative; display: none; min-height: 690px;}
#slider .slide-item.active{display: block;}
#slider .slide-item .image{
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; 
  background-size: cover; opacity: .5; z-index: 1; }
#slider .slide-item .data{
  height: 140px; width: 100%; position: absolute; top: 375px; left: 0; font-style: italic; 
  color: #fff; z-index: 3; margin-top: -130px; padding-top: 120px; font-family: "La Alianza", "PrivaPro", sans-serif;}
#slider .slide-item .title{
  font-size: 46px; line-height: 50px; max-height: 100px; overflow: hidden; 
  max-width: 450px; color: #fff;}
#slider .slide-item .subtitle{font-size: 18px; line-height: 20px; margin-top: 20px; font-weight: 300;}
#slider .slide-item .gradient{
  position: absolute; bottom: 0; left: 0; width: 100%; height: 27.76%; max-height: 200px; z-index: 2;
  background: rgba(255,255,255,0);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(61,59,61,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(61,59,61,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(61,59,61,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(61,59,61,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(61,59,61,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(61,59,61,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3d3b3d', GradientType=0 );
}

#slider .pagination{position: absolute; left: 0; bottom: 40px; width: 100%; text-align: center; z-index: 11;}
#slider .pagination a{
  display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; 
  border-radius: 50%; border: 2px solid #c49738; margin: 0 3px; width: 12px; height: 12px;
  -webkit-transition: all linear 1s; -o-transition: all linear 1s; transition: all linear 1s;}
#slider .pagination a.active{background-color: #c49738;}

#slider .nav-btn{
  position: absolute; z-index: 5; top: 50%; font-size: 80px; line-height: 80px; width: 80px; text-align: center;
  color: #fff; text-decoration: none;
}
#slider .nav-btn:hover{text-shadow:0px 2px 3px rgba(0,0,0,0.5);}
#slider .nav-btn.prev{left: 2.60%;}
#slider .nav-btn.next{right: 2.60%;}

@media screen and (max-width: 768px) {
    #slider{min-height: 0; height: 240px !important;}
    #slider .slide-item{min-height: 0; height: 240px !important;}
    
    #slider .slide-item .data{height: 90px; top: 100px; margin-top: 0; padding-top: 0; font-style: normal; text-shadow:0px 0px 2px rgba(0,0,0,0.5);}
    #slider .slide-item .title{font-size: 22px; line-height: 25px; max-height: 50px; max-width: auto;}
    #slider .slide-item .subtitle{font-size: 16px; margin-top: 0;}

    #slider .pagination{bottom: 10px;}
}
/* -- /slider -- */





/* reservation form */
#reservation-form-wrapper{position: absolute; top: 240px; width: 50%; max-width: 600px; left: 50%; z-index: 10;}
#reservation-form-wrapper form{
  float: right; width: auto; max-width: 300px; 
  background-color: #fff; background-color: rgba(255,255,255,0.5);}
#reservation-form-wrapper form>div{padding: 25px 15px;}
#reservation-form-wrapper h2{
  font-size: 14px; line-height: 20px; padding: 20px 15px; color: #fff; margin: 0; 
  background-color: #474747; text-transform: uppercase;}

@media screen and (max-width: 768px) {
  #reservation-form-wrapper{position: static; top: auto; width: auto; max-width: none; left: auto; padding:0 20px 20px; background-color: #474747;}
  #reservation-form-wrapper form{float: none; max-width: none;}
  #reservation-form-wrapper form .col6{width: 48.5%; float: left; margin-right: 3%;}
  #reservation-form-wrapper form .col6.last{margin-right: 0;}
}
/* -- /reservation form -- */






/* -- --- ---- hotels intro ---- --- -- */
#hotels-intro{border-bottom: 3px solid #c49738;}
#hotels-intro .left-side{float: left; width: 33.33%;}
#hotels-intro h2{margin: 60px 0 0; font-weight: 900; font-size: 18px; line-height: 20px; height: 20px; padding: 0; text-transform: uppercase;}
#hotels-intro p{margin: 10px 0 0; padding: 0; font-size: 14px; height: 20px; line-height: 20px; font-weight: 700;}

#hotels-intro .left-side ul{margin: 50px 0 0; padding: 0; border-top:1px solid #9f9f9f;}
#hotels-intro .left-side li{list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #9f9f9f; position: relative;}
#hotels-intro .left-side li a{
  display: block; padding: 20px 15px; font-size: 14px; line-height: 20px; color: #c49738; text-decoration: none;
  -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s;}
#hotels-intro .left-side li a .mdi{font-size: 22px; vertical-align: bottom; margin-right: 10px;}

#hotels-intro .left-side li:hover{border-color: #c49738;}
#hotels-intro .left-side li.active a{color: #fff; background-color: #c49738;}
#hotels-intro .left-side li:hover a:after, 
#hotels-intro .left-side li.active a:after{
  content: ""; height: 1px; background-color: #c49738; top: 0; left: 0; 
  position: absolute; width: 100%; margin-top: -1px;}
#hotels-intro .left-side li:hover a{color: #fff; background-color: #a5812c;}
#hotels-intro .left-side li:hover a:after{background-color: #a5812c;}

#hotels-intro .right-side{width: 66.66%; float: left; position: relative; height: 470px;}
#hotels-intro .right-side .slider{
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; visibility: hidden;
  background-color: #474747; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; transition:all linear 0.2s;}
#hotels-intro .right-side .slider.active{z-index: 2; opacity: 1; visibility: visible;}
#hotels-intro .right-side .slider .image{
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center;
  -webkit-background-size: cover; background-size: cover; z-index: 1;}
#hotels-intro .right-side .slider .image a{position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%;}
#hotels-intro .right-side .carousel-wrapper{position: absolute; left: 0; width: 100%; top: 349px; z-index: 3;}
#hotels-intro .right-side .carousel-wrapper>div{margin: 0 auto;}
#hotels-intro .right-side .carousel{height: 102px; overflow: hidden;}
#hotels-intro .right-side .carousel .item{padding: 0 1px; position: relative; overflow: visible;}
#hotels-intro .right-side .carousel .item.first{padding-left: 1px;}
#hotels-intro .right-side .carousel .item.last{padding-right: 1px;}
#hotels-intro .right-side .carousel .item .inner{
  background-color: rgba(47,47,47,0.88); text-align: center; font-size: 12px;
  line-height: 15px; height: 90px; color: #fff; cursor: pointer; position: relative;
  -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s; transition:all linear 0.2s;}
#hotels-intro .right-side .carousel .item:hover .inner,
#hotels-intro .right-side .carousel .item.active .inner{background-color: rgba(196,151,56,0.88);}
#hotels-intro .right-side .carousel .item.active:after{
  content:""; width: 0; top:12px; border-top: 12px solid rgba(196,151,56,0.88); border-left: 14px solid transparent;
  border-right: 14px solid transparent; left: 50%; margin-left: -7px; z-index: 3; position: relative;}

#hotels-intro .right-side .carousel .item .inner span{
  position: absolute; width: 80%; top: 50%; left: 10%; -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%); transform: translateY(-50%);}

@media screen and (max-width: 768px) {
  #hotels-intro .left-side{float: none; width: auto; text-align: center;}
  #hotels-intro h2{margin: 30px 0 0;}

  #hotels-intro .left-side ul{margin: 20px 0 10px; border-top:none; text-align: center;}
  #hotels-intro .left-side li{ margin: 0 5px 10px; border-bottom: none; display: inline-block;}
  #hotels-intro .left-side li a{display: inline; padding: 5px; text-transform: uppercase; font-size: 10px;}
  #hotels-intro .left-side li a .mdi{display: none;}

  #hotels-intro .left-side li:hover{border-color: none;}
  #hotels-intro .left-side li:hover a:after, #hotels-intro .left-side li.active a:after{content: none;}

  #hotels-intro .right-side{width: auto; float: none; height: 200px; margin: 0 -10px;}
  #hotels-intro .right-side .carousel-wrapper{ top: auto; bottom:5px;}
  #hotels-intro .right-side .carousel{height: 62px; overflow: hidden;}
  #hotels-intro .right-side .carousel .item .inner{height: 50px;}
}
/* -- /hotels intro -- */







/* -- --- ---- offers intro ---- --- -- */
#offers-intro{background-color: #474747; padding: 60px 0;}
@media screen and (max-width: 768px) {
  #offers-intro{padding: 30px 0;}
  #offers-intro h2{margin-bottom: 30px;}
}
/* -- /offers intro -- */


/* -- --- ---- offer inner page ---- --- -- */
#offer-inner-page h1 .sub{font-size: 12px;}
#offer-inner-page .info{text-align: justify;}
#offer-inner-page .info, #offer-inner-page p{font-size: 16px; line-height: 30px; font-weight: 300;}
#offer-inner-page .expired{
  text-transform: uppercase; font-size: 12px; font-weight: 900; padding: 5px;
  border: 2px solid #C21010; color: #fff; position: absolute; top: 0; right: 0; background-color: #C21010;}
/* -- /offer inner page -- */



/* -- --- ---- gallery ---- --- -- */
#gallery{padding: 30px 0;}
#gallery h2{float: left;}
#gallery ul.tabs{float: right; margin: 0; padding: 0;}
#gallery ul.tabs li{float: left; list-style: none; margin: 0 0 0 10px; padding: 0;}
#gallery ul.tabs li a{
  display: block; font-size: 14px; line-height: 20px; padding: 10px; border: 2px solid transparent;
  text-decoration: none; text-transform: uppercase; color: #474747;}
#gallery ul.tabs li a:hover, #gallery ul.tabs li a.active{border-color: #c49738; color: #c49738}

@media screen and (max-width: 768px) {
  #gallery{padding: 30px 0;}
  #gallery h2{float: none; margin-bottom: 20px; text-align: center;}
  #gallery h2 .mdi{display: none;}
  #gallery ul.tabs{float: none; margin: 0px 0 10px; text-align: center;max-width:97%;}
  #gallery ul.tabs li{float: none; margin: 0 5px 10px; display: inline-block;}
  #gallery ul.tabs li a{display: inline-block; font-size: 10px; line-height: 10px; padding: 5px; border: none;}
  #gallery ul.tabs li a:hover, #gallery ul.tabs li a.active{border-color: none; background-color: #c49738; color: #fff;}
}
/* -- / gallery -- */

/* -- --- ---- girish ---- --- -- */
#girish{padding: 25px 0 10px;border-bottom: 3px solid #c49738;}
#girish h2{float: left;}
#girish ul.tabs{float: right; margin: 0; padding: 0;}
#girish ul.tabs li{float: left; list-style: none; margin: 0 0 0 10px; padding: 0;}
#girish ul.tabs li a{
  display: block; font-size: 14px; line-height: 20px; padding: 10px; border: 2px solid transparent;
  text-decoration: none; text-transform: uppercase; color: #474747;}
#girish ul.tabs li a:hover, #girish ul.tabs li a.active{border-color: #c49738; color: #c49738}

@media screen and (max-width: 768px) {
  #girish {padding: 30px 0;}
  #girish h2{float: none; margin-bottom: 20px; text-align: center;}
  #girish h2 .mdi{display: none;}
  #girish ul.tabs{float: none; margin: 0px 0 10px; text-align: center;max-width:97%;}
  #girish ul.tabs li{float: none; margin: 0 5px 10px; display: inline-block;}
  #girish ul.tabs li a{display: inline-block; font-size: 10px; line-height: 10px; padding: 5px; border: none;}
  #girish ul.tabs li a:hover, #girish ul.tabs li a.active{border-color: none; background-color: #c49738; color: #fff;}
}
/* -- / girish -- */


@media screen and (max-width: 768px) { .sutun{margin-left: 0!important; width:100%;}}

@media screen and (min-width: 769px) { .sutun{width:22%;}}


.sutun {
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
height:265px;
    margin-left: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 15px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}
.sutun:hover {
    box-shadow: 0 2px 30px rgba(0,0,0,0.2)!important;
}

.basliq {
color: #eab121;
    line-height: 30px;
    font-size: 18px;
margin:0;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.merkez, .merkez img {
max-height:150px;
text-align:center;
margin:0 auto;
padding: 6px 0;
font-size:14px;
color:#474747;
}







.qa_layer {
}
.qa_col3Box {
    float: left;
    width: 33.3%;
}
.qa_aboutmainItem {
    margin: 0 10px 20px;
    overflow: hidden;
}
.qa_aboutmainItem .qa_title {
    border-bottom: 1px solid #e8e8e8;
    font-size: 18px;
    padding: 0 0 15px;
}
.qa_aboutmainItem hr {
    background: none repeat scroll 0 0 #d5b357;
    border: medium none;
    height: 3px;
    margin: -1px 0 27px;
    width: 17%;
}
.qa_aboutmainItem .qa_pics {
    height: 215px;
    line-height: 0;
    overflow: hidden;
    width: 100%;
}
.qa_aboutmainItem p {
    color: #3c3a3c;
    font-size: 14px;
text-align:justify;
    line-height: 18px;
    margin: 0 0 14px;
}
.qa_aboutmainItem .qa_link {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d5b357;
    display: inline-block;
    font-size: 13px;
    padding: 9px 19px;
    text-decoration: none;
    color: #000;
}

.asagi1:hover {
    background: #292929;
}


ul.qa_list {
padding:0;
text-align:justify;
}

.qa_aboutmainItem .qa_list li {
    font-size: 13px;
    line-height: 18px;
list-style:none;
    margin: 0 0 5px;
    padding: 0 0 0 42px;
    position: relative;
    vertical-align: top;
}
.qa_aboutmainItem .qa_list li::before {
    background: url(/img/list12x12.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 12px;
    left: 14px;
    position: absolute;
    top: 4px;
    width: 12px;
}
.qa_aboutmainItem .qa_link:hover {
    background: none repeat scroll 0 0 #d5b357;
    color: #fff;
}

@media screen and (max-width: 768px) { .qa_col3Box{width:100% !important;}}



.asagi1 {
    background-color: #383838;
margin: 0 15px;
    padding: 8px 20px;
border-radius:4px;
font-size:13px;
}
.asagi1 a{
    color: white;
    text-decoration:none;
display:block;
}
.asagi1 img{
    margin: 0;
    float: left;
    padding-right: 10px;
}

.asagi2 {
    margin: 0 15px;
    padding: 30px 20px;
    font-size: 13px;
color:white;
line-height:20px;
}
.asagi2 a{
    color: white;
padding: 3px 0;
    text-decoration:none;
}
.asagi2 a:hover{
    color: #cfcfcf;
}

.feys {
    font-size: 26px;
background: #ffffff;
    color: #383838 !important;
    padding: 10px 12px !important;
    margin-right: 20px;
    margin-top: 9px;
}
.feys:hover {
background: #e0e0e0;
}


/* -- --- ---- footer ---- --- -- */
footer{background-color: #383838; padding: 0px 0 0px;}

.subscribe{padding:8px 0; background-color: #474747;}
.subscribe h2{
  font-size: 14px; text-transform: uppercase; font-weight: 700; background: none; 
  line-height: 20px; margin: -15px 0 0; padding: 0; color: #fff;}
.subscribe .info p{margin: 20px 0 0; font-size: 12px; line-height: 20px; color: #888888; max-width: 200px; padding: 0;}
.subscribe .form-result{color: #fff; display: none;}

footer .links{float: right;}
footer .links img{display: inline-block; vertical-align: middle; margin-right: 15px;}
footer .links a{
  display: inline-block; vertical-align: middle; margin-left: 10px; width: 30px; height: 30px; -webkit-border-radius: 50%;
  -moz-border-radius: 50%; border-radius: 50%; background-color: #888888; color: #383838; text-decoration: none; line-height: 30px;
  text-align: center;}
footer .links a:hover{background-color: #fff;}

footer .copyright{float: left;}
footer .copyright img{display: inline-block; vertical-align: middle; margin-right: 25px;}
footer .copyright span{display: inline-block; vertical-align: middle; font-size: 12px; color: #fff; line-height: 20px;}

footer.most-bottom{ bottom: 0; left: 0; width: 100%;}

footer .button{background-color: #c49738; border-color: #c49738;}

@media screen and (max-width: 768px) {
  footer{padding: 0px 0 24px; text-align: center;}

 .subscribe{padding: 0px 0; text-align: center; margin-bottom: 0px;}
 .subscribe h2{margin: 0;}
 .subscribe .info p{max-width: none; margin: 10px 0 20px;}
 .subscribe .input{margin-bottom: 6%;}
 .subscribe .col6 .col6{float: left; margin-right: 3%; width: 48.5%;}
 .subscribe .col6 .col6.last{margin-right: 0;}

  footer .links{float: none; margin-top: 20px;}
  footer .links img{height: 20px;}
  footer .links a{width: 24px; height: 24px; line-height: 24px; font-size: 14px; margin-left: 5px;}

  footer .copyright{float: none; margin-top: 0px;}
  footer .copyright img{display: block; margin: 0 auto 10px; width: 50px;}
  footer .copyright span{display: block; font-size: 10px; line-height: 14px;}
}
/* -- / footer -- */






/* -- --- ---- hotel ---- --- -- */
#hotel{padding-bottom: 0;}
#hotel .container{position: relative; padding-left: 23.83%; margin: auto 10px;}
#hotel h2{margin: 50px 0 40px;}

#hotel .sticky{position: absolute; top: 0; left: 0; width: 20.83%; max-width: 250px; z-index: 10;}

#hotel .details{padding: 15px 10px; border: 1px solid #c49738; background-color: #fff;}
#hotel .details>div{position: relative; padding-left: 20px; margin-top: 20px;}
#hotel .details>div:first-child{margin-top: 0;}
#hotel .details .mdi{font-size: 14px; color: #c49738; position: absolute; top: 0; left: 0; line-height: 20px;}
#hotel .details ._name{font-size: 13px; line-height: 20px; font-weight: 700; margin-bottom: 5px;}
#hotel .details ._content{line-height: 20px; font-size: 12px; font-weight: 300;}
#hotel .details>div.social-links{margin-top: 0;}
#hotel .details>div.social-links a{
  position: static; display: inline-block; margin-top: 20px; color: #474747;
  font-size: 14px; margin-right: 10px;}

#hotel .details .scroll-to-map{
  text-transform: uppercase; font-size: 10px; position: absolute; top: -2px; right: 0px; text-decoration: none;
  color: #c49738; opacity: 0; visibility: hidden; transition:all linear 0.2s; font-weight: 900;}
#hotel .details .scroll-to-map .mdi{position: static; color: inherit;}
#hotel .details .scroll-to-map span{vertical-align: middle;}
#hotel .details:hover .scroll-to-map{visibility: visible; opacity: 1;}
#hotel .details .scroll-to-map:hover{color: #474747;}

#hotel .tripadvisor{margin-top: 20px;}
#hotel .tripadvisor.hidden{opacity: 0;}
.cdsROW.narrow{width: auto !important;}
.cdsROW{font-size: 12px !important;}
.cdsROW.narrow.border{padding: 10px 15px 4px !important;}

#hotel h1{margin: 0px 0 30px; float: left;}
#hotel .social-shares{float: right;}


#hotel .main-image{background-color: #474747;}
#hotel .main-image>div{
  -webkit-background-size: cover; background-size: cover; background-position: center; 
  padding-top: 47.42%;}
#hotel .main-image .button{position: absolute; top: 15px; right: 15px; z-index: 5;}

#hotel .info, #hotel .info p{font-size: 16px; line-height: 30px; font-weight: 300;}
#hotel .info p{margin: 0 0 16px; text-align: justify;}

#hotel .rooms .left, #hotel .rooms .right{
  position: absolute; width: 30%; top: 0; height: 100%; text-align: center; color: #fff;
  background-color: rgba(71,71,71,0.8); z-index: 10; font-size: 18px; line-height: 30px;}
#hotel .rooms .left{left: 0;}
#hotel .rooms .right{right: 0}
#hotel .rooms .left>div{position: absolute; width: 100%; bottom: 25.71%; text-transform: uppercase;}

#hotel .rooms .nav-btn{
  position: absolute; font-size: 50px; line-height: 60px; top: 50%; margin-top: -30px; z-index: 11;
  color: #fff; text-decoration: none;}
#hotel .rooms .nav-btn.prev-btn{left: 30%;}
#hotel .rooms .nav-btn.next-btn{right: 30%;}

#hotel .rooms .carousel .image{
  -webkit-background-size: cover; background-size: cover; background-position: center;
  padding-top: 38.89%;}

#hotel .restaurants .light-gray-bg{padding: 60px 0;}

#hotel .map-section .light-gray-bg{padding-bottom: 60px;}
#hotel .map-section .map-bg{padding: 5px; background-color: #fff;}
#hotel .map-placeholder{padding-top: 26%; position: relative; background-color: rgba(196,151,56,0.5);}
#hotel #map{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media screen and (max-width: 768px) {
  #hotel .page-cover{margin-bottom: 30px;}
  #hotel .container{padding-left: 0%;}
  #hotel h1{float: none; margin-bottom: 10px;}
  #hotel h2{margin: 30px 0 20px;}

  #hotel .sticky{position: static; top: auto; left: auto; width: auto; max-width: none;}
  #hotel .details{padding: 15px 10px; border: 1px solid #c49738;}
  #hotel .tripadvisor{margin-bottom: 20px;}
  
  #hotel .social-shares{float: none; margin-bottom: 20px;}
  #hotel .main-image{background-color: #474747;}

  #hotel .rooms .left{left: 0; width: 100%; top: auto; bottom: 0; background-color: transparent;}
  #hotel .rooms .right{display: none;}
  #hotel .rooms .left>div{bottom: 10px; font-size: 10px; line-height: 20px;}
  #hotel .rooms .left .room-type{background-color: rgba(71,71,71,0.95); display: inline-block; padding: 0 10px; margin-bottom: 2px;}
  #hotel .rooms .nav-btn.prev-btn{left: 0%;}
  #hotel .rooms .nav-btn.next-btn{right: 0%;}
  #hotel .rooms .carousel .image{padding-top: 45%;}

  #hotel .restaurants .light-gray-bg{padding: 30px 0;}
  #hotel .map-placeholder{padding-top: 65%;}
}
/* -- /hotel -- */






/* -- --- ---- sitemap ---- --- -- */
#sitemap{padding-bottom: 0;}
#sitemap h2{margin: 0; font-size: 14px;}
#sitemap li a{
  text-decoration: none; color: inherit; display: inline-block; white-space: nowrap; text-overflow:ellipsis;
  line-height: 30px; border-bottom: 1px dashed #ccc; padding: 5px 10px;}
#sitemap li a:hover{border-color: #c49738; font-weight: 700; color: #c49738;}

#sitemap .hotels ul{margin: 20px 0; padding: 0;}
#sitemap .hotels li{list-style: none; margin: 0; padding: 0px; font-size: 12px;}

#sitemap .other-links{margin-top: 50px; padding: 50px 0;}
#sitemap .other-links ul{margin: 10px 0 0; padding: 0; text-transform: uppercase; font-weight: 700;}
#sitemap .other-links ul:first-child{margin-top: 0;}
#sitemap .other-links ul li{margin: 0 0px 0; padding: 0; list-style: none; float: left; font-size: 12px; width: 200px;}
/* --/sitemap */




/* -- --- ---- contact ---- --- -- */
#contact .map-placeholder{padding-top: 45%; position: relative; background-color: rgba(196,151,56,0.5); margin-bottom: 60px;}
#contact #map{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#contact form .col4{margin-bottom: 3%;}
#contact form .col12{margin-bottom: 0.94%;}
#contact form .form-result{
  text-align: center; margin-top: 20px; font-weight: 900; line-height: 20px; font-size: 12px; 
  text-transform: uppercase; display: none;}
#contact form .form-result span{display: inline-block; vertical-align: middle;}


#contact .details{padding: 0px 10px;}
#contact .details>div{position: relative; padding-left: 20px; margin-top: 20px;}
#contact .details>div:first-child{margin-top: 0;}
#contact .details .mdi{font-size: 14px; color: #c49738; position: absolute; top: 0; left: 0; line-height: 20px;}
#contact .details ._name{font-size: 14px; line-height: 20px; font-weight: 700;}
#contact .details ._content{line-height: 20px; font-size: 14px; font-weight: 300; word-break: break-all;}

@media screen and (max-width: 768px) {
  #contact .map-placeholder{padding-top: 35%; margin-bottom: 30px;}
  #contact form{margin-bottom: 30px;}
}
/* -- /contact -- */




/* -- --- ---- search-result ---- --- -- */
#search-results h1{margin-bottom: 10px;}
#search-results .results-count{text-transform: uppercase; font-size: 12px; color: #aaa; font-weight: 900; margin-bottom: 20px;}

#search-results h2{
  text-transform: uppercase; font-weight: 900; font-size: 14px; line-height: 20px; 
  margin: 20px 0; padding: 0; color: #c49738;}
#search-results .result-item{padding: 15px 5px; border-bottom: 1px solid #ececec;}
#search-results .result-item .title a{font-weight: 700; text-transform: uppercase; font-size: 16px; line-height: 20px; text-decoration: none; color: #474747}
#search-results .result-item:hover .title a{color: #c49738}
#search-results .result-item .subinfo{font-size: 12px; color: #474747; margin-top: 10px;}
/* --/search result -- */



/* -- --- ---- static pages ---- --- -- */
.seo-images-wrapper{width: 1px; height: 1px; overflow: hidden; position: fixed; top: -1000px; left: -1000px;}

.static-page .easy-reservation{margin-top: 60px;}
.static-page .easy-reservation ._name{text-transform: uppercase; font-size: 12px; line-height: 20px; font-weight: 300; margin-top: 5px;}
.static-page .easy-reservation ._content{font-size: 24px; line-height: 20px; font-weight: 900; color: #c49738}

.static-page-carousel{margin-top:60px;}
.static-page-carousel>div{margin: 0 auto;}
.static-page-carousel .item{position: relative;}
.static-page-carousel .item .image{
  padding-top: 85%; -webkit-background-size: cover;
  background-size: cover; background-position: center;}
.static-page-carousel .item a.popup{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.static-page-carousel .item .mask{
  background-color: rgba(196, 151, 56, 0.5); position: absolute; top: 0%; left: 0%; width: 100%; height: 100%;
  z-index: 1; opacity: 0; -webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; 
  -o-transition: all linear 0.2s; transition: all linear 0.2s; border: 1px solid #c49738; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; box-sizing: border-box;}
.static-page-carousel .item:hover .mask{top: 3%; left: 3%; width: 94%; height: 94%; opacity: 1;}
/* -- /static pages -- */





.blinking-cursor{opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite;}
@keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } }