@import 'reset.css';

html{overflow-x: hidden}

.homeArea{background:url(../images/home_bg.png) no-repeat top center;padding-top: 150px}
.bizi-taniyin{background: url(../images/bizi_taniyin_bg.png) no-repeat top center;padding-top: 150px;height: 1050px;}
.olcme-degerlendirme{background:url(../images/olcmedegerlendirme_bg.png) no-repeat top center;padding-top: 150px;height: 1050px;}
.otherArea{background:url(../images/other-bg.png) no-repeat top center;padding-top: 280px;}

	.header{padding-top:25px;position:absolute;width:100%;z-index:1}
	.headerHome{padding-top:25px;position:absolute;width:100%;z-index:1}
	
		.headerLeft{float:left;width:30%;}
		.headerRight{float:right;width:70%;}
			.loginArea{float:right;margin-bottom: 10px}
			.loginArea a{float:left;font:normal 17px treeD;margin-right:7px}
				
				.socialMedia:hover{transform:rotate(360deg);transition:transform 0.2s}
				
				.online-satis{background: url(../images/online-satis-bg.png) no-repeat center center;padding:6px 15px;color:#fff}
				.online-satis:hover{color:#f4a31a}
				.bayi-girisi{background: url(../images/bayi-giris-bg.png) no-repeat center center;padding:6px 20px;color:#1b2f77}
				.bayi-girisi:hover{color:#fff}
			
			.menu{float:right;margin-top: 15px;margin-right:7px}
			.menu ul{}
			.menu ul li{float:left}
				.menu ul li .dropdown .dropbtn {
					font: normal 21px treeD;
					color: #1b2f77;
					margin-left: 15px
				}
			.menu ul li a{font:normal 21px treeD;color:#1b2f77;margin-left:15px}
			.menu ul li a:hover{color:#f4a31a;}
			.menu ul li a.selected{background:url(../images/menu-selected.png) no-repeat center center;color:#fff;padding:20px;background-size:contain}
			
	.homeSlogan{text-align:center;transform:rotate(-3deg);margin-bottom:38px}
	.homeSlogan span{text-align:center;font:normal 56px treeD;}		
	
	.homeLink{text-align: center;margin-bottom: 30px}
	.homeLink ul li{background:url(../images/linkler-bg.png) no-repeat center center;width:318px;height: 140px;display:inline-block;}
	.homeLink ul li a h1{color:#1b2f77;font:normal 35px treeD;transform:rotate(-3deg) }
	.homeLink ul li img{display:inline;margin-top: 15px}
	.homeLink ul li:first-child a h1{color:#4c9d2a}
	.homeLink ul li:nth-child(3) a h1{color:#f7b11f}
	.homeLink ul li:nth-child(4) a h1{color:#F36296}

.homeSocialArea{background:#fff;height:500px;margin-bottom:50px}

.homeBottom{}
.homeBottom div{width:33.3%;float:left;font-family:capture2}
.homeBottom div img{display:inline;margin:10px 0 13px 20px;}
.homeBottom div h1{font-size:16px;margin-left:30px;margin-bottom:5px}
.homeBottom div p{font-size:13px;color:#000;margin-left: 30px;margin-right:15px}
	.leftDiv{background:url(../images/homeBottomLeftDiv.png) no-repeat top center;height:333px;}
	.centerDiv{background:url(../images/homeBottomCenterDiv.png) no-repeat top center;height:333px;}
		.centerDiv h1{color:#4b9d2a}
	.rightDiv{background:url(../images/homeBottomRightDiv.png) no-repeat top center;height:333px;}
		.rightDiv h1{color:#f6b221}


footer{position: relative}
.footerTop{background:url(../images/footer_bg.png) repeat-x center top;height: 75px;}
.footerCenter{background:#f0ebe4;padding-top:25px ;}
.footerCenter ul {width:18%;float:left;margin-right: 2%;text-align: center}
.footerCenter ul:last-child{margin-right: 0px !important;}
.footerCenter ul li{color:#1495ad;font:normal 30px treeD;}
.footerCenter ul li a{font:normal 16px capture2;color:#1495ad;}

.footerAreaM{display:none}

.footerLink{padding-bottom: 25px;}
.footerLink p{font:normal 15px gotham;color:#1495ad;float:left}	
.footerLink div{float:right;color:#1495ad}
.footerLink div a{font:normal 15px gotham;color:#1495ad;padding:0px 10px}

.pageArea{}

	.od{margin-top: 100px;margin-right:100px;text-align: center;font-family: gothic}
	.od h1{font-size:30px;margin-bottom: 15px}
	.od a{display: block;color:#1b2f77;font-size:22px;margin-bottom: 10px}
	
	.hakkimizda{margin-top: 75px;font:normal 19px gothic}
	.hakkimizda p{margin-bottom: 20px;line-height: 25px}
	.hakkimizda ul{margin-bottom: 15px}
	.hakkimizda ul li{margin-bottom: 3px}
	
	.referanslar{width:135% !important;margin-left:-45% !important;background: #fff;height: 580px;overflow-y:scroll;padding:5% 5% 0 5%;margin-right: 5px}
	.referanslar ul li{width:31%;margin:1%;float:left;border: 1px solid #ccc;text-align: center;padding-bottom: 1%}
	.referanslar ul li img{width:80%;display: inline;margin-bottom: 15px}
	.referanslar ul li b{display: block;font-size:15px;}
	.referanslar::-webkit-scrollbar{width: 10px;}
	.referanslar::-webkit-scrollbar-thumb{background: #000}
	.referanslar::-webkit-scrollbar-track{background:#fff}
	
	.iletisimBtn a{width:27% !important;background: url(../images/iletisim-tab.png) no-repeat center center;padding:21px 0px;}
	.iletisimBtn a.selected{background: url(../images/iletisim-tab-selected.png) no-repeat center center;color:#fff} 

	.dmBtn a{width:17% !important;background: url(../images/dm-tab.png) no-repeat center center;padding:30px 0px;}
	.dmBtn a.selected{background: url(../images/dm-tab-selected.png) no-repeat center center;color:#fff} 

	.other{width:100% !important;margin-left: 0% !important;margin-bottom: 3%}
		
		.otherTop{background: url(../images/other-page-top-bg.png) no-repeat top center;height: 55px;background-size:cover ;position:relative}
			
			.back{position:absolute;right:30px;top:20px;font:normal 25px gothic}
		
		.otherCenter{background: url(../images/other-page-center-bg.png) repeat top center;background-size:cover;margin: 0 7px;padding:2% 3%;position: relative}
		.otherCenter h1{background:url(../images/other-baslik.png) no-repeat center center;display: inline-block;font:normal 32px gothic;color:#fff;transform:rotate(-2deg);padding:8px 64px;margin-bottom:2%;}
			.merkez{font:normal 19px gothic;margin: 0 15%;}
			.merkez p{margin-bottom: 5px}
			.merkez p span{display: inline-block;width: 20%;color:#f6b221}
			.merkez p a{color:#1b2f77}	
			.merkez div{margin-bottom: 45px}
			
			.iletisimLeft{width:48%;float:left;padding-right:2%;}
				.iletisimText{margin-bottom: 32px}
				.iletisimText span{font:normal 18px gothic;color:#408f22;margin-bottom: 10px;display: block}
				.iletisimText p{font:normal 15px gothic;margin: 0 2% 0 0}
					
			.iletisimRight{width:50%;float:right}
		
			.satis-noktalari{}	
			.satis-noktalari ul{}
			.satis-noktalari ul li{width:16.4%;float:left;border:1px solid #ccc;background: #eee;padding:10px 0px;text-align: center}
			.satis-noktalari ul li:nth-child(2n-1){background: #fff}
			.satis-noktalari ul li a{font:normal 16px gothic;color:#1e428a;text-align: center}
		
			.site-haritasi ul li a{color:#1e428a;font:normal 25px gothic}
			
			.yasal-uyarilar p{font:normal 18px gothic;margin-bottom: 7px}
			
			.insan-kaynaklari{margin: 0 5%;font:normal 20px gothic}
			.insan-kaynaklari h1{padding:11px 23px;margin-left: -5%}	
			.insan-kaynaklari input{width:67%;border:1px solid #1b2f77;padding:5px 1%;}
			.insan-kaynaklari textarea{width:67%;border:1px solid #1b2f77;padding:5px 1%;resize: none}
			.insan-kaynaklari div div{margin-bottom: 10px}
			.insan-kaynaklari span{display: inline-block;width:30%;}
			.insan-kaynaklari button{float:right}
			.radio input{width:10%;}
			
			.fileupload{position:absolute;border:none !important;left:0px;opacity: 0;cursor: pointer}
			
			.kitapTur{width:70%;float:right;}
			.kitapTur input{width:14%;}
			.kitapTur b{display: block}
			
		.otherBottom{background: url(../images/other-page-bottom-bg.png) no-repeat bottom center;height: 55px;background-size:cover}
	
	.yayinlarimizHead h1{font:normal 40px gothic;background: url(../images/yayinlarimiz-head.png) no-repeat center left;transform:rotate(-5deg);color:#fff;padding:15px 25px;margin-bottom:60px;}
	
	.yayinSidebar{width:24%;float:left}
		.sidebarTop{background: url(../images/sidebar-top.png) no-repeat top center;height: 15px;background-size:cover }
		.sidebarCenter{background: #F6B220;padding:0 15px;}

		.sidebar a{color:#1b2f77}
		
		.sidebar .slide a{font:normal 30px capture2}
		.sidebar .slideContent{padding-left: 10px !important}
		.sidebar .slideContent a{font:normal 20px capture2;}
	
		.slideContent{display:none}




		.sidebarBottom{background: url(../images/sidebar_bottom.png) no-repeat bottom center;height: 15px;background-size:cover }
	
	.yayinArea{width:75%;float:right}
		.yayinTop{background: url(../images/other-page-top-bg.png) no-repeat top center;height: 55px;background-size:cover }
		.yayinCenter{background: url(../images/other-page-center-bg.png) repeat top center;background-size:cover;padding:2% 3%;}
		.yayinCenter ul{}
		.yayinCenter ul li{float:left;width:20%;margin: 0 1% 5% 1%;text-align: center;padding:3% 1%;perspective:500px;background-color: rgba(0, 181, 204, .2);}
		.yayinCenter ul li a{}
		.yayinCenter ul li a h1{display:-webkit-box;color:#1b2f77;font:normal 15px gothic;-webkit-line-clamp:2;-webkit-box-orient:vertical;height: 35px;overflow: hidden;margin-bottom:10px;}
		.yayinCenter ul li a img{display:inline;width:85%;transition:0.3s;transform:rotateY(35deg);position: relative;-webkit-box-shadow: -10px 10px 8px -2px rgba(6,55,61,1);-moz-box-shadow: -10px 10px 8px -2px rgba(6,55,61,1);box-shadow: -10px 10px 8px -2px rgba(6,55,61,1);height:150px !important;}
		.yayinCenter ul li a img:hover{transform:rotateY(-35deg);transition:0.3s;-webkit-box-shadow: 10px 10px 8px -2px rgba(6,55,61,1);-moz-box-shadow: 10px 10px 8px -2px rgba(6,55,61,1);box-shadow: 10px 10px 8px -2px rgba(6,55,61,1);}
	
		.yayinBottom{background: url(../images/other-page-bottom-bg.png) no-repeat bottom center;height: 55px;background-size:cover}
	
	.yayinDetails{}
		.yayinImgArea{width:40%;float:left}
		.yayinImgArea a{}
		.yayinDescArea{width:60%;float:right;position:relative}
		.yayinDescArea h2{font:normal 45px gothic;margin-bottom: 30px}
		.yayinDescArea span{color:#f6b221;font:normal 20px gothic;margin-bottom: 20px;display: block}
		.yayinDescArea p {font:normal 15px capture2;margin-bottom: 5px}
		
		

	.destek-merkezi{font:normal 19px gothic}
	.destek-merkezi p{margin-bottom: 20px;line-height: 25px}
	.destek-merkezi p a{color:#4c9d2a;}
	.destek-merkezi h2{color:#4c9d2a;;font-size:20px;}
	
	.talepFormu{width:100%;border:none;min-height: 700px}
	
	.timeline{}
	.timeline ul {}
	.timeline ul li{width:45%;margin:0 1% 1% 1%;background: #fff;border-radius: 5px;padding:15px;box-sizing: border-box;display: inline-block}
	
	
	.timeline ul li h1{font:normal 16px capture2;color:#1495ad;margin-bottom: 10px;text-align: center}
	.timeline ul li img{width:100%;}
	
	article { break-inside: avoid-column;margin-bottom: 1rem; padding: 20px;border-radius: 5px; background: #fff;}	
	article img{width:100%;}
	article h1{font:bold 12px verdana;text-align: center;margin-bottom: 10px;line-height: 20px;color:#707070}
	main {columns: 480px;column-gap: 20px;margin-bottom: 20px }
	
	.bayiList h1{font:normal 35px capture1;text-align:center;color:#1b2f77;margin-bottom:15px;display:inline-block}
	.bayiList select{float:right;background-color:#1b2f77;color:#fff;padding:10px;border:none;border-radius: 10px;width:20%;}
	.bayiList li{width:46%;border:3px solid #fff;float:left;margin-bottom:20px;position: relative;height:175px;overflow-y:scroll;padding:1%;background-color: #fff;border-radius: 10px;}
	.bayiList li:nth-child(2n+0){float:right;}
	.bayiList li h2{text-align:left;font:normal 20px capture1;margin: 10px 0 10px 10px}
	.bayiList li p b{color:#f6b221}
	.bayiList li p {text-align:left;line-height:24px !important;font:normal 16px capture2;margin-left: 10px;color:#1b2f77}

@media (max-width: 1200px) {

.bayilist{}
.bayiList select{width:100%;margin-bottom:25px;}

}

@media (max-width: 999px) {
	.dropdown .dropbtn {
		color: white !important;
		margin-left: 0px !important;
	}
	.dropdown-content a{
		color: #1b2f77 !important;
	}
	.menu ul li a:hover {
		color: #f4a31a !important;
	}
}

@media (max-width: 999px) {.wAuto{width: 98%;} }	

@media only screen and (min-width:568px) and (max-width: 999px) {

body::-webkit-scrollbar{width:0px}

.header{position:inherit;padding-top:0px;}
.headerHome{position:absolute;padding-top:0px;}

.headerRight{width:100%;}

	.menu .dropdown .dropbtn {
		width: 98%;
		text-align: center;
		padding: 0px;
		display: none;
		background: none;
		margin: 0px;
	/*	position: absolute;*/
		z-index: 1
	}
.menu{width:98%;text-align: center;padding:0px;display: none;background: none;margin:0px;position:absolute;z-index: 1}
	.menu ul li .dropdown .dropbtn {
		float: none;
		border: none;
		display: block;
		width: 100%;
		background: url(../images/mobil-menu-li.png) no-repeat top center;
	/*	margin-bottom: 5px;*/
		/*padding: 10px 0px;*/
	}

.menu ul li{float:none;border:none;display: block;width:100%;background:url(../images/mobil-menu-li.png) no-repeat top center;margin-bottom: 5px;padding:10px 0px;}
	.menu ul li .dropdown .dropbtn {
		font-size: 20px !important;
		margin-left: 0px !important;
		color: #fff !important
	} 
.menu ul li a{font-size:20px;margin-left: 0px;color:#fff} 
.mobilMenuArea{float:right;margin-top:60px;display:block;}
	.mobilMenuArea .dropdown .dropbtn {
		width: 40px;
		height: 8px;
		display: inline-block;
		background: url(../images/icon_menu.png) no-repeat center center;
		padding: 10px 0px
	}
.mobilMenuArea a{width:40px;height:8px;display:inline-block;background:url(../images/icon_menu.png) no-repeat center center;padding:10px 0px}
.mobilMenuArea a.cancelMode{background:url(../images/icon_cencel.png) no-repeat center center;width:48px;height:20px;display:inline-block;padding:0}
.mobilMenuArea:hover a{}

.loginArea{position:absolute;top:15px;right:0px;}

.homeSlogan{transform: none}

.homeLink ul li{width:32%;background-size: contain}

.homeBottom div{width:48%;margin:0 1%;background-size: contain}
.homeBottom div img{width: 80%;margin-left:40px;}

.footerCenter ul{}
.footerLink p{float:none;text-align: center;margin-bottom: 15px}
.footerLink div{float:none;text-align: center}

.otherCenter{margin:0px;}

.satis-noktalari ul li{width:24.6%;}

.merkez{margin:0 5%;}

.tabsBtn{display: inherit}
.tabsBtn a{vertical-align: middle;font-size:25px;background-size: contain;transform: none;width:22.9%;}
.tabsBtn a:last-child{float:inherit}
.tabsBtn a.selected{background-size:contain}

.ks{width:43.6% !important;}

.referanslar ul li{width:30.9%;}

.od{float:none !important;margin-right:inherit}

.footerArea{}
.footerAreaM{display:none !important}

.accordion{border:none !important;}
.accordion h2{cursor:pointer;font:normal 19px treeD;padding:10px 10px 10px 0px;color:#1A428A;font-weight: normal;border-bottom:1px solid #1A428A;}
.accordion h2 span{float:right;}
.accordion div{display:none;border:none !important;}	
.accordion div ul li a{padding-left:2%;}

.yayinImgArea img{width: 100%}

main {columns: 250px;column-gap: 20px;margin-bottom: 20px }

.bayiList li{width:97%;}
.bayiList li:nth-child(2n+0){float:none}


}
	
@media only screen and (min-width:200px) and (max-width: 567px) {	
	
body::-webkit-scrollbar{width:0px}
.bizi-taniyin{padding-top: 100px;height: 1100px;}
.homeArea{}

.header{position:inherit;padding-top:0px;}
.headerHome{position:absolute;padding-top:0px;background:url(../images/home_bg.png) no-repeat top center;background-position: top right}

.headerRight{width:100%;}

.menu{width:98%;text-align: center;padding:0px;display: none;background: none;margin:0px;position:absolute;z-index: 1}
.menu ul li{float:none;border:none;display: block;width:100%;background:url(../images/mobil-menu-li.png) no-repeat top center;margin-bottom: 5px;padding:10px 0px;}	
.menu ul li a{font-size:20px;margin-left: 0px;color:#fff} 
.menu ul li a.selected{background:none}
.mobilMenuArea{float:right;margin-top:30px;display:block;margin-right: 15px}
.mobilMenuArea a{width:40px;height:8px;display:inline-block;background:url(../images/icon_menu.png) no-repeat center center;padding:10px 0px}
.mobilMenuArea a.cancelMode{background:url(../images/icon_cencel.png) no-repeat center center;width:48px;height:20px;display:inline-block;padding:0}
.mobilMenuArea:hover a{}

.logo img{width:200%;}

.loginArea{text-align: center;width: 100%}
.loginArea a{float:none;margin-right: 3px}
.loginArea a img{display: inline;vertical-align: middle;}

.bannerArea{padding-top: 133px}

.homeSlogan{transform: none}

.homeLink{padding-bottom:30px}
.homeLink ul li{width:100%;background-size: contain}

.homeBottom div{width:98%;margin:0 1%;background-size: contain;text-align: center}
.homeBottom div img{width: 82%;margin-left:0px;}
.homeBottom div h1{text-align: left;margin-left: 60px}
.homeBottom div p{text-align: left;margin-left: 60px}

.footerCenter ul{margin-right:0px;width:auto;float:none}
.footerLink p{float:none;text-align: center;margin-bottom: 15px}
.footerLink div{float:none;text-align: center}

.otherCenter{margin:0px;}

.satis-noktalari ul li{width:48.9%;}

.merkez{margin:0 5%;}

.tabsArea{width:98%;margin:0 1%}
.tabsBtn{display: inherit}
.tabsBtn a{vertical-align: middle;font-size:25px;background-size: contain;transform: none;width:46.9%;}
.tabsBtn a:last-child{float:inherit}
.tabsBtn a.selected{background-size:contain}

.iletisimBtn a{display: block;width:100% !important;text-align: center}

	.iletisimLeft{width:100%;}
	.iletisimRight{width:100%;}

.ks{width:44.5% !important;}

.referanslar{width:90% !important;margin-left:0px !important}
.referanslar ul li{width:46.9%;}
.referanslar ul li b{height: 40px;vertical-align: middle}

.od{float:none !important;margin-right:inherit}

.footerArea{display:none}
.footerAreaM{display:block}

.accordion{border:none !important;}
.accordion h2{cursor:pointer;font:normal 19px treeD;padding:10px 10px 10px 0px;color:#1A428A;font-weight: normal;border-bottom:1px solid #1A428A;}
.accordion .last{border:none}
.accordion h2 span{float:right;}
.accordion div{display:none;border:none !important;}
.accordion div ul li a{padding-left:2%;font-family:gothic}

.yayinlarimizHead h1{transform: none}

.yayinSidebar{width:100%;}
.yayinArea{width:100%;}
	.yayinCenter ul li{width:48%;}

.yayinImgArea{width:100%;text-align: center;margin-bottom: 25px}
.yayinImgArea img{width: 100%;display: inline}

.otherLink{width:100% !important;}

.yayinDescArea{width:100%;}	

.insan-kaynaklari input{width:98%;}
.insan-kaynaklari textarea{width:98%;}
.insan-kaynaklari div div{margin-bottom: 10px}
.insan-kaynaklari span{display: inline-block;width:100%;}
main {columns: 400px;column-gap: 20px;margin-bottom: 20px }

.bayiList li{width:97%;}
.bayiList li:nth-child(2n+0){float:none}

.footerArea {display:none !important}

}