/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset,
img { border: 0 }
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal
}
ol,
ul { list-style: none }
caption,
th { text-align: left }
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal
}
h1 {
  margin: 0;
  font-size: 30px;
  line-height: 33px;
  color: #d08709;
}
h2 {
  margin: 0 0 17px;
  color: #d08709;
  font-size: 24px;
  line-height: 27px;
}

q:before,
q:after { content: '' }
abbr,
acronym {
	border: 0;
	font-variant: normal
}
/*sup { vertical-align: text-top }*/
sub { vertical-align: text-bottom }
input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}
legend { color: #000 }

strong { font-weight: bold; }
body {
	margin: 0;
	color: #4f4f4f;
	font: 16px/24px Inter, Helvetica, Arial, sans-serif;
	min-width: 996px;
}
img { border-style: none; }
a {
	text-decoration: none;
	color: #00a2e1;
}
a:hover { text-decoration: underline; }
a:active { background-color: transparent; }
input,
textarea,
select {
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #000;
	resize: none;
	padding: 12px;
	border: 1px solid rgba(42, 55, 73, 0.2);
	border-radius: 4px;
	
}
form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
.home #wrapper {
	width:auto;
	max-width: 960px;
}
#wrapper {
	margin: auto;
	background: #fff;
	/*width:960px;*/
}

/*Bootstrap Nav Customization Begin*/
nav a:hover {
	text-decoration: none;
  color: #1A93D1 !important;
}
.dropdown-item:focus, .dropdown-item:hover {
	background-color: #1A93D1;
	color: #FFF;
}
.dropdown-toggle::after {
	display: none !important;
}
.bi-chevron-up {
	color: #1A93D1 !important;
}
.bi-chevron-down {
	color: #2A3749 !important;
}
nav li > a {
	color: #2A3749 !important;
	font-weight: 500 !important;
}
nav li.active > a {
  text-decoration: none;
  color: #1A93D1 !important;
}

.dropdown-menu {
	border: none;
	border-radius: 0px;
	padding: 0px;
}
.dropdown-item{
	padding: 14px 28px;
  color: #1A93D1 !important;
  font-weight: 500 !important;
}
.dropdown-item:hover{
  color: #FFF !important;
}
.navbar-nav .dropdown-menu {
	margin: -8px 0px 0px 0px;
}
.navbar-nav-admin .dropdown-menu {
	margin: 0px 0px 0px 0px !important;
}
/*Bootstrap Nav Customization End*/


#nav > .menu > ul :after,
#header:after {
	content: "";
	display: block;
	clear: both;
}
#header {
  background-color: #EEF6FF;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.logo {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.logo a {
	height: 100%;
	display: block;
}
#header .logo {
	background: url(../images/logo.png) no-repeat -2px 0;
	background-size: contain;
	width: 291px;
	height: 127px;
	margin: 0;
	float: left;
}
.menu > ul.js-slide-hidden { position: static !important; }
.menu .opener { display: none; }
.opner { display: none; }
.dropdown .opener1 { display: none; }
.menu{ display:none;}
.menu.add{ display:block;}
.navbar {
	padding: 0px;
	height: 128px;
	background: #EEF6FF;
}
.navbar-admin {
	padding: 0px 0px 0px 325px;
	height: 40px;
	margin-top: -40px;
	background: #EEF6FF;
}
#nav {
	/*float: right;*/
	/*padding:33px 0px 0 0;*/
	/*display:none;*/
	height: 128px;
	max-width: 1440px;
	margin: auto;
}
#nav > .menu > ul {
	text-align: right;
	color: #333;
}
#nav > .menu > ul > li:first-child { background: none; }
#nav > .menu > ul > li {
	float: left;
	padding: 0 15px;
	position: relative;
}
#nav > .menu > ul > li.hover .dropdown { display: block; }
#nav > .menu > ul > li > a {
	text-decoration: none;
	color: #333;
	position:relative;
	z-index:501;
}
/*#nav > .menu > ul > li > a:hover,
#nav > .menu > ul > li.hover > a,*/
#nav > .menu > ul > li.active > a {
	text-decoration: none;
	font-weight: 600;
}
#nav > .menu > ul li.last .dropdown:before {
	background: url(../images/bg-dropdown-t2.png) no-repeat;
	right: -2px;
}
#nav .menu .dropdown {
	position: absolute;
	width: 195px;
	display: none;
	left: 0;
	top: 7px;
	margin:50px 0 11px;
	z-index:500;
	background:url(../images/bg-dropdown.png) repeat-y;
}
/*
#nav .menu .last .dropdown{
	left:auto;
	right:0;
}
*/
#nav > .menu > ul li.hover .dropdown.js-slide-hidden {
	top: 7px !important;
	left: 0 !important;
}
#nav > .menu > ul ul {
	margin: -16px 0 -2px ;
	padding: 0 22px;
	position:relative;
	color: #737373;
	text-transform: capitalize;
	text-align: left;
	z-index: 9999;
	display:inline-block;
	vertical-align:top;
	width:153px;
}
#nav > .menu > ul .dropdown:before,
#nav > .menu > ul .dropdown:after{
	background:url(../images/bg-dropdown-t.png) no-repeat;
	width:195px;
	height:57px;
	position:absolute;
	top:-50px;
	left:0;
	content:"";
}
/*#nav > .menu > ul .dropdown:after{
	top:auto;
	bottom:-11px;
	height:11px;
	background:url(../images/bg-dropdown.png) no-repeat -194px 0;
}*/
#nav > .menu > ul ul li {
	overflow: hidden;
	margin: 0 0 13px;
}
#nav > .menu > ul ul li:hover {
	background-color: #1A93D1;
}
#nav > .menu > ul ul li a { color: #737373; }
#nav > .menu > ul ul li a:hover {
	color: #fff;
	text-decoration: none;
}
#nav button {
  margin-top: -14px;
  padding: 14px 28px;
}

.nav-sign-in.responsive{
  display: none;
}

.navbar-toggler {
	margin-right: 20px;
	margin-top: 0px !important;
	padding: 3px 5px !important;
}
.navbar-admin .nav-item {
	margin-right: 30px;
}
.navbar-admin .navbar-toggler {
	background-color: #1A93D1;
	float: right;
	position: relative;
	top: -49px;
	right: 80px;
	background-image: url('../images/bg-opner.png');
	background-size: cover;
	height: 40px;
	width: 44px;
	margin: 0px !important;
	border-radius: 6px;
	
}
.carousel {
	position: relative;
	width: 100%;
	height: auto;
}
.carousel .mask {
	position: relative;
	overflow: hidden;
}
.carousel .mask .slideset {
	width: 100%;
	float: left;
}
.carousel .mask .slide { float: left; }
.carousel .mask .slide img {
	width: 100%;
	height:auto;
	display: block;
}
.carousel .pagination {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 21px;
	right: 39px;
	text-align: right;
}
.carousel .pagination li {
	float: left;
	margin: 0 0 0 2px;
}
.carousel .pagination li a {
	background: url(../images/bullets.png) no-repeat 100% 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	text-indent: 9999px;
	display: block;
}
.carousel .pagination li a:hover,
.carousel .pagination li.active a { background-position: 0 0; }
.tagline {
	background: url(../images/bg-tagline.png);
	position: relative;
	text-align: center;
	padding: 27px 15px 20px 10px;
}
.tagline:after {
	background: url(../images/tagline-bottom-shadow.png) no-repeat;
	width: 100%;
	height: 33px;
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}
.tagline:before {
	background: url(../images/bg-t-shadow.png) no-repeat;
	width: 100%;
	height: 29px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}
.tagline h1 img{
	display:block;
	margin: 0 auto;
	max-width:899px;
	width:100%;
	height:auto;
}
.traning ol, .traning ul {
	list-style-type: disc;
    margin-left: 50px;
}
#main { 
	/*overflow: hidden;*/
}
.three-columns {
	overflow: hidden;
	padding: 0 0 6px;
	background:url(../images/bg-columns2.png) repeat-x #fff;
}
.three-columns .column:first-child { background: none; }
.three-columns .column {
	float: left;
	padding: 13px 10px 0;
	width: 33.3%;
	background: url(../images/bg-columns.jpg) no-repeat;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.categories {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	text-transform: uppercase;
	font: 18px/21px 'Lucida$ Sans W01 Bold', helvetica, Arial;
}
.categories li {
	padding: 8px 5px;
	margin: 0 0 7px;
	background: #3891b3;
	-webkit-box-shadow: 1px 1px rgba(0,0,0,.26);
	-moz-box-shadow: 1px 1px rgba(0,0,0,.26);
	box-shadow: 1px 1px rgba(0,0,0,.26);
	border-radius: 4px;
	text-align: center;
	height:23px;
}
.categories li:after {
	content: "";
	display: block;
	clear: both;
}
.categories li a {
	color: #fff;
	text-decoration: none;
}
.categories li a:hover { text-decoration: underline; }
.three-columns .column .update {
	margin: 0 auto;
	max-width: 284px;
	height: auto;
}
.three-columns .column .update img {
	display: block;
	width: 100%;
}
.three-columns .news {
	margin: -5px 0 0;
	padding: 0 0 0 18px;
	overflow: hidden;
	list-style: none;
	line-height: 16px;
	color: #4f4f4f;
	font-family: 'Lucida$ Sans W01 Roman', Helvetica, Arial, sans-serif;
}
.three-columns .news li:first-child { border: none; }
.three-columns .news li {
	margin: 0;
	overflow: hidden;
	padding: 6px 0 7px;
	border-top: 1px solid #dedede;
}
.three-columns .news li a {
	color: #4f4f4f;
	padding: 0 0 0 33px;
	float: left;
	text-decoration: none;
	background: url(../images/bg-news.png) no-repeat 0 8px;
	min-height: 26px;
}
.three-columns .news li a:hover { text-decoration: underline; }
#footer {
	overflow: hidden;
	background: #F5FAFE;
	padding: 16px 89px 31px;
	text-align: center;
}
.copyright {
	color: #8D929D;
	font-size: 14px;
	line-height: 21px;
}
.footer-text {
	color: #8D929D;
	font-size: 12px;
	margin-top: 35px;
}
.footer-nav {
	padding: 0 0 0 43px;
	list-style: none;
	color: #009dd8;
	text-align: right;
	text-transform: capitalize;
	font-size: 11px;
	line-height: 14px;*/
	display: inline-block;
  padding-top: 24px;
  padding-bottom: 24px;
}
.footer-nav li {
	float: left;
	margin: 0 22px;
}
.footer-nav li a {
	color: #2A3749;
	text-decoration: none;
}
.footer-nav li a:hover { text-decoration: underline; }
.social_media_icons img {
	height: 18px;
	margin: 0 16px;
}
.social_media_icons .divider {
	font-size: 16px;
	font-weight: 400;
	color: #DBDBDB;
}
.footer hr {
  color: #8D929D;
}
#main .heading {
	background: url(../images/bg-heading.png) no-repeat 100%;
	background-size: cover;
	overflow: hidden;
	/*height: 112px;*/
	padding: 106px 0;
	text-align: center;
	
	/*margin-top: 128px;*/
}
#main .heading h1 {
	font-size: 80px;
	line-height: 112px;
	font-weight: 700;
	color: #fff;
}
.page-heading {
  color: #2A3749;
  font-size: 36px;
  line-height: 50px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 50px;
}
.page-heading-2 {
  color: #E9803D;
}
.page-subheading {
  text-align: center;
}
.breadcrumbs {
	padding: 30px 27px 7px;
	margin: 0;
	list-style: none;
	color: #009dd8;
	text-transform: capitalize;
}
.breadcrumbs li {
	display: inline;
	background: url(../images/separator.png) no-repeat 0 5px;
	padding: 0 5px 0 14px;
}
.breadcrumbs li:first-child {
	background: none;
	padding-left: 0;
}
.breadcrumbs a {
	color: #009dd8;
	text-decoration: none;
}
.breadcrumbs a:hover { text-decoration: underline; }
.traning {
	/*overflow: hidden;*/
	/*background: url(../images/bg-art.jpg) no-repeat 100% 100%;*/
	padding: 80px 90px 75px;
	/*line-height: 17px;*/
	min-height: 280px;
}
.traning h2 {
	margin: 0 0 17px;
	color: #d08709;
	font-size: 24px;
	line-height: 27px;
}
.traning p { margin: 0 0 17px; }
.traning span {
	display: block;
	padding: 26px 0 14px;
}
.traning .aligh-left {
	float: left;
	border: 2px solid #efefef;
	padding: 7px 7px 10px;
	border-radius: 2px;
	margin: 2px 20px 0 0;
}
.classes {
	overflow: hidden;
	margin: 0 90px;
}
.my_classes {
	overflow: hidden;
	margin: 0 0px;
}
.classes h2 {
	margin: 0 0 13px;
	color: #d08709;
	font-size: 24px;
	line-height: 27px;
	text-transform: capitalize;
}
.classes .links {
	background-color: #fdfdfd;
	-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.03);
	-moz-box-shadow: inset 0 0 30px rgba(0,0,0,.03);
	box-shadow: inset 0 0 30px rgba(0,0,0,.03);
	border: solid 1px #f2f2f2;
	height: 91px;
	width: 906px;
	position: relative;
}
.classes .links:after {
	position: absolute;
	bottom: -16px;
	left: 0;
	right: 0;
	content: "";
	clear: both;
	display: block;
	background: url(../images/links-after.jpg) no-repeat;
	width: 908px;
	height: 16px;
	size:100%;
}
.classes .class-links {
	overflow: hidden;
	font-size: 14px;
	line-height: 17px;
	text-transform: capitalize;
	padding: 24px 20px;
}
.classes .class-links .group1 {
	width: 310px;
	float: left;
	text-align:left;
}
.classes .class-links .group2 {
	width: 516px;
	float: right;
	text-align:right;
}
.classes .class-links ul:first-child li a{padding:10px 22px;}
.classes .class-links ul:first-child li{
	float:left;
	margin:0 2px 0 0;
}
.classes .class-links ul li:first-child a{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.classes .class-links ul {
	margin: 0;
	padding: 0;
	display: table;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform: capitalize;
	height: 38px;
}
.classes .class-links ul li{
	display:inline-block;
	vertical-align:top;
	margin:0 -2px 0 0;
	position:relative;
}
.classes .class-links ul li.last a{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.classes .class-links ul li a{
	text-decoration:none;
	display:block;
	color:#2e2e2e;
	padding:10px 19px;
	background:#e4e4e4;
	cursor: pointer;
}
.classes .class-links ul li:after{
	position:absolute;
	left:50%;
	bottom:-10px;
	width:21px;
	height:10px;
	content:'';
	display:none;
	margin:0 0 0 -9px;
	background:url(../images/arrow.png) no-repeat;
}
.classes .class-links ul li:hover a,
.classes .class-links ul li.active a{
	color:#fff;
	background:#3891b3;
}
.classes .class-links ul li.active:after{ display:block;}
.classes .class-links ul li:hover:after{ display:block;}
.courses {
	overflow: hidden;
	padding: 0px 0 28px;
}
.courses .expand_classes {
	color: #3B7FE0;
	float: right;
  background: url(../images/bg-opner3.png) no-repeat 100% 5px;;
	padding: 3px 32px 0 0;
	margin: 0 0px 42px 0px;
	line-height: 18px;
	text-decoration: none;
	cursor: pointer;
}
.courses .expand_classes .hide {display:none;}
.courses .expand_classes.active{ background-position:100% -16px}
.courses .expand_classes.active span {display:none;}
.courses .expand_classes.active span.hide {display:block;}
.courses1 {
	overflow: hidden;
	box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.15);
	border-radius: 3px;
	padding: 60px;
	margin: 0 5px 40px 5px;
	position: relative;
	clear: both;
}
/*.courses1.add { padding: 16px 0 12px; }*/
.courses .frame {
	/*overflow: hidden;*/
}
/*.courses1:first-child { padding: 14px 0 6px; }*/
.courses1 .slide {
	width: 890px;
	overflow: hidden;
}
.courses1 h2 {
	color: #4f4f4f;
	font-size: 18px;
	line-height: 22px;
}
.courses1.add h2 {
	font-family: 'HelveticaNeueW01-75Bold', Arial;
	margin: 2px 0 15px;
}
.courses1.add .title {
	display: block;
	color: #4f4f4f;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
}
.courses1 .opener2 {
	float: right;
	background: url(../images/plus-icon.png) no-repeat;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 23px;
	margin-left: 38px;
}
.courses1.active .opener-holder .opener2,
.courses1 .opener-holder.active .opener2, 
.courses1 .class_instance.active .opener2 {
	background: url(../images/minus-icon.png) no-repeat 0 100%;
	width: 25px;
	height: 3px;
  margin-top: 27px;
  margin-left: 38px;
	padding:5px 0;
	text-indent: -9999px;
	overflow: hidden;
}
.courses1 .course_title {
	font-size: 36px;
	line-height: 50px;
	font-weight: 700;
	padding: 20px 0;
	text-align: center;
  color: #455974;
}
.courses1 .class_instance {
	vertical-align: top;
	border-top: 1px solid rgba(59,127,224,0.2);
	padding: 34px 0;
}
.courses1 .class_date {
	width: 228px;
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
	margin-right: 40px;
	display: inline-block;
	float: left;
}
.courses1 .class_time_location {
	/*width: 228px;*/
	display: inline-block;
	font-size: 20px;
	padding-top: 8px;
}
.courses1 .middot {
	font-size: 40px;
	vertical-align: text-bottom;
}
.courses1 .class_button {
	float: right;
	display: inline-block;
	margin-top: -25px;
}
.courses1 .class_details {
	display: none;
	margin-left: 270px;
	max-width: 600px;
	margin-top: 20px;
	font-size: 18px;
	line-height: 26px;
}
.courses1 .left-column {
	float: left;
	max-width: 510px;
	line-height: 18px;
	padding: 4px 0 0 3px;
}
.courses1 .right-column {
	width: 361px;
	float: right;
}
.courses1 .right-column .date {
	color: #e40000;
	font-size: 14px;
	line-height: 16px;
	float: left;
}
.courses1.add .date { color: #3891b3; }
.courses1 .waitlist,
.courses1 .register {
	width: 160px;
}
.courses1 .waitlist {
	background-color: #E9803D;
}
.courses1.active .opener-holder .details,
.courses1 .opener-holder.active .details {
	margin-left:270px;
  max-width: 600px;
}
.courses1 .holder {
	overflow: hidden;
	padding: 0 17px 0 27px;
	margin: 0 -1px 0 0;
}
.courses1.active .opener-holder .holder,
.courses1 .opener-holder.active .holder { padding: 0; }
.courses1.active .opener-holder .details:before,
.courses1 .opener-holder.active .details:before {
	background-position: -672px 0;
	height: 17px;
	bottom: -17px;
	top: auto;
}
.courses1 .opener-holder {
	position: relative;
	padding: 0 25px 0 0;
	display:inline-block;
	vertical-align:top;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin: 0 0 9px;
}
.courses1 .warning-alert {
	background: #fcf7d9;
	border: 1px solid #ddd187;
	border-radius: 3px;
	padding: 8px 15px 10px;
	color: #050505;
	font-size: 14px;
	line-height: 16px;
	margin: 15px 0;
	overflow: hidden;
}
.courses1 .warning-alert .title {
	background: url(../images/icon.png) no-repeat;
	font: 14px/18px HelveticaNeueW01-75Bold, Helvetica, Arial, sans-serif;
	display: block;
	padding: 0 0 3px 28px;
}
.courses1 .text {
	display: block;
	padding: 0 0 7px;
}
.courses1 .details-box {
	display: none;
	padding:18px 0 8px;
}
.courses1.active .opener-holder .details-box,
.courses1 .opener-holder.active .details-box {display: block;}
.courses1 .description { display: none; }
.courses1.active .description,
.courses1 .opener-holder.active .description { display: block; }

a#skip
{
position:absolute;
left:-10000px;
top:auto;
overflow:hidden;
}
 
a#skip:focus
{
position:static;
width:auto;
height:auto;
background-color: #FFF;
color: #000;
}

/*evaluations styles begin*/
.eval-test {
  clear:both;
  margin-top:30px;
}
.eval-test a {
  float: none !important;
}
.eval-row {
  clear:both;
}
.eval-test .spacer-row{
  height: 20px;
  clear:both;
}

.eval-question-text {}
.eval-col-1 {
  width: 30px;
  float:left;
}
.eval-col-2 {
  width: 770px;
  margin-bottom: 5px;
  float: left;
}

#eval_question_list button {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin: 5px;
  font-size: 14px;
}
.goldandbold {
  font-size: 16px;
  font-weight: bold;
  color: #CD7926;
} 
.eval-test .answer {
    padding-left: 30px;
}

.answer-detail {
  background-color: #f2f2f2;
  padding: 5px 0 5px 5px;
  overflow: hidden; 
}
.answer-multi-choice {
  margin-left: 10px;  
  margin:0 10px 0 0px;
  vertical-align:baseline;
}
.answer_choice[type="text"] {
  width: 400px;
}
.eval-test td {
  vertical-align:top;
  text-align: left;
}
.eval-test .answer_choice {
  margin:0 10px 0 0px;
  vertical-align:baseline;
}
.answer-other {
  /*margin-top:2px;*/
  /*margin-left:10px;*/
}
.eval-test input[type="text"]{
  height:25px !important;
}
.eval_question_number {
  font-weight:bold; 
}
.radio-check-button {
  float:left;
  width: 20px;  
}
.radio-check-label {
  float:left;
}
.answer-other-input {
  float:left;
  margin-left: 10px;
}
.scale-answer-choice {
  float: left;
  margin-right: 20px;
}
.scale-answer-choice-spacer {
  margin-left: 20px;  
}

.scale-label-partial-start {
  float:left;
  margin-right: 10px;
}
.scale-label-partial-end {
  float:left;
  margin-right: 40px;
}
.scale-label-partial-other {
  float:left;
}
.scale-input-partial {
  float: left;
  width: 30px;
  text-align:center;
}
.scale-label-partial {
  float:left;
  width: 120px;
}

.add_button_checkradio, .add_button_scale {
  background: url(../images/bg-opner3.png) no-repeat scroll 0 0;
  float: right;
  margin-top: 11px;
  width: 17px;
  margin-right: 10px;
  margin-left: 10px;
}
.remove_button_checkradio, .remove_button_scale {
  background: url(../images/bg-opner3.png) no-repeat scroll 0 -16px;
  float: right;
  margin-top: 9px;
  width: 17px;
}
#eval_class_list, #eval_course_list, #eval_presentation_list {
  margin-left: 10px;  
}


/*evaluations styles end*/


/*@media only screen and (max-width: 1024px) {*/
@media only screen and (max-width: 1199px) {
  .classes {
    margin: 0px 10px;
  }
  .courses1 .class_details {
    margin-left: 0px;
  }
  .courses1 .class_button {
    float: none;
    margin-top: 10px;
  }
  .courses1 .class_time_location {
    display: block;
  }
  .courses1 button {
    margin-left: 0px;
  }
}

/* ============ desktop view ============ */
/*@media all and (min-width: 992px) {*/
@media all and (min-width: 1200px) {
  .dropdown-menu li{ position: relative;  }
  .nav-item .submenu{ 
    display: none;
    position: absolute;
    left:100%; top:-7px;
  }
  .nav-item .submenu-left{ 
    right:100%; left:auto;
  }
  .dropdown-menu > li:hover{ background-color: #f1f1f1 }
  .dropdown-menu > li:hover > .submenu{ display: block; }
} 
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
/*@media (max-width: 991px) {*/
@media (max-width: 1199px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
} 
/* ============ small devices .end// ============ */


/*bootstrap large menu collapses below 992px.  do same for admin menu.*/
/*@media only screen and (max-width: 991px) {*/
@media only screen and (max-width: 1199px) {
	.navbar {
	  padding: 0px;
	  height: 128px;
	}
	.navbar-brand img {
	  width: 204px;
	  height: 89px;
	}
	.offcanvas-header {
	 display: block;
	 text-align: right;
	}
	.btn-close {
	  color: #fff;
	  background: none;
	  opacity: 1;
	}
	.btn-close .hover {
	  opacity: .75;
	  text-color: #fff !important;
	}
	.bi {
	  color: #fff !important;
	}
	.dropdown-menu {
	  background-color: #1A93D1;
	  color: #fff;
	}
	.dropdown-item {
	  color: #fff !important;
	}
	nav li > a {
	  color: #fff !important;
	}
	nav li.active > a {
	  color: #fff !important;
	}
	.offcanvas a:hover {
	  background: #fff;
	  color: #1A93D1 !important;
	}
	.nav-item {
	 text-align: left !important;
	 padding-left: 30px;
	}
	.nav-item .nav-link {
	 padding-left: 10px;
	}
	.bi-chevron-up {
	  color: #1A9301 !important;
	}
	.offcanvas-body {
	  padding: 0px;
	}
  .menu{ display:block;}
    
  .nav-sign-in.non-responsive{
    display: none;
  }
  .nav-sign-in.responsive{
    display: block;
  } 
  
  #nav > .menu > ul > li > a.opener {
    background: none;
    color: #333;
    text-decoration: none;
    position: inherit;
    width: auto;
    height: auto;
    text-indent: inherit;
    top: inherit;
    left: inherit;
  }
  #nav .custom-collapse-button {
    background: transparent;
    position: absolute;
    z-index: 1111;
    width: 40px;
    height: 40px;
    left: 0;
    top: -5px;
    display: none;
  }
  #nav .hover > .custom-collapse-button {
    display: block;
  }
  .menu > ul.js-slide-hidden { position: absolute !important; }
  .dropdown .js-slide-hidden { position: absolute !important; }
  .dropdown { position: relative; }
  .menu .opener {
    background: url(../images/bg-opner-640.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width:82px;
    height:62px;
    top: 34px;
    right: 130px;
    display: block;
    overflow:hidden;
    text-indent:-9999px;
  }
  .menu.add .opener {
    background: #f5d768;
    border-radius: 5px;
    padding: 4px 9px 6px;
    line-height: 23px;
    font-size: 15px;
    text-indent:0;
    width:auto;
    height:auto;
    color: #222;
    right:53px;
    text-decoration: none;
  }
  .menu.add .opener span{
    position:relative;
    background: url(../images/signplus.png) no-repeat 100% 8px;
    display:block;
    padding:0 15px 0 0;
  }
  .menu.add.active .opener span{ background:url(../images/signminus.png) no-repeat 100% 12px;}
  .menu.add.active .opener{ 
    padding-bottom:18px; 
    border-radius:5px 5px 0 0;
  }
  #nav > .menu > ul li:hover .dropdown.js-slide-hidden {
    top: 9999px !important;
    left: 9999px !important;
  }
  #nav {
    width: 100%;
    padding: 0;
    max-width: inherit;
  }
  #nav > .menu > ul {
    background:#009dd8;
    width: 100%;
    margin: 45px 0 0;
    text-align: left;
    font: 14px/19px 'Lucida$ Sans W01 Roman', Arial;
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 600;
    -webkit-box-shadow: 0 6px 4px 2px rgba(0,0,0,0.2);
    box-shadow: 0 6px 4px 2px rgba(0,0,0,0.2);
  }
  #nav > .menu.add > ul{background: #f5d767;}
  .menu .slide {
    width: 100%;
    background: #fff;
    color: #333132;
    left: 0;
    padding: 15px 0;
  }
  #nav > .menu > ul > li {
    background: none;
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
  }
  #nav > .menu > ul > li:after {
    background: none;
    position: absolute;
    left: 17px;
    top: 12px;
    width: 9px;
    height: 9px;
    content: "";
  }
  #nav > .menu > ul > li.has-drop-down:after {
    background: url(../images/bullets2.png) no-repeat -18px 0;
  }
  #nav > .menu.add > ul > li.hover:after  { background-position: -9px 0; }
  #nav > .menu.add > ul > li:after{background-position:-27px 0}
  #nav > .menu > ul > li.hover:after{background-position:0 0;}
  #nav ul li a {
    /*padding: 5px 10px;*/
    /*text-decoration:none;
    display: block*/
  }
  #nav .menu ul li a {
    color:#fff !important;
    padding: 0 43px;
    text-decoration:none;
    display: block
  }
  #nav .add ul li a{color: #1b1c1e !important;}
  #nav > .menu > ul ul li a {
    float: left;
    /*font: 14px/19px 'Lucida$ Sans W01 Roman', Arial;*/
    padding: 0;
  }
  #nav > .menu > ul ul li a{ color:#fff;}
  #nav > .menu.add > ul ul li a { color: #1b1c1e; }
	
  #nav > .menu > ul ul {
    color: #737373;
    background:#009dd8;
    box-shadow: none;
    padding: 0 19px;
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    list-style: none outside none;
    margin: 0;
    position: relative;
    text-align: left;
    text-transform:capitalize;
    z-index: 9999;
    overflow: hidden;
    display:block;
    width:auto;
  }
  #nav > .menu.add > ul ul{background: #f5d767;}
  #nav > .menu > ul > li > a:hover,
  #nav > .menu > ul > li.hover > a,
  #nav > .menu > ul > li.active > a{ color:#1b1c1e;}
  #nav .dropdown {
    left: inherit;
    position: inherit;
    top: inherit;
    width: 100%;
    /*margin:0;*/
    background:none;
  }
  #nav > .menu > ul ul li { padding: 3px 36px 8px; }
  #nav > .menu > ul .dropdown:after,
  #nav > .menu > ul .dropdown:before{
    display:none;
  }
  
  .menu .opener {
    /*right: 40px;*/
    z-index:100;
  }
  .menu.add .opener {
    /*right: 97px;*/
  }
  
  #header .logo {
    background: url(../images/logo-320.png) no-repeat;
    width: 129px;
    margin: 0;
    height: 38px;
    background-size: 129px 38px;
  }
  #header {
    /*padding: 16px 16px;*/
  }
	
}
@media only screen and (max-width: 960px) {
	#wrapper { 
	  width: 100%;
	  margin: 0 auto 30px;
	}
  .traning {
    padding: 40px 10px;
  }
	.home { min-width: 320px; }
	
	/*#header .logo { background-size: 215px 144px; width: 205px; }*/
	body { min-width: 320px; width: auto; }
	.classes .links:after, .classes .links { width: auto; }
	.classes .class-links .group1 { width: 258px; }
	.classes .class-links .group2 { width: 416px; }
	.classes .class-links ul:first-child li a,
	.classes .class-links ul li a {padding: 10px 9px; }
	.courses1 .left-column { max-width: 350px; }
}
/*
@media only screen and (max-width: 910px) {
	#nav { padding: 29px 5px 0 0; }
	#nav > .menu > ul > li { padding: 0 4px 0 7px; }
	#header { padding: 22px 0 20px 13px; }
}
*/
/*
@media only screen and (max-width: 810px) {
	.home .footer-holder .footer-nav {
		clear: both;
		padding: 5px 0;
		width: 100%;
		text-align: center;
	}
	.home .footer-holder .footer-nav li {
		display: inline-block;
		vertical-align: top;
		float: none;
	}
}
*/
@media only screen and (max-width: 768px) {
	  .courses1 .class_time_location {
    display: inline-block;
  }
	
}
@media only screen and (max-width: 650px) {
	.traning {
	  padding: 40px 10px;
	}
	.carousel .pagination {
		right: 14px;
		bottom: 15px;
	}
	.tagline { padding: 13px 0 6px; }
	.tagline h1 img{
		max-width:274px;
		height:32px;
	}
	.home #main { background: #f5d768 }
	.three-columns .news li a {
		background: url(../images/bg-small-320.jpg) no-repeat 0 7px;
		padding: 7px 0 10px 28px;
	}
	.footer-holder p { margin: 0 0 52px; }
	.three-columns {
		background: #fff;
		border-radius: 4px;
		background-color: #fff;
		-webkit-box-shadow: 2px 3px 2px rgba(0,0,0,.19);
		-moz-box-shadow: 2px 3px 2px rgba(0,0,0,.19);
		box-shadow: 2px 3px 2px rgba(0,0,0,.19);
		padding: 0 0 11px;
		margin: 14px 9px 19px;
	}
	.categories li {
		padding: 8px 5px 9px;
		margin: 0 0 7px;
		border-radius: 5px;
	}
	.three-columns .news { padding: 0; }
	.three-columns .column {
		width: 100%;
		padding: 14px 7px 0;
	}
	.three-columns .column .update {
		width: 100%;
		max-width: inherit;
		margin: -4px 0 8px;
	}
	.categories {
		font-size: 17px;
		line-height: 20px;
	}
	.three-columns .news li {
		border-width: 2px;
		color: #4f4f4f;
		font-size: 12px;
		line-height: 14px;
		margin: 0 0 3px;
		padding: 4px 0 5px;
	}
	.three-columns .news li:first-child { padding: 2px 0 5px; }
	.home .footer-holder {
		max-width: inherit;
		width: 100%;
		padding: 0;
		font-size: 9px;
		line-height: 12px;
	}
	#footer, #footer-bottom { padding: 14px 5px; }
  #footer-bottom { height: 40px; }
	.footer-holder .footer-nav {
		padding: 7px 0 6px;
		margin: 0;
	}
	.footer-holder .info .copyright {
		font-size: 11px;
		line-height: 14px;
		color: #646464;
	}
	.footer-holder .info .copyright a { color: #646464; }
	.footer-holder .footer-nav {
		font-size: 11px;
		line-height: 14px;
	}
	#footer-bottom .logo2 {
		background: url(../images/logo2.png) no-repeat;
		width: 190px;
    top: 3px;
    background-size: 180px 35px;
	}
	#footer-bottom .logo1 {
		background: url(../images/logo1.png) no-repeat;
		width: 145px;
    height: 40px;
    background-size: 135px 40px;
	}
	 #footer-bottom .logo1 { position: inherit; }
	 .footer-holder .info { padding: 0 0 4px 23px; }
	.carousel .pagination li { margin: 0 0 0 4px; }
	.carousel .pagination li a {
		background: url(../images/bullet-320.png) no-repeat 100% 0;
		height: 9px;
		width: 9px;
	}
}
@media only screen and (max-width: 568px) {
	.classes .class-links .group1 {
    	float: none;
	}
	.classes .class-links .group2 {
		padding-top: 10px;
		float: none;
		width: auto;
	}
	.classes .class-links ul li a {
		padding: 10px;
	}
	.classes .links {
    	height: 135px;
	}
	.classes .class-links {
		padding: 24px 10px
	}
	.courses1 .right-column {
    	padding-top: 15px;
	}
	.courses1.add h2 {
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 550px) {
	 .footer-holder p { margin: 0 0 17px; }
	 #footer .logo1 { margin: 1px 0 0 8px; }
	 #footer .logo2 { margin: 0 6px 0 0; }
}
@media only screen and (max-width: 479px) {
  .navbar-brand img {
    width: 163px;
    height: 71px;
  }
	.three-columns .news li a {
		background: url(../images/bg-small-320.jpg) no-repeat 0 7px;
		padding: 0 0 0 28px;
	}
	.classes {
	    padding: 0 10px 0 5px;
	}
	.courses1 .right-column {
	    width: 332px;
    	padding-top: 15px;
	}
	.courses1.add h2 {
		margin-bottom: 0px;
	}
	.courses1 .opener-holder.active .details .area {
		/*width: auto;*/
	}
	.courses1.add .right-column .date {
	    max-width: 110px;
	}
	.opener2, .courses1 .opener-holder.active .opener2 {
		z-index: 999;
	}
	.courses1 .right-column .waitlist, .courses1 .right-column .register {
		padding-right: 10px;
	}
	.courses1.active .opener-holder .details .area, .courses1 .opener-holder.active .details .area {
    	padding-right: 51px;
	}
	.classes .links {
    	height: 165px;
	}
	.classes .class-links {
		padding: 24px 5px
	}
	.classes .class-links .group2 {
		padding-top: 10px;
		text-align: left;
		width: 310px;
	}
	.classes .class-links ul li:after {
    	background: none
	}
  .eval-col-2 {
    width: 290px;
  }
    .radio-check-label {
      width: 265px;
    }
  .classes-title {
    min-width: 205px;
  }
}
@media only screen and (max-width: 320px) {
  .eval-col-1 {
    width: 30px;
  }
  .eval-col-2 {
    width: 260px;
  }
  .eval-col-2 textarea {
    width: 260px;
  }
  
  .radio-check-button {
  }
  .radio-check-label {
    width: 235px;
  }
  .answer-other-input {
    margin-left: 20px;
  }
  
}
@media (max-width: 768px) and (-webkit-min-pixel-ratio: 1.5), 
		(max-width: 768px) and (min-resolution: 144dpi) {
		.home #header .logo {
			background: url(../images/logo-2x.png) no-repeat;
			background-size: 129px 38px;
		}
		.three-columns .news li a {
			background: url(../images/bg-small.png) no-repeat;
			background-size: 16px 17px;
		}
		.home #footer .logo2 {
			background: url(../images/logo2-640.png) no-repeat;
			background-size: 129px 64px;
		}
		.home #footer .logo1 {
			background: url(../images/logo1-640.png) no-repeat;
			background-size: 115px 62px;
		}
		.menu .opener {
			background: url(../images/bg-opner-640.png) no-repeat 100% 0;
			background-size:100% 100%;
		}
		#nav > .menu > ul > li.has-drop-down:after {
			background: url(../images/bullets2-2x.png) no-repeat -16px 0;
			background-size: 32px 7px;
			width:8px;
		}
		#nav > .menu > ul > li.hover:after { background-position: 0 0 }
		#nav > .menu.add > ul > li:after {background-position: -24px 0;}
		#nav > .menu.add > ul > li.hover:after { background-position: -7.5px 0 }
		.menu.add .opener span{
			background: url(../images/signplus-2x.png) no-repeat 100% 7px;
			background-size:9px 9px;
		}
		.menu.add.active .opener span{ 
			background:url(../images/signminus-2x.png) no-repeat 100% 7px; 
			background-size:9px 9px;
		}
}