h2.content-title { font-size:  25px }
.resetwidth { width: auto; }

#bad-browser-bar {
	margin-top: 20px;
	width: 100%;
	height: auto;
	min-height: 200px;
	padding: 20px 0px;
	border-bottom: 1px solid #333;
	margin-bottom: 1px;
	background: #93c13e;
}

#bad-browser-inner { position: relative; padding: 0 10px; color: #fff; }
#bad-browser-inner .bbh2 { font-size: 4em; margin: 0; line-height: 1.1em }
#bad-browser-inner .bbh3 { font-size: 1.3em; margin: 0; }
#bad-browser-inner .info-message-close { display: none; background: #fff; border-color: #333 }

#info-message-bar {
	position: fixed;
	top: 0;
	display: none;
	margin-top: 102px;
	z-index: 1021;
	opacity: 0.9;
	width: 100%;
	height: auto;
	min-height: 40px;
	padding: 10px 0px;
	border-bottom: 1px solid #bbb;
	
	background: #fefcea;
	background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36));
	background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%);
	background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%);
	background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%);
	background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 );
}

#info-message-inner { position: relative; padding: 0 50px 0 50px; color: #444; }
#info-message-icon { color: #f90; font-size: 32px; line-height: 30px; position: absolute; top: 0px; left: 0px; }
.info-message-close {
	position: absolute;
	top: 2px;
	right: 10px;
	cursor: pointer;
	padding: 0px 5px;
	border: 1px solid #f90;
	border-radius: 50px;
	color: #f90;
}

.info-message-close:hover {
	border: 1px solid #900;
	color: #900;
	background: #fff;
}

.width-auto { width: auto !important; }

/*
.form-container input[type="text"], 
.form-container input[type="url"], 
.form-container input[type="password"], 
.form-container input[type="email"], 
.form-container input[type="tel"], 
.form-container input[type="search"], 
.form-container textarea,
select,
*/
.inputfield { 
	border-radius: 2px;
	background: #fafafa;
	color: #404040;
	border: 1px solid #939AA3;
	vertical-align: middle;
	margin-right: 0px;
	padding: 5px;
	width: 100%;
	font-size: 1em;
}

.form-container input[type="text"]:focus, 
.form-container input[type="text"]:hover,
.form-container input[type="password"]:focus, 
.form-container input[type="password"]:hover,
.form-container input[type="email"]:focus, 
.form-container input[type="email"]:hover,
.form-container input[type="url"]:focus, 
.form-container input[type="url"]:hover, 
.form-container input[type="tel"]:focus, 
.form-container input[type="tel"]:hover, 
.form-container input[type="search"]:focus, 
.form-container input[type="search"]:hover, 
.form-container textarea:focus,
.form-container textarea:hover
select:focus,
select:hover
{ 
	border-color: #c2973f;
}

.form-container input[type="checkbox"] {
}

.check {
	height: 20px;
	position: relative;
}

.check input {
	visibility: hidden;
}

.check label {
	position: absolute;
	left: 25px;
	width: auto !important;
	font-weight: normal;
}

.check span {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px solid #939AA3;
	top: 0;
	left: 0;
	border-radius: 2px;
	background: $ffffff;
	background: -webkit-linear-gradient(top, #ffffff 0%, #fdfdfd 40%, #fafafa 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 40%, #fafafa 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #fdfdfd 40%, #fafafa 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #fdfdfd 40%, #fafafa 100%);
	background: linear-gradient(top, #ffffff 0%, #fdfdfd 40%, #fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );
}

.check span:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 12px;
	height: 7px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.check span:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.check input[type=checkbox]:checked + span:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.check input[type=checkbox]:checked + span {
	background: #ffc;
	background: -webkit-linear-gradient(top, #ff9 0%, #ff9 40%, #fff 100%);
	background: -moz-linear-gradient(top, #ffd939, #fff4e0);
	background: -o-linear-gradient(top, #ff9 0%, #ff9 40%, #fff 100%);
	background: -ms-linear-gradient(top, #ff9 0%, #ff9 40%, #fff 100%);
	background: linear-gradient(top, #ff9 0%, #ff9 40%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9', endColorstr='#fafafa',GradientType=0 );
}

.onoffswitch {
	position: relative; width: 98px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	display: inline-block;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label, #sb2 label.onoffswitch-label {
	display: block; overflow: hidden; cursor: pointer;
	border: 2px solid #999999; border-radius: 5px;
	margin-bottom: 0;
}
.onoffswitch-inner {
	display: block; width: 200%; margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block; float: left; width: 50%; height: 26px; padding: 0; line-height: 26px;
	font-size: 15px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "ON";
	padding-left: 10px;
	background-color: #428BCA; color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 10px;
	background-color: #EEEEEE; color: #7D7979;
	text-align: right;
}
.onoffswitch-switch {
	display: block; width: 18px; margin: 4px;
	background: #FFFFFF;
	border: 2px solid #999999; border-radius: 5px;
	position: absolute; top: 0; bottom: 0; right: 68px;
	-moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
	box-sizing: content-box;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px; 
}

.onoffswitch-text { 
	position: absolute;
	padding: 4px 0 0 10px;
}

/* overwrite on/off switcher with new design */
.onoffswitch {
	width: 60px;
	border-width: 1px;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none; 

}
.onoffswitch-switch {
	right: 38px; 
	width: 20px;
	border-width: 1px;
	border-color: #c5c5c5;
	margin: 0;
	background: #f1f1f1;
	-webkit-box-shadow: 4px 0px 4px 0px rgba(50,50,50,0.1);
	-moz-box-shadow: 4px 0px 4px 0px rgba(50,50,50,0.1);
	box-shadow: 4px 0px 4px 0px rgba(50,50,50,0.1);
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px; 
	border-width: 1px;
	border-color: #c5c5c5;
	-webkit-box-shadow: -4px 0px 4px 0px rgba(50,50,50,0.1);
	-moz-box-shadow: -4px 0px 4px 0px rgba(50,50,50,0.1);
	box-shadow: -4px 0px 4px 0px rgba(50,50,50,0.1);
}
.onoffswitch-inner:before {
	background-color: #76bc43;
}
.onoffswitch-label, #sb2 label.onoffswitch-label {
	border-width: 1px;
	border-color: #c5c5c5;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	font-size: 12px;
}
.onoffswitch-inner:before {
	padding-left: 10px;
	line-height: 21px;
	height: 21px;
}
.onoffswitch-inner:after {
	padding-right: 8px;
	line-height: 21px;
	height: 21px;
	background: #cacaca;
	color: #fff;
}
.wijmo-wijinput-wrapper {
	padding: 1px;
	padding-right: 20px;
}
/* /overwrite on/off switcher with new design */

.footer-wrapper{background: #93c13e;}
#footer{position: relative;}
#footer-copyright {}
#footer-icons{border-bottom: 1px solid #444a50; padding: 50px 0 0;}

.btn-primary {
	background: #f57820;
	border-radius: 2px;
	border-color: #f57820;
}

.btn-login{background: #0e62c7; color: #fff; font-size: 1em; margin-left: 2px; border-radius: 0; border-color: #0e62c7}
.btn-login:hover, .btn-login:active, .btn-login:focus { color: #fff }
.btn-signup { margin-left: 2px; border-radius: 0; border-color: #0e62c7;}
.btn-signup .btn {font-size: 1em; padding: 6px 12px }

.sp-nav{font-family: 'PT Sans', sans-serif; font-size: 1.3em; line-height: 1.2em; padding: 40px 0 0; color: #00b3e5;margin-bottom: 0;}
.sp-nav a:link,.sp-nav a:active,.sp-nav a:visited{color: #00b3e5; text-transform: uppercase; white-space: nowrap; text-decoration: none; font-family: 'PT Sans', sans-serif; border-bottom: 1px dashed transparent;}
.sp-nav a:hover{color: #93c13e; text-decoration: none; border-bottom: 1px dashed #b2b2b2;}
.sp-nav .dropdown-menu a{border: none;}
.sp-nav .navbar-toggle {border-color: #00b3e5;}
.sp-nav .navbar-toggle .icon-bar {background-color: #00b3e5;}
.sp-nav .navbar-nav > li > .dropdown-menu{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.sp-nav .navbar-nav > li{margin: 0 10px;}
.sp-nav .navbar-nav > li > a{padding: 0 1px; background: none; margin: 0; border-radius: 0;}
.sp-nav .dropdown.open .dropdown-toggle{border-bottom: 1px dashed transparent; background: none;}
.sp-nav .navbar-nav > li > a.btn-login {background: #93c13e; color: #fff; font-family: 'PT Sans', sans-serif; font-size: 1em; border: 1px solid #93c13e; border-bottom: 3px solid #84ae38; border-radius: 0 0 2px 2px; margin-left: 5px; font-weight: bold; padding: 6px 12px; margin-top: -12px }
.sp-nav .navbar-nav > li > a.btn-login:hover{background: #9ac845; color: #000}
@media (max-width: 1200px) {
    .sp-nav .navbar-nav > li {margin: 0 4px;}
    .sp-nav .navbar-nav > li > a {
        font-size: 0.9em;
    }
}
@media (max-width: 580px) {
    .sp-nav .navbar-nav > li{margin: 0 10px; clear: both;}
}
@media (max-width: 767px) {
	.sp-nav{padding: 0; border-color: #93c13e;background-color: transparent;margin: 5px 0;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
	.sp-nav .navbar-nav > li{margin: 3px 10px; float: left; clear: both;}
}
@media (min-width: 768px) {
    .sp-nav .navbar-collapse{padding: 0;}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
}

.sp-icon{position: relative; display: block; width: 103px; height: /*170px*/; overflow: hidden; float: none; margin: 20px auto 0px; padding: 115px 0 0 0; text-align: center; text-decoration: none; font-size: 1.3em; line-height: 1.2em; font-family: 'PT Sans', sans-serif;}
.sp-icon:link,.sp-icon:active,.sp-icon:visited{color: #00b3e5; text-decoration: none; text-shadow: 1px 1px 1px #fff;}
.sp-icon:hover{color: #93c13e; text-decoration: none;}
.sp-icon:hover span{border-bottom: 1px dashed #b2b2b2;}
.sp-icon.quizzes{background: transparent url(../images/icon-quizzes.png) center top no-repeat;}
.sp-icon.training-courses{background: transparent url(../images/icon-trainingcourses.png) center top no-repeat;}
.sp-icon.surveys{background: transparent url(../images/icon-surveys.png) center top no-repeat;}
.sp-icon.polls{background: transparent url(../images/icon-polls.png) center top no-repeat;}
.sp-icon.flashcards{background: transparent url(../images/icon-flashcards.png) center top no-repeat;}
.sp-icon.vocabulous{background: transparent url(../images/icon-vocabulous.png) center top no-repeat;}
.sp-icon.mark-it{background: transparent url(../images/icon-markit.png) center top no-repeat;}
.sp-icon.quiz-library{background: transparent url(../images/icon-quizlibrary.png) center top no-repeat;}
.sp-icon.createclass{background: transparent url(../images/icon-createclass.png) center top no-repeat;}
.sp-icon.createtheme{background: transparent url(../images/icon-createtheme.png) center top no-repeat;}
.sp-icon.createcertificate{background: transparent url(../images/icon-createcertificate.png) center top no-repeat;}
.sp-icon.storedocs{background: transparent url(../images/icon-storedocs.png) center top no-repeat;}
.sp-icon.profile{background: transparent url(../images/icon-profile.png) center top no-repeat;}

.sp-f-icon{position: relative; overflow: hidden; display: block; height: 55px; line-height: 53px; float: none; padding: 0 6px 0 61px; margin: 0px auto; margin-bottom: 40px; text-align: left; text-decoration: none; font-family: 'PT Sans', sans-serif; font-weight: bold; transition: none}
.sp-f-icon.scriptopro{background: transparent url(../images/scriptopro.png) left top no-repeat;}
.sp-f-icon.email{background: transparent url(../images/email.png) left top no-repeat;}
.sp-f-icon.signup{background: transparent url(../images/signup.png) left top no-repeat;}
.sp-f-icon.testimonials{background: transparent url(../images/testimonials.png) left top no-repeat;}
.sp-f-icon:link,.sp-f-icon:active,.sp-f-icon:visited{color: #fff; text-decoration: none;}
.sp-f-icon:hover{color: #fff; text-decoration: none; background-position: left bottom;}
.sp-f-icon:hover span{border-bottom: 1px dashed #fff;}

.footmenu{ }
.footmenu ul {}
.footmenu ul li { display: inline-block; margin-right: 15px }

.footmenu a:link,.footmenu a:active,.footmenu a:visited{ text-decoration: none;}
.footmenu a:hover{ text-decoration: underline;}
.copyright{ padding-top: 25px;}

#subscribe-area.search-btn { width: 100%; margin-top: ; }
#subscribe-area.search-btn input { height: 40px }
#subscribe-area .btn { font-size: 18px }
#subscribe-area .btn-primary{ background: #; border-radius: 0;}

#subscribe-area ::-webkit-input-placeholder {color:#999; font-style: normal; font-weight: normal}
#subscribe-area ::-moz-placeholder          {color:#999; font-style: normal; font-weight: normal}/* Firefox 19+ */
#subscribe-area :-ms-input-placeholder      {color:#999; font-style: normal; font-weight: normal}

.signupfield { border-color: #eee; border-radius: 0; text-align: ; font-size: 12px }

#subscribe-area .ng-invalid { border-color: #900}

.slider-wrapper{background: #eaeaea; border-top: 0;}
#slider{width: 100%; height: 608px; overflow: visible; padding: 0;}
#sp-carousel {height: 100%;}
#sp-carousel .carousel-inner{height: 100%;}
#sp-carousel .item{height: 100%;}
#sp-carousel .item img{height: 100%; width: 100%;}
#sp-carousel .carousel-control{opacity: 1; border: none; width: 81px; background-position: center left; background-color: transparent; background-repeat: no-repeat; padding: 0; font-size: 0; line-height: 0; color: transparent; background-image: none; filter: none;}
#sp-carousel .carousel-control:hover{background-position: center right;}
#sp-carousel .carousel-control.left{left: -42px; background-image: url(../images/button-previous.png);}
#sp-carousel .carousel-control.right{right: -42px; background-image: url(../images/button-next.png);}
#sp-carousel .carousel-caption{left: auto; bottom: auto; top: 18px; right: 18px; margin-left: 18px; margin-bottom: 18px; width: auto; height: auto; padding: 20px 25px; background: #000; background-color: rgba(0,0,0,0.5); font-family: 'PT Sans', sans-serif; font-weight: bold}
#sp-carousel .carousel-caption span{opacity: 1!important; font-size: 1.5em;}
#sp-carousel .carousel-caption h3{margin: 0; padding: 0; font-size: 2em; font-weight: bold}

#slider{display: block; height: auto;}
#sp-carousel {height: auto;}
#sp-carousel .carousel-inner{height: auto;}
#sp-carousel .item{height: auto;}
#sp-carousel .item img{height: auto; max-width: 100%;}

#sp-carousel .carousel-text {position: absolute; left: auto; bottom: auto; top: 2em; right: 0; width: 100%; height: auto; padding: 20px 25px; background: none; font-family: 'PT Sans', sans-serif; color: #fff; text-align: center; font-size: 2em; text-shadow: 0 1px 2px rgba(0,0,0,.8); background-color: rgba(0,0,0,0.4); }
#sp-carousel .carousel-text h3{margin: 0; padding: 0; font-size: 3em; line-height: 1em; }

.h1{font-family: 'PT Sans', sans-serif; margin: 10px 0px; color: #666; text-align: center; display: block; font-size: 2.7em; text-transform: uppercase; font-weight: bold}
.ul-rhomb{list-style-image: url(../images/list-marker.png); font-family: Tahoma, sans-serif; font-size: 1em; color: #000;}
.ul-rhomb li{margin: 0 0 10px;}

.ul-check{list-style-image: url(../images/list-marker-check.png); font-family: 'PT Sans', Arial, sans-serif; font-size: 1.1em; font-weight: normal; color: #333; padding-left: 40px }
.ul-check li{margin: 10px 0 10px; padding-left: 10px }
.pricing-button {}
.col-pricing-head { padding: 15px 0; text-align: center; font-size: 24px; color: #666; line-height: 24px; position: relative }
.col-pricing-head span { font-size: 18px; }
.column.orange .col-pricing-head { border-top: 2px solid #2660a9 }
.column.green .col-pricing-head { border-top: 2px solid #7cc22a }
.column.blue .col-pricing-head { border-top: 2px solid #00b5e8 }
.col-pricing .column .col-title { margin-top: 0; text-transform: none; padding-top: 7px }
.col-pricing .col-title a { border-radius: 5px; color: #fff; border: 1px solid #fff; padding: 6px 20px; font-size: 16px; text-decoration: none }
.col-pricing .col-title a:hover { color: #333; border: 2px solid #666; text-decoration: none; background: #fff; }
.pricing-block:hover a { color: #333; border: 2px solid #666; text-decoration: none; background: #fff; }

.col-pricing .column { padding: 0; }
.col-pricing .column.green {border: 0;}
.pricing-block { width: 316px; background: #fcfcfc; border: 1px solid #fff; margin-top: 21px; cursor: pointer }
.col-pricing .pricing-block:hover { background: #f4f4f4; }
.col-pricing .column.orange .pricing-block { background: #f7f6e9; margin-top: 0; }
.col-pricing .column.orange .pricing-block:hover { background: #f0f0e0; }
#columns.col-pricing { width: auto; margin: 0 auto}
#columns .column { padding: 0 10px }
.pricing-popular { text-transform: uppercase; color: #fff; background: #2660a9; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; padding: 1px 10px; text-align: right; position: relative }
.pricing-popular img { position: absolute; top: -24px; right: 21px }

.column .col-title{color: #fff; margin-top: -30px; min-height: 59px; text-align: center; font-family: 'PT Sans', sans-serif; font-size: 1.3em; line-height: 2em; text-transform: uppercase;}
.column .col-content{font-family: Tahoma, sans-serif; font-size: 1em; color: #000; padding: 10px; width: auto; display: block;}
.column .col-content p{text-align: justify;}
.column.orange{}
.column.orange .col-title{background: transparent url(../images/col-orange.png) center top no-repeat;}
.column.green{}
.column.green .col-title{background: transparent url(../images/col-green.png) center top no-repeat;}
.column.blue{}
.column.blue .col-title{background: transparent url(../images/col-blue.png) center top no-repeat;}
.col-title-img{width: 100%; max-width: 100%; height: auto; border: 0;}
.column.green{border-right: 1px solid #bababa; border-left: 1px solid #bababa;}

#columns{display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 0; margin-right: 0; clear: both; padding-top: 30px;}
#columns > div, #columns > noindex > div{display: table-cell; vertical-align: top; width: 32%; padding: 0 0.7%; margin-top: 0px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#columns2{display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 0; margin-right: 0; clear: both; padding-top: 30px;}
#columns2 > div, #columns2 > noindex > div{display: table-cell; vertical-align: top; width: 48.6%; padding: 0 0.7%; margin-top: 0px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#columns2 > div + div{border-right: none;}
#columns1{display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 0; margin-right: 0; clear: both; padding-top: 30px;}
#columns1 > div, #columns1 > noindex > div{display: table-cell; vertical-align: top; width: 98.6%; padding: 0 0.7%; margin-top: 0px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#columns1 > div{border: none;}

#copyright-block {float: left; margin-right: 10px; /*color: #fff;*/ text-align: left}

.social-icons{float: right; margin-top: 25px; width: 200px; color: # }
.social-icons img{border: 0; margin: 0px 10px 0 0; float: left;}
.social-icons .btn {padding: 6px 12px }

/* Pricing table */
table.pricing-tbl { width: 100%; border-bottom: 1px solid #bababa; font-size: 1.1em }
table.pricing-tbl th { text-align: center; padding: 0.3em; vertical-align: top; background: #93c13e; color: #fff; font-size: 1.2em; font-weight: bold; border-left: 1px solid #ccc }
table.pricing-tbl td { padding: 0.7em 0.3em; border-top: 1px solid #bababa }
table.pricing-tbl td.item-option { border-left: 1px solid #bababa }
table.pricing-tbl td.yes { background: url(../images/tick.png) no-repeat center center; }
table.pricing-tbl td.no { background: url(../images/cross.png) no-repeat center center;  }
table.pricing-tbl th.option-col { width: 20%; color: #333 }

/* Default table */
.tbl {}


/* Animation */
@-webkit-keyframes moveFromRight {
	from { -webkit-transform: translateX(30%); }
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes moveFromRight {
	from { -webkit-transform: translateX(30%); transform: translateX(30%); }
	from { opacity: 0; }
	to { opacity: 1; }
}

/* fade */
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.ng-leave {
}
.ng-enter {  
  -webkit-animation:fadeIn 0.3s both ease-in;
	-moz-animation:fadeIn 0.3s both ease-in;
	animation:fadeIn 0.3s both ease-in;    
}

.clearing { clear: both; height: 0px }

.form-container.form-popup { width: auto !important; min-width: 0 !important; border: 0 !important; padding: 0 0.3em !important; margin: 0 !important }
.form-container {
	position: relative;
	width: 800px; 
	max-width: 960px; 
	min-width: ; 
	margin: auto; 
	border: 1px solid #eee; 
	padding: 0.8em 1em; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*overflow: hidden;*/
}
.form-container.short-form { max-width: 400px }
.form-container label { width: 100%; }
.form-container label.ui-button { width: inherit; }
.form-container .field-row { padding: 0.5em 0 }
.form-container .wijmo-wijinput { width: 100%; max-width: 400px }
.form-container textarea { width: 100%; max-width: 400px; }
.form-container .input-left { float: left; width: 49%; margin-right: 2% }
.form-container .input-right { float: right; width: 49% }
.form-container label { color: #666 }
.form-container label span { font-weight: normal }
.form-container label .required { color: #108BC1 }
.form-container label .required:before { content: "*"; }

/* ckeditor width */
textarea.cke_source, .table textarea.cke_source { max-width: 100% !important }


.required { color: #108BC1 }
.required:before { content: "*"; }

.calendar-container { 
	width: 900px;
	margin: auto; 
	border: 1px solid #eee; 
	padding: 0.8em 1em; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

.simple-form-container { width: 100%; max-width: 960px; padding: 0.8em 1.2em; }
.simple-form-container label { width: 100%; }
.simple-form-container .field-row { padding: 0.5em 0 }
.simple-form-container .wijmo-wijinput { width: 100%; max-width: ; }
.simple-form-container textarea { width: 100%; max-width: ; }
.simple-form-container .input-left { float: left; width: 49%; margin-right: 2% }
.simple-form-container .input-right { float: right; width: 49% }
.simple-form-container label { color: #666 }
.simple-form-container label .required { color: #108BC1 }
.simple-form-container label .required:before { content: "*"; }


.alright {text-align: right}
.alcenter {text-align: center}
.alleft {text-align: left}

#login-popup,
#instructor-login-popup
 { max-width: 100%; width: 18em; float: right; left: auto; right: 80px; padding: 0 0.5em !important }

#instructor-login-popup { right: 0px; }

#login-popup { width: 16em }
#login-popup div { font-size: 22px; padding: 3px 8px }
#login-popup div i { width: 30px; text-align: center }
#login-popup div a:hover { text-decoration: none }

::-webkit-input-placeholder { /* WebKit browsers */
	color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #999;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #999;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #999;
}

.flow-gallery .flow-menu .search input::-moz-placeholder,
.flow-gallery .flow-menu .search input:-moz-placeholder 
{ 
	color: #fff;
	font-style: normal;
}

.flow-gallery .flow-menu .search input::-webkit-input-placeholder, 
.flow-gallery .flow-menu .search input:-ms-input-placeholder 
{ 
	color: #fff;
	font-style: normal;
}

.divider { clear: both; display: block; text-align: center; border-bottom: 1px solid #fdfdfd; border-top: 1px solid #ddd }


.soc-login {
	color: #fff;
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
	font: 12px/24px "lucida grande","lucida sans unicode",arial,sans-serif;
	-moz-appearance: none;
	position: relative;
	line-height: 26px;
	padding: 0px 8px 0px 32px;
	width: 170px;
	text-align: left;
}

.gp-login {
	background-color: #cc3732;
	border: 1px solid #ac1713;
	margin: 10px 0 0 0;
}

.fb-login {
	background-color: #5675b5;
	border: 1px solid #45629e;
	min-width: 130px;
}

.fb-login:hover { 
	background-color: #607edf;
}

.gp-login:hover { 
	background-color: #e74b37;
}

.gp-login span.icon {
    background: url('../images/google-plus-256.png') no-repeat scroll 2px bottom / 24px 24px transparent;
    display: block;
    float: left;
    margin: 0px 8px 0px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    height: 26px;
    width: 24px;
}

.fb-login .icon {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAMAAABMOI/cAAAAe1BMVEUAAAAAAAD///8AAACmpqb///8AAAAAAAAAAAD///8AAAD///8AAADr6+tpaWkAAABCQkLr6+sAAAD6+voAAAD///9ZWVnV1dUAAAASEhIAAAAAAAD9/f3///////////////////////////////////8AAAD///////8SphnuAAAAKHRSTlMADoIFbe4BMxIUCgkkxU0GQckD8SUFR5saNzIv+fvw4Ab+KA80GxETLESqdwAAAHRJREFUeF7lzrcSg0AMRdFdWBAxB+ec9P9fiIACo7VmPOPSt1FxCj31uTD4FXw3r3wbdLPddFlx5rAGU+6RYqBhhWMXBonBqSODXTrAwfNODKAmcFp7LiAVKwHU1wDUAHSiJeDcXYKrBI/F8ze4iav+AV7PHvr2GOYdRl6YAAAAAElFTkSuQmCC') no-repeat scroll 0px bottom / 24px 26px transparent;
    display: block;
    float: left;
    margin: 0px 8px 0px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    height: 26px;
    width: 24px;
}

.error-message {
	color: #e00;
	background: #ffc;
	border: 1px solid #ee0;
	padding: 0.7em 1em;
	margin: 0.5em 0;
	font-weight: bold;
}

.errorpage #content {
	padding: 2em 0 0 1em; 
	text-align: center;
}

.errorpage #content img {
	padding: 0 0 1em 0;
}

.errorpage #content #backlinks {
	color: #dbdbdb;
	text-transform: uppercase;
	font-size: 28px;
}
.errorpage #content a.home-link {
	color: #93c13e;
	margin-left: 0.2em;
}

.errorpage #content a.back-link {
	color: #00b3e5;
	margin-right: 0.2em;
}

.table { max-width: 1170px; }
.table th { width: 30%; font-size: 1.1em; font-weight: normal; text-align: right }
.table select { max-width: 400px; width: 100% }
.table textarea { width: 100%; max-width: 600px; }

.success-message {
	color: #93c13e; font-weight: bold; font-size: 1.1em; padding: 0.1em; margin-bottom: 0.1em 
}

ul#gallery-list { list-style: none; margin-left: -20px }
ul#gallery-list li { float: left; width: 200px; height: 300px; text-align: center; margin-left: 20px; border: 1px solid #bbb; margin-bottom: 20px; padding: 10px 4px; overflow: hidden; border-radius: 10px; background: #fefefe;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1); 
	-moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1); 
	box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1);
 }
ul#gallery-list li a { display: block; height: 180px; width: 180px; margin: 0 auto 10px auto }
ul#gallery-list li img { max-width: 180px; max-height: 180px }
ul#gallery-list li div.gallery-title { height: 48px; overflow: hidden; margin-bottom: 3px; font-size: 17px; font-weight: bold; color: #888 }
ul#gallery-list li div.gallery-desc { height: 75px; margin: 0 -4px; overflow: hidden; font-size: 12px; background: #555; opacity: 0.8; color: #fff; padding: 4px; }
ul#gallery-list li:hover div.gallery-desc { 
	height: 123px;
	margin-top: -50px; 
	transition: all 0.2s;
  -webkit-transition: all 0.2s ease-in-out;
	background: #000;
}

ul#gallery-list .gallery-box { border-radius: 10px}

.tutorials ul#gallery-list li { height: 343px !important; }

ul#gallery-list li div.gallery-subtitle { height: 20px; overflow: hidden; margin-bottom: 10px; font-size: 14px; color: #999 }

div.paging {text-align: center}

#fancybox-wrap, #fancybox-outer div { box-sizing: content-box }

ul#gallery-list li.selected { 
	border: 1px solid #900; 
	-webkit-box-shadow: 2px 2px 3px 0px rgba(100, 10, 10, 0.5); 
	-moz-box-shadow: 2px 2px 3px 0px rgba(100, 10, 10, 0.5); 
	box-shadow: 2px 2px 3px 0px rgba(100, 10, 10, 0.5); 
}

.form-note { font-style: italic; color: #aaa; font-size: 0.9em; padding-bottom: 4px }
#search-block { float: right; margin: 5px 10px 5px 0px }

.search-btn { width: 280px; float: right; margin: 5px 0 }
.search-btn input { height: 34px }
.search-btn input:focus { outline: none; }
*:focus { outline: none; }

#pageSize { margin: 6px 0 0 0 }
#pageSize select { width: auto; }
#pageSize label { color: #999 }

.marker { background-color: #ffff00 }
.text-warning { color: #e00 }

#idle { text-align: center }
#idle-countdown { font-size: 6em; color: #2660a9 }
#idle-logout { float: left; }
#idle-keep { float: right }

#fancybox-left, #fancybox-right {
	height: 70%;
	top: 12%;
}

.hr-text { position: relative; margin: 10px 0 5px 0 }
.hr-text div { margin-top: -12px; text-align: center; }
.hr-text div span { background: #fff; padding: 0px 5px; color: #666 }
.hr-text:before {
	content: "";
	height: 1px;
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(147,147,147,1) 50%,rgba(0,0,0,0) 100%);
	display: block;
}

.bg-black .hr-text div span {
    /*background: #2d353c ;*/
}

.form-container.contact-form { border: none; float: left; padding: 0 0 0 3%; width: 76% }
.form-container.contact-form label { width: 15%; float: left }
.form-container.contact-form input, .form-container.contact-form textarea, .form-container.contact-form select { 
	width: 85%; 
	max-width: 85%; 
	border: 1px solid #e7e7e7; 
	background: #fff; 
	border-radius: 4px; 
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(245,245,245,1); -moz-box-shadow: inset 0px 0px 1px 1px rgba(245,245,245,1); box-shadow: inset 0px 0px 1px 1px rgba(245,245,245,1); 
	padding: 5px 10px;
}
.form-container.contact-form input:hover, .form-container.contact-form textarea:hover, .form-container.contact-form select:hover,
.form-container.contact-form input:focus, .form-container.contact-form textarea:focus, .form-container.contact-form select:focus { border-color: #939aa3; }

.form-container.contact-form textarea { height: 120px }
#contatus-icons { margin: 20px -4% 40px -2%; color: #666; }
.cu-icon-block {width: 24%; float: left; padding: 0 2%; border-right: 1px solid #e6e6e6; min-height: 130px; line-height: 20px; overflow: hidden }
.cu-icon { margin-bottom: 20px; text-align: center }
.cu-icon-block strong { font-size: 16px; font-weight: normal }

#contactus-door { float: left; margin: -20px 0 0 -6%; width: 30%; max-width: 366px }
#contactus-door img { width: 100%; max-width: 366px }

#features-list { background: #fff; text-align: center; color: #666; font-size: 13px; padding-top: 0px; padding-bottom: 20px; line-height: 18px; }
#features-list .feat-subhead { color: #00b3e5; font-size: 18px; padding: 15px 10px 10px 10px; line-height: 18px }
#features-list img { padding-top: 40px; }

.flow-gallery a:hover { text-decoration: none }

.guide-block { 
	border:1px solid #ccc;
	border-radius: 10px;
	margin: 2% 2% 0 0;
	padding: 10px;
	background: #f9f9f9;
	float: left;
	min-width: 31%;
	width: 31%;
}

.guide-topic {
	margin: 10px 0 5px 0;
	font-weight: bold;
	font-size: 1.2em;
}
.guide-item {
	margin: 0 0 10px 15px;
}

.panel-item {
}

.guide-link-desc {
	font-style: italic;
	color: #888;
}

.frontend-error { color: #900 }
.frontend-message {}

.messagenew-error {
	margin: 10px auto;
	width: 100%;
	max-width: 400px;
	min-height: 3.6em;
	background: #fbe3e4;
	color: #8a1f11;
	text-align: left;
	border: 2px solid #fbc2c4;
	padding: 10px;
}
.messagenew-error i.fa {
	font-size: 2.2em;
	float: left;
	margin-top: -0.1em;
}
.messagenew-content {
	padding-left: 2.5em;
}
.messagenew-content a {
}

/* responsive slider */
.slider-wrapper .container { 
	width: 100%;
	overflow: hidden;
	padding: 0;
}

#slider { height: auto !important }
#sp-carousel .carousel-control { visibility: hidden; }
#sp-carousel:hover .carousel-control { visibility: visible; }
#sp-carousel .carousel-control.right { right: -30px; }
#sp-carousel .carousel-control.left { left: -30px; }
/* /responsive slider */

#icons { text-align: center; }
#icons .column { width: 25%; float: left}
#icons .column a { display: block; margin: 0px 5px; padding: 10px 0;  
}
#icons span { display: block; font-size: 1.3em; padding: 10px 0 0 0; }
#icons a { color:  #555 }

#keys .sp-icon { float: left; min-width: 120px; width: 20%; }

#values h2.content-title {
	color: #fff;
	font-size: 24px;
	margin-bottom: 25px;
}

.seal-place {
	padding: 0 20px;
}

.content-wrapper { margin-top: 58px }

#header #logo { margin: 4px 6px 4px 0; width: 180px; }
.clients-wrapper img { margin-right: 10px; margin-top: 4px }

#top-login-buttons {
	text-align: right;
}

#top-buy-buttons {
	float: right;
	text-align: right;
	padding-top: 10px;
}

#top-buy-buttons a {
	color: #fff;
	padding: 7px 15px;
	background-color: #2660a9;
}

#top-buy-buttons a:hover, #top-buy-buttons a:active {
	color: #fff;
	background-color: #ba86f2;
}

#top-buy-buttons a.btn-signup {
}

#top-buy-buttons a.altbut {
	color: #666;
	background-color: #fff /*#00b5e9*/; 
	border: 1px solid #aaa;
}

#top-buy-buttons a.altbut:hover {
	color: #111;
	border: 1px solid #999;
}

#top-buy-buttons a.simpbtn {
	padding: 7px 5px;
}

#top-buy-buttons a.simpbtn i {
	font-size: 18px;
	padding: 0px 2px;
}

#top-buy-buttons a.simpbtn span {
	font-size: 14px;
	font-weight: 600;
	padding: 0px 2px;
}

#top-buy-buttons a.simpbtn, #top-buy-buttons a.simpbtn:link {
	color: #666 !important;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 3px;
}

#top-buy-buttons a.simpbtn:hover {
	background-color: #f8f8f8;
	border: 1px solid #f0f0f0;
}

#top-buy-buttons a.simpbtn:hover .btn, #top-buy-buttons a.simpbtn:active .btn {
	color: #333 !important;
}

#home.has-bg.home { height: 500px }
#home .home-content .btn {
	margin-bottom: 10px;
}

#main-message { text-align: left }
#footer-copyright .row span { display: inline-block; }
#footer ul.links li { margin-bottom: 5px }