@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: 18px 'Akrobat-Light'; background-color: #eeeeee;  color: #707070;}
select{height:36px;padding-right: 34px;
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;


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

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

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

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

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

 

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

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

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

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

 




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










.col.logo{width: 162px; height: 182px;margin-top: -84px;}
 .col.logo a{width: 100%; height:100%; display: block; background:url(../pageFile/logo.png) no-repeat left center;}


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

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


.ust-menu-link{ margin-right: 58px; font: 18px 'Akrobat-ExtraLight';color: #fff;width: auto;height: 30px;line-height: 30px;}
.ust-menu-link a{text-decoration: none; color: #fff;}



 /*******************************************/
.menu-str{background: url("../pageFile/menuBg.jpg") repeat;}

.navbar{position: relative;float: left;height:126px; 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 40px;}
.navbar ul.menu li.menu:first-child{margin-left:20px;margin-right: 80px}
.navbar ul.menu li.menu:nth-child(2){margin-right:84px;}
.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: 18px 'Akrobat-Regular';color:#fff;height: 30px;line-height: 30px;display: block;}
.navbar ul.menu li.menu a.menu:hover,.navbar ul.menu li.menu a.menu.secili{ -webkit-transition: color 0.3s linear; -ms-transition: color 0.3s linear;  transition: color 0.3s linear;color: #bf1e2e;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;}

 

 




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

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




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




.opening-menu {
    position: absolute;
    z-index: 999999999;
    display: none;
    top: 114px;
    left:0;width: 100%;
}
 
.menu-bos-str{width: 100%;height:42px; display: block;}
.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: 200px;background-color: #fff;
    height: auto
}
.col.list-open-menu.urunler {
    width: 100%; height: auto;;
}
.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: 200px;
    min-height: 10px;
    height: auto
}
.col.list-open-menu ul.list-open-menu.urunler {
    width: 100%;
}

 .menu-grup-box {position: absolute;right: 0; top: 0;opacity: 0;
    width: 75%;right:calc(-100% + 126px);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%;
    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 'Akrobat-SemiBold';
    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: #ce171f;}
 .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)
}





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









.menuOk{width: 10px; height: 6px;left: 50%; margin-left: -5px; top: 36px;position: absolute;background: url("../pageFile/menuOk.svg") no-repeat center;}



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


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

 

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

.navbar ul li a .menuplus{position:absolute; left:50%; margin-left: -7px; width: 14px; height: 14px;font: 18px 'Corbel'; color: #fff;top:-20px; background: url(../images/page/menu-plus.svg) no-repeat;}
.navbar ul li a:hover>.menuplus{top: 30px; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}





 
.container-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");}






.dilBox{width: 30px;}

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

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

.whatsapp-btn{display: none;position: fixed;width: 36px; height: 36px; right: 16px;bottom: 16px;}
 
 

 

.ustBox-str{height:214px;overflow: hidden;background:#464646;z-index: 15;}

.ustBox-title{font:72px 'Akrobat-Light';color:#606060; margin-top:148px;line-height: 72px;}

.ustBox-logo{position:absolute;width:590px; height:706px;right: 0;background: url("../pageFile/logo-title-bg.svg") no-repeat center;margin-top: -19%}



 
.urun-sol-stn{width: 284px;min-height: 50px;height: auto;margin-right: 32px;}
.urun-sag-stn{width: calc(100% - 316px);}

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

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

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



.row.urun-grup-ana{min-height:183px; background:#ce171f; z-index:12;height: auto;}

.urun-grup-ana-img{}
.urun-grup-ana-box{width: calc(100% / 4);}
.urun-grup-ana-box:hover{background-color:#a71017; }
h1.urun-grup-ana-title{font: 18px 'Akrobat-SemiBold';color:#fff;padding: 16px 0;text-align: center;min-height: 76px;}

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



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

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


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



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

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

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

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


.alt-kisim-str{min-height:378px;background: url("../pageFile/alt-kisim-bg.jpg") repeat;}


.ebulten-str{margin-top: 32px;}

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

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

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

.alt-menu-str{padding: 36px 0;}
.col-left.alt-sol-stn{width: 798px;}
.col-right.alt-sag-stn{width: 240px;}

.alt-logo-box{width: 214px; height: 264px;background: url("../pageFile/alt-logo.png") no-repeat center; float: none; display: table;margin: -44px 0 -4px;}



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

ul.alt-menu{list-style-type: none;color: #ddd;}
ul.alt-menu li{font: 17px 'Akrobat-Light';color: #fff;margin-bottom: 8px;}
ul.alt-menu li a{font: 17px 'Akrobat-Light';color: #fff;}
ul.alt-menu li a:hover{ color: #ce171f;}



.alt-mail-str{font: 18px 'Akrobat-Light'; color: #fff; text-align: center;margin-bottom: 16px;}
.alt-mail-str{font: 18px 'Akrobat-Light'; color: #fff; text-align: center;margin-bottom: 16px;}





.urun-box{width:226px; min-height: 216px; border: 1px dotted #ccc;margin-right: 34px;margin-bottom: 34px;}
.urun-box:nth-child(3n){margin-right: 0;}
.urun-box-title{width:100%;height: 86px;display: table;padding: 10px;}
.urun-box a{color: #000;}
.urun-box-title p{display: table-cell;vertical-align: middle; text-align: center;}











/***************/
.referans-box {width:calc(25% - 32px); height: auto;margin-right:42px;margin-bottom: 42px;}
.referans-box:nth-child(4n) {margin-right: 0;}
.referans-box a { color: #000;}
.referans-in-box{width: 100%; height: auto; }
.imgBox.referans-img{width: 100%;height: auto; border: 1px solid #ccc;}
.referans-baslik-box{min-height: 64px;margin-top: 12px;}
h3.referans-baslik-1{font: 18px 'Akrobat-Regular';}
h5.referans-baslik-2{font: 16px 'Akrobat-Regular';}

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








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

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

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


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

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


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




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

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




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

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

 


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



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

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


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



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

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



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

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

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

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

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


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

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

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

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


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

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

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

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


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

.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: 16px 'Akrobat-SemiBold';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.urun-detay-stn{display: block;}
 
.urun-detay-title{font: 20px 'Akrobat-Bold'; height: 52px; display: table;}
.urun-detay-title p{vertical-align: middle; display: table-cell;}
.kurumsal-list-link{ background-color: #ebebeb; width: 224px;height: auto;border:1px solid #ebebeb;display: block;font: 15px 'Montserrat-SemiBold';padding: 16px 18px;color: #7b7b7b; }
.kurumsal-list-link:hover,.kurumsal-list-link.secili{background: #b31c27;display: block;color: #fff;}
 




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


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



.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: 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: #b31c27;font: 18px 'Akrobat-Regular'; color: #fff;border: 1px solid #b31c27; }
button.iletisim:hover{background-color: #fff;color:#b31c27;}

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



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

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

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



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

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


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

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

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


 



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

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




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

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


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

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

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

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

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

.tabAlan ul.tabmenu li:nth-child(3){background: url("../pageFile/gor360.svg") no-repeat 12% center;background-size: 50px}
.tabAlan ul.tabmenu li:nth-child(3) a:hover,.tabAlan ul.tabmenu li:nth-child(3).secili a{background: url("../pageFile/gor360-2.svg") no-repeat 12% center;background-size: 50px;background-color: #ce171f;color: #fff;}
/****************************** ************************************/

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

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

.tabAlanMn ul.tabmenu li a{width: 198px;height: 52px;font:17px 'Akrobat-Bold';  ;color: #5f5e5e;text-align: center;text-decoration: none;display: table;}
.tabAlanMn ul.tabmenu li a p{display: table-cell; vertical-align: middle;}


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

 


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

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


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

.tabAlanMn ul.tabmenuMn li{position: relative; float: left;}

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



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

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







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

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

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



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




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

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

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


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

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

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

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

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


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

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


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


 


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


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


.galeri-box {width: 336px; height: 260px;margin-right:20px;margin-bottom: 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;}
 
h5.galeri-baslik{height: 60px;font: 16px 'Akrobat-Light';display: table;}
h5.galeri-baslik p{ display: table-cell; vertical-align: middle;}
 

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

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



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

.center-block {  
  display: block;
  margin-right: auto;
  margin-left: auto;
}
 @media (min-width: 1281px)
{
  
     
       .mobil-header{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;}
}

 

@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;}
    
}
 
@media (min-width: 871px) and (max-width: 1024px) 
{ body{min-width: 100%;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    /*************/
    .col.logo{width: 240px; height: 86px;}
    .navbar ul.menu li.menu{margin: 0 4px;}
    .navbar ul.menu li.menu a.menu{font-size: 13px;}
    /************/
          .mobil-header{display: none !important;}
    .mobil-logo{display: none;}
    
    .col-right.kurumsal-stn{width: calc(100% - 284px);}
    a.urunlist-box{width: calc(50% - 9px);}
    
    
    
 
    .urun-box{width:calc(50% - 17px);margin-right: 34px;height: auto;}
    .urun-box:nth-child(2n) {margin-right: 0;}
     .urun-box:nth-child(3n){margin-right: 34px;}
    .urun-box:nth-child(6n){margin-right: 0;}
    
    
    /************/
        a.urunlist-box:nth-child(2n){margin-right: 0 ;}
 a.urunlist-box:nth-child(3n){margin-right:16px;}
    a.urunlist-box:nth-child(6n){margin-right: 0 ;}
    .ucluBox-ana, .ucluBox-urun{height: auto;min-height: 242px;}
    .ana-uclu-img{width: 100%;max-width: 150px; float: none; display: table;margin: 0 auto;}
    .ana-uclu-title{width: 100%;text-align: center;}
    /*************/
    .col-left.urunList{width:calc(100% - 294px);}
    .imgBox.urunDetay{width: 40%;height: auto;}
    .col-right.urunDetay{width: calc(60% - 14px);}
    
    .col-left.urun-detay-stn{display: block;}
     .whatsapp-btn{display: none;}
    
}

 
 

 

@media (min-width: 481px) and (max-width:870px) 
{
    
body{min-width: 100%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    
      .mobil-ust-str{z-index: 999;}
        .col-left.alt-sol-stn,.col-right.alt-sag-stn{width: 100%;}
    .alt-logo-box{float: none;display: table;margin: 0 auto;}
    
    .ebulten-form-box{width: 100%;}
        .ebulten-input.adSoyad,.ebulten-input.eposta,.ebulten-btn-box,.ebulten-btn{width: 100%;margin-right: inherit;margin-bottom: 16px;}
    .col-right.kurumsal-stn{left: 0;}
    
        .urun-grup-ana{height: auto;}
    .urun-grup-ana-box{width:50%;}
    
      .referans-box {width:calc(33.33% - 32px); height: auto;margin-right:42px;margin-bottom: 42px;}
    .referans-box:nth-child(3n){margin-right: 0;}
       .referans-box:nth-child(4n) {margin-right: 42px;}
    .referans-box:nth-child(12n){margin-right: 0;}
        .urun-sol-stn{width: 96%;margin-right: 0;margin-bottom: 34px;}
    .urun-sag-stn{width: 100%;}
    .urun-box{width:calc(50% - 17px);margin-right: 34px;height: auto;}
    .urun-box:nth-child(2n) {margin-right: 0;}
     .urun-box:nth-child(3n){margin-right: 34px;}
    .urun-box:nth-child(6n){margin-right: 0;}
    
    
        .ustBox-str{height: 120px;}
    .ustBox-title{margin-top: 54px;}
    
    
    
    .iletisim-str{margin-bottom: 0 !important;padding-bottom: 0 !important;}
    .col-left.iletisim-stn,.col-right.iletisim-stn,.col-left.iletisim-form-stn,.col-right.iletisim-form-stn{width: 100%;}
    .col-left.iletisim-stn{margin-bottom: 24px;}
        .col-left.iletisim-form-stn{margin-right: 0;}
 
    
    .ucluBox-ana, .ucluBox-urun{width: 100%;height: auto;}
    .ana-uclu-img{float: none;display: table;width: 100%;max-width: 150px;margin: 0 auto;}
    .ana-uclu-title{width: 100%;text-align: center;}
    h1.ana-urun-grup-title{font-size: 20px;letter-spacing: 6px;}
 /*************************************************************/
    .col-left.ana{margin-right:0;margin-bottom: 36px;}
    .col-left.ana,.col-right.ana{width: 100%;height: auto;}
    h1.ana-haber-title{line-height: 24px;}
    /*********************************/
    .col-left.kurumsal-stn{width: 100%;margin-right: 0;margin-bottom: 36px;}
    .kurumsal-list-link{width: 100%;}
    .col-right.kurumsal-stn{width: 100%;}
 /****************/
    .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:0 auto;width: 100%;max-width:162px;}
    
     #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%;}
    .mobil-ust-str{z-index: 999;}
     
    .urun-sol-stn{width: 96%;margin-right: 0;margin-bottom: 34px;}
    .urun-sag-stn{width: 100%;}
    .urun-box{width:calc(50% - 17px);margin-right: 34px;height: auto;}
    .urun-box:nth-child(2n) {margin-right: 0;}
     .urun-box:nth-child(3n){margin-right: 34px;}
    .urun-box:nth-child(6n){margin-right: 0;}
    
    .col-left.alt-sol-stn,.col-right.alt-sag-stn{width: 100%;}
    .alt-logo-box{float: none;display: table;margin: 0 auto;}
    .ebulten-title{width: 100%;padding:inherit;text-align: center;margin-bottom: 16px;}
    
    .ebulten-input.adSoyad,.ebulten-input.eposta,.ebulten-btn-box,.ebulten-btn{width: 100%;margin-right: inherit;margin-bottom: 16px;}
    .col-right.kurumsal-stn{left: 0;}
    
    .urun-grup-ana{height: auto;}
    .urun-grup-ana-box{width: 50%;}
    
    .ustBox-str{height: 120px;}
    .ustBox-title{margin-top: 60px;font-size: 58px;}
    
    
    
    .alt-sosyal-box{margin-bottom: 16px;}
    
    
    .referans-box {width:calc(50% - 32px); height: auto;margin-right:42px;margin-bottom: 42px;}
    .referans-box:nth-child(2n) {margin-right: 0;}
    
    
    
    
    .iletisim-str{margin-bottom: 0 !important;padding-bottom: 0 !important;}
    .col-left.iletisim-stn,.col-right.iletisim-stn,.col-left.iletisim-form-stn,.col-right.iletisim-form-stn{width: 100%;}
    .col-left.iletisim-stn{margin-bottom: 24px;}
        .col-left.iletisim-form-stn{margin-right: 0;}
  /*************************************************************/
    .col-left.ana-kurumsal,.col-right.ana-kurumsal{width: 100%;}
    .col-left.ana-kurumsal{margin-bottom: 24px;}
    h1.ana-haber-title{letter-spacing: 0;}
    h1.ana-haber-title::after{top: 28px;}
    .row.arama-ana{height: auto;}
     /*************************************************************/
    
.menu-dil { position: relative; float: left; width: 168px; height: 30px; left: 50%; margin: 5px 0 5px -84px; text-align: center;}
.menu-dil span {position: relative;float: left;line-height: 30px;color: #000;}
.menu-dil a.dil {position: relative; float: left;  font: 18px 'Akrobat-Light';color: #000; width: 34px; height: 30px;    text-align: center; line-height: 30px;}
.menu-dil a.dil.secili {   font: 18px 'Akrobat-Bold'; line-height: 30px;}
    
    
    .ucluBox-ana, .ucluBox-urun{width: 100%;height: auto;}
    .ana-uclu-img{float: none;display: table;width: 100%;max-width: 150px;margin: 0 auto;}
    .ana-uclu-title{width: 100%;text-align: center;}
    h1.ana-urun-grup-title{font-size: 20px;letter-spacing: 6px;}
 /*************************************************************/
    .col-left.ana{margin-right:0;margin-bottom: 36px;}
    .col-left.ana,.col-right.ana{width: 100%;height: auto;}
    h1.ana-haber-title{line-height: 24px;}
    /*********************************/
    .col-left.kurumsal-stn{width: 100%;margin-right: 0;margin-bottom: 36px;}
    .kurumsal-list-link{width: 100%;}
    .col-right.kurumsal-stn{width: 100%;}
 /****************/
    .col-left.urunList{width: 100%;margin-right: 0;}
    a.urunlist-box{width: 100%;}
    .imgBox.urunDetay{width:calc(40% - 14px);height: auto;}
    .col-right.urunDetay{width: 60%;}
    ul.urunDetay{padding: 6px 0;}
    .col-right.urunList{width: 100%;}
    /******************/
    .col.arama-oemno{width: 100%;margin-right: 0;margin-bottom: 24px;}
    .col.btn-arama{width: 100%;}
    button.btn-arama{background-position: 90% center;text-align: center;}
    /******************/
    
    .col-left.haber-stn{width: 40%;margin-right: 16px;}
    .col-right.haber-stn{width:calc(60% - 16px);}
    
    
    
    
        /******************/
    .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;background-color: #ffffff; }
    .mobil-logo-link{position: relative;float: none; display: table;margin: 0 auto;width: 100%;max-width:162px;}
 
    
    .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;}
 }