/* CSS Document */

*, ::before, ::after {
	box-sizing: border-box;
}

@media only screen and ( max-width: 1000px ) {

	#ctl00_Main_Btn1 {
		width: auto;
		margin-left: 5px !important;
	}

    #myCarousel h3 { 
        margin-left:0px;
    }
}


@media screen and (max-width: 1023px) {

	#bannerContent .input-group { width:240px!important; }

	.mainNav {
		border-bottom: 1px solid white;
		padding-bottom: 20px;
		font-size: 20px;
	}
		.mainNav li a {
			font-size: 20px !important;
		 }

	ul.col-md-6 { padding-bottom:0px !important;padding-left:65px !important;}


	#bannerContent { display:block !important; top:150px !important; }
		#bannerContent span.h1 { line-height:60px; font-size:20px !important; }
}

.cs249 h1 {
	font-family: "Futura BT W05";
	font-size:40px;
}

	body {
		font-size: 14px;
		padding: 0px 0px;
		overflow-x: hidden;
	}

	body {
		font-family: "Futura BT W05";
	}

	.SendN {
		border: 1px solid white !important;
		text-transform: uppercase;
		color: white !important;
		margin-left: 10px !important;
		font-size: 15px;
		background-color: transparent !important;
		width: auto !important;
		display: inline-block !important;
		padding: 5px !important;
	}

	.h1, h1, h2, h3, h4, .acc, .SchoolName span, .leftMenu span, .cs249, .cs250 a, .NeedHelp h3 {
		font-family: "farnham-display";
	}



	.cs250 span {
		font-family: "Futura BT W05";
	}

	#NavTop {
		text-align: right;
		height: 50px;
		position: relative;
		z-index: 99;
		padding-top: 40px
	}

	.cs249 {
		padding-top: 30px;
	}

	#NavTop ul {
	}

	#independant h2 a {
		color: black;
	}

	.finda {
		font-family: "farnham-display";
		display: block;
		width: 100%;
		text-align: center;
		color: black;
		font-size: 25px;
	}

	.cycle-slide .col-md-3 {
		float: left;
	}

	.cycle-slide .col-md-6 {
		float: left;
	}

	#NavTop ul li {
		display: inline-block;
	}

		#NavTop ul li a {
			color: white;
			margin-right: 10px;
		}

	img.burgernav {
	}

	header {
		margin-top: -50px;
	}

		header img {
			width: 100%;
		}

	#bannerContent {
		position: absolute;
		top: 220px;
		width: 100%;
		padding: 10px;
		text-align: center;
	}

		#bannerContent span {
			color: white !important;
			font-size: 60px;
			display: block;
			margin-bottom: 20px;
		}

			#bannerContent span.p {
				color: white !important;
				font-size: 25px;
				display: block;
				margin-bottom: 20px;
			}

		#bannerContent input[type="text"] {
			width: 330px;
			padding: 25px;
			font-size: 16px;
			border-radius: 0px;
		}

	.imgButn {
		width: 29px;
		height: 29px;
	}

	#bannerContent .input-group {
		width: 400px;
	}

		#bannerContent .input-group button {
			color: white;
			border: 1px solid #95b9cf;
			background-color: #95b9cf;
			border-radius: 0px;
			background-image: url('../images/look.png');
			background-repeat: no-repeat;
			background-position: center;
			padding: 20px 30px;
		}

	.cs249 {
		text-align: center;
		font-size: 40px;
		margin-bottom: 40px;
	}

	.cs250 {
		padding-bottom: 50px;
		border-bottom: 1px solid #aaaaaa;
	}

		.cs250 img {
			width: 100%;
		}

		.cs250 .col-md-6 a {
			color: black;
		}

		.cs250 .col-md-6 {
			padding: 0px 15px;
			text-align: center;
			font-size: 25px;
		}

			.cs250 .col-md-6 a span {
				color: #aaaaaa;
				font-size: 18px;
				display: block;
			}

	#topTen {
		padding-top: 40px;
		padding-bottom: 40px;
	}

		#topTen img {
			width: 100%;
		}

		#topTen .col-md-3 img, #topTen .col-md-6 img {
			margin-bottom: 0px;
		}

		#topTen .col-md-3 .textCont, #topTen .col-md-6 .textCont {
			width: 100%;
			font-size: 18px;
			color: #868686;
			text-align: center;
			margin-top: -24px;
			text-transform: capitalize;
		}

	.burgernav {
		width: 50px !important;
	}

	.textCont {
		margin-bottom: 0px;
	}

	#topTen .col-md-3 .textCont span, #topTen .col-md-6 .textCont span {
		color: black;
		display: block;
		font-family: "farnham-display";
	}

	a.seeall {
		padding: 10px 20px;
		color: black;
		border: 1px solid #dddddd;
		text-transform: uppercase;
		font-size: 22px;
		margin: 20px 0px 20px;
	}

	.center {
		text-align: center;
	}

	.extraTopPadding {
		padding-top: 20px;
	}

	.h1 {
		font-size: 30px;
		width: 100%;
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}

	#nearYou {
		padding-top: 0px;
		padding-bottom: 40px;
	}

		#nearYou .container {
			border-top: 1px solid #dddddd;
			padding-top: 40px;
		}

		#nearYou img {
			width: 100%;
		}

	#nearYou {
		text-align: center;
		color: #dddddd;
		font-size: 16px;
	}

		#nearYou span {
			text-align: center;
			color: black;
			display: block;
		}

	#independant {
		padding-top: 40px;
		font-size: 18px;
		padding-bottom: 40px;
	}

		#independant .container {
			border-top: 1px solid #dddddd;
			padding-top: 40px;
			border-bottom: 1px solid #dddddd;
			padding-bottom: 40px;
		}

	footer img {
		width: 100%;
	}

#navPopup {
	height: 200vh;
	width: 100%;
	background: url('/Images/bluebg.png');
	position: absolute;
	overflow: scroll;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 99999999999999999999999999999999999999999999999999;
	padding-top: 0px;
	overflow-y: hidden;
	overflow-x: hidden;
}

	.x {
		position: absolute;
		top: 10px;
		right: 10px;
        z-index:333;
	}

#BlueBar h4{
    display:block;
    width:100%;
    text-align:center;
}

.mainNav {
    list-style-type: none;
    padding: 50px;
    margin: 0px;
}

		.mainNav li {
			list-style-type: none;
			margin: 0px;
		}

			.mainNav li a {
				color: white;
				font-size: 40px;
				font-family: "farnham-display";
			}

	ul.col-md-6 {
		list-style-type: none;
		padding: 50px;
		margin: 0px;
	}

		ul.col-md-6 li a {
			color: white;
			font-size: 20px;
		}

	#navPopup {
		display: none;
	}

	.SchoolName {
		color: #868686;
		font-size: 12px;
	}

	@media screen and (max-width: 1199px) {
	}


	@media screen and (min-width:1001px) and (max-width: 1200px) {
		#NavTop ul li a {
			margin-right: 15px;
			font-size: 16px;
		}

		#bannerContent {
			top: 150px;
		}
	}


	@media screen and (max-width:1000px) {
		#NavTop ul li a {
			display: none;
		}

		#bannerContent {
			top: 100px;
		}

		.OpenHeading {
			display: block;
			font-size: 14px;
		}

		.leftMenu {
			margin-bottom: 50px;
			padding-right: 0px !important;
		}

		.LoggedRight img {
			margin-bottom: 10px;
		}
	}

	footer {
		background-image: url('/uploads/images/footer.jpg');
		background-size: 100%;
		background-repeat: no-repeat;
		background-color: black;
		color: white !important;
		font-size: 18px;
		padding: 2em;
	}

		footer h4 {
			color: white;
			font-size: 50px;
			padding-top: 150px;
			padding-bottom: 20px;
		}

		footer h2 {
			color: white;
			font-size: 50px;
			padding-top: 100px;
			padding-bottom: 20px;
		}

		footer a.block {
			font-size: 20px;
			border: 1px solid white;
			display: inline-block;
			padding: 10px 20px;
			color: white;
			text-transform: uppercase;
		}

		footer .col-md-3 a {
			color: white;
			display: block;
			font-family: "farnham-display";
		}

		footer .col-md-3 {
			margin-top: 50px;
		}

	a.fsr {
		font-family: "Futura BT W05" !important;
	}

	.row2, .row3 {
		margin-top: 50px;
	}

		.row2 a {
			color: white;
		}

		.row2 input[type="textbox"] {
			width: 100%;
		}

		.row3 img {
			height: 51px;
			width: auto !important;
			display: inline-block;
			margin-left: 30px;
		}

	.input-group-append {
		margin-left: -5px !important;
	}