/**
 * 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. SIDEBAR
/*		21. CONTACT
/*		22. RESPONSIVE FIXES
/*
/*========================================================================*/
 

/*========================================================================*/
/*   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: #282828;
}
h1{
	font-size: 32px;
}
h2{
	font-size: 28px;

}
h3{
	font-size: 24px;

}
h4{
	font-size: 20px;
}
h5{
	font-size: 18px;
}
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:left;
	margin: 0 0 15px 15px;
}

.form_field,
.input-text,
#s{
	padding: 6px 20px;
	border: 1px solid #EFEFEF;
	color: #888;
	width:100%;
}

.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 inside;
}
#content .content ol{
	list-style: decimal inside;
}

.content ul > li > ul,
.content ol > li > ol{
	padding-left:30px;
}
/*========================================================================*/
/*   04. CHOSEN CUSTOMIZATION
/*========================================================================*/

.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: #fa7252;
}

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

.button+.button{
	margin-left:10px;
}
.button.full+.button{
	margin:10px 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;}


/* 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;
	//margin:0px 0;
        text-align: center;
        font-size: 20px;
        font-weight: normal;
 }
 .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:#F9F9F9;
	 width: 100%;
	 height: auto;
	 display:inline-block;
}

.pagesidebar {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
	visibility: hidden;
	width: 220px;
	height: 100%;
	background:#0e262e;
	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:#313B3D;
        background:#fff;
	padding:0;
	margin:0 0 -5px 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:rgba(255,255,255,0.6);
}
#headertop .topmenu{
	float:right;
}

header #searchdiv{
	float:right;
	color:#576972;
	font-size:16px;
	padding:28px 0 0;
}
header #searchicon{
	/* float: right; I hate you. */
	color: rgba(255,255,255,0.6);
	font-size: 20px;
	padding: 25px 0;
	cursor: pointer;
}
header #searchdiv{display: none;z-index: 999;}
header #searchform{
	position: absolute;
	width: 100%;
	opacity: 0;
	min-width: 200px;
	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;
}
#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;
}

header #synved_social_follow-2 {
	padding-top:20px; 
}

nav{
	 /* Adjusting for Logo */
	/* float:right; I hate you. */
}



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{
	color:#0099CC;
}
nav .sub-menu li:hover > a{
	color:#FFF;
	//color:#0099CC;
}

nav .menu li a{
	font-family: 'Raleway',sans-serif;
	font-weight:600;
	margin:0 10px;
	padding: 30px 6px;
	display: inline-block;
	font-size: 13px;
	text-transform:uppercase;
	color: rgba(255,255,255,0.5);
	color: #606060;
	position: relative;
}
nav .menu li.current-menu-item a{
	//color:#FFF;
	color:#0099CC;
}
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: 0;
	top:100%;
	left:0;
	width:100%;
	z-index: 99;
	display: none;
	background:#48575a;
	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%;
}

nav .sub-menu li a{
	color:rgba(255,255,255,0.6);
	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{
	color:#FFF;
}

nav .menu li:hover > .sub-menu{
	display: block;
	opacity: 1;
	-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:100%;
}

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: #FFF;
  color: #FFF;
  /* Not in use when the colors are specified below */
  transition: 0.3s;
}



.lines:before, .lines:after {
display: inline-block;
width: 32px;
height: 4px;
background: #FFF;
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;
}

.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:rgba(255,255,255,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{
	color:#FFF;
	background:#12333e;
}

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


#logo{
	margin:7px 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;
}

#logo img{
		max-height:65px;	
		width:auto;
}

/*========================================================================*/
/*   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
/*========================================================================*/
footer{
	background:#313B3D;
	position: relative;
	margin-top:30px;
	padding:30px 0;
	font-size:14px;
	color:rgba(255,255,255,0.6);
}

#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;
        margin:-5px 8px 0 0;
	padding:0;
	opacity: 0.6;
}
#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: 22px;
	font-size: 20px;
	color: #FFF;
	z-index: 99;
	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;
}
/*========================================================================*/
/*   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;
}
.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;
}

/*========================================================================*/
/*   07. SIDEBAR
/*========================================================================*/
.sidebar{
	padding:30px 0;
}

.sidebar .widget{
	margin-bottom:60px;
}

.widget .widget_title{
	border-bottom: 5px solid #EFEFEF;
	padding-bottom: 10px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
}
.widget+.widget{
	margin-top:30px;
}
.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
/*========================================================================*/
.content{
	margin:30px 0;
	padding:30px;
	background:#FFF;
	border-radius:2px;
	display: inline-block;
	width: 100%;
}


.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:30px;
	background:#FFF;
	border-radius:2px;
	display: inline-block;
	width: 100%;
}
.page .content{padding:30px 15px;}

.page .sidebar,
.single .sidebar{
	padding-top:30px;
}

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


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

.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 .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
/*========================================================================*/

.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{
	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:#78c8c9;
	border-color:#78c8c9;
	background-image:url(../images/button.png);
	font-size:12px;
	font-weight:600;
	text-transform: uppercase;
	border-radius:2px;
	color:#FFF;
}

.btn-primary{
	background-color:#f16645;
	border-color:#f16645;
}

.btn-primary:hover,
.btn-default:hover{
	background-color:#EEE;
	color:#333;
	border-color:#ddd;
}

#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;
}

.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;
}
.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:20px;
	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{
	margin:30px 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;}

/*========================================================================*/
/*   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;
}

.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;
}

/*========================================================================*/
/*   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;}
.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. RESPONSIVE
/*========================================================================*/
@media (max-width: 767px) {
	header nav{
		display: none;
	}
	.blogpost{position: relative;}
	.blogpost .excerpt.thumb {
		margin-left: 0;
		clear: both;
		margin-top: 30px;
		display: inline-block;
		width: 100%;
	}
	.blogpost .featured {
		max-width: 100%;
		margin: 0 20px;
	}
	.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;
	}
	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%;
	}
}
div.featured-box {
  background: linear-gradient(to bottom, #ffffff 1%, #f9f9f9 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #ececec;
  border-radius: 8px;
  border-right: 1px solid #ececec;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  margin: 20px auto;
  min-height: 100px;
  position: relative;
  text-align: center;
  z-index: 1;
}
div.featured-box div.box-content {
  border-radius: 8px;
  border-top: 4px solid #33b8ff;
  padding: 10px 30px 10px;
}
.v_module div.featured-box-primary div.box-content {
  border-top-color: #e05048;
}
.v_module div.featured-box-secundary div.box-content {
  border-top-color: #08c;
}
.v_module div.featured-box-tertiary div.box-content {
  border-top-color: #4eb25c;
}
.v_module div.featured-box-quaternary div.box-content {
  border-top-color: #734ba9;
}
div.featured-box-primary i.icon-featured, div.featured-box-primary i.image-icon {
  background-color: #e05048;
}
.box-content i.icon-featured {
  display: inline-block;
  height: 110px;
  padding: 0;
  width: 110px;
}
div.featured-box i.image-icon, i.icon-featured {
  border-radius: 100%;
  color: #fff;
  font-size: 35px;
  line-height: 110px;
  margin: 8px 0;
  padding: 20px;
}
div.featured-box-secundary i.icon-featured, div.featured-box-secundary i.image-icon {
  background-color: #08c;
}
div.featured-box-tertiary i.icon-featured, div.featured-box-tertiary i.image-icon {
  background-color: #4eb25c;
}
div.featured-box-quaternary i.icon-featured, div.featured-box-quaternary i.image-icon {
  background-color: #734ba9;
}
div.featured-box-primary h4 {
  color: #e05048;
}
div.featured-box-secundary h4 {
  color: #08c;
}
div.featured-box-tertiary h4 {
  color: #4eb25c;
}
div.featured-box-quaternary h4 {
  color: #734ba9;
}
#student-cta {
  background-color: #e05048;
}
.learn-more {
  border-radius: 4px;
  color: white;
  margin-top: 20px;
  padding: 6px;
}
#teacher-cta {
  background-color: #0088cc;
}
#employer-cta {
  background-color: #4eb25c; 
}
#publisher-cta {
  background-color: #734ba9;
}

.attachment-small.wp-post-image {
    height: 194px !important;
}
.headeralign{
 font-weight: 100;text-align: center;font-size:35px;
}
.headcategory {
    font-size: 18px; 
}
.ls-bg ls-preloaded{ 
    width:50%!important;
    height: inherit !important;
}
.box-content li {
    width: 151px;
}
.featured-box.featured-box-primary{height: 320px !important;width:200px !important;float:left;margin-right:2%;} 
.featured-box.featured-box-secundary{height: 320px !important;width:200px !important;float:left;margin-right:2%;} 
.featured-box.featured-box-tertiary{height: 320px !important;width:200px !important;float:left;margin-right:2%;} 
.featured-box.featured-box-quaternary{height: 320px !important;width:200px !important;float:left;margin-right:2%;} 
.box-content i {
    height: 78px !important;
    width: 75px !important;
}
.mainmd{
    width:100%;
}
/*.featured-box.featured-box-secundary {
    margin: 12% 15% 0;
}*/
@media (max-width: 480px) {
    .featured-box.featured-box-primary{width:49% !important} 
.featured-box.featured-box-secundary{width:49% !important;margin-right:0%;} 
.featured-box.featured-box-tertiary{width:49% !important;} 
.featured-box.featured-box-quaternary{width:49% !important;margin-right:0%;} 
.box-content li {width: 100%;}

}
@media (max-width: 360px) {
    .featured-box.featured-box-primary{width:100% !important;margin-right:0%;} 
.featured-box.featured-box-secundary{width:100% !important;margin-right:0%;} 
.featured-box.featured-box-tertiary{width:100% !important;margin-right:0%;} 
.featured-box.featured-box-quaternary{width:100% !important;margin-right:0%;} 

}

#footerlogo img{
    background-color: #fff;
}

ul.products .count{
    display:none !important; 
}
.col-sm-4{
 float:right !important;   
}