/* MAIN STYLESHEET             */
/* Made By Rype Pixel          */
/* Created: 02/28/2014         */

/*====================================================================================*/
 /* TABLE OF CONTENTS
/*====================================================================================*/
/* 01 RESET
/* 02 GLOBAL SETTINGS
/* 03 HEADER
/* 04 SUBHEADERS
/* 05 FILTER
/* 06 BIG MESSAGE
/* 07 PROPERTIES
/* 08 SERVICES
/* 09 AGENTS
/* 10 BLOG
/* 11 PAGES
/* 12 CONTACT
/* 13 CALL TO ACTION
/* 14 SIDEBAR
/* 15 SHORTCODES
/* 16 FOOTER

/*====================================================================================*/
 /* 01 RESET
/*====================================================================================*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');
* { margin:0px; padding:0px; }

html { 
    width:100%;
    position: relative;
    min-height: 100%;
}

body {
        font-family:'Roboto', sans-serif; 
	font-size:15px;
	color:#151515;
	width:100%;
	height:100%;
        background-color:#f6f6f6 ;
        padding-bottom: 131px;
        font-weight: 300;
}

h1,h2,h3,h4,h5,h6 { font-weight: 300;}

h4 { font-weight: 400;}

b, strong {font-weight: 500; }
ul li { list-style:none; }

a {
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

a:hover {/* color:#4a4786!important;*/ text-decoration:none; }

.divider {
	background-color:#d7d7d7;
	max-width:100%;
	height:2px;
	margin-top:-14px;
	margin-bottom:30px;
}

.divider.thin {
	height:1px;
	margin-top:15px;
	margin-bottom:15px;
}

.genericSection { padding:70px 0px 70px 0px; }

/* BUTTONS */
.buttonColor {
	font-size:18px;
	letter-spacing:0.2px;
	padding:10px 5% 10px 5% !important;
	color:white;
	border-radius:5px;
        border:1px solid #69992c;
	background: #7ab42f;
       font-weight: 700;    
}

.buttonColor:hover {
	color:white;
	text-decoration:none;
	background:#619c15;
	border:1px solid #69992c;
}

.buttonGrey.large {
	font-size:14px;
	padding:10px 30px 10px 12px !important;
	color:#868686;
}

.buttonGrey.large:hover {
	color:#393939;
	background: linear-gradient(#f2f2f2, #ffffff); /* Standard syntax */
}

/** FORM ELEMENTS **/
.dropdown-menu {border-radius:2px;}
.formDropdown, input {
	width:100%;
	padding:8px;
	margin-bottom:20px;
	border-radius:2px;
	border:none;
	border:1px solid #c9c9c9;
	box-shadow: 0 1px 1px white;
}

input[type="file"] {
	background:white;
	border:none;
	padding:5px 0px 5px 0px;
}

select {
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none;
    text-indent: 0.01px;
 	text-overflow: "";
 	background: url('../images/dropdown-button.png') no-repeat;
 	background-position: right -1px;
 	background-color:white;
 	cursor:pointer;
}

select::-ms-expand {
display: none;
}

label {
	color:#787878;
	font-size:13px;
}

textarea { height:130px; }

.icon {
	float:left;
	margin-right:10px;
	padding-top:0px;
}

/*====================================================================================*/
 /* 03 HEADER
/*====================================================================================*/

/* TOP BAR */
/***********************/
.topBar {
	padding:7px 0px 7px 0px;
	border-bottom:1px solid #e8e8e8;
	background-color:#f6f6f6;
	background: -webkit-linear-gradient(#f8f8f8, #f2f2f2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f8f8f8, #f2f2f2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f8f8f8, #f2f2f2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f8f8f8, #f2f2f2); /* Standard syntax */
}

.topBarText {
	color:#8e8e8e;
	font-size:11px;
	float:left;
	margin-top:3px;
	margin-right:20px;
	margin-bottom:0;
}

.links { float:right; margin-bottom:0; }
.links li {
	display:inline;
	padding-left:10px;
	padding-right:6px;
	/*border-left:1px solid #e2e2e2;*/
        border-left:1px solid #fff;
        /*font-weight: 700;*/
}

.links li a {
	-webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
	color:#CCC;
}

.links li a:hover { opacity:0.6; color:#fff; }


/* MAIN HEADER */
/***********************/
/*.dropdown:hover .dropdown-menu {
    display: block;
 }*/

 .navbar.navbar-default.navbar-fixed-top {
 	background-color:#3c3c3c;
	border:none;
        box-shadow: 0px 0px 1px #ccc;
	z-index:1000;
}

.navbar-toggle { margin-top:17px; }


.navbar-brand { margin-top:6px; font-size:21px; color:#f7f7f7 }
.navbar-brand span {/* font-family:Open Sans; */color:#f7f7f7; }
.navbar-brand img { margin-right:15px; padding-bottom:3px; display: inline;}

.nav.navbar-nav { float:right; }

.nav.navbar-nav li a {
	color:#f7f7f7;
	font-size:12.5px;
	letter-spacing:0.4px;
	padding-top:26px;
	padding-bottom:26px;
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.navbar-nav>li>a:hover {
	color:#ccc!important;
}

.nav.navbar-nav .current { box-shadow: inset 0 -4px 0px #81be32; }
.nav.navbar-nav .current-sub { background-color:#f4f4f4; color:#868686; }

/*.nav.navbar-nav .dropdown .dropdown-menu {
	box-shadow: 0px 2px 3px #9c9c9c;
	background-color:white;
	border:none;
	border-radius:0px;
	padding:0px;
	margin-top:0px;
}*/

.nav.navbar-nav .dropdown .dropdown-menu li a {
	margin:0px 0px 0px 0px;
	padding:10px;
	color:#868686;
	font-size:12px;
/*	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#efefef;*/
}

.nav.navbar-nav .dropdown .dropdown-menu li a:hover {
    background-color:#f4f4f4;
    color:#868686; 
    .nav.navbar-nav li a {
        background-color:#3c3c3c;
    }
}

/** DROPDOWN SUB-MENU **/
.nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu {
        position:relative;
        overflow: visible;
    }

    .nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu {
        left:161px;
        margin-top:-39px;
        margin-left:-1px;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
        display:none;
        background-color:white;
    }

    .nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
        display:block;
    }

/** MEGA MENU **/
.nav.navbar-nav .dropdown .dropdown-menu .yamm-content h4 a {
	font-size:15px;
	color:#868686;
}

.nav.navbar-nav .dropdown .dropdown-menu .yamm-content a {
	padding:0px;
	border:none;
	color:#4a4786;
}

.nav.navbar-nav .dropdown .dropdown-menu .yamm-content a:hover {
	background:transparent;
	color:#4a4786;
}

.googleMap { border:none; width:100%; }

/* LOGIN/REGISTER */
/**************************/
.userButtons { /*margin-right:-15px; */}

.userButtons .buttonGreen {
	margin-top:21px;
	margin-left:5px;
        
        background-color: #4FD696;
        color: #ffffff;
	padding:5px 27px !important;
	border-radius:2px;
}

.userButtons .buttonGreen:hover {
	text-decoration:none;
	background-color:#4ece91;
        border:1px solid #4ece91;
        color: #ffffff;
}

/*.userButtons .buttonGreen:hover { color:#393939 !important; }*/

.verticalDivider {
	height:71px;
	width:1px;
	background-color:#d5d5d5;
	margin-right:18px;
	margin-top:3px;
}

/** HEADER 2 **/
.header2 .topBar {
	background:#2f2f2f;
	border-bottom:1px solid #e8e8e8;
	background: -webkit-linear-gradient(#3f3f3f, #2a2a2a); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#3f3f3f, #2a2a2a); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#3f3f3f, #2a2a2a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#3f3f3f, #2a2a2a); /* Standard syntax */
}

.header2 .socialIcons li { border:none; }

/** HEADER 3 **/
.header3 .socialIcons li a {
	color:#606060;
	font-size:12px;
}

.header3 .socialIcons li:first-child { border:none; }
.header3 .verticalDivider { background-color:#e9e9e9; }


/*====================================================================================*/
 /* 04 SUB-HEADERS
/*====================================================================================*/

/** SUBHEADER HOME **/
.subHeader.home { margin-top:108px; color:#FFFFFF; }

.subHeader.home.bxslider .container {padding:20px 0px 80px 0px; }

#slide1 {
	background-image: url('../images/slider-bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}

#slide2 {
	background-image: url('../images/slider-bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
}



.subHeader.home.headerMinimal {
	margin-top:71px;
}

.subHeader.home h1 {
	display:inline;
	font-size:59px;
	padding:5px 10px 0px 10px;
	line-height:80px;
}


.sliderTextBox {
	padding:10px 15px 15px 15px;
	font-size:19px;

}

.sliderTextBox p { margin-bottom:20px; }

.sliderTextBox .buttonGrey.large { border-color:#bdbdbd; display:inline-block; }

.sliderTextBox .buttonColor { padding:10px 30px 10px 12px !important; display:inline-block; }

.icon-button-arrow {
	margin-top:-9px;
	width:29px;
	height:19px;
	background-image: url('../images/icon-button-arrow.png');
	background-position:0px 10px;
	background-repeat:no-repeat;
	border-right:1px solid #c6c6c6;
	padding:20px 10px 20px 0px;
	position:absolute;
}

.icon-button-user {
	margin-top:-10px;
	width:29px;
	height:19px;
	background-image: url('../images/icon-button-user.png');
	background-position:0px 10px;
	background-repeat:no-repeat;
	border-right:1px solid #629125;
	padding:20px 10px 19px 0px;
	position:absolute;
}

.buttonText { /*margin-left:50px;*/margin-left:5px;  }

.subHeader.home .sliderPrice {
	font-size:50px;
	float:right;
	line-height:55px;
	margin-top:190px;
}

.sliderControls {
	margin-top:220px;
	position:absolute;
	width:100%;
}

.sliderControls span {
	margin-top:0px;
	opacity:0.5;
	position:relative;
	z-index:1000;
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.sliderControls span:hover { opacity:1.0; }
.sliderControls .slider-prev { float:left; margin-left:15px; }
.sliderControls .slider-next { float:right; margin-right:15px; }

/** SUBHEADER MAP **/
.subHeader.map { margin-top:108px; width:100%;  }

#map-canvas { width:100%; height:675px; position:absolute; }

.mapFilter { padding:70px 15px 70px 15px; }

.info-box { width:210px; height:270px; }

/** SUBHEADER PAGE **/
.subHeader.page {
	/*margin-top:108px;*/
        margin-top:100px;
	/*background-color:#4a4763;*/
        background-color:#ffffff;
	background-repeat:no-repeat;
	background-size:cover;
}

.subHeader.page h1 {
	float:left;
	color:#FFFFFF;
	padding:0px 10px 0px 10px;
	line-height:67px;
	display:inline;
}

.searchForm input {
	margin-top:18px;
	padding-right:30px;
	width:200px;
	float:right;
	border:none;
	box-shadow:none;
	background:rgba(225, 225, 225, 0.8);
	background-image: url('../images/icon-search.png');
	background-repeat:no-repeat;
	background-position: right 10px center;
}


/*====================================================================================*/
 /* 05 FILTER
/*====================================================================================*/

.filter { margin-top:-68px; position:relative; z-index:1; }

.filterHeader {
	background-color:#545098;
	height:68px;
}

.filterNav { float:left; padding:23px; padding-left:0px; }

.filterNav li { display:inline; }

.filterNav li a {
	color:white;
	padding:24px 30px 23px 30px;
	text-decoration:none;
	outline:none;
}

.filterNav .current {
  position:relative;
  background-color:#303030;
}

.filterNav .current:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50%; /* controls horizontal position */
  margin-left:-15px;
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#303030 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:1;
}

.filterHeadButton {
	float:right;
	background-color:#4a4786;
	padding:23px;
}

.filterContent {
	padding:23px;
	border-radius:2px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border:1px solid #c9c9c9;
	border-top:none;
	box-shadow: inset 0 -1px 1px white;
	background-color:#f2f2f2;
	background: -webkit-linear-gradient(#f8f8f8, #f2f2f2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f8f8f8, #f2f2f2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f8f8f8, #f2f2f2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f8f8f8, #ebebeb); /* Standard syntax */
}

/*.formBlock {
	float:left;
	margin-right:40px;
	width:100%;
}*/

.priceSlider { margin-top:-12px; margin-bottom:7px; height:9px !important; }

.priceInput {
	float:left;
	height:20px;
	background:#e7e7e7;
	border-radius:2px;
	padding:0px 3px 0px 3px;
	font-size:13px;
}

.priceInput input {
	border:none;
	box-shadow:none;
	width:60px;
	padding:0;
}

.noUi-connect { background-color:#81be32 !important; }
.noUi-handle {
	border-radius:80px !important;
	cursor:pointer !important;
	width:20px !important;
	height:20px !important;
}
.noUi-handle:after,.noUi-handle:before { display:none !important; }

.priceSliderLabel {
	font-size:12px;
	color:#b9b9b9;
	margin-bottom:19px;
}


/*====================================================================================*/
 /* 06 BIG MESSAGE
/*====================================================================================*/
.bigMessage {
	padding:70px 0px 70px 0px;
}

.bigMessage h1 {
	text-align:center;
	font-size:40px;
	margin:0px;
}


.bigMessage p {
	font-size:19px;
	text-align:center;
}


/*====================================================================================*/
 /* 07 PROPERTIES
/*====================================================================================*/

/** PROPERTIES GLOBAL & HEADER **/
.properties {
	padding: 0px 0px 40px 0px;
	background-color:#f6f6f6;
/*	border:1px solid #dedede;
	box-shadow: inset 0 1px 1px white;*/
	margin-top:20px;
        /*min-height:700px;*/
}
.properties-main {
    padding: 10px 0px 40px 0px;
	background-color:#f6f6f6;
/*	border:1px solid #dedede;
	box-shadow: inset 0 1px 1px white;*/
	margin-top:20px;
        /*min-height:700px;*/
}
.courseCat_list { background-color:#e1e1e3; width:390px; margin-bottom:12px; }
.courseCat_list li { display:inline-block; }

.courseCat_list li a {
	color:#a2a2a2;
	padding:13px 25px 13px 25px;
	display:inline-block;
}

.courseCat_list li a:hover { color:#4a4786; }

.courseCat_list li .current {
	position:relative;
	color:white;
	background-color:#4a4786;
}

.courseCat_list li .current:after {
  content:"";
  position:absolute;
  bottom:-10px; /* value = - border-top-width - border-bottom-width */
  left:38%; /* controls horizontal position */
  border-width:10px 10px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#4a4786 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:1;
}

.courseCat_list li .current:hover { color:white; }

.courseSort_list { margin-top:-55px; margin-bottom:53px; }

.courseSort_list li {
	float:right;
	display:inline;
	padding:10px;
}


/** PROPERTIES GRID **/
.courseItem {
	background-color:white;
	box-shadow: 0px 1px 3px #d4d4d4;
	margin-bottom:30px;
}

.courseContent { padding:9px; }
.courseContent a { color:#2a2a2a; }
.courseContent a:hover { color:#4a4786; }

.courseContentLink{color: black; }
/*.courseContentLink :hover { color:#4a4786; }*/
.courseImg {
	max-width:100%;
	margin-bottom:15px;

}

.userImg {
	max-width:100%;
	margin-bottom:5px;
	margin-right:10px;
	float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.courseContent .authorName {
    font-size:13px;
    font-weight:700;
    height: 35px;
    overflow: hidden;}
.courseContent .jobTitle { font-size:13px; font-weight:400;}

.courseImgLink {
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: copacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.courseImgLink:hover { opacity:0.8; }

.courseType {
	position:absolute;
	font-size:12px;
	background-color:#4a4786;
	color:white !important;
	padding:7px;
	z-index:1;
}

.courseTitle { min-height:52px; overflow:hidden;}

.ratingBox {
	float:left;
	font-size:15px;
	color: #666666;
	display:inline-block;
/*	border-right:1px solid #CCCCCC;
	margin-right:5px;
	padding:5px;*/
        
}

#ratingBoxhide {
    display:none;
}

.ratingBox input {
    position:absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
    cursor:pointer;
    width:17px;
}

.ratingBox span {
    width:24px;
    height:16px;
    line-height:16px;
    padding:1px 22px 1px 0;
    background:url(../images/stars.png) no-repeat -22px 0;
}

.ratingBox input:checked + span {
    background-position:-22px 0!important;
}

.ratingBox input:checked + span ~ span {
    background-position:0 0!important;
}


.ratingImg {
	max-width:100%;

}



.ratingBoxbig {
	float:left;
	font-size:15px;
	color: #666666;
	display:inline-block;
	border-right:1px solid #CCCCCC;
	margin-right:5px;
	padding:5px;
}

#ratingBoxhide {
    display:none;
}

.ratingBoxbig input {
    position:absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
    cursor:pointer;
    width:17px;
}

.ratingBoxbig span {
    width:77px;
    height:36px;
    line-height:16px;
    padding:12px 32px 1px 0;
    background:url(../images/stars-big.png) no-repeat -41px 0;
}

.ratingBoxbig input:checked + span {
    background-position:-41px 0;
}

.ratingBoxbig input:checked + span ~ span {
    background-position:0 0;
}




.price {
	/*color:#5b960d;*/
        color:#5cb85c;
	font-size:35px;
	/*font-weight:700;*/
	width:100%;
	text-align:center;
	margin:0px;
}

.price span {
	color:#535353;
	font-size:24px;
	line-height:29px;
	margin-right:6px;
	margin:0px;
}

.priceH {
	float: right;
	color: #4a4786;
	font-size:16px;
        margin-top: 5px;
}

.priceH span {
	float: Left;
	color: #535353;
	font-size: 14px;
	line-height: 20px;
	margin-right: 6px;
}


.price .line {text-decoration:line-through; color:#D50000;}

.priceDiscount {
	color: #333333;
	font-size:14px;
	font-weight:400;
	margin:0px;
	position:relative;
	top:-6px;
}



.courseDetails {
	background-color:#f8f8f8;
	margin-top:0px;
	border:1px solid #cacaca;
	width:100%;
	text-align:center;
}

.courseDetails td {
	font-size:12px;
	width:33.6%;
	height:45px;
	border-color:#cacaca;
	color:#535353;
}

.pageList { text-align:center; margin-top:20px; }
.pageList li { display:inline; }
.pageList li .current {
    background-color:#4a4786; color:white; 
}
.pageList li a {
	color:#a1a1a1;
	padding:4px 10px 4px 10px;
	border-radius:2px;
	background-color:#dcdcdc;
}

.pageList li a:hover {
	background-color:#4a4786;
	color:white;
	-webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}

.masonryRow .col-lg-3 { width:292px; }
.masonryRow .col-lg-3.wide { width:583px; }

/** PROPERTIES ROW **/
.rowText { padding-top:17px; padding-right:33px; }
.rowText h4 { float:left; font-size:19px; margin-bottom:0px; }
.rowText .price { float:right; }
.rowText .forSale { float:right; margin-right:20px; }
.courseImgRow { max-width:100%; }

/** course SINGLE **/
.gallery .sliderControls span {
	margin-top:-420px;
	opacity:0.6;
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.gallery:hover .sliderControls span { opacity:1.0; }
.gallery .sliderControls .slider-prev { float:left; margin-left:35px; }
.gallery .sliderControls .slider-next { float:right; margin-right:60px; }
.gallery #bx-pager {
	text-align:center;
	background-color:white;
	padding:10px;
	margin-bottom:40px;
 }

.gallery #bx-pager a img { opacity:0.6; }
.gallery #bx-pager a.active img { opacity:1.0; }

.summary{
    padding-top: 15px;
}
.overview {
	background-color:#f8f8f8;
	padding:10px;
	border:1px solid #d6d6d6;
	border-radius:2px;
	margin-bottom:30px;
}

.overviewList li {
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px solid #dcdcdc;
	overflow: hidden;
}

.overviewList li:last-child { border:none; padding-bottom:0px; }

.overviewList-sidebar span {
	font-size:13px;
	float:right;
	color:#4a4786;
}

.amentitiesTable { width:100%; }
.amentitiesTable td { width:27%; height:43px; }

.mapSmall {
	max-width:100% !important;
	height:200px !important;
	position:relative !important;
	margin-bottom:30px;
}

/** SUBMISSIONS **/
.sidebarWidget.submission { height:600px; }

.myProperties { width:100%; }
.myProperties td.mycourseImg { width:15%; }
.mycourseAddress { width:20%; }
.mycourseType { width:15%; }
.mycourseStatus { width:11%; }
.mycourseDate { width:15%; }
.mycourseActions { width:24%; }
.mycourseActions .icon { margin-right:5px; }

.myProperties .smallThumb { width:50%; }

.myProperties tr { border-bottom:1px solid #d8d8d8; }
.myProperties td { padding:10px 0px 10px 0px; }

.myProperties span {
	/*font-family:Open Sans;*/
	font-size:12px;
	margin-right:27px;
	float:left;
}

.myPropertiesHeader {
	/*font-family:Open Sans;*/
	font-size:13px;
}

.amenityCheck { margin-bottom:4px; }
.amenityCheckList input { float:left; width:20px; margin-right:5px; }
.amenityCheckList div label {
	float:left;
	font-weight:normal;
	font-size:15px;
	color:#464646;
}


/*====================================================================================*/
 /* 08 SERVICES
/*====================================================================================*/

.services { padding:70px 0px 70px 0px; text-align:center; }

.services .col-lg-4.col-md-4.col-sm-4 { margin-bottom:30px; }

.services h1 {
	text-align:center;
	font-size:40px;
	margin:0px;
}


.serviceArrow {
	position:absolute;
	margin-left:35%;
	margin-top:-263px;
	opacity:0.6;
}

/*====================================================================================*/
 /* 09 AGENTS
/*====================================================================================*/

/** TOP AGENTS **/
.topAgents {
	padding:70px 0px 70px 0px;
	color:white;
	text-align:center;
	background-image: url('../images/topAgents-bg.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}

.topAgents .col-lg-3.col-md-3.col-sm-3 { margin-bottom:60px; }

.agentImg { max-width:100%; }

.topAgents .socialIcons, .socialIcons.agent { float:none; }
.topAgents .socialIcons li, .socialIcons.agent li { border:none; padding-left:3px; }
.topAgents .socialIcons li a {
	background-color:white;
	padding:2% 3% 2% 3%;
	border-radius:4px;
}

.topAgents .socialIcons li a:hover { background-color:#393939; }

/** AGENT LISTING GRID **/
.agentDetails {
	background-color:#f8f8f8;
	margin-top:0px;
	border:1px solid #cacaca;
	width:100%;
}

.agentDetails td {
	font-size:12px;
	width:50%;
	height:50px;
	border:none;
	color:#ababab;
	text-align:right;
	padding:9px;
}

.agentDetails .buttonGrey {
	float:left;
	padding:6px 14px 6px 14px !important;
}

/** AGENT LISTING ROW **/
.rowText.agentRow .buttonGrey { float:right; }
.rowText.agentRow .socialIcons { float:left; }
.rowText.agentRow .socialIcons li { border:none; }


/*====================================================================================*/
 /* 10 BLOG
/*====================================================================================*/

/** RECENT BLOG POSTS WIDGET **/
.recentBlogPost { display:inline-block; }
.recentBlogPost h4 a { color:#2a2a2a; }
.recentBlogPost h4 a:hover { color:#4a4786; }

.blogThumb { float:left; margin-right:20px; }

.recentBlogContent { float:left; width:76%; }
.recentBlogContent p { margin-bottom:15px; }

.date { float:right; }

/** BLOG CLASSIC **/
.blogPost {
	background-color:white;
	box-shadow: 0px 1px 3px #d4d4d4;
	margin-bottom:30px;
}

.blogPost .rowText { padding:30px; }

.blogDetails {
	margin-top:-10px;
	margin-bottom:25px;
	border:1px solid #cacaca;
	width:100%;
	text-align:center;
}

.blogDetails td {
	font-size:12px;
	width:25%;
	height:45px;
	border-color:#cacaca;
}

.blogDetails td a { color:#ababab; }

.blogPost h4 { 
    font-size:19px;}
.blogPost h5 {
	font-size:16px;
	margin-top:25px;
}

.blogPost span {
	font-size:12px;
	color:#939393;
	line-height:33px;
	display:inline-block;
	margin-bottom:20px;
}

.blogPost span a { color:#4a4786; }

/** BLOG SINGLE **/
.quote {
	color:#9a9a9a;
	font-size:16px;
	background-color:#f6f6f6;
	padding:27px;
	width:82%;
	margin:30px 0px 35px 9%;
	border-left:4px solid #514f8b;
}

.arrow-left {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right:8px solid #514f8b;
	float:left;
	margin-top:50px;
	margin-left:-8px;
}

.commentList { margin-bottom:20px; }

.commentImg { max-width:100%; }

.commentText {
	padding:14px;
	padding-bottom:30px;
	background-color:white;
	border:1px solid #c9c9c9;
	border-left:4px solid #514f8b;
	border-radius:5px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	margin-bottom:20px;
}

.commentText h1 {
	font-size:14px;
	color:#514f8b;
}

.commentText p { font-size:14px; }

.commentText .commentFooter {
	float:left;
	font-size:11px;
	color:#ababab;
}

.commentText .commentFooter.replyIcon:hover { opacity:0.7; }

.commentText .commentFooter.replyIcon { float:right; }

.comment.reply { margin-left:145px; }

/*====================================================================================*/
 /* 11 PAGES
/*====================================================================================*/
/** COURSE DETAILS**/
/* SUMMARY*/
#courseSummary ul li{
    list-style: inherit;
    list-style-position: inside;
    margin-left: 25px;
}
#courseSummary ol li{
    margin-left: 25px;
    list-style-position: inside;
}
/*#courseSummary p {
    text-align: justify;
    background-color: #f5f5f5 !important;
}
#courseSummary * {
    background-color: #f5f5f5 !important;
}*/
#courseSummary table td{
	padding: 5px !important;
	border: 1px solid #ddd;
	vertical-align: top;
}
#courseSummary img{
	max-width: 100%;
}

/** ABOUT **/
.topAgents.about {
	background:none;
	padding-top:0px;
	color:#464646;
}

.topAgents.about h4 { color:#4a4786; }

.callToAction.about { padding-top:70px; }

/** FAQ **/
.accordianTab {
	margin-bottom:20px;
	background:white;
	padding:10px;
	border-radius:5px;
	border:1px solid #dadada;
}

.accordianLink {
	background-image: url('../images/icon-plus.png');
	background-position:4px 9px;
	background-repeat:no-repeat;
	padding-left:35px;
}

.accordianLink p { padding-top:9px; }

.accordianTab .accordianLink { cursor:pointer; }

.accordianTab .accordianLink:hover { color:#4a4786; }

.accordianContent { display:none; padding:15px 20px 0px 20px; }

/** 404 **/
.error-404 {
	background:url('../images/icon-search-big.png');
	background-repeat:no-repeat;
	background-position:56% 0;
	text-align:center;
	padding-bottom:20px;
	padding-top:50px;
	margin-top:20px;
}

.error-404 h1 {
	font-size:85px;
	color:#4a4786;
}

.error-404 p { font-size:21px; }

/*====================================================================================*/
 /* 12 CONTACT
/*====================================================================================*/
.contactDetails { margin-bottom:40px; }
.contactDetails li {
	display:inline;
	margin-right:40px;
}

.contactDetails li img { margin-right:13px; }

.mapContact {
	max-width:100% !important;
	height:330px !important;
	position:relative !important;
}

.contactImg { max-width:50%; float:left; margin-right:20px; }

/*====================================================================================*/
 /* 13 CALL TO ACTION
/*====================================================================================*/

.callToAction { padding:0px 0px 70px 0px; }

.ctaBox {
	background-color:#ebebeb;
	padding:30px 25px 30px 15px;
	border-radius:5px;
}

.callToAction h1 { 
    font-size:32px; }

.callToAction p { font-size:17px; }

/*====================================================================================*/
 /* 14 SIDEBAR
/*====================================================================================*/

.sidebarWidget {
	margin-bottom:10px;
	background:white;
	padding:0 15px;
	border-radius:2px;
	border:1px solid #dadada;
}

.sidebarWidget h4 a, .sidebarWidget.recentPosts h4 a {
	font-size:15px;
	color:#868686;
}

.sidebarWidget h4 a:hover { color:#4a4786; }

.sidebarWidget.recentPosts a {
	font-size:12px;
	color:#363636;
	float:left;
}

.sidebarWidget.recentPosts .date {
	font-size:12px;
	color:#acacac;
}

.courseTypesWidget ul li h4 { margin:0; }

.courseTypesWidget ul li {
	padding:15px 0px 15px 0px;
	border-bottom:1px solid #dadada;
}

/*====================================================================================*/
 /* 15 SHORTCODES
/*====================================================================================*/

/** TABS **/
.tabSmall li { display:inline; }
.tabSmall li a.current {
	font-family:Open Sans;
	color:white;
	border:1px solid #69992c;
	box-shadow: inset 0 1px 1px white;
	text-shadow:0px -1px 3px #0e4562;
	background-color:#81be32;
	background: -webkit-linear-gradient(#81be32, #76ae2e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#81be32, #76ae2e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#81be32, #76ae2e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#81be32, #76ae2e); /* Standard syntax */
}

.tabSmall .buttonGrey {
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
}

.tabConent {
	margin-top:-6px;
	border-top-left-radius:0px;
}

/** ALERT BOXES **/

.alertBox {
	border-style:solid;
	border-radius:2px;
	padding:18px 18px 8px 18px;
	margin-bottom:15px;
}

.alertBox img { float:left; margin-right:10px; margin-top:-3px; }

.success {
	background-color:#e2f1db;
	border-color:#8dca70;
	color:#73a45b;
}
.success h4 { color:#73a45b; }

.error {
	background-color:#f1d9d9;
	border-color:#c44747;
	color:#c44747;
}

span.error {
	display:inline-block;
	margin-bottom:25px;
	padding:0px 3px 0px 3px;
	border-radius:2px;
}

.error h4 { color:#c44747; }

.info {
	background-color:#d9e7f1;
	border-color:#70a3ca;
	color:#70a3ca;
}

.info h4 { color:#70a3ca; }

.warning {
	background-color:#ebe8bc;
	border-color:#aca530;
	color:#aca530;
}

.warning h4 { color:#aca530; }

/** PRICING TABLE **/
.pricingTable {
	margin-top:-15px;
	padding:0px;
	text-align:center;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	border-color:#c9c9c9;
	-webkit-box-shadow: 0px 0px 4px #d6d6d6;
    -moz-box-shadow: 0px 0px 4px #d6d6d6;
    box-shadow: 0px 0px 4px #d6d6d6;
    margin-bottom:30px;
}

.pricingTable:hover {
	margin-top:-25px;
	animation-duration: 0.55s;
  	animation-name: slideUpPrice;
  	animation-direction: normal;
  	animation-iteration-count: 1;
}

/* animation */
@keyframes slideUpPrice {
  from {
    margin-top: -20px;
  }

  to {
    margin-top: -25px;
  }
}

.pricingHeader { padding:11px 0px 18px 0px; }

.pricingTable h1 {
	/*font-family:Open Sans;*/
	color:#4a4786;
	font-size:20px;
}

.pricingTable h2 {
	/*font-family:Open Sans;*/
	color:white;
	font-size:48px;
	line-height:25px;
	-webkit-text-shadow:0px 0px 3px #202020;
	-moz-text-shadow:0px 0px 3px #202020;
	text-shadow:0px 0px 3px #202020;
}

.priceAmount {
	margin-top:-19px;
	background-color:#4a4786;
	padding:28px 0px 10px 0px;
}

.priceAmount h2 span {
	font-size:16px;
	font-style:italic;
}

.pricingTable ul li {
	list-style:none;
	line-height:50px;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0));
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0));
	background-image: linear-gradient(to top, rgba(0,0,0,.04), rgba(2,2,2,0));
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#d3d3d3;
}

.pricingTable ul li:last-child { border-bottom:none; line-height:70px; background:none; }

/*====================================================================================*/
 /* 16 FOOTER
/*====================================================================================*/

/*footer {
	padding:70px 0px 50px 0px;
	background-color:#4e4c6c;
	color:#a8a6b7;
}*/

footer .col-lg-3.col-md-3 { margin-bottom:30px; }

.footerLogo { 
    color:white; font-size:21px; }
.footerLogo span { 
    color:#81be32; font-size:21px; }
.footerLogo img { margin-right:15px; }

footer h4 { color:white; margin-bottom:20px; }

footer span {
	font-size:11px;
}

.contactList li {
	margin-bottom:17px;
}

footer .icon { padding-top:3px; }

footer input {
	border:1px solid #4f4d6e;
	width:61%;
	float:left;
	margin-right:8px;
}

footer .buttonColor {
	margin-top:-1px;
	width:80px;
	border-color:#4f4d6e;
	padding:10px 15px 10px 15px !important;
}

/*.bottomBar {
	font-family:Open Sans;
	padding-top:15px;
	padding-bottom:7px;
	font-size:13px;
	color:#CCC;
        color: #fff;
	background-color:#3c3c3c;
        position: absolute;
        bottom: 0;
        width: 100%;
}*/

.bottomBar {
    color: #ccc;
    background-color:#3c3c3c;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 25px 0px 10px;
    
}

.bottomBar p { color: #cccccc;}    
/*.bottomBar a, .bottomBar p a {  font-weight: 700;}*/

.bottomBar a:hover, .bottomBar p a:hover {color: #38aee6!important; }

.bottomBar .links { margin-top:5px; }

.bottomBar .links li { border-color:#5b597c; }

#footer2 { text-align:center; }

.links.footer2 {float:none; }
.links.footer2 li {display:inline;  border:none; }
.linsk.footer2 li a {
	width:50px;
	height:50px;
	padding-top:10px;
	display:inline-block;
	border:3px solid #5b597c;
	border-radius:75px;
}

.Vplay{ position:absolute; top:37%; left:43%; width:15%;}
a.bcolor{
	color:#11609d;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	/*font-family:arial;*/
	font-size:15px;
	font-weight:bold;
	padding:6px 56px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
        background-color:#f9f9f9;
}
a.bcolor:hover{
	background-color:#DDDDDD;

}
 /* Progress bars---------------------------------------------------------------------*/
 /*commented to support bootstrap progress bar*/
/*.progress {
	border: 1px solid #ccc;
	display: inline-table;
	height: 12px;
	padding: 0;
	min-width: 130px;
	margin:2px 0;
	background: #DEDEDE;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e9e9e9));
	background: -moz-linear-gradient(top, #ccc, #e9e9e9);


    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e9e9e9');
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	box-shadow:0 1px 0 #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.progress span {
    display: block;
    height: 10px;
    margin: 0;
    padding: 0;
    text-align:center;
    width:0;

    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.progress-orange span {
    border: 1px solid #f47a20;
    background-color: #faa51a;
    background: -moz-linear-gradient(top, #faa51a 10%, #f47a20 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #faa51a), color-stop(0.9, #f47a20));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.progress-bar {
        background-color:#9FD79F;
        height:20px;
        padding:0px;
        width:100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

.progress-bar span {
        display: inline-block;
        height: 100%;
        float: left;
        -webkit-transition: width .4s ease-in-out;
        -moz-transition: width .4s ease-in-out;
        -ms-transition: width .4s ease-in-out;
        -o-transition: width .4s ease-in-out;
        transition: width .4s ease-in-out;
}*/


.progress {
    margin: 10px;
    height: 10px;
    background-color: #eee;
}
/*.progress-bar {
    background-color: #3bb33b!important;
}*/
.progress-info {
    margin: 10px;
    text-align: center;
    color: #3f3f3f;
}
    /*---------------------------*/

.green span {
         background-color: #2f7e2f;
}
     /*---------------------------*/

.stripes span {
               -webkit-background-size: 30px 30px;
               -moz-background-size: 30px 30px;
               background-size: 30px 30px;
               background-image: -webkit-gradient(linear, left top, right bottom,
                                    color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
                                    color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
                                    color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
                                    to(transparent));
                background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                    transparent 75%, transparent);
                background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                    transparent 75%, transparent);
                background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                    transparent 75%, transparent);
                background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                    transparent 75%, transparent);
                background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                    transparent 75%, transparent);
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
}

@-webkit-keyframes animate-stripes {
        0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-moz-keyframes animate-stripes {
        0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

.select{
    cursor: pointer;
}
.coursTitle{
    height: 33px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
}
.courseDescription{
     height: 65px;
    overflow: hidden;
    font-size: 14px;
    word-wrap: break-word;
    /*color: #1d1d1d;*/
    /*text-align: justify;*/
}
/*.courseDescription:hover { color:#4a4786; text-decoration:none; }*/
.schoolHeader{
    max-width: 150px;
    overflow: hidden;
}
.trainerName {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:25px;
    margin-right: 5px
}
.navigation a {
	color: #333333!important;
	font-size:14px;
        display:inline;
	/*font-weight:400;*/
	/*margin:0px;*/
}
.navigation a:hover{
    text-decoration: underline;
}
.description {
   white-space: pre-line;
   word-wrap: break-word;
  /* text-align: justify;*/
}
.loadnext {
background-color: #f8f8f8;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
border: 1px solid #c6c6c6;
padding: 5px 80px;
color: #565656;
font-weight:600;
}
.loadnext:hover {
background-color: #DFDFDF;}

#ccode {text-align:center; background-color:#fff; border:1px solid #dadada;}
#ccode span { padding:5px 10px; border:1px dashed #d82501; color:#d82501; font-weight:700; font-size:16px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.headerlink {
    font-size: 14px!important;
/*    font-weight:700!important;
    padding-right: 0px!important;*/
}

.headerimg {
    border-radius: 50%;
/*    margin: 0px;
    padding: 0px;
    position: relative;
    top: -8px; */
    margin-top: -8px!important;
    cursor: pointer;
}
.headerimg:hover { opacity:0.8; }

.headerlinkBtn {
    font-weight:700!important;
    border-radius: 15px!important;
    margin-top: 18px!important
}

.container-main {
    margin: 0px 25px!important;
}
.headerlist {
    color: #fff!important; 
    background-color: #3c3c3c!important ;
}
.headerlist:hover {
    color: #fff!important; 
    background-color: #3c3c3c!important ;
}
.header-dropdown-menu {
    background-color: #3c3c3c!important ;
}
/*.dropdown-left {
    left: -120%;
}*/

/*----- Homepage header banner --------- */

/*section.zenhero .brand-name {
    display: block;
    font-size: 50px;
    line-height: 1
}*/

section.zenhero {      
    padding: 150px 0;
    margin-top: 77px;
    text-align: center;
    color: #fff;
    min-height: 345px;
}
section.zenhero h1 {
    margin: 20px 0!important;
    display: block!important;
    font-size: 50px!important;
    line-height: 1
}

section.zenhero img.logo {
    margin-bottom: 50px!important;
}

section.zenhero .btn-cta {
    margin: 50px 0 0;
    padding: 10px 30px;
    font-size: 20px;
    background-color: #5cb85c;
    border: 1px solid #5cb85c ;
    color: #ffffff;
}

section.zenhero .btn-cta-transparent {
    margin: 50px 15px 0px 0px;
    padding: 10px 40px;;
    font-size: 20px;
    border: 1px solid #fff;
    background-color: transparent;
    color: #ffffff;
}

section.zenhero .btn-cta:hover {
    color: #ffffff;
    background-color: #449d44;
}

section.zenhero .btn-cta-transparent:hover {
    background-color: transparent;
    color: #cccccc;
}
/*----- Course page header banner --------- */
section.zenhero p {
    font-size: 16px;
    color: #fff;
    line-height: 1.4
}
section.zenhero p a {
    color: #fff;
}

/*section.zenhero .btn-banner {
    margin: 50px 0px 0px 0px;
    padding: 10px 30px;
    font-size: 20px!important;
    background-color: #fbfbfb;
    border: 1px solid #ffffff;
    color: #252525;
}

section.zenhero .btn-banner-transparent {
    border: 1px solid #fff;
    background-color: transparent;
    color: #ffffff;
    padding: 9px 40px;
    font-size: 20px!important;
    margin: 50px 15px 0px 0px;
    font-weight: 700;
}*/

/*section.zenhero .btn-banner:hover {
    color: #000000;
    background-color: #f3f3f3;
}
section.zenhero .btn-banner-transparent:hover {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #f3f3f3;
}*/

.section-white{
    background-color: #ffffff;
    padding: 60px 0px;
}
.section-white-small {
    background-color: #ffffff;
    padding: 50px 0px;
}
.section-grey{
    background-color: #f6f6f6;
    padding: 60px 0;
}
.section-grey-small {
    background-color: #f6f6f6;
    padding: 50px 0px;
}
.section-white-author {
    background-color: #ffffff;
    padding: 70px 0px 90px 0px;
}

.section-grey-main {
    margin-top: 100px;
}

.author-image {
    border-radius: 50%;
    margin-bottom: 10px;
    width: 170px;
    height: 170px;
    border: 5px solid #ffffff;
}

.author-image-wrapper {
    margin-top: -120px;
    text-align: center;}

.author-name {
    font-size: 20px;
    font-weight: 400;
}

.course-section-title {
    font-size: 22px;
}

.section-lesson {
    /*background-color:#fff;*/
    /*border:1px solid #dadada;*/ 
    background-color:#f6f6f6;
    border:1px solid #e4e4e4; 
    margin:15px 0px; 
    padding:2px;
}
.section-lesson:hover {
    background-color: #efefef;
}
.section-lesson-left {
    padding:5px;
    overflow:hidden;
    margin-top: 6px;
    padding-left: 15px;
}
.section-lesson-right {
    padding:5px;
    overflow:hidden;
}
.section-lesson-right a {
    float:right;
    min-width:65px;
}

.modal-close-btn {
    color: #fff;
    opacity: 1;
    font-weight: 100;
    font-size: 35px;
}
.modal-head {
    border-bottom: 0px;
    margin-bottom: 30px;
}
.modal-body {
    color: #333;
}
.bundle-courses {
    padding:5px;
    overflow:hidden;
    padding-left: 15px;
    border-bottom: 1px solid #ccc;
}

.bundle-courses-last {
    padding:5px;
    overflow:hidden;
    padding-left: 15px;
}

/*.ratingStarsbig {
	font-size:15px;
	color: #666666;
	display:inline-block;
	border-right:1px solid #CCCCCC;
	margin-right:5px;
	padding:5px;
}*/

#ratingStarshide {
    display:none;
}

.ratingStarsbig input {
    position:absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
    cursor:pointer;
    width:17px;
}

.ratingStarsbig span {
/*    width:77px;
    height:36px;
    line-height:16px;*/
    padding:12px 36px 3px 0px;
    background:url(../images/stars-big.png) no-repeat -41px 0;
}

.ratingStarsbig input:checked + span {
    background-position:-41px 0;
}

.ratingStarsbig input:checked + span ~ span {
    background-position:0 0;
}

/*.ratingStarsBox {
	float:left;
	font-size:15px;
	color: #666666;
	display:inline-block;
	border-right:1px solid #CCCCCC;
	margin-right:5px;
	padding:5px;
}*/

ratingStarshide {
    display:none;
}

.ratingStarsBox input {
    position:absolute;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity:0;
    cursor:pointer;
    width:17px;
}

.ratingStarsBox span {
/*    width:24px;
    height:16px;
    line-height:16px;*/
    padding:1px 22px 1px 0;
    background:url(../images/stars.png) no-repeat -22px 0;
}

.ratingStarsBox input:checked + span {
    background-position:-22px 0;
}

.ratingStarsBox input:checked + span ~ span {
    background-position:0 0;
}

#review-modal input, #review-modal textarea {
    color: #000000;
}

.reviewPanel {
    font-size: 13px;
    margin-top:15px;
	margin-bottom:15px;
    border-bottom: 1px solid #eee;
}
.reviewPanel:last-child { border-bottom: none;}
.reviewPanel p { margin: 0 0 8px;}
.reviewPanel p.last { margin: 0 0 10px;}
.reviewPanel p.first { font-size: 16px;}
.reviewPanel p small { color:#646464;;}

.staralign { float:left;}
.stardetails {float: left; margin-right: 10px !important; padding-right: 10px; border-right: 1px solid #ccc;}
							
.load-more-review {
    margin-top: 30px;
}

.load-more-review a {
    color:#428bca;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 400;
}
.bundle-panel {
    background-color:#f6f6f6;
    border:1px solid #dadada;
    margin:15px 0px;
    padding:2px;
}
#alertMessage.error, .alertMessage.error {
	background-color: #fc4a48;
	color: #5A0000;
	text-shadow: 1px 1px 1px #E64040;
	background-image: url(../images/error.png);
	border: 1px #a93a25 solid;
}
#alertMessage {
	font-size: 16px;
	font-weight: bold;
	padding: 15px 25px 15px 45px;
	position: fixed;
	text-align: center;
	width: auto;
	z-index: 100001;
	cursor: pointer;
	background-color: #C2E3F0;
	color: #34667A;
	text-shadow: 1px 1px 1px #C8EBFB;
	display: none;
	right: -20px;
	text-transform: uppercase;
	bottom: 25px;
	opacity: 0;
	filter: alpha(opacity=0);
	background-image: url(../images/info.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}


/*==========================================================================*/

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { 
    color: #f7f7f7;
    background-color: #3c3c3c;
}
.nav-tabs>li.active>a { color: #151515;}
.tabPanel {
    margin-bottom: 40px;
    background: white;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #dadada;
    /*min-height: 600px;*/
}
.orderPanel {
    margin-bottom: 40px;
    background: white;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #dadada;
    /*min-height: 530px;*/
}
#previewImage {
    max-width: 120px;
    height: auto;
    /*border: 2px solid #ccc;*/
    margin: 10px 0;
}
.btn {
    white-space: normal!important;
    border-radius:2px!important;
}
.tab-img {
    max-width: 100%;
    border: 2px solid #eee;
}
.affiliateLink {
/*    width: 80%;
    margin-bottom: 0px;*/
    
    float: left;
    margin-right: 10px;
    line-height: 30px;
}
.table>tbody>tr>td {
    border-top: 1px solid #eee;
}
.search-pane{
    margin-bottom: 30px;
}
.category-pane {
    margin-bottom: 15px;
}
.form-control[readonly] {
    background-color: #fff;
    color: #000;
}
.form-control { border-radius: 2px;}
.addon-copy {
    cursor: pointer;
}
.info-text strong{
    color:#337ab7;
}
.courseThumb {background: #fff;margin-bottom:30px;border-radius: 2px;border: 1px solid #efefef;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);}
.courseThumb-active {border: 1px solid #99a5af;/*box-shadow: 0 1px 3px 0 #99a5af;*/}
.courseImgPane { position:relative; margin-bottom:25px;}
.courseImgPane img{ max-width: 100%;}
/*.courseImg { margin:0px; padding:0px;}*/
.course-thumbnail img { width: 100%;margin: 0 auto;border-bottom: 1px solid #efefef;}
.course-author { /*position:relative;*/ margin-top:10px;}
.course-author-img { position:absolute; bottom:0px; left:10px;}
.course-author img {border-radius:50%; border:4px solid #ffffff; -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.15); box-shadow: 0 1px 1px 0 rgba(0,0,0,.15) }
.course-author-info { margin-left:80px;min-height: 22px;}
.course-title { margin:10px;}
.course-price{ float:right; margin-right:10px;font-weight:500;color: #337ab7;}
.course-rating { float: right;margin: 0 10px;}


@media only screen and (max-width:767px) { 
    /*.curr-time , .curr-time-pane {display: none;}*/
    .affiliateLink {
        width: 100%;
    }
    
    .mobOffset {
        margin-left: 8.33333333%;
    }
    
    body {
        padding-bottom: 195px;
    }
    
    section.zenhero { margin-top: 49px!important;padding: 80px 0;}
    
    .subHeader.page {margin-top: 60px;}
    
    .section-grey-main { margin-top: 70px;}

    header { display: none;}
    
    .appnheader {
        position: relative;
        display: block;
        width:100%;
        overflow: hidden;
        border-radius: 2px;
    }
    .appnheader .nheader {
        position:fixed;
        display: block;
        top: 0;
        left: 0;
        height: 50px;
        width: 100%;
        background: #3c3c3c;
       border: none;
        overflow: hidden;
        -webkit-transition: all 0.5s ease-out, background 1s ease-out;
        transition: all 0.5s ease-out, background 1s ease-out;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        z-index:1001;
    }
    .appnheader .nheader .newapp-container {
        position: relative;
        display: inline-block;
        height: 50px;
        width: 50px;
        cursor: pointer;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }
    .appnheader .nheader .newapp-container #newapp {
        width: 18px;
        height: 8px;
        position: relative;
        display: block;
        margin: -4px auto 0;
        top: 50%;
    }
    .appnheader .nheader .newapp-container #newapp .appbar {
        width: 100%;
        height: 1px;
        display: block;
        position: relative;
        background: #FFF;
        -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
    .appnheader .nheader .newapp-container #newapp .appbar.topappbar {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    .appnheader .nheader .newapp-container #newapp .appbar.btmappbar {
        -webkit-transform: translateY(6px) rotate(0deg);
        transform: translateY(6px) rotate(0deg);
    }
    .appnheader .nheader .icon {
        display: inline-block;
        position: absolute;
        height: 100%;
        line-height: 50px;
        width: 50px;
        height: 50px;
        text-align: center;
        color: #FFF;
        font-size: 22px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .appnheader .nheader .icon.icon-bag {
        right: 0;
        top: 0;
        left: auto;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -webkit-transition-delay: 0.65s;
        transition-delay: 0.65s;
    }
    .appnheader .nheader ul.menu {
        position: relative;
        display: block;
        padding: 0px 48px 0;
        list-style: none;
    }
    .appnheader .nheader ul.menu li.app-item {
        /*border-bottom: 1px solid #333;*/
        margin-top: 5px;
        -webkit-transform: scale(1.15) translateY(-30px);
        transform: scale(1.15) translateY(-30px);
        opacity: 0;
        -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    }
    .appnheader .nheader ul.menu li.app-item:nth-child(1) {
        -webkit-transition-delay: 0.49s;
        transition-delay: 0.49s;
        margin-top: 30px;
    }
    .appnheader .nheader ul.menu li.app-item:nth-child(2) {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s;
    }
    .appnheader .nheader ul.menu li.app-item:nth-child(3) {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s;
    }
    .appnheader .nheader ul.menu li.app-item:nth-child(4) {
        -webkit-transition-delay: 0.28s;
        transition-delay: 0.28s;
    }
    .appnheader .nheader ul.menu li.app-item:nth-child(5) {
        -webkit-transition-delay: 0.21s;
        transition-delay: 0.21s;
    }
    .appnheader .nheader ul.menu li.app-item:nth-child(6) {
        -webkit-transition-delay: 0.14s;
        transition-delay: 0.14s;
    }
    .appnheader .nheader ul.menu li.app-item:nth-child(7) {
        -webkit-transition-delay: 0.07s;
        transition-delay: 0.07s;
    }
    .appnheader .nheader ul.menu li.app-item a {
        display: block;
        position: relative;
        color: #f7f7f7;
        font-weight: 100;
        text-decoration: none;
        line-height: 2.35;
        width: 100%;
    }
    .appnheader .nheader.menu-opened {
        height: 100%;
        background: #3c3c3c;
        -webkit-transition: all 0.3s ease-in, background 0.5s ease-in;
        transition: all 0.3s ease-in, background 0.5s ease-in;
        -webkit-transition-delay: 0.25s;
        transition-delay: 0.25s;
    }
    .appnheader .nheader.menu-opened .newapp-container {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .appnheader .nheader.menu-opened .newapp-container #newapp .appbar {
        -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .appnheader .nheader.menu-opened .newapp-container #newapp .appbar.topappbar {
        -webkit-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg);
    }
    .appnheader .nheader.menu-opened .newapp-container #newapp .appbar.btmappbar {
        -webkit-transform: translateY(3px) rotate(-45deg);
        transform: translateY(3px) rotate(-45deg);
    }
    .appnheader .nheader.menu-opened ul.menu li.app-item {
        -webkit-transform: scale(1) translateY(0px);
        transform: scale(1) translateY(0px);
        opacity: 1;
    }
    .appnheader .nheader.menu-opened ul.menu li.app-item:nth-child(1) {
        -webkit-transition-delay: 0.27s;
        transition-delay: 0.27s;
        margin-top: 5px;
    }
    .appnheader .nheader.menu-opened ul.menu li.app-item:nth-child(2) {
        -webkit-transition-delay: 0.34s;
        transition-delay: 0.34s;
    }
    .appnheader .nheader.menu-opened ul.menu li.app-item:nth-child(3) {
        -webkit-transition-delay: 0.41s;
        transition-delay: 0.41s;
    }
    .appnheader .nheader.menu-opened ul.menu li.app-item:nth-child(4) {
        -webkit-transition-delay: 0.48s;
        transition-delay: 0.48s;
    }
    .appnheader .nheader.menu-opened ul.menu li.app-item:nth-child(5) {
        -webkit-transition-delay: 0.55s;
        transition-delay: 0.55s;
    }
    .appnheader .nheader.menu-opened ul.menu li.app-item:nth-child(6) {
        -webkit-transition-delay: 0.62s;
        transition-delay: 0.62s;
    }
    .appnheader .nheader.menu-opened ul.menu li.app-item:nth-child(7) {
        -webkit-transition-delay: 0.69s;
        transition-delay: 0.69s;
    }
    .appnheader .nheader.menu-opened .icon.icon-bag {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .appnheader .content {
        padding: 67px 4% 0;
        text-align: justify;
        overflow: scroll;
        max-height: 100%;
    }
    .appnheader .content::-webkit-scrollappbar {
        display: none;
    }
    .appnheader .content h2 {
        margin-bottom: 0px;
        letter-spacing: 1px;
    }
    .appnheader .content img {
        width: 95%;
        position: relative;
        display: block;
        margin: 75px auto 75px;
    }
    .appnheader .content img:nth-of-type(2) {
        margin: 75px auto;
    }

    .pricebtn { text-align: center;}

	.pricetext { max-width: 100%!important;float: none!important}
	
    /*.pricetext a {padding: 5px 10px !important;}*/
}

@media only screen and (max-width: 474px) {
    .properties {
	padding: 35px 0px 40px 0px;
    }
    .properties-main {
        padding: 60px 0px 40px 0px;
    }
    .list-inline>li {
        display: block;
    }
    .subHeader.page {margin-top: 35px;}
	
}

@media (min-width: 991px) {
    .navbar-toggle{
        display: none!important;
    }
}
@media (max-width: 991px) {
   .cert-panel {margin-top: 10px;}
}

@media (min-width: 768px) {
    .appnheader { display: none;}
}

.main-section {
    padding: 40px 0px 40px 0px;
}
.open>#header-dropdown-menu.dropdown-menu {
    right: 0;
    left: auto;
}
.navbar-default .navbar-brand {
    color: #777;
    height: 100%!important;
}

/*load more courses animated preloader*/
.cssload-spin-box {
    /*position: absolute;*/
    margin: auto;
    margin-top: 10px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
        -o-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
        -ms-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
        -webkit-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
        -moz-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    animation: cssload-spin ease infinite 4.6s;
        -o-animation: cssload-spin ease infinite 4.6s;
        -ms-animation: cssload-spin ease infinite 4.6s;
        -webkit-animation: cssload-spin ease infinite 4.6s;
        -moz-animation: cssload-spin ease infinite 4.6s;
}



@keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    }
    25% {
        box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
    }
    50% {
        box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
    }
    75% {
        box-shadow: 15px -15px #dfdfdf , 15px 15px #4f4d49 , -15px 15px #dfdfdf , -15px -15px #4f4d49 ;
    }
}

@-o-keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    }
    25% {
        box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
    }
    50% {
        box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
    }
    75% {
        box-shadow: 15px -15px #dfdfdf , 15px 15px #4f4d49 , -15px 15px #dfdfdf , -15px -15px #4f4d49 ;
    }
}

@-ms-keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    }
    25% {
        box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
    }
    50% {
        box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
    }
    75% {
        box-shadow: 15px -15px #dfdfdf , 15px 15px #4f4d49 , -15px 15px #dfdfdf , -15px -15px #4f4d49 ;
    }
}

@-webkit-keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    }
    25% {
        box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
    }
    50% {
        box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
    }
    75% {
        box-shadow: 15px -15px #dfdfdf , 15px 15px #4f4d49 , -15px 15px #dfdfdf , -15px -15px #4f4d49 ;
    }
}

@-moz-keyframes cssload-spin {
    0%,
    100% {
        box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
    }
    25% {
        box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
    }
    50% {
        box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
    }
    75% {
        box-shadow: 15px -15px #dfdfdf , 15px 15px #4f4d49 , -15px 15px #dfdfdf , -15px -15px #4f4d49 ;
    }
}

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

.alert-strip {
    position: fixed;
    right: -20px;
    bottom: 0px;
    font-weight: 700;
    z-index: 10001;
}

.progress-bar-grey {
    background-color: #ccc;
}
.divider-section { padding: 20px;}

.list-inline>li {
    padding: 0 10px;
}

.buttonGreen {
    border-radius:2px;
    padding: 10px 30px;
}
.themed-control {
    border-radius:2px;
}
.certificate {
    margin-top: 15px;
    text-decoration: underline;
    cursor: pointer;
}
.cert-trophy {
    margin: 0 10px;font-size: 25px;
}

.trophy-grey {
    color: #ccc;
}

.trophy-green {
    color: #3d9c3d;
}

.affiliate-link{
    font-weight: 700;
    text-decoration: underline;
}

.themed-cert-badge { fill: #4e9d4e;cursor:pointer;}
.cert-grey {fill:#8a8a8a;}

.bold-text { font-weight: 500;}

.medium-text { font-size: 24px;}

/*.pricebtn { border:2px solid #d7d7d7; min-width:18%;padding:2px;font-size: 26px;text-align: center;float:left;}*/
.pricebtn { font-size: 26px;margin-top: 6px;}
.pricetext { width:100%;float:right; max-width:390px;}

.whthead { min-height:82px; background:url(../images/viewhead.png) no-repeat; padding:5px; margin:5px;background-size: cover;}
.whthead h4 { margin-top: 0px;position: relative;top: 32px;left: 10px;font-size: 16px;width: 40%;font-weight: 200;}
.whtinclue { padding:0px 15px;}
.whtinclue ul { line-height:25px; margin-top: 13px;}
.whtinclue ul li { text-indent:3px;color: #646464;}
.whtinclue ul li i { margin-right:7px; }
.bg { background:#f7f7f7; padding:5px; margin:5px;}
.ng { background:none;; padding:5px; margin:5px;}

.sphr{ margin:0px; padding:0px;}
.prodetails {font-size: 13px;color: #747474;margin-top:10px;}
.sph4 { padding:0px; margin-top:0px;}

.panel-group .panel+.panel { margin-top: 0px!important;border-top:none;}

.curr-icon { border:2px solid rgba(60,60,60,0.5); border-radius:100%; background:#fff; width:28px; height:28px; float:left;}
.curr-icon i { position: absolute; top: 6px; left: 22px;}

panel-heading a:focus {outline: none;}
.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus {text-decoration: none; color:#151515;}

.panel-default { border-color: #eee;}
.curriculum-one-Panel {margin:0px; min-height:50px;}
.curriculum-one-Panel:nth-child(odd) , .curriculum-bundle-Panel:nth-child(odd)  {
  background-color:rgba(60, 60, 60, 0.1);
}
/*.curriculum-one-Panel:nth-child(odd):hover {background-color:rgba(60, 60, 60, 0.15); }
.curriculum-one-Panel:nth-child(even):hover {background-color:rgba(60, 60, 60, 0.1); }*/

.curr-text { padding-left: 35px;margin-top: 3px;}
.curr-time-pane { padding-right: 0px;}
.curr-time {    color: #8c8c8c; margin-top: 20px;font-size: 12px;text-align: right;}
.curr-btn {    padding: 1px 5px;margin-top: 15px;float: right;width: 77px;}
.panel-group .panel {border-radius: 1px!important;}
.panel-title {padding: 3px 0;}

.curriculum-bundle-Panel{border:1px solid #e4e4e4; margin:0px 0px; padding:2px;}
.curriculum-bundle-Panel:nth-child(n){border-bottom: none;}
.curriculum-bundle-Panel:last-child{border-bottom: 1px solid #e4e4e4;}

.graph-icon {position: absolute; top: 6px;left: 22px;}

.subscription_expire_msg{
    padding: 5px;
    background-color: #FF9966;
    border: 1px solid  #E68A5C;
    color: #fff;
    border-radius: 2px;
    width: 98%;
    margin-left: 1px;
}
.mypro{ -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; padding:0; width: 150px;height:150px;margin-top: 15px;}
    
.viewbox { border:1px solid #e6e6e6; background:#fff;}
.viewpad { padding:5px;}
.viewpad15 { padding:15px;margin-top: 10px;}

.contextual-navbar{position:relative;margin-bottom:10px;height:60px;}
.contextual-navbar .faux-hr{position:absolute;width:100%;height:2px;left:0;top:59px; max-width:350px; overflow:hidden;}
.contextual-navbar h1 { margin:0px; padding:0px;}
.contextual-navbar>li.active>a{ border:0px !important; margin:0px; text-align:left; padding: 10px 0px;}
                  
blockquote { font-size: 15px!important;}

html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active , button:active {
    outline: none;
    border: none;
}

html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus , button:focus {
 outline: none;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?kl2e7q');
  src:  url('fonts/icomoon.eot?kl2e7q#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?kl2e7q') format('truetype'),
    url('fonts/icomoon.woff?kl2e7q') format('woff'),
    url('fonts/icomoon.svg?kl2e7q#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bundles:before {
  content: "\e900";
}
.icon-bundle:before {
  content: "\e901";
}
.icon-book:before {
  content: "\e902";
}
.icon-success:before {
  content: "\e903";
}
.icon-smartphone:before {
  content: "\e904";
}
.icon-books:before {
  content: "\e905";
}
.icon-medal:before {
  content: "\e906";
}
.icon-checked:before {
  content: "\e907";
}
.icon-course:before {
  content: "\e908";
}
.icon-quality:before {
  content: "\e909";
}
.icon-textfile:before {
  content: "\e90a";
}
.icon-videoscrren:before {
  content: "\e90b";
}
.icon-monitor:before {
  content: "\e90c";
}
.icon-time:before {
  content: "\e90d";
}
.icon-camera:before {
  content: "\e90e";
}



.icon-span-filestyle {font-family: 'Glyphicons Halflings'!important;}

/*Stripe CSS Starts*/
.sidebarWidget { position:relative;}
.course-paymnet-div { border-left:1px solid #dadada; padding-left:20px;}
.credit-card-box {margin: 0px 10px 10px 10px;}
.credit-card-heading .panel-title {width: 35%;line-height:37px;margin-left: 10px; float: left;color:#787878;font-weight: bolder;}
.course-payment-title { margin-top:0px;}
.course-secure-icon { padding-top:20px;}
.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
  border-color: #66afe9;
}
.StripeElement{font-family: "Helvetica Neue,Helvetica,Arial,sans-serif";margin-bottom: 0}
.card-errors-outer{color:#c44747}
@media only screen and (max-width: 380px) {
.credit-card-heading .panel-title {width: 100% !important;}
.img-pull-left { float: left !important;}

/*Stripe CSS Ends*/