

/* #Site Menu
================================================ */
a.button_medium, .button_medium, .megamenu > li .drop-down-container a.button_medium {
	border:none;
	background:#8a2432;
	color:#fff;
	padding:7px 12px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	font-weight:700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.button_medium:hover, .button_medium:hover, .megamenu > li .drop-down-container  a.button_medium:hover {background:#333;}

a.button_large, .button_large, .megamenu > li .megamenu_fullwidth a.button_large {
	border:none;
	background:#8a2432;
	color:#FFF;
	padding:8px 30px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	display:inline-block;
	cursor:pointer;
	font-weight:700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:18px;
}

a.button_large:hover, .button_large:hover, .megamenu > li .drop-down-container  a.button_large:hover {background:#333;}

a.button_red_medium, .button_red_medium, .megamenu > li .drop-down-container  a.button_red_medium {
	border:none;
	background:#595959;
	color:#fff;
	padding:7px 12px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	display:inline-block;
	cursor:pointer;
	font-weight:700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.button_red_medium:hover, .button_red_medium:hover, .megamenu > li .drop-down-container  a.button_red_medium:hover {background:#333;}

.button_red_small, a.button_red_small, .megamenu > li .drop-down-container  a.button_red_small {
	border:none;
	background:#595959;
	color:#fff;
	padding:2px 8px;
	margin-bottom:15px; 
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	display:inline-block;
	cursor:pointer;
	font-weight:700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:11px;
}
.button_red_small:hover, a.button_red_small:hover, .megamenu > li .drop-down-container  a.button_red_small:hover {background:#8a2432;}
.button-align {text-align:right; padding-top:25px;}
.button-align-2 { float:right; margin-top:-30px;}


#menu-top{
	float:right;
	color:#d0dbeb;
	font-size:11px;
	margin-right:30px;
	margin-top:5px;
}
#menu-top ul li{
	display:inline-block;
	zoom: 1; *display: inline;
}
#menu-top ul li a {
	color:#d0dbeb;
}

.ie7 #menu-top ul li a {
	color:#d0dbeb;
	margin-left:5px;
}
nav#menu{
	width:100%;
	background: rgb(127,127,127); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmN2Y3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjMzkzOTM5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiMzOTM5MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMiUiIHN0b3AtY29sb3I9IiMzMTMxMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiM0NjQ1NDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MiUiIHN0b3AtY29sb3I9IiM1MTUwNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiM1ODU4NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MiUiIHN0b3AtY29sb3I9IiM2MTYxNjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MyUiIHN0b3AtY29sb3I9IiM0NTQ1NDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjM2EzYTNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

background: -moz-linear-gradient(top,  rgb(127,127,127) 0%, rgb(57,57,57) 3%, rgb(57,57,57) 6%, rgb(49,49,49) 12%, rgb(70,69,70) 28%, rgb(81,80,81) 42%, rgb(88,88,88) 66%, rgb(97,97,97) 82%, rgb(69,69,69) 93%, rgb(58,58,58) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(127,127,127)), color-stop(3%,rgb(57,57,57)), color-stop(6%,rgb(57,57,57)), color-stop(12%,rgb(49,49,49)), color-stop(28%,rgb(70,69,70)), color-stop(42%,rgb(81,80,81)), color-stop(66%,rgb(88,88,88)), color-stop(82%,rgb(97,97,97)), color-stop(93%,rgb(69,69,69)), color-stop(100%,rgb(58,58,58))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgb(127,127,127) 0%,rgb(57,57,57) 3%,rgb(57,57,57) 6%,rgb(49,49,49) 12%,rgb(70,69,70) 28%,rgb(81,80,81) 42%,rgb(88,88,88) 66%,rgb(97,97,97) 82%,rgb(69,69,69) 93%,rgb(58,58,58) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgb(127,127,127) 0%,rgb(57,57,57) 3%,rgb(57,57,57) 6%,rgb(49,49,49) 12%,rgb(70,69,70) 28%,rgb(81,80,81) 42%,rgb(88,88,88) 66%,rgb(97,97,97) 82%,rgb(69,69,69) 93%,rgb(58,58,58) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgb(127,127,127) 0%,rgb(57,57,57) 3%,rgb(57,57,57) 6%,rgb(49,49,49) 12%,rgb(70,69,70) 28%,rgb(81,80,81) 42%,rgb(88,88,88) 66%,rgb(97,97,97) 82%,rgb(69,69,69) 93%,rgb(58,58,58) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgb(127,127,127) 0%,rgb(57,57,57) 3%,rgb(57,57,57) 6%,rgb(49,49,49) 12%,rgb(70,69,70) 28%,rgb(81,80,81) 42%,rgb(88,88,88) 66%,rgb(97,97,97) 82%,rgb(69,69,69) 93%,rgb(58,58,58) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-8 */

/*margin-bottom:30px;*/
}
#phone {
	background:url(/assets/img/img/icon-phone.png) no-repeat center right;
	padding-right:46px;
	text-align:right;
	float:right;
	font-size:12px;
	color: #6d0017;
	margin-top:5px;
}
#phone strong {
	font-size:18px;
	color: #6d0017;
	font-weight:700;
	display:block;
}



/*============================================================================================*/
/* 3. MEDIA QUERIES */
/*============================================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
	input#email_newsletter, .form-search input  {
	margin-bottom:5px;
}
	}
@media (min-width: 768px) and (max-width: 1200px) {
	.box-style-2 img {
	 float:none; margin: auto;
	 margin-bottom:20px;
	 display:block;
}
.box-style-2.green a  {
	background: #669933;
}
.box-style-2.orange a  {
	background: #fab90c;
}
.box-style-2.red a  {
	background: #ff6666;
}
.box-style-2.green a:hover, .box-style-2.orange a:hover, .box-style-2.red a:hover {
	background:#2d343e ; 
}
input.dateinput {
	width:70%;
}
.post-right {float:left;}

.feat {
	padding-left:0;
}
.feat i {
	position:relative;
	padding-bottom:15px;
	top:0; 
	left:0;
	display:block;
}
.strip-courses .button_medium.button-align-2{float:none; margin-top:15px;}
}

/* From tablet portrait to mobile */
@media (max-width: 767px) {
#logo img  {
	visibility:hidden;
	display:none;
}	

#main-boxes {
	margin-top:30px;banner
}
.post-right {float:left;}
/*#logo {
		text-align:center;
		background: url(/assets/img/img/logo-mobile.png) center top no-repeat;
		height:45px;
		margin-top:10px;
		margin-bottom:10px;
}*/
 #menu-top {
		text-align:center;
		float:none;
		margin:0;
}	
header {
	/*margin-left:-20px;
	margin-right:-20px;*/
}
nav, footer, #features{
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-right:20px;
}	
.twitter, .fb {
	margin-bottom:25px;
}
.button-align {text-align:left; padding-top:0;}
.strip-staff .pic-teacher{
	width:60%;
	height:auto;
}
.strip-courses .button_medium.button-align-2{float:none; margin-top:15px;}
}	

/* Mobile portrait */
@media (max-width: 480px) {
	#logo {
		text-align:center;
		background: url(/assets/img/img/logo-mobile.png) center top no-repeat;
		height:45px;
		margin-bottom:10px;
}
	.title-course ul{
	position:relative;
	color:#fff;
	right: 0;
	left:0;
	top:0;
	padding:0;
	margin:0;
	padding-bottom:15px;
}
.title-course ul li{padding:0;}

.strip-courses .button_medium.button-align-2{float:none; margin-top:15px;}

}
