*{
	box-sizing: border-box;
}

body {
    margin:0;
    padding:0;
    height:100%;
	line-height:145%;
	text-rendering: optimizeLegibility;
	-webkit-font-variant-ligatures: common-ligatures;
	/* for iOS and Safari 6 */
	font-variant-ligatures: common-ligatures; /* for up-to-date browsers, including IE10 and Opera 21 */
	-webkit-font-feature-settings: "kern";
	font-feature-settings: "kern";
	font-kerning: normal;
	font-family: 'Hind';
}
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
.wrap{
   min-height:100%;
   position:relative;	
}
#page{
	width: 100%;
	height: 100%;
	text-align: left;
	padding-bottom: 290px;
}
#header-container{
	width: 100%;
	margin-bottom: 20px;
}
.loggedin_as{
	display:inline-block;
	margin-right:7px;
	cursor:pointer;
}
.loggedin_as:before{
	content:" ";
	width:16px;
	height:16px;
    display: inline-block;
	margin-right:5px;
	background-image:url("../modules/VideoLearning/img/icons/user1.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	margin-left:-20px;
	margin-top:3px;
	
}

.mobmenu{
	display: none;
}

.quote-cntr{
	width: 550px;
	display: block;
	margin: 0 auto !important;
	padding-top: 40px !important;
	color: #00237d;
	font-size: 20px;
	position: relative;
}
	.quote-cntr:before{
		content: url("/parameters/angol.patronet/templates/images/quote.png");
		height: 18px;
		width: 26px;
		position: absolute;
		left: -40px;
	}


#header-container .logo-container{
	padding-top: 40px !important;
	/*padding-left: 30px;*/
}

#header-container .login-cont{
	padding-top: 45px;
	padding-right: 30px;
	display:none;
	
}
#header-container .login-cont a{
	font-size: 14px;
	display: inline-block;
	text-transform: uppercase;
	color: inherit;
	text-decoration: none;
	margin-right: 15px;
}
	#header-container .login-cont a#registr:before{
	content:" ";
	width:16px;
	height:16px;
    display: inline-block;
	margin-right:5px;
	background-image:url("../modules/VideoLearning/img/icons/user1.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	margin-left:-20px;
	margin-top:3px;
	}
	#header-container .login-cont a#entr{
		margin-left:20px;
	}
	#header-container .login-cont a#entr:before{
		/*content: url('/parameters/angol.patronet/templates/images/entr.png');*/
		content:" ";
		background-image:url("../modules/VideoLearning/img/icons/login.svg");
		background-size:contain;
		margin-right: 5px;
		height: 16px;
		width: 16px;
		display: inline-block;
		position:absolute;
		margin-left:-20px;
		margin-top:2px;
	}
	#header-container .login-cont a#entr.logout:before{
		background-image:url("../modules/VideoLearning/img/icons/logout.svg");
	}
	
	#header-container .login-cont .head-logout{
		display:inline-block;
		margin-left:20px;
		text-transform: uppercase;
		cursor:pointer;
	}
	#header-container .login-cont .head-logout:before{
		content:"";
		background-image:url("../modules/VideoLearning/img/icons/logout.svg");
		background-size:contain;
		margin-right: 5px;
		height: 16px;
		width: 16px;
		display: inline-block;
		position:absolute;
		margin-left:-20px;
		margin-top:2px;
	}


#header-container .pncustommenumenu{
	list-style: none;
	width: 100%;

	border-radius: 10px;
	background: #00237d;
	padding-top: 10px;
	padding-bottom: 8px;
	display: block;
	-webkit-box-shadow: 0px 2px 3px -1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 3px -1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 3px -1px rgba(50, 50, 50, 0.75);
}
#header-container .pncustommenumenu li{
	display: inline-block;
	margin-right: 24px;
}
#header-container .pncustommenumenu li a{
	text-decoration: none;
	color: white;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 17px;
	font-stretch: condensed;
	letter-spacing: -1px;
	position: relative;
}
	#header-container .pncustommenumenu li a:after{
		content: url("/parameters/angol.patronet/templates/images/rsqu.jpg");
		height: 5px;
		width: 5px;
		display: inline-block;
		position: absolute;
		right: -18px;
		bottom: 50%;
		top: -2.5px;
		display: block;
	}
	#header-container .pncustommenumenu li:last-child a:after{
		content: " ";
	}
	#header-container .pncustommenumenu li a:hover{
		color: #d00000;
	}

#header-container .pncustommenumenu>li ul li{
    margin-right: 0px;
}

#header-container .pncustommenumenu>li ul li a{
    color: #00237D;
}

#header-container .pncustommenumenu>li ul li a:after{
    display: none;
}


.content{												/* resizeable when resp */
	margin: 0 auto !important;
	width:  1050px;
}
.inl-blk{
	display: inline-block;
}
.tbl{
	display: table;
}
.tbl-cell{
	display: table-cell;
}
.halfwidth{
	width: 50%;
}
.left{
	float: left;
}
.right{
	float: right;
}
#footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:auto;
	z-index: 450;
}
div.clear{
	clear: both;
}
.fixed{
	position: fixed;
}
.mm_overlay{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 88888;
}
.fullwidth{
	width: 100%;
}
.bluebg{
	background: #00237d;
	color: white;
}
.redbg{
	background: #d00000;
	color: white;
}

.svg svg{
	margin-top: -1px;
}

.social-buttons a{
	color: #cd1e1e;
	text-decoration: none;
	font-size: 30px;
}
.social-buttons a i{
	font-style: normal;
}
/*
input, select{
	padding: 0;
	margin: 0;
	font-weight: 700;
	color: white;
	border: 1px solid white;
	border-radius: 5px;
	padding: 10px;
	background: rgba(255,255,255,0);
	font-size: 18px;
	
}
*/
.form_obj input:not([type=submit]),
.form_obj select,
.form_obj textarea{
	width: 100%;
	display: block;
}
input[type=submit]{
}
.section p{
	padding: 0;
	margin: 0;
}
.form_container .smalltext{
	font-size: 15px;
	font-weight: 900;
}


.bb{
	border: 1px solid;
	border-radius: 10px;
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 310px;
	display: inline-block;
	margin-right: 15px;
	font-weight: 300;
	line-height: 35px;
}
.bb.red{
	color: white;
	background: #d00000;
}
a:hover .bb.red{
	border-color: #d00000;
	color: #d00000;
	background: #fff;
}
.bb.blue{
	color: white;
	background: #00237d;
}
a:hover .bb.blue{
	border-color: #00237d;
	color: #00237d;
	background: #fff;
}


#footer .pncustommenumenu{
	list-style: none;
	display: block;
}
#footer .pncustommenumenu li{
	display: inline-block;
}
#footer .pncustommenumenu li a{
	font-size: 13px;
}
	#footer .pncustommenumenu li a:after{
		content: "/";
		color: #d00000;
		margin-left: 3px;
	}
	#footer .pncustommenumenu li:last-child a:after{
		content: "";
	}
	
.decorated a, a.decorated{
	font-size: 22px;
	font-weight: 700;
	color: #00237d;
	text-decoration: none;
}
	.decorated a:before, a.decorated:before{
		content: url("/parameters/angol.patronet/templates/images/bullet.png");
		display: inline-block;
		margin-right: 5px;
	}
	
.center{
	text-align: center;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.lci{
	position: relative;
}
.landing-vig{
	height: 227px;
	width: 262px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: -40px;
	right: -10px;
	background-image: url('/parameters/angol.patronet/templates/images/landing-vig.png');
}
.landing-vig p{
	display: none;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	color: #CE0100;
}

/* ----------------------------------------------------------------------------- */

@media screen and (max-width: 1050px){
	.content{
		width: 100%;
		display: block;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	#header .pncustommenumenu{
		text-align: center;
	}
	#footer{
		padding-left: 20px;
		padding-right: 20px;
	}
	#header-container .login-cont,
	#header-container .logo-container{
		padding-top: 15px !important;
	}
	#header-container{
		height: auto;
	}
	.landing-vig{
		top: -20px;
		right: 0;
	}
}
@media screen and (max-width: 830px){
	.landing-vig p{
		display: block;
		padding: 0;
		margin: 0;
	}
	.landing-vig{
		display: block;
		position: initial;
		width: 100%;
		margin-bottom: 25px !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		border-bottom: 3px solid #CE0100;
		border-top: 3px solid #CE0100;	
		background: none;
		height: auto;
		width: auto;
	}
}
@media screen and (max-width: 720px){
	#header-container .left,
	#header-container .right{
		display: block;
		width: 100%;
		text-align: center;
		float: none;
	}
	#header-container .logo-container img{
		width: auto;
		margin: 0 auto !important;
		text-align: center;
		display: block;
	}
	#header-container .login-cont{
		padding-right: 0;
	}
	.mbt{
		display: block;
	}
	.mbt .tbl-cell{
		display: block;
		width: 100%;
	}
	.mbt ul{
		float: none;
	}
	.landingcont{
		background-image: none !important;
	}
}
@media screen and (max-width: 780px){
	#footer .left, #footer .right{
		float: none;
		display: block;
	}
	.fb-container{
		max-width: 280px;
		margin: 0 auto !important;
		padding-top: 25px;
	}
	#page{
		padding-bottom: 370px;
	}
	
}
@media screen and (max-width: 705px){
	.bb{
		/*display: block !important;*/
		width: 100% !important;
		margin-bottom: 20px !important;
	}

}
@media screen and (max-width: 550px){
	#header-container .logo-container img{
		margin: 0 0 !important;
	}
	#header-container .pncustommenumenu li{
		display: block;
	}
	#header-container .pncustommenumenu li a:after{
		content: "";
	}
	#header-container .pncustommenumenu li a{
		font-size: 22px;
		line-height: 150%;
	}
	#header-container .pncustommenumenu{
		display: none;
	}
	.mobile_menu_button{
		position: fixed;
		right: 10px;
		top: 15px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url('/parameters/angol.patronet/templates/images/mobile_menu_button.png');
		z-index: 500;
		cursor: pointer;
		height: 30px;
		width: 30px;
	}
	.mobmenu{
		position: fixed;
		right: 0;
		width: 0;
		z-index: 500;
		background: #00237d;
		height: 100%;
		padding-top: 30px;
		padding-bottom: 120px;
		overflow: scroll !important;
		display: block;
	}
	#page{
		padding-bottom: 350px;
	}
	
}

.mm_overlay{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 450;
}

.fixed{
	position: fixed;
}

.mm_inside{
	padding-left: 15px;
	padding-right: 15px;
}

.mm_inside .pncustommenumenu{
	list-style: none;
}
.mm_inside .pncustommenumenu li{
	margin-top: 25px;
	margin-bottom: 25px;
}
.mm_inside .pncustommenumenu li a{
	color: white;
	text-decoration: none;
	font-size: 30px;
}

.mm_inside .pncustommenumenu>li ul{
	margin-right: 0px;
}

.mm_inside .pncustommenumenu li ul li{
    margin: 10px;
}

.mm_inside .pncustommenumenu li ul li a{
    color: #00237D;
}

.mm_inside .pncustommenumenu li ul li a:after{
    display: none;
}
	
@media screen and (max-width: 390px){
	#header-container .logo-container img{
		width: calc(100% - 30px - 10px);
		height: auto;
	}
}



/* --------- vlearn --------- */
@media screen and (max-width: 960px){
	.last_pages_outer, .last_videos_outer{
		width: 100% !important;
		display: block !important;
		margin-bottom: 25px;
	}
	.video_holder, .correction_holder{
		width: 100% !important;
	}
	#player_cnt #output,
	#player_cnt video{
		width: 100%;
	}
	#account_cnt .section{
		width: 100% !important;
	}
}
@media screen and (max-width: 790px){
	#messages_cnt .btn_new_message{
		display: block;
		text-align: center;
		position: static !important;
	}
	#messages_cnt .tab{
		position: static !important;
		margin-top: 5px;
		border-top: 1px solid #ccc !important;
		border-bottom: 1px solid #ccc;
		padding: 8px !important;
		width: calc(50% - 10px);
	}
	#messages_cnt .tab.sent{
		margin-right: 0;
	}
	#messages_cnt .tab.active{
		border-top: 1px solid #ccc;
		border-bottom: 3px solid #CE0100 !important;
		padding-bottom: 5px !important;
	}
	.tab_area{
		padding-top: 55px;
	}
	#messages_cnt .tabs .stepper_cnt{
		top: -15px;
		float: none;
	}
	#ask_panel{
		top: 5px !important;
		left: 5px !important;
		width: calc(100% - 10px) !important;
	}
}

@media screen and (max-width: 765px){
	#account_cnt .tbl_cell{
		display: block;
		width: 100%;
	}
	#account_cnt .section .tbl_row .tbl_cell:first-child{
		width: 100% !important;
	}
	.register_cnt .vlbutt{
		display: block !important;
		float: none !important;
		margin: 0 auto;
		margin-bottom: 30px !important;
	}
	.tbl_login{
		width: 100% !important;
	}
}
@media screen and (max-width: 600px){
	#page-left{
		position: fixed;
		background: white;
		z-index: 500;
		left: -250px;
		padding-top: 30px;
		padding-bottom: 30px;
		border-right: 2px solid #00237d;
		border-top: 2px solid #00237d;
		border-bottom: 2px solid #00237d;
		top: 30px;
	}
	#page-left #openclose_menu{
		position: absolute;
		right: -20px;
		top: 20px;
		cursor: pointer;
		background-image: url("/parameters/angol.patronet/templates/images/menu_open.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 40px;
		width: 20px;
	}
	#page-left.open #openclose_menu{
		background-image: url("/parameters/angol.patronet/templates/images/menu_close.png") !important;
		
	}
	#v_u_menu.fixed{
		position: static !important;
	}
}
@media screen and (max-width: 550px){
	#page-center{
		padding-bottom: 20px;
	}
	.tbl_login{
		width: 70% !important;
	}
	.tbl_login.login_form{
		width: 100% !important;
	}
	.tbl_login .tbl_cell{
		display: block;
		width: 100% !important;
		text-align: center;
	}
	.lesson_title, 
	.course_title, 
	#messages_cnt .title, 
	#account_cnt .title, 
	#reply_cnt .title, 
	#main_cnt .title, 
	.login_header{
		line-height: 120%;
	}
	
}



.fb-container{
	width: 280px;
}