@charset "utf-8";
/* CSS Document */
 
@import '../fonts/fonts.css';
@import '../font-awesome/css/font-awesome.css';
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;}


html,body{ padding:0px; margin:0px;height:100%;min-height:100%; }
 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite,code,del, dfn, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend, input, select, textarea, button,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video 
{margin: 0; padding: 0; border: 0; }
button{cursor: pointer;}
input[type="text"].bosAlan{padding: 0 !important;}

body{min-width:1064px; background-color: #050101; }


.transition-200{-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}
.gonder-btn-str{display: flex; justify-content: flex-end;align-items: center;}
.pull-left{float: left !important;}
.pull-right{float: right !important;}
.row {    width: 100%;    min-height: 5px}




.container {    position: relative;        height: auto;    margin-left: auto;    margin-right: auto;max-width: 1064px;}

.row, .col-left, .col-right, .col, h1, h2, h3, h4, h5 {    position: relative;    float: left;    height: auto}


a{text-decoration: none;}

ul{padding: 0px; margin: 0px;}
hr{border: 0;}

a,a:hover{text-decoration: none;}
*:focus {
    outline: none;
	outline: 0;
}

#page{}

body{background-color: #151311;}
.other-page-top{background: url("../pageFile/diger-ust-bg.png") no-repeat top center,#151311;} 


textarea,select,input[type="text"]{width:100%;height:50px;border: 1px solid #a98f3e;padding-left: 24px; font:15px 'Gilroy-Light'; background-color: transparent;  color: #a98f3e; border: 1px solid transparent;
    border-image: linear-gradient(30deg, #d6b65f, #fffea6);
    border-image-slice: 1; }
select{height:50px;padding-right: 34px;  -webkit-appearance: none;    -moz-appearance: none;    appearance: none;


}
label.iletisim-label{font:15px 'Gilroy-Light'; color: #a98f3e;    line-height: 36px;}
textarea{padding-top: 10px;}
 
select.iletisim{	background: url(../images/page/selectOk.svg) no-repeat 96% center,#fff;background-size: 16px 8px;}
 
label.cvfile input{position: absolute;left: -9999px;}

span.cvFile{position: absolute;left: 0; width: 128px; height: 52px;background: url(../images/page/cvBtnBg.png) no-repeat;color:#fff;line-height: 52px;cursor: pointer;}
span.cvName{position: absolute;width:calc(100% - 158px);height: 52px; padding-left: 10px;font:13px 'GothamNarrow-Light'; line-height: 52px; background-color: #fff;color: #fff;left: 158px;background-color: transparent;}
 
button.gonder{position: absolute; right: 0; background: url(../images/page/gonderBtn-bg.png) no-repeat;color: #fff; width:142px; height: 52px;}

button.gonder-iletform{   background: url(../images/page/gonderBtn-bg.png) no-repeat;color: #fff; width:142px; height: 52px;}

.pull-left{float: left !important;}
.pull-right{float: right !important;}
.dis-tab{display: table !important;}
.ver-mid{display: table-cell !important;vertical-align: middle;}

.mb-36{margin-bottom: 36px !important;}
.mr-0{margin-right: 0 !important;}
.mt-134{margin-top: 134px !important;}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

 

.text-type1{font:15px 'GothamNarrow';color: #333333;}

.text-type2{font:16px 'corbel';color: #fff;}

.text-type3{font: 16px 'corbelb';color: #707070;}

.footer{   background: #ccc;  clear: both;   height:64px;  margin-top: -64px; padding-top: 0; position: relative; width: 100%;}

 




* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
 


.on_izleme_hata {
	position: absolute;
	font: 9pt Arial;
	min-width: 200px;
	height: auto;
	width: auto;
	padding: 0 10px;
	min-height: 30px;
	left: 30%;
	top: -35px;
	color: #FFF;
	text-align: center;
	background: -webkit-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: -moz-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: -ms-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: linear-gradient(180deg, #F70505 5%, #8F0808 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70505', endColorstr='#8F0808');
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0 2px 10px 0 #616161;
	-moz-box-shadow: 0 2px 10px 0 #616161;
	box-shadow: 0 2px 10px 0 #616161;
	display: table
}



.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
    .google-maps {
        position: relative;
        padding-bottom: 75%;  
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.on_izleme_hata p {
	display: table-cell;
	vertical-align: middle
}
.on_izleme_hata:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	border-style: solid;
	border-width: 7px 9px 0;
	border-color: #8f0808 transparent;
	display: block;
	width: 0;
	z-index: 1
}

.shadow-menu{
-webkit-box-shadow: -1px 5px 9px -2px rgba(0,0,0,0.18);
-moz-box-shadow: -1px 5px 9px -2px rgba(0,0,0,0.18);
box-shadow: -1px 5px 9px -2px rgba(0,0,0,0.18);
}

 


.radius-5{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.radius-26{-webkit-border-radius: 26px;
-moz-border-radius: 26px;
border-radius:26px;}


.modal-form-text{font: 18px 'neubau-light';text-align: left;}
/***********************/
.row.modalbtn{margin-top: 15px;}
.modal-container{position: relative; float: left; width:100%; min-height: 450px; box-sizing: border-box;text-align: left;font: 18px 'neubau-light';}
.modal-logo{width: 100%; height: 90px; background: url(../images/page/modalLogo.svg)no-repeat center;margin-bottom: 24px;}
h2.modal {font: 36px 'neubau-bold';color: #262626; text-align: center;margin-bottom: 36px;}
h5.modal{font:18px 'neubau-bold';}

p.modal{font: 18px 'neubau-light'; }

ul.modal{list-style-type: none;}
ul.modal li.modal{padding-left: 0px;}

.ui-select{width: 100%}
/* This is to remove the arrow of select element in IE */
select::-ms-expand {	display: none; }
select{
    -webkit-appearance: none;
    appearance: none;
}
@-moz-document url-prefix(){
	.ui-select{border: 1px solid #CCC; border-radius: 4px; box-sizing: border-box; position: relative; overflow: hidden;}
  .ui-select select { width: 110%; background-position: right 30px center !important; border: none !important;}
}
.inputDiv-2 {width: calc(50% - 6px);  margin-right: 12px}
.inputDiv-2:nth-child(2n){margin-right: 0;}

.inputDiv-3 { width: calc(33.33% - 8px);    margin-right: 12px}
.inputDiv-3:nth-child(3n){margin-right: 0;}


.container-big{  width: 100%; padding: 0 45px;}


.giris-logo{position: absolute; top: 60px; left: 50%;z-index: 9999999; margin-left: -242px; width:484px;height:90px; background: url("../pageFile/logo-giris.svg") no-repeat center; background-size: 484px;}


.giris-otel-logo{position: absolute; left: 50%; width: 166px; height: 182px; bottom: 24px; margin-left: -83px; background: url("../pageFile/logo-in-suit2.svg") no-repeat bottom,#224738; background-size: 166px;z-index: 99;}

.giris-otel-logo-text{font: 16px 'Gilroy-Bold'; color: #bfa259; position: absolute; width: 100%; height: 100%; padding: 16px; text-align: center;}
.giris-otel-logo-text p{  color: #e3d8b3;}
.logo{width: 322px; height: 84px;background: url("../pageFile/logo.svg") no-repeat center; background-size: 320px 82px;  z-index:  9999999999;}
 .logo a{width: 100%; height:100%; display: block;  }

.logo.logo-diger{position: absolute; left: 50%; margin-left: -128px;}

.ust-dil-stn{float: right;margin: 10px 0;}
.ust-dil-stn ul{width: 108px;list-style-type: none;}
.ust-dil-stn ul li{font:19px 'BebasNeue-Regular';color: #fff;}
.ust-dil-stn ul li a{font:19px 'BebasNeue-Regular';color: #fff;padding: 0 8px;}

.ust-dil-stn ul li a:hover,.ust-dil-stn ul li a.secili{ ;color: #fffea6; }


.ust-sag-stn{float: right;margin-top: 0;z-index: 999999;}






.ust-str{background:#6abdcc;height:30px; }
.ust-tel{width: auto;padding-left:30px; background: url("../pageFile/alt-tel-icon.svg") left center no-repeat;background-size:17px 17px;font: 13px 'Montserrat-Light';color: #fff;line-height: 30px;margin-right: 30px;}

.ust-tel span{ font: 13px 'Montserrat-Light';color: #fff;line-height: 16px;}
.ust-mail{ margin-right: 30px; font: 13px 'Montserrat-Light';color: #fff;width: 194px;height: 30px; padding-left: 28px; background: url("../pageFile/alt-mail-icon.svg") left center no-repeat;background-size: 23px 13px;line-height: 30px;}
.ust-mail a{text-decoration: none; color: #fff;}


.ust-menu-link{ margin-right:8px; font: 13px 'Montserrat-Light';color: #fff;width: auto;height: 30px;line-height: 30px;}
.ust-menu-link a{text-decoration: none; color: #fff;}
/******************/
.tarihce-yil{font: 28px 'Montserrat-Bold'; border-bottom: 1px solid #ccc; margin-bottom: 10px;padding-bottom: 10px; color: #6abdcc;}
.tarihce-aciklama{font: 15px 'Montserrat-Light';margin-bottom:36px;}

/******************/


 /*******************************************/
.menu-str{z-index: 999; height: 150px;padding-top: 22px;}
.menu-str-diger{z-index: 999; height: 150px;border-bottom: 1px solid #d7c49c;padding-top: 22px;}

 .ust-yer-stn{width:134px;float: right;}

.menu-stn{float: right;width: 108px; height: 36px;margin-right: 30px; background: url("../pageFile/menu-bar.svg") no-repeat right center; background-size: 52px 34px; font: 24px 'BebasNeue-Regular'; color: #fffea6;text-align: left; line-height: 36px;cursor:pointer;}



.navbar{position: relative;float: left;height:82px; z-index: 25;}

 

.navbar ul.menu{position: relative;float: left;list-style-type: none;display: inline-block;margin-top:26px; }
.navbar ul.menu li.menu{position: relative;float: left;margin: 24px 32px; -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}
.navbar ul.menu li.menu .menu-cizgi{  position: absolute; left: 0; bottom: -3px; width: 0; background-color: #ff3b3b; height: 3px;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}
.navbar ul.menu li.menu:hover .menu-cizgi{ position: absolute; left: 0; bottom: -3px; width:100%; height: 3px;background-color: #ff3b3b;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}



.navbar ul.menu li.menu.logoAlan{width:190px;}
.navbar ul.menu li.menu:first-child{margin-left: 20px;}
.navbar ul.menu li.menu.cizgi{color: #e5e5e5;margin-top:25px;}
 .navbar ul.menu li.menu:last-child{margin-right: 0;}
/**************************/

 
/***************************/
 


.navbar ul.menu li.menu a.menu{font: 21px 'BebasNeue-Bold';color:#fff;height: 30px;line-height: 30px;display: block; cursor: pointer;}
.navbar ul.menu li.menu a.menu:hover,.navbar ul.menu li.menu a.menu.secili{ -webkit-transition: color 0.3s linear; -ms-transition: color 0.3s linear;  transition: color 0.3s linear;color:#ff3b3b;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;}

 

 




.navbar .bizeulas{position:absolute; height:42px;width:146px;right: 50px; top:0; right: 98px; z-index: 15000; }
.navbar .bizeulas a{width: 146px; height: 42px; background: url(../images/page/iletisimBtn.png) no-repeat; display: block;}

.navbar .sosyalAlan{position:absolute; height:26px;width:116px;right: 50px; top:6px;z-index: 15000; }




.navbar ul.sosyal{position: relative;list-style-type: none;}
.navbar ul.sosyal li.sosyal{float: left;margin: 0 4px;}

  .opening-menu {
    position:absolute;  
 
    z-index: 98;
 display: none;
    top:80px;
    left:0;
     right: 0;pointer-events: visible;pointer-events: unset;-webkit-transform: none;transform: none;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear
}
 


 





.menu-bos-str{width: 100%;height:98px; display: block; background-color:#fff; }
 

.navbar>ul.menu>li.menu:hover .opening-menu { width: 100%;
visibility: visible; opacity: 1;pointer-events: visible; pointer-events: unset; -webkit-transform: none;transform: none;
}

.opening-menu:hover>.navbar ul.menu li.menu a.menu{ color:#000;
    -webkit-transition: color .3s linear;
    -ms-transition: color .3s linear;
    transition: color .3s linear}

.col.list-open-menu {
    width: 200px;background-color: #fff;
    height: auto
}
.col.list-open-menu.urunler {
    width: 100%;padding-bottom: 32px;
}
.col.list-open-menu h5.kategori-name, .col.list-open-menu h5.kategori-name a {
    font: 16px Montserrat-Bold;
    color: #3c3c3b
}
.col.list-open-menu ul.list-open-menu {
    list-style-type: none;
    width: calc(50% - 24px); margin-right: 24px;
    min-height: 10px;
    height: auto
}
 

.ust-list-menu-title{font: 18px 'Montserrat-Semibold';}


 .menu-grup-box {position: absolute;right: 0; top: 0;opacity: 0;
    width: 75%;right: -100%;background: url("../pageFile/ana-grup-bg2.svg") no-repeat  30px 30px ; background-size: 200px;
}

.col.list-open-menu ul.list-open-menu li.list-open-menu {
    width: 100%; position: relative; float: left;
    height: auto;border-bottom: 1px dashed #ccc;
}
.col.list-open-menu ul.list-open-menu li.list-open-menu a.list-open-menu {position: relative; float: left;
    color: #000;
    padding: 6px 20px; 
    width: 100%;
    height: auto;
    display: block;
    font: 13px 'Montserrat-Light';
    line-height: 21px;
    margin-left: 0;
    transition: all .2s ease; 
}
.col.list-open-menu ul.list-open-menu li.list-open-menu:nth-last-child(1){border-bottom: none;}
 
.col.list-open-menu ul.list-open-menu li.list-open-menu a.list-open-menu:hover {  transition: all .5s ease;color: #6abdcc;}
 
 
 .col.list-open-menu ul.list-open-menu li.list-open-menu:hover  .menu-grup-box{opacity: 1;}
.menu-shadow {
    -webkit-box-shadow: 0 8px 5px 0 rgba(0,0,0,0.27);
    -moz-box-shadow: 0 8px 5px 0 rgba(0,0,0,0.27);
    box-shadow: 0 8px 5px 0 rgba(0,0,0,0.27)
}

 

.genel-orta-str{font: 15px 'Gilroy-Light'; color: #fff;min-height: 300px; padding: 60px 0;}

.ust-genel-title-str{ height: 354px;}

 
.ust-genel-title-1{font: 104px 'Gilroy-Bold';color: #242424;text-align: center;z-index: 18;margin-top: 100px;}

.ust-genel-title-1 {
    color: transparent;
    -webkit-text-stroke-width: 1px;   
    -webkit-text-stroke-color: #383838;   
}

html.ie7 .ust-genel-title-1,
html.ie8 .ust-genel-title-1,
html.ie9 .ana-genel-title-1 {    
color: #1c2121;
}
html.ie7 .ust-genel-title-1::after,
html.ie8 .ust-genel-title-1::after,
html.ie9 .ana-genel-title-1::after {  content: '';display: block;
  

    background-color: #383838;
    filter: progid:DXImageTransform.Microsoft.Chroma(color= #383838 ) progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=-1,offY=-1);
    zoom: 1;
}
.ust-genel-title-2{font: 38px 'Gilroy-Bold'; color: #fff;margin-bottom: 36px;line-height: 38px;margin-top: -56px;text-align: center;z-index: 28;}



.etkinlik-tarih-ay{font: 48px 'Montserrat-ExtraBold'; margin-right: 40px; color:#fff; padding:6px 0;}
.etkinlik-ay-aciklama{font: 15px 'Montserrat-Light';color: #fff;line-height:20px; padding: 15px 0;}
.frekans-diger{width: 94px; height: 70px; float: right;}





 

/***************************************************************************************************************************/
.ust-sosyal-genel-stn{  margin-top:48px; }
.ust-sosyal-box{width: auto; margin-right: 36px; }
.ust-sosyal-btn{width: 32px;height: 32px;background-size: 32px 32px; background-repeat: no-repeat; background-position: center center;margin-right: 10px;}
.ust-sosyal-btn.facebook{background-image: url("../pageFile/facebook-icon.svg");}
.ust-sosyal-btn.instagram{background-image: url("../pageFile/instagram-icon.svg");}
 .ust-sosyal-btn.twitter{background-image: url("../pageFile/twitter-icon.svg");}
 .ust-sosyal-btn.youtube{background-image: url("../pageFile/youtube-icon.svg"); margin-right: 0;}
.ust-sosyal-link{width: 100%; height: 100%; display: block;  }
/***************************************************************************************************************************/
.ust-banner-genel-stn{ position: absolute; right: 88px;z-index: 28; top: 40%; margin-top: -79px;}
.ust-banner-sosyal-box{width: 32px; margin-bottom: 36px; }
.ust-banner-sosyal-btn{width: 32px;height: 32px;background-size: 32px 32px; background-repeat: no-repeat; background-position: center center;margin-bottom: 10px;}


 .ust-banner-sosyal-btn::after,
.ust-banner-sosyal-btn::before{
      content: '';
      display: block;
      position: absolute;
      width: 20%;
      height: 40%;
      border: 1px solid;
      transition: all 0.6s ease;
      border-radius: 2px;z-index: -1;
}
   .ust-banner-sosyal-btn::after{
      bottom: 0;
      right: 0;
      border-top-color: transparent;
      border-left-color: transparent;
      border-bottom-color: #fff;
      border-right-color: #fff;
}
   .ust-banner-sosyal-btn::before{
      top: 0;
      left: 0;
      border-bottom-color: transparent;
      border-right-color: transparent;
      border-top-color: #fff;
      border-left-color: #fff;}

   .ust-banner-sosyal-btn:hover:after,
   .ust-banner-sosyal-btn:hover:before{
      width: 92%;
      height: 68%;


}
 




 

 
 
 .ust-sosyal-btn::after,
.ust-sosyal-btn::before{
      content: '';
      display: block;
      position: absolute;
      width: 20%;
      height: 40%;
      border: 1px solid;
      transition: all 0.6s ease;
      border-radius: 2px;z-index: -1;
}
   .ust-sosyal-btn::after{
      bottom: 0;
      right: 0;
      border-top-color: transparent;
      border-left-color: transparent;
      border-bottom-color: #fff;
      border-right-color: #fff;
}
   .ust-sosyal-btn::before{
      top: 0;
      left: 0;
      border-bottom-color: transparent;
      border-right-color: transparent;
      border-top-color: #fff;
      border-left-color: #fff;}

   .ust-sosyal-btn:hover:after,
   .ust-sosyal-btn:hover:before{
      width: 92%;
      height: 68%;


}









.ust-banner-sosyal-btn.facebook{background-image: url("../pageFile/facebook-icon.svg");}
.ust-banner-sosyal-btn.instagram{background-image: url("../pageFile/instagram-icon.svg");}
 .ust-banner-sosyal-btn.twitter{background-image: url("../pageFile/twitter-icon.svg");}
 .ust-banner-sosyal-btn.youtube{background-image: url("../pageFile/youtube-icon.svg"); margin-bottom: 0;}
.ust-banner-sosyal-link{width: 100%; height: 100%; display: block;  }
/***************************************************************************************************************************/

.ana-video-str{height: auto;background: rgb(33,36,60);
background: -moz-linear-gradient(141deg, rgba(33,36,60,1) 0%, rgba(59,52,51,1) 46%, rgba(82,66,44,1) 61%);
background: -webkit-linear-gradient(141deg, rgba(33,36,60,1) 0%, rgba(59,52,51,1) 46%, rgba(82,66,44,1) 61%);
background: linear-gradient(141deg, rgba(33,36,60,1) 0%, rgba(59,52,51,1) 46%, rgba(82,66,44,1) 61%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21243c",endColorstr="#52422c",GradientType=1);}


.ana-video-img-box{float: none; display: table; margin: 0 auto; max-width: 954px;padding: 50px 0; }

.ana-video-img-box img{transform:scale(1.0);-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}


 .ana-video-img-box a:hover > img {transform:scale(1.1);-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}

.ana-video-title-1{ position: absolute; top: 50%; font: 104px 'Gilroy-Bold';color: #242424;text-align: center;z-index: 18;margin-top: -50px;}
.ana-video-title-1.sol-title{left: 0; margin-left: -15%;}
.ana-video-title-1.sag-title{right: 0; margin-right:-15%;}
.ana-video-title-1 {
    color: transparent;
    -webkit-text-stroke-width: 1px;   
    -webkit-text-stroke-color: #6c6b76;   
}

html.ie7 .ana-video-title-1,
html.ie8 .ana-video-title-1,
html.ie9 .ana-video-title-1 {    
color: #1c2121;
}
html.ie7 .ana-video-title-1::after,
html.ie8 .ana-video-title-1::after,
html.ie9 .ana-video-title-1::after {  content: '';display: block;
  

    background-color: #6c6b76;
    filter: progid:DXImageTransform.Microsoft.Chroma(color= #6c6b76 ) progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#6c6b76,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#6c6b76,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#6c6b76,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#6c6b76,offX=-1,offY=-1);
    zoom: 1;
}


/***************************************************************************************************************************/


.ana-medya-str{flex-wrap: wrap;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
.ana-medya-stn{flex-basis: 20%; min-height: auto; overflow: hidden;}

.ana-medya-stn-hover{ cursor: pointer;position: absolute;    z-index: 4;    top: -100%; left: -100%;   width: 100%;    height: 100%;    background: url(../pageFile/etkinlik-hover.svg) repeat;    opacity: 0;    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;    -o-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;}

.ana-medya-stn-title{font: 18px 'Gilroy-Bold'; color: #fff;height: 32px; text-align: center;display: table; top: 50%; margin-top: -16px;}

.ana-medya-stn-title p {display: table-cell; vertical-align: middle;}




.ana-medya-stn img{display: block;-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}


.ana-medya-stn img:hover{transform:scale(1.1);-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;}




.ana-medya-stn:hover>.ana-medya-stn-img .ana-medya-stn-hover{top: 0; left: 0; opacity: 1;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.ana-medya-stn:hover>.ana-medya-stn-img  img{transform: scale(1.2);-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.ana-tum-medya-str{margin-top: 16px;}
.ana-tum-medya-link{width: auto; height: auto;display: block; float: none !important; display: table; margin: 0 auto;}
.ana-tum-medya-link .link-text{font: 18px 'Gilroy-Bold'; color: #fff;  background-color: transparent; padding: 11px 20px;line-height: 18px;  } 
.ana-tum-medya-link .sag-ok{;width: 40px; height: 40px; font-size: 14px;line-height: 41px; color: #ab913f;} 



/***************************************************************************************************************************/
.ana-disco-ball-str{background: url("../pageFile/disco-ball.gif") no-repeat center;background-size: contain;height: 528px;}
.ana-disco-ball-sol-stn{width: 50%;top: 50%;}
.ana-disco-ball-sag-stn{width: 50%;padding-left: 30%}
.ana-frekans-img{ width: 120px; height: 44px;/*margin-top: 38%;*/ position: absolute; left: 50%; margin-left: -60px; bottom:120px;z-index: 4;}
.ana-frekans-yazi{font: 12px 'Gilroy-Regular'; color: #fff;margin-top: 44px;text-align: center;}
.ana-sound-wave-box{position: absolute; margin-top: 41%;}
.ana-sound-wave{width: 120px; height: 46px; background: url("../pageFile/sound-wave.svg") no-repeat center}
.ana-sound-yazi{font: 12px 'Gilroy-Regular'; color: #fff; text-align: center;}





/**************************************************************************************************/

.asagi-yukari-hareket-cizgi{width: 5px; height: 88px; background:background: rgb(201,168,81);
background: -moz-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background: -webkit-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background: linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9a851",endColorstr="#b4903a",GradientType=1); position: absolute;  top: 60px; left: 50%; margin-left: -2.5px; -webkit-transition: all 1.5s ease;  transition: all 1.5s ease;animation: asagiOkHaraket 1.5s ease infinite;z-index: 99;}





 

 @keyframes asagiOkHaraket {
	0% {
		top: -60px;
	}
	50% {
	 top: -40px;
	}
	100% {
	top:-60px;
	}
}

 @-webkit-keyframes asagiOkHaraket {
	0% {
		top: -60px;
	}
	50% {
	 top: -40px;
	}
	100% {
	top:-60px;
	}
}

 @-moz-keyframes asagiOkHaraket {
	0% {
		top: -60px;
	}
	50% {
	 top: -40px;
	}
	100% {
	top:-60px;
	}
}

/*******************************/

/***************************************************************************************************************************/
.urun-box-mn{width:120px; min-height:150px; border: 1px dotted #ccc;margin-right:20px;margin-bottom:20px;}
.urun-box-mn-title{width:100%;height:60px;display: table;padding: 10px;}
.urun-box-mn a{color: #707070 ;}
.urun-box-mn-title p{display: table-cell;vertical-align: middle; font: 17px 'Montserrat-Regular'; text-align: center;}









.menuOk{width: 10px; height: 6px;   top: 12px; right: -20px; position: absolute;background: url("../pageFile/menuOk.svg") no-repeat center;}



.sosyalBtn-ust{background: url(../images/page/sosyalust.svg) no-repeat;background-size: 90px 28px;}
.facebook-ust{background-position: 0 0;}
 .twitter-ust{background-position: -30px 0;}
.instagram-ust{background-position: -60px 0;}
.navbar ul.sosyal li.sosyal.cizgi{background-position: -96px 0;width: 2px;height: 34px;}


.navbar ul.sosyal li.sosyal a.sosyal{width:30px;height:30px;display: block; }

 

.navbar ul.sosyal li.sosyal {background-position: 0 0;background-size: 90px 28px;}

.navbar ul li a .menuplus{position:absolute; left:50%; margin-left: -7px; width: 14px; height: 14px;font: 18px 'Corbel'; color: #fff;top:-20px; background: url(../images/page/menu-plus.svg) no-repeat;}
.navbar ul li a:hover>.menuplus{top: 30px; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
/*********************************************************************************************************************************************/
.container-big{  width: 100%; padding: 0 45px;}
.container-swip-item-4{width: 80%; margin: 0 10%;}
.container-swip-item-3{width: 60%; margin: 0 20%;}
.container-swip-item-2{width:40%;margin: 0 30%; }
.container-swip-item-1{width: 20%; margin: 0 40%;}

.ana-etkinlik-str{padding: 44px 0;background-color: #26363a;}
.ana-etkinlik-box{width:100%;margin-right: 48px;text-align: center;margin: 12px 20px;}
.ana-etkinlik-box:nth-child(3n){margin-right: 0;}

.ana-etkinlik-swiper-container{padding-right: 44px !important;z-index: 24 !important; }
/*
.ana-etkinlik-box::after{content: ''; position: absolute;z-index: -2; width: 68px; height: 398px; top: -20px; right: -20px; background:url("../pageFile/etkinlik-sag-desen.svg") no-repeat center; background-size: 68px 398px;}

*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 24px !important; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 10px !important;}


.ana-etkinlik-title-1{font: 104px 'Gilroy-Bold';color: #242424;text-align: center;z-index: 18;}

.ana-etkinlik-title-1 {
    color: #1c2121;
    text-shadow:
    -1px -1px 0 #383838,  
    1px -1px 0 #383838,
    -1px 1px 0 #383838,
    1px 1px 0 #383838;
}

html.ie7 .ana-etkinlik-title-1,
html.ie8 .ana-etkinlik-title-1,
html.ie9 .ana-etkinlik-title-1 {
    background-color: #383838;
    filter: progid:DXImageTransform.Microsoft.Chroma(color= #383838 ) progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=-1,offY=-1);
    zoom: 1;
}


/* Real outline for modern browsers */
@supports((text-stroke: 1px  #383838) or (-webkit-text-stroke: 1px #383838)) {
    .ana-etkinlik-title-1  {
        color: transparent;
        -webkit-text-stroke: 1px  #383838;
    text-stroke: 1px  #383838;
        text-shadow: none;
    }
}


.ana-etkinlik-title-2{font: 38px 'Gilroy-Bold'; color: #fff;margin-bottom: 36px;line-height: 38px;margin-top: -56px;text-align: center;z-index: 28;}


.ana-etkinlik-date-box{position: absolute; font: 38px 'Gilroy-Black'; z-index: 19; top: -12px; right: -12px; width: 76px; height: 82px; background: url("../pageFile/etkinlik-date-bg.svg") no-repeat center; background-size: 76px 82px;padding: 10px 12px 0;color: #000;line-height: 34px;}
.ana-etkinlik-date-box span{font-size: 20px;line-height: 20px;}


.ana-etkinlik-title-box{ background-color: #ff3b3b;padding: 6px 16px;}

.ana-etkinlik-gun-title{font: 64px 'BebasNeue-Bold'; color: #fff; line-height: 54px;  height: 50px; margin-right: 12px; width: 60px;}
.ana-etkinlik-ay-title{font: 24px 'BebasNeue-Bold'; color: #fff; line-height: 24px;}
.ana-etkinlik-hafta-title{font: 24px 'BebasNeue-Book'; color: #fff; line-height: 24px;}

.ana-etkinlik-img img{-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}

.ana-etkinlik-img{margin-bottom: 10px;overflow: hidden;}
.ana-etkinlik-title{ width: 100%; height: 50px; font: 19px 'Gilroy-Bold'; color: #fff; line-height:26px;display: table;}
.ana-etkinlik-title p{display: table-cell; vertical-align: middle;}
 
.ana-etkinlik-hover{position: absolute;z-index: 4; top: -100%; width: 100%; height: 100%; background: url("../pageFile/etkinlik-hover.svg") repeat ;opacity:0;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; } 
 


.ana-etkinlik-box:hover>.ana-etkinlik-img .ana-etkinlik-hover{top: 0; opacity: 1;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.ana-etkinlik-box:hover>.ana-etkinlik-img img{transform: scale(1.2);-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.ana-etkinlik-biletal-btn{left: 50%; margin-left: -54px; top: 50%; margin-top:-26px;   font: 30px 'BebasNeue-Bold'; color: #fff;padding: 7px 15px;border-bottom: 0;border-right: 0;}


 
 
.ana-etkinlik-biletal-btn::after,
.ana-etkinlik-biletal-btn::before{
      content: '';
      display: block;
      position: absolute;
      width: 20%;
      height: 40%;
      border: 2px solid;
      transition: all 0.6s ease;
      border-radius: 2px;z-index: -1;
}
.ana-etkinlik-hover .ana-etkinlik-biletal-btn::after{
      bottom: 0;
      right: 0;
      border-top-color: transparent;
      border-left-color: transparent;
      border-bottom-color: #fff;
      border-right-color: #fff;
}
.ana-etkinlik-hover .ana-etkinlik-biletal-btn::before{
      top: 0;
      left: 0;
      border-bottom-color: transparent;
      border-right-color: transparent;
      border-top-color: #fff;
      border-left-color: #fff;}



.ana-etkinlik-hover:hover>.ana-etkinlik-biletal-btn:after,
.ana-etkinlik-hover:hover>.ana-etkinlik-biletal-btn:before{
      width: 92%;
      height: 68%;
}



 

.ana-tum-etkinlik-str{margin-top: 16px;}
.ana-tum-etkinlik-link{width: auto; height: auto;display: block;}
.ana-tum-etkinlik-link .link-text{font: 18px 'Gilroy-Bold'; color: #fff;  background-color: transparent; padding: 11px 20px;line-height: 18px;  } 
.ana-tum-etkinlik-link .sag-ok{;width: 40px; height: 40px; font-size: 14px;line-height: 41px; color: #ab913f;} 

/*********************************************************************************************************************************************/


.ana-djartist-str{padding: 44px 0;background-color: #151311;}
.ana-djartist-box{width:calc(20% - 24px);margin-right: 30px;text-align: center; }
.ana-djartist-box:nth-child(5n+2){margin-right: 0;}

 


.ana-djartist-title-1{font: 104px 'Gilroy-Bold';color: #242424;text-align: center;z-index: 18;}

.ana-djartist-title-1 {
    color: #151311;
    text-shadow:
    -1px -1px 0 #383838,  
    1px -1px 0 #383838,
    -1px 1px 0 #383838,
    1px 1px 0 #383838;
}

html.ie7 .ana-djartist-title-1,
html.ie8 .ana-djartist-title-1,
html.ie9 .ana-djartist-title-1 {
    background-color: #383838;
    filter: progid:DXImageTransform.Microsoft.Chroma(color= #383838 ) progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=-1,offY=-1);
    zoom: 1;
}

.ana-djartist-title-2{font: 38px 'Gilroy-Bold'; color: #fff;margin-bottom: 36px;line-height: 38px;margin-top: -56px;text-align: center;z-index: 28;}


 


.ana-djartist-title-box{ background-color: #ff3b3b;padding: 6px 16px;}



.ana-djartist-img img{-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}

.ana-djartist-img{margin-bottom: 10px;overflow: hidden;}
.ana-djartist-title{ width: 100%; height: 50px;top: 50%; margin-top: -25px; font: 24px 'Gilroy-Bold'; color: #fff; line-height:26px;display: table;}
.ana-djartist-title p{display: table-cell; vertical-align: middle;}
 
.ana-djartist-hover{position: absolute;z-index: 4; top: -100%; width: 100%; height: 100%; background: url("../pageFile/djartist-hover.svg") repeat ;opacity:0;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; } 
 


.ana-djartist-box a:hover>.ana-djartist-img .ana-djartist-hover{top: 0; opacity: 1;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.ana-djartist-box:hover>.ana-djartist-img img{transform: scale(1.2);-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


 .ana-djartist-title{ width: 100%; height: 50px; font: 19px 'Gilroy-Bold'; color: #fff; line-height:26px;display: table;}
.ana-djartist-title p{display: table-cell; vertical-align: middle;}
 


 

.ana-tum-djartist-str{margin-top: 16px;}
.ana-tum-djartist-link{width: auto; height: auto;display: block; float: none !important; display: table; margin: 0 auto;}
.ana-tum-djartist-link .link-text{font: 18px 'Gilroy-Bold'; color: #fff;  background-color: transparent; padding: 11px 20px;line-height: 18px;  } 
.ana-tum-djartist-link .sag-ok{;width: 40px; height: 40px; font-size: 14px;line-height: 41px; color: #ab913f;} 









 
.dj-sosyal-box{  }
.dj-sosyal-btn{width: 32px;height: 32px;background: url("../pageFile/sosyal-icon-dj.svg")  no-repeat  center center;background-size: 168px 32px;     margin-right: 1px;}
.dj-sosyal-btn.facebook{background-position:-4px 0 ;}
.dj-sosyal-btn.instagram{background-position: -36px 0;}
 .dj-sosyal-btn.twitter{background-position:  -68px 0;}
 .dj-sosyal-btn.youtube{background-position:  -100px 0; }
 .dj-sosyal-btn.soundcloud{background-position:  -132px 0;}
.dj-sosyal-link{width: 100%; height: 100%; display: block;  }





/*********************************************************************************************************************************************/
.ana-club-card-str{background-color: #242424;}
.ana-club-card-sol-stn{width: 50%;height: 557px; background: url("../pageFile/ana-club-card-img.jpg") no-repeat center;background-size: cover;}
.ana-club-card-sag-stn{width: 50%;padding:82px 44px 50px;}

.ana-club-card-title-1{font: 104px 'Gilroy-Bold';color: #242424;}

.ana-club-card-title-1 {
    color: #242424;
    text-shadow:
    -1px -1px 0 #383838,  
    1px -1px 0 #383838,
    -1px 1px 0 #383838,
    1px 1px 0 #383838;
}

html.ie7 .ana-club-card-title-1,
html.ie8 .ana-club-card-title-1,
html.ie9 .ana-club-card-title-1 {
    background-color: #383838;
    filter: progid:DXImageTransform.Microsoft.Chroma(color= #383838 ) progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=-1,offY=-1);
    zoom: 1;
}

.ana-club-card-title-2{font: 38px 'Gilroy-Bold'; color: #fff;margin-bottom: 36px;line-height: 38px;margin-top: -56px;}
.ana-club-card-aciklama{font: 16px 'Gilroy-Light';color: #fff;margin-bottom: 40px;}
.ana-club-card-btn{ font: 30px 'BebasNeue-Bold'; color: #fff;padding: 7px 15px;border-bottom: 0;border-right: 0;}
   
 

 
 
 
.ana-club-card-btn::after,
.ana-club-card-btn::before{
      content: '';
      display: block;
      position: absolute;
      width: 20%;
      height: 40%;
      border: 2px solid;
      transition: all 0.6s ease;
      border-radius: 2px;z-index: 1;
}
.ana-club-card-btn::after{
      bottom: 0;
      right: 0;
      border-top-color: transparent;
      border-left-color: transparent;
      border-bottom-color: #fff;
      border-right-color: #fff;
}
.ana-club-card-btn::before{
      top: 0;
      left: 0;
      border-bottom-color: transparent;
      border-right-color: transparent;
      border-top-color: #fff;
      border-left-color: #fff;}



.ana-club-card-btn:hover:after,
.ana-club-card-btn:hover:before{
      width: 92%;
      height: 68%;
}






/*********************************************************************************************************************************************/
 

.ana-etkinlik-galeri-box{height: auto;}

 
/*********************************************************************************************************************************************/

.ana-alt-uclu-str{margin: 60px 0;}
.ana-alt-uclu-box{ background-color: #313131;padding: 24px 44px;width:calc(33% - 12px);margin-right: 18px;min-height: 418px;}
.ana-alt-uclu-box:nth-child(3n){margin-right: 0;}
.ana-alt-uclu-title{font: 42px 'Gilroy-Bold'; color: #fff; line-height: 42px;}
.ana-alt-uclu-title::after{content:''; position: absolute;width: 100px; height: 3px; left: 0; bottom: -26px; background-color: #fff;}
.ana-alt-uclu-aciklama{font: 15px 'Montserrat-Light'; color: #fff;margin-top: 50px;}


.alt-tel-box{ background:url("../pageFile/alt-iletisim-icon.svg") no-repeat 94% 74%,#fff;padding: 12px;background-size: 46px; margin-top: 16px; }
.alt-tel-title-1{font: 14px 'Montserrat-Light';color: #a98f3e; margin-bottom: 5px;}
 .alt-tel-link{font: 20px 'Montserrat-ExtraBold';color: #a98f3e; line-height: 18px;}
.text-link-1{color: #b31c27;}

 
.ana-yol-tarifi-btn{margin-top: 16px;}
.ana-yol-tarifi-link{width: calc(100% - 48px); height: auto;display: block;}
.ana-yol-tarifi-link .link-text{width:calc(100% - 48px);  font: 24px 'BebasNeue-Bold'; color: #151311;  background: rgb(201,165,65);
background: -moz-linear-gradient(60deg, rgba(201,165,65,1) 0%, rgba(255,255,173,1) 46%, rgba(232,202,98,1) 100%);
background: -webkit-linear-gradient(60deg, rgba(201,165,65,1) 0%, rgba(255,255,173,1) 46%, rgba(232,202,98,1) 100%);
background: linear-gradient(60deg, rgba(201,165,65,1) 0%, rgba(255,255,173,1) 46%, rgba(232,202,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9a541",endColorstr="#e8ca62",GradientType=1); padding: 11px 0  ;line-height: 18px; text-align: center;} 
.ana-yol-tarifi-link .sag-ok{background: #fff;width: 40px; height: 40px; font-size: 14px;line-height: 41px; color: #a98f3e;} 

/***********/


.ankete-katil-btn{margin: 48px 0;}
.ankete-katil-link{width: calc(100% - 48px); height: auto;display: block; cursor: pointer;}
.ankete-katil-link .link-text{width:calc(100% - 48px);  font: 24px 'BebasNeue-Bold'; color: #151311;  background: rgb(201,165,65);
background: -moz-linear-gradient(60deg, rgba(201,165,65,1) 0%, rgba(255,255,173,1) 46%, rgba(232,202,98,1) 100%);
background: -webkit-linear-gradient(60deg, rgba(201,165,65,1) 0%, rgba(255,255,173,1) 46%, rgba(232,202,98,1) 100%);
background: linear-gradient(60deg, rgba(201,165,65,1) 0%, rgba(255,255,173,1) 46%, rgba(232,202,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9a541",endColorstr="#e8ca62",GradientType=1); padding: 11px 0  ;line-height: 18px; text-align: center;} 
.ankete-katil-link .sag-ok{background: #fff;width: 40px; height: 40px; font-size: 14px;line-height: 41px; color: #a98f3e;} 

/****************/
.alt-ebulten-str{margin: 50px 0;}
.alt-ebulten-sol-stn{width: calc(33% - 28px);margin-right:80px; }
.alt-ebulten-sag-stn{width: calc(67% - 52px); }



.ortak-logo-str{margin: 24px 0;}
.ortak-img{margin-right: 24px;}
.ortak-img:last-child{margin-right: 0;}
.ortak-img img{height: 74px;}
/****************/

.ana-sosyal-str{margin: 48px 0;}
.ana-katalog-stn{width: 290px; font: 20px 'Montserrat-Bold';color: #060606; float: right; }
.ana-katalog-incele-btn{ display: block; padding: 0 24px;margin-left: 20px; border: 1px solid #060606; font: 20px 'Montserrat-Bold';line-height: 52px;color: #060606; background: url("../pageFile/katalog-icon.svg") no-repeat 10px center; background-size: 28px 40px; padding-left: 48px;}

.alt-sosyal-stn{width: 400px; font: 24px 'Montserrat-Bold'; line-height: 34px; color:#060606;margin: 10px 0; }
.alt-sosyal-box{width: auto;float: none;display: table; }
.alt-sosyal-btn{width: 40px;height: 40px;background-size: 40px 40px; background-repeat: no-repeat; background-position: center center;margin-right: 10px;z-index: 5;}
.alt-sosyal-btn.facebook{background-image: url("../pageFile/facebook-icon.svg");}
.alt-sosyal-btn.instagram{background-image: url("../pageFile/instagram-icon.svg");}
 .alt-sosyal-btn.twitter{background-image: url("../pageFile/twitter-icon.svg");}
 .alt-sosyal-btn.youtube{background-image: url("../pageFile/youtube-icon.svg"); margin-right: 0;}
.alt-sosyal-link{width: 100%; height: 100%; display: block;  }




 
 .alt-sosyal-btn::after,
.alt-sosyal-btn::before{
      content: '';
      display: block;
      position: absolute;
      width: 20%;
      height: 40%;
      border: 1px solid;
      transition: all 0.6s ease;
      border-radius: 2px;z-index: -1;
}
   .alt-sosyal-btn::after{
      bottom: 0;
      right: 0;
      border-top-color: transparent;
      border-left-color: transparent;
      border-bottom-color: #fff;
      border-right-color: #fff;
}
   .alt-sosyal-btn::before{
      top: 0;
      left: 0;
      border-bottom-color: transparent;
      border-right-color: transparent;
      border-top-color: #fff;
      border-left-color: #fff;}

   .alt-sosyal-btn:hover:after,
   .alt-sosyal-btn:hover:before{
      width: 92%;
      height: 68%;


}



/***************/
.ebulten-form-box{margin: 0 auto;display: table;float: none;}

.ebulten-str{ text-align: center;margin: 8px auto;max-width: 390px;}
.ebulten-label{font: 18px 'Montserrat-SemiBold'; color: #fff;margin-bottom: 16px;line-height: 32px;height: auto; margin-right: 20px;}
.ebulten-input{width:200px; background-color: #fff !important; margin-right:10px; border-radius: 0 !important;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;}
.ebulten-input.adsoyad{width:260px;margin-right:10px; }
.ebulten-input-stn{width:calc(100% - 55px) !important;margin-bottom: 22px; }
.ebulten-input{height: 55px !important;}

.btn-ebulten{ color: #151311;display: block;width:55px; height: 55px;background: rgb(214,182,95);
background: -moz-linear-gradient(180deg, rgba(214,182,95,1) 0%, rgba(255,253,165,1) 75%, rgba(214,194,107,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(214,182,95,1) 0%, rgba(255,253,165,1) 75%, rgba(214,194,107,1) 100%);
background: linear-gradient(180deg, rgba(214,182,95,1) 0%, rgba(255,253,165,1) 75%, rgba(214,194,107,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d6b65f",endColorstr="#d6c26b",GradientType=1);}

/*********************************************************************************************************************************************/
.is-ortak-str{padding-top: 60px;}
.is-ortak-box{}
.is-ortak-box a{display: table;}
.is-ortak-logo{height: 116px;}
.is-ortak-box.akademi-box{width: 300px;margin-right:20px;}
.is-ortak-box.night-box{ margin-right:20px;}
.is-ortak-title{font: 18px 'Gilroy-SemiBold'; color: #fff;margin-top: 20px;}


/*********************************************************************************************************************************************/
.ebulten-ust-str{height: 36px;margin-bottom: 10px;padding: 0 70px;}


.harita-str{height: 148px; background: url("../pageFile/harita-str-bg.jpg") no-repeat center;}

.harita-goster-btn{float: none;display: table; margin: 54px auto;width: 242px;height: 38px; border: 1px solid #fff; font: 15px 'Montserrat-Regular'; color: #fff; text-align: center;line-height: 40px;}

/****/
 .styled-checkbox.bulten-check {
display: none;
}
.styled-checkbox.bulten-check + label {
    position: relative;
}

label.checkbox.bulten-check{    margin: 0 0 0 3%;
    line-height: 14px;font: 13px 'Montserrat-Light';color: #fff;width: 97%;padding-left: 2%;
    content: '';
    display: inline-block;}
 

.styled-checkbox.bulten-check + label:before,
.lt-ie8 .checkbox-replacement {    content: '';position: absolute;    left:-12px; top: -4px;    width: 24px;    height: 22px;    margin: 0 8px 0 -12px;    line-height:24px;    text-align: center;
    /* Put checkbox styles here: */
    border: 1px solid #fff;-webkit-border-radius: 8px;    -moz-border-radius: 8px;    border-radius: 8px;}
.styled-checkbox:checked + label:before,
.lt-ie9 .styled-checkbox.checked + label:before {
    content: '✔';
	color: #fff;
 
}

input[type="text"].transparent {
    border: 1px solid #fff;
    background-color: transparent;
    font: 14px 'Montserrat-Light';
    color: #fff;
}

.transparent::-webkit-input-placeholder { color: #fff;}
.transparent::-moz-placeholder { color: #fff;}
.transparent:-ms-input-placeholder {  color: #fff;}
/************************************/


/*********************************************************************************************************************************************/



.alt-menu-stn{width: auto;float: none; display: table;margin: 0 auto;}
 .alt-menu-title{font:14px 'Montserrat-SemiBold'; color:#fff; margin-bottom: 16px;}
ul.alt-menu{list-style-type: none;color: #ddd; margin:56px 0 25px;}
ul.alt-menu li.alt-menu{position: relative;float: left;font: 21px 'BebasNeue-Bold';color: #a98f3e;margin:0 28px; cursor: pointer;}
ul.alt-menu li.alt-menu:first-child{margin-left: 0;}
ul.alt-menu li.alt-menu:last-child{margin-right: 0;}
ul.alt-menu li.alt-menu a.alt-menu{font: 21px 'BebasNeue-Bold';color: #fff;}
ul.alt-menu li.alt-menu a.alt-menu:hover{ color: #a98f3e;}


 ul.alt-menu li.alt-menu .menu-cizgi{  position: absolute; left: 0; bottom: -3px; width: 0; background-color: #a98f3e; height: 3px;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}
 ul.alt-menu li.alt-menu:hover .menu-cizgi{ position: absolute; left: 0; bottom: -3px; width:100%; height: 3px;background-color: #a98f3e;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}

.alt-sozlesme-menu-stn{width: auto;float: none; display: table;margin: 0 auto;}

ul.alt-sozlesme-menu{list-style-type: none;color: #ddd; margin:10px 0 25px;}
ul.alt-sozlesme-menu li.alt-sozlesme-menu{position: relative;float: left;font: 16px 'Gilroy-Regular';color: #a98f3e;margin:0 28px; cursor: pointer;}
ul.alt-sozlesme-menu li.alt-sozlesme-menu:first-child{margin-left: 0;}
ul.alt-sozlesme-menu li.alt-sozlesme-menu:last-child{margin-right: 0;}
ul.alt-sozlesme-menu li.alt-sozlesme-menu a.alt-sozlesme-menu{font: 16px 'Gilroy-Regular';color: #fff;}
ul.alt-sozlesme-menu li.alt-sozlesme-menu a.alt-sozlesme-menu:hover{ color: #a98f3e;}


 ul.alt-sozlesme-menu li.alt-sozlesme-menu .menu-cizgi{  position: absolute; left: 0; bottom: -3px; width: 0; background-color: #a98f3e; height: 3px;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}
 ul.alt-sozlesme-menu li.alt-sozlesme-menu:hover .menu-cizgi{ position: absolute; left: 0; bottom: -3px; width:100%; height: 3px;background-color: #a98f3e;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


/*********************************************************************************************************************************************/




.etkinlik-str{padding: 44px 0;background-color: #26363a;}
.etkinlik-box{z-index: 24; width:calc(20% - 40px);width:-moz-calc(20% - 40px);width:-webkit-calc(20% - 40px);margin-right: 48px;text-align: center;margin: 12px 20px;}
/*.etkinlik-box:nth-child(5n){margin-right: 0;}
*/

/*
.etkinlik-box::after{content: ''; position: absolute;z-index: -2; width: 68px; height: 398px; top: -20px; right: -20px; background:url("../pageFile/etkinlik-sag-desen.svg") no-repeat center; background-size: 68px 398px;}

*/
.etkinlik-ortala{  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; 	-webkit-justify-content: center;
    -moz-justify-content:center;
	-ms-justify-content:center;
	justify-content: center;flex-wrap: wrap;  }


.etkinlik-date-box{position: absolute; font: 38px 'Gilroy-Black'; z-index: 14; top: -12px; right: -12px; width: 76px; height: 82px; background: url("../pageFile/etkinlik-date-bg.svg") no-repeat center; background-size: 76px 82px;padding: 10px 12px 0;color: #151311;line-height: 34px;}
.etkinlik-date-box span{font-size: 20px;line-height: 20px;}


.etkinlik-title-box{ background-color: #ff3b3b;padding: 6px 16px;}

.etkinlik-gun-title{font: 64px 'BebasNeue-Bold'; color: #fff; line-height: 54px;  height: 50px; margin-right: 12px; width: 60px;}
.etkinlik-ay-title{font: 24px 'BebasNeue-Bold'; color: #fff; line-height: 24px;}
.etkinlik-hafta-title{font: 24px 'BebasNeue-Book'; color: #fff; line-height: 24px;}

.etkinlik-img img{-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}

.etkinlik-img{margin-bottom: 10px;overflow: hidden;}
.etkinlik-title{ width: 100%; height: 50px; font: 19px 'Gilroy-Bold'; color: #fff; line-height:26px;display: table;}
.etkinlik-title p{display: table-cell; vertical-align: middle;}
 
.etkinlik-hover{position: absolute;z-index: 4; top: -100%; width: 100%; height: 100%; background: url("../pageFile/etkinlik-hover.svg") repeat ;opacity:0;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; } 
 


.etkinlik-box:hover>.etkinlik-img .etkinlik-hover{top: 0; opacity: 1;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.etkinlik-box:hover>.etkinlik-img img{transform: scale(1.2);-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.etkinlik-biletal-btn{left: 50%; margin-left: -54px; top: 50%; margin-top:-26px;   font: 30px 'BebasNeue-Bold'; color: #fff;padding: 7px 15px;border-bottom: 0;border-right: 0;}
 

 
 
.etkinlik-biletal-btn::after,
.etkinlik-biletal-btn::before{
      content: '';
      display: block;
      position: absolute;
      width: 20%;
      height: 40%;
      border: 2px solid;
      transition: all 0.6s ease;
      border-radius: 2px;z-index: 1;
}
.etkinlik-hover .etkinlik-biletal-btn::after{
      bottom: 0;
      right: 0;
      border-top-color: transparent;
      border-left-color: transparent;
      border-bottom-color: #fff;
      border-right-color: #fff;
}
.etkinlik-hover .etkinlik-biletal-btn::before{
      top: 0;
      left: 0;
      border-bottom-color: transparent;
      border-right-color: transparent;
      border-top-color: #fff;
      border-left-color: #fff;}



.etkinlik-hover:hover>.etkinlik-biletal-btn:after,
.etkinlik-hover:hover>.etkinlik-biletal-btn:before{
      width: 92%;
      height: 68%;
}





.etkinlik-ust-tarih-box{float: right;}
.etkinlik-ay-box{z-index: 999; width: 86px;margin-right: 12px;}
.etkinlik-yil-box{z-index: 999; width: 64px;}






/*********************************************************************************************************************************************/



.etkinlik-detay-str{}
.etkinlik-detay-sol-stn{width: 42%;margin-right: 70px;}
.etkinlik-detay-sag-stn{width: calc(58% - 70px);  }
 .etkinlik-detay-img{margin-bottom: 10px; }

/*
.etkinlik-detay-img::after{content: ''; position: absolute;z-index: -2; width: 68px; height: 398px; bottom: -46px; right: -20px; background:url("../pageFile/etkinlik-sag-desen.svg") no-repeat center; background-size: 68px 398px;}
*/
  
.etkinlik-detay-img img{-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.etkinlik-detay-title{font: 63px 'Gilroy-Bold'; color: #fff;}

.etkinlik-detay-bilgi-str{margin-bottom: 14px;}
.etkinlik-detay-ikon{width: 50px; height: 50px; margin-right: 14px; background-position: center center; background-repeat: no-repeat;}
.etkinlik-detay-ikon.etkinlik-detay-tarih-ikon{background-image: url("../pageFile/etkinlik-detay-tarih-ikon.svg");}
.etkinlik-detay-ikon.etkinlik-detay-saat-ikon{background-image: url("../pageFile/etkinlik-detay-saat-ikon.svg");}
.etkinlik-detay-ikon.etkinlik-detay-yer-ikon{background-image: url("../pageFile/etkinlik-detay-yer-ikon.svg");}

.etkinlik-detay-bilgi{width: calc(100% - 64px); font: 43px 'Gilroy-Bold'; color: #fff;}

.etkinlik-detay-bilgi span{font-family:  'Gilroy-Medium';  }


.loca-dis-box{max-width: 288px;}
.loca-stn{width: 100%; max-width: 194px}
.loca-box{margin-bottom: 12px;}

.loca-box input{ 
	display: none;
}

.loca-box label{padding: 6px 0;width: 100%;
	position: relative;
	color: #242424;
	background-color: #d9d4d0;
	font: 22px 'Gilroy-Black';
	text-align: center;
	height: 36px;
	line-height: 26px;
	display: block;
	cursor: pointer;
 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.loca-box input:checked +   label {
	border: 0px solid #333;
	   background: rgb(201,168,81);
background:  -moz-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background:  -webkit-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background:  linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9a851",endColorstr="#b4903a",GradientType=1);
}

 








.custom-checkbox.vip {
  cursor: pointer;
  display: block;

  margin: 0 0 46px;
  padding: 0 0 0 67px;
  position: relative;
  font: 24px 'Montserrat-Bold';
  color: #151716;
      line-height: 50px;
}


.custom-checkbox.vip {
 
  color: #fff;
}



.custom-checkbox.vip input[type=checkbox] {
  display: none
}
.custom-checkbox span.checkbox {
  background-color: #fff;
  border: solid 1px #ccc;
  cursor: pointer;
  display: block;
  height: 50px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
 }


 
.custom-checkbox.vip:hover> span.checkbox {
 background:rgb(201,168,81);
background: -moz-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background: -webkit-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background:linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9a851",endColorstr="#b4903a",GradientType=1);
 }




.custom-checkbox.vip input[type=checkbox]:checked + span.checkbox {
   background:rgb(201,168,81);
background: -moz-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background: -webkit-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background:linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9a851",endColorstr="#b4903a",GradientType=1);
  border-color: #3c9084;
  text-align: center
}
.custom-checkbox.vip input[type=checkbox]:checked + span.checkbox:before {
  content: "\f00c";
  color: #151311;
  font: 42px/1 FontAwesome;
  position: absolute;
  left: 2px;
  top: 2px
}

.custom-checkbox.vip:hover>   span.checkbox:before {
  content: "\f00c";
  color: #151311;
  font: 42px/1 FontAwesome;
  position: absolute;
  left: 2px;
  top: 2px
}
/**********************************/
.etkinlik-detay-fiyat-box{width: 174px; height:86px; background: url("../pageFile/fiyat-box-bg.svg") no-repeat left center;font: 39px 'Gilroy-Black';line-height: 39px; color: #151311;padding: 23px 5px 23px 14px;margin-right: 24px; }

.etkinlik-detay-fiyat-box span{font-size: 20px;position: absolute;margin-top: -9px;}

.etkinlik-detay-biletal-box{margin-top: 11px;}
.etkinlik-detay-biletal-btn{ background-color:  transparent;  font: 46px 'BebasNeue-Bold'; color: #fff;padding: 4px 15px;border-bottom: 0;border-right: 0;}
 


 


 
 
 
.etkinlik-detay-biletal-btn::after,
.etkinlik-detay-biletal-btn::before{
      content: '';
      display: block;
      position: absolute;
      width: 20%;
      height: 40%;
      border: 2px solid;
      transition: all 0.6s ease;
      border-radius: 2px;z-index: -1;
}
.etkinlik-detay-biletal-btn::after{
      bottom: 0;
      right: 0;
      border-top-color: transparent;
      border-left-color: transparent;
      border-bottom-color: #fff;
      border-right-color: #fff;
}
.etkinlik-detay-biletal-btn::before{
      top: 0;
      left: 0;
      border-bottom-color: transparent;
      border-right-color: transparent;
      border-top-color: #fff;
      border-left-color: #fff;}



.etkinlik-detay-biletal-btn:hover:after,
.etkinlik-detay-biletal-btn:hover:before{
      width: 92%;
      height: 68%;
}






.geri-btn{font: 27px 'BebasNeue-Bold'; line-height: 27px;width: 110px; padding: 12px 24px 7px 16px; color: #242424;   text-align: center;
   background:url("../pageFile/geri-ok.svg") no-repeat 90% center, rgb(201,168,81);
background: url("../pageFile/geri-ok.svg")  ,-moz-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background:url("../pageFile/geri-ok.svg")    , -webkit-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background:url("../pageFile/geri-ok.svg")  i linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9a851",endColorstr="#b4903a",GradientType=1);background-position: 90% center;background-repeat: no-repeat; background-size: 10px 20px,100%;

}




/*********************************************************************************************************************************************/

.kurumsal-str{text-align: center;}
/*********************************************************************************************************************************************/

.club-card-str{}
.club-card-sol-stn{width: 60%;}
.club-card-sag-stn{width: 40%;}

 


.club-card-btn.secili::before{content: ''; position:absolute;left: 0; width: 24px ; height: 48px;background-color: #fffea6; color:#fffea6; }

.club-card-aciklama{font: 15px 'Gilroy-Light'; color: #fff;padding-left: 48px;}




/***********************/
.club-cart-btn-box{margin-bottom: 0;}

.club-cart-btn-box input{ 
	display: none;
}

.club-cart-btn-box label{ width: 100%;
	position: relative;
 font: 25px 'Gilroy-Bold';color: #5b5b5b;padding-left: 48px;line-height: 48px;margin-bottom: 20px;
 
 
	display: block;
	cursor: pointer;
 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.club-cart-btn-box input:checked +   label {
color:#fffea6;
}

 .club-cart-btn-box input:checked +   label::before {
content: ''; position:absolute;left: 0; width: 24px ; height: 48px;background-color: #fffea6; color:#fffea6;
}


/***********************/


.djartist-str{padding: 44px 0;background-color: #151311;}
.djartist-box{width:calc((100% / 5) - 30px);margin: 0 15px 30px;  text-align: center; }
 
.djartist-grup-title{font:24px 'Gilroy-Bold'; color: #fffea6; text-align: center;padding-bottom: 20px;margin-bottom: 36px;;border-bottom: 2px solid #fffea6;}
.djartist-grup-str{margin-bottom: 50px;display: flex; flex-wrap: wrap;justify-content: center;}
.djartist-grup-ortala{float: none; display: table; margin: 0 auto;}
.djartist-title-1{font: 104px 'Gilroy-Bold';color: #242424;text-align: center;z-index: 18;}

.djartist-title-1 {
    color: #151311;
    text-shadow:
    -1px -1px 0 #383838,  
    1px -1px 0 #383838,
    -1px 1px 0 #383838,
    1px 1px 0 #383838;
}

html.ie7 .djartist-title-1,
html.ie8 .djartist-title-1,
html.ie9 .djartist-title-1 {
    background-color: #383838;
    filter: progid:DXImageTransform.Microsoft.Chroma(color= #383838 ) progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#383838,offX=-1,offY=-1);
    zoom: 1;
}

.djartist-title-2{font: 38px 'Gilroy-Bold'; color: #fff;margin-bottom: 36px;line-height: 38px;margin-top: -56px;text-align: center;z-index: 28;}


 


.djartist-title-box{ background-color: #ff3b3b;padding: 6px 16px;}


 .djartist-alt-title{ width: 100%; height: 50px; font: 19px 'Gilroy-Bold'; color: #fff; line-height:26px;display: table;}
.djartist-alt-title p{display: table-cell; vertical-align: middle;}


.djartist-img img{-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}

.djartist-img{margin-bottom: 10px;overflow: hidden;}
.djartist-title{ width: 100%; height: 50px;top: 50%; margin-top: -25px; font: 24px 'Gilroy-Bold'; color: #fff; line-height:26px;display: table;}
.djartist-title p{display: table-cell; vertical-align: middle;}
 
.djartist-hover{position: absolute;z-index: 4; top: -100%; width: 100%; height: 100%; background: url("../pageFile/djartist-hover.svg") repeat ;opacity:0;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; } 
 


.djartist-box:hover>.djartist-img .djartist-hover{top: 0; opacity: 1;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.djartist-box:hover>.djartist-img img{transform: scale(1.2);-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}

/*************************************************************************************************************************************************************************************************/




 .galeri-str{margin-bottom: 32px; flex-wrap: wrap;display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;justify-content: center; }
.galeri-box{flex-basis: 20%; min-height: auto; overflow: hidden;}

.galeri-hover{    position: absolute;    z-index: 4;    top: -100%; left: -100%;   width: 100%;    height: 100%;    background: url(../pageFile/etkinlik-hover.svg) repeat;    opacity: 0;    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;    -o-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;}

.galeri-zoom-ikon{font-size: 36px; position: absolute; width: 36px;height: 36px; left: 50%; margin-left: -18px; top: 50%; margin-top: -18px;color: #fff;}
 
 
.galeri-img,.galeri-img  img{display: block;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}

.galeri-box:hover>.galeri-img .galeri-hover{top: 0; left: 0; opacity: 1;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.galeri-box:hover>.galeri-img  img{transform: scale(1.2);-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.galeri-title{font: 18px 'Gilroy-Bold'; color: #fff;height: 32px; text-align: center;display: table; top: 50%; margin-top: -16px;}

.galeri-title p {display: table-cell; vertical-align: middle;}





/***************************************************************************************************************************************************************************************/

 





 .video-str{margin-bottom: 32px; flex-wrap: wrap;display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex; }
.video-box{flex-basis: 20%; min-height: auto; overflow: hidden;}

.video-hover{   cursor: pointer;position: absolute;    z-index: 4;    top: 0; left: 0;   width: 100%;    height: 100%;    background: url("../pageFile/video-play.svg") no-repeat center;background-size:54px 54px;       -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;    -o-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;}

.video-zoom-ikon{font-size: 36px; position: absolute; width: 36px;height: 36px; left: 50%; margin-left: -18px; top: 50%; margin-top: -18px;color: #fff;}
 
 
.video-img,.video-img  img{display: block; transform: scale(1.1);-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}

.video-box img{display: block;}

.video-box:hover>  .video-hover{ background-size:75px 75px;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.video-box:hover>   .video-box img{transform: scale(1.2);-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}


.video-title{font: 18px 'Gilroy-Bold'; color: #fff;height: 32px; text-align: center;display: table; top: 50%; margin-top: -16px;}

.video-title p {display: table-cell; vertical-align: middle;}











/*********************************************************************************************************************************************************************************************************/




















































 
.container-modal{position: relative;min-width: 100%;height: auto;margin-left: auto;margin-right: auto;width:100%;}
 
.col.inputDiv{width: 100%;}


.w100{width: 100%;}
.imgBox{width: 100%;height: auto;}
.imgBox img{  display: block;}
 

.pageBg{background-color: #b3d5d7;}

.row.top-genel{height: 134px; background:url(../images/page/ustBg.svg) repeat-x;    position: fixed;  z-index: 999999;}


.bannerBox{width: 100%;height: auto;margin-top:-164px;overflow-x: hidden;}
.banner-ust{    position: absolute;    width: 100%;  height: 462px;  display: table;    top: 0; z-index: 10; background: url("../pageFile/banner-ust.png") no-repeat top center; background-size: 100%;} 
.banner-alt{    position: absolute;    width: 100%;  height: 462px;  display: table;    bottom: 0; z-index: 10;background: url("../pageFile/banner-alt.png") no-repeat bottom center; background-size: 100%;} 
.banner-text{font: 18px 'Montserrat-Light'; color: #fff; text-align: center;}
.banner-cerceve{    width: 100%;    float: none;    margin: 0 auto;    display: table; top: 40%; margin-top: -112px;  position: absolute;    z-index: 16;}
.banner-text-box{max-width: 534px;height: auto; float: none; display: table; margin: 0 auto;text-align: center;}
.banner-text-title-1{font: 74px 'HathemBosteem';color: #fff;}
.banner-text-title-2{font: 79px 'CrossTown';color: #fff;}





.gecenin-yildizlari{height: auto;}
.gecenin-yildizlari-mb{height: auto;display: none;}

.ust-img-str{height: 182px;  background-repeat: no-repeat;background-position: top center;}
.ust-img-str.urunlerUst{background-color:#636363;}
.ust-img-str.kurumsalUst{background-image: url("../pageFile/kurumsalBg.jpg");}
.ust-img-str.iletisimUst{background-image: url("../pageFile/iletisimBg.jpg");}
.ust-img-str.haberlerUst{background-image: url("../pageFile/haberlerBg.jpg");}











 










.col.tecrube-ust{width:82px;height:100px; background: url("../pageFile/tecrube22.svg") no-repeat top center; background-size: cover;}

.mobil-dil-stn{position: absolute;  left: 30px;   top: 50%;  margin-top: -20px; z-index: 999999;}
select.dil {
    width: 32px;
    height: 32px;
    background:url("../pageFile/selectOkBeyaz.svg") no-repeat center 25px,#121212;
font: 15px 'Montserrat-Light';color: #fff;
 border: 0;
    padding: 0 9px;
    background-size: 9px
}
.menu-dil {
    position: relative;
    float: left;
    width: 168px;
    height: 30px;
    left: 50%;
    margin: 5px 0 5px -84px;
    text-align: center
}
.menu-dil span {
    position: relative;
    float: left;
    line-height: 26px;
    margin-top: 0
}
.menu-dil a.dil {
    position: relative;
    float: left;
    font: 18px 'Montserrat-Light';
    color: #000;
    width: 34px;
    height: 30px;
    text-align: center;
    line-height: 30px
}
.menu-dil a.dil.secili {
    font: 18px 'Montserrat-SemiBold';
    line-height: 30px
}
 .ust-btn-grup{margin-top: 0;}

 
select.dil{width: 36px;
    height: 36px;
    background:url("../pageFile/selectOkBeyaz.svg") no-repeat center 25px,#ff3b3b;
    font: 13px 'Montserrat-SemiBold';
    color: #fff;text-align: center;
 
    background-size:10px;-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}

select.dil option{width: 36px;
    height: 36px;
 
    font: 13px 'Montserrat-SemiBold';
    color: #fff;
text-align: center;
    background-size:10px;-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;}


/*******************************************/
.search-input{width:150px;position: absolute;right: 0}
.search-control{width:0 !important;}
.btn-search{border: 1px solid #6abdcc;width:36px; height: 36px;background-color: #fff;color: #6abdcc;}
.btn-search:hover.search>.search-input>.search-control{width: 150px !important; -webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; }
 
/***************/
 

.overlay,.overlay2,.overlay3,.overlay4,.overlay5,.overlay6,.overlay7,.overlay8 {
 /* height: 100%;*/
    height: 0%;   -webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
  width: 100%;
  display: block;
  position: fixed;
  z-index: 99999999;overflow-y: auto;
  top: 0;
  left: 0;
 
  background-color: rgba(173,146,63,.87);
}
.overlay3{  background-color: rgba(209,11,36,.87);overflow-x: hidden;overflow-y: auto;}
.overlay-content,.overlay2-content,.overlay3-content,.overlay4-content,.overlay5-content,.overlay6-content,.overlay7-content,.overlay8-content,.overlay-uyari-content {
  position: relative;
  top: 38%;
  width: 40%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}
.overlay2-content{width: 62%; top: 20%;}
.overlay3-content{top:9%;}
.overlay4-content{width: 70%; top: 20%;}
.overlay5-content{top:18%;}
.overlay7-content{top:8%;}
.overlay .closebtn,.overlay2 .closebtn,.overlay3 .closebtn,.overlay4 .closebtn,.overlay5 .closebtn,.overlay6 .closebtn,.overlay7 .closebtn,.overlay8 .closebtn{
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay2 input.bosAlan,.overlay3 input.bosAlan,.overlay4 input.bosAlan,.overlay5 input.bosAlan,.overlay6 input.bosAlan,.overlay7 input.bosAlan,.overlay8 input.bosAlan{padding: 0 !important;margin: 0 !important;width: 0 !important; height: 0 !important;}
.overlay .closebtn:hover,.overlay2 .closebtn:hover,.overlay3 .closebtn:hover,.overlay4 .closebtn:hover,.overlay5 .closebtn:hover,.overlay6 .closebtn:hover ,.overlay7 .closebtn:hover ,.overlay8 .closebtn:hover{
  color: #ccc;
}

.overlay input[type=text],.overlay2 input[type=text],.overlay3 input[type=text]  {
  padding: 15px;height: 50px;
  font-size: 17px;
  border: none;
  float: left;font-family: 'Montserrat-Light';
  width: 86%;
  background: white;
}


.overlay2 input[type=text],.overlay3 input[type=text],.overlay4 input[type=text],.overlay5 input[type=text],overlay6 input[type=text]{width: 100%;height: 50px;}  
.overlay3 select{  padding: 15px;height: 50px;}
.overlay input[type=text]:hover,.overlay2 input[type=text]:hover,.overlay3 input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button,.overlay2 button,.overlay3 button,.overlay4 button,.overlay5 button,.overlay6 button {
  float: left;
  width: auto;
  padding: 15px;
  background: #f1f1f1;
  font-size: 17px;
 
  cursor: pointer;
}

.overlay button:hover,.overlay2 button:hover,.overlay3 button:hover,.overlay4 button:hover,.overlay5 button:hover,.overlay6 button:hover {
  background: #bbb;
}


.overlay3-content{width: 100%;}
/*****************************************************************************/

.overlay-uyari{  height: 100%;    -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;  width: 100%;  display: block;
  position: fixed;  z-index: 900000;overflow-y: auto;  top: 0;  left: 0;  background-color: rgba(209,11,36,.50);}


.overlay-uyari .closebtn{  position: absolute;  top: -18px;  right: 6px;  font-size: 60px;  cursor: pointer;  color: #000000;}
.overlay-uyari-content{width: 500px; margin: 0 auto; background-color: #fff; padding: 32px; font: 15px 'Montserrat-Light';}
/*********************************************************************************************************************************************/
 
/*********************************************************************************************************************************************/
 

/**********************************************************/
 
/*********************************************************************************************************************************************/



.iletisim-ust-aciklama,.iletisim-adres{font: 15px 'Montserrat-Light'; color:#fff;text-align: center; margin: 20px 0;}
.iletisim-adres{margin: 36px 0; font-size: 18px;}
.iletisim-frekans-img{float: none; display: table; margin: 0 auto 38px;width: 120px; height: 44px;  }


.iletisim-orta-title{font: 68px 'BebasNeue-Bold'; color: #fff; line-height: 58px; float: none; display: table;margin: 0 auto;}
.iletisim-orta-title::after{content:''; position: absolute;width: 100px; height: 3px; left: 0; bottom: -6px; background-color: #fff;}


.iletisim-tel-box{ display: table; margin: 0 auto; float: none; width: 300px; background: url(../pageFile/alt-iletisim-icon.svg) no-repeat 94% 74%,#fff;    padding: 12px;    background-size: 60px;  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;   }
 
.mail-link{font: 18px 'Montserrat-Light'; color: #fff; margin: 19px 0; text-align: center;}

/**********************************************************************************************************/

.iletisim-yol-tarifi-link { float: none; display: table; margin: 17px auto 60px; width: 256px;  height: auto;   }
 
.iletisim-yol-tarifi-link .link-text{width:calc(100% - 48px);  font: 24px 'BebasNeue-Bold'; color: #151311;     background: rgb(201,168,81);
background: -moz-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background:  -webkit-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background: linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9a851",endColorstr="#b4903a",GradientType=1); padding: 11px 0  ;line-height: 18px; text-align: center;} 
.iletisim-yol-tarifi-link .sag-ok{background: #fff;width: 40px; height: 40px; font-size: 14px;line-height: 41px; color: #151311;} 


.iletisim-map-str{width: 100%; height: 368px;}

.iletisim-form-stn{width: 66.67%; float: none; display: table; margin: 36px auto;}
/**********************************************************************************************************/
.kimgelsin-form-stn{width: 70%; float: none; display: table; margin: 0 auto;}
.kimgelsin-title{font: 53px 'Montserrat-Black'; color: #fff;text-align: center;}

.kimgelsin-aciklama{font: 16px 'Montserrat-Light'; color: #fff; text-align: center; margin: 36px 0; }


.col.inputDiv.kimgelsin{margin-bottom: 16px;}
.label-anket{color: #fff;}
.input-anket{background-color: #fff !important; border: 1px solid #fff  !important;}
.textbox-anket{background-color: #fff;}


button.kimgelsin-btn{width: 100%; height: 64px; background-color: #000000;font: 24px 'Montserrat-Bold'; color: #fff;border: 1px solid #000000; margin-top: 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
button.kimgelsin-btn:hover{background-color: #fff;color:#000000;border: 1px solid #fff;}
/**********************************************************************************************************/
.ik-form-stn{width: 70%; float: none; display: table; margin: 0 auto;}
.ik-title{font: 53px 'Montserrat-Black'; color: #fff;text-align: center;}

.ik-aciklama{font: 19px 'Montserrat-Light'; color: #fff; text-align: center; margin: 36px 0; }


.col.inputDiv.ik{margin-bottom: 16px;}

button.ik-btn{width: 100%; height: 64px; background-color: #000000;font: 24px 'Montserrat-Bold'; color: #fff;border: 1px solid #000000; margin-top: 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
button.ik-btn:hover{background-color: #fff;color:#000000;border: 1px solid #fff;}


h1.isBasvuruForm {
    font: 19px 'Montserrat-Light';
    color: #fffea6;
    line-height: 40px;
    border-bottom: 1px solid #fffea6;
    text-align: left;
    margin-bottom: 20px
}
label.btn-upload {
    position: relative;
    float: left;
    display: block;
    width: 100px;
    height: 27px;
    border: 1px solid #ccc;
    background-color: #fff;
    z-index: 155;
    color: #333;
    line-height: 25px;
    text-align: center;
    font-weight: 700;
    left: 24px;
    top: 12px
}
.row.kisiselBilgi {
    margin-bottom: 42px
}
.col.inputDiv.resimAlti {
    margin-top: 15px
}





select.form-2 {
    width: 50%;
    height: 42px;
    background-color: #f7f7f7;
    font: 13px Montserrat-Light;
    color: #a6a6a6;
    padding: 0 10px;
    background-size: 9px
}

label.cvfile input{position: absolute;left: -9999px;}

span.cvFile{position: absolute; font: 15px 'Montserrat-Bold'; right: 0;border: 1px solid #fff;text-align: center;width: 148px;height: 50px;background-color: #fff;color: #ff3b3b;line-height: 50px;cursor: pointer;}
span.cvName{position: absolute;width: calc(100% - 156px);height: 50px;border: 1px solid #fff;line-height: 50px; background-color: #fff;color: #232323;}




input[type="text"].isBasvuruForm, textarea.isBasvuruForm {
   
}
.label-anket {
    font: 15px 'Gilroy-Bold';
    color: #fff; text-align: left;
    line-height: 36px
}
label.cinsiyet {
    width: 130px
}
textarea.evAdresi {
    height: 108px
}

.ekBilgi-str{margin-bottom: 16px !important;}

label.isBasvuruForm {height: 40px;line-height: 40px;
    margin-bottom: 0
}
.col.kisiBilgi-1 {
    width: 100%;
 
}
.col.kisiBilgi-2 {
    width: calc(50% - 4px);
    margin-right: 8px
}
.col.kisiBilgi-3 {
    width: calc(33.33% - 8px);
    margin-right: 8px
}
.col.egitimBilgi-5 {
    width: calc(20% - 8px);
    margin-right: 10px
}
.col.dilBilgi-4 {
    width: calc(25% - 10px);
    margin-right: 10px
}
.col.programBilgi-3 {
    width: calc(30% - 5px);
    margin-right: 10px
}
.col.programBilgi-7 {
    width: calc(70% - 5px);
    margin-right: 10px
}
.col-1 {
    width: 8.333333%
}
.col-2 {
    width: 16.666666%
}
.col-3 {
    width: 24.999999%
}
.col-4 {
    width: 33.333332%
}
.col-5 {
    width: 41.666665%
}
.col-6 {
    width: 49.999998%
}
.col-7 {
    width: 58.333331%
}
.col-8 {
    width: 66.666664%
}
.col-9 {
    width: 74.999997%
}
.col-10 {
    width: 83.333333%
}
.col-11 {
    width: 91.666663%
}
.col-12 {
    width: 99.999996%
}
.col.dilBilgi {
    width: 194px;
    margin-right: 12px
}
.col.dilDerece {
    width: 386px
}
.col.inputDiv {
    margin-bottom: 0
}
.col.dil-derece {
    top: 9px
}
.col.isDeneyim-2 {
    width: calc(17% - 9px)
}
.col.referans-4 {
    width: calc(25% - 8px);
    margin-right: 8px
}
.col.ikDigerBilgi-4 {
    width: calc(40% - 8px);
    margin-right: 8px
}
.col.ikDigerBilgi-6 {
    width: calc(60% - 8px)
}
.col.ikDigerBilgi-3 {
    width: calc(33.33% - 8px);
    margin-right: 8px
}
.mr-8 {
    margin-right: 8px!important
}
.label-derece {
    width: 90px;
    padding-left: 15px
}
.col.bilgisayarBilgi {
    width: 410px
}
.col.isDeneyim {
    width: 128px;
    margin-right: 9px
}
.col.inputDiv.tamamlayiciBilgiler {
    border-bottom: 1px solid #ccc;
    line-height: 42px
}
label.tamamlayiciBilgi {
    width: 264px
}
.label-tamamlayici {
    width: 110px
}
.row.buton-aciklama { font: 15px 'Montserrat-Light'; color: #fff;
    height: auto;text-align: justify;
    margin: 24px 0;
}
.col.buton-aciklama {
    width: 100%;
    margin-right: 24px;text-align: justify;
    height: auto;
}
.col.buton-isBasvuru {
    width: auto; margin-bottom: 36px;
}
button.isBasvuru {
    font: 15px 'Montserrat-Bold';
    background:url("../pageFile/geri-ok.svg") no-repeat 90% center, rgb(201,168,81);
background:-moz-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background: -webkit-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background: linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9a851",endColorstr="#b4903a",GradientType=1); color: #151311;
    height: 50px;
    padding: 0 14px; 
    border: 1px solid #a98f3e;
}
button.isBasvuru:hover {
    background-color: #fff;
    color: #a98f3e;
}
.label-cinsiyet {
    padding-left: 20px!important;
    padding-right: 12px!important
}
.col.cinsiyetMargin {
    margin-top: 9px
}
 

/**********************************************************************************************************/
.mekan-galeri-str{margin: 44px 0;}
.mekan-sol-stn{width: 300px; margin-right: 36px;height: auto;}
.mekan-sag-stn{width: calc(100% - 336px);height: auto; font: 15px 'Montserrat-Light'; color: #fff;}
.mekan-sol-link{font: 48px 'BebasNeue-Bold' ;color: #fff;line-height: 48px; margin-bottom: 70px;cursor: pointer;}
.mekan-sol-link::after{content:''; position: absolute;width: 70px; height: 2px; background-color: #fff; left:0; bottom: -4px; }

.mekan-sol-link:hover,.mekan-sol-link.secili{ color: #ff3b3b;}
.mekan-sol-link:hover:after,.mekan-sol-link.secili:after{ content:''; position: absolute;width: 70px; height: 2px; background-color: #ff3b3b; left:0; bottom: -4px; }
/**********************************************************************************************************/

.mekangaleri-box{width: 342px; height: 256px;margin-right: 24px; margin-bottom: 24px; border: 3px solid #ff3b3b;}
.mekangaleri-box:nth-child(2n){margin-right: 0;}

/**********************************************************************************************************/
.yorum-str{width: 100%; padding-bottom: 20px; margin-bottom: 20px ; border-bottom: 1px solid #fff;} 
.yorum-sol-stn{width: 44px; height: auto; margin-right: 20px;}
.yorum-sag-stn{width: calc(100% - 64px);}

.form-yildiz-genel{width: 284px;height: 40px;margin: 3px 0; }
.form-yildiz-alan{width: 40px; height: 40px; margin-right: 16px;}
.yildizAlan{ width:84px; height:18px; margin-top:3px; margin-bottom:9px;}
.yildizAlan .yildiz
{ width:84px; height:18px; }

.yildizAlan .yildiz.p5{	background:url("../pageFile/y5.svg") no-repeat;}

.yildizAlan .yildiz.p4{	background:url("../pageFile/y4.svg") no-repeat;}

 .yildizAlan .yildiz.p3{	background:url("../pageFile/y3.svg") no-repeat;}

 .yildizAlan .yildiz.p2{ 	background:url("../pageFile/y2.svg") no-repeat;}

.yildizAlan .yildiz.p1{		background:url("../pageFile/y1.svg") no-repeat;}

.yildizAlan .yildiz.p0{		background:url("../pageFile/y0.svg") no-repeat;}

/***************/
.yorum-kisi-title{font: 15px 'Montserrat-SemiBold'; color: #fff; margin-bottom: 5px;}
.yorum-kisi-aciklama{font: 15px 'Montserrat-Light'; color: #fff; margin-bottom: 5px;}

.mekan-degerlendir-yazi-stn{font: 15px 'Montserrat-SemiBold'; color: #fff; margin-right: 10px;line-height: 50px;}

.mekan-aciklama{height: 100px;}

.mekan-btn-str{margin-top: 16px;}
.mekan-btn { float: right !important; display: table; font: 15px 'Montserrat-Bold';    background-color: #fff; color: #ff3b3b;    height: 50px;    padding: 0 14px;     border: 1px solid #fff;
}
.mekan-btn:hover {    background-color: #fff;    color: #242424;}



















/**********************************************************************************************************/
 
 

.ustBox-str{height:210px;overflow: hidden;background:#1d1d1b;z-index: 15;}

.ustBox-title{font:64px 'Montserrat-Thin';color:#606060; margin-top:154px;line-height: 64px;}

.ustBox-bg{position:absolute;width:600px; height:210px;right: 0; background-repeat: no-repeat; background-position: right center; }

.ustBox-bg.kurumsal-ust-bg{background-image: url("../pageFile/kurumsal-title-bg.png");}
.ustBox-bg.urun-ust-bg{background-image: url("../pageFile/urun-title-bg.png");}
/***************/
.title-type-line{font: 18px 'Montserrat-Bold'; color: #303030; border-bottom: 4px solid #6abdcc; padding:0 24px; line-height: 42px;}

 /***************/

.temel-sol-stn{width: calc(100% - 264px); margin-right: 24px;left: -264px;}
.temel-sag-stn{width:240px;left: calc(100% - 264px);} 

.temel-icerik-box{background-color: #fff; padding: 32px; font: 13px 'Montserrat-Light'; color: #303030;}

.yan-list-link{background-color: #fff;font: 14px 'Montserrat-Light';color: #0f0f0f;padding: 16px 24px; text-align: left; margin-bottom: 1px;}
.yan-list-link:hover,.yan-list-link.secili{ background-color: #6abdcc; color: #fff; }


.coverFlow-str{ background-color: #ececec;overflow-x: hidden; margin-top: 36px;}

ul.yan-list{position: relative; list-style-type: none;}
ul.yan-list li.yan-list{position: relative;}
ul.yan-list li.yan-list a.yan-list{ display: block;background-color: #fafafa;font: 14px 'Montserrat-Light' ;color: #0f0f0f;padding: 6px 24px 6px 42px ; text-align: left; margin-bottom: 1px;}
ul.yan-list li.yan-list a.yan-list:hover,ul.yan-list li.yan-list a.yan-list.secili{ color:#6abdcc; }
 /***************/
.urun-sol-stn{width: 284px;min-height: 50px;height: auto;margin-right: 32px;}
.urun-sag-stn{width: calc(100% - 316px);}

.urun-ust-title{width: 100%;height: 52px; background-color: #ce171f;padding-left: 24px;font: 24px 'Montserrat-Black';line-height: 52px; color: #fff;}

.urun-ust-title::after{content: '';position: absolute;border-bottom:52px solid  #ce171f;
    border-right:14px solid transparent;right: -14px;top: 0;}
     
.urun-list-stn{width:calc(100% - 22px);}
a.urun-list-link{width: 100%; height: 40px;background-color: #252525;font: 18px 'Montserrat-Regular';color: #fff;line-height: 40px;padding-left: 24px;}

a.urun-list-link:hover,a.urun-list-link.secili{background-color: #000;}



.uclu-grup-ana-str{min-height:183px;  z-index:12;height: auto; margin: 24px 0;}


.uclu-grup-ana-box{width:calc(33.33% - 14px);background-color:#6abdcc; padding: 20px 40px; margin-right: 20px;}
.uclu-grup-ana-box:nth-child(3n){margin-right: 0;}
.urun-grup-ana-img{width: 105px; height: 105px; display: table; float: none; margin: 0 auto;}
  .uclu-grup-ana-img{max-width: 105px;}
  .uclu-grup-ana-img{max-width: 82px;}

.uclu-grup-ana-box:hover{ }
h1.urun-grup-ana-title{margin-bottom: 20px; font: 18px 'Montserrat-SemiBold';color:#fff;padding: 16px 0;text-align: center;min-height: 76px; border-bottom: 1px solid #97d1db;}
h1.urun-grup-ana-title span{font-family: 'Montserrat-Light'; }

.urun-grup-ana-aciklama{font: 15px 'Montserrat-Light'; color: #fff;text-align: center;}



/**************************/

.grup-ana-ikili-box{width: calc(50% - 1px); height: auto; margin-right: 0.5px; margin-bottom: 1px; overflow: hidden;}
.grup-ana-ikili-box:nth-child(2n){margin-right: 0;}
.grup-ana-ikili-box a{display: block; width: 100%; height: 100%;}
 
.grup-ana-ikili-img{overflow: hidden;}

.grow img { transition: all .9s ease-in-out; }
.grow img:hover { transform: scale(1.1); }

.grup-ana-ikili-title-item{margin-right: 36px;}
.grup-ana-ikili-title-link{font: 24px 'Montserrat-Light'; color: #231f20; padding: 32px 0; display: block; cursor: pointer;}



.grup-ana-ikili-title-box{position: absolute;width: 100%;bottom: 0;height: 60px; padding: 10px 15px; transition: all 0.5s ease;background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.47102591036414565) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.47102591036414565) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.47102591036414565) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}

h3.grup-ana-ikili-title{font: 18px 'Montserrat-SemiBold'; color: #fff;}
h4.grup-ana-ikili-title-2{font: 13px 'Montserrat-Light';color: #fff;}
 
.one-cikan-title-str{margin-top: 24px;}
h2.one-cikan-urun-ana-title{font: 22px 'Montserrat-Bold'; color: #060606;}

.one-cikan-urun-ana-str{background-color: #cbcbcb;padding: 50px 0;}



/**************************************/











.kurumsal-str-ana{background: url("../pageFile/kurumsal-bg-ana.jpg") no-repeat top center;background-size: cover;padding: 60px 0;}



.col-right.kurumsal-stn{width: 50%; left: 50%;}
h1.kurumsal-title-ana{font: 42px 'Montserrat-SemiBold';color: #8f8e8e;text-align: right;margin-bottom: 44px;}
h1.kurumsal-title-ana::after{content: '';position:absolute;width: 150px;background-color: #a71017;height: 1px;bottom: -17px;right: 0;}

.kurumsal-ana-aciklama{font: 18px 'Montserrat-Light';color: #8f8e8e;text-align: right;margin-bottom: 24px;}


.btn-type-incele,.btn-tumunu-incele{padding: 6px 24px;font: 15px 'Montserrat-SemiBold';background-color:transparent; color: #8f8e8e;text-align: center;border: 1px solid #a71017;display: block;width: auto;}
.btn-type-incele:hover,.btn-tumunu-incele:hover{background: #fff;color: #a71017;}



.medya-ana-str{min-height:472px;padding: 44px 0;}
.col-left.medya-ana-stn{width: 50%;}
h1.medya-ana-title{font: 54px 'Montserrat-SemiBold';color:#fff;}
h2.medya-ana-title-2{font:100px 'Montserrat-Black' ;color:#ce171f;  text-shadow: 	-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}
h3.medya-ana-title-3{font: 28px 'Montserrat-SemiBold';color:#fff;}
h3.medya-ana-title-3::after{content: '';position: absolute;width: 34px;height: 46px;background: url("../pageFile/medya-ana-ok.svg")no-repeat center;background-size: 34px 46px;margin-left: 10px;margin-top: -3px;}

.ihracat-ana-str{height: 568px;background: url("../pageFile/ihracatBg.jpg") no-repeat center;}

h1.ihracat-ana-title{font: 42px 'Montserrat-SemiBold';color: #fff;text-align: center;margin-top: 16px;}
h1.ihracat-ana-title::after{content: ''; position: absolute;background-color: #fff;width: 164px; height: 1px;left:50%;margin-left: -82px; bottom: -10px;}

.referans-ana-str{height: 308px;}
.referans-ana-box{margin-top: 36px;}
h1.referans-ana-title{font: 42px 'Montserrat-SemiBold';color: #8f8e8e;text-align: center;margin-top: 16px;}
h1.referans-ana-title::after{content: ''; position: absolute;background-color: #a71017;width: 164px; height: 1px;left:50%;margin-left: -82px; bottom: -10px;}


.alt-kisim-str{min-height:340px;background:#060606;padding: 40px 0;}

 

.ebulten-title{font: 22px 'Montserrat-ExtraBold';color: #fff;width: 263px;padding-right: 16px;}

.ebulten-btn{width: 110px; height: 36px;background-color:#ce171f;color: #fff;font: 18px 'Montserrat-SemiBold'; }
.ebulten-btn:hover{ background-color:#fff;color: #ce171f;  }

.ebulten-input.adSoyad{width:196px;margin-right: 16px;}
.ebulten-input.eposta{width:196px;margin-right: 16px;}
.bulten-check{font: 18px 'Montserrat-Light';color: #fff;}

 
.alt-sol-stn{width:calc(100% - 110px);}
 
.alt-sag-stn{width:110px;}
.alt-logo-box{width: 100%; height: 166px;background: url("../pageFile/alt-logo.png") no-repeat center; float: none; display: table; margin: 36px auto 0;}



 
.alt-adres-str{font:20px 'Roboto-Light';color: #fff;margin-bottom: 32px;margin-top: 24px;}



.alt-sosyal-str{margin-bottom: 24px;}


 

.alt-stn{width:180px;margin-right:16px;}
.alt-stn:nth-child(2n){margin-right: 0;}
.alt-sosyal-str{margin-bottom: 36px;}
.alt-iletisim-stn{width: 380px; margin-top: 30px; float: right ;margin-left: -68px;}
.alt-logo-stn{width: 100%;background: url("../pageFile/alt-logo.svg") no-repeat top center;background-size: 232px;height: 68px;margin-top:40px;}
.alt-sosyal-stn{width:392px;}
.sosyal-text{font: 18px 'Montserrat-Regular'; color: #fff;margin-bottom: 16px;}
.sosyal-btn-link{width: auto; height: 30px;font-size: 30px;margin-right:10px; color: #fff;display: block;}



/********************/




/******************/






.copyright{ font: 15px 'Montserrat-Regular'; color: #fff;margin-top: 30px;}
.alt-google-play{width: 110px; height: auto;margin-top: 5px; }
.alt-uygulama-btn{width: 110px;height: 38px;background: url("../pageFile/google-apple.svg") no-repeat; background-size: 220px 38px; display: block;}
.alt-uygulama-btn.google-play{background-position: 0 0;margin-bottom: 5px;}
.alt-uygulama-btn.apple-btn{background-position: -110px 0;}
.alt-uygulama-btn a{width: 100%; height: 100%; display: block;}




.copyright-str{ position: absolute; left: 0; bottom: -20px; font: 16px 'Montserrat-Light'; color: #fff; }
.copyright-box{ line-height: 50px; }
.design-box{ width: 72px;background: url("../pageFile/dplogo.svg") no-repeat; background-size: 72px 50px;}




.urun-box{width:calc(33.33% - 21.33px); min-height: 216px; border: 1px dotted #ccc;margin-right:32px;margin-bottom: 32px; background-color: #fff; font: 13px 'Montserrat-Light'; color: #646464;  }
.urun-box:nth-child(3n){margin-right: 0;}
.urun-img{margin-bottom: 20px;}


.urun-box-title{width:100%;height: auto;display: table; text-align: center;}
.urun-box-title-2{width:100%;height: auto;display: table;text-align: center; padding-bottom: 22px; }
.urun-box a{width: 100%; height: 100%; color: #646464; display: block;}
.urun-box-title p{display: table-cell;vertical-align: middle; text-align: center;}

/****************************************************************************************************/
.urun-detay-str{background-color: #fff;}
.urun-detay-sol-stn{width:calc(50% - 12px); margin-right: 24px;}
.urun-detay-sag-stn{width: calc(50% - 12px); padding: 24px 24px 24px 0;}
.urun-detay-title{font: 20px 'Montserrat-Bold';color: #0f0f0f;line-height: 46px; margin-bottom: 16px; border-bottom: 1px dashed #6abdcc;}
.urun-detay-title-2{font: 14px 'Montserrat-Light'; color: #646464;line-height: 24px;}
.urun-detay-aciklama{font: 14px 'Montserrat-Light'; color: #646464;margin-top: 24px; }
/****************************************************************************************************/











.col-left.arama-stn{width: 260px; height: 182px; background: url("../pageFile/urun-cokgen.svg") no-repeat; background-size: 260px 182px;margin-right: 18px;}
h3.arama-title{font: 46px 'Montserrat-ExtraBold';line-height: 43px; top: 50px; left: 30px; color: #fff;  -webkit-transform: rotate(-14deg);  /* Firefox */  -moz-transform: rotate(-14deg);  /* IE */  -ms-transform:rotate(-14deg);  /* Opera */  -o-transform: rotate(-14deg);}

 
h1.ana-arama-title{font:24px 'Eurostile-Semibold';color: #fff;letter-spacing: 10px;margin: 40px 0 80px;} 
.arama-form-str{margin-bottom: 0px;}

h1.ana-urun-grup-title{font:24px 'Eurostile-Semibold';color: #231f20;letter-spacing: 10px;margin: 40px 0;} 


.arama-alan-stn{width:calc(100% - 280px);padding: 66px 0; }
.arama-text-stn{width:calc(100% - 200px);margin-right: 24px; }
input.arama,select.arama{background-color: #eee;height: 50px;}
select.arama{background: url(../images/page/selectOk.svg) 95% center no-repeat,#eee;background-size: 20px 10px;}
.col.btn-arama{width:176px; }
button.btn-arama{background:url(../pageFile/arama-btn.svg) no-repeat 128px center,#b31c27;background-size: 32px 32px;;font: 19px 'Montserrat-Bold';color:#fff;width: 100%; height: 50px;text-align: left;padding-left:36px; }

/******************/
.row.ana-uclu{min-height: 50px;z-index:15000;margin-bottom: 40px; }
.ucluBox-ana,.ucluBox-urun{width: 310px;height: 142px;padding: 16px;display: block;}
 


.ana-uclu-img{width:110px;}
.ana-uclu-title{width:calc(100% - 150px);font: 24px 'Eurostile-Semibold';color: #231f20;height: 100%;display: table;padding-left: 16px;}
 .ana-uclu-title p{display: table-cell; vertical-align: middle;}
 
.ucluBox-ana.stn-1,.ucluBox-urun.stn-1{background-color: #e1e1e1;}
.ucluBox-ana.stn-2,.ucluBox-urun.stn-2{background-color: #d7d7d7;}
.ucluBox-ana.stn-3,.ucluBox-urun.stn-3{background-color: #c2c2c2;}
.ucluBox-urun{width: 33.33%;}




.ucluBox-urun:hover,.ucluBox-urun.secili{background-color: #ed6b1f;}
.ucluBox-urun:hover>.ana-uclu-title,.ucluBox-urun.secili>.ana-uclu-title{color: #fff;}

.ucluBox-urun:hover:after,.ucluBox-urun.secili:after{content: ''; position: absolute; width: 50px; height: 16px; background: url("../pageFile/urun-alt-ucgen.svg") no-repeat top center; background-size: 50px 16px; left: 50%; margin-left: -25px;bottom: -16px;}




.ana-katalog-box{width: 110px ;height: 142px;background:url("../pageFile/ana-katalaog-banner.svg") no-repeat center,#ed6b1f; background-size:58px;}

.ana-katalog-box a{width: 100%;height: 100%; display: block;}

 


h1.ana-haber-title{width: 100%; font: 25px 'Eurostile-Semibold'; color: #b31c27;line-height: 77px;padding-bottom: 24px;  letter-spacing: 8px;}
h1.ana-haber-title::after{content: '';position: absolute;width: 110px; height:6px; background-color:#b31c27;top: 56px;left: 0;}
.ana-kurumsal-str{font: 15px 'Montserrat-Light';}
 a.tumunu-incele{width: 100%;height:24px; font:15px 'Montserrat-Light';color: #252525;text-align: right;line-height:24px; display: block; margin-top: 29px;padding-right: 40px;}
 a.tumunu-incele:after{content: '';position: absolute;width: 30px; height: 24px; right: 0; background: url("../pageFile/incele-ikon.svg") no-repeat right center;background-size: 30px 24px;}



.col.haber-box-ana{width: 100%;height: 190px;padding-top:10px;background-color: #fff;margin-bottom: 10px;margin-top: 16px; border-bottom: 1px solid #b7b7b7;}
.col.haber-box-ana a{width: 100%;height: 174px;display: block;}

 
.imgBox.haberAna{width: 190px; height: auto; margin-right:32px;border: 1px solid #ccc;}
.imgBox.haberAna img{width:100%; height: auto; }
.col-right.haber-box-ana{width: calc(100% - 224px) ;}
h2.haber-box-ana{width: 100%; font: 16px 'Montserrat-Regular';color: #4f4f4f;min-height: 18px;margin-bottom:36px; }
p.haber-box-ana{ font: 15px 'Montserrat-Light';color: #4f4f4f; height: 136px;}
.row.haber-devam-ana{width:29px; height: 27px; background: url("../pageFile/incele-ikon.svg") no-repeat center right;background-size:30px; right: 0; bottom: 0;padding-right:84px; font: 15px 'Montserrat-Light';color: #004d66;line-height: 27px;}


 
/*******************************************************************************************************************************************************************/



/*************/
 
.col-left.ana{width: 496px;margin-right: 46px;height: auto;}   
.col-right.ana{width:522px;height: auto;}

.col-left.ana-kurumsal{width: 204px;margin-right:24px;}
.col-right.ana-kurumsal{width: calc(100% - 228px); }



.col.ana-yeniurun-box{width: 100%;height:432px; margin-bottom: 22px;background: url( ../images/page/ana-yeniurun.jpg) no-repeat top center,#15576b;padding: 25px;}

.col.hYeniUretimlerAna{width:306px;height: 100px; background: url(../images/page/hYeniUretimler.png) no-repeat center;margin-bottom: -25px;margin-left: 25px; z-index: 180;}

h5.ana-yeniurun{width: 100%; min-height: 50px;max-height: 120px;padding-right:110px;font:24px 'GothamNarrow-Bold';color: #fff;margin-top: 42px; }
h5.ana-yeniurun span{position: relative;float: left;width: 100%; min-height: 50px;max-height: 120px;padding-right:0;font:15px 'GothamNarrow-Light';line-height: 20px;margin-top: 5px; }

.new.yeniUrun{position: absolute;width: 108px; height: 108px; background: url(../images/page/newAna.png);top: -14px; right:0;z-index: 150;}

.imgBox.yeniUretim{position: relative; float:left; height: 234px;}


.row.sosyalAlan{height: 80px; background: #0c779a;padding: 20px 20px 20px 20px;}

ul.sosyal{list-style-type: none; float: left;}
ul.sosyal li.sosyal{float: left;margin-right: 10px;background:url(../images/page/sosyalIcon.svg) no-repeat;background-size:142px 42px;}
ul.sosyal li.sosyal.facebook{background-position: 0 0;}
ul.sosyal li.sosyal.twitter{background-position: -50px 0;}
ul.sosyal li.sosyal.instagram{background-position: -100px 0;}

ul.sosyal li.sosyal a.sosyal{width: 42px;height: 42px; display: block;}

.col.sosyalTakip{width: 156px;height: 42px;font:16px 'GothamNarrow-Light'; color: #fff;line-height: 42px;}
/*************/
 
 
 
.row.genel-ust{height: 282px;margin-bottom: 36px; z-index: 1;}
.row.genel-orta{min-height: 300px;height: auto;  padding: 50px 0;font: 15px 'Montserrat-Light';color: #252525;}
.row.genel-orta.ana-sayfa{margin-top:24px;}


.row.genel-alt{height:320px; background: url("../pageFile/altBg.jpg") repeat,#84131b;}
 
.container.ust::after{content: ''; position: absolute; width: 254px; height: 130px; background: url(../images/page/since1956.svg) no-repeat;right: -38px;top:0;}
.container.genel-orta{min-height: 300px;height: auto;}
 
.col.logo-alt{width: 500px;height: 320px;background: url(../pageFile/logoAlt.png) no-repeat;}

.row.alt-top{width:544px;}
.alt-iletisim-stn{width:544px;height: auto;margin-top: 60px;font:14px 'GothamNarrow';color: #fff;line-height: 32px;}

.col.alt-tel{width: 170px;padding-left:44px;margin-right: 32px;background: url("../pageFile/alt-tel-icon.svg") left center no-repeat;background-size: 36px 36px;font: 25px 'Montserrat-ExtraBold';color: #fff;line-height: 22px;margin-left: 96px;}

.col.alt-tel span{ font: 16px 'Montserrat-Light';color: #fff;line-height: 16px;}


.col.alt-mail{font: 15px 'Montserrat-ExtraBold';color: #fff;width: 246px;height: 26px;padding-left: 44px;background: url("../pageFile/alt-mail-icon.svg") left center no-repeat;margin-top: 14px;background-size: 36px 26px;}
.col.alt-mail a{text-decoration: none; color: #fff;}
.col.alt-logo-tam{width: 288px; height:80px; background: url("../pageFile/logoAlt.svg") no-repeat;background-size: 288px 80px; margin-left:calc(100% - 288px);margin-bottom: 16px;}

 


 
 
.designed{position: relative;width:80px;float: right;height:40px; background: url(../pageFile/logoDP.svg) no-repeat center;background-size:70px; }
.designed a{width: 100%;height: 100%; color: #fff;text-decoration: none;display: block;}
/**************/
 
 




.kurumsal-list-link{ background-color: #ebebeb; width: 224px;height: auto;border:1px solid #ebebeb;display: block;font: 15px 'Montserrat-SemiBold';padding: 16px 18px;color: #7b7b7b; }
.kurumsal-list-link:hover,.kurumsal-list-link.secili{background: #b31c27;display: block;color: #fff;}
 
 


/**************/
h1.genel{width: 100%;height: 68px;font:28px 'GothamNarrow-Med';color: #fff; text-align: center;margin-top: 86px;}
h1.genel::after{content: '';position: absolute;width: 20px; height: 10px; top: 68PX; left:50%; margin-left: -10px; background: url(../images/page/h-ok-down.svg) no-repeat center;background-size: 20px 10px;}


.imgBox.kurumsal{width: 444px; height: auto;margin-right: 60px; margin-bottom: 50px;}



 

/*************/


h1.iletisim,h1.haberDetay{width: 100%; height: 44px; font: 24px 'Montserrat-Light';   color: #333333; border-bottom: 1px solid #e3e3e3;  margin-bottom: 24px;}

.col.iletisimBox,.col.iletisimBox a{font: 15px 'Montserrat-Light'; color: #4c4c4c;min-height: 20px;line-height: 30px;}
.col.iletisimBox{padding-left:36px;margin-right:36px; }

.col.iletisimBox.yer{background: url(../images/page/i-iletisim-yer.svg) no-repeat; background-size: 20px 32px;width: 310px;min-height: 44px;line-height: 18px;}
.col.iletisimBox.tel{background: url(../images/page/i-iletisim-tel.svg) no-repeat; background-size:24px 24px;width: 182px;min-height: 30px; }
.col.iletisimBox.fax{background: url(../images/page/i-iletisim-fax.svg) no-repeat; background-size:26px 25px;width: 182px;min-height: 30px; }
 .col.iletisimBox.mail{background: url(../images/page/i-iletisim-mail.svg) no-repeat; background-size:24px 26px;width: 162px;min-height: 30px;line-height: 18px; }
 

.row.map{height: auto;  }

.col-left.iletisim{width: 518px;margin-right: 28px;margin-top: 11px;}
.col-right.iletisim{width: 490px;margin-right: 27px;}
textarea.iletisim{height: 133px;}
button.iletisim{width: 160px; height: 50px;  font: 17px 'Gilroy-Bold'; color: #151311; background: rgb(201,168,81);
background: -moz-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background:  -webkit-linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
background: linear-gradient(60deg, rgba(201,168,81,1) 0%, rgba(255,254,166,1) 65%, rgba(180,144,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9a851",endColorstr="#b4903a",GradientType=1);border: 1px solid #a98f3e; margin-top: 10px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
button.iletisim:hover{background-color: #fff;color:#a98f3e;}

ul.iletisim {
    list-style-type: none;width: 100%;
    margin-bottom: 24px
}
ul.iletisim li {
    float: left;
    min-height: 20px;
    display: table
}
ul.iletisim li p {
    display: table-cell;
    vertical-align: middle
}
ul.iletisim li:nth-child(1) {
    width: 92px;
    font:15px 'Montserrat-Regular';   color: #393939;
}
ul.iletisim li:nth-child(2) {
    width: 10px;
 
}
 ul.iletisim li:nth-child(3) {
    width: calc(100% - 108px);
 
}
ul.iletisim li a {width: 100%;
    display: block;
    font-family: 'Montserrat-Regular';
    color: #393939;
}



 .haber-box{width: 100%;height: auto;text-align: left;/* margin-right:30px; */border-bottom: 1px solid #ccc;margin-bottom: 30px;padding-bottom: 30px;}
.haber-box:nth-child(2n){ margin-right:0;}
.col-left.haber-stn{width: auto;margin-right: 40px;width: 246px;}
 .col-right.haber-stn{width: calc(100% - 286px);}

.imgBox.haber-img{width: 100%;  border: 1px solid #ccc;}
h1.haber-title{font:24px 'Montserrat-Light';color: #434343;}
.haber-content{font: 17px 'Montserrat-Light'; color: #434343;margin-bottom: 24px;min-height: 90px;}

.btn-type-1{padding: 10px 24px;font: 17px 'Montserrat-Light';background: #ce171f; color: #fff;text-align: center;border: 1px solid #b31c27;display: block;width: 142px;}
.btn-type-1:hover{background: #fff;color: #ce171f;}



/**************/
h2.haber-title{font: 17px 'Montserrat-Regular';
    height: auto;
    line-height: 50px;
    color: #393939;
  
    margin-bottom: 16px;}
.imgBox.haber-detay-img{max-width: 500px; margin-right: 16px; margin-bottom: 16px;border: 1px solid #ccc;}

/**************/
.row.grupList{margin-top: 40px;}
.col.grupListBox{width:calc(33% - 20px);min-height: 154px;margin-right:20px;margin-bottom:20px;}
.col.grupListBox a{width: 100%;height: auto;display: block;}


.imgBox.grupList{width: 100%; height: auto; display: block;}
.imgBox.grupList img{width: 100%; height: auto; display: block;}
.grupTopBox{position: absolute;top: 0;left: 0; padding: 15px; width: 100%; height: 100%;}
.grupTopBox::after{content: ''; position: absolute;top: 0;left: 0; width: 64px; height: 32px; background: url("../pageFile/ucgen-urun-ust.svg") no-repeat top left; background-size: 64px 32px;}

.grupTopBox h1.grupAdi{position: relative;float: left;width: 100%; height: 100%; display: table;}
.grupTopBox h1.grupAdi p{display: table-cell; vertical-align: middle; font: 24px 'Montserrat-Bold'; color: #fff;}
/**************************************************************************************************************************************/
.row.urunList{margin-top: 30px;}

.col-left.urun-detay-stn{width: 260px;min-height: 200px;margin-right: 24px;}
.col-right.urun-detay-stn{width: 780px;}


 



a.urunlist-box{background-color: #eee;padding: 14px;margin-bottom: 16px;width:calc(50% - 16px);margin-right: 16px;min-height:150px;height: auto;}
a.urunlist-box:nth-child(2n){margin-right: 0;}

a.aramalist-box{background-color: #eee;padding: 14px;margin-bottom: 16px;width:calc(50% - 16px);margin-right: 16px;min-height: 146px;height: auto;}
 




h1.urunlist-title{position: relative;float: left; width: 100%;height: 48px;  display: table;padding-left: 15px;margin-bottom:10px;}
h1.urunlist p{ font: 20px 'Montserrat-Bold';color: #00384a;display: table-cell; vertical-align: middle;}
 
h1.urunlist.alt{background-color: #eee;}

.imgBox.urunlist{position: relative;float: left;width: calc(42% - 16px);height:auto;margin-right: 16px;}
.imgBox.urunlist img{width:100%; height: auto;display: block;}
 /******/
.col-right.urunlist-right{width: 58%;}
  
ul.urunlist{position: relative;float: left;list-style-type: none;width: 100%;font-size: 12px;}
ul.urunlist.list-title{margin-bottom: 24px;}
ul.urunlist li{position: relative;float: left;color: #1c1b20;}
ul.urunlist li.urun-name{width: 100% !important;color: #b31c27 !important; font-family: 'Montserrat-Bold';font-size: 15px;}
ul.urunlist li:nth-child(1){width: 85px;}
 ul.urunlist li:nth-child(2){width:18px;}
 ul.urunlist li:nth-child(3){width: calc(100% - 105px);}

  
.urun-detay-str{margin-bottom: 24px;}
.imgBox.urunDetay-teknik{width: 784px;height: auto;}
.imgBox.urunDetay-teknik img{width: 784px;height: auto;display: block;}

.tabAlan-str{margin-top: 24px;}
 
.tabAlan{position: relative; float: left; width:100%;min-height:250px; display: block;}
.tabAlan ul.tabmenu{position: relative;float: left;width: 100%;height: auto;list-style-type: none;border-bottom: 1px solid #ccc;}

.tabAlan ul.tabmenu li{position: relative; float: left;}

.tabAlan ul.tabmenu li a{width: 198px;height: auto;font:20px 'Montserrat-Bold';line-height: 52px;color: #5f5e5e;text-align: center;text-decoration: none;display: block;}

.tabAlan ul.tabmenu li a:hover,ul.tabmenu li.secili a{ background-color: #ce171f;color: #fff;}


.tabAlanDetay{position: relative; float: left; width:100%;min-height:250px; display: block;}
.tabAlanDetay ul.tabmenu{position: relative;float: left;width: 100%;height: auto;list-style-type: none;border-bottom: 1px solid #ccc;}

.tabAlanDetay ul.tabmenu li{position: relative; float: left;}

.tabAlanDetay ul.tabmenu li a{width: 198px;height: auto;font:20px 'Montserrat-Bold';line-height: 52px;color: #5f5e5e;text-align: center;text-decoration: none;display: block;}

.tabAlanDetay ul.tabmenu li a:hover,ul.tabmenu li.secili a{ background-color: #ce171f;color: #fff;}







 

.imgBox.btn-360{width: 60px;position: absolute; left: 10px; top: 7px;}
/******************************








************************************/
.tabAlan .detay-box{position: relative; float: left; width:100%;min-height:250px;padding-top: 24px; box-sizing: border-box;word-break: break-word;}

.tabAlan .detay-box h1{position: relative; float: left; width: 100%; height: 32px; font: 12pt 'Open Sans'; color: #ce171f; line-height: 32px; margin-bottom: 24px;}


/*********************************************/

.tabAlanMn-str{margin-top: 0;}
 
.tabAlanMn{position: relative; float: left; width:100%;min-height:250px; display: block;}
.tabAlanMn ul.tabmenuMn{position: relative;float: left;width: 100%;height: auto;list-style-type: none;border-bottom: 1px solid #ccc;}


.tabAlanMn ul.tabmenuMn li{position: relative; float: left;z-index: 999;}

.tabAlanMn ul.tabmenuMn li a{width: 198px;height: auto;font:18px 'Montserrat-Bold';line-height: 52px;color: #5f5e5e;text-align: center;text-decoration: none;display: block;}

.tabAlanMn ul.tabmenuMn li a:hover,ul.tabmenuMn li.secili a{ background-color: #ce171f;color: #fff;}

.tabAlanMn ul.tabmenuMn li a:hover:after,ul.tabmenuMn li.secili a:after{content: '';position: absolute;  color: #fff;left: 0;top: 52px;
 
   border-color: #ce171f transparent transparent transparent;
   border-style: solid;
   border-width: 20px 100px 0 100px;
   width: 0px;
   height: 0px;
}







/******************************************************************/
.tabAlanMn .detay-box{position: relative; float: left; width:100%;min-height:250px;padding-top: 24px; box-sizing: border-box;word-break: break-word;}

.tabAlanMn .detay-box h1{position: relative; float: left; width: 100%; height: 32px; font: 12pt 'Open Sans'; color: #ce171f; line-height: 32px; margin-bottom: 24px;}



/**********************************************/




.row.oemNo-urunList{font: 15px 'GothamNarrow-Light';color: #346370;padding: 10px 0;min-height:38px !important;}
h2.urunAdi-urunList{font: 18px 'GothamNarrow'; color: #1c1b20;margin-bottom: 14px;}

.col.label-urunAdi{width:60px;margin-right: 10px;}
.col.label-urunAdi::after{content: ':';position:absolute;right: 0;}

.col.urunAdi-urunList,.col.label-urunAdi{font:15px 'GothamNarrow'; color: #1c1b20;}
.col.urunAdi-urunList{width:140px;}


a.yan-urunList{width: 100%; background: #e1e1e1;font: 15px 'Montserrat-Regular';color: #666666;text-align: left;padding: 12px 0;border: 1px solid #ebebeb;border-bottom: 0;display: block;padding-left:24px;}

a.yan-urunList.secili,a.yan-urunList:hover{background:#b31c27; color: #fff;text-align: left;   }
 

h2.yan-katalog{width: 100%; height: 54px; font: 21px 'GothamNarrow-bold'; color:#004d66;line-height: 54px;}
.col.katalogBox{width: 256px; height: 171px;background: url(../images/page/yanKatalogBg.jpg)}
.col.katalogBox a{width: 256px; height: 171px;display: block;}

 
  

.row.urunDetay-ust{margin-bottom: 24px;}

.col.urunDetayBox{background-color: #eee;padding: 18px;margin-bottom: 18px;}


h1.urunDetay{position: relative;float: left; width: 100%;height: 48px;  display: table;padding-left: 15px;margin-bottom:10px;}
h1.urunDetay p{ font: 20px 'Montserrat-Bold';color: #32428c;display: table-cell; vertical-align: middle;}
 
h1.urunDetay.alt{background-color: #eee;}

.imgBox.urunDetay{position: relative;float: left;width: 314px;height: 314px;margin-right: 14px;}
.imgBox.urunDetay img{width: 100%;height:auto;display: block;}
 /******/
.col-right.urunDetay{width: 406px;}
  
ul.urunDetay{position: relative;float: left;list-style-type: none;width: 100%;padding:10px 0;margin-bottom: 8px;}
ul.urunDetay li.urunDetay{position: relative;float: left;}
ul.urunDetay li.urunDetay.urun-name{width: 100% !important; color: #b31c27; font:15px 'Montserrat-Bold';}
ul.urunDetay li.urunDetay:nth-child(1){width: 111px;}
 ul.urunDetay li.urunDetay:nth-child(2){width:18px;}
 ul.urunDetay li.urunDetay:nth-child(3){width: calc(100% - 130px);}


.imgBox.urunDetay-teknik{width: 784px;height: auto;}
.imgBox.urunDetay-teknik img{width: 784px;height: auto;display: block;}
/******/


 


.imgBox.haberdetay{width: 320px;height: auto;margin-left: 24px; margin-bottom: 20px;}


/***********/
 
/*******************************************************************************/
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}

 
.row.serit-menualt{height: 48px;background-color: #092c74; }

.box-shadow-serit{-webkit-box-shadow: inset 0px 10px 20px 0px rgba(0,0,0,0.45);
-moz-box-shadow: inset 0px 10px 20px 0px rgba(0,0,0,0.45);
box-shadow: inset 0px 10px 20px 0px rgba(0,0,0,0.45);}
 
.radius-15{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.radius-6{-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.radius-left-18{-webkit-border-top-left-radius: 18px; -webkit-border-bottom-left-radius: 18px; -moz-border-radius-topleft: 18px; -moz-border-radius-bottomleft: 18px; border-top-left-radius: 18px; border-bottom-left-radius: 18px;}

.radius-right-18px{-webkit-border-top-right-radius: 18px; -webkit-border-bottom-right-radius: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; border-top-right-radius: 18px; border-bottom-right-radius: 18px;}


.radius-left-28{-webkit-border-top-left-radius: 28px; -webkit-border-bottom-left-radius: 28px; -moz-border-radius-topleft: 28px; -moz-border-radius-bottomleft: 28px; border-top-left-radius: 28px; border-bottom-left-radius: 28px;}

.radius-right-28{-webkit-border-top-right-radius: 28px; -webkit-border-bottom-right-radius: 28px; -moz-border-radius-topright: 28px; -moz-border-radius-bottomright: 28px; border-top-right-radius: 28px; border-bottom-right-radius: 28px;}
 

 
ul.alt-sosyal{list-style-type: none; float: left;}
ul.alt-sosyal li.alt-sosyal{float: left;margin-right: 10px;background:url("../pageFile/sosyalicon.svg") no-repeat;background-size:180px 30px;}
ul.alt-sosyal li.alt-sosyal:hover{ background:url("../pageFile/sosyalicon2.svg") no-repeat;background-size:180px 30px;}
ul.alt-sosyal li.alt-sosyal:last-child{margin-right: 0;}
ul.alt-sosyal li.alt-sosyal.facebook{background-position: 0 0;}
ul.alt-sosyal li.alt-sosyal.youtube{background-position: -37px 0;}
ul.alt-sosyal li.alt-sosyal.twitter{background-position: -75px 0;}
ul.alt-sosyal li.alt-sosyal.instagram{background-position: -112px 0;}
ul.alt-sosyal li.alt-sosyal.linkedin{background-position: -150px 0;}
ul.alt-sosyal li.alt-sosyal a.alt-sosyal{width: 30px;height: 30px; display: block;}



.center-table{float: none; display: table; margin: 0 auto;}

.center-block {  
  display: block;
  margin-right: auto;
  margin-left: auto;
}
 @media (min-width: 1281px)
{
  
     
       .mobil-header,.mobil-item{display: block !important;}
    .dokuman-box:nth-child(3n){margin-right: 0;}
      .neden-sun-box:nth-child(4n){margin-right: 0;}
    .col-left.urun-detay-stn{display: block;}
    .whatsapp-btn{display: none;}
}

 

@media (min-width: 1025px) and (max-width: 1280px) 
{
       .mobil-header,.mobil-item{display: block !important;}
 
 .dokuman-box:nth-child(3n){margin-right: 0;}
    .ana-neden-sun-str{background-size: cover;}
    .neden-sun-box:nth-child(4n){margin-right: 0;}
    .col-left.urun-stn{display: block;}
    .whatsapp-btn{display: none;}
    
}
 
@media (min-width: 871px) and (max-width: 1024px) 
{ body{min-width: 100%;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    
    
     .djartist-box{width:calc((100% / 3) - 30px); }
    
    /*************/
    .col.logo{width: 240px; height: 86px;}
    .navbar ul.menu li.menu{margin: 0 22px;}
   
    /************/
          .mobil-header,.mobil-item{display: block !important;}
    .mobil-logo{display: none;}
    
    .col-right.kurumsal-stn{width: calc(100% - 284px);}
    a.urunlist-box{width: calc(50% - 9px);}
    
    
    .ana-djartist-box{width: calc(33.33% - 20px);}
    .ana-djartist-box:nth-child(3n+2){margin-right: 0;}
    
    
    
    .etkinlik-box{width:-webkit-calc(33.33% - 40px)}
    
    
    
    
    
    
    
    
 
    .urun-box{width:calc(50% - 17px);margin-right: 34px;height: auto;}
    .urun-box:nth-child(2n) {margin-right: 0;}
     .urun-box:nth-child(3n){margin-right: 34px;}
    .urun-box:nth-child(6n){margin-right: 0;}
    
      
    
    /************/
        a.urunlist-box:nth-child(2n){margin-right: 0 ;}
 a.urunlist-box:nth-child(3n){margin-right:16px;}
    a.urunlist-box:nth-child(6n){margin-right: 0 ;}
    .ucluBox-ana, .ucluBox-urun{height: auto;min-height: 242px;}
    .ana-uclu-img{width: 100%;max-width: 150px; float: none; display: table;margin: 0 auto;}
    .ana-uclu-title{width: 100%;text-align: center;}
    /*************/
    .col-left.urunList{width:calc(100% - 294px);}
    .imgBox.urunDetay{width: 40%;height: auto;}
    .col-right.urunDetay{width: calc(60% - 14px);}
    
    .col-left.urun-detay-stn{display: block;}
     .whatsapp-btn{display: none;}
    
}

 
 

 

@media (min-width: 481px) and (max-width:870px) 
{
    
body{min-width: 100%; }
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    
      .mobil-ust-str{z-index: 999;}
    .giris-otel-logo{display: none;}
    
        
   
    .djartist-box{width:calc((100% / 3) - 30px); }
 
    
    
        .ana-djartist-box{width: calc(33.33% - 20px);margin-bottom: 30px;}
    .ana-djartist-box:nth-child(3n+2){margin-right: 0;}
    
        .col-left.alt-sol-stn,.col-right.alt-sag-stn{width: 100%;}
    .alt-logo-box{float: none;display: table;margin: 0 auto;}
    
    .ebulten-form-box{width: 100%;}
        .ebulten-input.adSoyad,.ebulten-input.eposta,.ebulten-btn-box,.ebulten-btn{width: 100%;margin-right: inherit;margin-bottom: 16px;}
    .col-right.kurumsal-stn{left: 0;}
    .ana-alt-uclu-box{width: 100%; margin-bottom: 24px;}
    ul.alt-menu li.alt-menu{margin: 0 auto;}
    .copyright{width: 100%; text-align: center; margin-bottom: 30px;}
    .alt-sag-stn{float: none; display: table; margin: 24px auto;}
    
    
    .ustBox-str{height: 120px;}
  .ustBox-title{margin-top: 71px; font-size: 44px;}
    /****************************************/
    .temel-sag-stn{width: 100%; left: 0;}
    .temel-sol-stn{width: 100%;left: 0;margin-right: 0;}
     .temel-sag-stn{display: none;}
    
    
    /**********************************/
 .etkinlik-box{width:-webkit-calc(50% - 40px)}
    .etkinlik-str{margin-top:0;}
       .etkinlik-detay-str{margin-top: -60px;}
    .etkinlik-detay-rakam{width: 100%;margin-bottom: 16px; margin-right: 0;}
    .etkinlik-detay-link{width:auto; float: none; display: table;margin: 24px auto;}
    .etkinlik-detay-img{width: 100%;}
    .etkinlik-detay-unlu-title-box{width: 100%; padding:16px 0;}
 .etkinlik-detay-unlu-title { font: 44px 'BebasNeue-Bold'; color: #fff;line-height: 50px;  margin-bottom: 4px;}
    .etkinlik-detay-title-box{padding: 0;}
    .etkinlik-detay-title-str{margin-top: 0;}
    .etkinlik-sosyal-box{float: none; display: table; margin: 0 auto;}
 /********************************************************/
    .ust-title-str{height: auto;}
    .gecenin-yildizlari{ display: none;}
    .gecenin-yildizlari-mb{ display: block;}
    
        /********************************************************/
    .mekan-sol-stn{width: 100%; margin-right: 0;}
    .mekan-sag-stn{width: 100%;}
        .mekan-sag-stn{width: 100%;}
    .mekangaleri-box{width: 100%; margin-right: 0; height: auto;}
    .mekan-sol-link{margin-bottom: 24px;}
 /********************************************************/
    
    .ebulten-ust-str{height: auto;padding: 0;}
    .ebulten-btn-box,.btn-ebulten{width: 100%;}
    .ebulten-label{width: 100%; margin-right: 0; text-align: center;}
    
    
    .iletisim-str{margin-bottom: 0 !important;padding-bottom: 0 !important;}
    .col-left.iletisim-stn,.col-right.iletisim-stn,.col-left.iletisim-form-stn,.col-right.iletisim-form-stn{width: 100%;}
    .col-left.iletisim-stn{margin-bottom: 24px;}
        .col-left.iletisim-form-stn{margin-right: 0;}
 
    
    .ucluBox-ana, .ucluBox-urun{width: 100%;height: auto;}
    .ana-uclu-img{float: none;display: table;width: 100%;max-width: 150px;margin: 0 auto;}
    .ana-uclu-title{width: 100%;text-align: center;}
    h1.ana-urun-grup-title{font-size: 20px;letter-spacing: 6px;}
 /*************************************************************/
    .col-left.ana{margin-right:0;margin-bottom: 36px;}
    .col-left.ana,.col-right.ana{width: 100%;height: auto;}
    h1.ana-haber-title{line-height: 24px;}
    /*********************************/
    .col-left.kurumsal-stn{width: 100%;margin-right: 0;margin-bottom: 36px;}
    .kurumsal-list-link{width: 100%;}
    .col-right.kurumsal-stn{width: 100%;}
 /****************/
 
   
    
    /***************/
    .row.genel-alt{height: auto;}
    .row.alt-top{width: 100%;}
    .row.alt-menu{width: 100%; height: auto;margin: 36px 0;}
   ul.alt-menu,ul.alt-menu li.alt-menu{width: 100%;}
    ul.alt-menu li.alt-menu a.alt-menu{padding: 12px 0;}
    
    .col.logo-alt{display: none; }
    .col.alt-mail,.col.alt-tel{float: none; display: table;margin: 0 auto;}
    .col.alt-tel{margin-bottom: 36px;}
    .col.alt-logo-tam{float: none;display: table; margin: 50px auto 0;}
    .alt-iletisim-stn{margin-top: 36px;}
    .ana-sosyal-str{height: auto;}
    .alt-sosyal-stn{width: 292px;float: none; display: table; margin: 0 auto 24px;}
    .ana-katalog-stn{float: none; display: table; margin: 0 auto;}
    /********************/
    .alt-iletisim-stn,.alt-stn,.alt-sol-stn,.alt-logo-stn{width: 100%;}
    .alt-stn,.alt-logo-stn{margin-right: 0;}
    .alt-logo-stn{background-position: center;margin-bottom: 16px;}
    .sosyal-text{text-align: center;}
    .alt-sosyal-alan{float: none;margin: 0 auto; display: table;}
    ul.alt-menu li a{width: 100%; text-align: center;display: block;}
    .copyright-box{text-align: center;width: 100%;}
    .design-box{width: 100%;background-position: center;}
    .design-box a{width: 100%;height: 50px;display: block;}
    .menu-ust-str{display: none;}
   /***********/
    .haber-box{width: 100%;margin-right: 0;}
    h2.haber-title{line-height: normal;padding-bottom: 16px;text-align: center;}
    .imgBox.haber-detay-img{margin-right: 0;}
    .haber-content{min-height: auto;}
    .haber-detay-content{text-align: center;}
    .incele-str{margin-top: 36px;}
 
    
    
    /*********************/
    
        .alt-menu-title{text-align: center;}
    .uclu-grup-ana-box{width: 100%;margin-right: 0; margin-bottom: 20px;}
    .grup-ana-ikili-box{width: 100%;}
 
    /*****************************************************************************************/
        .galeri-box,.video-box{width: 100%;height: auto;}
    .video-box{margin-right: 0;}
    /***********/
 
     
    /************/
    
    .overlay-content, .overlay2-content, .overlay3-content, .overlay4-content, .overlay5-content, .overlay6-content, .overlay7-content, .overlay8-content{width: 96%;}
    
    /*************/
    
    
    /***********/
    .ust-img-box{height: 150px; background-size: 163%;}
     .mobil-logo{height: 154px;
    padding-top: 20px;
    z-index: 9999;}
    .mobil-logo-link{ position: relative;
    float: none;
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 100px;
} 
    
     /*********************/
    .mobil-dil-stn{margin-top: -40px;}
    .ust-btn-grup {margin-top: -43px;left: 31px;z-index: 9999;} 
        /*********************/
    
 
    
    .col-left.kurumsal,.col-right.kurumsal{width: 100%;}
    .mobil-header,.mobil-item{display: block !important;}
    .desk-header,.desk-item{display: none;}

 
    .col-left.urun-detay-stn{display: none;}
 
 .whatsapp-btn{display: block;}
.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;left: 50%;margin-left: -123px; top:12px;}
}

 

@media (min-width: 0px) and (max-width: 480px) 
{
  
body{min-width: 100%; }
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
       .mobil-ust-str{z-index: 999;}
 
    .logo{display: table; margin: 0 auto; float: none;}
    .ust-banner-sosyal-box{display: none;}
    
    .giris-otel-logo{display: none;}
    
    .genel-orta-str{padding: 42px 0 60px;}
    .container-big{padding: 0 15px;}
    .menu-str-diger{padding-top: 0;height: auto;padding-bottom: 24px;}
    .logo.logo-diger{position: relative; float: left; width: 100%;left: inherit;margin-left: inherit;}
    .ust-sag-stn{float: left; width: 100%;}
    .ust-dil-stn{float: none; display: table; margin: 16px auto 24px;}
    
    .ust-yer-stn{float: left;}
    .menu-stn{margin-right: 0;}
    .etkinlik-detay-link{top: 24px;  float: none !important;z-index: 999;}
    .etkinlik-ust-tarih-box{top: 24px; margin: 0 auto; float: none;display: table;}
    .ust-genel-title-str{height: 128px;}
        
    .ust-genel-title-1{font-size: 50px;margin-top: 0;}
    .ust-genel-title-2{font-size: 34px;margin-top: -28px;margin-bottom: 0;}
    
    
    .club-card-sol-stn{margin-bottom: 24px;}
    .club-card-sol-stn,.club-card-sag-stn{width: 100%;}
    
    
    .banner-text-box{margin-top: 50%;}
    .banner-text-title-1{font-size: 42px;}
    .banner-text-title-2{font-size: 42px;}

	ul.alt-sozlesme-menu{display: flex; flex-direction: column; justify-content: center;}
	ul.alt-sozlesme-menu li.alt-sozlesme-menu:first-child,ul.alt-sozlesme-menu li.alt-sozlesme-menu:last-child{margin: 11px auto;}
	ul.alt-sozlesme-menu li.alt-sozlesme-menu{margin: 11px auto;}
    
    .galeri-str{flex-direction: column;}
    
    
    .ana-medya-str{flex-direction: column;}
    .ana-medya-stn{margin-bottom: 24px;}
    
    .ana-disco-ball-str{height: 416px;background-position: center 42px;}
    .ana-disco-ball-sol-stn{width: 100%;}
    
    
    .ana-frekans-img{left: 50%; margin-left: -60px;margin-top: 70%;}
    
    .djartist-grup-str{flex-direction: column;}
    .djartist-box{width: 100%;margin:0 0 30px;padding: 0 32px;}
    
    .etkinlik-detay-sol-stn{width: 100%;margin-right: 0;margin-bottom: 36px;}
    .etkinlik-detay-sag-stn{width: 100%;}
    .etkinlik-detay-title{font-size: 40px; line-height: 40px;margin-bottom: 24px;}
    .etkinlik-detay-ikon{width: 30px; height: 30px;}
    .etkinlik-detay-bilgi{font-size: 24px;}
         /********************************************************/    
    
    
    .ana-etkinlik-title-1{font-size: 55px;}
    .ana-video-title-1{font-size: 40px;}
    
    .ana-video-title-1.sag-title{margin-right: 0;}
    .ana-video-title-1.sol-title{margin-left: 0;}
    
    .ana-club-card-sol-stn{width: 100%; left: 0;}
    .ana-club-card-sag-stn{width: 100%;}
    
    .ana-club-card-title-1{font-size: 55px;}
        .ana-club-card-title-2{margin-top: -33px;}
    
     /********************************************************/    
    .ana-djartist-title-1{font-size: 55px;}
    .ana-djartist-title-2{margin-top: -28px;}
    
    .ana-djartist-box{width: 100%; margin-right: 0;margin-bottom:24px;padding: 0 32px;}
     /********************************************************/    
    .ana-alt-uclu-box{width: 100%; margin-bottom: 24px; margin-right: 0;}
    /********************************************************/
    .alt-ebulten-sol-stn{width: 100%; margin-right: 0; margin-bottom: 24px;}
    .alt-ebulten-sag-stn{width: 100%;}
        /********************************************************/
    .alt-logo-box{background-size: 100%;}
 
    
    
    
    .alt-ortak-sol-stn{width: 100%; margin-right: 0;}
    
    .alt-ortak-sag-stn{width: 100%;}
    
    
    
    
    
    
    
    ul.alt-menu li.alt-menu{margin: 0;}
    .copyright{width: 100%; text-align: center;}
    
    
    .etkinlik-box{width: 100%; margin-right: 0;}
    .etkinlik-str{margin-top:0px;}
       .etkinlik-detay-str{margin-top: -60px;}
    .etkinlik-detay-rakam{width: 100%;margin-bottom: 16px; margin-right: 0;}
    .etkinlik-detay-link{width:auto; float: none; display: table;margin: 24px auto;}
    .etkinlik-detay-img{width: 100%;}
    .etkinlik-detay-unlu-title-box{width: 100%; padding:16px 0;}
 .etkinlik-detay-unlu-title { font: 44px 'BebasNeue-Bold'; color: #fff;line-height: 50px;  margin-bottom: 4px;}
    .etkinlik-detay-title-box{padding:6px 0}
    .etkinlik-detay-title-str{margin-top: 0;}
    .etkinlik-sosyal-box{float: none; display: table; margin: 0 auto;}
    
    /********************************************************************************/
    
    .etkinlik-gun-title {
    font: 74px 'BebasNeue-Bold';
    color: #fff;
    line-height: 64px;
    height: 60px;
    margin-right: 12px;
    width: 60px;
}
    
    
    
 /********************************************************/
    
    .mekan-sol-stn{width: 100%; margin-right: 0;}
    .mekan-sag-stn{width: 100%;}
    .mekangaleri-box{width: 100%; margin-right: 0; height: auto;}
    .mekan-sol-link{margin-bottom: 24px;}
 /********************************************************/
    .iletisim-form-stn{width: 100%;}
    
    
    
    .temel-sag-stn{display: none;}
    
    
    .swiper-button-prev, .swiper-button-next{margin-top: 22px !important; margin-right: 15px;}
    
       
        /********************************************************/
    .kimgelsin-title{font-size: 30px;}
    .kimgelsin-form-stn{width: 90%;}
    .inputDiv-2,.inputDiv-3{width: 100%; margin-right: 0;}
    
    .col.buton-isBasvuru{float: none !important; display: table; margin: 0 auto 24px;}
        /********************************************************/
    
    .col-left.alt-sol-stn,.col-right.alt-sag-stn{width: 100%;}
    .alt-logo-box{float: none;display: table;margin: 0 auto;}
    .ebulten-title{width: 100%;padding:inherit;text-align: center;margin-bottom: 16px;}
    
    .ebulten-input.adSoyad,.ebulten-input.eposta,.ebulten-btn-box,.ebulten-btn{width: 100%;margin-right: inherit;margin-bottom: 16px;}
    .col-right.kurumsal-stn{left: 0;}
    
    .urun-grup-ana{height: auto;}
    .urun-grup-ana-box{width: 50%;}
    
    .ustBox-str{height: 120px;}
  .ustBox-title{margin-top: 71px; font-size: 44px;}
    /****************************************/
    .temel-sag-stn{width: 100%; left: 0;}
    .temel-sol-stn{width: 100%;left: 0;margin-right: 0;}
    /**********************************/
    .ebulten-ust-str{padding: 0; height: auto;}
 
    .ebulten-label{font-size: 15px ; text-align: center; width: 100%; margin-right: 0;}
    
    .alt-menu-title{text-align: center;}
    .uclu-grup-ana-box{width: 100%;margin-right: 0; margin-bottom: 20px;}
    .grup-ana-ikili-box{width: 100%;}
    /**********************************/
    .alt-sag-stn{width: 100%; margin-top: 20px;}
    .alt-tel-box{margin-top: 20px;}
    
    .alt-sosyal-box{margin-bottom: 16px;}
    .ana-katalog-stn{float: none; display: table; margin: 0 auto;}
    .alt-sosyal-stn{float: none; display: table; margin: 0 auto; width: max-content;}
    /*****************/
    
    .urun-detay-sol-stn{width: 100%; margin-right: 0;}
    .urun-detay-sag-stn{width: 100%;padding:24px 16px;}
    
    
    /*********************/
     .mobil-dil-stn{margin-top: -40px;}
    .ust-btn-grup {margin-top: -43px;left: 31px;z-index: 9999;} 
        /*********************/
        .referans-box {width:calc(50% - 32px); height: auto;margin-right:42px;margin-bottom: 42px;}
    .referans-box:nth-child(2n) {margin-right: 0;}
    
    .iletisim-str{margin-bottom: 0 !important;padding-bottom: 0 !important;}
    .col-left.iletisim-stn,.col-right.iletisim-stn,.col-left.iletisim-form-stn,.col-right.iletisim-form-stn{width: 100%;}
    .col-left.iletisim-stn{margin-bottom: 24px;}
        .col-left.iletisim-form-stn{margin-right: 0;}
  /*************************************************************/
    .col-left.ana-kurumsal,.col-right.ana-kurumsal{width: 100%;}
    .col-left.ana-kurumsal{margin-bottom: 24px;}
    h1.ana-haber-title{letter-spacing: 0;}
    h1.ana-haber-title::after{top: 28px;}
    .row.arama-ana{height: auto;}
     /*************************************************************/
    
.menu-dil { position: relative; float: left; width: 168px; height: 30px; left: 50%; margin: 5px 0 5px -84px; text-align: center;}
.menu-dil span {position: relative;float: left;line-height: 30px;color: #000;}
.menu-dil a.dil {position: relative; float: left;  font: 18px 'Montserrat-Light';color: #000; width: 34px; height: 30px;    text-align: center; line-height: 30px;}
.menu-dil a.dil.secili {   font: 18px 'Montserrat-Bold'; line-height: 30px;}
    
    
    .ucluBox-ana, .ucluBox-urun{width: 100%;height: auto;}
    .ana-uclu-img{float: none;display: table;width: 100%;max-width: 150px;margin: 0 auto;}
    .ana-uclu-title{width: 100%;text-align: center;}
    h1.ana-urun-grup-title{font-size: 20px;letter-spacing: 6px;}
 /*************************************************************/
    .col-left.ana{margin-right:0;margin-bottom: 36px;}
    .col-left.ana,.col-right.ana{width: 100%;height: auto;}
    h1.ana-haber-title{line-height: 24px;}
    /*********************************/
    .col-left.kurumsal-stn{width: 100%;margin-right: 0;margin-bottom: 36px;}
    .kurumsal-list-link{width: 100%;}
    .col-right.kurumsal-stn{width: 100%;}
 /****************/
    .col-left.urunList{width: 100%;margin-right: 0;}
    a.urunlist-box{width: 100%;}
    .imgBox.urunDetay{width:calc(40% - 14px);height: auto;}
    .col-right.urunDetay{width: 60%;}
    ul.urunDetay{padding: 6px 0;}
    .col-right.urunList{width: 100%;}
    /******************/
    .col.arama-oemno{width: 100%;margin-right: 0;margin-bottom: 24px;}
    .col.btn-arama{width: 100%;}
    button.btn-arama{background-position: 90% center;text-align: center;}
    /******************/
    
    .col-left.haber-stn{width: 40%;margin-right: 16px;}
    .col-right.haber-stn{width:calc(60% - 16px);}
    
    /************/
    
    .overlay-content, .overlay2-content, .overlay3-content, .overlay4-content, .overlay5-content, .overlay6-content, .overlay7-content, .overlay8-content{width: 96%;}
    
    /*************/
    
    
        /******************/
    .col-left.iletisim, .col-right.iletisim{width: 100%; margin-right: 0;}
    .col.iletisimBox.yer,.col.iletisimBox.tel,.col.iletisimBox.fax,.col.iletisimBox.mail{width: 100%; margin-right: 0;margin-bottom: 16px;}
    
    .col-right.iletisim{margin-bottom: 12px;}
    button.iletisim{width: 100%;height: 50px;}
    
        /********************/
    
    .col-left.urun-detay-stn,.col-right.urun-detay-stn{width: 100%; margin-right: 0;margin-bottom: 30px;}
    
    
    
    ul.urunDetay li.urunDetay:nth-child(3){width: 100% !important;}
    
    /***************/
    .col-left.arama-stn{width: 100%;
    height: 70px;
    background-image: none;
    background-size: 260px 182px;
    margin-right: 18px;}
    
    h3.arama-title{font: 24px 'Montserrat-ExtraBold';    top:16px;    left:0;    color: #fff;   -webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg);    -ms-transform: rotate(0deg);    -o-transform: rotate(0deg); }
    /******************/
    .arama-alan-stn{width: 100%;  padding: 12px 0;}
    .arama-text-stn {  width:  100%;   margin-right: 0;margin-bottom: 12px;}
    
    .ust-img-str{min-height: 182px; height: auto;}
    .arama-form-str{margin-bottom: 0;}
    
    .ust-title-str{padding: 16px 0;line-height: normal;height: auto;}
    
    .row.urunList{margin-top: 0;}
    /********************************/
    .imgBox.haberAna{width: 31%;margin-right: 16px;}
    .col-right.haber-box-ana{width: calc(69% - 16px);}
    h2.haber-box-ana{margin-bottom: 16px;}
    
    .imgBox.haberAna img{width: 100%;height: auto;}
    
    #jcl-demo-hbr a.next.hbr{top:-80px !important;}
    #jcl-demo-hbr a.prev.hbr{top: -102px !important; }
    
    
    /********************/
    .row.genel-alt{height: auto;}
    .row.alt-top{width: 100%;}
    .row.alt-menu{width: 100%; height: auto;margin: 36px 0;}
   ul.alt-menu,ul.alt-menu li.alt-menu{width: 100%;}
    ul.alt-menu li.alt-menu a.alt-menu{padding: 12px 0;}
    
    .col.logo-alt{display: none;}
    .col.alt-mail,.col.alt-tel{float: none; display: table;margin: 0 auto;}
    .col.alt-tel{margin-bottom: 36px;}
    .col.alt-logo-tam{float: none;display: table; margin: 50px auto 0;}
    .alt-iletisim-stn{margin-top: 36px;}
    
    /********************/
    .ana-sosyal-str{height: auto;}
    .alt-iletisim-stn,.alt-stn,.alt-sol-stn,.alt-logo-stn {width: 100%;}
    .alt-stn,.alt-logo-stn{margin-right: 0;}
    .alt-logo-stn{background-position: center;margin-bottom: 16px;}
    .sosyal-text{text-align: center;}
    .alt-sosyal-alan{float: none;margin: 0 auto; display: table;}
    ul.alt-menu li a{width: 100%; text-align: center;display: block;}
    .copyright-box{text-align: center;width: 100%;}
    .design-box{width: 100%;background-position: center;}
    .design-box a{width: 100%;height: 50px;display: block;}
    .menu-ust-str{display: none;}
   /***********/
    .haber-box{width: 100%;margin-right: 0;}
    h2.haber-title{line-height: normal;padding: 16px 0;text-align: center;}
    .imgBox.haber-detay-img{margin-right: 0;}
    .haber-content{min-height: auto;}
    .haber-detay-content{text-align: center;}
    .incele-str{margin-top: 36px;}
  
 
    /*****************************************************************************************/
        .galeri-box,.video-box{width: 100%;height: auto;}
    .video-box{margin-right: 0;}
    /***********/
 
 
    
    /***********/
    .ust-img-box{height: 150px; background-size: 163%;}
     .mobil-logo{height: 154px;padding-top:20px; z-index: 9999; }
    .mobil-logo-link{position: relative;float: none; display: table;margin:0 auto;width: 100%;max-width:100px;}
 
 
    
    .col-left.kurumsal,.col-right.kurumsal{width: 100%;}
    .mobil-header,.mobil-item{display: block !important;}
    .desk-header,.desk-item{display: none;}

 .col-left.urun-detay-stn{display: none;}
    
 .whatsapp-btn{display: block;}

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;left: 50%;margin-left: -123px; top:12px;}
 }