/**
 * File: Style.css
 * Description : Contains all necessary styling for the WPLMS
 * Author: Mr.Vibe 
 * Credits: www.VibeThemes.com
 * Project: WPLMS
 **/
/*========================================================================*/
/*   TABLE OF CONTENT
/*========================================================================*/
/*
/*		01. DEFAULT STYLING
/*		02. GENERAL STYLING
/*		03. LOGO
/*		04. BUTTONS
/*		05. SLIDERS	
/*      06. NAVIGATION
/*		07. HEADER
/*		08. CONTENT
/*		09. FOOTER
/*		10. HOME
/*		11. ABOUT
/*      12. GRID, PARALLAX & FEATURED EFFECT
/*		13. SERVICES
/*		14. PORTFOLIO
/*		15. PORTFOLIO GRID
/*		16. BLOG
/*      17. SINGLE PORTFOLIO
/*		18. SINGLE
/*		19. COMMENTS
/*		20. MISCELLANEOUS
/*		21. AD-HOC Fixes
/*		22. RESPONSIVE FIXES
/*

/*================ media =====================*/
@media only screen 
and (min-width : 1200px) {
		header #searchicon{ float: right; color:#404140 !important ; padding: 40px;}
			#qtvtutor_features{margin: 60px 70px 50px 70px;}
				#social-icons {margin: 10px }	
		.wysija-paragraph{width: 70%;}
			nav .sub-menu{width: 150%;}

.tbl-hd{width: 40%;}
}

/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {
		nav .sub-menu{width: 150%;}
		header #searchicon{ float: right; color:#404140 !important ; padding: 40px 0;}
		#qtvtutor_features {margin: 60px 0 30px;text-align: center;}		
		nav .sub-menu{width: 150%;}
		#social-icons {margin: 10px 0;}	
		.wysija-paragraph{width: 60%;}
		#news-hd{margin-top: 2px;text-align: center;}
		.helpline p{font-size: 12px;}
		header #searchform{min-width: 300px;}
					.tbl-hd{width: 40%;}

	}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {
				nav .sub-menu{width: 100%;}
				.nav-tabs.nav-justified > li{float: left;width: 50%;}
		.footer div[class^="col"]:nth-child(4) ul {text-align: right;}
		footer .shield a {width: 190px; height: 77px; }
		.footer ul, footer p {font-size: 11px;line-height: 2em;padding: 0 17px!important;margin-bottom: 20px;
				min-height: inherit;
				}
				.phone ul{text-align: right !important;font-size: 12px; border:none !important;}
				header #trigger{display: block; left:85%;}
				#qtvtutor_features{text-align: center;margin-top: 50px;}
				.blogpost .excerpt.thumb{margin: 120px 0 0 0 !important;}
				.blogpost{margin: 0px !important;}
				.urdublog{padding-left: 100px;}
	}

	/* Small Devices, Tablets */
		@media only screen and (max-width : 650px) {
					#layerslider_4{display: none; visibility: hidden;}

		}
	@media only screen and (max-width : 768px) {
		#qtvtutor_features{margin-top: 60px;}
		#qtvtutor_features .col-sm-4{margin-bottom: 30px;}
		nav .menu li a {padding: 10px 6px 20px 6px;}
		.helpline{text-align: center;}
		.adult-course-img {padding-top: 10px;}
		.female-course-img {padding-top: 10px;}
		.short-course-img {padding: 10px 0 30px 0;}
		.nl-heading h3{float: none !important; text-align: center;}
		.newslettersubs{text-align: center;}
		#social-icons{text-align: center;}
		.vibe_sidebar{margin-top: -50px;}
	/*.custom_post_carousel{display: none !important; visibility: hidden;}
	*/
		header #searchicon{top: -68px;left: 75%;display: block; color:#939C26 !important}
		.custom_banner, #qtvtutor_features, .one_half, .helpline, #n-b{text-align: center;}
		#subscriber{width: 100%; position: relative;top: -20px;left: 15px;}
		.newsletter-subscription{height: 150px;}
		.noborder-ft ul{border:none;}
		.tabs-left > .nav-tabs, .tabs-right > .nav-tabs{width: 35%;}
		.tab-content{width: 70% !important;}
		#registration select {
padding-left: 45px;
}
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {
		header #searchicon{left: 66%;}
		header #searchform{min-width: 250px;}
		#qtvtutor_features{margin: 60px 0;}
		.btn-free{font-size: 18px !important;}
		.tab-content{width: 100% !important;}
		.nav-tabs > li {
		float: left;
		margin-bottom: -1px;
			}
			.tabs-left > .nav-tabs, .tabs-right > .nav-tabs{width: 100%;}
			.tbl-hd{width: 70%;}
			#registration select {padding-left: 50px !important;}
			.wysija-paragraph{width: 100%; margin-bottom: 10px;}

	}

	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 370px) {
			/* Styles */
			#logo img{height: 35px !important;}
			header #searchicon{left: 55%;}
			h1{font-size: 22px !important}
			.helpline{padding: 0px;}
			.helpline a{display: block;padding-bottom: 10px;}
			.h-pd p{font-size: 12px;}
			.container h1, .container h2{font-size: 20px !important;text-align: center;}
			.about-h1, v_module v_text_block v_first{text-align: center;}
			.home-page .widget .widget_title{font-size: 18px !important;}
			#l2snlayer{display: none !important;}
			#qtvtutor_features{padding: 4px; margin: 60px 0;}
			 #banner2{margin-top: -20px;}
			/* .homepageslider{display: none; visibility: hidden;}
			*/
			#qtvtutor_features .col-xs-6{margin: 20px 0 0;min-height: 165px;}
			header #searchform {min-width: 200px;}
			.tbl-hd{width: 70%;}
	
	}


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

/*=================Main css======================*/
.wpcf7 br{display: none;}
.fee-plan-tbl td,.fee-plan-tbl td span{font-weight: bold;}
.tp-bdr{border-top: 1px solid #a9a9a9; margin-top: 5%;}
.c-btn{ margin: 0 !important;border: none !important;}
.c-btn:hover{background: #8f2910; color: #fff;}
.dollar, .euro, .aed{display: none;}
.ico-bold{font-weight: bold;}
.custom-addon{line-height: 1.6;padding: 5px 22px 5px 12px;position: absolute;text-align: left;border-right: 1px solid #cccccc !important;}
#registration select{
	padding-left: 45px;
	 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
/*.pd-mg{padding-left:10px;padding-right:40px;}
*/legend{background: #0378aa;color: #fff;padding: 5px 10px;}
#registerbutton{text-align: center;}
.sub-tr{font-size: 10px;}
.sub-thead{font-size: 14px;}
.main_tr{font-size: 14px; line-height: 1px; padding-top: 10px;}
.clear3:nth-child(3n+1){clear: none !important;}
.block.courseitem .block_content{border:none !important;}
#resetBtn, #registerbutton{width: 99%;}
#course_c{
border-left: 3px solid #5f9f0a;
padding: 5px 10px;
background: #c4d27d;
font-weight: bold;
: ;
}
#course_a{
border-left: 3px solid #0a6baf;
padding: 5px 10px;
background: #99c3e9;
font-weight: bold;
}
#course_f{
border-left: 3px solid #b0960d;
padding: 5px 10px;
background: #efe14d;
font-weight: bold;
}
#course_s{
border-left: 3px solid #b0470d;
padding: 5px 10px;
background: #ef934d;
font-weight: bold;
}
.p-mg{margin:0 0 50px 0;}


.blue{color: #0A58A0;}
.green{color:#056805;}
.red{color: #9B0000;}
.female-course-img,.short-course-img{padding-top: 10px;}
#course-personal-li{display: none;visibility: hidden;}
.tfq{display: inline-block;}
#plan_Tafseer-e-Quran .tfq{display: inline-block;}
#tbl_Tafseer-e-Quran .tfq{display: inline-block;}

.helpline{padding:25px 0 25px 0;}
.submenu-subtitle{display: block !important;display: block !important;
font-size: 12px;
text-transform: capitalize;}
.home-page section.stripe{padding-bottom: 0px !important;}
#hor-line{border: 2px solid #E4E4E4; margin-top: -20px;}
#layerslider_9{margin-top: 30px !important;}
#asses-btn{text-align: center; margin-bottom: 30px;}
#banner1, #banner2{margin-top: 30px;}
/*.pagetitle{padding: 20px 10px 0 20px;}
*/
#buddypress a.bp-secondary-action, #buddypress span.highlight{display: none;}
#at4-share{display: none !important; visibility: hidden !important;}
.category-news-events .gallery a{
	width: 250px;
height: auto;
float: left;
margin: 7px 5px;
border:none;
}
.popup{

	background: #0378aa;
display: block;
text-align: center;
padding: 20px 0px 10px 0;
margin-top: 10px;
border-radius: 2px;
border-color: #0378aa;
font-size: 32px;
color: #fff;
}
.popup p{font-size: 18px;}
.popup:hover{background: #1799D1;color: #fff;}
.has-feedback .form-control-feedback{padding-right: 25px;}
.stripe_container {padding: 0 15px;}
.profile-fields .field_1 .data P{color: #09305A;font-size: 22px;}
.profile{margin-top: 20px;}
/*#xprofile-personal-li{display: none;}
*/#tc{margin-left: 20px;}
.home-page #content{padding: 10px 0 !important;}
.h-pd{padding: 10px 0;}
.h-pd a{padding-right: 10px;}
.h-pd p{font-weight: bold;}
.home-page .stripe{background: #fff;/*padding-top: 20px;*/}
/*.home-page .nextstripe{padding-top: 40px;}
*/
#shopsidebar{margin-top: 19px;}
.qtvtutor_features{padding: 50px 0px;}
.newsletter-form br{display: none;}
.homepageslider .stripe{padding: 0 !important;}
#vibe-mega-megamenu  img{display: none;}
#vibe-mega-megamenu span{display: none;}
#content{padding: 20px 0px;}
span.q-green{color: #b5aa24; font-weight: bold;}
span.q-yellow{color: #496b1e; font-weight: bold;}
.about_tabs h4{font-weight: bold !important;}
.block.courseitem .block_content img, .block.courseitem .star-rating+strong, .block.courseitem .course_instructor, .block.courseitem span.clear{display: none;}
/*========================================*/
/*===============SHORT CODE STYLE=======================*/
.block.courseitem .block_title{border:none !important;}
.block.courseitem .star-rating{display: none;}
#item-admins{color: #fff; padding: 15px;}
#item-header-content h4{color: #fff !important;}
h4.block_title + .date{display: none;}
/*=============================================================================*/
#plan_Tafseer-e-Quran #pC,#plan_Tafseer-e-Quran #pD, #plan_Tafseer-e-Quran #pE, #plan_Tafseer-e-Quran #pF{display: none;}
#tbl_Tafseer-e-Quran #tC,#tbl_Tafseer-e-Quran #tD, #tbl_Tafseer-e-Quran #tE, #tbl_Tafseer-e-Quran #tF{display: none;}

/*=======================top social icon===================================*/
.block_media img{width: 338px;}
.block_media .hover-link{padding: 10px;}
.event {
margin-bottom: 30px;
}
.event .event-right {
float: right;
margin-left: 0;
}
.event .date {
margin-right: 30px;
}
.event .date span.day {
display: block;
padding: 6px 2px;
background: #8f3931;
color: #fff;
text-align: center;
}
.event .date span.month {
display: block;
padding: 6px 2px;
border-left: 1px solid #dad9d9;
border-bottom: 1px solid #dad9d9;
border-right: 1px solid #dad9d9;
color: #670a0a;
text-align: center;
}
.top-social{border:none;margin-left: 20px;}
.top-social li{list-style: none;
border: none !important;
padding: 0 !important;
margin-left: 5px !important;}
.top-social li a{display: inline-block;}
.top-social li a i{font-size: 20px;}
#menu-top-menu li {padding-top: 2px;}
#sister-companies{text-align: center;}
#sister-companies li{display: inline; list-style: none;padding-top: 10px;}
#sister-companies li a{ display: inline-block;text-indent: -9999px;}
#sister-companies li a#islamic_playland{background: url('../images/islamic_playland.png') no-repeat top; height: 47px; width: 120px;}
#sister-companies li a#islamic_playland:hover{background: url('../images/islamic_playland.png') no-repeat bottom; height: 47px; width: 120px;}
#sister-companies li a#arytech{background: url('https://www.qtvtutor.com/pk/wp-content/uploads/2020/09/learnege_logo_sprite.png') no-repeat top; height: 47px; width: 120px;}
#sister-companies li a#arytech:hover{background: url('https://www.qtvtutor.com/pk/wp-content/uploads/2020/09/learnege_logo_sprite.png') no-repeat bottom; height: 47px; width: 120px;}
#sister-companies li a#ask{background: url('../images/ask.png') no-repeat top; height: 47px; width: 142px;}
#sister-companies li a#ask:hover{background: url('../images/ask.png') no-repeat bottom; height: 47px; width: 142px;}
#sister-companies li a#kalaam{background: url('https://www.qtvtutor.com/wp-content/uploads/2015/11/qtv-footer41.png') no-repeat top; height: 47px; width: 120px;}
#sister-companies li a#kalaam:hover{background: url('https://www.qtvtutor.com/wp-content/uploads/2015/11/qtv-footer41.png') no-repeat bottom; height: 47px; width: 120px;}
#social .fa-google-plus-square:hover {color: #d82a21 !important;}
#social .fa-facebook-square:hover{color: #3c599b;}
#social .fa-twitter-square:hover{color: #32ccfe;}
#social .fa-pinterest-square:hover{color: #e70202;}
/*#ft-logo:hover{background: url('https://www.qtvtutor.com/wp-content/uploads/2019/04/logo1-new.png') bottom no-repeat;}*/

/*========================================================================*/
#trigger .lines, .lines:before, .lines:after{background:#535353;}
header #trigger {
display: none;
 width: 50px; height: 50px;
}
#logo img{max-width: none;}
.sidemenu li.active a, .sidemenu li a:hover{color: #494747;
font-weight: bold;}
.newsletter-subscription{}
.post-date{float: right;
padding-right: 20px;
color: #BDBDBD;}
.nav-tabs > li.active > a:focus{color: #fff !important;}
.nav-tabs > li.active > a{color: #fff !important;}

.heading{font-size: 20px !important;}
 @font-face {
   font-family: HP;
   src: url('../fonts/HPSimplified_Lt.ttf');
}

.row-fluid-footer{border-bottom: 1px solid #1b1b1b;}
footer .left ul, footer .left p {
border-right: 1px solid #4f4e4e;
text-align: right;
padding-right: 1.25em;
}
footer ul {
list-style: none;
}
footer a {
color: #d3d1d1  !important;transition: all 0.3s ease-in-out;
}
footer ul, footer p {
/*font-size: .875em;*/
color: #d3d1d1;
line-height: 2em;
}
.footer ul, footer p {
min-height: 150px;
margin-bottom: 1.875em;
}
footer .right ul, footer .right p {
border-left: 1px solid #4f4e4e;
text-align: left;
padding-left: 1.25em;
}
footer .shield a {
text-indent: -9999em;
display: block;
width: 223px;
height: 53px;
background: transparent url('https://www.qtvtutor.com/wp-content/uploads/2019/04/logo1-new.png') top no-repeat;
background-size: 100%;
margin: 70px auto;
opacity: .6;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
overflow: hidden;
}

footer a:hover, footer a:focus {
opacity: 1;
}
footer .row-fluid:last-child {
border-top: 1px solid #4f4e4e;
/*padding: 1em 0;
*/}
#social {
/*height: 20px;*/
/*width: 310px;
*/margin: 0 auto 1em auto;
text-align: center;
}
footer p.copyright {
text-align: center;
margin: 0;
min-height: 0;
height: auto;
line-height: 1em;
font-size: .95em;
padding:10px 0;
}
#social ul li {
display: inline-block;
margin: 0 2px;
}
#social ul li a {
font-size: 24px;
color: #fff;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
#social ul li a:hover, #social ul li a:focus {
opacity: 1;
}


.registration-page a{ background: #405E18!important;
color: #fff !important;
/* font-size: 18px; */
padding: 20px 20px !important;
margin: 20px !important;
opacity: 1 !important;
}
.registration-page a:hover {
color: #fff !important;
background: #212E0F !important;
text-decoration: none;
webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn-free {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;

color: #fff;
padding: 10px 20px;
font-size: 24px;
font-weight: bold;
border-radius: 5px;

background: #75bd01;border: 1px solid #63990C;
}
.btn-free:hover{
color: #fff;
border: 1px solid #067EB1;
background: #00a7ed;
}
/*========================================================================*/
/*   01. DEFAULT STYLING
/*========================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, adress, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
/*ul,ol{
	list-style:none;
}*/

body {
  border: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 100%;
  overflow-x: hidden;
	background-color: #F9F9F9;
	color: #313b3d;
	font-family: 'Open Sans', 'Helvetica Neue',sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	font-size: 14px;
}

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body{
	z-index:0;
}

textarea:focus,button:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-    input:focus {
    border-color: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: none;
}
input[type="radio"]:hover{
	-webkit-appearance: radio;
}
ul,ol{
	margin:0;
	padding:0;
/*	list-style: none;
*/}
ins{text-decoration:none;}
label{
	font-weight:600;
}
/*========================================================================*/
/*   02. GENERAL STYLING
/*========================================================================*/
/*
font-family: 'Steelfish Book'
font-family: 'Steelfish Light'
font-family: 'Steelfish Regular'
font-family: 'Steelfish Bold'
*/

h1,h2,h3,h4,h5,h6{
	line-height:1.35em;
	 font-family: 'Raleway','Open Sans', sans-serif;
	color: #474747;
}
h3{color:#474747 !important; font-weight:normal !important;}
.container h1,.container h2{font-weight: bold !important;
color: #033D52 !important;
border-bottom: 3px solid #D8D8D8;
padding-bottom: 10px;
margin-bottom: 20px;
}
h1{font-size: 28px;}
.container h2{
	font-size: 28px;

}
h3{
	font-size: 24px;

}
h4{
	font-size: 20px;
}
.container h5{
	font-size: 13px !important;
	font-weight: bold !important;
}
h6{
	font-size: 16px;
}

small{
	font-size: 75%;
}

a,
a:hover,
a:focus,
a:active{
	text-decoration:none;
	outline:none;
	-webkit-appearance:none;
}
img,
.image{
	max-width: 100%;
	height:auto;
}
h3+p,p+h3,
p+p,
ul+p,
p+ul,ul+ol,ol+ul,
blockquote+p,
p+blockquote{
	margin-top: 10px;
}

blockquote p{
	font-weight:400;
}

.alignleft{
	float:left;
	margin: 0 15px 15px 0;
}

.alignright{
	float:right;
	margin: 0 0 15px 15px;
}

.form_field,
.input-text,
#s{
	padding: 6px 20px;
	border: 1px solid #A9A9A9;
	color: #888;
	width: 70%;
display: inline;
}

.form_field:focus{
	color: #444;
}

.form_field.error_input{
   border-color: #eb3f22;
}
input+input,
input+textarea{
	margin-top:10px;
}
input[type='submit'].form_field,
#searchsubmit{
	padding:10px 24px;
	font-size:11px;
	font-weight:600;
	text-transform: uppercase;
	background-color:#F16645;
	background-image:url(../images/button.png);
	border:none;
	color:#FFF;
	border-radius:2px;
}

a{
	font-weight:400;
}

a:hover{
	color: #78C8Ce;
	text-decoration:none;
	  webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -o-transition: all 0.2s ease-in-out;
	  transition: all 0.2s ease-in-out;
	
}
.reply a,
.link{
	color: #78C8Ce;
	text-decoration:none;
	font-weight: 600;
	font-size:11px;
	text-transform: uppercase;
	webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -o-transition: all 0.2s ease-in-out;
	  transition: all 0.2s ease-in-out;

}

.link:after{
	content:'';
	padding-left:2px;
	webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -o-transition: all 0.2s ease-in-out;
	  transition: all 0.2s ease-in-out;

}
.link:hover:after{
	content:'+';
}

.fitvids{
	margin-bottom:30px;
}




#main{
	z-index:1;
	background:#FFF;
}

#content .content ul{
	list-style: disc;
}
.tab-content ul{padding-left: 15px;}
#content .content ol{
	list-style: decimal;
}
.pd-left-30{padding-left: 30px;}

.content ul > li > ul,
.content ol > li > ol{
	padding-left:30px;
}
/*========================================================================*/
/*   04. CHOSEN CUSTOMIZATION
/*========================================================================*/
ul{list-style: none;}
select{border-radius: 0px;}
.chosen-container{
  min-width:160px;
}

.chosen-container-active.chosen-with-drop .chosen-single, 
.chosen-container-single .chosen-single{
	background:#FFF;
	border:1px solid #EFEFEF;
	border-radius:2px;
	box-shadow: 0 2px 0 0 #EEE;
	height: 40px;
	padding: 6px;
}

.chosen-container.chosen-with-drop .chosen-drop{
	border-radius:0 0 2px 2px;
	border-color:#EFEFEF;
}
.chosen-container .chosen-results li.highlighted{
	background:#78c8c9;
}

.chosen-container-single .chosen-single div b{
	background-position: 0 10px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -18px 10px;
}
/*========================================================================*/
/*   04. BUTTONS
/*========================================================================*/

.button{
	padding:10px 24px;
    display: inline-block;
    margin:10px 10px 10px 0;
    font-size:12px;
    background-color: #78C8Ce;
    border:1px solid #78C8Ce;
    background-image:url(../images/button.png);
    color: #FFF;
    border-radius:2px;
    outline: none;
    font-weight:600;
    letter-spacing: 0.1em;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 1;
}

.button.blue{
	background-color:#78c8ce;
}

.button.green{
	background-color:#70c989;
}

.button.primary{
	background-color: #fa7252;
    border-color: #568115;
}

.button.full{
	width:100%;
	text-align: center;
}

.button+.button{
	margin-left:10px;
}
.button.full+.button{
	margin:10px 0;
}
.button.full+.button.full{
	margin-top:0;
}
.button.small{
	font-size:12px;
	padding:8px 16px;
	font-weight:600;
	text-transform: uppercase;
}

.button:hover{
	color:#FFF;
	background-image:none;
}

/* === Other Classes ====*/

.clear{
	clear: both;
}

.center{
	text-align:center;
}

.left{
	float: left;
}

.right{
	float: right;
}


.first{
	clear:both;
}

 textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus {
    outline:0px !important;
    -webkit-appearance:none;
        }
/*========================================================================*/
/*   05. FLEXSLIDERS
/*========================================================================*/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none !important;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

.flex-control-nav {
	position:absolute;
	bottom: -20px;
	text-align:center;
	width: 100%;
}

 .flex-control-nav li{
 	margin: 0 3px;
 	display: inline-block;
 }
 .flex-control-nav li a{
 	width: 30px;
 	height: 5px;
 	background: #FFF;
 	text-indent:-9999px;
 	display:block;
 	opacity: 0.4;
 }

 .flex-control-nav li a.flex-active{
 opacity: 1;
 }
 
 
 .flex-direction-nav .flex-prev:hover,
 .flex-direction-nav .flex-next:hover{
 	opacity: 1;
 } 
 
 .heading{
	margin:20px 0;
 }
 .heading a{
	font-size: 14px;
	text-transform: uppercase;
	float: right;
}

/*========================================================================*/
/*   06. BLOCKS
/*========================================================================*/
	
.global,
.pusher{
	height: auto;
	display:inline-block;
	width: 100%;
}

.global{
	position: relative;
}

.pusher{
         z-index:99;
/*background-color: transparent !important;
*/	 width: 100%;
	 height: auto;
	 display:inline-block;
}

.pagesidebar {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
	visibility: hidden;
	width: 220px;
	height: 100%;
	background:#fff;
	color: #EEE;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}


.open .menu::after {
	position: fixed;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
        display:block;
	background: transparent;
	content: '';
        cursor:pointer;
}

#main{
	z-index:1;
	background:#FFF;
}

/*========================================================================*/
/*   06. HEADER & NAVIGATION
/*========================================================================*/

header{
	display: inline-block;
	width:100%;
	background:#fff;
	padding:0;
	margin:0 0 -25px 0;
	z-index: 99;
}

#headertop{
	background:#232b2d;
	padding:8px 0;
	font-size:11px;
	text-transform: uppercase;
	color:rgba(255,255,255,0.6);
}
#headertop .homeicon{display: none;}
#headertop.fixed{position: fixed;width:100%;top:0;left:0;z-index:9999;}
#headertop.fixed .homeicon{display: block; float:left;}
#headertop .homeicon img{
	max-height: 20px;
}
#headertop li{
	float:left;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #576972;
}
#headertop li:first-child{
	border:none;
}
#headertop a{
	color:#fff;
}
#headertop .topmenu{
	float:right;
}

header #searchdiv{
	float:right;
	color:#576972;
	font-size:16px;
	padding:28px 0 0;
}
header #searchicon{
	float: right;
	font-size: 20px;
	cursor: pointer;
}
header #searchdiv{display: none;z-index: 999;}
header #searchform{
	position: absolute;
	width: 100%;
	opacity: 0;
	top: 100%;
	right: 0;
	border-radius:2px;
	background: #48575a;
	padding: 15px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
header #searchdiv.active{display: block !important;}
header #searchdiv.active #searchform{
	-webkit-animation: slideDown 0.2s ease-in-out;
    -moz-animation:  slideDown 0.2s ease-in-out;
    -o-animation:  slideDown 0.2s ease-in-out;
    animation:  slideDown 0.2s ease-in-out;
    opacity: 1;
    z-index: 91;
}

header #searchform input[type="text"]{
	border: none;
	background:#232b2d;
	font-size: 20px;
	padding: 12px;
	width: 100%;
	border-radius:2px;
	color: #313131 !important;

}
#searchform label{display: none;}
header #searchform label,
header #searchform input[type="submit"]{display: none;}
header #searchform:after{
	content: '';
	position: absolute;
	top: -20px;
	height: 15px;
	width: 15px;
	right: 10px;
	bottom: 0px;
	border: 10px solid;
	border-color: transparent transparent #48575a transparent;
}

nav{
	 /* Adjusting for Logo */
	float:right;
}



nav .menu li{
	float:left;
}

nav .menu li.active a{
	color:#FFF;
	position: relative;
}
/*
.menu li.active a:after{
	content:'';
	position: absolute;
	left:50%;
	margin-left:-10px;
	bottom:0px;
	border:10px solid;
	border-color: transparent transparent #FFF transparent;
} */
nav .menu li:hover > a{
	opacity:1;
	color:#679330;
}
nav .sub-menu li:hover > a{
	opacity: 1;
}

nav .menu li a{
	font-family: 'Raleway',sans-serif;
	font-weight:600;
	margin:0 2px !important;
	padding: 40px 6px;
	display: inline-block;
	font-size: 13px;
	text-transform:uppercase;
	color: #313b3d;
	opacity: 0.8;
	position: relative;
}
nav .menu li.current-menu-item a{
	color:#679330 !important;
	opacity: 1;
}
nav .menu li.iconstyle{
	width:88px;
	float:left;
}
nav .menu li.hasmenu{
	position: relative;
}
nav .sub-menu{
	display: none;
}

nav .sub-menu{
	position: absolute;
opacity: .8;
/*top: 100%;*/
/*padding-top: 5%;
*/right: 0px !important;
/*width: 150%;
*/z-index: 99;
display: none;
background: #0a0000;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
nav .hasmenu .sub-menu{
	width:176px;
}

nav .sub-menu li > .sub-menu{
	top:0;
	left:100%;
}
nav .sub-menu li.left > .sub-menu{
	top:0;
	left:-100%;
}

nav .menu-item-has-children:hover > a:before{
	content: '';
	position: absolute;
	bottom: -20px;
	height: 15px;
	width: 15px;
	left: 20px;
	bottom: 0px;
	border: 10px solid;
	border-color: transparent transparent #48575a transparent;
}

nav .sub-menu li > .sub-menu:before{
	content: '';
	border: none;
}

nav .sub-menu li{
	display: block;
	position: relative;
	width:100%;
	/*background: #000;*/
}

nav .sub-menu li a{
	color:#FFF;
	opacity: 0.8;
	display: block;
	font-size:12px;
	border-bottom:1px dotted rgba(255,255,255,0.3);
	padding:10px;
}
nav .sub-menu > li:last-child a{
	border-bottom:none;
}
nav .sub-menu li a:hover{
	opacity: 1;
}

nav .menu li:hover > .sub-menu{
	display: block;
	opacity: .9;
	-webkit-transition: fadeInFromNone 1s ease-in-out;
  	-moz-transition: fadeInFromNone 1s ease-in-out;
  	-o-transition: fadeInFromNone 1s ease-in-out;
  	transition: fadeInFromNone 1s ease-in-out;
}

nav .menu li > .sub-menu{
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
}

nav .menu li.megadrop > .sub-menu{
	width:150%;
}

nav .menu li.iconstyle > .sub-menu{
	width: 360px;
	margin-left:-50%;
}

nav .menu li.iconstyle > .sub-menu li{
	width:120px;
	float:left;
	text-align: center;
	font-size:12px;
}
nav .menu li.iconstyle li i{
	display: block;
	font-size:48px;
}

.menu-sidebar{
	padding:0 10px;
	display: inline-block;
	width:100%;
}


.menu-sidebar.column5 .widget{
	width:20%;
	float:left;

}

.menu-sidebar.column4 .widget{
	width:25%;
	float:left;
}

.menu-sidebar.column3 .widget{
	width:33%;
	float:left;
}

.menu-sidebar.column2 .widget{
	width:50%;
	float:left;
}

.menu-sidebar .widget .inside{
	padding:20px 15px;
}

.menu-sidebar .widget{
	border-left: 1px solid rgba(255,255,255,0.1);
}
.megadrop .menu-sidebar{
	padding:0 0 10px;
}
.megadrop .menu-sidebar .widget ul li{
	border:none;
	padding:0;
}
.megadrop .menu-sidebar .widget_course_list li h6{
	color:#FFF;
}
.megadrop .menu-sidebar .widget_course_list li img{
	border-color:rgba(0,0,0,0.2);
}
.megadrop .menu-sidebar {color:rgba(255,255,255,0.6);}
.megadrop .menu-sidebar .widget ul li a{
	padding: 4px 0;
	margin:0;font-weight:600;
	font-size:12px;
	color: rgba(255,255,255,0.8);
	border-bottom:1px dotted rgba(255,255,255,0.1);
}
.megadrop .menu-sidebar .widget ul li a:hover{color:#FFF;}
.megadrop .menu-sidebar .widget + .widget{margin:0;}
.megadrop .menu-sidebar .widgettitle{
	font-size:14px;
	color:#FFF;
	margin:0 ;
	font-weight:600;
	padding-bottom:10px;
	text-transform: uppercase;
	border-bottom:1px solid rgba(255,255,255,0.1);
}
.menu-sidebar.column5 .widget:nth-child(5n+1){
	clear:both;
	border-left:none;
}

.menu-sidebar.column4 .widget:nth-child(4n+1){
	clear:both;
	border-left:none;
}

.menu-sidebar.column3 .widget:nth-child(3n+1){
	clear:both;
	border-left:none;
}

.menu-sidebar.column2 .widget:nth-child(2n+1){
	clear:both;
	border-left:none;
}

/* === END EFFECT === */ 

button {
  display: inline-block;
  margin: 0 1em;
  border: none;
  background: none;
}
button span {
  display: block;
}


#trigger{
	cursor:pointer;
	display: none;
	position:absolute;
	top:40px;
	right:40px;
}

#trigger{
	padding:0;
	margin:0;
	border:none;
	z-index: 99;
}
.open #trigger{
	z-index: 0;
}

#trigger {
cursor: pointer;
user-select: none;
/*background:transparent;
*/}


#trigger .lines {
  display: inline-block;
  position: relative;	
  width: 32px;
  height: 4px;
  background: #535353;
  color: #2f2f2f;
  /* Not in use when the colors are specified below */
  transition: 0.3s;
}



.lines:before, .lines:after {
display: inline-block;
width: 32px;
height: 4px;
background: #535353;
transition: 0.3s;
position: absolute;
left: 0;
content: '';
-webkit-transform-origin: 6px center;
transform-origin: 6px center;
}
.lines:after {
	top: -8px;
}

.lines:before {
	top: 8px;
}
.open .lines{
	background:transparent !important;
}




.open .lines:before, 
.open .lines:after {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
top: 0;
width: 32px;
}

.open .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}
.open .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}


/* content style */


.pusher {
	position: relative;
	left: 0;
	width: 100%;
	display:block;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.pusher::after{
    position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
content: '';
opacity: 0;
over-y:hidden;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.open .pusher::after {
	width: 100%;
        height:100%;
        opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

/* Effect 2: Reveal */
.open .pusher {
	-webkit-transform: translate3d(-220px, 0, 0);
	transform: translate3d(-220px, 0, 0);
}


.pagesidebar {
		z-index: 1;
        color:#eee;
}

.open .pagesidebar {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	box-shadow: inset 1px 0 0px rgba(0,0,0,0.1);
        overflow-y:auto;
        background: #fff;
}

.pagesidebar::after {
	display: none;
}


.pagesidebar .widget li > a{
    padding:4px 0;
    display: inline-block;
}

h2#sidelogo{
	text-align: center;
	max-height:32px;
	margin-bottom:30px;
}

h2#sidelogo img{
	display: inline-block;
	max-height:32px;
/*	opacity:0.2;
*/}
h2#sidelogo:hover img{
	opacity:1;
}

.sidemenu{
	width:100%;
	padding:0;
	margin:0;
}

.sidemenu li a{
	padding:15px 0;
	display: inline-block;
	width:100%;
	text-align: center;
	color: #141414 !important;
font-weight: bold;
	opacity: 0.8;
	border-top:1px solid rgba(0,0,0,0.1);
}
.sidemenu li:last-child a{
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.sidemenu li.active a,
.sidemenu li a:hover{
	opacity: 1;
	background:#12333e;
}

/*========================================================================*/
/*   03. LOGO
/*========================================================================*/


#logo{
	margin:15px 0 0;
	padding:0;
	webkit-transition: all 0.6s ease-in-out;
	  -moz-transition: all 0.6s ease-in-out;
	  -o-transition: all 0.6s ease-in-out;
	  transition: all 0.6s ease-in-out;
	  border: none !important;
}

#logo img{
/*		max-height:48px;	
*/		width:auto;
}

#bpavatar+ul{
	position: relative;
}

#headertop #vibe_bp_login li#admin_panel_icon{
	position: absolute;
	bottom: 0;
	font-size: 16px;
	right: 0;
	text-align: right;
}
#headertop #vibe_bp_login li#admin_panel_icon i{
	padding: 4px 8px;
	line-height: 0;
}
/*========================================================================*/
/*   03. NOTIFICATION
/*========================================================================*/
#footernotification,
#headernotification{
	background:  #78C8Ce;
}

/*========================================================================*/
/*   03. SLIDER
/*========================================================================*/

#slider{
	height:480px;
	margin-top:-5px;
	display: block;
	width:100%;
	background:url(../images/slide1.jpg) 50% 100px;
	background-attachment: fixed;
}

/*========================================================================*/
/*   03. FOOTER
/*========================================================================*/
.home-page footer{margin-bottom: 0px;}
.home-page #sticky_footer{display: none;}
#sticky_footer{
        position:fixed;
        left:0px;
        bottom:0px;
        width:100%;
        background:rgba(104, 154, 29, 0.92);
        color:#fff;
        display: inline;
        z-index: 999;
    }
#sticky_footer p{text-transform: uppercase; font-size: 22px;text-align: center;top:6px;position: relative;}
    /* für ie6*/
    * html #sticky_footer{
        position:absolute;
        top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
    } 
    #sticky_footer a{display: inline-block;
background: #74AA24;
padding: 8px 20px;
margin-left: 20px;
color: #fff;
font-weight: bold;
border-radius: 5px;
border: 6px solid #568115;
text-decoration: none;
webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
#sticky_footer a:hover {
color: #fff;
border: 6px solid #067EB1;
background: #00a7ed;
}
#social-icons li a#ft-fb:hover{background: #3c599b;}
#social-icons li a#ft-tw:hover{background: #5eaade;}
#social-icons li a#ft-gp:hover{background: #dd4b39;}
#social-icons li a#ft-pn:hover{background: #cb2027;}
#social-icons li a:hover i{color: #fff;}
.newsletter-bar{padding: 10px 0;}
.nl-heading h3{
	color: #fff !important;
font-size: 18px;
font-weight: bold !important;
/* padding: 0 0 10px 10px; */
margin: 15px 0;
float: right;
text-transform: uppercase;
}
/*#social-icons{margin: 10px;}
*/#social-icons li{display: inline; list-style: none;}
#social-icons li a{
	background: #fff;
	height: 40px;
	width: 40px;
	display: inline-block;
	text-align: center;
	padding-top: 8px;
}
#social-icons li a i{
	color: #444444;
	font-size: 18px;
}
.news-subs-bttn{
	border: none !important;
	border-radius: none !important;
background: #161616 !important;
text-transform: uppercase;
/* font-weight: bold; */
font-size: 14px;
padding: 8px 15px;
letter-spacing: 0em;
}
.news-subs-bttn:hover{background: #131212;}
.wysija-input{
display: inline-block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
width: 100%;
/*border-radius: 4px;
*/-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.newsletter-form{padding: 10px 0;}
footer{
	background:#403f3f;
	position: relative;
/*	padding:30px 0 0 0;
*/	font-size:14px;
	color:rgba(255,255,255,0.6);
	margin-bottom: 60px;
}

#footernotification,
#headernotification{
	background:#78C8Ce;
	padding:15px 0;
	font-size:16px;
	color:#FFF;
	font-weight: 600;
}

#footernotification .close,
#headernotification .close{
	float:right;
	font-size:24px;
	opacity: 0.6;
	color:#FFF;
	cursor:pointer;
}

#footernotification .close:hover,
#headernotification .close:hover{
	opacity:1;
}

#footernotification h2,
#footernotification h3,
#footernotification h4,
#footernotification h5,
#footernotification h6,
#footernotification p,
#headernotification h2,
#headernotification h3,
#headernotification h4,
#headernotification h5,
#headernotification h6,
#headernotification p{
	margin:0;
	padding:0;
	color:#FFF;
	font-weight:600;
}
.footerbottom{
	margin-top:30px;
	padding:30px 0 0;
	border-top:1px solid rgba(255,255,255,0.1);
}

#footerbottom{
	background:#232b2d;
	padding:30px 0 20px;
	color:rgba(255,255,255,0.6);
	font-size: 11px;
	text-transform: uppercase;
}
#footerbottom a{
	color:rgba(255,255,255,0.6);
}
#footerlogo{
	max-width:48px;
	float:left;
	margin:-15px 10px 0 0;
	padding:0;
	opacity: 0.6;
	display: none;
}
#footerlogo:hover{
	opacity: 1;
}
#footermenu{float:right;}
.footermenu li{
	float:left;
	margin-left:15px;
}
.footertitle,
footer h4{
	color:#FFF;
	font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}

.quick-flickr-item a{
	max-width: 64px;
	border: 2px solid rgba(0,0,0,0.2);
	float: left;
	margin: 0 10px 10px 0;
}
.quick-flickr-item a:hover{
border-color:#78c8c9;
}
.footerwidget .postsmall .post_title a{
	font-size:14px;
	text-transform: none;
}

.footerwidget .vibeposts li{
	clear:both;
}

.footerwidget .tagcloud a{
background:#232b2d;
}

.twitter_item > p{
	background: rgba(230,230,230,0.2);
	padding: 20px;
	border-radius: 2px;
}
.twitter_item i{
	font-size:32px;
}

.twitter_item p:after{
	content: '';
	position: absolute;
	bottom: 16px;
	left: 38px;
	border: 20px solid;
	border-color: rgba(230,230,230,0.2) transparent transparent transparent;
}
.footerwidget ul li{
	position: relative;
	clear:both;
}
.footerwidget ul li a{
  padding:4px 0;
  display: block;
  color:rgba(255,255,255,0.6);
}

.footerwidget .avatar-block .item-avatar,
.widget .avatar-block .item-avatar{
	float: left;
	max-width:52px;
	margin: 4px 4px 0 0;
}

.footerwidget .widget_course_list li img{
	border-color:rgba(0,0,0,0.2);
}
.footerwidget .widget_course_list li h6{
	color:#FFF;
	color:rgba(255,255,255,0.8);
}
.footerwidget .widget_course_list li h6 span{
	color:rgba(255,255,255,0.4);
}
.footerwidget .avatar-block .item-avatar img,
.widget .avatar-block .item-avatar img{
	border-radius:50%;
	border: 2px solid rgba(0,0,0,0.1);
}
.widget .avatar-block .item-avatar:hover img,
.footerwidget .avatar-block .item-avatar:hover img{
	border-color:#78C8Ce;
}
.footermenu li a{
	color:rgba(255,255,255,0.6);
	font-size:11px;
	font-weight:600;
	text-transform: uppercase;
	 font-family: 'Raleway','Open Sans', sans-serif;
}
.footerwidget ul li a:hover,
.footermenu li a:hover{
	color:#FFF;
}
#scrolltop a{color:#FFF;}
#scrolltop{
	position: absolute;
	right: 20px;
	bottom: 35px;
	font-size: 20px;
	color: #FFF;
	z-index: 9999;
	background:#232b2d;
	padding:6px 12px;
	border-radius:2px;
	opacity: 0.6
}
#scrolltop.fix{position: fixed;}
#scrolltop:hover{opacity: 1;}
#scrolltop span{
	display: block;
	text-transform: uppercase;
	font-size:11px;
	font-weight:600;
	text-align: center;
	margin-top:-8px;
}
/*========================================================================*/
/*   07. TITILE
/*========================================================================*/

#title{
	margin-top: -5px;
	padding: 30px 0 0;
}

.pagetitle h1{
	margin:0;
	padding:0;
	font-weight:600;
}
.pagetitle h5{
	margin-bottom:10px;
}

.single-wplms-assignment .pagetitle > span a{
 	margin-left:0;
}
/*========================================================================*/
/*   07. Breadcrumbs
/*========================================================================*/

.error{
padding:8px 20px;
border-radius:2px;
background:#f9edbe;
border:1px solid #f0c36d;
font-weight:600;
margin:5px 0;
display:inline-block;
width:100%;
font-size:11px;
text-transform: uppercase;
}

.bcrow{
	text-align: left;
	padding: 12px 0;
	line-height:1;
	border-bottom: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	margin-top: 15px;
	display: inline-block;
	width: 100%;
}
.breadcrumbs{
	display: inline-block;
	padding:0;
	margin:0;
	list-style: none !important;
}

.col-md-3 .breadcrumbs{
	padding: 20px 0 10px;
}

.breadcrumbs li{
	float:left;
	white-space:nowrap;
	margin-right:10px;
	font-size:11px;
	text-transform: uppercase;
}
.breadcrumbs a{font-weight:600;}
.breadcrumbs li+li:before{
	font-family: "fonticon" !important;
	content: "\e0f6";
	font-size: 10px;
	margin-right:10px;
}

.prev_next li{
	float:left;
	margin-left:15px;
	color:#bbb;
}
.prev_next li a{
	text-transform: uppercase;
	font-weight:600;
	font-size:12px;
}

.prev_next .prev:before{
	font-family:'fonticon';
	content: "\e172";
	float: left;
	color: #222;
	margin-right: 5px;
}
.prev_next .next:after{
	font-family:'fonticon';
	content: "\e0f6";
	float: right;
	color: #222;
	margin-left: 5px;
}
/*========================================================================*/
/*   07. Blog 
/*========================================================================*/

.meta{
	float: left;
	text-align: right;
	font-size: 14px;
	border-right: 1px solid #EFEFEF;
}

.meta .date{
	margin:0;
}
.meta,.meta a{
	color:#999;
}
.meta .date .day{
	font-size: 48px;
	font-weight: 700;
	margin: 0;
	opacity:0.4;
	line-height: 1;
	padding: 0 10px 10px 0;
}

.meta .date .month{
	padding: 10px 10px 0 0;
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
	border-top: 1px solid #EFEFEF;
	font-size: 12px;
	letter-spacing: 5px;
}

/*========================================================================*/
/*   07. Blogpost
/*========================================================================*/

.blogpost{
	clear:both;
	margin-bottom:60px;
	padding: 25px;
}
.blogpost .featured{
	max-width: 200px;
	height: auto;
	float: left;
	margin: 0 20px;
}
.blogpost h3{
	margin-top:0;
}

.blogpost img{
	height:auto;
}
.blogpost .excerpt{
	margin-left:90px;
}
.blogpost .excerpt.thumb{
	margin-left:310px;
}
.excerpt .cats{
	padding: 4px 0;
margin: 4px 0 10px;
border-top: 1px dotted #EFEFEF;
border-bottom: 1px dotted #EFEFEF;
}

.content .cats ul,
.cats ul{
	float:left;
	list-style: none;
}

.cats p{margin:0;color:#DDD;}

.cats li{float:left; margin-right:5px;}

.cats a{
	font-size: 11px;
	font-weight: 600;
	color:#bbb;
	text-transform: uppercase;
}
.cats a:hover{
	color:#78c8ce;
}

/*========================================================================*/
/*   07. PAGINATION
/*========================================================================*/


.pagination{
	clear:both;
	display: inline-block;
	width:100%;
	margin:20px 0 60px 90px;
	font-size:14px;
	color:#444;
}
a.page-numbers,
.page-numbers.current,
.pagination span{
	background:#F6F6F6;
	padding:2px 6px;
	border-radius:2px;
	margin-right: 5px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	color: #bbb;
}

.page-numbers.current,
.pagination span.current{
	background: #78c8ce;
	color:#FFF;
	font-weight:600;
}
a.page-numbers,
.pagination a{
	background:#F6F6F6;
	padding:2px 6px;
	border-radius:2px;
	margin-right: 5px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

.expand header{background: none !important;}
/*========================================================================*/
/*   07. SIDEBAR
/*========================================================================*/

.pvs{display: none !important;}
.phm{display: none !important;}
.sidebar{
	padding:30px 0;
}

.sidebar .widget{
/*	margin-bottom:60px;
*/}
.home-page .widget .widget_title{ font-size: 22px !important;font-weight: bold !important; }
.widget .widget_title{
	border-bottom: 3px solid #D8D8D8;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
	padding-top: 18px;
	color: #033D52 !important;
}
.widget+.widget{
	margin-top:30px;
}
.col-md-3 .widget+.widget{
	clear:both;
	display: inline-block;
	width:100%;
}
.widget #s{
	border:1px solid #EFEFEF;
	padding:6px;
}
.widget ul li{
	width:100%;
	padding:8px 0;
	display: inline-block;
	border-bottom:1px dotted #EFEFEF;
	font-size: 14px;
}

.widget ul li > ul li:last-child{
	border-bottom:none;
}
.widget ul li > ul.children{
	margin:0;
	padding-left:0;
}
.widget ul li:hover a{
	color:#78C8Ce;
}

.widget ul li.product:hover a,
.widget ul.flex-direction-nav li:hover a{
	color:#FFF;
}


.widget .menu li > .sub-menu{
	display: block !important;
	background: none !important;
	position: relative !important;
	opacity: 1;
	width:100%;
}

.widget .menu-item-has-children:hover > a:before{border:none;}

.widget .menu li a{
	padding:6px 0;
	color:#444;
}
.widget .menu li.current-menu-item a{
	color:#78c8c9;
}

.tagcloud a{
	color:#FFF;
	font-size:11px !important;
	font-weight:600;
	text-transform: uppercase;
	background:#78c8c9;
	padding:6px 8px;
	border-radius:2px;
	margin: 0 10px 10px 0;
	display: inline-block;
}

.widget #searchform label{
	display: none;
}

.widget .more_posts li small{
	display: block;
}
.nav-tabs > li > a {
margin-right: 0px;
font-weight:600;
font-size:11px;
text-transform: uppercase;
border-radius: 2px 2px 0 0;
}

.widget .nav.nav-tabs > li > a{
	padding: 10px 6px;
}
.sidebar .widget #searchform input[type="text"]{
	border:1px solid #EFEFEF;
	padding:6px 12px;
	font-size:14px;
}
.widget .chosen-container{
	min-width:100%;
}
.sidebar .widget #searchform input[type="submit"],
#signup_submit,
#submit{
	padding:7px 20px;
    font-size:12px;
    text-transform: uppercase;
    font-weight:600;
    background-color: #78C8Ce;
    color:#FFF;
    border:none;
    border-radius:2px;
    background-image:url(../images/button.png);
}

code{
	background:#F9f9f9;
	padding:4px 6px;
	color:#444;
	line-height:1.5;
	white-space:pre-line;
}
/*========================================================================*/
/*   07. CONTENT
/*========================================================================*/
  .currencies .c-btn{background-color: #019ad3; border-color: #067eb1;}
  .currencies .c-btn:hover, .currencies .c-btn:focus, .currencies .c-btn:active, .currencies .c-btn.active{

    background-color: #026f9e;
border-color: #1d79a0;
  }
.course_description h4 {
font-size: 16px;
font-weight: bold !important;
padding: 10px 0 !important;}
.hiw-h{text-align: center;background: #232b2d;color: #fff;padding: 5px 10px;text-transform: uppercase; margin-bottom:40px; font-size: 22px;}
.hiw-img{text-align: center;margin-bottom:60px;}
.block.courseitem .block_title{
	padding: 10px 0 0 0 !important;
	margin: 0 !important;
}
.content{
	background:#FFF;
	border-radius:2px;
	display: inline-block;
	width: 100%;
	padding-top:20px; 
}


.unit_content{
	margin:30px 0;
	padding:20px;
	background:#FFF;
	border-radius:2px;
	display: inline-block;
	width: 100%;
	position: relative;
}

.page .content,
.single .content,
.padder.content{
	margin:30px 0;
	padding:20px 20px 20px 20px;
	background:#FFF;
	border-radius:2px;
	display: inline-block;
	width: 100%;
}
.page .sidebar,
.single .sidebar{
	padding-top:30px;
}

.content.no{
	/*display: none;*/
}

#global{background: #f6f6f6 url('https://www.qtvtutor.com/wp-content/uploads/2019/05/pattern_bg1.jpg') repeat; }

#content + .stripe{
margin-top:30px;
}
h4.block_title + .date{line-height:1.4;}
.block_desc{line-height:1.4;}

.course_title > h2{
	margin:0;
}

.register-section h4{
	font-weight:600;
	text-transform: uppercase;
	position: relative;
	cursor:pointer;

}
.register-section h4:hover{
	color:#78c8ce;
}
.register-section h4+.editfield,
.register-section h4+ label{
	margin-top:30px;
}
.register-section h4:after{
	content: "\e092";
	position: absolute;
	right:0;
	top:0;
	font-size:18px;
	font-family: "fonticon" !important;
}
.register-section+.register-section h4:after{
	content: "\e05d";
}
.register-section h4.show:after{
	content: "\e092";
}
.register-section{
	margin:30px 0;
	padding:5px 0;
}

.register-section+.register-section{
	border-top:1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
}
.register-section + .register-section .editfield{
	display: none;
}

.content ul.list{
	list-style: disc inside none;
}

#content .content .cats ul,
#content .content .tags ul,
#content .content ul.grid,
#content .content ul.order_details,
#content .content ul.question_options,
#content .content ul.vibe_filterable{
	list-style: none;
}
.container{
	position: relative;
}

#vibe_bp_login{
	display: none;
	width: 240px;
	position: absolute;
	right: 80px;
	top: 36px;
	background: #232b2d;
	border-radius:2px;
	opacity: 1;
	z-index: 9;
}
#vibe_bp_login:after{
	content:'';
	position: absolute;
	top:-17px;
	right:20px;
	border:10px solid;
	border-color: transparent transparent #232b2d transparent;
}

#vibe_bp_login input[type="text"],
#vibe_bp_login input[type="password"]{
	background: rgba(0,0,0,0.2);
	border: 1px solid rgba(255,255,255,0.2);
	padding: 6px;
	border-radius: 2px;
	margin: 4px 0 0 0;
	width: 100%;
	font-size: 14px;
	color: #FFF;
	margin-bottom: 10px;
}
#vibe_bp_login input[type="submit"]{
	padding:7px 20px;
	margin-right:12px;
    font-size:11px;
    font-weight:600;
    background-color: #F16645;
    color:#FFF;
    border:none;
    border-radius:2px;
    text-transform: uppercase;
    background-image:url(../images/button.png);
}
#vibe_bp_login label{font-size:11px;}
#vibe_bp_login label input[type="checkbox"]{margin-right: 5px;}
#vibe_bp_login .vbpregister{
	padding:7px 20px;
	font-size: 11px;
	font-weight:600;
	background-color: #1b5d9c;
    color:#FFF;
    border:none;
    border-radius:2px;
    background-image:url(../images/button.png);
}

input[type="checkbox"],
input[type="checkbox"]:hover{
	-webkit-appearance: checkbox !important;
}
input[type="radio"],
input[type="radio"]:hover{
	-webkit-appearance: radio !important;
}
#vibe_p_login .bp-login-widget-user-avatar{
	float:left;
	margin-right:10px;
}
#vibe_p_login .bp-login-widget-user-avatar img{
	border-radius:2px;
}
.heading_more{
	position: absolute;
	top: 10px;
	right: 48px;
	text-indent:-9999px;
}



.heading_more:before{
	position: absolute;
	top:0;
	right:0;
	text-indent:0;
	content: "\e05d";
	font-family: 'fonticon';
	font-size: 11px;
	color: #FFF;
	background: #78c8c9;
	padding: 2px 4px;
	border-radius: 2px;
}

#userstats .in_details+strong{
	float:right;
}
#userstats .in_details+strong+span{
	font-size: 12px;
	font-weight: 600;
	color: #bbb;
}
/*========================================================================*/
/*   07. WIDGETS
/*========================================================================*/

#unit h1+h3{
	margin:0;
}

.postsmall .post_thumb{
	float: left;
	max-width: 70px;
	padding: 0;
	border-radius: 2px;
	margin: 5px 10px 0 0;
	line-height: 0;
}
.postsmall .post_thumb a{padding:0;border: 2px solid #232b2d;}
.postsmall .post_thumb a:hover{border-color:#78c8c9;}
.postsmall .post_title a{
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

/*========================================================================*/
/*   07. ALL Instructors
/*========================================================================*/
.instructor_line{display: none !important;}
.instructor{
	border: 1px solid #EFEFEF;
	padding: 30px;
	border-radius:2px;
	margin:0 0 30px;
}

.unit_content .instructor{
	border:none;
	padding:0;
	margin:0;
}
.instructor img{
	margin-bottom: 10px;
	border-radius: 2px;
}

.instructor h3{
	margin:0;
	font-weight:600;
	font-size:20px;
}

.instructor span{
	margin: 10px 0;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 11px;
	color: #bbb;
}

.instructor strong{
	font-size: 12px;
	font-weight: 600;
}
.instructor strong a{
	font-weight: 600;
	color: #bbb;
	text-transform: uppercase;
	width: 100%;
}
.instructor strong a:hover{color:#78c8c9;}
.instructor strong span{
	float: right;
	margin: -5px 0;
	padding: 5px 10px;
	border-radius: 50%;
	color: #FFF;
	background: #78c8c9;
}
/*========================================================================*/
/*   07. SINGLE
/*========================================================================*/
.single .featured{
	margin-bottom:30px;
}
.single .featured img{
	width:100%;
	height:auto;
	border-radius:2px;
	box-shadow: 0 1px 1px #aaa;
}

.postdate{
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	font-weight: 600;
}


.tags{
	border-top:1px solid #EFEFEF;
	margin-top:30px;
	padding:30px 0 0 0;
	display: inline-block;
	width: 100%;
}

.tags .page-links{
	float:right;
}


.tags li{
	float:left;
	margin-right:10px;
}

.tags li a{
	padding-left:5px;
	font-size:12px;
	text-transform: uppercase;
	font-weight:600;
	color:#bbb;
}
.tags > ul > li:before,
ul.tags > li:before{
	font-family: 'Fonticon';
	content: '\e025';
	float:left;
	color:#ddd;
}
.unit-page-links{
	text-align: right;
	margin: 30px 0 0;
	padding: 15px 0;
	border-top: 1px solid #EFEFEF;
}

.unit-page-links .page-link{
	display: inline-block;
}

.unit-page-links span,
.unit-page-links a{
	float:left;
	margin-left:5px;
	}
.page-links span{
	background: #78c8c9;
	padding: 1px 6px;
	font-size: 12px;
	font-weight: 600;
	border-radius: 2px;
	color:#FFF;
}
.page-links a span{
	background: #EFEFEF;
	color:#444;
}
.content + .prev_next_links{
	margin:10px 0;
	display: inline-block;
	width:100%;
}
.single-product .prev_next_links{
	margin: 30px 0;
	color: #bbb;
	display: inline-block;
	width: 100%;
}

.single-product .prev_next_links a{
	padding:4px;
	font-size:11px;
	font-weight:600;
	text-transform: uppercase;

}

.postauthor{
	border-bottom:5px solid #EFEFEF;
	padding: 30px 30px 30px 0;
}

.postauthor .auth_image{
	float:left;
	margin-right:20px;
	margin-bottom:30px;
}

.postauthor .auth_image img{
		max-width:80px;
	height:auto;
	border-radius:2px;
}
.author_info .readmore{
	float:right;
}
.author_info h6{
	margin:0;
	padding-top:0;
	text-transform: uppercase;
	font-weight:600;
}
.author_desc .website{
	margin-left:100px;
	padding:10px 0 0;
	font-size:12px;
	font-weight: 600;
	color:#bbb;
	text-transform: uppercase;
}
.author_desc .website a{
	font-weight:600;
}
.author_desc .social{
	font-size:25px;
	margin:5px 0 0 100px;
	display: inline-block;
}
.author_desc .social li{
	float:left;
	margin-right:8px;
}
.author_desc .social li a{
	color:#bbb;
}
.author_desc .social li a:hover{color:#78c8c9;}

/* ==== Single Testimonial ===== */

.single-testimonials .testimonial-author{
	display: inline-block;
width: 100%;
margin-top: 30px;
padding-top: 30px;
border-top: 5px solid #EFEFEF;
}

.single-testimonials .testimonial-author img{
	max-width: 120px;
	float: left;
	border-radius: 50%;
	margin-right: 30px;
}
.single-testimonials .testimonial-author h4{
	text-transform: uppercase;
	font-weight: 600;
}
.single-testimonials .testimonial-author h4 span{
	display: block;
color: #bbb;
}

.dropcap {
	color: #222;
	display: block;
	float: left;
	font-size: 94px;
	line-height: 0.9em;
	font-weight: 600;
	margin: 0 10px 0 0;
}
/*========================================================================*/
/*   07. CONTACT
/*========================================================================*/
#contactcanvas{
	margin:0;
	padding:0;
}
#contactpage .container{
    padding-bottom:60px;
}

#map-canvas{
    width:100%;
    height:360px;
    z-index:3;
}

.btn-primary,
.btn-default{
	background-color:#019fe1;
	border-color:#067eb1;
	background-image:url(../images/button.png);
	font-size:12px;
	font-weight:600;
	text-transform: uppercase;
	border-radius:2px;
	color:#FFF;
}

.btn-primary{
	background-color:#019fe1;
	border-color:#067eb1;
}

.btn-primary:hover,
.btn-default:hover{
	background-color:#07729f;
	color:#fff;
	border-color:#048ac3;
}

#respond{
	clear:both;
}


.extra_buttons{
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	background: #EFEFEF;
	display: inline-block;
}

.extra_buttons a{
	padding: 5px 10px;
	display: inline-block;
	border-left:1px solid #DDD;
}
.extra_buttons a:first-child{
	border-left:none;
}
/*========================================================================*/
/*   07. SINGLE QUESTION
/*========================================================================*/

.content .question{
	font-size:24px;
	font-weight:400;
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:5px solid #EFEFEF;
}

#question #respond+h5{
	margin:30px 0 10px;
	padding-bottom:10px;
	border-bottom:5px solid #EFEFEF;
}
.content ul.question_options{
	list-style:none;
	margin:30px 0;
}


.question_options input[type="checkbox"],
.question_options input[type="radio"]{
	display: none;
}
.question_options + #respond > #reply-title{
	display:none;
}
.question_options + #respond > #commentform > p{
	display:none;
}
.question_options + #respond > #commentform > p.form-submit{
	display:inline-block;
	margin:0 20px 0 0;
}
.question_options.sort{position: relative;overflow: auto;}
.question_options .sort_option{
	padding: 6px 24px 4px;
	border: 1px solid #EFEFEF;
	border-top:none;
	cursor:move;
}


.sort_option.ui-sortable-helper{display: block}
.question_options li.sort_option:first-child {
	border-top:1px solid #EFEFEF;
}

.placeholder {
 background-color: #fff8dc;
 padding-right:10px;
 padding-left:10px;
 text-align:center;
 width:100%;
 height:48px;
 border:2px dotted #ffe993;
}

.quiz_question{
	cursor:pointer;
}

#question #submit,
.ques_link{
	margin-top:30px;
	padding:7px 15px;
	border-radius:2px;
	font-size:11px;
	text-transform: uppercase;
	font-weight:600;
	background-color:#78c8ce;
	background-image:url(../images/button.png);
	border:1px solid #78c8ce;
	color:#FFF;
}
 #question #submit{margin:0;}

 #question #submit:hover,
.ques_link:hover{
	background-color:#EEE;
	color:#444;
	border-color:#DDD;
}
.question_options input[type="checkbox"] + label span {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(../images/check_radio_sheet.png) left top no-repeat;
	cursor: pointer;
}

.question_options input[type="checkbox"]:checked + label span {
	background: url(../images/check_radio_sheet.png) -19px top no-repeat;
}


.question_options input[type="radio"] + label span {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(../images/check_radio_sheet.png) -38px top no-repeat;
	cursor: pointer;
}

.question_options input[type="radio"]:checked + label span {
background: url(../images/check_radio_sheet.png) -57px top no-repeat;
}

.single_text .form-allowed-tags,
.single_text .logged-in-as,
.single-text label.comment-form-textarea{
	display: none;
}

.single_text #comment{
	max-height:40px;
}

.navigation a{
	font-size:12px;
	text-transform: uppercase;
	font-weight:600;
	color:#78c8ce;
}
/*========================================================================*/
/*   07. COMMENTS
/*========================================================================*/

#comments{
	clear:both;
	margin-bottom:60px;
}

#comments .comments-title{
	padding-bottom:20px;
	border-bottom:5px solid #EFEFEF;
}
.comments_rss{
	float: right;
	margin: 8px 0 10px;
	font-size: 20px;
}


.comment{
	clear:both;
	position: relative;
	margin-bottom:30px;

}

.comment-body{
	position: relative;
}

.commentlist{
	margin: 30px 0;
}
.vcard img{
	width: 64px;
	height:auto;
	border-radius: 2px;
	float: left;
	margin-right: 20px;
	box-shadow:0 1px 1px #aaa;
}

.children{
	margin-top:30px;
	padding-left:84px;
}

.children:before{

}
.comment-meta a{
	font-size:11px;
	text-transform: uppercase;
	color:#bbb;
	font-weight: 600;
}

.reply{
	position:absolute;
	right:2px;
	top:0;
}
.forums .reply{
	position: relative;
}
.reply a:hover:after{
	content:'+';
	position: absolute;
	right:-10px;
	top:-4px;
	font-weight:300;
	font-size:20px;
}
.comment-meta{
	margin: 5px 0 5px 84px;
	padding:2px 0;
	border-top: 1px dotted #EFEFEF;
	border-bottom: 1px dotted #EFEFEF;
}
.comment-body p{
	margin-left:84px;
}

.button.insert-media.add_media{
	background: #ebebeb;
	border: 1px solid #dedede;
	padding:4px;
	margin:0;
	line-height: 1;
	font-size:11px;
}

/*========================================================================*/
/*   07. QUIZ
/*========================================================================*/
.full_desc{display: none;}

.full_desc .link,
.small_desc .link{
	margin-left:0px;
	font-weight:600;
}
.quiz-sidebar{
}
.quiz_details{
	margin:30px 0;
	text-align: center;
}

.quiz_timer{
	display: inline-block;
	text-align: center;
	position: relative;
	color: #FFF;
	background: #313b3d;
	border-radius: 50%;
	width: 212px;
	height: 212px;
	border: 6px solid #313b3d;
}

.countdown + span{
	position: absolute;
	top: 54px;
	left: 0;
	width:100%;
	text-align: center;
	font-size: 11px;
	color:#bbb;
	text-transform: uppercase;
	font-weight: 600;
}
.countdown{
	font-family: 'Oswald',sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    text-align: center;
    letter-spacing:2px;
}

.countdown+span+span{
	font-size: 11px;
	text-transform: uppercase;
	color: #bbb;
	font-weight: 700;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 52px;
}
.countdown+span+span > strong{
	margin-right:24px;
}

.quiz_timeline{
	margin: 30px 0;
	position: relative;
	border-left:5px solid #EFEFEF;
}
.quiz_timeline li{
	padding:15px 0 15px 30px;
	text-align: left;
	position: relative;
}

.quiz_timeline li > span{
	position: absolute;
	left: -12px;
	top: 16px;
	width: 20px;
	height: 20px;
	background: #EFEFEF;
	border-radius: 50%;
}
.quiz_timeline li a{
	font-size:12px;
	text-transform: uppercase;
	color:#bbb;
	font-weight:600;
}

.quiz_timeline li.active{
	border-left: 5px solid #78c8ce;
	margin-left: -5px;
}
.quiz_timeline li.done{
	border-left: 5px solid #70c989;
	margin-left: -5px;
}
.quiz_timeline li.done a{
	color:#70c989;
}

.quiz_timeline li:hover a,
.quiz_timeline li.active a{
	color:#78c8ce;
}
.quiz_timeline li.done > span{
	background:#70c989;;
}
.quiz_timeline li.done > span:before{
	font-family: "fonticon";
	content: "\e038";
	color:#FFF;
	font-size: 10px;
	text-align: center;
	display: inline-block;
	margin: 3px 0 0 5px;
}
.quiz_timeline li:hover > span,
.quiz_timeline li.active > span{
	background:#78c8ce;
}
.quiz_timeline li.active:after{
position: absolute;
height: 100%;
width: 5px;
display: block;
background: #78c8ce;
left: 0;
top: 0;
}

.quiz_question span{
	float:right;
	padding:3px 8px;
	background:#EFEFEF;
	border-radius:16px;
	color:#444;
}
.done .quiz_question span{
	background:#70c989;
	color:#FFF;
}
.active .quiz_question span{
	background:#78c8ce;
	color:#FFF;
}

.reviewlist.commentlist{

}
.reviewlist.commentlist .reply{
	display: none;
}
.reviewlist.commentlist .comment-body p{
	margin:10px 0;
}
.reviewlist.commentlist cite{float:right;clear: both;}
.reviewlist.commentlist cite a{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
}
.reviewlist.commentlist cite+span,
.reviewlist.commentlist .comment-meta{display: none;}
.reviewlist.commentlist .vcard img{
	float:right;
	border-radius:50%;
	margin-right:0;
}
.reviewlist.commentlist .comment{
	display: inline-block;
	width:100%;
	padding: 0 0 30px 0;
	border-bottom: 5px solid #EFEFEF;
}
.reviewlist.commentlist .vcard{
	display: inline-block;
	float: right;
	margin-left: 15px;
}
/*========================================================================*/
/*   07. UNITS
/*========================================================================*/

.unit_title{
	margin-bottom:30px;
}
.unit_title h1{
	clear:both;
	width:100%;
	margin:10px 20px 10px 0;
	display: inline-block;
}
.unit_title ul{
	width: 50%;
	padding: 0;
	border: none;
	display: inline-block;
}
.unit_title ul.tags{margin:0;}
.unit_title .instructor,
.unit_title ul+.instructor{
	width: 50%;
	display: inline-block;
	text-align:right;
	border:none;
	padding:0;
	margin:0;
	float:right;
}
.unit_title .instructor img,
.unit_title ul+.instructor img{
	width:32px;
	height:auto;
	border-radius:50%;
	float: right;
	margin-top:2px;
	margin-left: 10px;
}
.unit_title .instructor span,
.unit_title ul+.instructor span{
	text-transform: uppercase;
	color: #bbb;
	font-size:11px;
}
.unit_title li{
	float:left;margin-right:10px;
}
.unit_title li a{
	color:#bbb;
	font-size:11px;
	text-transform: uppercase;
	font-weight:600;
}

.unit_title .print_unit+span{
	float:left;
	font-size: 11px;
	color: #bbb;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 0;
}
.unit_title .print_unit{
	position: relative;
	background: none;
	color:#bbb;
	float:left;
	padding:0 10px 0 0;
}
.course_time{
	margin-top: 30px;
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
.course_time strong{color:#bbb;}
.course_time strong span{color:#222;}

.course_timeline{
	border: 2px solid #3f4c4f;
	border-radius: 2px;
	background: #313b3d;
	margin: 30px 0;
	padding-bottom: 30px;
	position: relative;
}

.course_timeline li{
	padding:15px 0 15px 30px;
	text-align: left;
	position: relative;
}

.course_timeline h4{
	color: rgba(255,255,255,0.8);
	margin:0;
	padding: 20px;
	background: #232b2d;
}
.course_timeline li.section + li,
.course_timeline li+li.section{
	margin-top:10px;
}
.course_timeline li{
	padding:0;
	text-align: left;
	position: relative;
}
.course_timeline li.unit_line{
	margin-left:20px;
	border-left:3px solid #3f4c4f;
}

.course_timeline li.done a{
	color:rgba(255,255,255,0.6);
}

.course_timeline li:hover a,
.course_timeline li.active a{
	color:#FFF;
}


.course_timeline li > span{
	position: absolute;
	left: -7px;
	top: 18px;
	width: 12px;
	height: 12px;
	border: 2px solid #313b3d;
	background: #3f4c4f;
	border-radius: 50%;
}
.course_timeline h4,
.course_timeline li a{
	font-size:11px;
	text-transform: uppercase;
	color: rgba(255,255,255,0.8);
	font-weight:600;
}
.course_timeline h4{
	font-size: 12px;
}
.course_timeline li+li{
	padding:15px 0;
}
.course_timeline li > a{
	margin-left:20px;
	display: inline-block;
}


.course_timeline li.done > span,
.course_timeline li:hover > span,
.course_timeline li.active > span{
	background:#78c8ce;
}
.course_timeline li.done > span:before{
	font-family: "fonticon";
	content: "\e038";
	color:#FFF;
	font-size: 10px;
	text-align: center;
	display: inline-block;
	margin: 3px 0 0 5px;
}

.course_timeline li.done > span{
	width: 24px;
	height: 24px;
	left: -13px;
	top:12px;
	background: #70c989;
}
.active .unit span{
	background:#78c8ce;
	color:#FFF;
}
.done .unit span{
	background:#70c989;
	color:#FFF;
}

.review_course.unit_button.button{
	margin:15px 0;
}
/*========================================================================*/
/*   07. MESSAGES
/*========================================================================*/

.message{
	padding:12px 24px;
	border:5px solid #f0c36d;
	background-color: #f9edbe;
	border-radius:2px;
	font-size:14px;
	font-weight:600;
}
.message h3,
.message h3+p{margin:0;font-weight:600;color:#222;}
.message.error{
	border-color: #de5439;
	background-color: #f16645;
}
.message.error h3,
.message.error h3+p{color:#FFF;}

.message p{
	margin-bottom:0;
}

.reset_answer.button.primary{
	margin: -31px 0 0;
	float: right;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;
	padding:7px 15px;
	cursor:pointer;
}
/*========================================================================*/
/*   07. CERTIFICATE
/*========================================================================*/
.certificate {text-align: center;font-size:16px;margin:60px 0;}
.certificate_content{position: relative;z-index:2;}
.certificate_content:before{
	content: "\e0e1";
	font-family:'fonticon';
	position: absolute;
	top:30px;
	left:30px;
	font-size:240px;
	z-index: -1;
	color:rgba(233,233,233,0.6);
}
.certificate h1{
	font-size: 60px;
	font-weight: 800;
}
.certificate h2{font-size:32px;
	text-transform: uppercase;font-weight: 600;
}
.certificate h2 span{color:#bbb;display: block;
font-size:18px;
}
.certificate h3{
	font-size:24px;
	text-transform: uppercase;font-weight: 600;
}

.certificate_content{
	position: relative;
	border:1px solid #EEE;
	border-radius:2px;
	background-color:#FFF;
	padding:30px;
	media:print;
}

.vibe_carousel.widget_carousel.flexslider .block{margin-right:0;}
.vibe_carousel.widget_carousel.flexslider .flex-direction-nav li{border-bottom:none;}
.vibe_carousel.onecol .slides > li+li {
margin-left: 30px;
}

.certificate_bg_image{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index: -1;
}
/*========================================================================*/
/*   07. MISCELLANEOUS
/*========================================================================*/

#calendar_wrap{
	border: 1px solid rgba(0,0,0,0.1);
	background: rgba(255,255,255,0.4);
	border-radius: 2px;
	width: 100%;
}
#calendar_wrap table{width:100%;}
#calendar_wrap caption{
	padding: 6px;
	background: #232b2d;
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
#calendar_wrap thead,
#calendar_wrap tfoot{
	background:rgba(0,0,0,0.1);
}
#calendar_wrap tfoot a{
	font-size:12px;
	font-weight:600;
	text-transform: uppercase;
	padding:6px;
}

#calendar_wrap tbody td{
	text-align: center;
	border-top: 1px solid rgba(0,0,0,0.05);
	border-right: 1px solid rgba(0,0,0,0.05);
}

#calendar_wrap tbody td#today{
	background: #78c8c9;
color: #FFF;
font-weight: 600;
background-image: url(../images/button.png);
}

.fbLoginButton {
	background: #4c66a4;
	padding: 10px 20px 20px 50px;
	line-height: 1;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	font-weight: 800;
	cursor:pointer;
}
.fbLoginButton:before {
	font-family: 'fonticon';
	content: "\e21e";
	position: absolute;
	left: 0;
	top: 0;
	color: #FFF;
	font-size: 16px;
	padding: 7px 10px;
	background: #364c7c;
}


#content + .homepageslider.stripe{margin-top:0 !important; padding-top: 0 !important;}
.total_students span{color:#FFF !important;}

h2+.shop_table.order_details th,
h2+.shop_table.order_details td{width:100%;}


.footerwidget ul.slides li{
clear:none !important;
}

.scontent{
	background:#EFEFEF;
	padding:15px;
	margin:30px 0 0;
	border:1px solid #DDD;
	border-radius:2px;
}
.search_results{
	margin:30px 0;
}
.scontent .buddypress-course-search-widget.widget{
	width:100%;
	text-align: center;
}
.scontent .buddypress-course-search-widget.widget ul{
	display: inline-block;
	width:70%;
}
.buddypress-course-search-widget.widget ul li{
	border:none;
}

.scontent .buddypress-course-search-widget.widget ul li{
	max-width: 180px;
	display: inline-block;
	float: left;
	padding-left: 10px;
}

.scontent .buddypress-course-search-widget.widget ul li #s{
	padding:9px;
	width:200px;
}
.scontent .buddypress-course-search-widget.widget ul li #searchsubmit{
	padding:12px 32px;
}

.scontent .buddypress-course-search-widget.widget ul.chosen-results li{
	padding:10px 0;
	font-size:12px;
}

/*========================================================================*/
/*   07. MISC FIXES
/*========================================================================*/

.content .vibe_grid {
margin-left: -15px;
}

/*========================================================================*/
/*   07. RESPONSIVE
/*========================================================================*/
@media (max-width: 767px) {
	header nav{
		display: none;
	}
	.blogpost .excerpt.thumb{margin: 0 !important;}
	.blogpost{position: relative;}
	.blogpost .excerpt.thumb {
		margin-left: 0;
		clear: both;
		display: inline-block;
		width: 100%;
		padding: 25px;
	}
	.blogpost .featured {
		max-width: 100%;
		margin: 0 auto;
	}
	.blogpost .meta{display: none;}
	.meta .date {
		margin: 0;
		position: absolute;
		top: 0;
		background: #FFF;
	}
	.block.side .block_content{
		display: block;
		clear:both;
	}
	#headertop .topmenu+.topmenu{
		display: none;
	}
	header #trigger{
		display: block;
	}
	#logo{
		margin-top:30px;
		padding-bottom:20px;
		border:none !important;
	}
	header #searchdiv{
		position: absolute;
		top: -70px;
		right: 100px;
		float: right;
		color:#FFF;
		margin: 0;
		padding: 10px 0 30px;
		font-size: 30px;
	}
    
	#certificate h1{font-size:40px;}
}

@media (max-width: 440px) {

	#buddypress div.item-list-tabs#subnav ul li.last{
		clear:both;
	}
	#buddypress #groups-directory-form div.item-list-tabs ul li, #buddypress #course-directory-form div.item-list-tabs ul li, #buddypress #members-directory-form div.item-list-tabs ul li{
		width:100%;
	}
	.unit_prevnext{height:85px;}
}

/*=== ADD Your Custom Changes here ===*/
.data p{color:#535353;}

#footerlogo{display:none}

.security-question-section input[type="number"]{border:1px solid #DDD;}
.security-question-section+.submit{clear:both;}
.content ul.question_options {
clear: both;
display: inline-block;
width: 100%;
list-style:none;
}
.bbp-forum-title{
	font-size: 18px;
	font-weight: 600;
}
.widget .bbp-forum-title,
.footerwidget .bbp-forum-title{
	font-size:14px;
	font-weight:400;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta{
font-size:13px;
color:#666;
}
#bp_search{
border: 1px solid #DDD;
padding: 9px 12px;
border-radius: 2px;
}
.bbp-topic-permalink{
font-size:16px;
}
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar,#bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar{
	width: 32px;
     border-radius: 50%;
     border: 1px solid #ddd;
}

.bbp-breadcrumb,
.bbp-breadcrumb a{
font-weight:600;
text-transform:uppercase;
}
/*========================================================================*/
@font-face {
  font-family: "arabic1";
  src:url("fonts/arabic-font.ttf");
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: "arabic2";
  src:url("fonts/Al Qalam Quran.ttf");
  font-weight: normal;
  font-style: normal;

}
.urdublog p{font-size: 24px;padding: 0 20px 0 100px;
}
.urdublog{
text-align: right;
line-height: 40px;
font-size: 24px;
direction: rtl;
}
.urdu{font-family:"urdu6"; font-size: 16px !important; font-weight: bold;}
.arabic1{font-family:"arabic1";}
.arabic2{font-family:"arabic2";}
/*************** Custom CSS ****/
#vibe-mega-coursesidebar  img {
display:none;
}
.megadrop .menu-sidebar .widget ul li a:hover {
    color: #FFF;
}
.megadrop .menu-sidebar .widget ul li a {
    padding: 4px 0;
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    border-bottom: 1px dotted rgba(255,255,255,0.1);
}
.megadrop .menu-sidebar .widget ul li {
    border: none;
    padding: 0;
}