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

.ui-dialog-titlebar {background-color: #FFF !important;}
.ui-widget-header {border:none !important;}
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: #D06741;
}
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: #1F3669 !important;
}
.dropdown-item:focus, .dropdown-item:hover {
  background-color: #1F3669;
  color: #FFF;
}
.dropdown-toggle::after {
  display: none !important;
}
.bi-chevron-up {
  color: #1F3669 !important;
}
.bi-chevron-down {
  color: #424242 !important;
}
nav li > a {
  color: #424242 !important;
  font-weight: 500 !important;
}
nav li.active > a {
  text-decoration: none;
  color: #1F3669 !important;
}

.dropdown-menu {
  border: none;
  border-radius: 0px;
  padding: 0px;
}
.dropdown-item{
  padding: 14px 28px;
  color: #1F3669 !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-image: url("../images/site_header_bg.png");
  background-size: 100% 100%;
}
.logo {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.logo a {
	height: 100%;
	display: block;
}
#header .logo {
	background: url(../images/logo.svg) no-repeat 0 0;
  background-size: contain;
	width: 280px;
	height: 90px;
	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: #F4F4F4;*/
}
.navbar-admin {
  padding: 0px 0px 0px 325px;
  height: 40px;
  margin-top: -40px;
  /*background: #EEF6FF;*/
}
#nav {
	/*float: right;
	padding:36px 23px 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: #1F3669;
}
#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: #1F3669;
  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;
}
.classes ol, .classes ul,
.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: #7EAB6B;
	-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: #1F3669;
  padding: 90px 16px 30px;
  /*padding: 16px 89px 31px;*/
  text-align: center;
}
.copyright {
  color: #8D929D;
  font-size: 14px;
  line-height: 21px;
  margin: 30px 0 30px 0;
  border-top: 1px solid rgba(141,146,157,0.2);
  padding-top: 31px;
}
.footer-text {
  color: #8D929D;
  font-size: 12px;
  /*margin-top: 35px;*/
  margin: auto;
  max-width: 630px;
  line-height: 16px;
}
/*
.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 {
  list-style: none;
  font-size: 11px;
  line-height: 14px;
  display: inline-block;
}
.footer-nav li {
  float: left;
}
.footer-nav li a {
  color: #FFF !important;
  text-decoration: none;
  padding: 16px 35px;
  font-size: 13px;
  line-height: 18px;
}
.footer-nav li a:hover { text-decoration: none; }
.social_media_icons {
  margin-top: 40px;
}
.social_media_icons img {
  height: 18px;
  margin: 0 16px;
}
.social_media_icons .divider {
  font-size: 14px;
  font-weight: 400;
  color: #8D929D;
}
.footer hr {
  color: #8D929D;
}
#main .heading {
	background: url(../images/bg-heading.png) no-repeat 100%;
	background-size: cover;
  overflow: hidden;
  /*height: 112px;*/
  /*margin-top: 128px;*/
  padding: 106px 0;
  text-align: center;
}
#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: #D45729;
}
.page-subheading {
  text-align: center;
}
.breadcrumbs {
	padding: 30px 27px 7px;
	margin: 0;
	list-style: none;
	color: #D06741;
	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: #D06741;
	text-decoration: none;
}
.breadcrumbs a:hover { text-decoration: underline; }
.traning {
	/*overflow: hidden;
	color: #4f4f4f;*/
	padding: 80px 90px 75px;
  /*line-height: 17px;*/
	min-height: 280px;
}
h1 {
	margin: 0;
	color: #4C5C99;
  font-size: 30px;
  line-height: 33px;
}
h2 {
	margin: 0 0 17px;
	color: #4C5C99;
	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;
	padding: 0 90px;
}
.my_classes {
  overflow: hidden;
  margin: 0 0px;
}
.classes p {
	margin: 0 0 17px;
}
.classes h2 {
	margin: 0 0 13px;
	color: #4C5C99;
	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;
	display: none;
}
.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:#4C5C99;
}
.classes .class-links ul li.active:after{ display:block;}
.classes .class-links ul li:hover:after{ display:block;}
.courses {
	overflow: hidden;
	padding: 0px 0px 28px;
}
.courses .expand_classes {
	color: #606EB2;
	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; }
.courses1 .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: #1F3669;
}
.courses1 .class_instance {
  vertical-align: top;
  border-top: 1px solid #6175B5;
  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: #D06741;
	font-size: 14px;
	line-height: 16px;
	float: left;
}
.courses1.add .date { color: #3891b3; }
.courses1 .waitlist,
.courses1 .register {
  width: 160px;
}
.courses1 .waitlist {
  background-color: #C4852B;
}
.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-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: #1F3669;
    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: #1F3669 !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 63px; width: 215px; }*/
	body { min-width: 320px; width: auto; }
	.classes .links:after, .classes .links { width: auto; }
	.classes .class-links .group1 { width: 258px; }
	.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;
  }
	.eval-col-2 {
	  width: 590px;
	}
    .radio-check-label {
    	width: 565px;
    }
    
}


@media only screen and (max-width: 650px) {
	.eval-col-2 {
	  width: 490px;
	}
    .radio-check-label {
    	width: 465px;
    }
    
	.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-320.png) no-repeat;
		width: 190px;
		top: 3px;
		background-size: 180px 35px;
	}
	#footer-bottom .logo1 {
		background: url(../images/logo1-320.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;
	}
	
	.traning {padding: 0px;}
	.eval-col-2 {
	  width: 340px;
	}
	.eval-test input[type="radio"] {
            width: 20px;
    }
	.eval-test .answer {
		padding-left: 12px;
    }
    .radio-check-label {
    	width: 315px;
    }
    .scale-answer-choice {
    	clear:both;
    }
    .scale-label {
    	float:left;
    	padding-left: 5px;
    }
    .scale-input {
    	float:left;
    }
	.scale-answer-choice-spacer {
    	margin-left: 0px;
    }
	.scale-answer-choice-spacer-partial {
    }
	.scale-input-partial {
		width: 18px;
	}
	.scale-label-partial-start {
		float:left;
		margin-right: 5px;
	}
	.scale-label-partial-end {
		float:left;
		margin-left: 5px;
		margin-right: 15px;
	}
	.err { margin-left: 10px !important;}
	
}
@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;
    }
}
@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;
		}
}