/*Font*/
@font-face { font-family: Black; src:url(../../annex/font/Lato-Black.ttf) format("truetype"); }
@font-face { font-family: Regular; src:url(../../annex/font/Lato-Regular.ttf) format("truetype"); }
@font-face { font-family: Bold; src:url(../../annex/font/Lato-Bold.ttf) format("truetype"); }
/*Start*/
html,body{ margin:0px; padding:0px; overflow-x:hidden; height:100%; width: 100%; }
input,button{outline:0;}
*{font-family:Regular;}
/*Colors*/
@beyaz: #fff;
@gold: #e4cb62;
@siyah: #000;
@siyah2:#303947;
@mavi: #009ee3;
@gri:#f6f6f6;
@turuncu:#e6811e;
@kahverengi:#737373;
@darkcolor:#1e1f1f;
@anarenk:#c83e45;
@anarenk2:#f67570;
@anarenk3:#ff856c;
/*Genel*/
@bosluk-10:10px;
@bosluk-20:20px;
@bosluk-5:5px;
@reset:0px;
@ortala: center;
@dikeyortala: 50px;
@border:thin solid @gri;
@border-thick:thick solid @siyah2;
@border-thick-siyah:thick solid @siyah;
@border-thick-mavi:thick solid @mavi;
/*Div*/
.transition{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
#reset{margin:0px; padding:0px;}
/*Font*/
.regular{font-family: Regular;}
.bold{font-family: Bold;}
.black{font-family: Black;}
/* Setting */
.center{margin-left:auto; margin-right:auto;}
/*Başlık Tag*/
h1, h2 ,h3, strong{font-family: Black; display: inline;}
h4, h5 ,h6, span{font-family: Regular; display: inline;}
/*Padding*/
.padding-5{padding: @bosluk-5;}
.padding-10{padding: @bosluk-10;}
.padding-20{padding: @bosluk-20;}
.padding-left-5{padding-left: @bosluk-5;}
.padding-left-10{padding-left: @bosluk-10;}
.padding-left-20{padding-left: @bosluk-20;}
.padding-top-5{padding-top: @bosluk-5;}
.padding-top-10{padding-top: @bosluk-10;}
.padding-top-20{padding-top: @bosluk-20;}
.padding-right-5{padding-right: @bosluk-5;}
.padding-right-10{padding-right: @bosluk-10;}
.padding-right-20{padding-right: @bosluk-20;}
.top-up-5{padding-top:5px;}
.top-up-10{padding-top:10px;}
.top-up-20{padding-top:20px;}
.top-up-40{padding-top:40px;}
.top-up-15{padding-top: 15px;}
.top-up-30{padding-top:30px;}
/*Margin*/
.margin-left{left:20px;}
.top-in-30{margin-top:-30px;}
.top-in-20{margin-top:-20px;}
.bottom-in-20{margin-bottom:-20px;}
.bottom-in-10{margin-bottom:-10px;}
.bottom-up-10{margin-bottom:10px;}
.bottom-up-20{margin-bottom:20px;}
.top-in-10{margin-top:-10px;}
.top-in-15{margin-top:-14px;}
.left-in-15{margin-left:-15px;}
.left-in-20{margin-left:-20px;}
.Right-in-15{margin-right:-15px;}
/*Position*/
.position-fixed{ position: fixed;}
.position-absolute{ position: absolute;}
.position-relative{ position: relative;}
/*Overflow*/
.overflow-y{overflow-y: hidden;}
.overflow-x-hidden{overflow-x: hidden;}
.overflow-hidden{overflow: hidden;}
/*Display*/
.display-inline{display:inline;}
.display-block{display:block;}
/*Backround*/
.backround-mavi{background-color: @mavi;}
.backround-turuncu{background-color: @turuncu;}
.backround-siyah{background-color: @siyah;}
.backround-siyah-2{background-color: @siyah2;}
.backround-beyaz{background-color: @beyaz;}
.backround-gri{background-color: @gri;}
.backround-gold{background-color: @gold;}
.backround-trnsparent{background: transparent;}
/*Color*/
.color-beyaz{color: @beyaz;}
.color-siyah{color: @siyah;}
.color-siyah-2{color: @siyah2;}
.color-mavi{color: @mavi;}
.color-turuncu{color: @turuncu;}
.color-gri{color: @gri;}
.color-dark-gry{color: @darkcolor;}
.color-krengi{color: @kahverengi;}
.color-gold{color: @gold;}
/*Setting*/
.border{border: @border;}
.border-2{border: solid 2px @gri;}
.border-thick{border: @border-thick;}
.border-thick-siyah{border: @border-thick-siyah;}
.border-thick-mavi{border: @border-thick-mavi;}
.border-0{border: 0px;}
.border-top{border-top:thin solid #333;}
.height-auto{height: auto;}
.full-height{height: 100%;}
.full-width{width: 100%;}
.border-beyaz{border-color: @beyaz;}
.border-left{border-left:solid 2px @beyaz;}
.border-top{border-top:solid 2px @beyaz;}
/*HR*/
.hr-bold-min-beyaz{ border-color: @beyaz;  width: 80px; padding-bottom: 10px; border-width: 3px; }
.hr-bold-min{ border-color: @gold;  width: 60px; padding-bottom: 10px; border-width: 3px; }
.hr-bold-min-beyaz{ border-color: @beyaz;  width: 80px; padding-bottom: 10px; border-width: 3px; }
.hr-bold{ border-color: @gold;  width: 100px; border-width: 5px;}
.hr-regular{border-color: @siyah2;}
.hr-regular-gold{border-color: @gold;}
/****************************************************************/
/****************************************************************/
/*Header*/
.lang{position: relative; margin-top: -20px; height: 30px; background:@siyah2;}
.home-container{height: auto; width: 100%; overflow:hidden; background: url("../img/bg_pattern.png"); position: relative; top: -20px; margin-bottom: -40px;}
.owl-carousel img{height: 90%; margin: 0px; padding: 0px; float: left;}
.header{height: 80px; background: url("../img/bg.png"); width: 100%; z-index: 150; position: absolute; top: 0px;  }
.div-style{height: auto; padding-top: 40px; padding-bottom: 40px;}
.logo{margin-top: -30px; padding: 28px;}
logo-bread{margin-top: -0px; padding: 28px;}
.menu ul{margin: 0px; padding: 0px; list-style-type: none; }
.menu ul li{float: left; display: block; line-height: 80px; text-align: center;    position: relative;}
.menu ul li ul{ display: none;
  position: absolute;
  top: 19px;
  left: 0;}
.menu li:hover {
  position: relative;
}
.menu ul li ul
{
  display: none;
  position: absolute;
  left: 0;
  margin-top: 60px;
}
.menu ul li ul li{height: 40px; width: 200px; text-align: left; }

.menu ul li ul li a{background-color: @siyah2; padding-left: 20px; line-height: 40px; height: 40px; width: 200px; color: @gold;}
.menu ul li:hover ul
{
  display: block;
  clear: both;
}
.menu{
 padding: 0!important;
}
.menu ul li a{color: @gold; height: 80px; font-size:13px; padding: 0 11px; width: 100%; display: block; }
.menu ul li a:hover{color: @siyah2; background-color: @gold; text-decoration: none; }
/*FOTER*/
.footer{background: url("../img/bg_pattern.png"); padding: 20px; color:#e4cb62; }
.activity{
  background: url( "../img/antalya-bacground.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto; min-height: 500px;
}
.banner img{height: 150px; width: 100%;}
.item-content{overflow: hidden;  height: 200px; width: 100%;}
.item-content img{height: 200px; width: 100%; overflow: hidden;}
.item-content:hover .mask{width: 100%; height: 100%;  top:0px;  position: absolute; background-color: @gold; z-index: 100;}
.item-content button{border: 0px; color: @gold; background-color: @beyaz; padding: 5px; margin-top: 60px;}
.item-content button:hover{border: 0px; color: @gold; background-color: @siyah2; padding: 5px;}
/*Breadcrumb*/
.breadcrumb{
  position: relative;
top: 22px;
  background: url( "../img/antalya-bacground.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
}
.breadcrump-header{margin-top: -42px;}
.bread-head{
  background: url( "../img/antalya-bacground.jpg") no-repeat center bottom fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto; min-height: 200px;
  margin-top: -50px;
padding-top: 140px;

}
/*İletişim*/
.contact-input{height: 40px; width: 100%; padding-left: 10px; margin-top: 10px; border:1px solid @gold;}
.contact-textarea{height: 200px; max-height: 200px;  width: 100%; padding-left: 10px; margin-top: 10px; border:1px solid @gold; margin-bottom: 10px; outline: 0px;}
.iletisim{height: 356px;}
/*Galeri*/
.galeri{top: -20px; position: relative;}
.galeri-item{position: relative; }
.galeri-item img{height: 200px; width: 100%;  overflow: hidden;}
.galeri-item .mask{width: 100%; height:100%; display: none; top:0px; bottom: 0px;  position: absolute; background-color: @gold; z-index: 100;}
.galeri-item:hover .mask{display: block;}
.galeri-item a{border: 0px; color: @gold; background-color: @beyaz; padding: 5px; margin-top: 60px;}
.galeri-item a:hover{border: 0px; color: @gold; background-color: @siyah2; padding: 5px; text-decoration: none;}
/*Haber*/
.blog-item{border: 2px solid #e9e9e9; overflow: hidden; border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px;}
.blog-item img{height: 180px; width: 100%;}
.blog-metin{line-height: 20px;}
.btn-blog{background-color: @gold; color: @siyah2; border: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; width: 100%; margin-bottom: 10px;}
.input{width: 100%; height: 50px; border: solid thin @gold; outline: none; padding-left: 10px;}
.textarea{width: 100%; border: solid thin @gold; outline: none; max-height: 170px; height: 170px;}
.btn-send{height: 50px; padding: 10px 20px 10px 20px; background: @gold; border: 0px;}
.rooms{position: relative; height: 400px; overflow: hidden;  border: 2px solid @siyah2;}
.room-head{position: absolute; height: 100%; top: 0px; z-index: 150;  background: url("../img/bg.png"); padding: 20px; color: @beyaz;}
.rooms img{max-height: 400px; position: absolute; top: 0px; z-index: 50; width: 100%;}

.about-img img{max-height: 400px; width: 100%;}

.detay-img img{max-height: 400px; width: 100%;}
.social-list a {
    font-size: 18px;
    margin-right: 8px;
    color: #303947;
}
.social-list a:hover {
    color: #e84434;
}
iframe {
    margin: 0;
    width: 100%;
}