@charset "UTF-8";
/* CSS Document */

@media (max-width: 768px) 
{

.Container {
	padding: 30px 30px;
	}
	
.Container30 {
	display: block;
	float: none;
	width: 100%;
	min-height: auto;
	height: 300px;
	overflow: hidden;
	padding: 0px;
}

.Container70 {
	display: block;
	float: none;
	width: 100%;
	min-height: auto;
	padding: 50px 50px;
}


.NavigBarStandard { 
	height: auto;
	padding: 60px 30px 0px 30px;
	}

.Navig a {
	display: block;
	position: relative;
	margin: 0 0px 0 20px;
	padding: 6px 0;
}
	
.Navig img.Logo { 
	left:-30px;
	top:-50px;
	}
	
.NavigBarStandard #MobileMenu { 
	margin-bottom: 20px;
	}
	
.Navig .BoxIco {
	width: 20px;
	height: auto;
	right:10px;
	top:5px;
}

.Navig .BoxIco img.Ico {
	float: right;
	width: 18px;
	margin-left:0;
	margin-bottom: 5px;
}
	

.MobileDisplay {
	display: block;
}

.MobileNoDisplay {
	display: none;
}

.NavigMobileNoDisplay {
	display: none;
}


.BoxMainPhoto .TxtBox {
	right: 30px;
	bottom: 30px;
	max-width: 350px;
}


	
	
.BoxMainPhoto {
	height: 500px;
}

.BoxGreen h2 {
	font-size: 1.8em;
	line-height: 1.1em;
	margin-bottom:10px;
}

.BoxGreen h2 .Bigger {
	font-size: 1.4em;
	line-height: 1.1em;
}

.BoxGreen p {
	margin: 20px 30px 0 30px;
}

.BoxGreen .Circle {
	width: 120px;
	height: 120px;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	margin:4px;
}

.BoxGreen .CircleCenter {
  height: 120px;
  line-height: 120px;
  padding: 10px;
}

.BoxGreen .CircleCenter h3 {
	font-size: 1.05em;
}

.BoxGreen .Bubble1 {
	width: 25px;
	height: 25px;
	top:6px;
	left:-2px;
}

.BoxGreen .Bubble2 {
	width: 25px;
	height: 25px;
	top:98px;
	left:8px;
}

.BoxGreen .Bubble3 {
	width: 25px;
	height: 25px;top:6px;
	right:-3px;
}

.BoxGreen .Bubble4 {
	width: 25px;
	height: 25px;
	top:92px;
	right:0px;
}


.BoxStudy {
	height: 360px;
}


.BoxBlue p {
	margin: 0 0px 20px 0px;
}

.BoxBlue h2 {
	font-size: 1.8em;
	line-height: 1.1em;
	margin-bottom:10px;
}

.BoxBlue h2 .Bigger {
	font-size: 1.4em;
	line-height: 1.1em;
}

.BoxBlue .BoxIcoFlag {
	width: 70px;
	height: 90px;
}

.BoxBlue .BoxIcoFlag img {
	position: relative;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
}



.BoxBlue .BoxTxt {
	width: 70px;
	height: 70px;
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
}


.BoxBlue .Center {
	width: 70px;
	height: 70px;
	line-height: 70px;
}

.BoxBlue .Center .Txt {
	font-size: 1.15em;
}

.BoxRed p {
	margin: 0 0px 20px 0px;
}

.BoxRed h2 {
	font-size: 1.8em;
	line-height: 1.1em;
	margin-bottom:10px;
}

.BoxRed h2 .Bigger {
	font-size: 1.4em;
	line-height: 1.1em;
}


.BoxGray h2 {
	font-size: 1.8em;
	line-height: 1.1em;
	margin-bottom:10px;
}

.BoxGray h2 .Bigger {
	font-size: 1.4em;
	line-height: 1.1em;
}

.BoxGray p {
	margin: 0px 20px;
}

.BoxSPWhiteFirst {
	padding-top: 120px;
}

.BoxSPWhite p {
	margin: 0 20px;
	}

.BoxSPWhite h1 {
	font-size: 1.8em;
	line-height: 1.1em;
}

.BoxSPWhite h1 .Bigger {
	font-size: 1.4em;
	line-height: 1.1em;
}

.BoxSPWhite h2 {
	font-size: 1.4em;
	line-height: 1.1em;
}


.BoxSPSkills h2 {
	font-size: 1.8em;
	line-height: 1.1em;
}

.BoxSPSkills h2 .Bigger {
	font-size: 1.4em;
	line-height: 1.1em;
}

.BoxSPTest h2 {
	font-size: 1.8em;
	line-height: 1.1em;
}

.BoxSPTest h2 .Bigger {
	font-size: 1.4em;
	line-height: 1.1em;
}

.BoxSPOffer h2 {
	font-size: 1.8em;
	line-height: 1.1em;
}

.BoxSPOffer h2 .Bigger {
	font-size: 1.4em;
	line-height: 1.1em;
}

.BoxSPOffer p  {
	font-size: 1.2em;
	line-height: 1.1em;
	margin-bottom: 15px;
}

.BoxSPTest .Arrow {
	display: block;
	width:auto; 
	height: 60px; 
	background: url(../img/ArrowReportBottom.png) no-repeat center center;
}

.BoxStudy .CircleMain p {
	line-height: 1.1em;
	font-size: 0.9em;
}

.BoxBubblePhoto .BgrContainer {
	margin: -30px 0;
}

label {
	margin-top: 20px;
	width: auto;
	display: block;
	text-align: center;
	margin-right: 0;
	margin-left: 0;
}


	
}