@import url('btn-hover.css');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');

.content-width{width:100%; height:auto; float:left;}
.content-center,
.container{width:1650px; height:auto; margin:auto;}

.contact_img{transition: all 0.5s ease-in-out; height:600px !important; background-position:center center; background-size:auto 100%; background-repeat:no-repeat; background-color:red;}
.contact_img:hover{background-size:auto 110%;}

.product-area{padding:20px 0;}

.header-logins{float:right; margin:3px 0 0 30px;}
.header-logins a{line-height:34px; background-color: rgb(175,175,175,0.25); /* border:1px solid #b9b9b9; */ color:#fff; float:left; padding-right:20px; border-radius:50px; text-decoration:none;}
/*.header-logins a:first-child{margin-right:7px;}*/
.header-logins a:hover{background-color:#1b3483; color:#000;}
.header-logins a i{line-height:34px; background-color:#1b3483; color:#000; padding:0 15px; border-radius:50px; margin-right:10px;}

.portal_giris{font-size:14px !important;}

#haberListe{width:100%; height:auto; display:block; float:left;}
#haberListe div.haber-blok{width:100%; float:left; padding: 5px 10px;border-top:none !important;
	border: 1px solid #F0F1F5;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(72%, rgba(250,250,250,1)), color-stop(100%, rgba(250,250,250,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 72%, rgba(250,250,250,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 );
}
#haberListe div.haber-blok:first-child{border-top: 1px solid #F0F1F5 !important;}
#haberListe div.haber-blok:nth-child(even){background-color:#f7f4f4;}
#haberListe div.haber-blok>div{float:left;}
#haberListe div.haber-blok div.icon{width:3%;}
#haberListe div.haber-blok div.baslik{width:90%;}
#haberListe div.haber-blok div.baslik a{width:100%; float:left; color:#333;}
#haberListe div.haber-blok div.detay{width:7%; color:#1b3483;}


.new-box{width:32%; float: left; cursor: pointer; margin: 0.5%; background-color:#f5f5f5;}
.new-box:hover{background-color:#f1f1f1;}
.new-box .new-box-image{background-repeat: no-repeat; height: 200px; background-position: center center; background-size: 100% auto; transition:all 2s ease-in-out;}
.new-box .new-name{height: 50px; font-weight: 500; color: #313131; font-size: 16px; margin: 10px 0;}
.new-box .new-description{height: 150px;}
.new-box:hover .new-box-image{
	background-size:110% auto;

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.new-box:not( :hover ) .new-box-image{

	background-size:100% auto;
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.whatsap-icon i{color:#20b517 !important; font-size:24px; float: left;}

.neredeyim ul{list-style:none; float:left; margin:0; padding:0;}
.neredeyim ul li{float:left; margin-right:10px; position: relative; box-sizing: border-box; padding: 0 15px 0 0;}
.neredeyim ul li a{float:left; text-decoration:none; color:#2d2d2d; font-weight:600; padding:0; font-size:18px;}
.neredeyim ul li:not(:last-child)::after{content:">"; position: absolute; right:0px; top:0;}
/*
.neredeyim ul li a:after{content:'>>'; margin-left:10px;}
.neredeyim ul li:last-child a:after{content:"";}
*/

#product-images{width:100%; float:left;}
#product-images > a.thumb-link{
	width: 23%;
	height: 85px;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	border: 1px solid #ccc;
}
#product-images > a.thumb-link img{width:auto; max-width:85%; float:left; border:none !important;}
#product-features{width:58%; float:left; margin-left:2%; color:#000;}
#product-features .urun-satir{padding:7px 0;}
#product-features .urun-satir:nth-child(odd){background-color:#f1f1f1;}
#product-features .urun-satir span{width:auto; height:auto; float:left;}
#product-features .urun-satir span:nth-child(1){width:39%; font-weight:600; margin-left:3%;}
#product-features .urun-satir span:nth-child(2){width:2%; font-weight:600; text-align:center;}
#product-features .urun-satir span:nth-child(3){width:56%; font-weight:500; text-align:left;}

.teknik-cizim{margin:20px 0;}
.teknik-cizim img{width:auto; max-width:20%; float:left; margin:0 20px 20px 0;}

.product-files{width:100%; height:auto; float:left; margin:20px 0;}
.product-files ul{width:100%; height:auto; float:left; list-style: none; margin: 0; padding: 0;}
.product-files ul li{width:100%; height:auto; float:left; box-sizing: border-box; position: relative;}
.product-files ul li:before{position: absolute; left: 0; top:0;background: url('../images/pdf.png') no-repeat center;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	vertical-align: middle;}
.product-files ul li a{width:100%; height:auto; float:left; padding-left: 30px; color:#4d4d4d; font-weight: 400; font-size:16px;}

.urun-renkleri .title{border-bottom:2px solid #1b3483; padding:5px 0; font-size:14px; color:#1b3483; font-weight:600;}
.urun-renkleri ul{list-style:none; float:left; margin:0; padding:0;}
.urun-renkleri ul li{width:30%; height:auto; float:left; margin-bottom:5px;}
.urun-renkleri ul li:nth-child(3n-1){margin:0 4%;}
.urun-renkleri ul li a{text-decoration:none; color:#000; width:100%; float:left;}
.urun-renkleri ul li a span{color:#000; width:100%; float:left; font-weight:600;}
.urun-renkleri ul li a img{width:100%; float:left; border: 1px solid #ddd;}

div.genel_baslik{border-bottom: 1px solid #EDEDDE; padding:0 0 10px 0; margin:0 0 10px 0; overflow:hidden;}
div.genel_baslik div.baslik{float:left; font-size:1.4em; color:#171717;}
div.genel_baslik div.geri{float:right; font-size:1.2em; color:#171717; margin-right: 15px;}
div.genel_baslik div.baslik ul{list-style:none; float:left; margin:0; padding:0;}
div.genel_baslik div.baslik ul li{float:left; margin-right:5px;}
div.genel_baslik div.baslik ul li a{float:left; text-decoration:none; font-size:18px !important; color:#171717 !important;}
div.genel_baslik div.baslik ul li a:after{content:'>'; margin-left:5px;}
div.genel_baslik div.baslik ul li:last-child a:after{content:"";}

.main-category{
	width:32%;
	height:220px; float:left; background-position:center left; background-repeat:no-repeat; position:relative; background-size:100% auto;
	margin:0.5% 0; cursor:pointer;
	transition:all 2s ease-in-out;
	overflow:hidden;
}
.anasayfa-kategoriler .main-category{
	margin:0.5%;
}

.products-page .main-category{
	width:32%;
}

.main-category:hover{
	background-size:110% auto;

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.main-category:not( :hover ){

	background-size:100% auto;
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
}

.main-category div.orange{width:25%; height:100%; position:absolute; right:0;
	border-color: #1b3483 transparent transparent transparent;
	border-style: solid;
	border-width: 300px 0 0px 50px;
	z-index:1;
	transition:all 0.5s ease-in-out;
}

.main-category div.black{width:25%; height:100%; position:absolute; right:0;
	border-color: #333 transparent transparent transparent;
	border-style: solid;
	border-width: 300px 0 0px 50px;
	z-index:1;
	transition:all 0.5s ease-in-out;

}
.main-category:hover div.orange,
.main-category:hover div.black{
	right:-100%;
}
.main-category div.shadow{width:100%; height:100%; position:absolute; left:0; top:0;
	border-color: #333 transparent transparent transparent;
	-webkit-box-shadow: inset 0px 0px 77px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 77px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 77px 0px rgba(0,0,0,0.75);
	z-index:2;

}
a3887
.main-category div.product-img{
	width:18%; height:auto; position:absolute; right:5px; top:20px;
	transition:all 0.5s ease-in-out;
	z-index:5;
}

.main-category div.product-img img{
	width:75%; float:left;
}

.main-category div.name{width:100%; height:40px; position:absolute; left:0; bottom:0;
	background:rgba(0,0,0,0.6); color:#fff;
	z-index:3;
	padding:7px 15px;
	transition:all 0.5s ease-in-out;
}

.main-category div.name span{
	width:100%; height:auto; float:left; font-weight:500; padding:0; margin:0 0 10px 0; line-height:initial !important; font-size:16px;
    text-shadow: 1px 3px 3px rgb(0 0 0 / 10%);
}
.main-category div.name span:last-child{font-style:italic; font-weight:normal; font-size:11px;}
.main-category div.desc{line-height: 18px; margin-top:40px;}

.main-category:hover div.name{
	height:100%;
	transition:all 0.5s ease-in-out;
}

.main-category .category-logo{
	width:100px; height:57px;
	position:absolute; left:10px; bottom:-100%;
	background-image:url('../img/logo-white.png'); background-size:100% auto; background-repeat:no-repeat;
	z-index:4;
}

.main-category:hover div.category-logo{
	bottom:10px;
	transition:all 0.5s ease-in-out;
}

.main-categories-title{
	font-size: 22px;
	color:#333;
	margin-bottom: 30px;
	position: relative;
}

.main-categories-title:before{
	background-color:#272727;
	width:98%; height: 1px;
	position: absolute;
	left:0; top:0;
	content: " ";
}

.main-categories-title span{
	background-color: #e7ebee;
	position: absolute;
	left: 50px;
	top: -10px;
	padding: 0 25px;
}

div#arama{display:none;background:#ededed;padding:20px 0;}
div#arama input{width:92%;float:left;}
div#arama a.urun_arama_kapat{margin-left:3px;}
div.sonuclar{width:100%;height:auto;position:absolute;z-index:100;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);}
div.sonuclar ul{width:100%;height:auto;padding:0;margin:0;list-style:none;}
div.sonuclar ul li{width:100%;height:auto;float:left;padding:0;}
div.sonuclar ul li a{width:100%;height:auto;float:left;text-decoration:none;border:none;padding:5px 2%;background-color:#fff;color:#000;}
div.sonuclar ul li a:hover{background-color:#333;color:#fff;}
div.sonuclar ul li:nth-child(even) a{background-color:#f1f1f1;}
div.sonuclar ul li:nth-child(even) a:hover{background-color:#333;color:#fff;}
div.sonuclar ul li:last-child,
div.sonuclar ul li:last-child a{-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
div.mobileResult{display: none;}
div.mobileResult ul{width:100%;height:auto;padding:0;margin:0;list-style:none;}
div.mobileResult ul li{width:100%;height:auto;float:left;padding:0;}
div.mobileResult ul li a{width:100%;height:auto;float:left;text-decoration:none;border:none;padding:5px 2%;background-color:#fff;color:#000;}
div.mobileResult ul li a:hover{background-color:#333;color:#fff;}
div.mobileResult ul li:nth-child(even) a{background-color:#f1f1f1;}
div.mobileResult ul li:nth-child(even) a:hover{background-color:#333;color:#fff;}
ul.language{float:right;list-style:none;padding:0;margin:3px 0 0 5px;}
ul.language li{float:left;margin:0 10px 0 0;}
ul.language li a{color:#333;font-size:12px;font-weight:700;}
div.main_category{padding-left:5px;padding-right:5px;margin:0 0 10px 0;}
div.main_haber{padding:3px;}
div.main_haber div.haber_ust{width:100%;float:left;position:relative;}
div.main_haber div.haber_ust div.front{position:absolute;z-index:2;background:rgba(0,0,0,0.8);color:#fff;bottom:0;font-size:13px;padding:0;height:50px;}
div.main_haber div.haber_ust div.front span{width:auto;height:auto;display:block;float:left;margin:5px;}
div.section_ayrac{margin:0 !important;padding:0 !important;}
div.section_ayrac div.icon{float:left;}
div.section_ayrac div.icon img{height:25px;}
div.urun_detay_video{padding:0;margin: 0 0 10px 0;}
div.urun_detay_pdf{padding:0;margin:0;}
div.urun_detay_video a{
	width: auto;
	margin: 0;
	float: left;
	text-align: center;
	color: #000;
	/* border: 1px dashed #000; */
	border-radius: 100px;
	padding: 3px 12px;
	text-decoration: none;
	font-size: 14px;
	gap: 10px;
	background-color: #e30c1b;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
div.urun_detay_pdf a{width:100%;float:left;background-color:#333333;color:#fff;text-align:center;padding:10px 5px;border:1px solid #ddd;}
div.teklif_sepeti_big{width:75px;height:75px;position:fixed;right:10px;bottom:150px;z-index:100;
	background-image:url(../images/teklif.png); background-size: 100% auto; background-repeat:no-repeat; background-position:top left;
	background-color:#fff;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	-o-border-radius:100%;
}
div.teklif_sepeti_big a{width:100%;height:100%;float:left;}
div.teklif_sepeti_big a span{
	width:40px; height:40px; position:absolute; top:-17px; right:-5px; line-height:40px; text-align:center;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	-o-border-radius:100%;

	color:#fff !important; font-weight:700; font-size:18px;
			    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b3281+0,00adef+100 */
background: rgb(27,50,129); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(27,50,129,1) 0%, rgba(0,173,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3281', endColorstr='#00adef',GradientType=1 ); /* IE6-9 */


}
div#loading{width:100%;left:0;text-align:center;z-index:2;display:none;}
div#loading i{color:#c10e25;font-size:120pt;text-shadow:1px 1px #000;margin:100px 0 0 0;}
div.teklif_sepeti_sidebar{padding:0;margin:0 0 10px 0;}
div.teklif_sepeti_sidebar a{width:100%;height:auto;display:block;float:left;background-color:#1b3483;color:#fff;text-align:center;padding:10px 0;}
ul.footer-belgeler{width:100%;height:auto;display:block;float:left;margin:20px 0 0 0;padding:0;list-style:none;}
ul.footer-belgeler li{width:auto;height:auto;display:block;float:left;margin:0 10px 0 0;}
ul.footer-belgeler li:last-child{margin:0;}
ul.footer-belgeler li img{width:auto;height:30px;display:block;float:left;border:none}
a.mobil_menu_icon{color:#777;width:auto;float:right;height:auto;display:none;margin:30px 5px 10px 0;padding:5px 10px;text-decoration:none;font-size:14pt;}
a.mobil_menu_icon i{margin:0 0 0 10px;background-color:#777;padding:10px;border-radius:5px;color:#fff;}
a.mobil_yan_menu_link{left:0;top:0;background-color:#1b3483;color:#fff;padding:10px 0;text-decoration:none;display:none;float:left;width:100%;text-align:center;margin:0 0 5px 0;}
div.mobil-navigation{position:absolute;background-color:#46535b;width:100%;height:100%;left:0;top:0;z-index:101;display:block;}
div.mobil-navigation > div.mobil-navigation-buton{width:10%;height:100%;float:left;}
div.mobil-navigation > div.mobil-navigation-buton > a{width:100%;float:left;text-align:center;font-size:22pt;text-decoration:none;color:#777;}
div.mobil-navigation > div.mobil-navigation-buton > a > i{margin:10px 0 0 0;}
div.mobil-navigation > div.mobil-navigation-content{width:90%;height:100%;float:left;padding:0;}
.iletisim_liste li{float:left;height:auto;display:block;width:100%;}
.iletisim_liste li span{float:left;height:auto;display:block;}
.iletisim_liste li span i{float:left;height:auto;display:block;overflow:hidden;}
.iletisim_liste li span:first-child{width:15%;}
.iletisim_liste li span:last-child{width:85%;}
.iletisim_liste li span:last-child a{color:#e6242c;}
.drop_language{display:none !important;}
.urun_adi{font-size:1.1em;font-weight:700;margin:0 0 20px 0 !important;float:left;}

.buton-kapsayici:first-child div.butonlar{float:right; margin-left:20px;}
.buton-kapsayici:last-child div.butonlar{float:left; margin-right:20px;}
div.butonlar{width:auto; height:auto; display:block; margin:0;}
div.butonlar a{color:#fff; font-weight:600; font-size:14px !important;}
div.home-intro div.butonlar div.buton i{float:left; font-size:1em; color:#579bd8;}
div.home-intro div.butonlar div.baslik{float:left; margin:2px 0 0 10px;}


#left-sidebar{height:auto; float:left; margin:20px 0;}
#left-sidebar ul{width:100%; height:auto; float:right; margin:0; padding:0; list-style:none; border-right:1px solid #ddd;}
#left-sidebar ul > li{width:100%; height:auto; float:left; margin:0; padding:0; list-style:none; text-align:right;}
#left-sidebar ul > li:last-child{border-bottom:none;}
#left-sidebar ul > li a{ width: fit-content; border-bottom: 1px solid #ddd; padding:10px 5% 10px 10%; color:#333; font-size:14px; text-decoration:none; float:right;}
#left-sidebar > ul > li.active > a,
#left-sidebar ul > li:hover > a{
	    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b3281+0,00adef+100 */
background: rgb(27,50,129); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(27,50,129,1) 0%, rgba(0,173,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3281', endColorstr='#00adef',GradientType=1 ); /* IE6-9 */

	color:#fff;/*  font-weight:600; border-left:10px solid #000; */}
#left-sidebar ul > li ul{border-right:none; display:none;}
#left-sidebar ul > li.active ul{display:block;}
#left-sidebar ul > li ul > li{width:100%; float:left;}
#left-sidebar ul > li ul > li > a{width:75%; padding:7px 20% 7px 0; position:relative;}
#left-sidebar ul > li ul > li > a:before{width:15px; height:15px; position:absolute; background-color:#1b3483; right:10px; top:10px; content:" ";
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	-o-border-radius:100px;
}
#left-sidebar ul > li ul > li > a:hover::before{background-color:#000;}
#left-sidebar ul > li ul > li.active > a:before{background-color:#fff;}
#left-sidebar ul > li ul > li.active > a{
		    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b3281+0,00adef+100 */
background: rgb(27,50,129); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(27,50,129,1) 0%, rgba(0,173,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3281', endColorstr='#00adef',GradientType=1 ); /* IE6-9 */


color:#fff !important;}


/* Main Section */


section.main-section{
	width:100%;
	padding:0 0 0 0;
	float:left;
	background-color:#fff;
	/*margin: 0 0 75px 0;*/
}

section.main-section:nth-child(even){
	background-color:#fff;
}

section.main-section .blok{
	width:33%; float:left;
	margin-top: 50px;
}

section.main-section .blok:nth-child(1){
}

section.main-section .blok:nth-child(2){}

section.main-section .blok:nth-child(3){
}

/*
section.main-section .blok:nth-child(even){
	margin:0 2%;
}
*/
section.main-section .blok .icon{
	float:left;
	background-repeat:no-repeat; background-position:0 0;
}

section.main-section .blok .haber-icon{
	width:38px; height:31px; float:left; margin:0 11px;
	background-image:url('../images/haberler-icon.png');
}

section.main-section .blok .baslik{
	font-size:24px;
	color:#1b3483;
	margin:0 0 10px -8px;
	font-weight: 300;

	/*
	background: -moz-linear-gradient(left,  rgba(231,235,238,1) 0%, rgba(125,185,232,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(231,235,238,1) 0%,rgba(125,185,232,0) 100%);
	background: linear-gradient(to right,  rgba(231,235,238,1) 0%,rgba(125,185,232,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ebee', endColorstr='#007db9e8',GradientType=1 );
	*/


	padding: 5px 0 5px 15px;



}

section.main-section .blok .baslik a.tumu{
	font-size:12px;
	color:#000;
	float:right;
}

section.main-section .blok .baslik a.tumu:hover{
	font-weight:bold;
	color:#1b3483;
}

section.main-section .ulus{
	width:43%;
}

section.main-section .blok .content{
	width:80%; height:auto; float:left; padding-left:10px;  min-height:110px;
	background-image:url('../images/main-line.png');
	background-repeat:no-repeat; background-position:top left;
}

section.main-section .ulus .content{
	width:88%;
}

section.main-section .blok .ulus-icon{
	width:38px; height:38px; float:left; margin:0 11px;
	background-image:url('../images/ulus-icon.png');
}

section.main-section .ulus:hover .ulus-icon{
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	background-position:0 -38px;
}

section.main-section .ulus .ulus-haber{
	line-height:initial !important;
	color:#222;
}

section.main-section .ulus .ulus-haber .news-image{
	width:40%; height:120px; float: left;
	background-repeat: no-repeat; background-position: center center; background-size: 100% auto;
}

section.main-section .ulus .ulus-haber .news-content{
	width:58%; min-height:110px; float: left; margin-left: 2%;
}

section.main-section .ulus .ulus-haber a:last-child{
	line-height:initial !important;
	color:#1b3483; margin-top:10px; float:left;
}

section.main-section a.detail-btn{
	background-image: -webkit-linear-gradient(top,#1b3483 0,#aaaaaa 100%);
	background-image: -o-linear-gradient(top,#1b3483 0,#aaaaaa 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#1b3483),to(#aaaaaa));
	background-image: linear-gradient(to bottom,#1b3483 0,#aaaaaa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#579cda', endColorstr='#ffe0e0e0', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #dbdbdb;
	border-color: #ccc;

	padding: 8px 20px;
	border-radius: 100px;
	background-color: #274f73 !important;
	color:#fff !important;
}

section.main-section .dergi{
	line-height:initial !important; font-size:13px; color:#222; width: 24%;
}

section.main-section .blok .dergi-icon{
	width:38px; height:45px; float:left; margin:0 11px;
	background-image:url('../images/dergi-icon.png');
}

section.main-section .dergi:hover .dergi-icon{
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	background-position:0 -45px;
}

section.main-section .dergi ul{
	width:100%; height:auto; display:block; float:left; list-style:none; margin:0; padding:0;
}

section.main-section .dergi ul li{
	width:100%; height:auto; display:block; float:left; margin-bottom: 7px;
}

section.main-section .dergi ul li:first-child{
	margin-bottom:7px;
}

section.main-section .dergi ul li a{
	width:100%; height:auto; display:block; float:left; line-height:initial !important;
	color:#000;
}

section.main-section .dergi ul li a div.pdf-icon{
	width:7%; height:auto; display:block; float:left;
	color:#333; font-size:1.3em;
}

section.main-section .dergi ul li:hover a div.pdf-icon{
	color:#1b3483;
}

section.main-section .dergi ul li a div.pdf-yazi{
	width:87%; height:auto; display:block; float:left; margin-top:2px;
}

section.main-section .isyerleri img{
	width:100%; height:auto; float:left;
}

section.main-section .toleyis_ebulten{
	line-height:initial !important; font-size:13px; color:#222;
}

section.main-section .blok .ebulten-icon{
	width:38px; height:38px; float:left; margin:0 11px;
	background-image:url('../images/bulten-icon.png');
}

section.main-section .toleyis_ebulten:hover .ebulten-icon{
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	background-position:0 -38px;
}

section.main-section .toleyis_ebulten form{
	width:95%; margin:20px 0 0 0;
	border:1px solid #a5a6a8;
	background-color:#fff;
	overflow:hidden;
	border-radius:100px;
}

section.main-section .toleyis_ebulten form input{
	border:none; background:none; height:30px; padding:5px; float:left;
}

section.main-section .toleyis_ebulten form button{
	border:none; background:#1b3483; color:#fff; height:30px; padding:5px 17px;
	float:right;
	border-radius:100px;
}

section.main-section .haber-title{
	font-size:16px; font-family: sans-serif; color:#000; /*margin-top:20px;*/
}

section.main-section .haber-date{
	font-size:14px; font-family: sans-serif; color:#1b3483; margin:5px 0 15px 0; font-weight: bolder;
}

section.main-section .haber-content{
	font-size:14px; font-family: sans-serif; color:#555; margin-bottom: 20px;
	height:60px; overflow: hidden;
}

/* Main Section */


.blue-label{
	background: rgba(39,79,115,0.8); padding:20px 30px !important;
}

.black-label{
	background: rgba(0,0,0,0.6); padding:20px 30px !important;
}

@media only screen and (max-width:480px){
	.blue-label{
		padding:10px 20px !important; margin-top:-25px !important;
	}

	.black-label{
		padding:10px 20px !important;
	}
}

/* Anasayfa Kategoriler */
.anasayfa-kategoriler{ padding:15px 0 30px 0; /* padding:0 0 50px 0;*/ position:relative; /*background-color:#e7ebee;*/}
.main-categories-header{color:#102945; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #ddd;}
.main-categories-header .title{font-weight: 500; font-size: 26px;}
.main-categories-header .desc{font-weight: 300; font-size: 18px}
.anasayfa-kategoriler .sub-title{color:#102945; margin: 0 0 10px 0; padding: 8px 0; border-bottom: 1px solid #ddd; font-weight: 500; font-size: 18px;}


.anasayfa-kategoriler::after{
	/*position:absolute;
	height:28px;
	width:100%;
	background-image:url('../images/white-border.png'); background-repeat:no-repeat;
	background-position:top center;
	content: ' ';
	bottom:-28px;*/
}
/**/
.anasayfa-kategoriler a.tumu{
	position:absolute; right:0; padding-left:20px;  font-weight:bold;
}

.anasayfa-kategoriler:nth-child(odd) a.tumu{
	background-color:#fff;
}

.anasayfa-kategoriler:nth-child(even) a.tumu{
	background-color:#e7ebee;
}

.anasayfa-kategoriler .container{padding-left:0; padding-right:0;}
.anasayfa-kategoriler div.icon{width:6%; height:80px; float:left; margin:0 2% 0 0;background-image:url('images/icon.png'); background-size:auto 100%; background-repeat:no-repeat; }
.anasayfa-kategoriler div.baslik{width:90%; height:auto; float:left;}
.anasayfa-kategoriler div.baslik div.ust_baslik{font-size:26px; font-weight:500;}
.anasayfa-kategoriler div.baslik div.baslik_sub{font-size:14px; font-weight:500;color:#1b3483;}

.anasayfa-kategoriler div.kategori-grup{
	width:24%; float:left; padding:5px; margin-top:10px; margin-left:10px;
	box-shadow:1px 1px 1px 1px rgba(221,221,221, 0.6);
}

.anasayfa-kategoriler div.kategori-grup div.arkaplan{
	width:100%; height:165px; margin:0 0 5px 0;
	background-size:100% auto; background-position:center center; background-repeat:no-repeat;
	position:relative; overflow:hidden;
}


.anasayfa-kategoriler div.kategori-grup div.arkaplan div.transparan{
	width:100%; height:100%;
	background:rgba(0,0,0,0.2);
	position:absolute;
	z-index:1;
}

.anasayfa-kategoriler div.kategori-grup:hover div.arkaplan{
	background-size:120% auto; -webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;
}

.anasayfa-kategoriler div.kategori-grup:not(:hover) div.arkaplan{
	background-size:100% auto; -webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;
}

.anasayfa-kategoriler div.kategori-grup:hover div.arkaplan div.transparan{
	background:rgba(0,0,0,0.6); transition: all 0.5s ease;
}

.anasayfa-kategoriler div.kategori-grup:not(:hover) div.arkaplan div.transparan{
	background:rgba(0,0,0,0.3); transition: all 0.5s ease;
}

.anasayfa-kategoriler div.kategori-grup div.arkaplan div.tur-tarih{
	width:auto; height:auto;
	/*background:rgba(0,0,0,0.7);*/ color:#fff; padding:3px 8px; background-color:#00a0c4;
	position:absolute;
	z-index:2; top:0; right:0;
}

.anasayfa-kategoriler div.kategori-grup div.arkaplan div.detay-git{
	width:auto; height:auto;
	/*background:rgba(0,0,0,0.7);*/ color:#fff; border:1px solid #fff; padding:7px 20px; left:37%;
	position:absolute;
	z-index:2; bottom:-200px;
}

.anasayfa-kategoriler div.kategori-grup:hover div.arkaplan div.detay-git{
	bottom:20px; transition: all 0.5s ease;
}

.anasayfa-kategoriler div.kategori-grup:not(:hover) div.arkaplan div.detay-git{
	bottom:-200px; transition: all 0.5s ease;
}

.anasayfa-kategoriler div.kategori-grup div.arkaplan div.e_icon{
	width:100%; height:auto; overflow:hidden;
	text-align:center;
	position:absolute;
	z-index:2; top:-200px;
}

.anasayfa-kategoriler div.kategori-grup:hover div.arkaplan div.e_icon{
	top:30px; transition: all 0.5s ease;
}

.anasayfa-kategoriler div.kategori-grup:not(:hover) div.arkaplan div.e_icon{
	top:-200px; transition: all 0.5s ease;
}

.anasayfa-kategoriler div.kategori-grup div.arkaplan div.e_icon img{
	width:30%; height:auto;
}

.anasayfa-kategoriler div.kategori-grup div.kategori-grup-baslik{
	font-size:16px; color:#0f70b7; font-weight:600; padding:5px 0;  height:auto;
}

.anasayfa-kategoriler div.kategori-grup div.kategori-grup-aciklama{
	font-size:12px; color:#333; font-weight:500; padding:5px 0; height:auto; min-height:80px;
}

/* Anasayfa Kategoriler */


footer div.ebulten{
	width: 100%;
	height: auto;
	line-height: initial !important;
	background-color: #9e9e9e;
	font-size: 14px;
	color: #fff;
	float: left;
	background-image: url(../images/pattern2.png);
}
footer i{color:#000 !important;}

.footer_baslik{color:#1b3382; font-size:18px; margin:0 0 15px 0;}

div.hizli_erisim{padding:0;}
div.hizli_erisim ul{list-style:none; margin:0; padding:0; float:left; width:100%;}
div.hizli_erisim ul li{width:50%; float:left; padding:2px 0;}
div.hizli_erisim ul li a{color:#000 !important; font-size:14px; float:left;}
div.hizli_erisim ul li i{float:left; margin:7px 5px 0 0;}

ul.contact{list-style:none; margin:0; padding:0; float:left; width:100%;}
ul.contact li{width:100%; float:left; color:#000; font-size:14px; line-height:initial !important;}
ul.contact li a{color:#000 !important; padding:5px 0; float:left;}

footer:before{
	/*content: "";
    background-image: url(../images/breaker-bottom.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -40px;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 90px;*/
}

.footer_iletisim_bg{
	background-image:url(../images/emailbg.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}



.sub_banner{height:400px; position:relative; background-position:center center; background-size:  100% auto; background-repeat:no-repeat; box-shadow: 0 2px 6px 0 rgba(0,0,0,.12), inset 0 -1px 0 0 #dadce0;}
.sub_banner .pattern {
	position: absolute;
	width: 100%;
	height: 100%;
	/*background: url('../images/slider-pattern.png');*/
	left: 0;
	top: 0;
	z-index:1;
}
.sub_banner .name{
	display: flex; align-items: center; justify-content: center;
	position:absolute; right:0; bottom:0;  width: fit-content; padding-right: 75px; height:50px;
		    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b3281+0,00adef+100 */
background: rgb(27,50,129); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(27,50,129,1) 0%, rgba(0,173,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3281', endColorstr='#00adef',GradientType=1 ); /* IE6-9 */

	/*
	border-color: transparent transparent #1b3483 transparent;
	border-style: solid;
	border-width: 50px 0 50px 100px;
	*/
	z-index:2;
	color:#fff; font-size:22px;
}

.sub_banner .name::before{
	position: static; margin-left:-50px;
	content:" ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 50px 50px;
	border-color: transparent transparent #1b3281 transparent;
}

.sub_banner .name span{
	
}

.iletisim_content{height:auto !important;background-color:#fff;}
.iletisim_sag{width:50%;height:auto;float:left;display:block;background-color:#fff;}
.iletisim_sag .harita{border:none; left:0; top:0;}
.iletisim_sag .form-group{margin-bottom:0 !important;}
.iletisim_sag .padding_sifirla{padding:0 10px !important;}
.yarim{width:50%;float:left; position: relative;}
.harita{border:none; width: 100% !important; height: auto; min-height: 600px;}
.birinci_parca{
	float:left;
	width:45%;
}
.ikinci_parca{
	float:left;
	width:55%;
}
.form_group{padding:5px 0; float:left; width:100%;}
.form_group .icon{width:13%;float:left;background-color:#3c3c3b;color:#fff;text-align:center;height:40px;display:table; border: 1px solid #ddd; border-right: none;}
.form_group .icon i{display:table-cell;vertical-align:middle;}
.form_group .form_element{width:85%;height:40px;float:left;color:#fff;}
.form_group .form_element input{outline:none; width:95%;height:40px;float:left;color:#000;border:1px solid #ddd;border-left:none;padding-left:10px;}
.form_group .form_element select{outline:none; width:95%;height:40px;float:left;color:#000;border:1px solid #ddd;border-left:none;padding-left:10px;}
.form_group .form_element2 input[type=submit]{ width:70px; height:30px; background:none;color:#000;border:1px solid #ddd;border-left:none;}
.form_group .form_element2 input[type=submit]:hover{background:#393938;color:#fff;}
.form_group .icon2{width:13%;float:left;background-color:#3c3c3b;color:#fff;text-align:center;height:150px;display:table;}
.form_group .icon2 i{display:table-cell;vertical-align:middle;}
.form_group .form_element2{width:85%;height:150px;float:left;color:#fff;}
.form_group .form_element2 textarea{width:95%;height:150px;float:left;color:#000;border:1px solid #ddd;border-left:none;padding-left:10px;resize:none;}
.iletisim_bilgisi_satir{padding:1px 0;color:#000;}
.iletisim_bilgisi_satir .baslik{width:15%;float:left;text-align:left;}
.iletisim_bilgisi_satir .nokta{width:5%;float:left;text-align:center;}
.iletisim_bilgisi_satir .icerik{width:80%;float:left;}
.iletisim_bilgisi_satir .icerik a{color:#000;text-decoration:none;}

div.menu-box-bg{position:relative; height:210px;}
div.menu-box-bg span{width:100%; top:0; margin-top:0 !important; height:30px; float:left; z-index:3;  transition: all 0.5s ease; font-size:1.1em !important; color:#222; text-align:center;}
div.menu-box-bg-image{position:absolute; width:100%; height:180px; bottom:0; float:left; z-index:1; background-size:100% auto; background-repeat:no-repeat; background-position:center center; transition: all 0.5s ease;}
div.menu-box-bg:hover div.menu-box-bg-image{background-size:120% auto; height:210px;}
div.menu-box-bg:hover span{position:absolute; top:10px; color:#fff !important;}
div.menu-box-bg .transparan{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); z-index:2; left:0; top:0; transition: all 0.5s ease;}
div.menu-box-bg:hover .transparan{background-color:rgba(0,0,0,0.5); background-image:url(../img/logo.png); background-repeat:no-repeat; background-size:15% auto; background-position:10px 120px;}

div#sizi-arayalim{
	/*background-color:#fff; color:#777;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b3281+0,00adef+100 */
	background: rgb(27,50,129); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(27,50,129,1) 0%, rgba(0,173,239,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3281', endColorstr='#00adef',GradientType=0 ); /* IE6-9 */

	 font-weight: 300;
	position:fixed; right:-56px; top:55%; padding:10px; z-index:5;
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	box-shadow: 0 1px 3px rgba(0,0,0,.7);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.3);

	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;

}
div#sizi-arayalim a{
	color:#fff;  font-size:18px;
	padding:0 15px; font-weight: 300;
}

div#sizi-arayalim-form{
	background-color:#fff;

	box-shadow: 1 1px 3px rgba(0,0,0,.7);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.7);

	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding:10px;
	position:fixed; right:-500px; top:40%; z-index:5; width:200px;
}

div#sizi-arayalim-form a.form-kapat{
	float:right; color:#666;
	position: absolute;
	right:5px;
	top: -30px;
	width: 30px;
	height: 30px;
	background-color: #fff;
	text-align: center;
	display:table;
}

div#sizi-arayalim-form a.form-kapat i{
	display:table-cell;
	vertical-align:middle;
}

div#sizi-arayalim-form div.block{
	width:100%; height:auto; display:block; float:left;
}

div#sizi-arayalim-form div.block input,
div#sizi-arayalim-form div.block select{
	width:85%; height:auto; display:block; float:left; border:none; border-bottom:1px solid #999; padding:5px; margin:0 0 10px 0;
	font-size:14px;
}

div#sizi-arayalim-form div.block i{
	display:block; float:left; margin:10px 10px 0 0;
}

div#sizi-arayalim-form div.block textarea{
	width:85%; height:50px !important; display:block; float:left; border:none; border-bottom:1px solid #999; padding:5px; margin:0 0 10px 0;
	font-size:14px;
}

div#sizi-arayalim-form button[type=submit]{
	width:100%; display:block; float:left; background-color:#1b3483; color:#fff; padding:7px 0; cursor:pointer; border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div#social_media{width:40px; height:auto; position:fixed; right:0; top:25%; padding:0; z-index:5;}
div#social_media ul{width:100%; height:auto; float:left; margin:0; padding:0; list-style:none;}
div#social_media ul li{width:100%; height:auto; float:left; margin-bottom:2px;}
div#social_media ul li a{width:100%; height:auto; float:left; background-color:#505050; color:#fff; text-align:center; padding:8px 0; font-size:18px;}

.urun-kutu{
	width:23%; height:auto; display:block; float:left;
	border:1px solid #ddd; padding:10px;
	margin:0 10px 10px 0;

	position:relative;
}
/*
.urun-kutu:nth-child(4n+5){
	margin:0 0 10px 0;
}
*/
.urun-kutu a{
	text-decoration:none; color:#2d2d2d;
}

.urun-kutu .urun-adi{
	font-size:14px; text-align:center; font-weight:600; color:#000; padding-bottom:10px;
}

.urun-kutu .urun-resim{
	height:200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);
	position:relative;
}

.urun-kutu .urun-resim img{
	position:absolute; width:100%; opacity:0;
}

.urun-kutu:hover .urun-resim{
	background-size: 120% auto;
}

.urun-kutu .checkBot{
	font-size:14px; text-align:center; font-weight:600; color:#fff; padding-bottom:10px;
	position:absolute; right:0; top:3px;
}

.urun-kutu .checkBot span,
.urun-kutu .checkBot a{
	padding:5px 10px;
	font-weight:300;
	background-color:darkred;
	color:#fff;
}


.katalog_kapak{
	width:35% !important; height:auto; float:left;
	border:none; text-decoration:none;
	margin:0 20px 20px 0;
}

.katalog_kapak img{
	width:100% !important; height:auto !important; float:left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}

/* Header */
/* Header */
header {
    transition: all 0.5s ease-in-out;
    background: rgba(255,255,255,0.9);
    float: left;
}
header#header {
    transition: all 0.5s ease-in-out;
}
.header-line {
    /*background-color:#274f73;*/
    position: relative;
}
.header-line .left {
    width: 33%;
    float: left;
    padding: 5px 0;
    position: relative;
}
.header-line .left a {
    width: auto;
    height: auto;
    display: block;
    float: left;
    color: #000;
    margin-right: 25px;
}
.header-line .left a i {
    margin-right: 5px;
    color: #e8d026;
}
.header-line .left:after {
    border-color: transparent transparent #1b3281 transparent;
    border-style: solid;
    border-width: 0px 17px 44px 17px;
    width: 0px;
    height: 0px;
    position: absolute;
    content: " ";
    right: -17px;
    top: 0;
}
.header-line .right {
    width: 67%;
    float: left;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b3281+0,00adef+100 */
background: rgb(27,50,129); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(27,50,129,1) 0%, rgba(0,173,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3281', endColorstr='#00adef',GradientType=1 ); /* IE6-9 */

    padding: 0 0 0 20px;
    line-height: 44px;
    position: relative;
    color: #fff;
}
.header-line .right > a {
    width: auto;
    height: auto;
    display: block;
    float: right;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin-left: 20px;
}
.header-line .right > a i {
    margin-right: 10px;
    color: #fff;
}
.header-line .right:after {
    background-color: #00adef;
    width: 50%;
    height: 44px;
    position: absolute;
    content: " ";
    right: -50%;
    top: 0;
}
.header-line .right .social-icons {
    float: right;
    margin: 0 0 0 25px;
}
.header-line .right .social-icons a {
    float: left;
    color: #fff;
    font-size: 18px;
    margin-right: 10px;
}
.header-line .right .langs {
    float: right;
    margin: 0 25px;
}
.header-line .right .langs a {
    float: left;
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
    position: relative;
}
.header-line .right .langs a:after {
    width: 1px;
    height: 15px;
    position: absolute;
    right: -5px;
    top: 15px;
    content: "";
    background-color: #afafaf;
}
.header-line .right .langs a:last-child::after {
    display: none;
}
.header-line .right .langs a.active {
    color: #fff;
}
.capital-logo {
    width: 20%;
    float: left;
    top: -35px;
    position: absolute;
}
.capital-logo img {
    width: 100%;
    float: left;
}
.header-content {
    line-height: 80px;
    height: 80px;
    display: flex;
}
.sticky_header {
    position: fixed !important;
    top: -40px;
    transition: all 0.5s ease-in-out;
    top: 0;
    z-index: 40 !important;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 2px rgb(42 42 40 / 30%);
    box-shadow: 0 1px 4px 2px rgb(42 42 40 / 30%);
}

/* İlkelerimiz */
.ilkelerimiz{
	height:auto; max-height:400px; padding:80px 0;
	background-image:url('../images/ilke.png');
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:100% auto;
	cursor: pointer;
}

.ilkelerimiz-heading{
	text-align:left; color:#fff; font-size:40px; font-weight:400;
}

.ilkelerimiz ul{width:100%; list-style:none; margin:50px 0; padding:0; float:left;}
.ilkelerimiz ul li{ line-height:40px; height:40px; padding-left:40px; margin-bottom:10px; float:left; color:#fff; background-image:url('../images/ilkelerimiz-icon.png'); background-repeat:no-repeat; background-position:left center; font-size:18px; letter-spacing:0;}
.ilkelerimiz ul li:nth-child(odd){width:40%;}
.ilkelerimiz ul li:nth-child(even){width:60%;}
.ilkelerimiz .detail a{
	float:left; background-color:#634a35; color:#fff; text-decoration:none; padding:10px 50px 10px 25px; font-size:18px;
}

/* Main Section */
.main-section-left{width:32%; float:left; margin-top: 50px;}
.main-section-left:first-child{width:68%; float:left;}
.main-section-left:last-child{}
.main-section-left > a{width:100%; height:auto; position:relative; float:left; background-size:auto 100%; background-position:center center; transition: all 0.5s ease-in-out;}
.main-section-left div.transparent{width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.2)}
.main-section-left > a:first-child{
	/*background-image:url('http://www.euromedya.com.tr/capital/tasarim/g.png');*/
	margin:0;
	height:350px;
}
.main-section-left > a:first-child span{
	position:absolute; left:50px; color:#fff; top:50px; font-size:30px;
}
.main-section-left > a:first-child::before{
	position:absolute; width:1px; height:160px; background-color:#fff; content:' '; left:20px; top:10px;
}
.main-section-left > a:first-child::after{
	position:absolute; width:90%; height:1px; background-color:#fff; content:' '; left:10px; top:20px;
}
.main-section-right{width:67%; float:left; margin-left:3%;}
.main-section-left > a:hover{
	background-size:auto 120%;
	text-decoration:none;
}

/* Useful Links */
.useful-links-title{
	text-align: center; font-size: 32px; font-family: sans-serif; color: #555; margin-bottom: 50px;
	position: relative; display: flex; align-content: center; vertical-align: center;
}
.useful-links-title span{
	position: absolute;
	background-color: #e7ebee;
	left:40%; top:-10px;
	padding: 0 20px;
}
.useful-links-title:before{
	width: 100%; height: 1px; border-bottom: 1px solid #333; position: absolute; content: ''; left: 0; top:50%;
}

/* Sertifikalar */
table.sertifikalar,
table.sertifikalar tbody,
table.sertifikalar thead,
table.sertifikalar tbody tr{width: 100%; height: auto; display: block; float: left;}
table.sertifikalar tbody tr td{width: 30%; height: auto; display: block; float: left; margin: 10px 0; text-align: center;}
table.sertifikalar tbody tr td a{width: 80%; height: auto; display: block; float: left; margin: 0 10%; text-align: center; border: none; text-decoration: none}
table.sertifikalar tbody tr td img{width: 100% !important; height: auto !important; display: block; float: left; text-align: center; border: none; text-decoration: none}

.uretim-resim{
	background-size: auto 100%; background-position: center center; background-repeat: no-repeat;
	width: 15%;
	height: 150px;
	border-radius: 4px;
	position: relative;
	float: left;}

/* Mobile Sidebar */
div.pc{width:100%; float:left;}
div.mobil-sidebar{display:none; position:fixed; width:6%; height:100%; right:0; background-color:#373d40; z-index:45;}
div.mobil-sidebar .box-glow{text-align:center;color:#fff;}
div.mobil-sidebar .mobil-nav-ikon{padding-bottom:50px; float:left; background-color:#1b3483;}
div.mobil-sidebar .mobil-nav-ikon .close{opacity: 1 !important; text-shadow: none;}
div.mobil-sidebar .mobil-nav-ikon a{width:100%; height:auto; display:block; float:left; text-decoration:none; text-align:center; cursor:pointer; color:#fff;}
div.mobil-sidebar .mobil-nav-ikon a span{width:70%; height:5px; margin-left:15%; margin-top:20px; display:block; background-color:#46535b; border-radius:10px; float:left;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}
div.mobil-sidebar .mobil-nav-ikon a span:before{content:' ';width:100%; height:5px; margin-top:-10px; display:block; background-color:#46535b; border-radius:10px; float:left;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}
div.mobil-sidebar .mobil-nav-ikon a span:after{content:' ';width:100%; height:5px; margin-top:-10px; display:block; background-color:#46535b; border-radius:10px; float:left;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}
div.mobil-sidebar .mobil-nav-ikon a label{font-size:18px; float:left; margin-top:50px;
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);}
div.mobil-sidebar .mobil-nav-ikon a.open span:after{ background-color:#1b3483;}
div.mobil-sidebar .mobil-nav-ikon a.open span:before{transform: rotate(-90deg); margin-top:0;}
div.mobil-sidebar .mobil-nav-ikon a.open span{transform: rotate(45deg);}

div.mobil-sidebar .mail{color:#d8bba3; height:45px;}
div.mobil-sidebar .mail a{color:#d8bba3; font-size:28px;}


.mobil-sidebar .quick-buttons ul{width:100%; float:right; margin:20px 0 0 0; padding:0; list-style:none;}
.mobil-sidebar .quick-buttons ul li{float:left; margin:0; margin:7px 0; width:100%;}
.mobil-sidebar .quick-buttons ul li a{width:100%; float:left; color:#fff; border:none; text-decoration:none; padding:4px 0; border-radius:4px; text-align:center;}
.mobil-sidebar .quick-buttons ul li a i{font-size:1.5em;}

.mobil-sidebar .social{bottom:15px; position:absolute;}
.mobil-sidebar .social ul{float:right; margin:0; padding:0; list-style:none; bottom:0;}
.mobil-sidebar .social ul li{float:left; margin:0; margin:7px 0; width:100%;}
.mobil-sidebar .social ul li a{color:#fff; border:none; text-decoration:none; padding:4px 7px; border-radius:4px;}
.mobil-sidebar .social ul li a i{font-size:1.7em;}


/*div.pc header{display:none;}*/

div#mobil-nav{position:fixed; width:30%; right:-100%; height:100%; background-color:#49565b;display:none; z-index:42;
	-webkit-box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
	-moz-box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
	box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);

	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);

}
div#mobil-nav ul{list-style:none; margin:0; padding:0;}
div#mobil-nav ul li{width:100%; height:auto; float:left; border-bottom:1px dashed #a0b3b3;}
div#mobil-nav ul li:last-child{border-bottom:none;}
div#mobil-nav ul li a{width:100%; height:auto; float:left; text-decoration:none; color:#e8e7dd; /*font-size:18px;*/ text-align:center; padding:10px 0;}
div#mobil-nav ul li:hover > a,
div#mobil-nav ul li a.active{background-color:#1b3483;color:#fff;}

div#mobil-search-page{position:fixed; width:94%; right:-100%; height:100%; background-color:#49565b;display:none; z-index:42;
	-webkit-box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
	-moz-box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);
	box-shadow: inset -1px 0px 20px 0px rgba(255,255,255,0.59);

	transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1);

	color:#fff;

}
div#mobil-search-page .inner{width:80%; float:left;}
div#mobil-search-page .inner p{color:#fff;}
div#mobil-search-page .urun-arama input{
	width:95%;
	border-radius: 20px;
	font-size: 0.9em;
	height: 35px;
	margin: 0;
	border: 1px solid #fff;
	background: none;
	padding: 6px 12px;
	color:#fff;
	outline: none;
}
div#mobil-search-page .urun-arama input::placeholder { color: #fff !important; opacity: 1; font-size:14px; }
div#mobil-search-page .urun-arama input:-ms-input-placeholder { color: #fff !important; font-size:14px; }
div#mobil-search-page .urun-arama input::-ms-input-placeholder { color: #fff !important; font-size:14px;}
div#mobil-search-page .urun-arama button{float: right; line-height: 35px;}
div#mobil-search-page .title{color:#fff; font-size:22px; border-bottom:1px dashed #fff; padding:0 0 10px 0; margin:0 0 10px 0;}
div#mobil-search-page .kapat{color:#fff; font-size:18px; margin:20px 0 0 0; text-decoration:none; float:left;}

.mobil-horizantal-bar{display: none;}

.sliderLinkActive *{
	cursor: pointer !important;
}

.main-references{
	padding: 50px 0 !important;
}

div#headerLang{
	color:#fff; font-weight:300; font-size: 16px;
	line-height:36px;
	position:relative;
	cursor:pointer;
	z-index:100;
	float: right;
	margin: 0 0 0 20px;
}


div#headerLang:after{
	font-family: FontAwesome;
	content: "\f0d7";
	font-size: 10px;
	position: absolute;
	top: 0;
	right: -10px;
}

div#headerLang ul{
	position: absolute;
	width:100px; height:auto; left:0; top:0;
	list-style:none; margin:0; padding:0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	transition: 250ms all;
	visibility:hidden;
}

div#headerLang:hover ul{
	visibility:visible; top:36px;
}

div#headerLang ul:after{
	content: '';
	position:absolute;
	left: 15px;
	top:-7px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #fff transparent;
}

div#headerLang ul li{
	width:100%; height:auto; display:block; float:left;
	border-bottom:1px solid #ddd;
}

div#headerLang ul li:first-child,
div#headerLang ul li:first-child a{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

div#headerLang ul li:last-child,
div#headerLang ul li:last-child a{
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

div#headerLang ul li a{
	width:100%; height:auto; display:block; float:left;
	background-color:#f1f1f1; color:#666;
	padding:2px 10px;
	text-decoration:none;
	font-weight: 500;
}

div#headerLang ul li:nth-child(odd) a{
	background-color:#fff;
}

div#headerLang ul li a:hover{
	background-color:#ddd;
}

ul.other_product_list{margin: 0; padding: 0; list-style-type: none;}
ul.other_product_list_two{width:50%; float:left;}
ul.other_product_list > li{display: flex; flex-direction: row; justify-content: space-between; align-items: center; color:#333; border-bottom:1px solid #ddd; height: 40px; box-sizing: border-box; padding-left: 10px;}
ul.other_product_list > li:nth-child(even){background-color:#f9f9f9;}
ul.other_product_list > li:hover{background-color:#ececec;}
ul.other_product_list > li a{color:#333;}
ul.other_product_list > li > .product_list_other{display: flex; flex-direction: row; gap:10px;}
ul.other_product_list > li > .product_list_other > div{display: flex; flex-direction: row; justify-items: center; gap:10px;}
ul.other_product_list > li > .product_list_other > div a{border-radius:100px;border:1px dashed #333; padding: 0 15px; height: fit-content;}
ul.other_product_list > li > .product_list_other > div.sepete_ekle a{border-color:#f44336; color:#f44336;}
ul.other_product_list > li > .product_list_other > div.docs a{border:none; color:#f44336; font-size: 30px; padding:0 5px;}

ul.product_list{margin: 0; padding: 0; list-style-type: none;}
ul.product_list > li{display: flex; flex-direction: row; justify-content: space-between; align-items: center; color:#333; border-bottom:1px solid #ddd; height: 40px; box-sizing: border-box; padding-left: 10px;}
ul.product_list > li:nth-child(even){background-color:#f9f9f9;}
ul.product_list > li:hover{background-color:#ececec;}
ul.product_list > li a{color:#333;}
ul.product_list > li > .product_list_other{display: flex; flex-direction: row; gap:10px;}
ul.product_list > li > .product_list_other > div{display: flex; flex-direction: row; justify-items: center; gap:10px;}
ul.product_list > li > .product_list_other > div a{border-radius:100px;border:1px dashed #333; padding: 0 15px; height: fit-content;}
ul.product_list > li > .product_list_other > div.sepete_ekle{width:190px; justify-content: flex-end;}
ul.product_list > li > .product_list_other > div.sepete_ekle a{border-color:#f44336; color:#f44336;}
ul.product_list > li > .product_list_other > div.docs a{border:none; color:#f44336; font-size: 30px; padding:0 5px;}


div#bilgi_formlari div{margin:10px 0;}
div#bilgi_formlari div a{width:90%; margin:0 5%; float:left; text-align:center; color:#000; /*border:1px dashed #000;*/ border-radius:100px; padding:12px 0; text-decoration:none; font-size:14px; gap:10px;}
div#bilgi_formlari div a:hover{color:#1b3483; border:1px dashed #1b3483;}
.product-files a i{color:red; font-size:20px;}

.menu_html_content{width:30%; height: 100%; float: left; background: #f7f8f8; position: absolute; right: 0; top: 0; box-sizing: border-box; padding: 10px; color:#333; font-size:12px; line-height: 14px !important;}
.menu_html_content ul{
	list-style: none; margin: 0; padding: 0;
	float: left; width:100%; height: auto;
}
.menu_html_content img{width: auto; height: auto; max-width: 100%; float: left; margin:20px 0;}

.menu_html_content ul li{float: left; width:100%; height: auto; border:none !important; font-size:13px !important; font-weight: 400 !important; margin-bottom: 10px;}
.menu_html_content ul li a{float: left; width:100%; height: auto; position: relative; box-sizing: border-box; border:none !important; padding: 0 0 0 10px !important; font-size:13px !important; font-weight: 400 !important; color:#777 !important; line-height: 19px;}
.menu_html_content ul li a:before{content: "\f0da"; color: #005E9E; font: normal normal normal 14px/1 FontAwesome; margin-right:10px; border:none !important;
	position: absolute;
	left: 0;
	top: 5px;
}
.menu_html_content h3{
	box-sizing: border-box;
	font-family: Roboto, sans-serif;
	line-height: 1.1; color: rgb(73, 150, 209);
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 20px;
	border-bottom: 1px solid rgb(73, 150, 209);
	padding-bottom: 7px;
}
.menuler_liste{width: 70%; float: left;}

.kategori_aciklama{
	font-family: Roboto, sans-serif;
	font-size:18px; line-height: 24px; color: #3c3c3c; font-weight: 400;
}

.kategori_aciklama .page-title{font-size:30px; color:#1b3483;}
.kategori_aciklama h2.seoh3,
.kategori_aciklama h3{font-size:26px; color:#1b3483; margin: 0; font-weight: 400; text-transform: initial !important;}
.kategori_aciklama div,
.kategori_aciklama img{max-width: 100% !important;}
.kategori_aciklama .row{
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.kategori_aciklama .frame-type-html iframe{margin-right: 200px; float: left;}
.kategori_aciklama ul.list-checks{list-style: none; width: 100%; height: auto; float: left; padding: 0 !important;}
.kategori_aciklama ul.list-checks::marker{display: none;}
.kategori_aciklama ul.list-checks li{width: 100%; height: auto; float: left; position: relative; box-sizing: border-box; padding-left: 20px; margin-bottom:5px;}
.kategori_aciklama ul.list-checks li::before{content: "\f0da"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 0; top: 5px; color:#1b3483; font-size:20px;}
.kategori_aciklama .frame.frame-default{float:left; width:100%;}
.kategori_aciklama .row-list h3{font-size:20px !important; font-weight: 500; margin-bottom: 10px;}
.kategori_aciklama .frame.frame-default.frame-type-text.frame-layout-0 h4{font-size:20px !important; font-weight: 500; margin:15px 0;}

.referans_img{width:19%; height:120px; float: left; margin: 5px; border:1px solid #ddd; box-sizing: border-box; padding: 5px; background-repeat: no-repeat; background-size: contain; background-position: center center; 
	/* filter: grayscale(100%); */
}
.referans_img img{width:100%; float: left;}
.referans_img a{border:none; background-color:transparent !important;}


.main-tanitim-filmi{
	/*background-image: url('https://www.camglass.com.tr/assets/frontend/uploads/3cc7993d2dd7908ac5db9432e99c39b1.jpg');*/
	background-image: url('../images/film_bg.jpg');
	background-size: cover; background-repeat: no-repeat; background-position: center center;
	position: relative; height: 400px;
	overflow: hidden;
}
.main-tanitim-filmi .content-center{height: 400px; z-index: 2; position: relative;}
.main-tanitim-filmi::before{
	width: 100%; height: 100%;
	position: absolute; left: 0; top:0; background:rgba(0,0,0,0.6);
	content: ' '; z-index: 1;
}
.main-tanitim-filmi::after{
	clip-path: polygon(0 60%, 0 100%, 100% 100%);
	content: ' ';
	position: absolute;
	left: 0;
	bottom:0;
	z-index: 10;
	width: 50%; height: 75%;
	background-color: #eee;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a099+0,00ede5+50,00a099+100 */
	background: #1b3281; /* Old browsers */
	background: -moz-linear-gradient(left,  #1b3281 0%, #00adef 50%, #1b3281 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #1b3281 0%,#00adef 50%,#1b3281 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1b3281 0%,#00adef 50%,#1b3281 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3281', endColorstr='#00adef',GradientType=1 ); /* IE6-9 */

	/* background: rgb(27,50,129); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(27,50,129,1) 0%, rgba(0,173,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3281', endColorstr='#00adef',GradientType=1 ); /* IE6-9 */

}
.main-tanitim-filmi .play_icon{
	width: 500px; height: 500px;
	position: absolute; top:-50px; right:10%;
	background-image: url('../images/play.png');
	background-repeat: no-repeat; background-position: center center; background-size: auto 100%;
}
div.main-tanitim-filmi:hover .play_icon{
	transition: all 0.5s ease-in-out;
	background-size: auto 60%;
}
div.main-tanitim-filmi:not( :hover ) .play_icon{

	background-size: auto 100%;
	transition: all 0.5s ease-in-out;
}

div.main-tanitim-filmi .main-tanitim-filmi-icerik{
	width: 50%; height: auto; float: left; margin-top:5%;
	padding-left: 100px; box-sizing: border-box;
}

div.main-tanitim-filmi .baslik{
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	font-size: 5vw;
	letter-spacing: -0.2vw;
	line-height: 5vw;
	color: rgba(255, 255, 255, 0.8);
	float:left;
	margin-bottom:30px;
}

div.main-tanitim-filmi .desc{
	font-family: 'Roboto',sans-serif;
	font-weight: 400;
	font-size: 1vw;
	color:#fff;
	float:left;
	width: 100%;
}




.main_referans_alani{
	position: relative;
	padding: 50px 0;
}
.main_referans_alani::before{
	clip-path: polygon(100% 20%, 0 49%, 100% 80%);
	content: ' ';
	position: absolute;
	right: 0;
	top:-39%;
	z-index: 10;
	width: 50%; height: 80%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#28343b+0,828c95+64,b5bdc8+100 */
	background: rgb(40,52,59); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(40,52,59,1) 0%, rgba(130,140,149,1) 64%, rgba(181,189,200,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 ); /* IE6-9 */
}

.main_referans_alani::after{
	clip-path: polygon(0 0, 0 40%, 100% 0);
	content: ' ';
	position: absolute;
	left: 0;
	top:0;
	z-index: 10;
	width: 50%; height: 50%;
	background-color: #eee;

}

.main_product{
	width:95%; height: 290px;
	background-color:#fff;
	border:1px solid #f0f0f0;
	box-sizing:border-box;
	display:flex;
	gap:5px;
	flex-direction:column;
	border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
}

.main_product div{
	box-sizing:border-box;
	padding:0 10px;
}

.main_product:hover{
	border-color:#ddd;
}

.main_product:hover .mp_image{
	background-size:110% auto;
}

.main_product .mp_image{
	height:170px;
	background-position:center center;
	background-size:100% auto;
	background-repeat:no-repeat;
	transition:300ms all;
}
.main_product .mp_name{
	height:45px;
	display:flex; align-items:center; justify-content:center;
	font-family: Roboto, sans-serif;
	color: #000; font-size: 14px; text-align: center;
}

.main_product .mp_category{
	display:flex; align-items:center; justify-content:center;
	font-family: 'Kalam', cursive; font-weight: 700; font-size:16px;
	color: #d10e10;
}
.main_product .mp_detail{
	display:flex; align-items:center; justify-content:center;
}
.main_product .mp_detail span{
	width:fit-content; color:#fff;
	padding:7px 10px; font-size:14px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b3281+0,00adef+100 */
background: rgb(27,50,129); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(27,50,129,1) 0%, rgba(0,173,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(27,50,129,1) 0%,rgba(0,173,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3281', endColorstr='#00adef',GradientType=1 ); /* IE6-9 */

}
@media only screen and (max-width:480px){
	.main_product{
		margin: 0 auto;
	}
}

.tabs-product .tab-content p strong{
	color:#1b3281; font-size:16px; font-weight: 700;
}


.media{width:100%; height: auto; float:left;}
.media iframe{width:100%; height: auto; min-height: 600px; float:left; border:none;}