@font-face {font-family: AlegreyaSans-Medium;src: url(/Content/Fonts/AlegreyaSans-Medium.ttf);}
@font-face {font-family: AlegreyaSansSC-Thin; src: url(/Content/Fonts/AlegreyaSansSC-Medium.ttf);}
.toolbar select {width: 78px;}

body {border: solid 4px black;}
form, form input, form textarea, .form-button ,body, p, table td, ul li, ol li {font-size: 18px !important;}
body, p, table td, ul li, ol li { line-height:1.5; }
body, p, table td, ul li, ol li, #sp3 a, .button p a, .text-box h3 a, #footer p a:hover {color: #000;}
.social-mobile {display: none;}
.panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: transparent;}
.image-box-1, .image-box-2 {transition: all 0.5s ease;}
#menu, #navigation ul.nav li.dropdown:hover > ul.dropdown-menu, #header-text span, #sp1, #sp2, #sp3  #inner, #footer, #bottom  {display: block;}
#menu a, #menu .dropdown-menu>li>a, .image-box-1 h3, .image-box-2 h3, .text-box h3 a, .panel-group .panel-title {text-transform: uppercase;}
body, html, #header-outer, #inner, #four-block .blocks img, #two-block, .course-table table {width: 100%; }
body, #menu .navbar ulm #menu .dropdown-menu>li:hover, blockquote {background: #eee;}
#navigation .nav .dropdown-menu, #menu a:hover, .image-box-2, .form-button:hover, #Pricing p a {background:#fe7a04;}
#footer, .image-box-1, .button p a {background:#11913d;}
#header-outer, #inner {background: #fff;}
#menu .dropdown-menu>li>a:hover {background: transparent;}
.form-button, .button p a {padding: 10px 20px; border: none;}
#bottom, .form-button, .social-link:hover {background:#000 !important;}
hr {margin: 20px 0 0 0;  border-top: dashed 2px #fe7a04;}
#Pricing p a, #Download p a {}
#Pricing p a {}
#Download p a {}
em {color:red; font-style: normal;}
blockquote {border: solid 1px #ddd !important;}
.social-link, #menu .dropdown-menu>li a:hover,  #footer, .button p a:hover,.text-box h3 a.image-box-1 h3 a, .image-box-2 h3 a, .image-box-1 h3 a, .form-button, .button p a, #bottom p, #bottom p a, #menu a:hover, #menu .dropdown-menu>li>a {color:#fff;}
.social-link, #menu .dropdown-menu>li a:hover,  #footer, .button p a:hover,  .image-box-1 h3 a:hover,  .image-box-2 h3 a:hover, .text-box h3 a:hover, #bottom p a:hover, #footer p a:hover, #Download p a:hover, #Pricing p a:hover {text-decoration: none;}

#sp1, #sp2, #menu {color:#11913d;}
.fa-envelope, .fa-phone, blockquote:before, blockquote:after, .testimonials p:before, .testimonials p:after, .testimonials h4,  #inner p a, h1 {color:#fe7a04;}
#navigation .nav .dropdown-menu, blockquote {border: none;}

#title, .social-link, #bottom, #footer, #four-block .blocks {text-align: center;}
#title blockquote, .title blockquote {width: 500px; margin:10px auto 30px auto; padding: 20px;}

#header-outer {border-bottom: solid 8px #11913d;}                                          
header, #inner {margin: 0 auto;}
.header-outer, header, #menu .navbar {position: relative;}
#header-outer, #header-right p, #menu ul {padding: 0 0 0 0;}
#header-right {height: 174px;}
#header-left {float: left;} 
#header-right {float: right; padding: 30px 0 0 0;}
#header-right p {text-align: right;font-size: 20px;}
#header-logo, #header-text {float: left;}
#header-logo img {width: 170px;padding: 12px 0 0 0;}
#header-text {width: 258px;padding: 26px 0 0 30px;}

#sp1, #sp2, #menu {letter-spacing: 2px;text-align: left;font-family: AlegreyaSansSC-Thin;}
#sp1, #sp2, #sp3 {line-height:1;}
#sp1 {font-weight:bold;}
#sp3 a {font-weight: bold;}

#menu {padding: 30px 0 0 10px;}
#menu .navbar {float: none; min-height: 10px;}
#menu ul, .full-width-top ol {margin-left:-38px; list-style:none;}
#menu .navbar ul {min-height: 40px;}
#navigation .nav .dropdown-menu {width: 810px; z-index:999; margin-top: -3px !important; padding: 10px 0 10px 0;box-shadow: none; border-radius:0;}
#navigation .nav li:nth-child(3) .dropdown-menu, #navigation .nav li:nth-child(4) .dropdown-menu {padding: 20px 40px 30px 20px; column-count: 2;column-gap: 30px;}
#navigation .nav li:nth-child(3) .dropdown-menu {margin-left:-306px;}
#navigation .nav li:nth-child(5) .dropdown-menu{margin-left:-130px; width:340px;}
#menu .dropdown-menu>li {width: 100%; display: block;}
#menu .dropdown-menu>li>a {line-height:1; text-align: left; }
#menu .dropdown-menu>li>a {padding: 6px 10px 0 15px !important;}
#menu .dropdown-menu>li>a:hover {color: #ddd !important;}
#menu .dropdown-menu>li>a {white-space: pre-wrap;}
#menu .dropdown-menu>li:first-child {}
#menu .dropdown-menu>li:last-child {}
#menu .dropdown-menu>li:nth-child(odd) a {color: #000;}


/*PANELS*/
.panel-group .fa-play {float:right;}
.panel-group .panel-title a, .panel-group .fa-play {font-weight: bold;}
.panel-group .panel-title a, .panel-group .fa-play, .panel-group .panel-body h2, .panel-group .panel-body h3 {color:#11913d;}
.panel-group .panel-body h2, .panel-group .panel-body h3 {font-size: 22px;}
.panel-group .panel-default {margin-top: 10px; border-radius:0; border: solid 1px #11913d;}
.panel-default>.panel-heading { background:#eee;}
.panel-group .panel-title {padding: 10px 10px 8px 6px;}
.panel-group .panel-title a {text-decoration: none !important;}
/*PANELS*/

/*MODULE STYLES*/
.title {text-align: center;}
.testimonials {border: dashed 2px #11913d; margin-bottom: 40px; padding: 16px 26px 10px 26px;}
.testimonials hr {margin: 20px 0 10px 0; border-top: solid 1px #000;}
.testimonials h4, .testimonials h5 {font-size: 18px;}
.testimonials h4 {padding-top: 10px; font-weight: bold;}
.testimonials h5 {font-weight: normal;}
.course-content {margin-top: 20px;padding-bottom: 20px; border-bottom: dashed 2px #000;}
.course-content ol {margin-left: -14px;list-style: none; column-count: 2; column-gap: 50px;}
.course-content ol li {padding-bottom: 10px;list-style-position: inside;text-indent: -1.4em; margin-bottom: 4px;line-height:1.1;}
.course-content h3 {display: inline-block;color:#fe7a04; margin:0 0 16px 0; padding:0 0 2px 0; border-bottom: solid 4px #fe7a04;}
.image-box-1, .image-box-2 {margin-bottom: 38px;}
.text-box {border: solid 1px #11913d;position: relative; background-image: url("/Content/Upload/text-box-bg.gif"); background-position: center;background-repeat: no-repeat; background-size: contain; height: 250px; margin-bottom: 38px; /*margin-top: 20px;*/ padding: 0 40px 0 40px;}
.text-box h3 {margin-top:100px;}
.text-box h3 a {font-size: 20px; line-height: 1.2; color:#11913d; font-weight: bold;}
.image-box-1, .image-box-2 {}
.image-box-1:hover, .image-box-2:hover, #Download p a {background:#000;}
.image-box-1 h3, .image-box-2 h3, .image-box-1 p, .image-box-2 p {margin: 0 0 0 0;}
.image-box-1 h3, .image-box-2 h3 {height:72px; padding: 20px 40px 0 40px;}
.image-box-1 h3, .image-box-2 h3{font-size: 16px; line-height: 1.2;}
.image-box-large img, .image-box-small img {padding-right: 30px;float: left;} 
.image-box-large img {width: 35%;}
.image-box-small img {width: 25%;}
.button p a, #Download p a, #Pricing p a {display: inline-block; margin-top: 10px; padding:18px 20px; color:#fff !important;}
.button p a:hover {background:#fe7a04 !important;}
.course-table  table td:nth-child(1) {width: 70%;}
.course-table  table td:nth-child(1), .course-table  table td:nth-child(2)  {padding-right: 10px;}
.course-table  table td:nth-child(2) {width:20%; }
.course-table  table td:nth-child(3) {width: 10%;}
.course-table  table td a {color: #fe7a04; text-decoration: underline;}
.course-table  table td a:hover {color: #000; text-decoration: none;}
.logos img {float: left;width: 100%; padding: 10px 15% 10px 15%;}
.logos p {width: 25%; float: left;margin: 0 0 0 0; padding: 0 0 0 0;}
/*MODULE STYLES*/

.fa-envelope, .fa-phone {font-size:20px; margin-right:8px;}
.social-link {width: 47px; height: 47px; padding: 8px 0 0 0 !important; background: #3b5998; float: right; }
.social-link .fa-facebook {font-size: 36px; color:#fff !important;}

#title blockquote, .title blockquote {width: 500px; margin: 20px auto 30px auto; border-radius: 20px;}
blockquote {border: none;}
blockquote:before, blockquote:after, .testimonials p:before, .testimonials p:after {font-family: FontAwesome; font-weight: normal;} 
blockquote:before, blockquote:after {font-size:20px; font-weight: normal;} 
.testimonials p:before, .testimonials p:after {font-size:16px; font-weight: normal;} 
blockquote:before, .testimonials p:before {padding: 0 10px 0 0;  content: '\f10d';}
blockquote:after, .testimonials p:after {padding: 0 0 0 10px; content: '\f10e';}

.full-width-top ol li:before, .course-content ol li:before {content:"\f00c";padding-right:8px; font-family:FontAwesome;font-size:18px; color:#fe7a04;}
#two-block {margin: 20px 0 0 0;}
#two-block .half-block-left, #two-block .half-block-right {width: 50%; float: left;}
#two-block .half-block-left {padding: 0 20px 0 0;}
#two-block .half-block-right {padding: 0 0 0 20px;}
#four-block {margin-top: 20px;}
#four-block img {margin-top: 10px;}
#four-block .blocks {width: 25%; float: left;}
#four-block .blocks {margin: 0 0 0 0 !important; padding: 0 20px 0 20px;}
#Information h2, #Information h3 {display: inline-block;margin:0 0 4px 0; padding:0 0 4px 0; border-bottom:solid 4px #11913d; color:#11913d;}
#bottom a, #footer a:hover {color:#48464c;}
#bottom a:hover, #static-menu a, #footer a, #footer li::after {color:#fff;}

#footer {padding: 20px 20px 4px 20px;}

#bottom {padding: 30px 0 10px 0; }
#bottom span {padding:20px 30px;}
#bottom #copy {border-right: solid 1px #fff;}
#bottom #credit {}
#bottom, #static-menu a, #sub-menu a {text-transform: uppercase; font-weight: 300;letter-spacing: 1px;}
#bottom span {font-size:16px;}
h1 {}

@media (min-width: 1421px) {
header,  #inner {width:1280px; }
#inner {padding: 20px 60px 30px 60px;}
#header-outer {height: 190px;}   
#sp1, #sp2, #sp3 {width:228px;}
#sp1 {font-size:2.8em; font-weight:bold;}
#sp2 {font-size:2.4em;padding: 0 0 10px 0;border-bottom: solid 6px #11913d;}
#sp1, #sp2, #menu {letter-spacing: 2px;text-align: left;font-family: AlegreyaSansSC-Thin;}
#sp1, #sp2, #sp3 {line-height:1;}
#sp3 {font-size: 17px;padding: 16px 0 0 0;}     
.navbar-nav>li>a {padding-top: 15px;padding-bottom: 12px;}     
/*MODULE STYLES*/
.image-box-1, .image-box-2 {margin-bottom: 36px;}    
/*MODULE STYLES*/                      
}


@media (max-width: 1420px) {
header,  #inner {width:100%;}
#header-outer {height: 156px; padding: 0 30px;}
#header-logo img {width:132px;}
#header-text {width: 194px; padding: 20px 0 0 10px;}
#sp1, #sp2, #sp3 {width:204px;}
#sp1 {font-size:2.5em;}
#sp2 {font-size:2.1em;padding: 0 0 4px 0;border-bottom: solid 4px #11913d;}
#sp1, #sp2, #menu {letter-spacing: 2px;text-align: left;font-family: AlegreyaSansSC-Thin;}
#sp1, #sp2, #sp3 {line-height:1;}
#sp3 {font-size: 15px;padding: 12px 0 0 0;}
.navbar-nav>li>a {padding-top: 20px;padding-bottom: 8px;}
#navigation .nav {margin-top: 3px;} 
#header-right {height: 90px; padding: 20px 0 0 0; }
#header-right p {font-size: 18px;}
#menu {padding: 0 0 0 0;}
.social-link {margin-top:3px;width: 48px; height: 48px;}
#inner {padding: 20px 40px 30px 40px;}
blockquote {background:#fe7a04; border: none !important; color:#fff;}
blockquote:before, blockquote:after {color: #222;}
}

@media (max-width: 1280px) {
#header-outer {height: 204px; padding: 0 30px;}
#header-text {width: 194px; padding: 20px 0 0 4px;}
#inner {padding: 2px 26px 20px 26px;}
#four-block .blocks {padding: 0 5px 0 5px;}
#two-block .half-block-left {padding: 0 10px 0 0;}
#two-block .half-block-right {padding: 0 0 0 10px;}
.social-link {margin-top:3px;width: 44px; height: 44px;}
#navigation .nav .dropdown-menu {margin-top: -8px !important;}

/*MODULE STYLES*/
.social-link {margin-right:-30px;}
.image-box-1, .image-box-2, .text-box {margin-bottom: 10px;}
.text-box {padding: 0 30px 0 30px;}
.testimonials {margin-bottom: 20px;}
/*MODULE STYLES*/
}


@media (max-width: 1023px) {
h1 {font-size: 30px;}
h2, h3  {font-size: 22px; font-weight: bold;}
#header-outer {height: 160px; padding: 0 30px;}
.social-mobile {display: block;}
#static-menu, #sub-menu, .fa-user {display: none;}
#header-right {padding: 50px 0 0 0;}
#two-block {margin-top: 10px;}
#two-block .half-block-left, #two-block .half-block-right {width: 100%;padding: 0 0 0 0;}
#bottom span {font-size:14px;}
/*MODULE STYLES*/
.social-link {margin-right:0; margin-top:26px;width: 50px; height: 50px;  background: #fff;}
.social-link .fa-facebook {color:#3b5998 !important;}
.image-box-1 h3, .image-box-2 h3 {font-weight: normal; height:72px; padding: 20px 20px 0 20px;}
.image-box-1 h3 a, .image-box-2 h3 a, .text-box h3 a {font-size: 16px;}
.image-box-small img {width: 30%;}
.testimonials {padding: 12px 20px 6px 20px;}
/*MODULE STYLES*/
}

@media (max-width: 992px) {
#inner {padding: 2px 26px 10px 26px;}
#four-block .blocks {width: 50%; padding: 0 20px 0 20px;}

/*MODULE STYLES*/
.image-box-1, .image-box-2, .text-box {margin-bottom:40px;}
/*MODULE STYLES*/
}

@media (max-width: 767px) {
#header-outer {height:200px;}
#header-left, #header-right {display: block;}
#header-left, #header-right {float: none; margin: 0 auto;padding: 0 0 0 0;}
#header-left {width:300px; height: 120px; }
#header-right {width:270px;height: 60px; }
#header-right p {font-size: 17px;}
#header-right p.email-left {text-align: left;}
#header-right p.phone-right {text-align: right;}
#sp3, #header-right p.email-left, #header-right p.phone-right {padding-left: 2px;}

#header-logo img {width:100px;}
#header-text {width: 194px; padding: 10px 0 0 10px;}
#sp1, #sp2, #sp3 {width:176px;}
#sp1 {font-size:2.1em;}
#sp2 {font-size:1.8em; padding: 0 0 2px 0;border-bottom: solid 4px #11913d;}
#sp3 {font-size:0.7em; padding-left: 2px;}
#title blockquote, .title blockquote {width: 100%; margin:10px 0 10px 0;}
#four-block .blocks {width: 50%; padding: 0 16px 0 16px;}
h1 {font-size: 24px;}
h2, h3  {font-size: 20px;}
#bottom span {padding:20px 20px;}
#footer {text-align: left;}
/*MODULE STYLES*/
.social-link {position: absolute; right:0; margin-top:-4px;}
.image-box-1, .image-box-2, .text-box {margin-bottom: 30px;}
.image-box-small img, .image-box-large img {width: 100%; padding: 0 30px 20px 30px;}
.course-content {margin-top: 0; padding-bottom: 0; border-bottom: none;}
.course-content ol {column-count: 1; column-gap: 0;}

.course-table  table td:nth-child(1), .course-table  table td:nth-child(2), .course-table  table td:nth-child(3) {width: 100%; display: block;padding-right: 0;}
.course-table  table tr:nth-child(1) {display: none;}
.course-table  .table>tbody>tr>td {border: none !important;}
.course-table  .table>tbody>tr>td {padding: 0 0 0 0;}
.course-table  .table>tbody>tr>td:nth-child(1) {padding-top: 16px;}
.course-table  .table>tbody>tr>td:nth-child(3) {padding-bottom: 16px;}
.course-table  .table>tbody>tr>td:nth-child(3) {border-bottom: solid 1px #ddd !important;}
.course-table  table td:nth-child(1):before {content:"Course title: ";}
.course-table  table td:nth-child(2):before {content:"Duration: ";}
.course-table  table td:nth-child(3):before {content:"Cost: ";}
.course-table  table td:nth-child(1):before, .course-table  table td:nth-child(2):before, .course-table  table td:nth-child(3):before {font-weight: bold;}
.course-table  table td a {color:#000; }
/*MODULE STYLES*/
}

@media (max-width: 680px) {
#inner {padding: 2px 16px 10px 16px;}
#four-block {padding: 0 6px 0 6px;}
#four-block .blocks {width: 50%; padding: 0 8px 0 8px;}

/*MODULE STYLES*/
.social-link {position: absolute; right:-16px;}
.image-box-1, .image-box-2, .text-box {margin-bottom:12px;}
/*MODULE STYLES*/
}

@media (max-width: 480px) {
#four-block .blocks {width: 100%; float: none; padding: 0 12px 0 12px;}
#footer {padding: 10px 10px;}
#bottom {padding: 10px 10px 2px 10px;}
#bottom #copy {border-right: none;}
#bottom span {display: block; padding:0 0;}
/*MODULE STYLES*/
.image-box-1 h3, .image-box-2 h3 {height:auto; padding: 10px 20px 10px 20px;}
.image-box-small img {padding: 0 0 20px 0;}
/*MODULE STYLES*/
}
@media (max-width: 360px) {
#header-right .fa-envelope, #header-right .fa-phone {display: none !important;}
}