html{ overflow-x:hidden}
body{font-size:15px;background-color:#EEEEEE}
a,p,div{font-family: 'Carrois Gothic', sans-serif;;font-size:16px; line-height:18px}
p{width:95%;text-shadow:0 1px 1px #fff;/*line-height:1.2*/;margin:2rem auto}
a,a:visited{color:#1a4a6;atext-shadow:none}
img{ border:none !important; border:0 !important}
.space1px {  clear:both; float:none; height:1px	}
.space5px {  clear:both; float:none; height:5px	}
.space10px {  clear:both; float:none; height:10px	}
.space15px {  clear:both; float:none; height:15px	}
.space20px {  clear:both; float:none; height:20px	}
.space50px {  clear:both; float:none; height:50px	}
.space60px {  clear:both; float:none; height:60px	}
ul li { display: inline; }
.opacity90{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9}
.opacity60{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}
.opacity50{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
.opacity40{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4}

#home {display:table; width:100%}
#baslik{width:1000px; height:auto;overflow: hidden; margin:80px auto auto auto; font-size:77px; line-height:77px; color:#004B8D;text-shadow:2px 2px 2px #FFF}
#sahne{ width:1000px; height:auto; min-height:555px; overflow: hidden;margin:20px auto;background: url('../images/beyazalpha80.png') repeat 0 0;
border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;}

.bar{ width:98%; height:65px; /* padding:25px 0 25px 0;*/ margin:7px 0 0 4px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;color:#004B8D; font-size:24px;
background: #C9C9C9;
background: -moz-linear-gradient(top,  #C9C9C9 0%, #f3f3f3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C9C9C9), color-stop(100%,#f3f3f3));
background: -webkit-linear-gradient(top,  #C9C9C9 0%,#f3f3f3 100%);
background: -o-linear-gradient(top,  #C9C9C9 0%,#f3f3f3 100%);
background: -ms-linear-gradient(top,  #C9C9C9 0%,#f3f3f3 100%);
background: linear-gradient(to bottom,  #C9C9C9 0%,#f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C9C9C9', endColorstr='#f3f3f3',GradientType=0 );
}
#m1 { margin-top:30px !important}
.sayi { float:left;background-color:#004B8D; color:#FFF; height:45px; width:60px; font-size:40px; text-align:center; padding-top:20px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.sayi span { margin-top:40px}
.text { float:left;color:#004B8D;text-align:left;padding:23px 20px; font-size:30px}
.text span { color:#F00}
.icerik { margin:10px 0 0px 10px; padding:20px; overflow:hidden}

.click{ float:left; margin:5px 20px 10px 0; text-decoration:none;color:#004B8D; padding:2px; background-color:#FDBB28; width:166px;cursor:pointer;
background-color:#fff; text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
-moz-box-shadow:0 3px 10px #005596;-webkit-box-shadow:0 3px 10px #005596;box-shadow:0 3px 10px #005596;}
.click:hover{ color:#fff;
background: #a6cae9;
background: -moz-linear-gradient(top,  #a6cae9 0%, #3c668c 65%, #004b8d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6cae9), color-stop(65%,#3c668c), color-stop(100%,#004b8d));
background: -webkit-linear-gradient(top,  #a6cae9 0%,#3c668c 65%,#004b8d 100%);
background: -o-linear-gradient(top,  #a6cae9 0%,#3c668c 65%,#004b8d 100%);
background: -ms-linear-gradient(top,  #a6cae9 0%,#3c668c 65%,#004b8d 100%);
background: linear-gradient(to bottom,  #a6cae9 0%,#3c668c 65%,#004b8d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6cae9', endColorstr='#004b8d',GradientType=0 );
}
	.click p{  font-size:20px; line-height:21px}

#c2 .click, #c3 .click { width:290px; height:260px; padding:6px 2px;}
#c2 .click p, #c3 .click p { margin-top:25px}
#c3 .click{ color:#fff; width:99%; height:auto; overflow:hidden; cursor: default;
background: #b9d3e8;
background: -moz-linear-gradient(top,  #b9d3e8 0%, #60a2d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9d3e8), color-stop(100%,#60a2d1));
background: -webkit-linear-gradient(top,  #b9d3e8 0%,#60a2d1 100%);
background: -o-linear-gradient(top,  #b9d3e8 0%,#60a2d1 100%);
background: -ms-linear-gradient(top,  #b9d3e8 0%,#60a2d1 100%);
background: linear-gradient(to bottom,  #b9d3e8 0%,#60a2d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9d3e8', endColorstr='#60a2d1',GradientType=0 );
}
#c2, #c3 {display:none}
#c2 .click, #c3 .click {display:none}
.social-butons { float:left; width:310px; height:50px; margin:5px 0 10px 0}
.social-butons2 {width:99%; height:auto; margin:10px 0 10px 0; text-align:center}
.social-butons2Q { float:left; width:155px; height:50px; margin:25px 0 10px 0}
/*------------------------  BASE-REM SIZING  */
@media (max-width: 1160px) {
	a,p,div, .text{font-size:22px; line-height:22px}
	#baslik, #sahne{width:90%; margin-top:20px}
	#baslik img{width:100%;}
	#baslik{font-size:66px; line-height:66px;}
	.click{ width:99%; margin-right:15px !important}
	#c2 .click, #c3 .click{ width:99%;}
	p{margin:1rem auto}
	.social-butons { width:195px;}
}
@media (max-width: 1040px) {
	a,p,div, .text{font-size:22px; line-height:22px}
	#baslik, #sahne{width:90%; margin-top:20px}
	#baslik img{width:100%;}
	#baslik{font-size:55px; line-height:55px;}
	.click{ width:99%; margin-right:15px !important}
	p{margin:1rem auto}
	.social-butons { width:195px;}
}
@media (max-width: 920px) {
	a,p,div, .text{font-size:22px; line-height:22px}
	#baslik, #sahne{width:90%; margin-top:20px}
	#baslik img{width:100%;}
	#baslik{font-size:44px; line-height:44px;}
	.click{ width:99%; margin-right:15px !important}
	p{margin:1rem auto}
	.social-butons { width:195px;}
}
@media (max-width: 800px) {
	a,p,div, .text{font-size:15px; line-height:15px}
	#baslik, #sahne{width:90%; margin-top:20px}
	#baslik img{width:100%;}
	#baslik{font-size:33px; line-height:33px;}
	.click{ width:99%; margin-right:15px !important}
	#c2 .click, #c3 .click{ width:99%;}
	p{margin:1rem auto}
	.social-butons { width:195px;}
}
@media (max-width: 680px) {
	a,p,div, .text{font-size:15px; line-height:15px}
	#baslik, #sahne{width:90%; margin-top:20px}
	#baslik img{width:100%;}
	#baslik{font-size:22px; line-height:22px;}
	.click{ width:99%; margin-right:15px !important}
	#c2 .click, #c3 .click{ width:99%;}
	p{margin:1rem auto}
	.social-butons { width:195px;}
}
@media (max-width: 560px) {
	a,p,div, .text{font-size:15px; line-height:15px}
	#baslik, #sahne{width:90%; margin-top:20px}
	#baslik img{width:100%;}
	#baslik{font-size:22px; line-height:22px;}
	.click{ width:99%; margin-right:15px !important}
	#c2 .click, #c3 .click{ width:99%;}
	p{margin:1rem auto}
	.social-butons { width:170px;}
	.ozelmuamele{ width:60% !important;}
}
@media (max-width: 440px) {
	a,p,div, .text{font-size:13px; line-height:13px}
	#baslik, #sahne{width:90%; margin-top:20px}
	#baslik img{width:100%;}
	#baslik{font-size:18px; line-height:18px;}
	.click{ width:99%; margin-right:15px !important}
	#c2 .click, #c3 .click{ width:99%;}
	p{margin:1rem auto}
	.ozelmuamele{ width:60% !important;}
	.social-butons { width:100%;}
	#c3 .click .social-butons2 img { padding:10px}
	#c2 .click { width:100%; height:auto}
	#c2 .click img { width:95%}
}
@media (max-width: 320px) {
	a,p,div, .text{font-size:13px; line-height:13px}
	#baslik, #sahne{width:90%; margin-top:20px}
	#baslik img{width:100%;}
	#baslik{font-size:18px; line-height:18px;}
	.click{ width:99%; margin-right:15px !important}
	#c2 .click, #c3 .click{ width:99%;}
	p{margin:1rem auto}
	.ozelmuamele{ width:60% !important; padding:10px 20px}
	.social-butons { width:100%;}
	#c3 .click .social-butons2 img { padding:10px}
	#c2 .click { width:100%; height:auto}
	#c2 .click img { width:95%}
}