*{max-height:1000000px;}
html,
body{height:100%;}
header, footer, article, section, hgroup, nav, figure {display: block;}
figure{margin:0; padding:0;}
body{
	margin:0;
	color:#555;
	font:16px/18px Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: none;
	min-width:320px;
	background:#fff;
}
img{ border-style:none;}
a{
	text-decoration:none;
	color:#fff;
}
a:hover{text-decoration:underline;}
a:active{background-color:transparent;}
input,
textarea,
select{
	font:100% 'Open Sans', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
form,
fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input[type="image"]{
	padding:0;
	border:none;
}
input[type="text"],
input[type="password"],
input[type="file"],
input[type="submit"],
input[type="search"],
input[type="email"],
textarea{
	-webkit-border-radius:0;
	border-radius:0;
	-webkit-appearance:none;
	-moz-appearance:none;
}
input[type="submit"]:hover{cursor:pointer;}
#wrapper{
	height: 100%;
	display: table;
	width:100%;
	overflow:hidden;
}
.w1{
	width:100%;
	display: table-row;
}
.w2{display: table-cell;}

#header{
	background:#d8d8d8;
}
#header:after{
	display:block;
	content:'';
	clear:both;
}
.logo{
	background:url(../images/logo.jpg) no-repeat;
	width:237px;
	height:120px;
	position:absolute;
	left:0;
	top:0;
	text-indent:9999px;
	overflow:hidden;
}
.logo a{
	display:block;
	height:100%;
}
#header .social-holder{ background:#000;}
.social-holder .social-frame{
	max-width:960px;
	margin:0 auto;
	position:relative;
	padding:10px 0 9px;
}
.social-holder .social-frame:after,
#header .menu-holder:after{
	display:block;
	content:'';
	clear:both;
}
.social-frame .social-area{
	float:right;
	width:358px;
}
.social-frame h3{
	margin:0;
	font-size:23px;
	line-height:26px;
	color:#fff;
	float:left;
	font-weight:normal;
}
.social-frame .social-networks{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
.social-frame .social-networks li{
	float:left;
	margin:0 1px;
}
.social-frame .social-networks li a{
	text-indent:-9999px;
	overflow:hidden;
	height:27px;
	width:27px;
	background:url(../images/social-networks.png) no-repeat;
	display:block;
}
.social-frame .social-networks li.fb a{ background-position:-28px 0;}
.social-frame .social-networks li.google-plus a{ background-position:-57px 0;}
.social-frame .social-networks li.youtube a{ background-position:-87px 0;}
#header .menu-holder{
	max-width:960px;
	margin:0 auto;
}
.menu-holder #nav:after{
	clear:both;
	content:'';
	display:block;
}
.visual{
	overflow:hidden;
	background:#f0f0f0;
	padding: 50px 0;
}
.visual .visual-container{
	overflow:hidden;
	background:url(../images/bg-visual.png) repeat-x 0 100%;
}
.visual .visual-holder{
	max-width:1447px;
	margin:0 auto;
	padding:44px 0 0;
}
.visual .visual-holder:after{
	clear:both;
	content:'';
	display:block;
}
.visual .visual-frame{
	position:relative;
	padding:0 10px;
}
.visual .visual-frame:after{
	clear:both;
	content:'';
	display:block;
}
.visual h1{
	margin:0 320px;
	text-transform:uppercase;
	color:#2e2e2e;
	font-size:77px;
	line-height:80px;
	text-align:center;
}
.visual h1 span{text-decoration:underline;}
.visual .img-holder{
	width:72%;
	margin:6px -307px 45px -13px;
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.visual .img-holder img{
	display:block;
	width:100%;
}
.visual .img-holder .video-holder{
	position:absolute;
	top:5.6%;
	left:3.3%;
	width:61.9%;
}
.visual .textarea{
	width:34%;
	padding:27px 0 0;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.visual .textarea ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	font-size:25px;
	line-height:32px;
	color:#2e2e2e;
}
.visual .textarea ul li{
	background:url(../images/bullet.png) no-repeat 0 11px;
	padding:0 0 35px 24px;
}
#main .btn-area{
	text-align:center;
	position:relative;
	margin:-34px 0 0;
}
#main .btn-area:after{
	clear:both;
	content:'';
	display:block;
}
#main .get-start{
	display:inline-block;
	vertical-align:top;
	text-transform:uppercase;
	font-weight:bold;
	font-size:34px;
	line-height:37px;
	background:#af0b10;
	padding:13px 91px 15px;
	border:1px solid #492200;
	min-width:330px;
}
#main .get-start:hover{
	text-decoration:none;
	background:#c00;
}
#main .lecture .btn-area,
#main .courses .btn-area{ margin:0;}
#main{
	max-width:965px;
	margin:0 auto 11px;
	padding:0 10px;
}
#main:after{
	display:block;
	content:'';
	clear:both;
}
#main .educator-world{
	overflow:hidden;
	padding:21px 0 0;
}
.educator-world h2{
	margin:0 0 35px;
	font-size:40px;
	line-height:43px;
	font-weight:normal;
	text-align:center;
	color:#000;
}
.educator-world .catagories{
	overflow:hidden;
}
.educator-world .catagories .holder{
	margin:0 0 28px;
}
.educator-world .catagories .holder:after{
	clear:both;
	content:'';
	display:block;
}
.educator-world .catagories .box{
	margin:0 0 10px;
	width:45.59%;
	color:#575757;
	float:right;
}
.educator-world .catagories .box:first-child{ float:left;}
.educator-world .catagories .box h3{
	margin:0 0 10px;
	font-size:20px;
	line-height:23px;
	font-weight:normal;
	padding:0 0 0 44px;
	color:#000;
	position:relative;
}
.educator-world .catagories .box h3:before{
	background:url(../images/img-1.png) no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:39px;
	height:23px;
	content:'';
}
.educator-world .catagories .box.learn h3:before{
	background:url(../images/img-2.png) no-repeat 0;
	width:27px;
	height:27px;
	left:5px;
}
.educator-world .catagories .box.question h3:before{
	background:url(../images/img-3.png) no-repeat;
	width:28px;
	height:28px;
	left:6px;
}
.educator-world .catagories .box.practice h3:before{
	background:url(../images/img-4.png) no-repeat;
	width:29px;
	height:29px;
	left: 4px;
	top: -4px;
}
.educator-world .catagories .box.track h3:before{
	background:url(../images/img-5.png) no-repeat;
	width:32px;
	height:16px;
	left: 6px;
	top: 5px;
}
.educator-world .catagories .box.download h3:before{
	background:url(../images/img-6.png) no-repeat;
	width:24px;
	height:26px;
	left:4px;
}
.educator-world .catagories .box p{ margin:0;}
.block-holder{
	padding:18px 9999px;
	margin:-10px -9999px 45px;
	background:#f0f0f0;
}
.block-holder.add{ margin:-10px -9999px 22px;}
.block-holder.add2{
	margin:30px -9999px 16px;
	padding:16px 9999px;
}
.block-holder blockquote{
	font-size:23px;
	line-height:28px;
	color:#1d1d1d;
	margin:0;
	font-style:italic;
	text-align:center;
}
.block-holder blockquote q{
	margin:0;
	font-weight:normal;
}
.block-holder blockquote cite{ font-weight:bold;}
.lecture{
	overflow:hidden;
	margin:0 0 38px;
}
.lecture .holder{
	overflow:hidden;
	margin:0 0 35px;
}
.lecture .info-txt{
	float:left;
	width:50%;
	font-size:21px;
	line-height:31px;
	color:#474747;
}
.lecture .info-txt h2{
	margin:0 0 14px;
	text-transform:capitalize;
	font-size:30px;
	line-height:33px;
	font-weight:normal;
	color:#000;
}
.lecture .info-txt p{ margin:0 0 15px;}
.lecture .info-txt .click{
	color:#075ce8;
	font-size:27px;
	line-height:30px;
	float:right;
	margin:58px 30px 0;
	text-decoration:underline;
}
.lecture .info-txt .click:hover{ text-decoration:none;}
.lecture .img-holder{
	float:right;
	background:#676767;
	border:1px solid #303030;
	margin:5px 0 0;
	padding:10px;
	width:46.5%;
}
.lecture .img-holder img{
	display:block;
	width:100%;
}
.lecture .btn-holder{
	overflow:hidden;
	text-align:center;
}
.courses:after{
	clear:both;
	content:'';
	display:block;
}
.courses h1{
	margin:0 0 23px;
	text-align:center;
	text-transform:capitalize;
	font-size:40px;
	line-height:43px;
	font-weight:normal;
	color:#000;
}
.courses .course{
	overflow:hidden;
	margin:0 0 26px 4px;
}
.courses h2{
	margin:0 0 7px;
	font-weight:normal;
	font-size:19px;
	line-height:21px;
	color:#000;
}
.courses .topics{
	margin:0 0 0 -2px;
	padding:0;
	list-style:none;
	overflow:hidden;
	font-size:14px;
	line-height:17px;
}
.courses .topics li{
	width:32.8%;
	margin:0 0 5px 2px;
	display:inline-block;
	vertical-align:top;
}
.courses .topics li.add{ position:relative;}
.courses .topics li.add:after{
	position:absolute;
	top:0;
	left:0;
	content:'';
	background:url(../images/sep5.png) repeat-x;
	height:2px;
	width:100%;
}
.courses .topics li a{
	display:block;
	color:#555;
	background:#fff;
	border:1px solid #e2e2e2;
	padding:5px;
}
.courses .topics li a:hover{
	text-decoration:none;
	background:#f0f0f0;
}
#footer{
	width: 100%;
	overflow: hidden;
	display: table-footer-group;
	background:#fafafa;
}
#footer .f1{
	height:1%;
	display:table-row;
}
#footer .f2{display:table-cell;}
#footer .footer-holder{
	background:url(../images/sep1.png) repeat-x;
	overflow:hidden;
	margin:12px 0 0;
	padding:40px 0 0;
}
#footer .footer-navigation{
	overflow:hidden;
	max-width:966px;
	margin: 0 auto;
}
.footer-nav{
	overflow:hidden;
	margin:0 0 19px;
	text-align:center;
}
.footer-nav ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	line-height:21px;
}
.footer-nav ul li{
	padding:0 14px 0 15px;
	display:inline-block;
	vertical-align:top;
	position:relative;
	background:url(../images/sep6.png) no-repeat 0 3px;
}
.footer-nav ul.social-networks li{
	background:none;
	padding:0 3px;
}
.footer-nav ul li:first-child{ background:none;}
.footer-nav ul li a{
	color:#444140;
	display:block;
	position:relative;
}
.footer-nav ul li a:hover,
.copyright-area .add-nav ul li a:hover{
	text-decoration:none;
	color:#999;
}
.footer-nav ul.social-networks li a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(../images/social-networks.png) no-repeat -33px -54px;
	width:26px;
	height:26px;
}
.footer-nav ul.social-networks li:first-child a{ background-position:0 -54px;}
.footer-nav ul.social-networks li.youtube a{ background-position: -67px -54px;}
.footer-nav.two ul,
.footer-nav.two .nav-holder{
	display:inline-block;
	vertical-align:middle;
}
.footer-nav.two .nav-holder .sub-title,
.footer-nav.two .nav-holder .social-networks{
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	line-height:21px;
}
.footer-nav ul.add li:first-child a:before,
.footer-nav ul.add li.last a:before{
	position:absolute;
	top:3px;
	right:0;
	content:'';
	background:url(../images/ico1.png) no-repeat;
	width:18px;
	height:15px;
}
.footer-nav ul.add li.last a:before{
	left:0;
	right:auto;
	background:url(../images/ico2.png) no-repeat;
	width:24px;
	height:24px;
}
.footer-nav ul.add li:first-child a{ padding:0 25px 0 0;}
.footer-nav ul.add li.last a{ padding:0 0 0 30px;}
#footer .copyright-area{
	overflow:hidden;
	background:url(../images/sep2.png) repeat-x;
	padding:19px 5px 10px;
}
.copyright-area .holder{
	overflow:hidden;
	margin:0 auto;
	max-width:966px;
}
.copyright-area .copyright{
	float:left;
	font-size:16px;
	line-height:19px;
	margin:0 10px;
}
.copyright-area .copyright a{ color:#555;}
.copyright-area .add-nav{
	float:right;
	font-size:17px;
	line-height:20px;
	margin:0 7px 0 0;
}
.copyright-area .add-nav ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.copyright-area .add-nav ul li{
	float:left;
	padding:0 6px 0 12px;
	background:url(../images/sep3.png) repeat-y;
}
.copyright-area .add-nav ul li:first-child{ background:none;}
.copyright-area .add-nav ul li a{
	color:#000;
	display:block;
	position:relative;
}
.copyright-area .add-nav ul li.last a{ padding:0 16px 0 0;}
.copyright-area .add-nav ul li.last a:after{
	position:absolute;
	top:4px;
	right:0;
	content:'';
	background:url(../images/sep4.png) no-repeat;
	width:13px;
	height:12px;
}
@media only screen and (max-width:1300px){
	.visual h1{ margin:0 100px;}
	.visual .img-holder{
		margin:70px -100px 45px 0;
	}
	.visual .textarea ul{
		font-size:20px;
		line-height:26px;
	}
	.visual .textarea ul li{padding:0 0 25px 24px;}
}
@media only screen and (max-width:1100px){
	.visual .img-holder{
		margin:120px -120px 55px 0;
	}
	.visual .textarea{
		width:38%;
	}
}
@media only screen and (max-width:999px){
	.visual .visual-container{ background:none;}
	.visual h1{
		font-size:39px;
		line-height:45px;
		margin:0 10px 60px;
	}
	.visual .textarea{
		overflow:hidden;
		display:block;
		width:auto;
	}
	#header .menu-holder{ padding:90px 0 0;}
	#nav > ul{
		float:none;
		width:auto;
		padding:0;
		text-align:left;
		margin:0;
		font-size:17px;
		position:static;
	}
	.courses .topics{
		font-size:13px;
		line-height:16px;
	}
	.courses .topics li{ width:32.5%;}
	#main{ padding:30px 10px 0;}
	#main .btn-area{ margin:0;}
	#main .get-start{
		font-size:26px;
		line-height:29px;
	}
	.visual .textarea ul{
		font-size:17px;
		line-height:24px;
	}
	.visual .textarea ul li{ background:url(../images/bullet.png) no-repeat 0 5px;}
	.footer-nav ul{
		font-size:15px;
		line-height:18px;
	}
	.footer-nav ul li{ background:url(../images/sep6.png) no-repeat; }
	.copyright-area .copyright{
		font-size:12px;
		line-height:15px;
	}
	.copyright-area .add-nav{
		font-size:14px;
		line-height:17px;
	}
	.visual .img-holder{
		overflow:hidden;
		display:block;
		margin:0 auto;
	}
}
@media only screen and (max-width:767px){
	body{
		font-size:14px;
		line-height:17px;
	}
	.logo{
		left:50%;
		margin:0 0 0 -118px;
	}
	#header .menu-holder{ padding:130px 0 0;}
	.courses h1,
	.lecture .info-txt h2,
	.educator-world h2{
		font-size:22px;
		line-height:26px;
	}
	.educator-world .catagories .box h3{
		font-size:18px;
		line-height:21px;
	}
	.lecture .info-txt,
	.lecture .info-txt .click{
		font-size:15px;
		line-height:25px;
	}
	.block-holder blockquote{
		font-size:18px;
		line-height:24px;
	}
	#main .get-start{
		font-size:17px;
		line-height:20px;
		min-width:inherit;
		padding:13px 20px 15px;
	}
	.educator-world .catagories .box,
	.educator-world .catagories .box:first-child{
		float:none;
		width:auto;
		margin:0 0 35px;
	}
	.educator-world .catagories .holder{ margin:0;}
	.lecture .info-txt,
	.lecture .img-holder{
		float:none;
		width:auto;
		overflow:hidden;
		margin:0 0 35px;
	}
	.lecture .info-txt .click{
		float:left;
		margin:15px 0 0;
	}
	.courses .topics{
		margin:0;
	}
	.courses .topics li{
		display:block;
		width:auto;
		margin:0 0 5px;
	}
	#footer .footer-holder{ padding:0;}
	.footer-nav{ margin:0;}
	.footer-nav ul li,
	.footer-nav ul li:first-child{
		float:none;
		overflow:hidden;
		display:block;
		border-bottom:1px solid #b4b4b4;
		background:none;
		padding:0;
	}
	.footer-nav ul li a,
	.footer-nav ul.add li.last a,
	.footer-nav ul.add li:first-child a{
		display:block;
		padding:8px 0;
	}
	.footer-nav ul li a:hover,
	.footer-nav ul.add li.last a:hover,
	.footer-nav ul.add li:first-child a:hover{
		color:#444140;
		background:#f0f0f0;
	}
	.footer-nav.two ul{
		display:block;
		overflow:hidden;
	}
	.footer-nav ul.add li:first-child a:before,
	.footer-nav ul.add li.last a:before,
	.footer-nav.two .nav-holder,
	.social-frame .social-area{
		display:none;
	}
	.social-holder .social-frame{ padding:0;}
	.copyright-area .holder{ text-align:center;}
	.copyright-area .copyright{
		float:none;
		display:block;
		margin:0 0 15px;
	}
	.copyright-area .add-nav{
		float:none;
		overflow:hidden;
		margin:0;
	}
	.copyright-area .add-nav ul{
		text-align:center;
	}
	.copyright-area .add-nav ul li{
		float:none;
		display:inline-block;
		vertical-align:top;
		padding:0 4px 0 10px;
	}
}