body {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 300;
  color:#666;
  font-size:16px;
} 

header{
  height:100%;
  z-index:9999;
}

h1, h2, h3, h4, h5 {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 500;
  color:#222;
}




h1{ font-size:48px;}
h2{ font-size:36px;}
h3{ font-size:24px;}
h4{ font-size:18px;}
h5{ font-size:16px;}
h6{ font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:500;line-height: 36px;}

* a{text-decoration:none !important;} 

ul {
  list-style:none;
  padding:0px;
}
li {list-style:none;}

b, strong {
    font-weight: 500;
}


label{font-weight: 400}

.nopadding{
  padding:0 !important;
}

.box-shadow{
  -webkit-box-shadow: 0px 0px 30px 2px rgba(173,173,173,1);
  -moz-box-shadow: 0px 0px 30px 2px rgba(173,173,173,1);
  box-shadow: 0px 0px 30px 2px rgba(173,173,173,1);
}




/** GLOBAL CLASS
 **************************************************************** **/

.title-description {
  margin-bottom: 60px;
}
.title-description h2{
  margin-bottom: 15px;
}
.title-icon{
  color: #0091aa;
  font-size: 14px;
  margin-bottom: 15px;
}
.title-icon i{
  margin-right: 15px;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
  position: absolute;
  right: 8px;
  padding: 10px 12px;
  pointer-events: none;
  color: #999;
  z-index: 1;
  top: 10px;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 100%;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#666 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#666 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#666 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color:#666 !important;
}



/** BACKGORUND
 **************************************************************** **/
  .white-bg{
    background-color:#fff;
  }
  .light-blue-bg{
    background-color:#dbebf6;
  }


/** BUTONLAR
 **************************************************************** **/
.btn-white{
  color:#fff;
  font-size:16px;
  font-weight:400;
  border:2px solid #fff;
  border-radius:25px;
  padding:10px 30px 10px 30px;
}
.btn-white:hover{
  background-color:#fff;
  color:#222;
}

.btn-blue{
  color:#fff;
  background-color:#00abc9;
  font-size:16px;
  font-weight:400;
  border:2px solid #fff;
  padding:10px 30px 10px 30px;
}
.btn-blue:hover{
  background-color:#e71434;
  color:#fff;
}
.btn-green{
  color:#fff;
  background-color:#0091aa;
  font-size:16px;
  font-weight:400;
  border:2px solid #fff;
  padding:10px 30px 10px 30px;
}
.btn-green:hover{
  background-color:rgb(230, 13, 46);
  color:#fff;
}
/** PRELOAD
 **************************************************************** **/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99999;
}

#status {
  width: 162px;
  height: 162px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image:url(/uploads/images/preloader.png);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}



/** BREADCRUMB
 **************************************************************** **/
.breadcrumb{
  background-color:transparent;
}

.half-banner{
  margin-top: 65px;
}

.half-banner .containerSlide h1:before{
  content:url(/uploads/images/logo-small.png);
  position: relative;
    top: 15px;
    margin-right: 15px;
  display:block;
  margin-bottom: 30px;
}

.banner-title{
  font-size: 24px !important;
}

.half-banner .containerSlide{
  top:50%;
}
.breadcrumb li a{
  color:#fff;
}

/* -------Mobile Menu----------- */


.cd-dropdown {
    background-color: #00abc9;
}

.cd-dropdown-content{
  margin-top:30px;
}
.cd-dropdown-content li, .cd-dropdown-content ul li {
     border-bottom: 1px solid #00879e;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
    border-color: #00abc9;
  }

.cd-dropdown h2 {
    color: #fff;
    background-color: #00abc9;
    border-bottom: 1px solid #00879e;
}

/** 02. Nav Bar
 **************************************************************** **/

.mobilemenu{
    display: none ;
    margin-right: 15px; 
}
#xs-menu-trigger{
  margin-top: 27px;
}


.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        padding: 0px 20px;
    text-align: center;
}
.navbar-dark > #mobileMenu{
    color: #222;
 
}

.navbar-right {
    margin-right: 15px;
    margin-top: -15px;
}


 @media (min-width: 120px){
  .navbar-dark,
  .navbar-light {
    padding: 20px 0;
    border-bottom: none;
    letter-spacing: 1px;
    background: transparent;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  background-image:none;
  }
  .navbar-dark .navbar-brand .logo img,
  .navbar-light .navbar-brand .logo img,
  .navbar-dark .navbar-brand .logo-collapse img,
  .navbar-light .navbar-brand .logo-collapse img {
    max-height: 50px;
    margin: 0;
  }
  .navbar-dark .nav li,
  .navbar-light .nav li {
    margin-right: 0;
  }
  .navbar-dark .nav li:last-child,
  .navbar-light .nav li:last-child {
    margin-right: 0px;
  }
  .navbar-dark .nav li a,
  .navbar-light .nav li a {
    color: #fff;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    letter-spacing: 0px;
    font-weight: 400;
  }
  
 
  .navbar-dark .nav li a:hover {
    background-color:transparent;
    color:#286fe5;
  }

  .navbar-dark.top-nav-collapse,
  .navbar-light.top-nav-collapse {
    padding:0;
    border-color: rgba(62, 68, 77, 0.5);
  }
  .navbar-dark.top-nav-collapse {
    background-color: #fff;
    border-color: #ddd;
      padding: 5px 0 5px 0;
    border-bottom:1px solid #eee;
  }
  .navbar-dark.top-nav-collapse a {
    color: #fff;
  }

  .navbar-dark.top-nav-collapse .nav li a {
    color: #222;
    font-weight: 300;

  }
  .navbar-dark.top-nav-collapse .nav li a:after {
    background: #f59c1a;
  }
  .navbar-dark.top-nav-collapse .nav li a:hover,
  .navbar-dark.top-nav-collapse .nav li a:focus,
  .navbar-dark.top-nav-collapse .nav li a:active {
    color: #286fe5;
    background-color: transparent;
  }
    .navbar-dark.top-nav-collapse .navbar-brand, .navbar-light .navbar-brand {
    width:180px;
    margin: -9px 0 0 15px;
  }
  

  
  
 }

#logo{
  display:none;

}
#logo-small{
  margin-left:30px;
  margin-top: -7px;
}



/** 03. Slider
**************************************************************** **/



.half-banner #slider2{
  max-height:400px !important;
  margin-bottom:60px;
}
#home.full-screen{
  background:#f6f6f6;
  height:100%;
  overflow:hidden;
  margin:0;
  padding:0;
}
#slider2 .fullscreen-img {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#slider2 .halfscreen-img {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 100%; height: 100%;

  -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
}


#slider2 .image-caption img.img-responsive {/* if images used on the slider */
  width:100% !important;
  height:auto !important;
  position:relative !important;
  z-index:10 !important;
  left:auto !important;
  top:auto !important;
}


  /* controlls */

  #slider2 a.next,
  #slider2 a.prev {
    top:50%;
    color: #fff;
    font-size: 62px;
    filter: alpha(opacity=50);
    opacity:0.5;

    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
  }
  #slider2 a.next:hover,
  #slider2 a.prev:hover {
    color: #fff;
    font-size: 70px;

    filter: alpha(opacity=100);
    opacity:1;
  }
  #slider2 a.prev { left: 10px }
  #slider2 a.prev:after {
    font-family: FontAwesome;
    content: '\f104';
  }
  #slider2 a.next { right: 10px }
  #slider2 a.next:after {
    font-family: FontAwesome;
    content: '\f105';
  }
  .slides-pagination{
    display:none; 
  }

.containerSlide {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
  text-align:center;
  color:#fff;
  
}
.containerSlide h1{
  font-size:60px;
  font-weight:600;
  color:#fff;
}

.containerSlide h2{
  margin-top:-30px;
  color:#fff;
}

.mobileMenuBtn{
  display:none !important;
}

.language-text{
  color:#666;
}
.language-text:hover{
  color:#286fe5;
}



/** FLEX SLIDER OPTIONS
 **************************************************************** **/

.flexslider {
  background: transparent;
  border:0;
}

.flex-control-nav{
  display: none;
}
.flex-direction-nav a {
  height: 50px;
}


/** WELCOME ROOMS
 **************************************************************** **/
 .welcome-rooms-wrapper{
  background-color: #0091aa;
  background-image:url(/uploads/images/hawaii-flower-background.jpg);
  text-align: center;
  padding: 90px 0 120px;
 }

 .welcome-rooms-area{
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  -moz-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
 }

.welcome-rooms-wrapper h2{
  color:#fff;
}

.welcome-rooms-item a{
  position: absolute;
  top: 85%;
  transform: translate(-50%,-50%);
  background-color:rgba(0, 145, 170, 0.73);
  padding: 15px 30px 15px 30px;
  color:#fff;

}

.welcome-rooms-item a:hover{
  background-color: rgb(230, 13, 46);
}
 .welcome-rooms-wrapper .title-description{
  color: #fff;
}

 .welcome-rooms-wrapper .title-icon{
  color: #eac723;
}

/** ROOMS INDEX
 **************************************************************** **/

 .rooms-index-item{
  background-color:#fff;
   -webkit-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  -moz-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  margin-bottom:30px;
 }
.rooms-index-item a figure{
  overflow: hidden;
}

.rooms-index-item:hover {
  margin-top:-15px;
  o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .40s;
}
.rooms-index-item a figcaption{
  padding: 20px;
  font-weight: 500;
  color:#666;
}

.rooms-index-item a:hover figcaption{
  color:#e60d2e;
}

.rooms-index-item a figcaption span{
  display: block;
  font-size: 12px;
  color:#999;
}



/** ROOM DETAİL
 **************************************************************** **/
.room-detail{
  text-align: center;
  margin-top: 60px;
  background-color: #0091aa;
  background-image:url(/uploads/images/hawaii-flower-background.jpg);
  text-align: center;
  padding: 90px 0 120px;
}

.room-detail h2{
  color:#fff;
}
.room-detail p{
  color:#fff;
  margin-bottom: 60px;
}

.room-description{
  background-color: #fff;
  text-align: left;
  padding: 60px;
  -webkit-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  -moz-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
}

.room-description h3{
  margin-bottom: 20px;
}

.room-description p{
  color: #666;
  font-size:14px;
  margin-bottom: 15px;
}


.room-description ul{
  margin-left:30px;
}
.room-description ul li {
  font-size: 14px;
}

.room-description ul li:before {
  content: "\f00c";
  font-family: FontAwesome;
  color: #e60d2e;
  display: inline-block;
  position: absolute;
  margin-left: -30px;
}

.room-description a{
  background-color: #e60d2e;
  color:#fff;
  padding: 15px;
  display: block;
  text-align: center;
  margin-top: 30px;
}


.room-description a:hover{
  background-color: #00abc9;
    o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .40s;

}

.room-detail .flexslider{

   -webkit-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  -moz-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);

}



/** RESERVATION FORM
 **************************************************************** **/
.reservation-wrapper{
  padding: 45px;
}
.reservation-wrapper h2{
  font-weight: 300;
  color:#222;
  margin-top: 50px;
}


.reservation-wrapper .form-control {
  height: 60px;
  border-radius: 0;
  background-color: #eee;
  border:0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;

}

.reservation-wrapper .btn-green {
  padding: 17px 30px 17px 30px;

}


/** RESTAURANT BARS
 **************************************************************** **/

.welcome-restaurant-bars{
  text-align: center;
  padding: 90px 0 120px;
}

.welcome-restaurant-bars #carousel{
  margin-top:30px;
    -webkit-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  -moz-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
}
.welcome-restaurant-bars #slider{
  -webkit-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  -moz-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
}



/** SPA & WELLNESS ANASAYFA
 **************************************************************** **/
.welcome-spa-wellness{
  text-align: center;
}

.welcome-spa-wellness-item{
  padding: 1px;
  margin: 0;
}

.welcome-spa-wellness-item h4{
  visibility: hidden;
  color:#fff;
  font-size: 20px;
}

.welcome-spa-wellness-item p{
  font-size: 14px;
  background-color: #fff;
  color:#00abc9;
  display: inline-block;
  padding: 0;
  border-radius: 25px;
}

.welcome-spa-wellness-item:hover h4{
  visibility: visible;
}

/** SPA & WELLNESS INDEX
 **************************************************************** **/
.spa-wellness{
  text-align:center;
}

.spa-wellness-item{
  margin-bottom: 30px;
}
.spa-wellness-item figure{
  overflow: hidden;
}

.spa-wellness-item h4{
  margin:30px 0 15px 0;
}

.spa-wellness-item span{
  display: block;
  margin-top: 15px;
  }

.spa-wellness-item span label{
  background-color: #0091aa;
  padding: 10px 25px 10px 25px;
  color: #fff;
}
.spa-wellness-item a:hover figcaption span label{
  background-color: #e60d2e;
  o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .40s;
}

.spa-wellness-item a{
  color:#666;
  font-size: 14px;
}

/** SPA & WELLNESS DETAİL
 **************************************************************** **/

 .spa-wellness-detail{
  text-align: center;
  margin-top:60px;
  background-color: #0091aa;
  background-image:url(/uploads/images/hawaii-flower-background.jpg);
  text-align: center;
  padding: 90px 0 90px; 
 }

.spa-wellness-detail h2{
  margin:60px 0 30px;
}

.spa-wellness-detail .spot{
  margin:0 0 30px;
}
.spa-wellness-detail img{
   margin-bottom: 60px;
}
.spa-wellness-detail .description{
  text-align: left;
  padding: 15px;
  margin-bottom: 30px;
}


/** AWWARDS
 **************************************************************** **/
.awards{
  text-align: center;
  margin: 120px 0 120px 0;
}

/** SUBSCRIBE
 **************************************************************** **/
.subscribe{
  background-image:url(/uploads/images/subscribe.jpg);
  background-repeat: no-repeat;
  background-color: #0d1218;
  background-position: top;
  width: 100%;
  height: 100%;
  padding: 90px 0 120px 0;
  color: #fff;
  text-align: center;
}

.subscribe h2{
  color: #fff;
}
.subscribe p{
  color: #fff;
  font-weight: 500;
}

.subscribe .form-control {
  height: 60px;
  border-radius: 0;
}

.subscribe  .btn {
 padding: 19px 29px;
 border-radius: 0;
}

.subscribe .btn-success {
  color: #fff;
  background-color: #e60e2f;
  border-color: #e91434;
}


.contact-bar{
  background-color: #0091aa;
  color:#fff;

}

.contact-bar ul li{
  padding: 40px 0 40px 0;
  text-align: center;
  border-right: 1px solid #0ca0b9;
}
.contact-bar ul li:last-child{
  border-right:0;
}

.contact-bar ul li a{
  color: #fff;
  display: block;
}

.contact-bar ul li i{
  margin-right: 10px;
}

/** HOTEL
 **************************************************************** **/

.hotel{
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 60px;
}

.hotel h2{
  text-align:center;
}

.hotel .section-title{
  background-color: #f1f1f1;
  padding: 5px 15px 5px 15px;
  margin: 15px 0 15px 0;
  font-size: 16px;
  font-weight: 500;
}

.hotel p{
  padding-left: 15px;
}


/** GALLERY
 **************************************************************** **/


 .gallery-index{
  text-align: center;
  margin-top:120px;
 }

 .gallery-item{
  margin-bottom: 30px;
 }
.gallery-item figure{
   -webkit-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  -moz-box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  box-shadow: 0px 0px 22px 3px rgba(0,0,0,0.19);
  overflow: hidden;
  margin-bottom: 15px;
  border: 10px solid #fff;
}

.gallery-item a figcaption{
  font-weight: 500;
  color:#666;
}

 .gallery-detail{
  text-align: center;
  margin-top:120px;
 }
.gallery-detail h2{
  margin-bottom: 30px;
 }

  .gallery-detail figure{
margin-bottom: 30px;

 }

.gallery-detail figure img:hover{
  -webkit-box-shadow: 0px 0px 30px 2px rgba(173,173,173,1);
  -moz-box-shadow: 0px 0px 30px 2px rgba(173,173,173,1);
  box-shadow: 0px 0px 30px 2px rgba(173,173,173,1);

 }


/** FOOTER
 **************************************************************** **/
footer{
  padding:30px 15px 30px 15px;
  margin-top: 15px;
}
footer img{
  margin-top:-33px;
}
footer .btn{
  border-radius:0;  
}
.social-icons{
  text-align:right;
}
.btn-social-icon{
  color:#fff; 
}
.btn-social-icon:hover{
  color:#ddd; 
}
.social-icons .fa-facebook{
  background-color:#3b5998;
    padding: 13px 0;
    width: 40px;
}

.social-icons .fa-instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    padding: 13px 0;
    width: 40px;
}
.social-icons .fa-foursquare{
  background-color:#fb4777;
    padding: 13px 0;
    width: 40px;
}
.social-icons .fa-google{
  background-color:#de5145;
    padding: 13px 0;
    width: 40px;
}

.social-icons .fa-twitter{
  background-color:#00aced;
    padding: 13px 0;
    width: 40px;
}
.social-icons .fa-google-plus{
  background-color:#dd4b39;
    padding: 13px 0;
    width: 40px;
}
.social-icons .fa-pinterest{
  background-color:#cb2027;
    padding: 13px 0;
    width: 40px;
}
.social-icons .fa-youtube{
  background-color:#bb0000;
    padding: 13px 0;
    width: 40px;
}
.social-icons .btn{
  padding:0;  
}
.copyright, .tasarim{
  font-size:12px;
  font-weight:300;
  color:#666;
}



/** CONTACT
 **************************************************************** **/
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
    height: 40px;
}
.input-group-addon i{
  width:20px; 
}


/** HOVER EFFECT
**************************************************************** **/

/* Zoom In #1 */
.zoom-in figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.zoom-in figure:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

/* Shine */
.shine figure {
  position: relative;
}
.shine figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.shine figure:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

.effect {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  list-style: none;
  text-align: center;
}

/* Common style */
.effect figure {
  position: relative;
  float: left;
  overflow: hidden;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}

.effect figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;

}

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

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

.effect figure figcaption,
.effect 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 */
.effect figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.effect figure h4 {
  word-spacing: -0.15em;
}

.effect figure h4 span {
  font-weight: 800;
}



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

figure.effect-bubba {
  background: #00abc9;
}

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

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

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 h4 {
  padding-top: 25%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,-20px,0);
  transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
  padding: 1px 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 h4,
figure.effect-bubba:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,-15%,0);
  transform: translate3d(0,-15%,0);
}
.footer-logo{
	display:inline-block;
}
.sozlesmeler-link  {
	display:inline-block;
}
.sozlesmeler-link  li{
	display:inline-block;
	border-right:1px solid #ddd;
	padding:0 15px;
}
.sozlesmeler-link li:last-child{
	border-right:0;
}
.sozlesmeler-link li a{
	color:#999;
	font-size:14px;
}
.asside-menu{
margin:0;
padding:0;
margin-bottom:30px;
}
.asside-menu li {
border-bottom:1px solid #ddd;
padding:10px 0;
}
.asside-menu li a{
color:#222;
padding-left:15px;
}
.asside-menu li a:hover{
    color: #00abc9;
}

.asside-menu li a:before{
font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    color: #00abc9;
    display: inline-block;
    position: absolute;
    margin-left: -15px;
}
	
.asside-menu-title{
margin-bottom:0;

}

.konseptler{
padding:90px 30px;
}

.konseptler h1{
margin-bottom:30px;
font-size:36px;
}
.konseptler h2{
margin-bottom:20px;
font-size:28px;
}
.konseptler h3{
color:#00abc9
}

.konseptler .content ul{
	margin-left:15px;
	margin-bottom:30px;
}
.konseptler .content li:before{
font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    color: #e60d2e;
    display: inline-block;
    position: absolute;
    margin-left: -15px;
}

footer .safetourism{
width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 15px;
}

#popup-owl .content a{
color:#fff;
background-color:#222;
padding:10px 25px;
}
#popup-owl h3{
margin-bottom:15px;
}