@import url('reset.css');
@import url('style.css');
@import url('ie7.css');

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,800&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext');

body,
html {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: 'Montserrat', sans-serif;
	}

html, body {width: 100%; height: 100%; margin: 0; padding: 0; background-color: #f5f5f5; }

.fuarvideo {display:flex;}
.fuarvideo video {width:250px;margin-right:15px;margin-top:15px;}
.fuarvideo video:last-child {margin-right:0px;}

 .px1200 {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    height: 100%;
    display: table;
    position: relative;
}
.ust-gizli {float: right; font-size: 12px; box-sizing: border-box; text-align: right; width: 100%; padding-top: 11px;}
.ust-gizli a {color:#636363;}
.ust-gizli a:hover {text-decoration:underline;} 
 .mobil-dil {display:none;}
.ust-wrapper {
width: 100%;
float:Left;
height: auto;
border-bottom: 1px solid #dbdbdb;
min-height: 100px;
}
#mobil-menu,
.menu-open,
.menu-close {
    display: none;
}
.logo {
	width: 168px;
	margin-top: 25px;
	float:Left;
}

.logo img{
	width: 100%;
}

.ust-menu {
	float:left;
	margin-top:30px;
}




.ust-menu > nav > ul > li{
    float:left;
    height:40px;
    position: relative;
}
.ust-menu > nav > ul > li > a{
    line-height: 40px;
    display:block;
    padding:0 15px;
    color:#333739;
    font-weight: 500;
	font-size:13px;
}
.ust-menu > nav > ul > li:hover > ul{
    display:block;
}
.ust-menu > nav > ul > li > ul{
    display:none;
    position: absolute;
    top:40px;
    left:0;
    width:260px;
    background:#15b979;
	z-index:9999;
}
.ust-menu > nav > ul > li:hover{
    background:#15b979;
}
.ust-menu > nav > ul > li:hover > a{
    color:#fff;
}
.ust-menu > nav > ul > li > ul > li{
    width:100%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.ust-menu > nav > ul > li > ul > li > a{
    color:#fff;
    font-weight: 500;
    padding:12px 20px;
    display:block;
    font-size: 13px;
}
.ust-menu > nav > ul > li > ul > li:hover{
    background:rgba(0,0,0,0.1);
}



.kalite-logo {
    display: flex;
    max-width: 50%;
    justify-content: flex-start;
    margin: inherit;
	padding-left:50px;
	flex-wrap: wrap;
}























.habervideo {width:50%;float:left;}
.habervideo iframe {border-radius:10px;}

.tanitim-filmimiz {
	background-color: #15b979;
	position: relative;
	width: 160px;
	float:right;
	margin-top: 28px;
	padding: 12px;
	-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
margin-right:10px;

}
.tanitim-filmimiz a {
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	transition: all ease 0.3s;
}

.tanitim-filmimiz a:hover {
	color:#000;
}

.tanitim-filmimiz span {
	font-size: 18px;
	color: #fff;
}

.tanitim-filmimiz-en {
	background-color: #15b979;
	position: relative;
	width: 74px;
	float:right;
	margin-top: 28px;
	padding: 12px;
	-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
margin-right:10px;

}
.tanitim-filmimiz-en a {
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	transition: all ease 0.3s;
}

.tanitim-filmimiz-en a:hover {
	color:#000;
}

.tanitim-filmimiz-en span {
	font-size: 18px;
	color: #fff;
}

.harita-wr-m {display:none;}

.galeri-buton {
	background-color: #15b979;
	position: relative;
	width: 80px;
	float:right;
	margin-top: 28px;
	padding: 12px;
	-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
margin-right:10px;

}
.galeri-buton a {
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	transition: all ease 0.3s;
}

.galeri-buton a:hover {
	color:#000;
}

.galeri-buton span {
	font-size: 18px;
	color: #fff;
}




.galeri-buton-en {
	background-color: #15b979;
	position: relative;
	width: 90px;
	float:right;
	margin-top: 28px;
	padding: 12px;
	-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
margin-right:10px;

}
.galeri-buton-en a {
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	transition: all ease 0.3s;
}

.galeri-buton-en a:hover {
	color:#000;
}

.galeri-buton-en span {
	font-size: 18px;
	color: #fff;
}








.dil-wr {
	background-color: #15b979;
	position: relative;
	width: 50px;
	float:right;
	margin-top: 28px;
	padding: 12px;
	height: 18px;

	-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
text-align: center;
}
.mobil-div-ust {display:none;}
.dil-wr a {color: #fff; font-size: 12px; font-weight: 700; margin: 0px 2px;}
.dil-wr a:hover {color: #000;}

.ust-sosyal {float: right; font-size: 20px;margin-right:10px;}
.ust-sosyal a {color: #000; line-height: 95px;transition: all ease 0.3s;}
.ust-sosyal a:nth-child(1):hover {color: #4267b2;}
.ust-sosyal a:nth-child(2):hover {color: #4ab3f4;}
.ust-sosyal a:nth-child(3):hover {color: #dc346e;}
.ust-sosyal a:nth-child(4):hover {color: #ff0000;}

.html_carousel {float: left; width: 100%;  overflow: hidden; position: relative;  height: calc(100vh - 80px); max-height: calc(100vh - 80px); margin-bottom: 30px; border-bottom: 1px solid #fff;}
.html_carousel div.slide {position: relative; cursor: pointer; width: 100%; float:left; height: calc(100vh - 80px);}
.html_carousel div.slide img {float:right;}
.slider-ozet {margin-top: 13%; float:Left; width: 60%; position: absolute;}
.slider-ozet h2{color: #676767; font-size: 35px; line-height: 47px;}
.slider-ozet p {color: #676767; font-size: 14px; line-height: 20px; font-weight: 600;}

.pager-wrapper {text-align:center; margin: auto; position: relative; margin-top: -200px; float:left; padding: 14px 18px; background-color: #15b979; -webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px;}
.pager {text-align: center; display:inline-block;}
.pager a {background: url(../images/pager.png) no-repeat transparent; width: 13px; height: 13px; margin: 0 1px 0 1px; display: inline-block;}
.pager a.selected {background: url(../images/pager2.png) no-repeat transparent; cursor: default;}
.pager a span {display: none;}

.alt-ok {
	left: 32px; top: 60px; position: absolute;
}

.urun-sayfa{width:100%;}
.urun-sayfa h4 {text-align:center;font-size:15px;width:100%;display:block;clear:both;padding-top:20px;}
.urun-sayfa h2 {padding:15px 0px}
.urun-sayfa h1 {background-color: #fff; padding: 16px;}
.urun-sol {float:left;width:50%;box-sizing:border-box;border-right:1px solid #a6a6a6; padding:20px;}
.urun-sol img {width:100%; border: 14px solid #fff; box-sizing: border-box;}
.urun-sag {float:left;width:50%;box-sizing:border-box;padding:20px;}

.urun-sag img {width:100%; border: 14px solid #fff; box-sizing: border-box;}

.hakkimizda-wr {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	background-image:url(../images/hakkimizda-arka.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 522px;

}

.hakkimizda-ic {
	box-sizing: border-box;
	margin-top: 100px;
	padding: 80px 0px 80px 0px;
	background-image: url(../images/hakk-ust-arka.png), url(../images/hakk-alt-arka.png);
	background-repeat: no-repeat;
	background-position: left top, right bottom;
	color: #fff;
	float:Left;
	width: 100%;
	
}

.hakkimizda-ic h2 {
	font-size: 34px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
}

.hakkimizda-ic a {
	font-weight: 600;
	font-size: 12px;
	padding: 10px 24px 10px 0px;
	color: #fff;
	border-bottom: 3px solid #fff;
	float:right;
	background-image: url(../images/hakkd-ok.png);
	background-position: right center;
	background-repeat: no-repeat;
	transition: all ease 0.3s;
}

.hakk-sol a:hover {
	border-bottom: 3px solid #000;
}

.hakk-sol {
	float:Left;
	width: 180px;
}

.hakk-sag {
	width: calc(100% - 200px);
	float:right;
}

.hakk-sag p {
	font-size: 14px; line-height: 26px;
}

.hakk-img {
	width: 390px; display: inline-block;
}

.hakk-img nth-child(2){
	margin: 0px 15px;
}

.hakk-cvr {
	position: absolute; width: 100%; height: 100%; top:0; border: 5px solid #fff; z-index: 10; box-sizing: border-box; opacity: 0; transition: all ease 0.3s; text-align:center;
}

.hakk-img:hover > .hakk-cvr {
	opacity: 0.8; border: 35px solid #fff;
}

.hakk-cvr span {
	color: #fff; margin-top: 60px; display:block; font-size: 40px;
}

.hakk-img a {display:block; width: 100%; height: 100%; top: 0; position: absolute!important; z-index: 990;}
.hakk-img a img {display:none;}

.hakk-galeri {
	position: absolute; bottom: -280px;
}

.haberler-wr {
	width: 100%; float: left; margin-top: 120px; color: #727272; position: relative; padding-bottom: 30px;
}
.haberler-wr h2 {
	font-size: 20px;
}
.haberler-wr ul {
	float:Left;width:100%; margin-top: 30px;
}

.haberler-wr ul li {
	float:Left; width: 100%; padding-bottom: 10px; position:relative; margin-bottom: 30px;
}

.haberler-wr .tarih {
	width: 90px; height: 145px; float: left; background-color: #b5b5b5; color: #fff;font-size: 18px; text-align:center; box-sizing: border-box; padding-top: 50px; font-weight: 100;
}

.haberler-wr .haberler-ic {
	width: calc(100% - 120px); float:right; position: relative; border-bottom: 3px solid #a6a6a6; min-height: 160px;
}

.haberler-ic h3 {
	font-size: 24px; font-family: 'Roboto Condensed', sans-serif;
}
.haberler-ic h3 a{color: #888888; transition: all ease 0.3s;}
.haberler-ic h3 a:hover {color: #15b979;}
.haberler-ic p {font-size: 15px; width: 100%; float:Left; margin-top: 14px; line-height: 25px; font-style: italic;}
.haberler-wr li > a {background-color: #000; color: #fff; padding: 15px 38px 15px 15px; font-size: 12px; position: absolute; bottom: 28px; left: 120px; font-weight: 800; background-image: url(../images/haberler-devam-ok.png); background-repeat: no-repeat; background-position: right center; transition: all ease 0.3s;}
.haberler-wr li > a:hover {
	background-color: #15b979;
}
.haberler-wr .tarih span {
	width: 100%;float:left;font-weight: 800;
}

.tum-haberler {
	border-bottom: 2px solid #fff;
	margin-left: 120px;
	float:Left;
	color: #888888;
	font-size: 12px;
	font-weight: 800;
	line-height: 20px;
}

a.tum-haberler:hover {color: #15b979;}

.kalite-anasayfa {
	width: 100%; float:Left; background-color: #fff;padding: 70px 0px;
}

.kalite-anasayfa img {margin-right: 10px; margin-bottom: 10px;}
.kalite-anasayfa img:nth-child(1){width:140px}
.kalite-anasayfa img:nth-child(2){width:160px}
.kalite-anasayfa img:nth-child(3){width:160px}


.alt-wr {
	width: 100%; float:left;background-color: #15b979; padding: 40px 0px;
}
.alt-wr nav {width: 100%; float:Left;}

.alt-sosyal {
	
}

.alt-wr ul li {
	display: inline-block;
	line-height: 30px;
}

.alt-wr ul li a {
	display:block;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding-right: 20px;
	transition: all ease 0.3s;
}

.alt-wr ul li a:hover {
	color: #000;
}

.alt-sosyal {float: left; font-size: 20px; margin-top: 25px;}
.alt-sosyal a {color: #fff; line-height: 25px; margin: 0px 2px; transition: all ease 0.3s;}
.alt-sosyal a:nth-child(1):hover {color: #000;}
.alt-sosyal a:nth-child(2):hover {color: #000;}
.alt-sosyal a:nth-child(3):hover {color: #000;}
.alt-sosyal a:nth-child(4):hover {color: #000;}
.alt-wr-video {
	position: absolute;
	right: 0;
	top: -260px;
	
}
.play-video {
	width: 100%;
	height: 100%;
	color: #fff;
	position: absolute;
	top: 0;
	left:0;
	text-align:center;
	z-index: 22;
	box-sizing: border-box;
	padding-top: 150px;
}

.play-video span {font-size: 60px;}
.play-video h4 {font-size: 20px;}
.play-video  a {color: #fff;}
.play-video-cvr {width: 100%;height: 100%; top:0; left:0;background-color: #15b979; position: absolute; z-index: 20; opacity: 0.5; transition: all ease 0.3s;}

.alt-wr-video:hover .play-video-cvr {opacity: 0.2;}
.alt-wr-video > a {position: absolute; width: 100%; height: 100%; top:0; left:0; z-index: 30;}

.dip-wr {
	width: 100%;
	float:left;
}

.alt-logo {
	float:left;width: 100px; margin-top: 20px; margin-bottom: 20px;
}
.alt-logo img {
	width: 100%;
}

.alt-copy {
	float:right;
	margin-top: 20px;
	line-height: 30px;
	color: #8b8b8b;
	font-size: 13px;
	text-align:right;
}

.alt-copy a {color:#8b8b8b}
.alt-copy a:hover {text-decoration:underline;}
.ic-ust-wr {
	width: 100%;
	float:Left;
	height: 335px;
	background-color: #15b979;
	border-top: 10px solid #15b979;
	position: relative;
	margin-bottom: 30px;
}

.ic-ust-wr .cvr {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity:1;
	background: rgba(21,185,122,0.1);
	background: -moz-linear-gradient(top, rgba(21,185,122,0) 0%, rgba(21,185,122,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(21,185,122,0)), color-stop(100%, rgba(21,185,122,1)));
	background: -webkit-linear-gradient(top, rgba(21,185,122,0) 0%, rgba(21,185,122,1) 100%);
	background: -o-linear-gradient(top, rgba(21,185,122,0) 0%, rgba(21,185,122,1) 100%);
	background: -ms-linear-gradient(top, rgba(21,185,122,0) 0%, rgba(21,185,122,1) 100%);
	background: linear-gradient(to bottom, rgba(21,185,122,0) 0%, rgba(21,185,122,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15b97a', endColorstr='#15b97a', GradientType=0 );
}

.ic-icerik-wr {
	float:Left;
	width:100%;
	margin-bottom: 60px;

	
}
.icerik-ul ul {margin-left:20px;}
.icerik-ul ul li {	color: #444444;
	font-size: 14px;
	font-weight: 500;
	line-height: 25px;list-style:circle;margin-top:5px;}

.ic-icerik-wr #sayfa-fotograflar{padding:0!important; margin-top:30px;}
.ic-icerik-wr p {
	color: #444444;
	font-size: 14px;
	font-weight: 500;
	line-height: 25px;
	margin-top: 15px;
}


.urun-sayfa p {text-align:center;}
.urun-sayfa ul li {
	color: #444444;
	font-size: 13px;
	font-weight: 500;
	line-height: 25px;
	margin-top: 2px;
	width: 100%;
	float:left;
	display: flex;
	padding: 10px 0px;
	border-bottom: 1px solid #fff;
}
.uygulama {line-height:35px;}

.urun-sayfa ul li:nth-child(even) {}

.urun-sayfa ul li h3 {float:left; width: 165px; display: block; height: 30px;}
.urun-sol ul, .urun-sag ul {margin-bottom: 40px; float:left; width: 100%;}



.ic-icerik-wr strong {
	font-weight: 700;
}
.photo-slide {
    position:relative!important;
    left:auto!important;
    top:auto!important;
}
#sayfa-fotograflar {
    width: 100%;
	float:left;
    position: relative;
    padding: 30px;
}
#sayfa-fotograflar li:before {
    display: none;
}
#sayfa-fotograflar img {
    border: 3px solid #ebebeb;
}

.ic-ust-wr h1 {color:#fff;margin-top: 220px; z-index: 30; position: relative; font-size: 30px;}
.ic-ust-wr .bc-wr {width: 100%; float:left;position: relative; z-index: 30; line-height: 20px; font-size: 13px; color: #fff;}
.ic-ust-wr .bc-wr a {color: #fff; font-weight: 700; transition: all ease 0.3s;}
.ic-ust-wr .bc-wr a:hover {color: #000;}
.ic-ust-wr .bc-wr mark {vertical-align:sub; font-weight: 500!important;}
.ic-ust-wr .bc-wr mark:before{content:"/ "; }



.bc-wr li {    display: inline-block;
    position: relative;}

.hakkimizda-sol {
	width: 50%; float:Left;
}

.hakkimizda-sag {
	width: 46%;
	float:right;
	text-align:center
	
}

.hakk-foto {
	width: 100%;
	border: 1px solid #fff;
	padding: 10px;
	box-sizing: border-box;
	transition: all ease 0.3s;
}


.original {width:90%;margin:Auto;text-align:center;display:flex;justify-content:center;align-items:center;margin-top:40px;}
.original a {background:#15b979;padding:15px;text-align:center;color:#fff;border-radius:15px;}
.original a:Hover {background:#0f9661}
/*#gallery {
    height: auto!important;
}*/
#gallery{margin:0!important;}
#gallery li {width:291px; float: left; padding: 0!important; margin: 0 9px 10px 0!important; position: relative; display: inline-block!important;}

#gallery li img {width:100%;}

.hakk-foto  img{
	width: 100%;
}

.hakk-foto:hover{
	width: 100%;
	border: 1px solid #15b979;
}

#iletisim-form a {color:#000;font-weight:700;}
#iletisim-form a:hover {text-decoration:underline;}
.iletisim-wr {
	width: 100%; float:Left; padding-bottom: 20px;
}
.harita-wr {width: 100%; float:Left; z-index:-1;}
.iletisim-wr h2 {line-height: 100px; font-weight: 800; font-size: 18px;}
.iletisim-sol h3 {width: 120px; color: #323232; border-bottom: 2px solid #fff; line-height: 26px; font-size: 15px;}
.iletisim-sol span {width: 100%; float:left; padding: 10px 0px 30px 0px; font-size: 13px; color: #323232; font-size: 13px; font-weight: 500;}
.iletisim-sol span a {color: #323232;  transition: all ease 0.3s;}
.iletisim-sol span a:hover {color: #15b979;}

.iletisim-sol {width: 50%; float:left;}
.iletisim-sag {width: 50%; float:right;}
.iletisim-sag h3 {width: 125px; color: #323232; border-bottom: 2px solid #fff; line-height: 26px; font-size: 15px;}
.iletisim-sag input[type="text"] , .iletisim-sag textarea ,.iletisim-sag select ,.iletisim-sag input[type="submit"]{width: 100%; background-color: #fff; padding: 12px; box-sizing: border-box; margin-bottom: 10px; border: 0px; margin-top: 3px; outline: 0; color: #7e7e7e; font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 12px;}
.iletisim-sag input[type="submit"] {background-color: #15b979;float:left; color: #fff; width: 160px; clear:both;margin-top:10px}
.iletisim-sag input[type="submit"]:hover{background-color: #0f8557;transition:all ease 0.3s;}

.haberler-wr-ic {margin-top: 0px!important;}
.haberler-wr-ic ul {margin-left: 0px;}
.haberler-wr-ic p{margin-top: 14px!important; line-height: 25px;}


.urun-detay-sol {width: 65%; float:Left;}
.urun-detay-sol img {width: 100%}
.urun-detay-sag {width: 34%; float:right;}

.urun-detay-sag h2 {padding-left: 10px; font-size: 28px;}
.urun-detay-sag p {font-size: 13px; line-height: 20px; padding-left: 10px;}

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-container {
      width: 300px;
      height: 300px;
    }
	
.haber_detay-video figure{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-size: 100%!important;
	background-repeat: no-repeat!important;
	height: 380px;
	transition: all 0.4s;
	background-position: center center!important;
}
.haber_detay-video figure:hover{
	background-size: 110%!important;
	transition: all 0.4s;
}
.haber_detay-video span{
	position: absolute;
	color: #fff;
	font-size: 60px;
}
.haber_detay-video ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.haber_detay-video ul li{
	width: 48%;
	margin-bottom: 30px;
}
.haber_detay-video h2{
	margin: 30px 0 20px 0;
	font-weight: bold;
}