@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');

font-style: normal;
font-weight:normal;
font-variant: normal;
}


* {font-size:18px;padding:0;border:none;margin:0;font-family: 'open_sansregular', sans-serif;}
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* TESTIMONIALS */
/* Testimonial Page Styling */
.fst_main tr, td {border: none;padding: 1px;}
div.fst_comment {border-top: 1px solid #0ba14a!important;line-height: 1.5em;font-size: 1.1em;color: #404244;padding-top:1em!important;margin-bottom:1em!important;}
.fst_comment_comment:before {content: '"';}
.fst_comment_comment:after {content: '"';}
div.fst_comment_left {width: 100%;float:none;}
div.fst_comment_name {margin-top:1em!important;font-size:1em!important; width:100%!important;color:#404244;font-style: italic;}
div.fst_comment_comment {width:100%;padding-left:0!important;}
div.fst_kb_comment_add {width:92%;background-color: #0ba14a;padding:1em;border-radius: 3px;text-align:center;margin-left:auto!important;margin-right:auto!important;}
div.fst_kb_comment_add a:link {color:#ffffff!important;display:block;width:100%;}
div.fst_kb_comment_add a:visited {color:#ffffff!important;}
#commentadd h3 {color: #ffffff!important;padding-bottom:2em;}
.fsj_comment_table  {width:100%;}
div.fst_comment_add table tr th  {text-align:left;width:20%}
.fsj_comment_table td  {text-align:left;}
.fst_must_have_field {color:#ffffff;}
input[type=submit] {padding: 10px;background-color:##0ba14a;color: #404244;border-radius: 3px;font-weight:500;font-size:1em;}
input {padding: 10px;border-radius: 3px;}
/* Main Page Testimonial Styling */
#main-testimonial #comments  {display: flex;flex-direction: row;width:102%;flex-wrap: wrap;justify-content:space-between; } 
#main-testimonial div.fst_comment {order: 0; border: 1px solid ##0ba14a;width:46%;background-color:##0ba14a;line-height: 1.5em;font-size: 1.1em;color: #ffffff;}
#main-testimonial div.fst_comment_name {margin-bottom: 1em;}
.fst_must_have_field {color: yellow!important;}
#comments_urls {margin-top: 20px;}
/* END TESTIMONIALS */


.responsive-image {width:100%;}
.right-image  {width:100%;-webkit-border-radius: 10px; moz-border-radius: 10px; border-radius: 10px;}
.logo {height:14vw;margin-left:2vw;}
#page-container {width:100%;margin-left:auto;margin-right:auto;margin-top:25vw;}
#centre-container {width:100%;margin-left:auto;margin-right:auto;padding-left:2vw;padding-right:2vw;}
#header-container {position:fixed;top:0;z-index:2;background-color: #ffffff;width:100%;clear:both;height:20vw;}
#safety-trainer {text-align: center;text-transform: uppercase;letter-spacing:1px; background-color: #0ba14a;font-size:4vw;padding-top:0.1vw;color:#ffffff;height:6.5vw;position:fixed;top:20vw;width:100%;}
#centre-container p {line-height: 26px;padding-top: 13px; padding-bottom:13px;color:#404244;}
#centre-container h3 {line-height: 26px;padding-top: 13px; padding-bottom:13px;color:#404244;font-weight:bold;}
#centre-container h2 {line-height: 30px;padding-top: 13px; padding-bottom:13px;font-size:20px;font-weight:bold;color:#404244;}
#centre-container h1 {line-height: 36px;padding-top: 20px; padding-bottom:13px;font-size:30px;font-weight:bold;color:#404244;}
#centre-container li {line-height: 26px;padding-top: 10px; padding-bottom:10px;padding-left:10px;color:#404244;}
#centre-container ul {margin-left: 20px;}
#centre-container ol {margin-left: 20px;}
a:link {color: #0ba14a;text-decoration: none;}
a:visited {color: #0ba14a;text-decoration: none;}
a:hover {color: #0ba14a;text-decoration: none;}
a:active {color: #0ba14a;text-decoration: none;}
#footer {border-top:solid 10px #0ba14a;width:100%;clear:both;}
#footer p {text-align:center; font-size:12px;color:#404244;padding-top: 5px; padding-bottom:5px;}
#footer a {font-size:12px;}
#header {width:100%;margin-left:auto;margin-right:auto;padding-top:1vw;background-color: #ffffff;}
a.tel {color:#0ba14a;}
div#book-course a {display:block; margin-left:auto;margin-right:auto;color:white;font-size:28px;font-family: 'open_sansregular', sans-serif;text-align: center;border: 1px solid #ffffff; -webkit-border-radius: 8px; moz-border-radius: 8px; border-radius: 8px; padding: 7px; background-color: #0ba14a;text-decoration:none;margin-top:10px;margin-bottom:10px;}
div#book-course a:hover {background-color: #054b23;}
div.fc_send input.fc_button {background-color: #0ba14a!important;}
.cc-revoke, .cc-window {font-size:14px!important;line-height:22px;!important;}
.cc-link {font-size:14px!important;line-height:22px;!important;}
.cc-compliance {margin-left:50px;}
.cc-message-text {display: table;font-size:14px!important;line-height:22px;!important;}
.cc-btn:hover {font-weight:normal!important;text-decoration: none!important;}
input.fc_button {background-color:#0ba14a!important;}
.fc_button:hover {background-color:#404244!important;}
.tommy-tucker 	{width:100%;}
.main {width:100%;}
#trainingcourses {width:100%;clear:both;}
.training-courses {width:100%;text-align:center;padding:10px;-webkit-border-radius: 10px; moz-border-radius: 10px; border-radius: 10px;margin-bottom:20px;float:left;}
.training-courses-image {width:30%;margin-left:auto;margin-right:auto;padding-top:25px!important;-webkit-border-radius: 10px; moz-border-radius: 10px; border-radius: 10px;}
.safety-training-header {width:100%;}
.safety-training-header h2 {text-align: center;padding-top:0px!important;padding-bottom:0px!important;margin-top:0px;}
.training-courses p {padding-top:0px!important;}
.testimonial {width:100%;border-top: 1px solid #0ba14a;clear:both;display:block;}
.training-course {width:100%;border-top: 1px solid #0ba14a;clear:both;display:block;}
#video  {margin: 10px;width:97%;padding-bottom: 1px;border: 1px solid #000000;background-color:#000000;}
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}	
.rounded-image {-webkit-border-radius: 8px; moz-border-radius: 8px; border-radius: 8px;overflow: hidden;border: solid 1px #37433f; }
#trainingcourses:after {
  content: "";
  display: table;
  clear: both;
}


@media all and (min-width:500px){
.logo {height:10vw;margin-left:2vw;}
#page-container {margin-top:20vw;}
#header-container {position:fixed;top:0;z-index:2;background-color: #ffffff;width:100%;clear:both;height:14vw;}
#safety-trainer {text-align: center;text-transform: uppercase;letter-spacing:1px; background-color: #0ba14a;font-size:4vw;padding-top:0.1vw;color:#ffffff;height:6.5vw;position:fixed;top:14vw;width:100%;}

		}

@media all and (min-width:800px){
.logo {height:8vw;margin-left:2vw;}
#page-container {margin-top:14vw;}
#header-container {position:fixed;top:0;z-index:2;background-color: #ffffff;width:100%;clear:both;height:11vw;}
#safety-trainer {text-align: center;text-transform: uppercase;letter-spacing:1px; background-color: #0ba14a;font-size:2.8vw;padding-top:0.1vw;color:#ffffff;height:4vw;position:fixed;top:11vw;width:100%;}
.training-courses {width:25%;text-align:left;padding:10px;-webkit-border-radius: 10px; moz-border-radius: 10px; border-radius: 10px;margin-bottom:20px;float:left;}
.safety-training-header h2 {text-align: left;}
.training-courses-image {width:8%;text-align:left;padding:10px;-webkit-border-radius: 10px; moz-border-radius: 10px; border-radius: 10px;float:left;}
.right-image  {width:50%;margin-left:10px;float:right;}
#video  {margin: 5px;width:50%;padding-bottom: 1px;float: right;border: 1px solid #000000;}
		}


@media all and (min-width:1250px){
#video  {margin: 5px;width:40%;padding-bottom: 1px;float: right;border: 1px solid #000000;}
#header {width:90%;}
.logo {height:4vw;}
#page-container {margin-top:9vw;}
#centre-container {width:90%;}
#header-container {position:fixed;top:0px;z-index:2;background-color: #ffffff;width:100%;clear:both;height:7vw;}
#safety-trainer {text-align: center;background-color: #0ba14a;font-size:1.5vw;padding-top:0.1vw;color:#ffffff;height:2.4vw;position:fixed;top:7vw;width:100%;}
.tommy-tucker 	{width:30%;float:left;}
.main {width:70%;float:right;}
.testimonial-content {width:80%;float:right;}
.testimonial-author {width:20%;float:left;}
		}


@media all and (min-width:1650px){
#header {width:75%;background-color: #ffffff;}
.logo {height:5vw;}
#page-container {margin-top:9vw;}
#centre-container {width:75%;}
#header-container {position:fixed;top:0px;z-index:2;background-color: #ffffff;width:100%;clear:both;height:7vw;}
#safety-trainer {text-align: center;background-color: #0ba14a;font-size:1.4vw;padding-top:0.1vw;color:#ffffff;height:2vw;position:fixed;top:7vw;width:100%;}
.tommy-tucker 	{width:35%;float:left;}
.main {width:65%;float:right;}
		}