body {font-family: 'Poppins', sans-serif; padding:0; margin:0; overflow-x: hidden;}
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,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,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;font-size:100%;}
::-webkit-scrollbar {width: 10px;background-color: #eaeaea;border-left: 1px solid #ccc;}
::-webkit-scrollbar-thumb {background-color: #17181E;}
::-webkit-scrollbar-thumb:hover {background-color: #242424;}

.ustcizgi { width:100%; min-height:40px; border-bottom:2px solid #F0F0F0;}
.ustcizgi .sol { float:left;}
.ustcizgi .sol .telefon { float:left; font-size:13px; color:#ACACAC; line-height:40px; margin-right:20px;}
.ustcizgi .sol .telefon .ikon{ margin-right:5px;}
.ustcizgi .sol .mail { float:left; font-size:13px; color:#ACACAC; line-height:40px;}
.ustcizgi .sol .mail .ikon{ margin-right:5px;}

.ustcizgi .sag { float:right; }
.ustcizgi .diller { float:right; border-left:1px solid #F0F0F0; padding-left:15px; margin-top:7px;}
.ustcizgi .link { float:right; border-left:1px solid #F0F0F0; padding-left:15px; color:#ACACAC; font-size:13px; margin-right:15px; margin-top:9px;}
.ustcizgi .link:hover { color:#B3252A; transition: all .35s; text-decoration:underline;}

.ustmenu { width:100%; min-height:120px; background:#fff; border-bottom:2px solid #F0F0F0;}
.ustmenu .marka {float:right; right:0; margin-left:15px; position: absolute; z-index:9;}

@media only screen and (max-width: 959px) {
.ustcizgi .sol { float:left; display:none;}
.ustmenu .marka {float:right; right:0; margin-left:15px; position: absolute; z-index:9; top:100%;}
.ustcizgi .sag { float:left; width:100%;}
.ustcizgi .link { float:left; border-left:1px solid #F0F0F0; padding-left:5px; color:#ACACAC; font-size:12px; margin-right:3; margin-top:9px;}
.ustcizgi .diller { float:right; border-left:1px solid #F0F0F0; padding-left:5px; margin-top:7px;}
}

.slideraltbg { width:100%; min-height:80px; background: url(../img/genel/slideraltbg.jpg) center; text-align:center; font-family: 'PT Sans Narrow', sans-serif; color:#fff; font-size:36px; line-height:80px;}

@media only screen and (max-width: 959px) {
.slideraltbg { width:100%; min-height:60px; background: url(../img/genel/slideraltbg.jpg) center; text-align:center; font-family: 'PT Sans Narrow', sans-serif; color:#fff; font-size:20px; line-height:60px;}
}

.anasayfahakkimizda { width:100%; min-height:624px; background:url(../img/genel/hakkimizdabg.jpg) no-repeat center; display:table; padding-top:85px;}
.anasayfahakkimizda .hakkimizdaresim { float:left;}
.anasayfahakkimizda .hakkimizdayazi { float:left;}
.anasayfahakkimizda .hakkimizdayazi h1 { width:100%; font-size:17px; font-weight:bold; color:#1D252D;}
.anasayfahakkimizda .hakkimizdayazi .icerik { width:100%; font-size:14px; font-weight:normal; color:#727272; margin-top:15px;}
.anasayfahakkimizda .hakkimizdayazi .btnhakkimizda { float:left; width:200px; min-height:45px; background:#1D252D; border-radius: 100px; color:#fff; text-align:center; line-height:45px; font-size:14px; font-weight:bold; margin-top:10px;}
.anasayfahakkimizda .hakkimizdayazi .btnhakkimizda:hover {background:#B3252A; transition: all .35s;}
.anasayfahakkimizda .hakkimizdayazi .btniletisim { float:left; width:200px; min-height:45px; background:#B3252A; border-radius: 100px; color:#fff; text-align:center; line-height:45px; font-size:14px; font-weight:bold; margin-top:10px; margin-left:10px;}
.anasayfahakkimizda .hakkimizdayazi .btniletisim:hover {background:#1D252D; transition: all .35s;}

@media only screen and (max-width: 959px) {
.anasayfahakkimizda { width:100%; min-height:624px; background:none; display:table; padding-top:50px;}
.anasayfahakkimizda .hakkimizdayazi { float:left; padding-top:20px;}
.anasayfahakkimizda .hakkimizdayazi .btnhakkimizda { float:left; width:200px; min-height:45px; background:#1D252D; border-radius: 100px; color:#fff; text-align:center; line-height:45px; font-size:14px; font-weight:bold; margin-top:10px; display:none;}
.anasayfahakkimizda .hakkimizdayazi .btniletisim { float:left; width:200px; min-height:45px; background:#B3252A; border-radius: 100px; color:#fff; text-align:center; line-height:45px; font-size:14px; font-weight:bold; margin-top:10px; margin-left:0; display:none;}
}

.anasayfaurun { width:100%; min-height:425px; margin-top:75px;}
.anasayfaurun .urun {float:left; padding:2px;}
.anasayfaurun .urun h2 { position: absolute; margin-top:-30%; margin-left:10%; color:#fff; font-weight:800; font-size:20px;}
.anasayfaurun .urun .cizgi { width:75px; height:2px; background:#fff; position:absolute; margin-top:-18%; margin-left:10%;}

@media only screen and (max-width: 959px) {
.anasayfaurun { width:100%; min-height:425px; margin-top:25px;}
.anasayfaurun .urun {float:left; padding:2px; width:100%;}
.anasayfaurun .urun h2 { position: absolute; margin-top:-30%; margin-left:10%; color:#fff; font-weight:800; font-size:24px;}
.anasayfaurun .urun .cizgi { width:75px; height:2px; background:#fff; position:absolute; margin-top:-18%; margin-left:10%;}
.col {-ms-flex-preferred-size: 0;flex-basis: 100%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
}


.anasayfaayrac { width:100%; margin-top:80px;}
.anasayfaayrac h3 { width:100%; font-size:26px; font-weight:700; color:#1D252C; text-align:center;}
.anasayfaayrac .cizgi { width:164px; min-height:15px; background:url(../img/genel/ayrac.png) no-repeat center top; margin-left:auto; margin-right:auto; margin-top:25px;}
.anasayfaayrac .aciklama { width:100%; text-align:center; font-size:14px; color:#1D252D; margin-top:25px;}

.anasayfaproje { width:100%; margin-top:100px; display:table;}
.anasayfaproje .sol { float:left; width:100%; padding:5px;}
.anasayfaproje .sol .baslik { width:250px; min-height:50px; color:#fff; background:#1D252D; position:absolute; bottom:8%; padding:0 0 0 20px; font-size:14px; font-weight:bold; line-height:50px;}

.anasayfaproje .orta1 {  float:left; width:100%; padding:5px;}
.anasayfaproje .orta1 .baslik { width:250px; min-height:50px; color:#fff; background:#1D252D; position:absolute; bottom:8%; padding:0 0 0 20px; font-size:14px; font-weight:bold; line-height:50px;}

.anasayfaproje .orta2 {  float:left; width:100%; padding:5px;}
.anasayfaproje .orta2 .baslik { width:250px; min-height:50px; color:#fff; background:#1D252D; position:absolute; bottom:8%; padding:0 0 0 20px; font-size:14px; font-weight:bold; line-height:50px;}

.anasayfaproje .sag { float:left; width:100%; padding:5px;}
.anasayfaproje .sag .baslik { width:250px; min-height:50px; color:#fff; background:#1D252D; position:absolute; bottom:8%; padding:0 0 0 20px; font-size:14px; font-weight:bold; line-height:50px;}


.altbilgi { width:100%; background:#F4F4F4; min-height:400px; margin-top:100px; padding-top:55px;}
.altbilgi .hakkimizda { float:left; padding:0; min-height:290px;}
.altbilgi .hakkimizda h4 { width:100%; font-size:16px; color:#727272; font-weight:bold;}
.altbilgi .hakkimizda .cizgi { width:52px; min-height:2px; background:#727272; margin-top:15px;}
.altbilgi .hakkimizda .icerik { width:100%; color:#727272; font-size:13px; margin-top:20px;}
.altbilgi .hakkimizda .sosyalmedya { width:100%; margin-top:25px;}
.altbilgi .hakkimizda .sosyalmedya .ikon { width:25px; min-height:40px; background:#E8E8E8; float:left; margin-right:4px; display: flex;align-items: center;justify-content: center; color:#B1B1B1;}
.altbilgi .hakkimizda .sosyalmedya .ikon:hover { background:#B3252A; transition: all .35s; color:#fff;}

.altbilgi .siteharitasi { float:left; padding:0 0 0 5px;}
.altbilgi .siteharitasi h4 { width:100%; font-size:16px; color:#727272; font-weight:bold;}
.altbilgi .siteharitasi .cizgi { width:52px; min-height:2px; background:#727272; margin-top:15px; margin-bottom:20px;}
.altbilgi .siteharitasi .link { width:100%; float:left; font-size:13px; color:#727272; padding:3px 0 3px 0;}
.altbilgi .siteharitasi .link:hover { color:#B3252A; transition: all .35s;}


.altbilgi .urungrup { float:left; padding:0 0 0 5px;}
.altbilgi .urungrup h4 { width:100%; font-size:16px; color:#727272; font-weight:bold;}
.altbilgi .urungrup .cizgi { width:52px; min-height:2px; background:#727272; margin-top:15px; margin-bottom:20px;}
.altbilgi .urungrup .link { width:100%; float:left; font-size:13px; color:#727272; padding:3px 0 3px 0;}
.altbilgi .urungrup .link:hover { color:#B3252A; transition: all .35s;}

.altbilgi .iletisim { float:left; padding:0 0 0 5px;}
.altbilgi .iletisim h4 { width:100%; font-size:16px; color:#727272; font-weight:bold;}
.altbilgi .iletisim .cizgi { width:52px; min-height:2px; background:#727272; margin-top:15px; margin-bottom:20px;}
.altbilgi .iletisim .link { width:100%; float:left; font-size:13px; color:#727272; padding:3px 0 3px 0;}

.altbilgi .footer { width:100%; min-height:60px; border-top:1px solid #DDDDDD; display: flex;align-items: center;justify-content: center; color:#727272; font-size:14px;}


@media only screen and (max-width: 959px) {
.altbilgi { width:100%; background:#F4F4F4; min-height:400px; margin-top:100px; padding-top:55px;}
.altbilgi .hakkimizda { float:left; padding:0 0 0 10px; min-height:290px;}
.altbilgi .hakkimizda h4 { width:100%; font-size:16px; color:#727272; font-weight:bold;}
.altbilgi .hakkimizda .cizgi { width:52px; min-height:2px; background:#727272; margin-top:15px;}
.altbilgi .hakkimizda .icerik { width:100%; color:#727272; font-size:13px; margin-top:20px;}
.altbilgi .hakkimizda .sosyalmedya { width:100%; margin-top:25px;}
.altbilgi .hakkimizda .sosyalmedya .ikon { width:25px; min-height:40px; background:#E8E8E8; float:left; margin-right:4px; display: flex;align-items: center;justify-content: center; color:#B1B1B1;}
.altbilgi .hakkimizda .sosyalmedya .ikon:hover { background:#B3252A; transition: all .35s; color:#fff;}

.altbilgi .siteharitasi { float:left; padding:0 0 0 10px;}
.altbilgi .siteharitasi h4 { width:40%; font-size:16px; color:#727272; font-weight:bold;}
.altbilgi .siteharitasi .cizgi { width:52px; min-height:2px; background:#727272; margin-top:15px; margin-bottom:20px;}
.altbilgi .siteharitasi .link { width:40%; float:left; font-size:13px; color:#727272; padding:3px 0 3px 0;}
.altbilgi .siteharitasi .link:hover { color:#B3252A; transition: all .35s;}


.altbilgi .urungrup { float:left; padding:0 0 0 10px;}
.altbilgi .urungrup h4 { width:40%; font-size:16px; color:#727272; font-weight:bold;}
.altbilgi .urungrup .cizgi { width:52px; min-height:2px; background:#727272; margin-top:15px; margin-bottom:20px;}
.altbilgi .urungrup .link { width:40%; float:left; font-size:13px; color:#727272; padding:3px 0 3px 0;}
.altbilgi .urungrup .link:hover { color:#B3252A; transition: all .35s;}

.altbilgi .iletisim { float:left; padding:0 0 0 10px;}
.altbilgi .iletisim h4 { width:40%; font-size:16px; color:#727272; font-weight:bold;}
.altbilgi .iletisim .cizgi { width:52px; min-height:2px; background:#727272; margin-top:15px; margin-bottom:20px;}
.altbilgi .iletisim .link { width:40%; float:left; font-size:13px; color:#727272; padding:3px 0 3px 0;}

.altbilgi .footer { width:100%; min-height:60px; border-top:1px solid #DDDDDD; color:#727272; font-size:14px;}

}

.icsayfaust { width:100%; min-height:300px; background:url(../img/genel/icsayfaust.jpg) no-repeat center top;}
.icsayfaust .siyah {width:100%; min-height:300px; background:rgba(0, 0, 0, 0.6);}
.icsayfaust h1 { width:100%; text-align:center; color:#fff; font-weight:800; font-size:24px; padding-top:15%;}
.icsayfaust p { width:100%; text-align:center; color:#fff; font-size:15px; padding-top:10px;}


@media only screen and (max-width: 959px) {
.icsayfaust { width:100%; min-height:300px; background:url(../img/genel/icsayfaust.jpg) no-repeat center top; display:table;}
.icsayfaust .siyah {width:100%; min-height:300px; background:rgba(0, 0, 0, 0.6);}
.icsayfaust h1 { width:100%; text-align:center; color:#fff; font-weight:800; font-size:24px; padding-top:35%;}
.icsayfaust p { width:100%; text-align:center; color:#fff; font-size:15px; padding-top:10px;}
}


.icsayfa { width:100%; margin-top:50px; display:table;}

.icsayfa .hakkimizdayazi { float:left; font-size:14px;}
.icsayfa .hakkimizdayazi h2 { width:100%; font-size: 17px;font-weight: bold;color: #1D252D; padding-bottom:30px;}
.icsayfa .hakkimizdaresim { float:left;}

.icsayfa .fabrikayazi { width:100%; font-size:14px; text-align:center; padding:0;}
.icsayfa .fabrikresimgenel { width:100%; padding:0; margin-top:50px;}

.icsayfa .ocakyazi { width:100%; font-size:14px; text-align:center; padding:0;}
.icsayfa .ocakresimgenel { width:100%; padding:0; margin-top:50px;}

.icsayfa .urunyanmenu { width:100%; min-height:400px; background:#f4f4f4; float:left; padding:0;}
.icsayfa .urunyanmenu .baslik { width:100%; min-height:50px; width:90%; margin-left:5%; border-bottom:1px solid #ccc; line-height:50px; margin-bottom:20px; font-weight:bold; color:#1D252D;}
.icsayfa .urunyanmenu .link { width:90%; min-height:40px; color:#1D252D; line-height:40px; font-size:14px; font-weight:bold;  margin-left:5%;}
.icsayfa .urunyanmenu .link:hover {color:#B3252A; transition: all .35s;}

.icsayfa .urungenel { float:left;}
.icsayfa .urungenel .urun { float:left; padding:0 10px 0 10px; margin-bottom:10px; color:#1D252D;}
.icsayfa .urungenel .urun:hover {color:#B3252A; transition: all .35s;} 
.icsayfa .urungenel .urun img { width:100%;}
.icsayfa .urungenel .urun .baslik { width:100%; font-size:15px; font-weight:bold; min-height:40px; padding-top:10px; text-align:left;}

.icsayfa .urungenel .urunicyazi { width:100%; font-size:14px; text-align:center; color:#1D252D; margin-bottom:30px;}


.icsayfa .urundetay { width:100%; display:table;}
.icsayfa .urundetay .urundetaybaslik { width:100%; font-size:26px; font-weight:700; color:#1D252C; text-align:center;}
.icsayfa .urundetay .cizgi { width:164px; min-height:15px; background:url(../img/genel/ayrac.png) no-repeat center top; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:20px;}

.icsayfa .urundetay .urun { float:left; padding:0 10px 0 10px; margin-bottom:22px; color:#1D252D;}
.icsayfa .urundetay .urun:hover {color:#B3252A; transition: all .35s;} 
.icsayfa .urundetay .urun img { width:100%;}

.icsayfa .habergenel { width:100%; display:table;}
.icsayfa .habergenel .haber {padding:0;  float:left; padding:10px; margin-bottom:20px;}
.icsayfa .habergenel .haber .baslik { width:100%; background:#fafafa; min-height:100px; border-bottom:1px solid #f0f0f0; padding:15px 10px 0 10px; font-size:14px; color:#1D252C;}

.icsayfa .habericgenel { width:100%; display:table;}
.icsayfa .habericgenel .haberyazi { float:left; padding:0;}
.icsayfa .habericgenel .haberyazi h2 { width:100%; font-size:15px; font-weight:bold; color:#1D252C;  margin-bottom:30px;}
.icsayfa .habericgenel .haberyazi .icerik { width:100%; font-size:14px; color:#1D252C;}
.icsayfa .habericgenel .haberresim { float:left;}

.icsayfa .iletisimgenel { width:100%; display:table;}
.icsayfa .iletisimgenel .iletisimbilgi { float:left; font-size:14px;}
.icsayfa .iletisimgenel .iletisimharita { float:left;}


.icsayfa .projegenel { float:left;}
.icsayfa .projegenel .proje { float:left; padding:0 10px 0 10px; margin-bottom:10px; color:#1D252D;}
.icsayfa .projegenel .proje:hover {color:#B3252A; transition: all .35s;} 
.icsayfa .projegenel .proje img { width:100%;}
.icsayfa .projegenel .proje .baslik { width:100%; font-size:15px; font-weight:bold; min-height:40px; padding-top:10px; text-align:left;}

.icsayfa .projegenel .projeicyazi { width:100%; font-size:14px; text-align:center; color:#1D252D; margin-bottom:30px;}


.icsayfa .projedetay { width:100%; display:table;}
.icsayfa .projedetay .proje { float:left; padding:0 10px 0 10px; margin-bottom:22px; color:#1D252D;}
.icsayfa .projedetay .proje:hover {color:#B3252A; transition: all .35s;} 
.icsayfa .projedetay .proje img { width:100%;}


.navigation {height: 120px;}
.brand {position: absolute;padding-left: 20px;float: left;line-height: 120px; padding-top:7px;}
.brand a,
.brand a:visited {color: #ffffff;text-decoration: none;}
.nav-container {margin: 0 auto;}
nav {float: right; margin-right:110px;}
nav ul {list-style: none;margin: 0;padding: 0;}
nav ul li {float: left;position: relative;}
nav ul li a,
nav ul li a:visited {display: block;padding: 0 7px;line-height: 122px; font-size:14px; color: #747474; font-weight:bold; text-decoration: none;}
nav ul li a:hover,
nav ul li a:visited:hover {color: #B3252A; transition: all .35s;}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {padding-left: 4px;content: '';}
nav ul li ul li {min-width: 190px; background:#fff;}
nav ul li ul li a {padding: 15px;line-height: 20px;}
.nav-dropdown {position: absolute;display: none;z-index: 9; }

/* Mobile navigation */
.nav-mobile {display: none;position: absolute;top: 20%;right: 5%;background: #262626;height: 70px;width: 70px;}
@media only screen and (max-width: 798px) {
.nav-mobile {display: block;}
nav {width: 100%;padding: 70px 0 15px; margin:10% 0 0 0;}
nav ul {display: none;}
nav ul li {float: none;}
nav ul li a {padding: 25px 15px 15px 15px;line-height: 30px; border-bottom:1px solid #f4f4f4; width:100%; z-index:999;}
nav ul li ul li a {padding-left: 30px; }
.nav-dropdown {position: relative;}}
@media screen and (min-width: 799px) {
.nav-list {display: block !important;}}
#nav-toggle {position: absolute;left: 18px;top: 22px;cursor: pointer;padding: 10px 35px 16px 0px;}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {cursor: pointer;border-radius: 1px;height: 5px;width: 35px;background: #ffffff;position: absolute;display: block;content: '';transition: all 300ms ease-in-out;}
#nav-toggle span:before {top: -10px;}
#nav-toggle span:after {bottom: -10px;}
#nav-toggle.active span {background-color: transparent;}
#nav-toggle.active span:before, #nav-toggle.active span:after {top: 0;}
#nav-toggle.active span:before {transform: rotate(45deg);}
#nav-toggle.active span:after {transform: rotate(-45deg);}


.carousel-item {height: 100vh;max-height: 613px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
@media only screen and (max-width: 959px) {
.carousel-item {height: 250px;max-height: 250px; width:100%;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}	
}
.carousel-caption {position: absolute;right: 15%;bottom: 80px;left: 15%;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center;}
.carousel-caption h1 { width:100%; text-align:center; font-size:40px; font-weight:900; text-shadow: 2px 1px 0px rgba(2, 2, 2, 1); padding-bottom:20px;}
.carousel-caption h2 { width:100%; text-align:center; font-size:15px; padding-bottom:20px;}
.carousel-caption .btn { width:196px; min-height:48px; border:2px solid #fff; border-radius: 50px; padding:0; line-height:48px; font-size:15px; margin-top:20px; color:#fff; margin-left:auto; margin-right:auto;}
.carousel-caption .btn:hover { background:#B3252A; color:#fff; transition: 0.3s; border:none; border:2px solid #B3252A;}
.carousel-indicators {position: absolute;right: 0;bottom: 10px;left: 0;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-left: 0;margin-right: 15%;margin-left: 15%;bottom:30px;list-style: none;}