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


body{min-width:1064px; }

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

 

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


}
label.iletisim-label{font:13px 'Montserrat-Regular'; color: #5a6771;    line-height: 36px;}
textarea{padding-top: 10px;}
 
select.iletisim{	background: url(../pagefile/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%;}

 




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




body.bg{background-color: #e0e0e0;}



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


.ust-str{background-color:#e0e0e0;height:92px; }
.menu-str{background-color: #5f6062;}



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

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

.ust-mail:hover {font: 15px 'Montserrat-ExtraBold';color: #5f6062;width: 270px;  background: url("../pageFile/alt-mail-icon-2.svg") left center no-repeat;background-size: 36px 26px; line-height: 26px; }
.ust-mail:hover>a{ color: #f68b1e;}


.dilBox{width: 36px;margin: 18px 0 18px 50px;}

 /*******************************************/
.navbar{position: relative;float: left;height:auto; z-index: 25;}

 

.navbar ul.menu{position: relative;float: left;list-style-type: none;display: inline-block;}
.navbar ul.menu li.menu{position: relative;float: left;margin: 0 46px;}
.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: 15px 'OpenSans-Semibold';color:#fff;height:46px;line-height: 46px;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: #f68b1e;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;}

 


 
.opening-menu {
    position: absolute;
    z-index: 999999999;
    display: none;
    top:45px;
    left: -16px;
}
 
.menu-bos-str{width: 100%;height:16px; display: block;background:#fff;}
.navbar ul.menu li.menu:hover>.opening-menu {
    display: block;
    transition: all 2s linear;
    -webkit-transition: all 2s linear
}

.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: 300px;background-color: #fff;
    height: auto
}
.col.list-open-menu.urunler {
    width: 300px;
}
.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: 100%;
    min-height: 10px;
    height: auto
}
.col.list-open-menu ul.list-open-menu.urunler {
    width: 100%;
}
 
.col.list-open-menu ul.list-open-menu li.list-open-menu {
    width: 100%;
    height: auto
}


.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: 15px '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 {  transition: all .5s ease;color: #f68b18;}
 .col.list-open-menu ul.list-open-menu li.list-open-menu a.list-open-menu:hover:before {content:"";position: absolute;  width:calc(100% - 40px); height: 1px; background-color: #ccc;top: 0; left: 20px;}
 .col.list-open-menu ul.list-open-menu li.list-open-menu a.list-open-menu:hover:after {content:"";position: absolute;  width:calc(100% - 40px);  height: 1px; background-color: #ccc;bottom: 0; left: 20px;}
 .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 .bizeulas{position:absolute; height:42px;width:146px;  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;}



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

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

.ortala-box{float: none  !important;display: table !important; margin: 0 auto  !important; }
/******************************************************************************************************************/






.alt-kisim-str{background:#292929;padding: 36px 0;}

.alt-adres-str{font:20px 'Roboto-Light';color: #fff;margin-bottom: 32px;margin-top: 24px;}
.alt-sosyal-box{width: 200px; height: 48px; left: 50%; margin-left: -100px;}
.alt-sosyal-btn-box{width: 40px; height: 40px;margin-right: 40px;}
a.alt-sosyal-btn{width: 100%; height: 100%; display: block; color: #fff;}


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

.alt-menu-stn{width: 266px; min-height:255px;}

ul.alt-menu{list-style-type: none;color: #ddd;}
ul.alt-menu li{font: 17px 'OpenSans-Regular';color: #fff;margin-bottom: 8px;}
ul.alt-menu li a{font: 17px 'OpenSans-Regular';color: #616161;}
ul.alt-menu li a:hover{color: #fff;}
.col.alt-sol-stn{margin-top: 34px;width: calc(100% - 456px);}

.alt-stn{width:auto;margin-right: 100px;}
.alt-sosyal-str{margin-bottom: 36px;}
.alt-iletisim-stn{width: 460px;}
.alt-logo-stn{width:176px;background: url("../pageFile/logo-alt.svg") no-repeat;background-size: 176px;height: 116px;margin-right: 36px;margin-top: -38px;}
.alt-sosyal-stn{width:164px;}
.sosyal-text{font: 15px 'Montserrat-Regular'; color: #fff;margin-bottom: 16px;}
.sosyal-btn-link{width: auto; height: 30px;font-size: 30px;margin-right:10px; color: #fff;display: block;}
.sosyal-btn-link:hover{  color: #f68b1e; }
.alt-tel-box{ background:url("../pageFile/alt-iletisim-icon.svg") no-repeat 97% center,#f68b1e;padding: 12px;font: 16px 'OpenSans-Regular';line-height: 20px; color: #000;background-size: 62px; }
 
.alt-tel-box span{font-family:'Montserrat-SemiBold';}
.alt-tel-box a{color: #000;}
 

 
.copyright-str{ font: 15px 'Montserrat-Light'; color: #282828; }
.copyright-box{ line-height: 50px; }
.design-box{ width: 72px;background: url("../pageFile/dplogo.svg") no-repeat; background-size: 72px 50px;}


 .col-right.ana{background-color: #fff;}
.ana-sfc-box{background:url("../pageFile/ana-scf-bg.jpg") no-repeat;}
.ana-motus-box{background:url("../pageFile/ana-motus-bg.jpg") no-repeat;}
.ana-sfc-box,.ana-motus-box{margin-bottom: 16px;background-size: 100%;}

.col-left.scf-stn{padding: 28px 0 28px 32px;max-width: 202px;}
.col-right.scf-stn{font: 15px 'Montserrat-Bold';color: #000;display: table; height: 142px; text-align: center;width: calc(100% - 202px);}
.col-right.scf-stn p{display: table-cell; vertical-align: middle;}


.col-left.motus-stn{padding: 24px 0 24px 32px;max-width: 202px;}
.col-right.motus-stn{font: 15px 'Montserrat-Bold';color: #fff;display: table; height: 158px; text-align: center;width: calc(100% - 202px);}
.col-right.motus-stn p{display: table-cell; vertical-align: middle;}




.ana-ebulten-box{background-color: #626262;letter-spacing: 1px;  }
.col-left.ebulten-stn{padding: 0 0 0 32px;max-width: 240px;}
.col-right.ebulten-stn{font: 15px 'Montserrat-Bold';color: #fff;display: table; height: 158px; text-align: left;width: calc(100% - 240px); padding: 30px;}
.col-right.ebulten-stn p{display: table-cell; vertical-align: middle;}

h1.ana-bulten-title{font: 22px 'OpenSans-Regular';color:#fff; }
h2.ana-bulten-title-2{font:38px 'OpenSans-Regular';color: #f68b1e; }
h3.ana-bulten-title-3{font:22px 'OpenSans-Regular';color: #f68b1e;margin-bottom: 16px;}

.btn-ebulten-incele{padding: 6px 24px;font:15px 'Montserrat-Light';background-color:transparent; color: #fff;text-align: center;border: 1px solid #fff;display: block;width: auto;}
.btn-ebulten-incele:hover{background: #fff;color: #f68b1e;}
/*********************/
.ana-sektor-guc{background: url("../pageFile/sektore-yon-veren-guc-bg.jpg") no-repeat center; min-height: 494px;background-size: cover;padding: 112px 0 30px;margin-top: -20px;}
.ana-sektor-img{max-width: 90px;float: none; display: table;margin: 0 auto;}

h1.ana-sektor-title{font:48px 'OpenSans-Regular'; color: #fff; text-align: center;margin-bottom: 24px;}
.ana-sektor-aciklama{font: 18px 'OpenSans-Light';color: #fff;text-align: center;margin-bottom: 40px;}

.sektor-btn-box{margin: 0 auto;float: none; display: table;}

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

.arge-img,.belge-img,.arge-aciklama{margin-bottom: 24px;}

g,svg g path,polygon,polyline{fill:#687276;cursor: pointer;}
 g:hover>path{fill:#fbc129;}
g.secili>path{fill:#fbc129;}
 g:hover>polygon,rect,polyline{fill:#fbc129;}
 g.secili>polygon,rect,polyline{fill:#fbc129;}
g.sehir-isim path,g.sehir-isim path:hover{fill: #fff; }

/*******************************************************************************************************************/
.tum-urun-stn{width: 740px;}
.urun-stn-sol{width: 740px; margin-right: 36px;left: -288px; }
.urun-stn-sag{width:288px; left: calc(100% - 288px);}

 
.urun-ust-sol-stn{width:calc(100% - 200px);padding: 20px 36px;}
 .urun-ust-sag-stn{width:200px;}
.urun-ust-title-str{width: 100%; height:110px; background:#a4a4a4; border: 1px solid #ccc;border-bottom: none;}
.urun-grup-title{font: 32px 'GothamNarrow-UltraItalic'; color: #575757;}
.urun-alt-grup-title{font: 20px 'GothamNarrow-Light'; color:#575757; }

.urun-list-box{height: auto;margin-bottom: 36px;}
.urun-list-box table.urun-list-tb {
  border-collapse: collapse; border-spacing: 0;  width: 100%;  border: 1px solid #ccc; border-top: none;}

.urun-list-box table.urun-list-tb th { background-color: #696a6d;color: #fff;}
.urun-list-box table.urun-list-tb th, td {  text-align: left;  padding: 8px; font: 14px 'OpenSans-Light'; }
.urun-list-box table.urun-list-tb th:nth-child(1), td:nth-child(1) { width:15% }
.urun-list-box table.urun-list-tb th:nth-child(2), td:nth-child(2) { width:15% }
.urun-list-box table.urun-list-tb th:nth-child(3), td:nth-child(3) { width:20% }
.urun-list-box table.urun-list-tb th:nth-child(4), td:nth-child(4) { width:40% }
.urun-list-box table.urun-list-tb th:nth-child(5), td:nth-child(5) { width:10% }

.urun-list-box table.urun-list-tb tr:nth-child(odd){background-color: #d1d3d4}



.urun-form-box{background: #f68b1e; padding: 24px;}

.urun-form-str{margin-bottom: 12px;}

.urun-katalog-box{padding: 24px; background-color: #575757;}

.btn-katalog{width: 100%;height: 60px; padding-left: 60px; color: #f68b1e;font: 24px 'Montserrat-Bold'; line-height: 60px; border: 1px solid #f68b1e; display: block; background: url("../pageFile/katalog-icon.svg") no-repeat 16px center; background-size: 28px;}















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

.uretim-str{background-color: #999999;padding-top: 100px;}
 
.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;}


.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");}
/******************/
.ana-uclu-str{min-height: 50px;z-index:15000;margin-bottom: 40px;margin-top: 36px; }
.ana-ucluBox-stn{width:calc(33% - 22px);margin-right: 36px; height: 472px;padding: 50px 32px 32px;display: block;background-color: #fff;margin-top: 15px;}
.ana-ucluBox-stn:nth-child(2){height: 502px;margin-top: 0;}
.ana-ucluBox-stn:nth-child(3){margin-right: 0;}
.ana-uclu-aciklama{min-height:172px;font: 15px 'Montserrat-Light';text-align: center;margin-bottom: 28px;}


.ana-uclu-img{width:90px;float: none; display: table;margin: 0 auto 24px;}
.ana-uclu-title{ font: 15px 'Montserrat-Bold';color: #000000;height:auto;margin-bottom: 20px; text-align: center;}
 
 
 
.btn-ana-devam{padding: 6px 24px;font:15px 'Montserrat-Light';background-color:transparent; color: #5f6062;text-align: center;border: 1px solid #5f6062;display: block;width: auto;
}
.btn-ana-devam:hover{background: #fff;color: #f68b1e;border: 1px solid #f68b1e;}
/******************/


 



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

 
 



.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
}
 
.ustBox-str{height: 162px;  }
h1.ustBox-title{font: 40px 'GothamNarrow-UltraItalic';color: #f68b1e;height: 40px;margin-top: 124px; float: right;} 
 
 
.ustBox-str.kurumsal-bg{background: url("../pageFile/kurumsalBg.jpg") no-repeat top center;}
.ustBox-str.urunler-bg{background: url("../pageFile/urunlerBg.jpg") no-repeat top center;}
a.ust-title{font:15px 'Montserrat-Light';color: #393939;}

 .ust-title-str{font:15px 'Montserrat-Bold';height: 50px;line-height: 50px;color: #393939;}

 
.row.arama-ana{height:282px; background:url("../pageFile/arama-bg.jpg") no-repeat center,#cf7519; z-index:12;}

 
h1.ana-arama-title{font:italic 24px 'OpenSans-Regular';color: #fff; margin: 40px 0 80px;} 

h1.ana-arama-title::after{content: '';position: absolute;width: 52px; height: 24px; background: url("../pageFile/arama-down-icon.svg") no-repeat center;left: 50%; margin-left: -26px;top:40px;} 



.arama-form-str{margin-bottom: 60px;}

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

.col.marka-sec{width: 320px;margin-right: 24px;}
.col.arama-oemno{width:calc(100% - 664px);margin-right: 24px;}
input.arama,select.arama{background-color: #fff;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,#000000;background-size: 32px 32px;;font: 24px 'OpenSans-Bold';color:#fff;width: 100%; height: 50px;text-align: left;padding-left:36px; }



.arama-marka{margin-right: 24px;}
.select-arama{height: 50px;}


.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: 21px 'OpenSans-Regular'; color: #5f6062;line-height: 54px;margin-bottom:16px;  border-bottom: 2px solid #f68b1e;padding: 0 16px;}
 
.ana-duyuru-stn{font: 15px 'Montserrat-Light';padding:0 16px; }
 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;}


.ana-haber-btn-str{padding-right: 16px;}
.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;padding-bottom: 22px;}

.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:54px 0px;font: 15px 'OpenSans-Regular';color: #393939;}
.row.genel-orta.ana-sayfa{margin-top:24px;}


.row.genel-alt{height:320px; background:#292929;}
 
.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:456px;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;}
/**************/

.col-left.kurumsal-stn{width: calc(100% - 258px); height: auto;right: 258px;}
.col-right.kurumsal-stn{width: 222px;height: auto;margin-left: 36px;left:calc(100% - 260px);}
.col-left.urun-detay-stn{display: block;}
 
.kurumsal-list-link{ background-color: #5F6062; width: 224px;height: auto;display: block;font: 15px 'Montserrat-Regular';padding: 12px 18px;color: #fff; }
.kurumsal-list-link:hover,.kurumsal-list-link.secili{ background-color: #f68b1e; }
.kurumsal-list-link::after{content: '';position: absolute;margin-top:-30px;left: -28px; background:url("../pageFile/yan-menu-ucgen-1.svg") no-repeat; width: 28px;height: 42px;;display: block; }
 .kurumsal-list-link:hover:after{content: '';position: absolute;margin-top:-30px;left: -28px; background:url("../pageFile/yan-menu-ucgen-2.svg") no-repeat; width: 28px;height: 42px;;display: block; }
 
 .kurumsal-list-link.secili:after{content: '';position: absolute;margin-top:-30px;left: -28px; background:url("../pageFile/yan-menu-ucgen-2.svg") no-repeat; width: 28px;height: 42px;;display: block; }


.bayi-box {width:calc(33.33% - 24px); min-height: 240px;margin-right:36px;margin-bottom: 20px; border-bottom: 1px solid #cccccc;}
.bayi-box:nth-child(3n) {margin-right: 0;}
.bayi-box a { color: #000;}
.bayi-in-box{width: 100%; height: auto; }
.imgBox.bayi-img{width: 100%;height: auto;}
.bayi-baslik-box{height: auto;padding: 7px 0;}
h3.bayi-baslik-1{font: 18px 'Montserrat-Light'; margin-bottom:20px;}
h5.bayi-baslik-2{font: 16px 'Montserrat-Light';margin-bottom: 10px;}

.bayi-hover{position: absolute;opacity: 0; width: 100%; height: 100%; background: url("../pageFile/galeri-hover-bg.svg") repeat;}

.bayi-hover .plus{width: 100%; height: 100%; position: absolute;   background: url("../pageFile/galeri-plus.svg") no-repeat center;background-size: 66px 66px;}
.bayi-box:hover>a .bayi-in-box .bayi-hover{opacity: 1;color: #474747;}


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



.col.video-box{width: 320px; height: auto;margin-right: 36px; margin-bottom: 36px;}
.col.video-kod{	  min-width: 320px; 	min-height: 100px; width: auto; height: auto}
.col.video-adi{width: 320px; height: 36px;display: table;}
.col.video-adi p{font: 18px 'GothamNarrow'; text-align: center;display: table-cell; vertical-align: middle;}

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


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

.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: #f68b18;font: 15px 'Montserrat-Regular'; color: #fff;border: 1px solid #f68b18;padding:0 16px; }
button.iletisim:hover{background-color: #fff;color:#f68b18;}

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



 .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: #f68b18; color: #fff;text-align: center;border: 1px solid #f68b18;display: block;width: 142px;}
.btn-type-1:hover{background: #fff;color: #f68b18;}

.btn-type-incele,.btn-tumunu-incele{padding: 6px 24px;font: 15px 'Montserrat-Light';background: #fff; color: #5f6062;text-align: center;border: 1px solid #5f6062;display: block;width: auto;}
.btn-type-incele:hover,.btn-tumunu-incele:hover{background: #fff;color: #f68b18;}


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


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



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: #f68b18 !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);}


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




.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:#f68b18; 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: #f68b18; 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;}


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


.galeri-box {width: 336px; height: 236px;margin-right:20px;}
.galeri-box:nth-child(3n) {margin-right: 0;}
.galeri-box a { color: #000;}
.galeri-in-box{width: 100%; height: auto; }
.imgBox.galeri-img{width: 100%;height: auto;}
.galeri-baslik-box{height: auto;padding: 7px 0;}
h5.galeri-baslik-1{font: 12px 'Montserrat-Light';}
h3.galeri-baslik-2{font: 14px 'Roboto-Bold';}

.galeri-hover{position: absolute;opacity: 0; width: 100%; height: 100%; background: url("../pageFile/galeri-hover-bg.svg") repeat;}

.galeri-hover .plus{width: 100%; height: 100%; position: absolute;   background: url("../pageFile/galeri-plus.svg") no-repeat center;background-size: 66px 66px;}
.galeri-box:hover>a .galeri-in-box .galeri-hover{opacity: 1;color: #474747;}
 

/*******************************************************************************/
.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;}
    .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;}
    
            .urun-stn-sol{width: calc(100% - 324px);  }
    .tum-urun-stn{width: calc(100% - 324px); left: -288px;}
    
    .tum-urun-stn .urun-stn-sol{width: 100%; left: 0;}
    
}

 

@media (min-width: 1025px) and (max-width: 1280px) 
{
       .mobil-header{display: none !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;}
        .urun-stn-sol{width: calc(100% - 324px);  }
    .tum-urun-stn{width: calc(100% - 324px); left: -288px;}
    
    .tum-urun-stn .urun-stn-sol{width: 100%; left: 0;}
    
    
    
    
}
 
@media (min-width: 768px) 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 32px;}
    .navbar ul.menu li.menu a.menu{font-size: 13px;}
    
    .urun-stn-sol{width: calc(100% - 324px);  }
    .tum-urun-stn{width: calc(100% - 324px); left: -288px;}
    
    .tum-urun-stn .urun-stn-sol{width: 100%; left: 0;}
    
    
    .col-left.ana,.col-right.ana{width: calc(50% - 23px);}
    
    
    
    /************/
          .mobil-header{display: none !important;}
    .mobil-logo{display: none;}
    
    .col-right.kurumsal-stn{width: calc(100% - 284px);}
    a.urunlist-box{width: calc(50% - 9px);}
    
    /************/
        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: 767px) 
{
    
body{min-width: 100%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    
        .ustBox-str{height:100px;}
    h1.ustBox-title{ margin: 24px auto 0; float: none; display: table;} 
    
     .arama-marka,.arama-oemno{width: 100% !important; margin-right: 0; margin-bottom: 12px;}
 
    
    .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;}
     
    .row.arama-ana{height: auto; padding-bottom:36px;}
    .urun-stn-sol{width: 100%; margin-right: 0; left: 0; }
    .urun-stn-sag{width: 100%; left: 0;margin-bottom: 36px;}
        .tum-urun-stn{width: 100%;}
    .ucluBox-ana, .ucluBox-urun{width: 100%;height: auto;}
    .ana-ucluBox-stn{width: 100%;margin-bottom: 24px;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%;}
 /****************/
    .bayi-box {width:calc(50% - 19px); min-height: 240px;margin-right:36px;margin-bottom: 20px; border-bottom: 1px solid #cccccc;}
    .bayi-box:nth-child(2n){margin-right: 0 !important;}
     /****************/
    .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-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;}
    /******************/
        
    .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;}
    
    /***************/
    .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;}
    
    /********************/
    .alt-iletisim-stn,.alt-stn,.alt-sol-stn,.alt-logo-stn,.alt-sosyal-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;}
  
 
    /*****************************************************************************************/
        .galeri-box,.video-box{width: 100%;height: auto;}
    .video-box{margin-right: 0;}
    /***********/
 
 
    
    /***********/
    .ust-img-box{height: 150px; background-size: 163%;}
     .mobil-logo{height: 120px; }
    .mobil-logo-link{position: relative;float: none; display: table;margin: 8px auto;width: 100%;max-width: 150px;}
    
     #jcl-demo-hbr a.next.hbr{top:-80px !important;}
    #jcl-demo-hbr a.prev.hbr{top: -102px !important; }
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:6px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:6px !important;}
    .swiper-button-next, .swiper-button-prev{margin-top: 38% !important; top: 100% !important;}
    
    .col-left.kurumsal,.col-right.kurumsal{width: 100%;}
    .mobil-header{display: block !important;}
    .desk-header{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%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    .row.genel-orta{padding:36px 0;}
      .row.genel-orta.ana-sayfa{  margin-top: 0;}
    
    .ana-ebulten-box{margin-bottom: 20px;}
    .col-left.ebulten-stn{max-width: 170px;padding-left: 16px;}
        .col-right.ebulten-stn{padding: 12px;}
    .btn-ebulten-incele{padding:6px 10px;}
    
    h1.ana-arama-title{letter-spacing: 4px; margin: 36px 0 ;}
   .row.arama-ana{height: auto; padding-bottom:36px;}
    .arama-marka{width: 100%; margin-right: 0; margin-bottom: 12px;}
    
    .urun-stn-sol{width: 100%; margin-right: 0; left: 0; }
    .urun-stn-sag{width: 100%; left: 0;margin-bottom: 36px;}
    .tum-urun-stn{width: 100%;}
    
    .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;}
     /*************************************************************/
    .ustBox-str{height:100px;}
    h1.ustBox-title{ margin: 24px auto 0; float: none; display: table;} 
 
    
    .ana-ucluBox-stn:nth-child(2){height: auto;}
         /*************************************************************/
    .copyright-box{line-height: normal; padding: 5px 0;}
    
.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: 15px 'Montserrat-Light';color: #000; width: 34px; height: 30px;    text-align: center; line-height: 30px;}
.menu-dil a.dil.secili {   font: 15px 'Montserrat-SemiBold'; line-height: 30px;}
    
        .ana-ucluBox-stn{width: 100%;margin-bottom: 24px;height: auto;}
    .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.alt-sol-stn{width: 100%;}
 /*************************************************************/
    .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: 54px;}
    /*********************************/
    .col-left.kurumsal-stn{width: 100%;margin-right: 0;margin-bottom: 36px;right: 0;margin-top: 24px;}
    .kurumsal-list-link{width: 100%;}
    .col-right.kurumsal-stn{width:calc(100% - 26px);left:26px; margin-left: 0; margin-top: 24px;}
 /****************/
    .bayi-box {width:100%; min-height: 240px;margin-right:0;margin-bottom: 20px;  }
     /****************/
    
    
    .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);}
    
    
    
    
        /******************/
    .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;}
    
    /********************/
    .alt-iletisim-stn,.alt-stn,.alt-sol-stn,.alt-logo-stn,.alt-sosyal-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: 120px;  }
    .mobil-logo-link{position: relative;float: none; display: table;margin: 8px auto;width: 100%;max-width: 150px;}
 
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:6px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:6px !important;}
    .swiper-button-next, .swiper-button-prev{margin-top: 38% !important; top: 100% !important;}
    
    .col-left.kurumsal,.col-right.kurumsal{width: 100%;}
    .mobil-header{display: block !important;}
    .desk-header{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;}
 }