@charset "utf-8";
/* CSS Document */
@import 'fonts.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; }

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

body{min-width: 1170px;}

a{text-decoration: none;}

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

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

#page{min-height: 100%; padding-bottom:324px;}

.navbar{height:126px; }

.navbar .dil{position: absolute;height: 126px;width: 60px;font: 15px 'Corbel';color:#fff;line-height: 128px;}
.navbar .dil a{ font: 15px 'Corbel';color:#fff;display: inline-block;}
.navbar .dil a:hover{color: #f07d00;}
.navbar .logo{position: absolute;width: 188px; height:143px; background: url(../images/page/logo.png) no-repeat center; }
.navbar .logo a{ width: 188px; height: 143px; display: block;}
.navbar ul{list-style-type: none;display: inline-block;margin-left: 156px;}
.navbar ul li{position: relative;float: left;}
.navbar ul li:first-child{margin-left: 124px;}
.navbar ul li a{font: 15px Corbel; color:#fff;padding: 0 24px;height:143px;display: block;line-height:143px;}
.navbar ul li a:hover{background-color: #f7941e;
    -webkit-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;

}



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




.acilirMenuGenel{ position:absolute; width:600px;  height:auto; display:none; background-color:#fff; margin-left:-260px; 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 li:hover>.acilirMenuGenel{display:block; transition: all 2s linear; -webkit-transition:  all 2s linear;}

.acilirMenuGenel:hover>.navbar ul li{ background-color:#f60;}
.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:#fff;

 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 .urunGrupAdi{ position:relative; float:left; width:100%; height:62px; display:table; }

.acilirMenuGenel .mnUrunAlan .urunGrupAdi p{ display:table-cell; vertical-align:middle; font:15px 'corbel'; 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 **/ }












.row{width: 100%;min-height: 5px;  }
.container{min-width: 1000px;height: auto;margin-left: auto;margin-right: auto;width: 1000px;}
.row,.col-left,.col-right,.col{position: relative;float: left;height: auto;}
.w100{width: 100%;}
.imgBox{width: 100%;height: auto;}
.imgBox img{height: auto; display: block;}

.imgBox.kurumsal{width: 356px; margin-bottom: 16px; margin-right:24px;}
.imgBox.urunDetay{width: 310px;margin-right: 40px;margin-bottom: 30px; float: left;}
.imgBox.haber{width: auto;max-width: 356px; margin-bottom: 16px; margin-left:24px; float: right;}


.row.ust{height: 143px;background:#2b2b2b;}
.container.ust .sol{position: absolute;width:1041px;margin-left: -766px; height: 143px; background:  url(../images/page/ust-sol.png) no-repeat;}
 

.row.banner{width: 100%;height: 572px;  overflow-x: hidden;}

.row.ucluBox{margin-bottom: 36px; }
.col.ana-ucluBox{width: 320px; height: 246px;margin-right: 20px;}
h4.ucluBox{font: 23px 'corbel';color: #2b2b2b; text-align: center;}
.imgBox.ana-uclu{height: 200px;}

.col-left.anaKurumsal{width: 660px;margin-right: 20px;}
.col-right.anaKurumsal{width: 320px;}

h1.anaBaslik{font:24px 'GothamNarrow-Med';color: #494949;border-bottom: 2px solid #f6a30f;line-height: 40px; height: 40px;margin-bottom: 18px;}

h1.baslik{font:24px 'GothamNarrow';color: #444444; line-height: 72px; }
h1.baslik::before{content: ''; position: relative; display: inline-block; margin-bottom: -2px; margin-right:4px; width:4px; height: 22px; background-color: #444444; top: 50%; }

.text-type-1{font: 15px 'corbel';color: #494949;}


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

.row.altKisim{background-color: #f7941e; padding: 40px 0;}
.row.copyright{height: 60px; background-color: #2b2b2b; font: 14px 'GothamNarrow' ;color: #fff; line-height: 60px;} 

.col-left.urunler{width: 300px; margin-right: 25px;}
.col-right.urunler{width:672px; }

ul.yan-urun{list-style-type: none;height: auto;}
ul.yan-urun li.yan-urun{float:left; width: 100%;margin-bottom: 1px;}
ul.yan-urun li.yan-urun:nth-child(1){background-color:#f6a30f; color: #2b2b2b;font: 15px 'GothamNarrow-Med';padding:10px 0 10px 32px; }
ul.yan-urun li.yan-urun a.yan-urun{width:100%;min-height:36px; height: auto;display: block; font: 15px 'GothamNarrow'; color: #2b2b2b;padding:10px 8px 10px 32px; background-color: #fff; border: 1px solid #e5e5e5; }
ul.yan-urun li.yan-urun a.yan-urun:hover,ul.yan-urun li.yan-urun a.yan-urun.secili{ color: #2b2b2b;background-color: #e5e5e5; }
 
.col.urunBox{width: 208px;height: 208px;margin-right: 24px;margin-bottom: 24px;}
.col.urunBox:nth-child(3n){margin-right: 0;}
.col.urunBox .hoverBox{display: none;position: absolute;width: 100%;height: 100%; background: url(../images/page/urunBg.svg) repeat;z-index: 100; left: 0; top: 0;}
.col.urunBox .hoverBox a::after{content:'';position: relative; float: left;width: 100%;height: 26px; background: url(../images/page/eyeicon.svg) no-repeat center;z-index: 100; }


.col.urunBox:hover>.hoverBox{display: block;}
.col.urunBox .hoverBox a{display: block;width: 100%;height: 100%;}
.col.urunBox .hoverBox a h5{position: relative; float: left;width: 100%; font: 18px 'GothamNarrow'; color: #fff; text-align: center; top: 50%;padding:0 8px;}

.col.video{width: 312px;min-height: 50px;margin-right: 32px;margin-bottom: 32px;}
.col.video:nth-child(3n){margin-right: 0;}


h5.alt-bolum{font: 14px 'GothamNarrow-Bold';color: #2b2b2b;margin-bottom: 24px;}

ul.alt-bolum{list-style-type: none;padding: 0; margin: 0;}
ul.alt-bolum li.alt-bolum{margin-bottom: 6px;}
ul.alt-bolum li.alt-bolum a.alt-bolum{position: relative;font: 14px 'GothamNarrow'; color: #2b2b2b;}

.col.alt-1{margin-right: 100px;}

.col.alt-iletisim{font: 14px 'GothamNarrow'; color:#2b2b2b; width: 306px; height: auto;}
.yer-icon{background: url(../images/page/yerimi-ilet.svg) no-repeat;}
.tel-icon{background: url(../images/page/telicon-ilet.svg) no-repeat;}
.mail-icon{background: url(../images/page/mailicon-ilet.svg) no-repeat left 4px; background-size: 30px;}

.iconBox.alt{width:48px; height: 30px;}
.iconBox.ilet{width:48px; height: 30px;margin-top: 11px;}


.row.adres{min-height: 10px;margin-bottom: 24px;}
.row.adres.main{height: 30px; margin-bottom: 18px;}
.row.adres.mail{line-height: 30px !important;}
.row.adres.alt{line-height: 30px;}
.row.menu-alti{height: 72px; background: url(../images/page/menu-alti.jpg) no-repeat center;}

.row.genel{font: 15px 'GothamNarrow'; color: #2b2b2b;margin:36px 0;}


.col.adres{height: 56px; display: table;margin-right:42px;}
 
.col.adres span.icon{width: 32px; height: 56px;float: left;}
.col.adres span.adres-text{display: table-cell; vertical-align: middle;}
.yerimi-alt{background: url(../images/page/yerimi.svg) no-repeat center;}
.tel-icon-alt{background:url(../images/page/telicon.svg) no-repeat center;}
.fax-icon{background:url(../images/page/faks.svg) no-repeat center;}
.mail-icon-alt{background: url(../images/page/mailicon.svg) no-repeat center;background-size: 32px;}

.row.map{height: 232px;margin-bottom: 24px;}

.form-alan{width: auto; height: auto;}
.col.inputDiv{width: 100%;height: auto;float: left; margin-bottom: 12px;}

.col-left.ilet-form{width: 390px;height: auto;margin-right: 32px;}
.col-right.ilet-form{width: 390px;height: auto;margin-right: 32px;}
h1.iletisim{height: auto;min-height: 44px;font:24px 'Montserrat-Light';color: #333333;border-bottom: 1px solid #e3e3e3;margin-bottom: 24px; }

input[type="text"]{width:100%;height: 36px;border: 1px solid #d2d2d2;padding-left: 10px; font: 13px 'corbel'; }
textarea{width: 100%; height: 132px; border: 1px solid #d2d2d2;padding-left: 10px; padding-top: 10px;font: 13px 'corbel';}
button{width: 100%;height: 30px;display: block;font: 15px 'corbel';text-align: center;padding:5px 26px;cursor: pointer;}

.btn-sari{background-color:#f6a30f;color: #2b2b2b;border: 1px solid #f6a30f; }
.btn-sari:hover{background-color:#2b2b2b;color: #fff; }

.btn-mavi{background-color: #14558a;color: #fff; border: 1px solid #14558a;}
.btn-mavi:hover{background-color: #fff;color: #14558a;}

.btn-mavi.gonder{width: 120px; height: 36px;}


.fleft{float:left !important;}
.fright{float:right !important;}

.text-link-2b2{color: #2b2b2b;}

.text-link-type1{font: 15px 'corbel'; color: #2b2b2b;}


.fnt-gothamb{font-family: 'GothamNarrow-Bold' !important;}
.pnt-16{font-size: 16px !important;}
.pnt-18{font-size: 18px !important;}
.pnt-20{font-size: 20px !important;}
.pnt-21{font-size: 21px !important;}
.pnt-22{font-size: 22px !important;}
.pnt-23{font-size: 23px !important;}
.pnt-24{font-size: 24px !important;}
.pnt-30{font-size: 30px !important;}
.pnt-32{font-size: 32px !important;}

.dt{display: table;}
.va-middle{display: table-cell; vertical-align: middle;}
.mr-0{margin-right: 0 !important;}