@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,200,100&subset=latin,cyrillic);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
	body {
		margin: 0;
		padding: 0;
		font-family: Roboto, sans-serif;
        font-weight: 300;
        font-size: 16px;
	}
	
	td {
	   border-bottom: 1px solid gray;
	   width: auto;
	   font-size: 14px;
	}
	
	input[type='checkbox'] {
		margin: 0px;
		padding: 0px;
		float: none;
		width: auto;
		height: auto;
	}
	
	input[type='radio'] {
		margin: 0px;
		padding: 0px;
		float: none;
		width: auto;
		height: auto;
	}

	.blur a{
		color:white;
		text-decoration: none;
	}
	.blur a:hover{
		color: white;
		text-decoration: underline;
	}
	
	a{
		color:black;
		text-decoration: none;
	}
	a:hover{
		color: black;
		text-decoration: underline;
	}
	
	a.index{
		color:white;
		text-decoration: none;
		border: 0px;
	}
	a:hover.index{
		color: white;
		text-decoration: underline;
		border: 0px;
	}
	
	.bgNav{
		background-image: url("../images/main_bg1.jpg");
		width: 100%;
	}
	
	p{
		font-family: Roboto, sans-serif;
		font-weight: 300;
		font-size: 16px;
	}
	
	teaxtarea{
		font-size: 16px;
	}
	
	.bottom{
		box-sizing: border-box;
		color:white;
		background-color:#35339A;
		background-color: #6C725C;
		width: 100%;
		padding: 10px 10% 10px 10%;
		height: auto;
		font-family: Roboto, sans-serif;
        font-weight: 300;
        font-size: 12px;
	}
	
	#summerCamp{
		box-sizing: border-box;
		padding: 10px 10% 25px 10%;
		background-color: white;
		width: 100%;
		height: auto;
		background: white; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(white, lightblue); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(white, lightblue); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(white, lightblue); /* For Firefox 3.6 to 15 */
		background: linear-gradient(white, lightblue); /* Standard syntax (must be last) */
	}
	
	#summerCamp h1{
		margin: 15px 15px 15px 0px;
    	padding: 0px;
    	font-family: Roboto, sans-serif;
        font-weight: 200;
        font-size: 20px;
	}
	
	#summerCamp p{
		margin: 15px 15px 15px 0px;
    	padding: 0px;
    	font-family: Roboto, sans-serif;
        font-weight: 200;
        font-size: 20px;
	}
	
	#summerCamp b{
		color:#35339A;
	}

	#section1{
		box-sizing: border-box;
		padding: 10px 10% 10px 10%;
		background-color: white;
		width: 100%;
		height: auto;
		overflow: auto;
		
	}

	#section2{
		box-sizing: border-box;
		padding: 20px 10% 55px 10%;
		background-color: #F5F5F5;
		width: 100%;
	}

	#section3{
		box-sizing: border-box;
		padding: 10px 5% 50px 5%;
		background-color: #9BC7E5;
		width: 100%;
		height: auto;
		overflow: auto;
	}

	#section2 .test {
        width: 100%;
        background-color: #F5F5F5;
        margin-bottom:5px;
    }
    
	.options{
		background-color: white;
		color: gray;
		margin-top: 1px;
		padding: 10px;
		border: none;
		box-sizing: border-box;
		font-size: 16px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.price{
		color: #35339A;
		font-weight: 400;
	}

    h1.scetions{
    	margin: 15px 15px 40px 0px;
    	padding: 0px;
    	font-family: Roboto, sans-serif;
        font-weight: 200;
        font-size: 35px;
    }
    
    h1.normal{
    	margin: 15px 15px 15px 0px;
    	padding: 0px;
    	font-family: Roboto, sans-serif;
        font-weight: 200;
        font-size: 28px;
    }
    
    h2{
	    color: gray;
	    font-family: Roboto, sans-serif;
        font-weight: 200;
        font-size: 28px;
    }
    
    .normalOrange{
	   	margin: 45px 15px 15px 0px;
    	padding: 0px;
    	font-family: Roboto, sans-serif;
        font-weight: 200;
        font-size: 28px;
        color: #35339A;
    }
    
     .error{
    	color:#35339A;
    	font-family: Roboto, sans-serif;
        font-weight: 300;
        font-size: 16px;
    }
    
    img.logo{
		width: 130px;
		height: auto;
		margin-bottom: 0px;
		margin-bottom: 0px;
    }
    
    #headline {
		box-sizing: border-box;
		padding: 40px 5% 50px 5%;
		background-image: url("../images/draft2.png");
		background-size: cover;
		height: auto;
		width: 100%;
		overflow: auto;
	}
	
	#headline #signIn {
		background-color: rgba(57,177, 164, 0.7);
		box-sizing: border-box;
		width: 100%;
		padding:15px;
		color: white;
    }
    
    .index,input{
	    width: 100%;
        font-size: 16px;
        font-weight: 200;
        padding: 7px;
        box-sizing: border-box;
        margin: 2px 0 5px 0;
        border-radius: 2px 2px 2px 2px;
        border: 1px solid #35339A;
        border: 1px solid gray;
    }
    
    input{
	    width: 100%;
        font-size: 16px;
        font-weight: 200;
        padding: 7px;
        box-sizing: border-box;
        margin: 2px 0 5px 0;
        border-radius: 2px 2px 2px 2px;
        border: 1px solid #35339A;
    }
    
    textarea{
	    width: 100%;
	    height: 200px;
        font-size: 16px;
        font-weight: 200;
        padding: 7px;
        box-sizing: border-box;
        margin: 2px 0 5px 0;
        border-radius: 2px 2px 2px 2px;
        border: 1px solid #35339A;
    }
 
    
    .button{
		background-color: #35339A;
		border-radius: 3px 3px 3px 3px;
		color: white;
		margin-top: 20px;
		padding: 10px;
		border: none;
		box-sizing: border-box;
		font-size: 16px;
		width: 100%;
	}
	.buttonMain{
		background-color: #35339A;
		border-radius: 3px 3px 3px 3px;
		color: white;
		margin-top: 20px;
		padding: 10px;
		border: none;
		box-sizing: border-box;
		font-size: 16px;
		width: 95%;
	}
	.button2{
		background-color: #35339A;
		border-radius: 3px 3px 3px 3px;
		color: white;
		margin-top: 10px;
		padding: 10px;
		border: none;
		box-sizing: border-box;
		font-size: 16px;
		width: auto;
		float: right;
	}
	
	select{
	    width: 100%;
        font-size: 16px;
        font-weight: 200;
        box-sizing: border-box;
        margin: 2px 0 5px 0;
        border-radius: 0px 0px 0px 0px;
        border: 1px solid #35339A;
        padding:7px;
        -webkit-appearance: none;
	   -moz-appearance: none;
	   appearance: none;
	   background-color: white;
	   color:gray;
    }
    
	.blur{
		float: left;
		background-color: rgba(57,177, 164, 0.7);
		color:white;
	    font-weight: 300;
		width:100%;
		height: auto;
		margin-bottom: 5px;
		padding:10px; 
		box-sizing: border-box;
		border-radius: 3px 3px 3px 3px;
	}
	.container {
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	
	.testimonialsWrap{
		overflow: auto;
		margin-bottom: 25px;
		width: 100%;
	}
	
	.testimonialsImg{	
		width:50%;
		height: auto;
		-webkit-align-content: center;
		align-content: center;
		margin-left: auto;
		margin-right: auto;	
	}
	
	.testimonialsDiv{
		width: 100%;
		height: auto;
	}
	
	.studentWrap{
		overflow: auto;
		margin-bottom: 25px;
		width: 100%;
	}
		
	.studentDiv{
		width: 100%;
		height: auto;
	}
	
	.h1Section{
		background-color: #35339A;
		border-radius: 3px 3px 0px 0px;
		color: white;
		margin: 0px;
		margin-bottom: 20px;
		padding: 10px 10px 10px 10px;
		border: none;
		box-sizing: border-box;
		font-size: 18px;
		width: 100%;
	}
	
	.div input{
		width: 100%;
	    font-size: 16px;
	    font-weight: 200;
	    padding: 7px;
	    box-sizing: border-box;
	    margin: 2px 0 5px 0;
	    border-radius: 2px 2px 2px 2px;
	    border: 1px solid #35339A;
	}

	.div {
		margin-bottom: 20px;
	}
	
	/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	// Desktop Side::
	//--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
		

	@media screen and (min-width: 600px) {
		
		.h1Section{
			background-color: #35339A;
			border-radius: 3px 3px 0px 0px;
			color: white;
			margin: 0px;
			margin-bottom: 20px;
			padding: 10px 10px 10px 10px;
			border: none;
			box-sizing: border-box;
			font-size: 18px;
			width: 100%;
		}
		
		input[type='checkbox'] {
			margin: 0px;
			margin-right: 3px;
			padding: 0px;
			float: none;
			width: auto;
			height: auto;
		}
		
		input[type='radio'] {
			margin: 0px;
			margin-right: 3px;
			padding: 0px;
			float: none;
			width: auto;
			height: auto;
		}
		
		.div input{
			width: 100%;
		    font-size: 12px;
		    font-weight: 200;
		    padding: 7px;
		    box-sizing: border-box;
		    margin: 2px 0px 5px 0;
		    border-radius: 2px 2px 2px 2px;
		    border: 1px solid #35339A;
		}
	
		.div {
			display: inline-block;
			width: 30%;
		}
		.div label {
		    display: block;
		}
		
		h1.scetions{
	    	margin: 15px 15px 15px 0px;
	    	padding: 0px;
	    	font-family: Roboto, sans-serif;
	        font-weight: 200;
	        font-size: 55px;
    	}
    	
    	input{
		    width: 40%;
	        font-size: 16px;
	        font-weight: 200;
	        padding: 7px;
	        box-sizing: border-box;
	        margin: 2px 0 5px 0;
	        border-radius: 2px 2px 2px 2px;
	        border: 1px solid #35339A;
	        //border: 1px solid gray;
	    }
	    
	    textarea{
		    width: 40%;
		    height: 200px;
	        font-size: 12px;
	        font-weight: 200;
	        padding: 7px;
	        box-sizing: border-box;
	        margin: 2px 0 5px 0;
	        border-radius: 2px 2px 2px 2px;
	        border: 1px solid #35339A;
	        //border: 1px solid gray
	    }
	    
	    select{
		    width: 40%;
	        font-size: 16px;
	        font-weight: 200;
	        box-sizing: border-box;
	        margin: 2px 0 5px 0;
	        border-radius: 0px 0px 0px 0px;
	        border: 1px solid #35339A;
	        padding:7px;
	        -webkit-appearance: none;
		   -moz-appearance: none;
		   appearance: none;
		   background-color: white;
		   color:gray;
	    }
	    
	    select::-ms-expand { /* for IE 11 */
		    display: none;
		}
	    
	    .button{
			background-color: #35339A;
			border-radius: 3px 3px 3px 3px;
			color: white;
			margin-top: 20px;
			padding: 10px;
			border: none;
			box-sizing: border-box;
			font-size: 18px;
			width: 40%;
		}
		
		.button{
			background-color: #35339A;
			border-radius: 3px 3px 3px 3px;
			color: white;
			margin-top: 20px;
			margin-right: 5px;
			padding: 10px;
			border: none;
			box-sizing: border-box;
			font-size: 14px;
			width: auto;
			min-width: 200px;
		}
		
		img.logo{
			width: 130px;
			height: auto;
	    }

		.container {
			margin-left: auto;
			margin-right: auto;
			max-width: 800px;
			height: auto;
			box-sizing: border-box;
		}
		
		#summerCamp{
			box-sizing: border-box;
			padding: 10px 5% 55px 5%;
			background-color: white;
			width: 100%;
			background: white; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(white, lightblue); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(white, lightblue); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(white, lightblue); /* For Firefox 3.6 to 15 */
			background: linear-gradient(white, lightblue); /* Standard syntax (must be last) */
		}
		
		#summerCamp .button{
			background-color: #35339A;
			border-radius: 3px 3px 3px 3px;
			color: white;
			margin-top: 20px;
			margin-right: 5px;
			padding: 10px;
			border: none;
			box-sizing: border-box;
			font-size: 14px;
			width: auto;
			min-width: 200px;
		}
		
		.buttonSmall{
			background-color: #35339A;
			border-radius: 3px 3px 3px 3px;
			color: white;
			margin-top: 20px;
			margin-right: 5px;
			padding: 10px;
			border: none;
			box-sizing: border-box;
			font-size: 14px;
			width: auto;
			min-width: 200px;
		}
		
		#summerCamp h1{
			margin: 15px 15px 15px 0px;
	    	padding: 0px;
	    	font-family: Roboto, sans-serif;
	        font-weight: 200;
	        font-size: 20px;
		}
		
		#summerCamp p{
			margin: 15px 15px 15px 0px;
	    	padding: 0px;
	    	font-family: Roboto, sans-serif;
	        font-weight: 200;
	        font-size: 20px;
		}

		#section1{
			box-sizing: border-box;
			padding: 10px 5% 10px 5%;
			background-color: white;
			width: 100%;
		}

		#section2{
			box-sizing: border-box;
			padding: 20px 5% 350px 5%;
			background-color: #F5F5F5;
			width: 100%;
		}

		#section3{
			box-sizing: border-box;
			padding: 10px 5% 40px 5%;
			background-color: #9BC7E5;
			width: 100%;
			height: auto;
		}

		#section2 .test {
			width: 32.90%;
			height: 170px; 
			padding:5px;
			box-sizing: border-box;
			float: left;
			background-color: #F5F5F5;
			margin: 0.2%;
		}
		
		#headline {
			box-sizing: border-box;
			padding: 25px 5% 50px 5%;
			//background-image: url("../images/frontPagePhoto2.png");
			background-image: url("../images/main_bg1.jpg");
			background-image: url("../images/draft2.png");
			//background-size: cover;
			background-size: inherit;
			height: auto;
			max-width: 100%;
			overflow: auto;
		}
		
		#headline #signIn {
			background-color: rgba(57,177, 164, 0.7);
			//background-color: rgba(254,164,47, 0.7);
			box-sizing: border-box;
			max-width: 39%;
			padding:15px;
        }
        
        .blur{
	       float: left;
		   background-color: rgba(57,177, 164, 0.7);
		   //background-color: rgba(254,164,47, 0.7);
	       color:white;
	       font-weight: 200;
	       font-size: 18px;
	       width:60%;
	       height: auto;
	       margin-right: 5px;
	       padding:10px; 
	       box-sizing: border-box;
	       border-radius: 3px 3px 3px 3px;
        }
      	
      	.options{
		background-color: white;
		//border-radius: 3px 3px 3px 3px;
		color: gray;
		margin-top: 1px;
		padding: 10px;
		border: none;
		box-sizing: border-box;
		font-size: 15px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		}
		
		.testimonialsWrap{
		overflow: auto;
		margin-bottom: 25px;		
		}
	
		.testimonialsImg{
			float: left;
			width:25%;
			height: auto;
		}
		
		.testimonialsDiv{
			float: left;
			width: 75%;
			height: auto;
		}
	
		.studentWrap{
			overflow: auto;
			margin-bottom: 25px;	
			box-sizing: border-box;	
		}
		
		.studentDiv{
			float: left;
			width: 33.33%;
			height: auto;
			box-sizing: border-box;
		}

}
/*
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}