@charset "utf-8";
/* CSS Document */
 
@import '../fonts/fonts.css';
@import '../font-awesome/css/all.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,hr
{margin: 0; padding: 0; border: 0; }
button{cursor: pointer;}


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

.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{}

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



.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(237,28,36,.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]  {
 height:36px;
 
  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: 36px;}  
.overlay3 select{  padding: 15px;height: 36px;}
.overlay input[type=text]:hover,.overlay2 input[type=text]:hover,.overlay3 input[type=text]:hover {
  background: #f1f1f1;
}
.bayi-form-title{font: 32px 'Montserrat-Bold'; color: #fff; text-align: center;}
.bayi-form-adres{height: 150px;}
.bayi-form-aciklama{font: 15px 'Montserrat-Light'; color: #fff; text-align: center; margin: 36px 0;}
.bayi-btn-box{ float: right;}
.bayi-gonder-btn{background-color:#fff; color: #ce181e;  font:15px 'Montserrat-Bold'; float: right;}


.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';}

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

textarea,select,input[type="text"]{width:100%;height:36px;border: 1px solid #eeeeee;padding-left: 24px; font: 15px 'Montserrat-Light'; background-color: #fff;  color: #707070;}
select{height:36px;padding-right: 34px;
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
padding-right: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Montserrat-Light';
    background: url(../pageFile/selectOk.svg) no-repeat 94% center, #fff;
    background-size: 12px;

}
label.iletisim-label{font:13px 'Montserrat-Regular'; color: #5a6771;    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;padding-left: 28px;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%;}

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

 table.table-border tr td{border: 1px solid #ccc;}
table.table-border tr td{padding: 5px;}

.menu-grup-gecis-btn{ display: flex; justify-content: center; align-items: center; width: 50px; height: 50px;  color: #fff; font-size: 28px;border-radius: 4px;-webkit-border-radius:4px;z-index: 99999999999999;top: 24px; right: 32px;position: absolute;}


.side-menu{left:-100%;background-color: #121114;position: fixed;z-index:999999999;width: 100%;height: 100%;transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */}

.side-menu.open-menu{left: 0; transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */}


.main-box{ width:100%;  height: auto; }

 
 
.side-giris-box{width: 50%;display: flex; justify-content:  center; align-items: center;font: 50px 'Gilroy-Bold';color: #fff; overflow: hidden;}
.side-giris-ara-line{background-color: #fc671a;width: 1px; height: 100%;display: flex; justify-content:  center; align-items: center; }

.side-giris-box.grp-1{background:#121114;transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */}
 
.side-giris-box:hover{background: #303e48;transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */}

.side-giris-box:hover>.side-giris-box:not(:hover){opacity: 0.2;pointer-events: auto;}
 
 

.side-giris-bg{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
    visibility: visible;
    transition: visibility 0.8s, opacity 0.8s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side-giris-bg img{max-width: 610px;}
.side-giris-box:hover>.side-giris-bg{opacity:0.9;}
/***************/
.side-giris-title-box{ overflow: hidden;margin-top: -66%;}
.side-giris-title{ font: 52px 'Akrobat-Bold';text-align: center;display: flex; flex-direction: column;line-height: 52px; transform:translate(-100%,0);transition: all 3s ease;    -webkit-transition: all  3s ease;opacity: 0;}
.side-giris-title span{font:36px 'Akrobat-Light'; color: #fc671a;}

.side-giris-title-giris{ font: 52px 'Akrobat-Bold';text-align: center;display: flex; flex-direction: column;line-height: 52px; }

 
.side-giris-title-giris span{font:36px 'Akrobat-Light'; color: #fc671a;}



.animated {transform:translate(0,0);transition: all 3s ease;    -webkit-transition: all  3s ease;opacity: 1; }



@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate(-100%, 0 );
    transform: translate(-100%, 0) ;
  transition: all 3s ease; 
  }

  to {
    -webkit-transform: translate(0, 0 );
    transform: translate(0, 0 );
	  transition: all 1s ease; 
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate(-100%, 0 );
    transform: translate(-100%, 0) ;
  transition: all 1s ease; 
  }

  to {
    -webkit-transform: translate(0, 0 );
    transform: translate(0, 0 );
	  transition: all 1s ease; 
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}





#nav-icon1 {
  width: 52px;
  height: 30px;
  position: relative;
 
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span  {
  display: block;
  position: absolute;
  height: 7px;
  width: 100%;
  background: #848484;
  border-radius: 7px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {background-color: #848484;
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 14px;background-color: #848484;
}

#nav-icon1 span:nth-child(3) {background-color: #848484;
  top: 28px;
}

#nav-icon1.open span:nth-child(1) { color: #fff;
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
	background-color: #fff;
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
	background-color: #fff;
}

 
/***********************************************************************************************************************************************************************************/
/**********************************************************************************/
* 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;}
}










.logo{width: 172px; height: 100px;margin-right: 54px;}
.logo a{width: 100%; height:100%; display: block; background:url(../pageFile/logo.svg) no-repeat left center; background-size: 172px;}

 
.ust-tel{width: 156px;padding-left:44px; background: url("../pageFile/alt-tel-icon.svg") left center no-repeat;background-size: 36px 36px;margin-top:9px;font: 22px 'Montserrat-ExtraBold';color: #fff;line-height: 22px;margin-right: 24px;}

.ust-tel span{ font: 16px 'Montserrat-Light';color: #fff;line-height: 16px;}
.ust-mail{ margin-right: 40px; font: 15px 'Montserrat-ExtraBold';color: #fff;width: 270px;height: 26px; padding-left: 44px; background: url("../pageFile/alt-mail-icon.svg") left center no-repeat;background-size: 36px 26px;margin-top: 18px;line-height: 26px;}
.ust-mail a{text-decoration: none; color: #fff;}



 /*******************************************/
.logoArkaEgik{ position: absolute; width:5000px; right: 0; top: 0; margin-right: -24px; height: 102px;z-index: -1;
    
    background: #ce181e;-moz-transform: skew(-21deg, 0deg);
-webkit-transform: skew(-21deg, 0deg);
-o-transform: skew(-21deg, 0deg);
-ms-transform: skew(-21deg, 0deg);
transform: skew(-21deg, 0deg);}







.navbar{position: relative;float: left;height:170px; z-index: 25;display: flex; justify-content: space-between; align-items: center;}

 

.navbar ul.menu{position: relative;float: left;list-style-type: none;display: inline-block;margin-top: 36px; }
.navbar ul.menu li.menu{position: relative;float: left;margin: 0 26px;}
.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;}
/**************************/

  .opening-menu,.opening-alt-menu{
    position:absolute;  display: table;
 
    z-index: 98;
 visibility: hidden; opacity: 0;
    top:36px;
    left:-16px;
     right: 0;pointer-events: visible;pointer-events: unset;-webkit-transform: none;transform: none;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear
}
 

.opening-alt-menu{top: 0; left: 200px;}
 





.menu-bos-str{width: 100%;height:30px; 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;
}


ul.list-open-menu>li.list-open-menu:hover>.opening-alt-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 { background-color: #fff;
    list-style-type: none;
    width: 200px;  
    min-height: 10px;
    height: auto
}
 

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

 .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 a.list-open-menu:hover:before{content: ''; position: absolute; left: 0; top: 0; background-color: #e4012c;width: 4px; height: 100%;}
.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: #084d9d; background-color: #eee;}
 
 
 .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)
}

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


.navbar ul.menu li.menu a.menu{font: 15px 'Montserrat-Regular';color:#231f20;height: 30px;line-height: 30px;display: block;}
.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: #bf1e2e;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;}

 



.acilirMenuGenel{ position:absolute; width:600px; min-height:200px; height:auto; display:none; background-color:#fff; margin-left:-224px; padding-top:8px; box-sizing:border-box; z-index:150;
-webkit-box-shadow: 1px 11px 16px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 11px 16px -3px rgba(0,0,0,0.75);
box-shadow: 1px 11px 16px -3px rgba(0,0,0,0.75);

}

.navbar ul.menu li.menu:hover>.acilirMenuGenel{display:block; transition: all 2s linear; -webkit-transition: all 2s linear;}

.acilirMenuGenel:hover>.navbar ul.menu li.menu{ background-color:#f60000;}
.acilirMenuGenel .mnUrunAlan{ position:relative; float:left; width:286px; height:64px; border:1px solid #bbb; margin-bottom:8px; margin-left:8px;}

.acilirMenuGenel .mnUrunAlan a.acilir{ width:286px; height:64px ; display:block;}

.acilirMenuGenel .mnUrunAlan a.acilir:hover>.urunGrupAdi p{color:#004f8f;

 transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.2s ease-in-out; /** Firefox **/
    -o-transition: all 0.2s ease-in-out; /** Opera **/  padding-right:12px;

  }

.acilirMenuGenel .mnUrunAlan .imgAlan{ position:relative; float:left; width:90px; height:62px; margin-right:16px;padding-top: 7px;background-color: #1e3463; }

.acilirMenuGenel .mnUrunAlan .urunGrupAdi{ position:relative; float:left; width:180px; height:62px; display:table; }

.acilirMenuGenel .mnUrunAlan .urunGrupAdi p{ display:table-cell; vertical-align:middle; font:10pt 'Open Sans'; color:#333; text-align:center; transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.2s ease-in-out; /** Firefox **/
    -o-transition: all 0.2s ease-in-out; /** Opera **/ }









.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;}














.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-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:0;overflow-x: hidden;}
.banner-ust{background: url("../pageFile/banner-ust.png") no-repeat bottom center;position: absolute;z-index: 1;bottom:0;width: 1920px; height: 288px;
left: 50%; margin-left: -960px;}

.banner-mouse-icon{ position: absolute; left: 50%; margin-left: -14px; bottom: 36px; width: 28px ;height: 48px; background: url("../pageFile/mouse-down.svg") no-repeat center; background-size: 28px 48px;}




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

.ana-faaliyet-str{padding: 36px 0 54px 0;  }
.ana-faaliyet-genel-title{font: 27px 'Montserrat-Regular'; color:#ed1c24;   text-align: center; margin-bottom: 40px;}
.ana-faaliyet-genel-title::after{content: ''; position: absolute; width: 68px; height: 4px; background-color: #ce181e; left: 50%; margin-left: -34px; bottom: -13px;}
.ana-faaliyet-aciklama{font: 20px 'Montserrat-Light'; color: #58585a;margin-bottom: 60px;text-align: center;}

.ana-faaliyet-box{width:calc(20% - 8px);margin-right: 10px;;height: auto;}
.ana-faaliyet-box:last-child{margin-right: 0;}
.ana-faaliyet-box a{width: 100%;height: 100%; display: block; background-color: #fff;padding-bottom:32px;}
 
.ana-faaliyet-btn{width: 100%;  display: flex; justify-content: center;}
.ana-faaliyet-img{width:90px; height: auto; margin: 70px 0;}
 

.ana-faaliyet-title{height: 56px;font: 21px 'Montserrat-Light';color: #747476; text-align: center;}
 


.ana-faaliyet-box a:hover{  background-color: #ed1c24; }
.ana-faaliyet-box a:hover> .ana-faaliyet-title{;color: #fff;}
.ana-faaliyet-box a:hover> .ana-faaliyet-btn .ana-faaliyet-img img { filter: brightness(0) invert(1);}
/*********************************************************************************************************************/
.ana-dortlu-str{margin: 50px 0;}
.ana-dortlu-stn{display: flex; flex-direction: row;}
.ana-dortlu-box{display: flex; flex-direction: row;width: calc(25% - 12px); margin-right: 16px;}
.ana-dorltu-box:last-child{margin-right: 0;}

.ana-dortlu-box:hover>.ana-dortlu-title{color: #ed1c24;}


.ana-dortlu-icon{width: 60px;height: auto;margin-right: 20px;}

.ana-dortlu-box:hover>.ana-dortlu-icon svg{fill: #ed1c24;}

.ana-dortlu-title{font: 20px 'Montserrat-Light'; color: #58585a;}
/*********************************************************************************************************************/
.ana-kurumsal-str{padding: 84px;}
.ana-kurumsal-sol-stn{width: 50%; z-index: 99;}

.ana-kurumsal-title{font: 49px 'Montserrat-Light'; color: #ce181e; padding-left: 96px; background: url("../pageFile/ana-kurumsal-ikon.svg") no-repeat left center; background-size:66px; margin-bottom: 64px;}
.ana-kurumsal-title span{font-family: 'Montserrat-Bold';}
.ana-kurumsal-aciklama{font: 15px 'Montserrat-Light'; color: #323232;   margin-bottom: 64px;}

.ana-kurumsal-img{position: absolute;width: 1016px; height: 572px; background: url("../pageFile/ana-kurumsal-img.jpg") no-repeat right center;right: 0; top: 0; z-index: 1;}

.ana-kurumsal-btn{font: 20px 'Montserrat-Bold';color: #ce181e;padding: 12px 24px; border: 1px solid #ce181e;-webkit-border-radius:27px;-moz-border-radius: 27px;border-radius: 27px;}
.ana-kurumsal-btn:hover{background-color:#ce181e ; color: #ffffff;}
/*********************************************************************************************************************/
.ana-bayilik-str{height: 312px;background: url("../pageFile/ana-bayilik-bg.jpg") no-repeat top center; padding: 44px 0;}
.ana-bayilik-stn{width: 422px;float: none; display: table; margin: 0 auto;}
.ana-bayilik-title{font: 26px 'Montserrat-Regular'; color: #fff; letter-spacing: 5px; margin-bottom: 50px; text-align: center;}
.ana-bayilik-title::after{content: ''; position: absolute;  width: 68px; height: 4px; background-color: #fff; left: 50%; margin-left: -34px; bottom: -20px;}
.ana-bayilik-aciklama{font: 15px 'Montserrat-Light'; color: #fff; text-align: center; margin-bottom: 54px;}

.ana-bayilik-btn{ float: none; display: table; margin: 0 auto;background-color: #fff; font: 20px 'Montserrat-Bold';color: #ce181e;padding: 12px 24px; border: 1px solid #ce181e;-webkit-border-radius:27px;-moz-border-radius: 27px;border-radius: 27px;}
.ana-bayilik-btn:hover{background-color:#ce181e ; color: #ffffff;}

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

.ara-cizgi-str{background: url("../pageFile/cizgi-aara-bg.svg") repeat-x center; height: 81px; background-size:  5px;}
.ara-cizgi-kirmizi-str{background:  url("../pageFile/cizgi-ara-kirmizi-bg.svg") repeat-x center; height: 81px; background-size:  5px;}
/*********************************************************************************************************************/
.ana-uclu-str{padding:0 80px;}
.ana-uclu-box{ width:calc(33.33% - 38px); margin-right: 56px;}
.ana-uclu-box:nth-child(3n){margin-right: 0;}
.ana-uclu-title{font: 27px 'Montserrat-Regular'; color: #323232; margin-bottom: 40px; display: table; height: 60px;}
.ana-uclu-title p{  display: table-cell; vertical-align: bottom;}
.ana-uclu-title::after{content: ''; position: absolute; left: 0;bottom: -13px;width: 68px; height: 4px; background-color: #ce181e;}
.ana-uclu-alt-alan{background-color: #f3f3f3; padding: 16px 24px; min-height: 158px;}
.ana-uclu-title-2{font: 18px 'Montserrat-Light'; color: #ce181e; margin-bottom: 12px;}
.ana-uclu-title-2 span{ color: #323232;  }
.ana-uclu-aciklama{font: 15px 'Montserrat-Light'; color: #323232;}
.ana-uclu-link{ position: absolute; bottom: 0; right: 0; font: 13px 'Montserrat-Light'; color: #e31c24; right: 24px ; bottom: 16px;}
/*********************************************************************************************************************/


.ana-hizmet-str{padding: 36px 0 54px 0; }
.ana-hizmet-genel-title{font: 27px 'Montserrat-Regular'; color:#ed1c24;  text-align: center; margin-bottom: 40px;}
.ana-hizmet-genel-title::after{content: ''; position: absolute; width: 68px; height: 4px; background-color: #ce181e; left: 50%; margin-left: -34px; bottom: -13px;}
.ana-hizmet-aciklama{font: 15px 'Montserrat-Light'; color: #323232; text-align: center;}

.ana-hizmet-orta-stn{width: 44%; height: auto;}

.ana-hizmet-stn{width: 28%; height: auto;}

.ana-hizmet-box{margin-bottom: 36px;min-height: 130px;}

.ana-hizmet-title-2{font: 27px 'Montserrat-Bold'; color: #ce181e; text-align: right; padding-right: 48px;  margin-bottom: 0; }
.ana-hizmet-title-2.sag-title{  text-align: left; padding-left: 48px;padding-right: 0;   }
 .ana-hizmet-title-3{font: 24px 'Montserrat-Light'; color: #58585a; text-align: right; padding-right: 48px;  margin-bottom: 18px; }
 .ana-hizmet-title-3.sag-title{  text-align: left; padding-left: 48px;  padding-right: 0;  }


.ana-hizmet-alt-aciklama{font:15px 'Montserrat-Light'; color: #323232;padding-right: 48px; text-align: right;}

.ana-hizmet-alt-aciklama.sag-aciklama{ padding-left: 48px; text-align: left;padding-right: 0;}
/*********************************************************************************************************************/
.danisma-str{ background-color: #ce181e;}
.danisma-box{width: 648px; float: right; margin-right: 40px;   background: url("../pageFile/danisma-ikon.svg") no-repeat right center; background-size: 208px; padding: 28px 208px 28px 20px;}
.danisma-title-1{font: 26px 'Montserrat-Light'; color: #fff; text-align: left; }
.danisma-title-2{font: 40px 'Montserrat-Bold'; color: #fff;text-align: right;padding-right: 40px;}
/*********************************************************************************************************************/



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


.ebulten-str{background:url("../pageFile/ebultenBg.jpg") no-repeat center; min-height: 332px; padding:48px 0; text-align: center;}

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


 


.ebulten-title{font: 20px 'Montserrat-Light'; color: #fff; line-height:1.5;height: auto; margin-bottom: 50px; }
.ebulten-title::after{content: '';position: absolute; background-color: #fff; left: 50%; margin-left: -34px; width: 68px; height: 4px; bottom: -18px;}
.ebulten-aciklama{font: 15px 'Montserrat-Light'; color: #a1a1a2;text-align: center; margin-bottom: 28px;}


.ebulten-input-stn{z-index: 99;width: 320px;}
.ebulten-btn-stn{z-index: 9;margin-left: -54px;width: 168px;}
.ebulten-input.adsoyad{width:260px;margin-right:10px; }
.ebulten-input.eposta{width:260px;margin-right:10px; }
 

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

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

label.checkbox.bulten-check{    margin: 0 8px 0 14px;
    line-height: 14px;font: 13px 'Montserrat-Light';color: #a1a1a2;
    content: '';
    display: inline-block;}
 

.styled-checkbox.bulten-check + label:before,
.lt-ie8 .checkbox-replacement {    content: '';position: absolute;    left:-10px; top: -4px;    width: 24px;    height: 22px;    margin: 0 8px 0 -12px;    line-height:24px;    text-align: center;
    /* Put checkbox styles here: */
    border: 1px solid #a1a1a2;-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: #a1a1a2;
 
}

input[type="text"].ebulten { height: 54px;-webkit-border-radius:27px;    -moz-border-radius: 27px;    border-radius: 27px;
    border: 1px solid #fff;
    background-color: #fff;
    font: 14px 'Montserrat-Light';
    color: #fff;
}

.btn-ebulten{height: 54px;-webkit-border-radius:27px;    -moz-border-radius: 27px;    border-radius: 27px;
 width: 100%;text-align: right; padding-right: 30px;
    background-color: #ce181e;
    font: 14px 'Montserrat-Light';
    color: #fff; border: 1px solid #ce181e;}
.transparent::-webkit-input-placeholder { color: #fff;}
.transparent::-moz-placeholder { color: #fff;}
.transparent:-ms-input-placeholder {  color: #fff;}
/************************************/








 
.alt-sol-stn{width:376px;}
.alt-orta-stn{width:300px;}
.alt-sag-stn{width:372px;}
.alt-logo-box{width: 212px; height: 110px;background: url("../pageFile/logoAlt.svg") no-repeat center; float: none; display: table;margin: 148px 0 74px 36px;}



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



.alt-sosyal-str{margin-bottom: 24px;}
.alt-menu-str{padding: 54px 0; }
.alt-menu-stn{width: 266px; min-height:255px;}
 .alt-menu-title{font:14px 'Montserrat-SemiBold'; color:#262626; margin-bottom: 16px;}
ul.alt-menu{list-style-type: none;color: #262626; margin-bottom: 24px;}
ul.alt-menu li{font: 13px 'Montserrat-Light';color: #262626;margin-bottom:16px;}
ul.alt-menu li a{font: 13px 'Montserrat-Light';color: #262626; cursor: pointer;}
ul.alt-menu li a:hover{ color: #ce181e;}
 

.alt-stn{width:calc(20% - 13px);margin-right:82px;}
.alt-stn:nth-child(5n){margin-right: 0;}
.alt-stn-1 {width: 192px;}
.alt-stn-2{width: 118px;}
.alt-stn-3{width: 206px;}
.alt-stn-4{width: 110px;}
.alt-stn-5{width: 106px;}

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


.sosyal-alt-stn{margin: 16px 0; float: right;}


.sosyalBtn-alt{background: url("../pageFile/sosyal-icon.svg") no-repeat;background-size: 140px 26px;width: 26px;height: 26px;margin-right: 5px;}
.sosyalBtn-alt:hover{background: url("../pageFile/sosyal-icon2.svg") no-repeat;background-size: 140px 26px;width: 26px;height: 26px;}
.sosyalBtn-alt a{width: 100%;height: 100%;display: block;}
.facebook-alt,.facebook-alt:hover{background-position: 0 0;}
 .instagram-alt,.instagram-alt:hover{background-position: -28px 0;}
.youtube-alt,.youtube-alt:hover{background-position: -57px 0;}
.twitter-alt,.twitter-alt:hover{background-position: -84px 0;}
.linkedin-alt,.linkedin-alt:hover{background-position: -113px 0;}








.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;}

.alt-tel-box{ background:url("../pageFile/alt-iletisim-icon.svg") no-repeat 97% center,#21597c;padding: 12px;font: 15px 'Montserrat-Light';color: #fff;background-size: 62px; }
.alt-tel-box a{font: 15px 'Montserrat-SemiBold';color: #fff;}
.text-link-1{color: #fff;}


.alt-tel-box{ background:url("../pageFile/alt-iletisim-icon.svg") no-repeat 97% center,#ce181e;padding: 12px;font: 15px 'Montserrat-Light';color: #fff;background-size: 62px; }
.alt-tel-box a{font: 15px 'Montserrat-SemiBold';color: #fff;}
.text-link-1{color: #fff;}



.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{ background-color: #dadada;font: 13px 'Montserrat-Regular'; color: #323232;}
.copyright-link,.copyright-cizgi{font: 13px 'Montserrat-Regular'; color: #323232;line-height: 36px;}
.copyright-link:hover{color:#ce181e;}
.copyright-cizgi{padding: 0 20px;}

.design-box{ width: auto;height: 36px;  line-height: 36px;}
.design-box a{width: 72px;height: 36px; display: block;}
.copyright-kvkk-stn{float: right;}

.design-logo-box{ width: 72px;height: 36px;background: url("../pageFile/dplogo.svg") no-repeat; background-size: 52px 36px; line-height: 36px;margin-left: 42px;}
.design-logo-box a{width: 72px;height: 36px; display: block;}


.clearfix{overflow: auto;}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}




 
.ustBox-str{background:url("../pageFile/header-bg.jpg") no-repeat,#ce181e; background-position: 90% center; background-size: auto 100%;}


.ust-title-box{ height: auto;display: flex; align-items: center;min-height:300px;}
 

.ust-title{font: 48px 'Montserrat-Light'; color: #fff;}
 
/*************************************************************************************************************/

.ust-breadcrumb-str{background-color: #58585a; font: 14px 'Montserrat-Light';color: #ddd;  }
.ust-breadcrumb-link{font: 14px 'Montserrat-Light';color: #ddd; padding: 16px;}
.ust-breadcrumb-str span{font: 14px 'Montserrat-Light';color: #ddd; padding: 16px;}
.ust-breadcrumb-str i{ font-size: 14px; color: #ddd; padding: 17px 4px;}
/*************************************************************************************************************/

.genel-orta-str{padding: 64px 0;font: 17px 'Montserrat-Light';color: #323232; min-height: 500px;line-height: 1.5;}
.temel-sol-stn{width: 278px; margin-right: 50px;}
.temel-sag-stn{width: calc(100% - 328px);}


.kurumsal-title{font: 49px 'Montserrat-Light';color: #ce181e; text-align: right;}
.kurumsal-title span{font-family: 'Montserrat-Bold';}

.kurumsal-title.isortak-title{font-size: 30px;}

/*************************************************************************************************************/
.kurumsa-kimlik-ust{max-width: 600px; margin: 0 auto 36px; float: none; display: table;}
.kurumsal-kimlik-stn{width: auto; float: none; display: table; margin: 0 auto;}
.kurumsal-kimlik-box{width:calc(25% - 27px); height:auto; margin-right: 36px;}
.kurumsal-kimlik-box:nth-child(4n){margin-right: 0;}
.kurumsal-kimlik-title{font: 15px 'Montserrat-Light'; color:#404040; text-align: center;}
.kurumsal-kimlik-img{max-width: 100px;float: none; margin: 0 auto 10px; display: table;}
.kurumsal-kimlik-img img{width: 100%;}
/*************************************************************************************************************/

.bitum-str{}
.bitum-box{width: calc(25% - 22.5px); margin-right: 24px; margin-bottom: 24px; border: 1px solid #ddd; text-align: center;}
.bitum-box:nth-child(4n){margin-right: 0;}
.bitum-alan{padding: 24px;min-height: 180px;}
.bitum-kod-title{font: 15px 'Montserrat-Bold';color: #ce181e;}
.bitum-name-title{font:20px 'Montserrat-Bold'; color: #323232; }
.bitum-dosya-link{background-color: #828283;display: block;padding:16px 0px; color: #fff;}
/*************************************************************************************************************/
.faaliyet-btn-str{margin-bottom: 50px;}
.faaliyet-btn-link{width:calc(20% - 8px);font: 18px 'Montserrat-Light'; color: #323232;padding: 16px 24px; border: 1px solid #ccc; text-align: center; margin-right: 10px; background-color: #fff;}
.faaliyet-btn-link:nth-child(5n){margin-right: 0;}
.faaliyet-btn-link:hover,.faaliyet-btn-link.secili{  background-color: #ce181e; color: #fff;}
.aracauygun ifram4{width: 100%; height: 500px;}
/*************************************************************************************************************/
.tasit-tanima-title-str{margin:54px 0; }
.tasit-tanima-title{font: 35px 'Montserrat-Light'; color: #ce181e;text-align: center; margin-bottom: 16px;}
.tasit-tanima-title-aciklama{font: 25px 'Montserrat-Light'; color: #323232; text-align: center;}
/**********************/
.filo-img{display: table; margin: 0 auto; float: none; width: auto;}
.filo-box{width: calc(25% - 18px); margin-right: 24px; margin-bottom: 40px;}
.filo-box:nth-child(4n){margin-right: 0;}
.filo-aciklama{font: 15px 'Montserrat-Light'; color: #323232; text-align: center;}

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


.filo-kart-sol-stn{max-width: 40%;margin-right: 30px;}
.filo-kart-sag-stn{width: calc(60% - 30px);}
 
.filo-kart-tur-str{margin-bottom: 60px;}

.filo-kart-title{font: 32px 'Montserrat-Regular'; color: #ed2c24; margin-bottom: 20px;}
.filo-kart-aciklama,.filo-kart-ust-title{font:15px 'Montserrat-Light'; color: #323232;}
/*************************************************************************************************************/
.plus-stn{width:calc(50% - 25px) ; margin-right: 50px;min-height: 280px; margin-bottom: 50px; display: table;}
.plus-stn .vm{display: table-cell; vertical-align: middle;}
.plus-stn:nth-child(2n){margin-right: 0;}
.plus-img{margin-bottom: 16px;}
.plus-title{font:15px 'Montserrat-SemiBold'; color: #ce181e;margin-bottom: 16px;}
.plus-aciklama{font: 15px 'Montserrat-Light'; color: #323232;}

.plus-title-2{background-color: #ce181e;color:#fff;padding:8px; float: none; display: table; margin: 0 auto 16px;}

.phone-str{  margin-bottom: 0px;}
.phone-text-stn{width:calc(100% - 300px); margin-left: 50px;display: table; height: 400px;}
.phone-text-stn.sag-stn{margin-right: 50px; margin-left: 0;}
.phone-text-stn .vm{display: table-cell; vertical-align: middle;}


.phone-img-stn{width: 250px; max-width: 250px;}
/*************************************************************************************************************/
 .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: 110px; height: 30px; background-color: #ce181e;font: 15px 'Montserrat-Regular'; color: #fff;border: 1px solid #ce181e;padding:0 16px; }
button.iletisim:hover{background-color: #fff;color:#ce181e;}

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: 80px;
    font-family: 'Montserrat-Bold';   color: #393939;
}
ul.iletisim li:nth-child(2) {
    width: 10px;
 
}
 ul.iletisim li:nth-child(3) {
    width: calc(100% - 96px);
 
}
ul.iletisim li a {width: 100%;
    display: block;
    font-family: 'Montserrat-Light';
    color: #393939;
}

/*************/
.istasyon-isletme-str{margin-bottom: 36px; padding-bottom: 36px;border-bottom: 1px solid #ccc;}
.istasyon-title{padding-bottom: 10px;margin-bottom: 24px; border-bottom: 1px solid #ce181e;font: 18px 'Montserrat-Semibold';color: #ce181e;}
.istasyon-sol-stn{width: 45%; margin-right: 5%}
.istasyon-sag-stn{width: 50%;} 
.istasyon-sag-stn.harita-alan{border: 1px solid #ccc;padding: 6px;}
.istasyon-sag-stn.harita-alan iframe{display: block;}



.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: 400px;margin: 36px 0; }

 

.istasyon-label{line-height: 24px;}
ul.istasyon {display: flex;
    list-style-type: none;width: 100%;
    margin-bottom: 24px
}
ul.istasyon li {
    float: left;
    min-height: 24px;
    display: table
}
ul.istasyon li p {
    display: table-cell;
    vertical-align: middle
}
ul.istasyon li:nth-child(1) {
    width: 40px;
    font:24px 'Montserrat-Bold';   color: #c5161b;  
}
 
 
 ul.istasyon li:nth-child(2) {
    width: calc(100% - 40px);
 
}
ul.istasyon li a {width: 100%;
    display: block;
    font-family: 'Montserrat-Light';height: 28px; line-height: 28px;
    color: #393939;
}




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



/*************/
.iletisim-bilgi-str{margin-bottom: 36px; padding: 36px;border-bottom: 1px solid #ccc;background-color: #fff;}
.iletisim-bilgi-title{padding-bottom: 10px;margin-bottom: 24px; border-bottom: 1px solid #ce181e;font: 18px 'Montserrat-Semibold';color: #ce181e;}
.iletisim-bilgi-sol-stn{width: 45%; margin-right: 5%; display: flex; flex-direction: column;}
.iletisim-bilgi-sag-stn{width: 50%;} 
.iletisim-bilgi-sag-stn.harita-alan{border: 1px solid #ccc;padding: 6px;}
.iletisim-bilgi-sag-stn.harita-alan iframe{display: block;}



.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: 400px;margin: 36px 0; }

 

.iletisim-bilgi-label{line-height: 24px;}
ul.iletisim-bilgi { display: flex;
    list-style-type: none;width: 100%;
    margin-bottom: 24px
}
ul.iletisim-bilgi li {
    float: left;
    min-height: 24px;
    display: table
}
ul.iletisim-bilgi li p {
    display: table-cell;
    vertical-align: middle
}
ul.iletisim-bilgi li:nth-child(1) {
    width: 40px;
    font:24px 'Montserrat-Bold';   color: #c5161b;  
}
 
 
 ul.istasyon li:nth-child(2) {
    width: calc(100% - 40px);
 
}
ul.iletisim-bilgi li a {width: 100%;
    display: block;
    font-family: 'Montserrat-Light';height: 28px; line-height: 28px;
    color: #393939;
}




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




















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

.iframe-container {  overflow: hidden;  padding-top: 56.25%;  position: relative;} 
.iframe-container iframe {  position: absolute;  top: 0;  left: 0;  border: 0;  width: 100%;  height: 100%;}
/*************************************************************************************************************/

.haber-str{ min-height: 220px; margin-bottom: 36px;padding: 24px; background-color: #fff; }
.haber-stn{width:calc(36% - 18px); margin-right: 36px;   }
.haber-link{color:#ce181e;}
.haber-stn:nth-child(2n){width:calc(64% - 18px);margin-right: 0;}
.haber-title{font:24px 'Montserrat-Light'; color: #ce181e; margin-bottom: 24px;}
.haber-aciklama-str{font: 16px 'Montserrat-Light';margin-bottom:20px; }

/*************************************************************************************************************/
.haber-detay-str{ min-height: 220px;padding: 24px; background-color: #fff;  }
.haber-detay-stn{width:calc(45% - 18px); margin-right: 36px;   }
.haber-detay-link{color:#ce181e;}
.haber-detay-stn:nth-child(2n){width:calc(55% - 18px);margin-right: 0;}
.haber-detay-title{font:24px 'Montserrat-Light'; color: #ce181e; margin-bottom: 24px;}
.haber-detay-aciklama-str{font: 16px 'Montserrat-Light';margin-bottom:20px; }

/*************************************************************************************************************/
.odul-str{ min-height: 220px; margin-bottom: 36px; }
.odul-stn{width:calc(36% - 18px); margin-right: 36px;   }
.odul-link{color:#ce181e;}
.odul-stn:nth-child(2n){width:calc(64% - 18px);margin-right: 0;}
.odul-title{font:24px 'Montserrat-Light'; color: #ce181e; margin-bottom: 24px;}
.odul-aciklama-str{font: 16px 'Montserrat-Light';margin-bottom:20px; }

/*************************************************************************************************************/
.galeri-str{}
.galeri-box{width: calc(33.33% - 24px); height: auto;margin-right: 36px; margin-bottom:36px; padding: 12px;
-webkit-box-shadow:1px 2px 5px 2px #ddd;
-moz-box-shadow: 1px 0px 5px 0px #ddd;
box-shadow:1px 2px 5px 2px #ddd;

}

.galeri-box:nth-child(3n){margin-right: 0;}
/*************************************************************************************************************/
.istasyon-ust-img{display: block;}
.istasyon-galeri-str{padding: 64px 0; background-color: #4c4c4c;}

/*********************************/
h1.isBasvuruForm {
    font: 19px 'Montserrat-Light';
    color: #000;
    line-height: 40px;
    border-bottom: 1px solid #ce181e;
    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
}
.inputDiv-2 {
    width: calc(50% - 6px);
    margin-right: 12px; margin-bottom: 12px;
}

.inputDiv-2:nth-child(2n){margin-right: 0;}

.inputDiv-3 {
    width: calc(32% - 3px);
    margin-right: 12px
}

.inputDiv-3:nth-child(3n){margin-right: 0;}

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;right: 0;border: 1px solid #d2d2d2;text-align: center;width: 148px;height: 36px;background-color: #ce181e;color: #fff;line-height: 36px;cursor: pointer;}
span.cvName{position: absolute;width: calc(100% - 156px);height: 36px;border: 1px solid #e8e3df;line-height: 36px;padding-left: 10px;background-color: #fff;color: #232323;}




input[type="text"].isBasvuruForm, textarea.isBasvuruForm {
    border: 1px solid #e8e3df
}
label.isBasvuruForm {
    font: 600 13px 'Open Sans';
    color: #5a6771;
    line-height: 36px
}
label.cinsiyet {
    width: 130px
}
textarea.evAdresi {
    height: 108px
}
label.isBasvuruForm {
    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 {
    height: auto;
    margin-bottom: 12px;
}
.col.buton-aciklama {
    width: 100%;
    margin-right: 24px;
    height: auto;
}
.col.buton-isBasvuru {
    width: auto;
}
button.isBasvuru {
    font: 15px 'Montserrat-Bold';
    background-color: #ce181e;
    height: 44px;
    padding: 0 14px;color: #fff;
    border: 1px solid #ce181e;
}
button.isBasvuru:hover {
    background-color: #fff;
    color: #ce181e;
}
.label-cinsiyet {
    padding-left: 20px!important;
    padding-right: 12px!important
}
.col.cinsiyetMargin {
    margin-top: 9px
}
input[type="radio"]:checked, input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px
}
input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    padding-right: 42px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #707070;
    font-family: 'Open Sans'
}
input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #008aad;
    background: #fff
}
input[type="radio"]:checked + label:after, input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #008aad;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}
input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
input[type="radio"].isBasvuru:checked + label, input[type="radio"].isBasvuru:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    padding-right: 42px;
    cursor: pointer;
    line-height: 12px;
    display: inline-block;
    color: #707070;
    font-family: 'Open Sans'
}
input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #008aad;
    background: #fff
}
input[type="radio"].isBasvuru:checked + label:after, input[type="radio"].isBasvuru:not(:checked) + label:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #707070;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
input[type="radio"].isBasvuru:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}
input[type="radio"].isBasvuru:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
input[type="radio"].isBasvuru:checked + label, input[type="radio"].isBasvuru:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    padding-right: 22px;
    cursor: pointer;
    line-height: 12px;
    display: inline-block;
    color: #707070;
    font-family: 'Open Sans'
}
input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #707070;
    background: #fff
}
input[type="radio"].isBasvuru:checked + label:after, input[type="radio"].isBasvuru:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #707070;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: all .2s ease
}
input[type="radio"].isBasvuru:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}
input[type="radio"].isBasvuru:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
  .col.inputDiv{margin-bottom: 12px;}

 /**************************/
 
.servis-table-box{border:1px solid #ddd;}

ul.servis-montaj-list{width: 100%;  list-style-type: none;  display: table; border-bottom: 1px solid #ddd; }
ul.servis-montaj-list.list-title{background: #58585a; color: #fff; font: 16px 'Montserrat-SemiBold';}


ul.servis-montaj-list li{width: 23%;padding:6px 10px;word-wrap: break-word;display: table-cell; vertical-align: middle; }
ul.servis-montaj-list li:last-child{width:6%; text-align: center;}
ul.servis-montaj-list li:last-child a{color: #323232; font-size: 28px; }
ul.servis-montaj-list:nth-child(even){background-color: #f6f6f6;}

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


.dilBox{width: 54px;}

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

select.dil {
    width: 54px;
    height: 62px;
    background-color: #121212;
font: 15px 'Eurostile-Semibold';color: #fff;
 border: 0;
    padding: 0 10px;
    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
}

 

.row.arama-ana{min-height:183px; background:#636363; z-index:12;height: auto;}

.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; }

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

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



/*************/
 
.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: 0 0 50px;font: 15px 'Montserrat-Light';color: #393939;}
.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;}

.row.alt-menu{width:544px; height: 32px;margin-top: 54px;}
ul.alt-menu{position: relative;float:left;list-style-type: none;}
ul.alt-menu li.alt-menu{position: relative; float: left;}
ul.alt-menu li.alt-menu a.alt-menu{font:15px 'Montserrat-Light';color: #fff;padding: 0 16px;}
ul.alt-menu li.alt-menu:first-child a.alt-menu{padding-left: 0;}
ul.alt-menu li.alt-menu:last-child a.alt-menu{padding-right: 0;}



.row.copyright{ }
 .col.copyright{height:40px;font: 13px 'Montserrat-Regular';color: #5c5c5c;line-height: 40px; }

 
.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;}
/**************/
 




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


 


.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;}
 




.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
 @media (min-width: 1281px)
{
  
     
       .mobil-header{display: none !important;}
  .ana-hizmet-orta-stn.mobil-orta{display: none;}
     .ana-kurumsal-mobil-img{display: none;}
}

 

@media (min-width: 1025px) and (max-width: 1280px) 
{
       .mobil-header{display: none !important;}
  .ana-hizmet-orta-stn.mobil-orta{display: none;}
     .ana-kurumsal-mobil-img{display: none;}
 
    
}
 
@media (min-width: 871px) and (max-width: 1024px) 
{ body{min-width: 100%;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    /*************/
    .col.logo{width: 240px; height: 86px;}
    .navbar ul.menu li.menu{margin: 0 4px;}
    .navbar ul.menu li.menu a.menu{font-size: 13px;}
    /************/
          .mobil-header{display: none !important;}
    .mobil-logo{display: none;}
 
    /*************/
    .ana-kurumsal-sol-stn{width: 100%;}
     .ana-hizmet-orta-stn.mobil-orta{display: none;}
    .ana-kurumsal-str{padding: 36px 0;}
        .ana-kurumsal-mobil-img{display: block;}
      .ana-kurumsal-img{display: none;}
    
       /*************************************************************/
    
    .ana-faaliyet-box{width: 150px;height: auto; float: none;display: table; margin: 0 auto;}
.ana-faaliyet-box a{width: 100%;height: 100%; display: block;}
.ana-faaliyet-btn{width: 150px; height: 150px; background-position: center; background-repeat: no-repeat;background-size: 138px;}
 



.ana-faaliyet-title{font: 15px 'Montserrat-ExtraBold';color: #323232; text-align: center;}
.ana-faaliyet-title span{font-family: 'Montserrat-Regular';}
    
    /***************************************************************/
}

 
 

 

@media (min-width: 481px) and (max-width: 870px) 
{
     
    .mobil-header{display: block !important;}
    .desk-header{display: none;}
body{min-width: 100%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
 
    
    
    .logoArkaEgik{margin-right: 82px;z-index: 0;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    .mobil-logo{height: 100px;background-color: #ffffff; }
    .mobil-logo-link{position: relative;float: none; display: table;margin: 36px 0 36px 16px;width: 100%;max-width: 210px;}
      /*************************************************************/
            /***************************************************************/
	.istasyon-sol-stn,.istasyon-sag-stn{width: 100%;margin-right: 0;}
    /***************************************************************/
    .ustBox-str{min-height: 120px;}


.ust-title-box{padding-left:120px;height: auto;}
.ust-title-box::before{content: ''; position: absolute; width: 100px; height: 100px; left: 0; top:10px; background: url("../pageFile/ust-title-ikon.svg") no-repeat left center;background-size: 100px;}

.ust-title{font: 24px 'Montserrat-Light'; color: #fff; display: table;padding-bottom: 0;height: 120px;}
.ust-title p{display: table-cell; vertical-align: middle;}
      /********************************/
    
    .ust-breadcrumb-link{ padding: 16px 2px;}
.ust-breadcrumb-str span{padding: 16px 2px;}
       /*************************************************************/
 .kurumsal-title{text-align: center; margin-bottom: 24px;}
    .temel-sol-stn,.temel-sag-stn{width: 100%; margin-right: 0;}
    .temel-sag-stn{text-align: center;}
    /*************************************************************/
    .haber-stn,.haber-stn:nth-child(2n){width: 100%; margin-right: 0;}
    .haber-stn:nth-child(1){margin-bottom: 36px;}
/***********/
        .ana-kurumsal-img{display: none;}
    .ana-kurumsal-mobil-img{display: block;}
        
    /*************************/
    .bitum-box,.bitum-alan{width: 100%;}
    
    /*************************/
    
    .haber-detay-stn,.haber-detay-stn:nth-child(2n){width: 100%; margin-right: 0;}
    .haber-detay-stn:nth-child(odd){margin-bottom: 36px;}
  /*************************************************************/
    
    
    .galeri-box{width: 100%; margin-right: 0;}
      /*************************************************************/
     .iletisim-str{margin-bottom: 0 !important;padding-bottom: 0 !important;}
    .iletisim-stn,.iletisim-stn{margin-right: 0; width: 100%;}
    
    .inputDiv-2{width: 100%; margin-right: 0;}
    
    
     /*************************************************************/
    
    .ebulten-ust-str{padding: 0;}
    .ebulten-input-stn{width: 210px;}
    
 
 /*************************************************************/
 .danisma-box {
    width: 100%;    background-size: 140px;    padding: 24px 92px 24px 0px; margin-right: 0; }
 
 .danisma-title-1 {    font: 17px 'Montserrat-Light';    color: #fff;    text-align: left;}
    
    .danisma-title-2 {    font: 21px 'Montserrat-Bold';         padding-right: 40px;}
            /********************/
    .ana-kurumsal-str{padding: 0;}
    .ana-kurumsal-sol-stn{width: 100%; margin: 36px 0;}
 
    
    .ana-hizmet-stn,.ana-hizmet-orta-stn{width: 100%;}
    
    .ana-bayilik-stn{width: 100%;}
    
    .ana-uclu-str{padding: 0;}
    .ana-uclu-box{width: 100%; margin-right: 0;}
    
   /*************************************************************/
    
    .ana-faaliyet-box{width: 150px;height: auto; float: none;display: table; margin: 0 auto;}
.ana-faaliyet-box a{width: 100%;height: 100%; display: block;}
.ana-faaliyet-btn{width: 150px; height: 150px; background-position: center; background-repeat: no-repeat;background-size: 138px;}
 



.ana-faaliyet-title{font: 15px 'Montserrat-ExtraBold';color: #323232; text-align: center;}
.ana-faaliyet-title span{font-family: 'Montserrat-Regular';}
    
    /***************************************************************/
        /********************/
 /***********/
    .ana-hizmet-orta-stn.mobil-orta{display: block;}
    .ana-hizmet-orta-stn {display: none;}
    .ana-hizmet-aciklama{margin-bottom: 16px;}
    .ana-hizmet-box{margin-bottom:16px;}
    .ana-hizmet-title-2{font: 16px 'Montserrat-Regular'; color: #ce181e; text-align: left; padding-left: 36px; background: url("../pageFile/ana-hizmet-ok-1.svg") no-repeat left center; background-size: 16px; margin-bottom: 12px; }
.ana-hizmet-title-2.sag-title{  text-align: left; padding-left: 36px; padding-right: 0; background: url("../pageFile/ana-hizmet-ok-1.svg") no-repeat left center;background-size: 16px;   }
    
    .ana-hizmet-alt-aciklama{font:15px 'Montserrat-Light'; color: #323232;padding-right: 0; text-align: left;}

.ana-hizmet-alt-aciklama.sag-aciklama{ padding-left: 0px; text-align: left;padding-right: 0;}
        .ana-kurumsal-btn{float: none; display: table; margin: 0 auto;}
 .ana-kurumsal-title{  font-size: 32px; margin-bottom: 24px;}
    /*************************/
    .alt-stn{width: 100%; margin-right: 0; text-align: center;}
    ul.alt-menu{width: 100%;}
    .sosyal-alt-stn{float: none; display: table; margin: 0 auto 36px;}
    /***************/
    .copyright-cizgi{display: none;}
    .copyright-link{width: 100%; text-align: center;}
    /******************/
    .faaliyet-btn-link{width: 100%; margin-right: 0; margin-bottom: 24px;}
    /********************************/
    .filo-box{width: 100%; margin-right: 0;}
    .plus-stn{width: 100%; height: auto;margin-right: 0;}
    .plus-img{float: none; display: table; margin: 0 auto;}
    .plus-title{text-align: center;}
    .plus-aciklama{text-align: center;}
    .tasit-tanima-title-aciklama{font-size: 20px;}
    .phone-img-stn{float: none; display: table; margin: 0 auto;}
    .phone-text-stn{width: 100%;height: auto;margin:0;}
    
    
        /********************/
    
    /********************************/
 
    
 
     /*************************************************************/
    /******************/
  
    
    /***************/
 
    /********************/
 
   /***********/
 
  
 
 
 
 
    
    /***********/
 
    
     #jcl-demo-hbr a.next.hbr{top:-80px !important;}
    #jcl-demo-hbr a.prev.hbr{top: -102px !important; }
    
 
    

 
}

 

@media (min-width: 0px) and (max-width: 480px) 
{
  
body{min-width: 100%;background: #fff;}
    
    .logoArkaEgik{margin-right: 82px;z-index: 0;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
	.mobil-ust{display: flex; flex-direction: column; align-items: center;}
    .mobil-logo{height: auto;width: 100%;;background-color: #ffffff; display: flex; flex-direction: column; align-items: center;}
    .mobil-logo-link{   display: flex; flex-direction: column; align-items: center;margin: 36px 0;width: 100%;max-width: 210px;}
      /*************************************************************/
    
    .ustBox-str{min-height: 120px;}


.ust-title-box{ justify-content: center;min-height: 160px;width: 100%;}
 

.ust-title{font: 24px 'Montserrat-Light'; color: #fff;  }
 
    
    
    /********************************/
    
    .ust-breadcrumb-link{ padding: 16px 2px;}
.ust-breadcrumb-str span{padding: 16px 2px;}
    
    
    
       /*************************************************************/
 .kurumsal-title{text-align: center; margin-bottom: 24px;}
    .temel-sol-stn,.temel-sag-stn{width: 100%; margin-right: 0;}
    .temel-sag-stn{text-align: center;}
    /*************************************************************/
    .haber-stn,.haber-stn:nth-child(2n){width: 100%; margin-right: 0;}
    .haber-stn:nth-child(1){margin-bottom: 36px;}
/***********/
    .ana-hizmet-orta-stn.mobil-orta{display: block;}
    .ana-hizmet-orta-stn {display: none;}
    .ana-hizmet-aciklama{margin-bottom: 16px;}
    .ana-hizmet-box{margin-bottom:16px;}
    .ana-hizmet-title-2{font: 16px 'Montserrat-Regular'; color: #ce181e; text-align: left; padding-left: 36px; background: url("../pageFile/ana-hizmet-ok-1.svg") no-repeat left center; background-size: 16px; margin-bottom: 12px; }
.ana-hizmet-title-2.sag-title{  text-align: left; padding-left: 36px; padding-right: 0; background: url("../pageFile/ana-hizmet-ok-1.svg") no-repeat left center;background-size: 16px;   }
	.ana-hizmet-title-3{text-align: left;}
	.ana-hizmet-title-3.sag-title{padding-left: 0;}
    .ana-hizmet-alt-aciklama{font:15px 'Montserrat-Light'; color: #323232;padding-right: 0; text-align: left;}

.ana-hizmet-alt-aciklama.sag-aciklama{ padding-left: 0px; text-align: left;padding-right: 0;}
      /*************************/  
    .ana-kurumsal-title{  font-size: 32px; margin-bottom: 24px;}
    .ana-kurumsal-img{display: none;}
    .ana-kurumsal-mobil-img{display: block;}
    .ana-kurumsal-btn{float: none; display: table; margin: 0 auto;}
    /*************************/
    
    .bitum-box,.bitum-alan{width: 100%;}
    
    /*************************/
    
    .haber-detay-stn,.haber-detay-stn:nth-child(2n){width: 100%; margin-right: 0;}
    .haber-detay-stn:nth-child(odd){margin-bottom: 36px;}
  /*************************************************************/
    
    .ana-faaliyet-box{width: 150px;height: auto;}
.ana-faaliyet-box a{width: 100%;height: 100%; display: block;}
.ana-faaliyet-btn{width: 150px; height: 150px; background-position: center; background-repeat: no-repeat;background-size: 138px;}
 



.ana-faaliyet-title{font: 15px 'Montserrat-ExtraBold';color: #323232; text-align: center;}
.ana-faaliyet-title span{font-family: 'Montserrat-Regular';}
        /***************************************************************/
	.istasyon-sol-stn,.istasyon-sag-stn{width: 100%;margin-right: 0;}
    /***************************************************************/
    
    .galeri-box{width: 100%; margin-right: 0;}
      /*************************************************************/
     .iletisim-str{margin-bottom: 0 !important;padding-bottom: 0 !important;}
    .iletisim-stn,.iletisim-stn{margin-right: 0; width: 100%;}
    
    .inputDiv-2{width: 100%; margin-right: 0;}
    
    
     /*************************************************************/
    
    .ebulten-ust-str{padding: 0;}
    .ebulten-input-stn{width: 210px;}
        
    /*************************/
 
	.ana-dortlu-stn{flex-direction: column;align-items: center;}
	.ana-dortlu-box{width:230px; margin-right: 0;justify-content: center;margin-bottom: 24px;}
	.ana-dortlu-title{width:150px;}
 /*************************************************************/
 .danisma-box {
    width: 100%;    background-size: 140px;    padding: 24px 92px 24px 0px; margin-right: 0; }
 
 .danisma-title-1 {    font: 17px 'Montserrat-Light';    color: #fff;    text-align: left;}
    
    .danisma-title-2 {    font: 21px 'Montserrat-Bold';         padding-right: 40px;}
            /********************/
    .ana-kurumsal-str{padding: 0;}
    .ana-kurumsal-sol-stn{width: 100%; margin: 36px 0;}
    .ana-faaliyet-box{float: none; display: table; margin: 0 auto;}
	.ana-faaliyet-box:last-child{margin-right: inherit;}
    .ana-hizmet-stn,.ana-hizmet-orta-stn{width: 100%;}
    
    .ana-bayilik-stn{width: 100%;}
    
    .ana-uclu-str{padding: 0;}
    .ana-uclu-box{width: 100%; margin-right: 0;}
        /********************/
 
    .alt-stn{width: 100%; margin-right: 0; text-align: center;}
    ul.alt-menu{width: 100%;}
    .sosyal-alt-stn{float: none; display: table; margin: 0 auto 36px;}
    /***************/
    .copyright-cizgi{display: none;}
    .copyright-link{width: 100%; text-align: center;}
    /******************/
    .faaliyet-btn-link{width: 100%; margin-right: 0; margin-bottom: 24px;}
    /********************************/
    .filo-box{width: 100%; margin-right: 0;}
    .plus-stn{width: 100%; height: auto;margin-right: 0;}
    .plus-img{float: none; display: table; margin: 0 auto;}
    .plus-title{text-align: center;}
    .plus-aciklama{text-align: center;}
    .tasit-tanima-title-aciklama{font-size: 20px;}
    .phone-img-stn{float: none; display: table; margin: 0 auto;}
    .phone-text-stn{width: 100%;height: auto;margin:0;}
    /******************/
    
    
ul.servis-montaj-list{width: 100%;  list-style-type: none;  display: table; border-bottom: 1px solid #ddd; }
 


ul.servis-montaj-list li{width: 100%;display: block; text-align: center;}
ul.servis-montaj-list li:last-child{width:100%;  }
  /****************/
    
    .overlay2-content{width: 90%;  }
    
        /********************/
    #jcl-demo-hbr a.next.hbr{top:-80px !important;}
    #jcl-demo-hbr a.prev.hbr{top: -102px !important; }
    
    
    /********************/
    .filo-kart-sol-stn,.filo-kart-sag-stn{width: 100%; margin-right: 0; max-width: 100%; margin-bottom: 24px;}
    .filo-kart-aciklama, .filo-kart-ust-title,.filo-kart-title{text-align: center;}
    /********************/
 
   /***********/
 
    /*****************************************************************************************/
 
    /***********/
 
 
    
    /***********/
    .ust-img-box{height: 150px; background-size: 163%;}

 
    
    
    
 
    .mobil-header{display: block !important;}
    .desk-header{display: none;}

 

.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;}
 }