/* WEB DEVELOPER BY CAN YETIM */
html{width:100%; height:100%;}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('OpenSans-Semibold.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('OpenSans-SemiboldItalic.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('OpenSans.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('OpenSans-Italic.woff') format('woff');
}

.hiza {padding-left: 110px;}
body {background: url("../img/bg.png") no-repeat scroll center center transparent; background-size:100% 100%; color: #666666; font-family: 'open sans',arial,sans-serif; font-size: 13px;  line-height: 20px;}

h1 {}
h2 {color:#ff4946;}

#logo {height:100%;}
#logo a {background: url("../img/vitaminlogo.png") no-repeat scroll left  top transparent; background-size:100% auto; display: block; height: 75px; margin: 15px 0 0;  overflow: hidden;  text-indent: -9999px; max-width:265px;}
.whitetext {color: #FFFFFF; font-size: 26px; font-weight: bold;margin-top: 20px;}
.yellowtext {color: #FFCB23;font-size: 48px;font-weight: bold; height: 100%; line-height: 55px; margin-top: 20px;}

.column { float: left;}
.boxheight { height:100%; max-height: 362px;}
@media only screen and (max-height:720px){
h2 { font-size:15px; color:#ff4946;}
ul.select {margin-top: 35px; padding: 0;height: 285px !important;}
.boxheight { height:100%; max-height: 295px;}
.large-3 img{width:25% !important; height:auto;}
.desc { padding-left: 15px;  padding-right: 15px;  font-size: 13px !important;}
}
.boxwidth {margin: 0 13px 0 0;  width: 265px;}
.firstbox {margin-left: 0px!important;}

ul.select {margin-top: 35px; padding: 0;height: 352px;}
ul.select li { background-color: #f2f2f2; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25), 0 3px 4px rgba(0, 0, 0, 0.3); display: block; margin-bottom: 30px; text-align:center;}
ul.select li a.block { color: #666666 !important; display: block;  padding: 10px 0 0;  text-decoration: none;width:100%; height:100%;}
ul.select li:hover { background-color:#ffe462!important;}


.blackbant {background: url("../img/blackbant.png") repeat scroll left top transparent; position:absolute; bottom:0; right:0; width:100%;/*  height: 72px; margin-bottom: 50px; margin-top: 70px; */}
.blackbant #vittrinlogo { background: url("../img/vittrinlogo.png") no-repeat scroll left top transparent;  display: block;  height: 75px;  overflow: hidden;  text-indent: -9999px;  width: 300px; margin-right:95px;	float:right;}
.blackbant #vittrinlogo a {display: block; text-decoration: none;width:100%; height:100%;}



.okuloncesi {background: url("../img/agac-1.png") repeat scroll left top transparent;width:48px;height:44px;}
.ilkokul    {background: url("../img/agac-2.png") repeat scroll left top transparent;width:44px;height:62px;}
.ortaokul   {background: url("../img/agac-3.png") repeat scroll left top transparent;width:62px;height:86px;}
.lise       {background: url("../img/agac-4.png") repeat scroll left top transparent;width:94px;height:120px;}

.desc { padding-left: 15px;  padding-right: 15px;  font-size: 15px;}
.large-3 img{width:35%; height:auto;}