@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 #e8e3df;padding-left: 24px; font: 15px 'Montserrat-Light';  color: #707070;}
select{height:36px;padding-right: 34px;
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;


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

 




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


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










.col.logo{width: 278px; height: 98px;margin-top: 22px;}
 .col.logo a{width: 100%; height:100%; display: block; background:url(../pageFile/logo.svg) no-repeat left center;}



 /*******************************************/
.navbar{position: absolute;height:96px; z-index: 25;}

 

.navbar ul.menu{position: relative;float: left;list-style-type: none;display: inline-block;margin-top: 54px; }
.navbar ul.menu li.menu{position: relative;float: left;margin: 0 6px;}
.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 a.menu{font: 15px 'Eurostile-Semibold';color:#fff;margin: 0 15px;height: 30px;line-height: 30px;display: block;padding: 0 2px;}
.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;background-color: #ed6b1f;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;}

.navbar ul.menu li.menu a.menu:hover:after,.navbar ul.menu li.menu a.menu.secili:after{content: '';position: absolute;width: 16px;height: 22px;background-color: #ed6b1f;right: -1px;top: 4px;-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;border-radius: 0 5px 5px 0;}

.navbar ul.menu li.menu a.menu:hover:before,.navbar ul.menu li.menu a.menu.secili:before{content: '';position: absolute;width: 16px;height: 22px;background-color: #ed6b1f;left: -1px;top: 4px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 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 **/ }

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



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

 




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


.opening-menu:hover>.navbar ul.menu li.menu a.menu:after{content: '';position: absolute;width: 16px;height: 22px;background-color: #ed6b1f;right: -1px;top: 4px;-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;border-radius: 0 5px 5px 0;}

.opening-menu:hover>.navbar ul.menu li.menu a.menu:before{content: '';position: absolute;width: 16px;height: 22px;background-color: #ed6b1f;left: -1px;top: 4px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px;}












.col.list-open-menu {
    width: 200px;background-color: #ed6b1f;
    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: #fff
}
.col.list-open-menu ul.list-open-menu {
    list-style-type: none;
    width: 100%;  
    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: #fff;
    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: #ed6b1f;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 .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%;margin-bottom: 12px;}


.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: -60px;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-golge{background: url("../pageFile/bannerUstGolge.png") no-repeat bottom center;position: absolute;z-index: 1;top:0;width: 2006px; height: 344px;
left: 50%; margin-left: -1003px;}


.dilBox{position: absolute;width: 36px;height: 38px;right: 124px;}

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

select.dil {
    width: 54px;
    height: 42px;
    background-color: #ed6b1f;
font: 15px 'Eurostile-Semibold';color: #fff;
 border: 0;
    padding: 0 10px;
    background-size: 9px
}






.ustBox-str{height:236px;overflow: hidden;background: url("../pageFile/ustBoxBg.png") no-repeat top center;z-index: 15;margin-bottom: 46px;}






.row.arama-ana{height:282px; background:url("../pageFile/arama-bg.jpg") no-repeat center,#313c5f; z-index:12;border-bottom: 2px solid #004d66;}

 
h1.ana-arama-title{font:24px 'Eurostile-Semibold';color: #fff;letter-spacing: 10px;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: 336px;margin-right: 24px;}
.col.arama-oemno{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(../images/page/i-btn-arama.svg) no-repeat 128px center,#ed6b1f;background-size: 32px 32px;;font: 19px 'Montserrat-Bold';color:#fff;width: 100%; height: 50px;text-align: left;padding-left:36px; }

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


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




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

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




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

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

 


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



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

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


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



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

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

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

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

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

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


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

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

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

.col.sosyalTakip{width: 156px;height: 42px;font:16px 'GothamNarrow-Light'; color: #fff;line-height: 42px;}
/*************/
 
 
 
.row.genel-ust{height: 282px;margin-bottom: 36px; z-index: 1;}
.row.genel-orta{min-height: 300px;height: auto;  padding: 50px 0;font: 15px 'Montserrat-Light';color: #747474;}
.row.genel-alt{height:320px; background: url("../pageFile/genel-alt-bg.jpg") repeat,#303b5e;}
 
.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:218px;height: auto;margin-top: 110px;font:14px 'GothamNarrow';color: #fff;line-height: 32px;}

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

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


.col.alt-mail{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;}
.col.alt-mail a{text-decoration: none; color: #fff;}
.col.alt-logo-tam{margin-top: 110px;width: 270px; height:94px; background: url("../pageFile/logoAlt.svg") no-repeat;background-size: 270px 94px; margin-right: 32px;}

.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: 222px;height: auto;margin-right: 60px;}
.col-right.kurumsal-stn{width: 782px; height: auto;}


.kurumsal-list-link{width: 224px;height: auto;border:1px solid #ebebeb;display: block;font: 15px 'Montserrat-SemiBold';padding: 16px 18px;color: #9a9a9a;}
.kurumsal-list-link:hover,.kurumsal-list-link.secili{background: #193d9b;border:1px solid #193d9b;display: block;color: #fff;}
.kurumsal-list-link:after,.kurumsal-list-link.secili:after{content: '';position: absolute;right:12px; width:20px;height: 16px;background: url("../pageFile/yan-menu-ok.svg") no-repeat;background-size: 20px 16px;margin-top: 2px;}




/**************/
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: 254px;margin: 36px 0; }

.col-left.iletisim{width: 406px;margin-right: 28px;}
.col-right.iletisim{width: 490px;margin-right: 27px;}
textarea.iletisim{height: 133px;}
button.iletisim{width: 110px; height: 30px; background-color: #00384a;font: 15px 'Montserrat-Regular'; color: #fff;border: 1px solid #00384a; }
button.iletisim:hover{background-color: #fff;color:#00384a;}





 .haber-box{width:calc(50% - 15px);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: 40%;margin-right: 20px;}
 .col-right.haber-stn{width:calc(60% - 20px); }

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

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

/**************/
.row.grupList{margin-top: 40px;}
.col.grupListBox{width: 340px;height: 154px;margin-right:20px;margin-bottom:20px;}
.col.grupListBox a{width: 340px;height: 154px;display: block;}


.imgBox.grupList{width: 348px; height: 158px; display: block;}
.grupTopBox{position: absolute;top: 0;left: 0; padding: 15px; width: 100%; height: 100%;}
.grupTopBox h1.grupAdi{position: relative;float: left;width: 100%; height: 100%; display: table;}
.grupTopBox h1.grupAdi p{display: table-cell; vertical-align: middle; font: 15px 'GothamNarrow-Med'; color: #fff;}
/**************************************************************************************************************************************/
.row.urunList{margin-top: 30px;}

.col-left.urunList{width: 300px;min-height: 200px;margin-right: 24px;}
.col-right.urunList{width: 740px;}

 

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

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;border: 1px solid #acacac;margin-right: 14px;}
.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: #32428c !important; font-family: 'Montserrat-Regular';font-size: 13px;}
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);word-break: break-all;}


.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: #9a9a9a;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:#00384a; color: #fff;text-align: left; border: 1px solid #00384a;border-bottom: 0; }
a.yan-urunList.secili::before,a.yan-urunList:hover:before{content: '';position: absolute;width: 14px; height: 14px; left: 24px;background: url(../images/page/i-urunList-ok.svg) no-repeat;}

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: 40%;height: auto;border: 1px solid #acacac;margin-right: 14px;}
.imgBox.urunDetay img{width: 100%;height:auto;display: block;}
 /******/
.col-right.urunDetay{max-width: 406px;width: calc(60% -14px);}
  
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: #32428c; font-family: '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:calc(25% - 15px); height: auto;margin-right:20px;}
.galeri-box:nth-child(4n) {margin-right: 0;}
.galeri-box a { color: #000;}
.galeri-in-box{width: 100%; height: auto; border: 1px solid #ccc; }
.imgBox.galeri-img{width: 100%;height: auto;}
.galeri-baslik-box{height: 50px; display: table;}
h5.galeri-baslik-1{ float: none;font: 15px 'Montserrat-Light'; display: table-cell; vertical-align: middle;}
/***********/
 /**************************************************************************************/
.belge-box {width:calc(25% - 15px); height: auto;margin-right:20px;}
.belge-box:nth-child(4n) {margin-right: 0;}
.belge-box a { color: #000;}
.belge-in-box{width: 100%; height: auto; border: 1px solid #ccc; }
.imgBox.belge-img{width: 100%;height: auto;}
.belge-baslik-box{height: 50px; display: table;}
h5.belge-baslik-1{ float: none;font: 15px 'Montserrat-Light'; display: table-cell; vertical-align: middle;}
 /**************************************************************************************/
.katalog-box {width:calc(33.33% - 13.33px); height: auto;margin-right:20px;}
.katalog-box:nth-child(4n) {margin-right: 0;}
.katalog-box a { color: #000;}
.katalog-in-box{width: 100%; height: auto; }
.imgBox.katalog-img{width: 100%;height: auto;}
.katalog-baslik-box{height: 50px; display: table;}
h5.katalog-baslik-1{ float: none;font: 15px 'Montserrat-Light'; display: table-cell; vertical-align: middle;}
  

/*******************************************************************************/
.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,.mobil-banner{display: none !important;}
    .dokuman-box:nth-child(3n){margin-right: 0;}
      .neden-sun-box:nth-child(4n){margin-right: 0;}
}

 

@media (min-width: 1025px) and (max-width: 1280px) 
{
       .mobil-header,.mobil-banner{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;}
    
    
    
}
 
@media (min-width: 801px) 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,.mobil-banner{display: none !important;}
 
    .ucluBox-ana, .ucluBox-urun{width: calc(33.33% - 47.33px);}
    
     .col-left.ana{width: calc(50% - 23px); margin-right: 46px;}
    .col-right.ana{width: calc(50% - 23px); }
    
    .col.logo-alt{width:  33.33%; background: url(../pageFile/logoAlt.png) no-repeat bottom center; background-size: 100%;}
    
    .row.alt-top{width:66.67%;}
    
    .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:294px;margin-bottom: 18px;}
    .col-right.urunList{width: calc(100% - 318px);}
          /*************/
    .imgBox.urunDetay{width: 40%;height: auto;}
    .col-right.urunDetay{width: calc(60% - 14px);}
}

 
 

 

@media (min-width: 481px) and (max-width: 800px) 
{
    
body{min-width: 100%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-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;}
  
    
.menu-dil { position: relative; float: none; width: auto; height: 30px;  margin: 0 auto; text-align: center; display: table;}
.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;}
    
    .ucluBox-ana, .ucluBox-urun{width: 100%;height: auto;}
    .ana-uclu-img{float: none;display: table;width: 100%;max-width: 150px;margin: 0 auto;}
    .ana-uclu-title{width: 100%;text-align: center;}
    h1.ana-urun-grup-title{font-size: 20px;letter-spacing: 6px;}
 /*************************************************************/
    .col-left.ana{margin-right:0;margin-bottom: 36px;}
    .col-left.ana,.col-right.ana{width: 100%;height: auto;}
    h1.ana-haber-title{line-height: 24px;}
    /*********************************/
    .col-left.kurumsal-stn{width: 100%;margin-right: 0;margin-bottom: 36px;}
    .kurumsal-list-link{width: 100%;}
    .col-right.kurumsal-stn{width: 100%;}
 /****************/
    .col-left.urunList{width: 100%;margin-right: 0;margin-bottom: 18px;}
    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;}
    /******************/
    
    .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;background-color: #303b5e; }
    .mobil-logo-link{position: relative;float: none; display: table;margin: 21px auto;width: 100%;max-width: 246px;}
    
 
    
    .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,.mobil-banner{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;}
}

 

@media (min-width: 0px) and (max-width: 480px) 
{
  
body{min-width: 100%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-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;}
 
    
 
    
.menu-dil { position: relative; float: none; width: auto; height: 30px;  margin: 0 auto; text-align: center; display: table;}
.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;}
    
    
    .ucluBox-ana, .ucluBox-urun{width: 100%;height: auto;}
    .ana-uclu-img{float: none;display: table;width: 100%;max-width: 150px;margin: 0 auto;}
    .ana-uclu-title{width: 100%;text-align: center;}
    h1.ana-urun-grup-title{font-size: 20px;letter-spacing: 6px;}
 /*************************************************************/
    .col-left.ana{margin-right:0;margin-bottom: 36px;}
    .col-left.ana,.col-right.ana{width: 100%;height: auto;}
    h1.ana-haber-title{line-height: 24px;}
    /*********************************/
    .col-left.kurumsal-stn{width: 100%;margin-right: 0;margin-bottom: 36px;}
    .kurumsal-list-link{width: 100%;}
    .col-right.kurumsal-stn{width: 100%;}
 /****************/
    .col-left.urunList{width: 100%;margin-right: 0;margin-bottom: 18px;}
    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.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;}
    /********************/
    .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;}
  /*****************************************/
    h1.ana-haber-title{letter-spacing: 0;}
    h1.ana-haber-title::after{top: 32px !important;}
    /*****************************************************************************************/
        .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;background-color: #303b5e; }
    .mobil-logo-link{position: relative;float: none; display: table;margin: 21px auto;width: 100%;max-width: 210px;}
 
    
    .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,.mobil-banner{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;}
 }