/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* =============
Global Styles
================ */


/*--------------------------------------------------------*/

.content-area {background:#ffffff;border-top:6px solid #327AB8;}
.section-head-border {border-top:6px solid #327AB8;}
.second-nav-border {background:#21375C;}
.social-links {padding-bottom:10px;}
.comments-link,.cat-links,.entry-meta {display:none!important;}
.wpml-ls-display{color:#ffffff !important;}
.wpml-ls-native{color:#ffffff !important;}
.top-nav .menu li a:hover {text-decoration:underline;text-underline-offset: 8px;}
.top-nav .menu .active > a:hover {text-decoration: none;}
.annoucement-top{background:#D9D894;}
.section-wrap-right-custom {padding: 3em 6em 3em 3em;}

@media only screen and (max-width: 640px){
    .menu-icon:after {background: #21375C !important;
    box-shadow: 0 7px 0 #21375C, 0 14px 0 #21375C !important;
}
.title-bar-title-menu {color:#21375C;}
.close-icon::after{color:#21375C !important;}
.landing {border-top:6px solid #327AB8;border-bottom:6px solid #327AB8;}
}

@media only screen and (max-width: 640px){
    .title-bar {
		background-color: #fff !important;
    padding: 0.5em 1em;
	}
	.small-form-bg {background:#21375C;}
	
	#search-info input {
    padding: 0.5rem 1rem;
    margin: 1em 1em 1rem 1em;
    font-size: 0.9rem;
    border-radius: 5px !important;
    background: #fcfcfc;
    border: 1px solid #aaa;
    font-style: italic;
    color: #000;
    width: 84% !important;
}
.wpml-ls-slot-521 {    
    width: fit-content;
    padding: 6px;}
}
/*---------------------------------------------------------*/
a.skip-main {
	left:-999px;
	position:absolute;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
	color: #fff;
	background-color:#000;
	left: auto;
	top: auto;
	width: 30%;
	height: auto;
	overflow:auto;
	margin: 10px 35%;
	padding:5px;
	border-radius: 15px;
	border:4px solid #D9D894;
	text-align:center;
	font-size:1.2em;
	z-index:999;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 100%;
	padding: 15px;
    }
}
@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 50%;
	padding: 15px;		
    }
}
@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 50%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}



/*Discipline Matters*/

.discipline_matters{
background: #ececec;
padding-left: 10px;
}
.discipline_matters_section-wrap{
	padding: 1em 6em;
	}

/* Style the tab */

.tab-widget {}

.tab-widget__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tab-widget__item {
    display: inline;
    margin-right: 5px;
}

.tab-widget__link {    
    background-color: #ececec;
    border-radius: 5px 5px 0 0;
    color: #000000;
	font-size: 17px;
	font-family: 'Source Sans Pro Regular';
    line-height: 2.7;
    padding: .75em 1.5em;
	text-decoration: none;
	border-top: solid 1px #327AB8;
    border-right: solid 1px #327AB8;
    border-left: solid 1px #327AB8;
}

.tab-widget__link:focus,
.tab-widget__link:hover {
    color:#ffffff;
}

.tab-widget__link--active {
    background-color: #327AB8;
    color: #ffffff;
}

.tab-widget__tabs {
    background-color: #ffffff;
    border: solid #327AB8 1px;    
    border-radius: 0 5px 5px 5px;
    padding: 1em;
}

.tab-widget__tab-content {    
    display: none;
}

.tab-widget__tab-content--active,
.no-js .tab-widget__tab-content {
    display: block;
}
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
} 
.section-wrap-home-left {
	padding: 3em 0em;
}
.section-wrap-news {
	padding: 6em 1em !important;
	min-height: 750px !important;
}
body {
	font-family: 'Source Sans Pro Regular';
	background: #fff;
	color: #000;
}
.text-full.section-wrap{
	padding: 6em 0em 0em 0em;
}
.text-full-no-padding.section-wrap-new{
	padding: 1em 0em 6em 0em;
}
.text-apply-process.section-wrap-new{
	padding: 1em 0em 0em 0em;
}
.section-wrap, .section-wrap-right {
	padding: 6em 6em;
}
.annoucement.section-wrap{
  padding-top: 1em;
  padding-bottom: 1em;
	background-color: #D9D894;
	color: #000;
}
.section-head p {
	padding-bottom: 0.75em;
}
.banner-sub-content {
		font-size: 1.4em;
}
.split-panel .section-wrap {
	padding-right: 3.5em;
	padding-left: 5em;
	padding-bottom: 1.5em;
}
section {
	background: #fff;
	color: #000;
}
section.annoucement { 
	background-color: #D9D894;
}

.annoucement p {
	margin-bottom: 0;
}
.announce{
	padding-top: 4px; 
	padding-right: 4px; 
	padding-bottom: 4px;
	float: left;
}
.announce-text{
	float: left;
}
.annoucement-video.section-wrap{
	padding-top: 0em;
	padding-bottom: 0em;
	  background-color: #ffffff;
	  color: #000;
	  border-bottom: 1px solid #f2f2f2;
	  font-size: 1em;
  }
  .annoucement-video.section-wrap .fa {
	color:#327AB8;
  }
  section.annoucement-video { 
	  background-color: #ffffff;
  }
  .annoucement-video p {
	  margin-bottom: 0;
	  padding-bottom: 0;
  }
  .announce-video{
	  padding-top: 4px; 
	  padding-right: 4px; 
	  padding-bottom: 4px;
	  float: left;
  }
  .announce-video-text{
	  float: left;
  }
.split-panel .section-wrap.right {
  padding-right: 3em;
  padding-left: 6em;
}
a {
	font-family: 'Source Sans Pro Bold';
	color:#327AB8;
}
ul {
	list-style: none;
	margin: 0;
}
ul.ocot-list {
	color: #327AB8;
	list-style: disc;
	padding-left: 50px;
	padding-bottom: 25px;
}
ul.ocot-list > li {
	padding-bottom: 8px;
}
ul.ocot-list > li > span {
	color: #000;
}
ul.ocot-list.application {
	color: #000;
}

li {
	margin: 0;
	padding: 0;
}
table tbody td {
	font-size: 0.9em;
}
table tbody td ul {
	margin-left: 0;
}
.blue-text {
	color: #327AB8;
}
.test-ol {
	border: 2px solid red;
}

.icon.feature-icon,
.fa.feature-icon {
	font-size: 2.5em;
	color: #327AB8;
}
.icon.feature-icon.icon-tick {
	font-size: 2em;
}
.white-bg {
	background: #fff;
}
.light-bg {
	background: #ececec;
}
.dark-bg {
	background: #bdbdbd;
	color: #fff;
}
.blue-bg {
	background: #327AB8;
}
.dark-blue-bg {
	background: #113a66;
}
.mobile-blue-bg {
	background: #21375C;
}
.mobile-dark-blue-bg {
	background: #21375C;
}
.mobile-blue-button-bg{background: #327AB8;}
.white-text,
.white-text p,
.white-text h5 {
	color: #fff;
}
a.blue-link {
	color: #327AB8;
}
a.blue-link.underline {
	text-decoration: underline;
}
div.green {
	color: #2eae0c;
}
div.red {
	color: #ae0c0c;
}
div.Active {
	color:#2eae0c;
}
div.Expired {
	color: #ae0c0c;
}
div.blue {
	color: #327AB8;
}
.row {
	max-width: 88rem;
}
.accordion-title:before{
	font-family: FontAwesome;
	content: '\f055';
	color: #327AB8;
}
.is-active>.accordion-title:before {
	font-family: FontAwesome;
	content: '\f056';
	color: #327AB8;
}
.accordion-title{
	display: block;
  padding: 14px 36px 16px 0px;
  line-height: 1;
  font-size: 16px;
  color: #000000;
  position: relative;
	border: none;
  border-bottom: 1px solid #e6e6e6 !important;
}
.accordion-content{
	border: none;
}
.accordion-title:hover, .accordion-title:focus {
	background-color: #fff;
color:#000; }
.section-wrap.no-left-padding, .section-wrap-right.no-left-padding {
	padding-left: 1em !important;
}
.columns.no-right-padding {
	padding-right: 0.5em;
}
.extra-padding-y {
	padding: 1.5em 0;
}
.extra-padding-top {
	padding-top: 1.5em;
}
.feature-list.protecting h5,
.feature-list.protecting p,
.protecting .check-list p,
.protecting .check-list h5{
	margin-left: -15px;
	padding-bottom: 0px;
}
.list-pair {
	padding-bottom: 10px;
}
.list-pair p {
	margin-bottom: 0;
}
.forgot {
	font-family: 'Source Sans Pro Regular';
}
div.icon {
	display: inline-block;
	font-size: 14px;
}
div.icon {
	display: inline-block;
}
div.icon-white-arrow,
div.icon-blue-arrow-left{
	font-size: .8em;
}
div.icon-white-arrow:before{
	content: '\6f';
	padding-left: 4px;
}
div.icon-blue-arrow-left:before{
	content: '\78';
	padding-right: 4px;
}
.button div {
	display: inline-block;
	vertical-align: middle;
}
/* =============
Buttons
================ */
a.button, .button {
	background: #327AB8 !important;
	border-radius: 5px;
	font-family: 'Source Sans Pro Regular';
	text-decoration: none;
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  vertical-align: middle;
  border: 2px solid #ffffff;
  min-width: 110px;
  margin: 0 0 1rem 0;
  padding: 0.7em 1em;
  font-size: 0.9rem;
  color: #fefefe;
  font-style: normal;
}
a.button:hover, .button:hover {
	background: #21375C !important;
	border-radius: 5px;
}
.top-bar-right .button {
	background: #21375C !important;
}
.top-bar-right .button:hover {
	background: #ffffff !important;
	color:#21375C;
}
a.button.light-button {
	background: #ececec !important;
	color: #327AB8;
}
a.button.light-button:hover {
	background: #ccc !important;
	color: #327AB8;
}
a.button.white-button {
	background: #fff !important;
	color: #327AB8;
	border: 1px solid #aeaeae;
}
a.button.white-button:hover {
	background: #ccc !important;
	color: #327AB8;
}
a.button.dropdown-button.white-button {
	background-color: #fff;
	color: #000;
}
a.button.dropdown-button.white-button div {
	color: #327AB8;
}
a.button.dropdown-button {
	font-family: 'Source Sans Pro Regular';
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}
a.button.dropdown-button div {
	float: right;
}
a.button .icon {
	display: inline;
}
.pdf-links li {
	font-size: 1.2em;
	line-height: 2em;
}
.protecting .list-row {
	padding: 1em 0;
}
.working .list-row h5{
	line-height: 2;
}
.list-row h5 {
	padding-top: 3px;
}
/* =============
Labels and Inputs
================ */
[type='text'] {
	/*font-size: 0.8em;*/
}
input[type='search'] {
	font-size: 0.9em;
	color: #333;
}
label span a{
	float: right;
	text-decoration: underline;
	color: #000;
}
input {
  padding: 0.5rem 1rem;
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  border-radius: 5px !important;
  background: #fcfcfc;
  border: 1px solid #aaa;
	font-style: italic;
	color: #000;
}
input[type=text] {
  color: black;
  color: #000 !important;
}
input.full-width {
	width: 100%;
}
select {
  border-radius: 5px !important;
}
.button-component{
	height: 55px;
}
/* =============
Typography
================ */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Source Sans Pro Regular';
	color: #000;
}
p {
	color: #000;
}
.search {
  position: relative;
  display: inline-block;
}
.search input {
  background: #fcfcfc;
  max-width: none;
  max-height: 35px;
  margin-bottom: 5px;
}
.search .magnifier{
  position: absolute;
  top: 12px;
  font-size: 15px;
  right: 10px;
	color: #327AB8;
}
div.icon.icon-right-arrow,
div.icon.icon-right-arrow {
	font-weight: 100;
}
.italic {
	font-style: italic;
}

/* =============
Navigation
================ */
#logo {
	padding-bottom: 0;
	padding-left: 0;
}
#logo img {
	max-width: 225px;
}
nav {
	padding: 0 3em;
	background:#fff;
}
.active a.button {
	background-color: #fff !important;
	color: #327AB8;
}
/*.wpml-ls-slot-521:hover, .wpml-ls-slot-521:hover a, .wpml-ls-slot-521 a:hover{
	background-color: #327AB8 !important;
	border-radius: 10px !important;
	transition:.3s;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
}*/
.wpml-ls-slot-521:hover, .wpml-ls-slot-521:hover a, .wpml-ls-slot-521 a:hover{
	background-color: #21375C !important;
	border-radius: 10px !important;
	text-decoration-color: #ffffff !important;
	transition:.3s;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.wpml-ls-slot-521, .wpml-ls-slot-521 a, .wpml-ls-slot-521 a:visited {
	background-color: #21375C!important;
	border-radius: 10px !important;
}
.wpml-ls-slot-521 a:visited {
	background-color: #21375C !important;
	border-radius: 10px !important;
}
.wpml-ls-slot-521, .wpml-ls-slot-521 a, .wpml-ls-slot-521 a:visited{
	color:#ffffff;
}
.top-nav .menu li a {
	padding: 0.7rem 0 0.7rem 0;
	margin: 0 10px;
	color:#21375C;
}
.top-nav li.search {
	position: relative;
	padding-left:10px;
}
.top-nav .menu .active > a {
	/*padding: 0.7rem 0 0.7rem 0;*/
	/*margin: 0.7rem 1rem;*/
}
.top-nav .active a {
	border-bottom: 2px solid #327AB8;
	background: none;
	margin-top: 3px !important;
}
.middle-nav .top-bar-left .menu a {
	border-bottom: 8px solid rgba(0,0,0,0);
	font-family: 'Source Sans Pro Regular';
	font-size: 1.1em;
	padding: 0;
	margin: 0;
	line-height: 40px;
	width:max-content;
}
.middle-nav .top-bar-left .menu li {
	padding-right: 1rem;
}
.middle-nav .top-bar-left .menu .active > a {
	background: none;
	border-bottom: 8px solid #327AB8;	
}
.middle-nav .top-bar-left .menu li a:hover{
	background: none;
	border-bottom: 8px solid #327AB8;
	transition: 1s;
}
.is-dropdown-submenu > li{
	background: #21375C;
	padding-left: 6px;
	transition: 1s;
	border-bottom: 1px dotted #327AB8;
	width:auto;
}
.is-dropdown-submenu > li:hover{
	padding-left: 6px;
	border-bottom: 1px dotted #fff;
	transition: 1s;
	background:#327AB8;
}

.middle-nav .top-bar-left.is-dropdown-submenu > li a:hover{
	color:#ffffff;
	font-size: 1.1em;
	transition: 1s;
}

.is-dropdown-submenu{
	border: 1px solid #327AB8;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom: 3px solid #327AB8;
	transition: 1s;
	min-width:296px;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after{
	border-color: #327AB8 transparent transparent;
}
.top-nav {
	padding-top: 2em;
}
.top-bar.top-nav {
	font-size: 0.8em;
}
.top-bar,
.top-bar ul {
	background: rgba(0,0,0,0);
	padding-right: 0;
	padding-left: 0;
	line-height: 0;
}
.top-bar li a {
	color: white;
}
.menu li a.button {
	margin-left: 1em;
  min-width: 100px;
}
.menu > li > a.button.nav-button{
	padding: 0.5rem 1rem;
}
.nav-button.active {
	background: #fff !important;
	color: #327AB8;
}
.top-bar.middle-nav {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 1.3rem 0 0 0;
	margin: 0 0.5rem;
}
.middle-nav .menu > li > a {
	margin: 0 0 0 1em;
}
.posts-banner .top-bar.middle-nav {
	border-bottom: none;
}
.nav-right-buttons {
	padding-top: 5px;
}
.home-banner .banner-content {
	margin: 0 auto;
	color: white;
	padding-bottom: 8rem;
}
.home-banner .banner-content p {
	margin-bottom: 1.4rem;
}
.banner {
	position: relative;
  color: #fff;
  background-color:#327AB8;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.landing {
	padding: 0 3em;
}
.landing .button {
  padding-top: 0.6em;
  padding-bottom: 0.6em;
}
.home-banner .banner-content input,
.home-banner .banner-content button {
	width: 100%;
	display: inline-block;
}
.top-bar.secondary-nav,
.title-bar {
	background-color: #327AB8;
}

.top-bar-right-search{
	float: right;
	padding-left: 10px;
	height:33px;

}
.top-bar-right-search input{
	height:33px;
	border: 2px solid #21375C;
}
.top-bar-right-search .fa{
	font-size: 16px;
	margin-left:-17px;
	background-color: #21375C;
	height: 33px;
	width: 33px;
	padding-top: 8px;
	border-radius: 3px;

}
.top-bar-right-nav{
	float: left;
}

/* =============
Page Banners
================ */
.home-banner {
  background-color: #ffffff;
  background-position: 100% bottom;
  background-size:
}
.header h1 {
  font-size: 3em;
  line-height: 1;
  font-family: 'Source Sans Pro Bold';
  color: #fff;
  padding-top: 1.5em;
  padding-bottom: 1.3em;
}
.banner-content p {
	color: #fff;
}

.posts-banner {
	padding: 1em 0;
}


/* =============
Column-Pics
================ */

.motive-power-pic {
	background: url(images/motive-power-sector-bg.jpg) no-repeat center center;
	background-size: cover;
	background-position-y: 29%;
	min-height: 450px;
}
.service-pic {
	background: url(images/service-sector-bg.jpg) no-repeat center center;
	background-size: cover;
	background-position-y: 29%;
	min-height: 450px;
}
.industrial-pic {
	background: url(images/industrial-sector-bg.jpg) no-repeat center center;
	background-size: cover;
	background-position-y: 29%;
	min-height: 450px;
}
.construction-pic {
	background: url(images/construction-sector-bg.jpg) no-repeat center center;
	background-size: cover;
	background-position-y: 29%;
	min-height: 450px;
}
.column-pic {
	background: url(images/inspector.jpg) no-repeat center center;
	background-size: cover;
	background-position-y: 29%;
	min-height: 450px;
}
.about-column-pic {

}
.review .column-pic {
	min-height: 520px;
	background: url(images/review.jpg) center center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* =============
Home Landing
================ */

.home-banner .header h1 {
  font-size: 3em;
  line-height: 1;
  font-family: 'Source Sans Pro Bold';
  padding-top: 25%;
  padding-bottom: 0.5em;
}
.home-member-login .section-wrap {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 7em;
	padding-right: 7em;
}
.home-member-login label {
	height: 28px;
	line-height: 2;
}
.home-member-login label.remember {
	text-align: center;
}
.home-member-login .columns {
	padding: 0 0.3em;
}
.remember-check {
	text-align: center;
}
.home-member-login button {
	width: 100%;
	color: white;
	text-decoration: none;
}
.home-member-login p  {
	display: inline-block;
	font-size: 0.875em;
}
.home-member-login .icon-lock {
	font-size: 3em;
	color: #c3c3c3;
}
.home-member-login a {
	color: #000;
	text-decoration: underline;
	font-family: 'Source Sans Pro Regular';
}
.home-member-login input[type="checkbox"] {
  margin:0;
}
.home-member-login button {
	font-family: 'Source Sans Pro Bold';
	padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.home-member-login h5 {
	padding: 0;
	margin: 0;
}
.member-info {
	padding: 6px 0 0 14px;
}
/* =============
Home
================ */
.list-with-pdfs {
	margin-top: 20px;
}
.list-with-pdfs span {
	text-decoration: underline;
}
.list-with-pdfs a {
	color: #327AB8;
}
.news-head .button {
	width: 100%;
}
.list-with-pdfs li {
	height: 50px;
}
.pdf-link {
	display: block;
	min-width: 200px;
	margin: 0 auto;
}
.download-pdf-link {
	font-size: 14px;
}
.download-pdf-link .icon {
	display: inline;
}

/* =============
About
================ */

.services.about h4 {
	padding-bottom: 1em;
}

/* =============
Governance
================ */
.bog .button {
	min-width: 200px;
	margin-bottom: 2em;
}
.read-more {
	color: #327AB8;
	text-decoration: underline;
	font-size: 0.8em;
}
.read-more div {
  vertical-align: middle;
  padding-left: 5px;
  color: #327AB8;
}
.review .button.white-button {
	border: 1px solid #aeaeae;
	background: #fff;
	width: 100%;
	color: #000;
	margin: 25px 10px 25px 0;
	font-family: 'Source Sans Pro Regular';
	float: left;
	text-align: left;
}
.review .button.white-button:hover,
.review .button.white-button:focus,
.review .button.white-button:visited {
	background: #fff;
	color: #000;
}
.review .button.white-button div {
	color: #327AB8;
	float: right;
}

/* =============
Tabs
================ */
.tabs {
  margin: 0 auto;
  list-style-type: none;
  border: none;
  font-family: 'Source Sans Pro Bold';
}
.tabs-wrap {
	padding: 0 3em;
}
.tabs-content,
.tabs-panel {
	margin: 0;
	padding: 0;
	border: none;
}
.top-bar.secondary-nav {
	padding-top: 0;
	padding-bottom: 0;
}
.tabs-title {
	padding-right: 4rem;
}
.tabs-title > a {
  font-size: 0.85rem;
  font-family: 'Source Sans Pro Bold';
  margin: 0;
  line-height: 48px;
  padding: 0;
  border-bottom: 5px solid #327AB8;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
	background: none;
	border-bottom: 5px solid #fff;
}
.tabs-title > a:hover {
	background: #327AB8;
	border-bottom: 5px solid #fff;
}

/* =============
Service Gallery
================ */
.service-gallery {
	display: block;
	margin: 0;
	padding: 0;
	color: white;
	overflow: hidden;
}
.service-gallery p,
.service-gallery h4 {
	color: #fff;
}
.gallery-panel {
	width: 50%;
	float: left;
	position: relative;
	background-size: cover !important;
	display: inline-block;
	margin: 0;
	padding: 4em 0;
	height: 342px;
}
.service-gallery .gallery-panel .gallery-icon.icon {
	font-size: 40px;
	padding-bottom: 0px;
}
.gallery-wrap {
	padding: 0 6em;
}
.gallery-wrap p {
	max-width: 360px;
}
.panel-bg {
	background-repeat: no-repeat !important;
}
.panel-1 {
	background: url(images/governance.jpg);
}
.panel-1:hover{
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/governance.jpg);
    transition:1s; 
}
.training.panel-1 {
	background: url(images/trade-equivalency.jpg);
}
.training.panel-1:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/trade-equivalency.jpg);
    transition:1s;
}
.training.panel-2 {
	background: url(images/training.jpg);
}
.training.panel-2:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/training.jpg);
    transition:1s;
}
.training.panel-3 {
	background: url(images/protecting-banner.jpg);
}
.training.panel-3:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/protecting-banner.jpg);
    transition:1s;
}
.training.gallery-panel {
	/*width: 33.3333%;*/
	width: 50%;
}
.training.gallery-panel.panel-1 {
	background: url(images/trade-equivalency.jpg);
}
.training.gallery-panel.panel-1:hover{
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/trade-equivalency.jpg);
    transition:1s; 
}
.training.gallery-panel.panel-2 {
	background: url(images/training.jpg);
}
.training.gallery-panel.panel-2:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/training.jpg);
    transition:1s;
}
.training.gallery-panel.panel-3 {
	background: url(images/protecting-banner.jpg);
}
.training.gallery-panel.panel-3:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/protecting-banner.jpg);
    transition:1s;
}
.panel-2 {
	background: url(images/legislation.jpg);
}
.panel-2:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)), url(images/legislation.jpg);
	transition:1s;
}
.panel-3 {
	background: url(images/review-panels.jpg);
}
.panel-3:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)), url(images/review-panels.jpg);
	transition:1s;
}
.panel-4 {
	background: url(images/tenders.jpg);
}
.panel-4:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)), url(images/tenders.jpg);
	transition:1s;
}
.panel-5 {
	background: url(images/panel-aboriginal_blue-min.jpg);
}
.panel-5:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)), url(images/panel-aboriginal_blue-min.jpg);
	transition:1s;
}
.panel-6 {
	background: url(images/panel-asian-female_grey-min.jpg);
}
.panel-6:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)), url(images/panel-asian-female_grey-min.jpg);
	transition:1s;
}
.panel-7 {
	background: url(images/panel-military_grey-min.jpg);
}
.panel-7:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)), url(images/panel-military_grey-min.jpg);
	transition:1s;
}
.panel-8 {
	background: url(images/panel-simone_blue-min.jpg);
}
.panel-8:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)), url(images/panel-simone_blue-min.jpg);
	transition:1s;
}
.panel-9 {
	background: url(images/panel-motive-power-grey-min.jpg);
}
.panel-9:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)), url(images/panel-motive-power-grey-min.jpg);
	transition:1s;
}
.panel-10 {
	background: url(images/panel-construction-blue-min.jpg);
}
.panel-10:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)), url(images/panel-construction-blue-min.jpg);
	transition:1s;
}
.panel-11 {
	background: url(images/panel-service-blue-min.jpg);
}
.panel-11:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)), url(images/panel-service-blue-min.jpg);
	transition:1s;
}


.panel-a,
.panel-b,
.panel-c {
	min-height: 342px;
	background-size: cover;
}
.panel-1,
.panel-2,
.panel-3 {
	min-height: 342px;
	background-size: cover;
}
.panel-a {
	background: url(images/hearings.jpg);
}
.panel-b {
	background: url(images/advisories.jpg);
}
.panel-c {
	background: url(images/working-panel.jpg);
	min-height: 362px;
}
.small-12.medium-12.columns.quicklinks{
	background: #327AB8;
	margin-top:10px;
	border-radius: 10px;
}

.small-12.medium-12.columns.quicklinks:hover{
	background: #08498b;
	margin-top:10px;
	border-radius: 10px;
}
.small-12.medium-12.columns.quicklinks h5{
	padding-top: 10px;
}
.small-12.medium-12.columns.quicklinks h5, .small-12.medium-12.columns.quicklinks p{
	color: #ffffff
}
/* =============
Protecting the Public
================ */

.hearings h4,
.hearings p,
.advisories h4,
.advisories p {
	color: #fff;
}

.case-pdf-link {
	font-size: small;
	font-weight: 700;
	display: block;
	padding-bottom: 5px;
	font-family: Calibri, serif;
}

/* =============
Public
================ */
.news-head p {
	font-size: 10px;
	padding-top: 20px;
}
.public h4 {
	margin: 0;
	line-height: 1.2;
}
.public a {
	float: right;
}
.date {
	font-size: 10px;
}
.news .read-more {
	color: #327AB8;
	float: left;
	font-size: 1em;
	text-decoration: underline;
}
.news .read-more div {
  font-size: 15px;
  vertical-align: middle;
  padding-left: 5px;
}
.public .section-wrap {
	padding-bottom: 3em;
}
.resources .section-wrap {
	padding-left: 3em;
	padding-bottom: 4em;
}
/* =============
Advisories
================ */
table thead th, table thead td, table tfoot th, table tfoot td, table tbody td {
  font-size: 1em;
  vertical-align: middle;
}
table {
	margin-bottom: 3em;
}
table tbody {
	border: none;
}
table tbody td {
	border-bottom: 1px solid #ececec;
}
table tbody tr:nth-child(even) {
	background-color: #fff;
}
.advisories-head .section-wrap {
	padding: 5em 6em;
}
.advisories-head .right-panel .section-wrap {
	padding: 4em;
}
.search-advisory {
	color: white;
	background: #222;
	padding: 2em 0;
}
.search-advisory .columns {
	padding: 0.3em;
}
.search-advisory h4 {
	padding-left: 1em;
}
.search-advisory h5 {
	text-align: center;
	line-height: 2em;
	vertical-align: middle;
}
.search-advisory input,
.search-advisory .dropdown-button {
	width: 100%;
	min-width: 100px;
}
.search-advisory .dropdown-button,
.search-advisory .button {
	background: #327AB8;
	color: #fff;
	padding: 0.8em 1em;
	display: inline-block;
}
.search-advisory .button {
	background: #327AB8;
	color: #fff;
	width: 100%;
	min-width: 100px;
}
.search-advisory .dropdown-button {
	background: #ececec;
	color: white;
	text-align: left;
}
.search-advisory .dropdown-button div {
	color: white;
	float: right;
}
.search-advisory p {
  vertical-align: middle;
  line-height: 40px;
}
.search-advisory.protecting {
	padding: 2em 7em;
}
.search-advisory.protecting h4,
.search-advisory.protecting h5 {
	padding-left: 0;
	color: #fff;
}
.search-advisory-results table td a.button,
#previous .button,
#next .button {
	color: #fff;
	text-decoration: none;
	padding: 0.65em 1.5em;
}
.search-advisory-results .button {
	margin: 0;
}
.pagination-centered.search-results li {
	display: inline-block;
	background: none;
}
.pagination-centered.search-results #previous {
	float: left;
}
.pagination-centered.search-results #next {
	float: right;
}
.pagination .button,
.pagination .button:hover {
	border-radius: 5px;
	padding: 0.85em 1em;
}
.pagination a {
	padding: 0.1875rem 0.2rem;
	color: #327AB8;
	text-decoration: underline;
}
.pagination .current {
	padding: 0.1875rem 0.2rem;
	color: #327AB8;
  background: none;
}
.pagination .current a {
	text-decoration: none;
}
.pagination a:hover {
	background: none;
}
.pagination .button:hover {
	background: #1583cc;
}
.pagination .next.page-numbers,
.pagination .prev.page-numbers{
	display:none;
}
.search-advisory.trades {
	padding: 0;
}
.search-advisory.trades h4 {
	padding-left: 5px;
	color: #fff;
}
.search-advisory.trades .section-wrap {
	padding-top: 1em;
	padding-bottom: 1em;
}
.search-advisory.find h4 {
	color: #fff;
}
.search-advisory.trades h5 {
	color: #fff;
}

/* =============
Working in Ontario
================ */
.working h5 {

}
.checklist {
	margin-left: 75px;
	padding-right: 0px;
}
.checklist-icon {
	height: 0px;
	padding-bottom: 5px;
	margin-left: -15px;
}
.working.section-wrap.no-left-padding.checklist {
	padding: 6em 0 2em 0;
}
.working.gallery-panel {
	width: 33.3333%;
}
.working.gallery-panel.panel-1 {
	background: url(images/working1.jpg);
}
.working.gallery-panel.panel-1:hover{
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/working1.jpg);
    transition:1s; 
}
.working.gallery-panel.panel-2 {
	background: url(images/working2.jpg);
}
.working.gallery-panel.panel-2:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/working2.jpg);
    transition:1s;
}
.working.gallery-panel.panel-3 {
	background: url(images/working3.jpg);
}
.working.gallery-panel.panel-3:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/working3.jpg);
    transition:1s;
}
#training-standards .left p {
  font-size: 0.9em;
}
#training-standards .left .section-wrap {
	padding-top: 4em;
	padding-bottom: 2em;
}
#training-standards .right.section-wrap {
	padding-left: 2em;
}
/* =============
Find
================ */
.find-head .section-wrap {
	padding: 4em 6em;
}
.find-tradesperson .section-wrap {
	padding-bottom: 0;
}
.membership-status li i {
	vertical-align: middle;
}
.search-advisory.find h4 {
	padding-left: 0;
}
.search-advisory.find {
	padding: 0;
	background: #222;
}
.search-advisory-results h4 {
	padding-bottom: 1em;
}
.search-advisory.find .section-wrap {
	padding: 2em 6em;
}
thead tr th {
	font-size: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
table a {
	font-family: 'Source Sans Pro Regular';
}
table li {
	text-align: left;
	line-height: 1.5;
}
table thead {
	background-color: #ececec;
}

/* =============
News
================ */
.news-title {
	padding: 6em 0;
}
.news-title h1 {
	font-family: 'Source Sans Pro Bold';
	color: #fff;
}
.news-results,
.news-results h4 {
	padding-bottom: 25px;
}
.news-results h4 {
	border-bottom: 1px solid #f2f2f2;
}
.news-results-home,
.news-results-home h4 {
	padding-bottom: 46px;
	margin-left:10px;
}
.news-results-home h4 {
	border-bottom: 1px solid #f2f2f2;
}
.news-results-home-button{
	padding-top: 10px;
}
.news-results-home-button .button{
	float: right;
}
.home-section-wrap, .home-section-wrap-right {
	padding: 3em 0em 3em 0em;
}
.article {
	border-bottom: 1px solid #f2f2f2;
	padding: 2em 0;
}
.article .read-more {
	font-size: 1em;
}
.article .read-more div {
	padding-left: 0.5em;
}
.article-home {
	border-bottom: 1px solid #f2f2f2;
	padding: 1em 0;
}
.article-home .read-more {
	font-size: 1em;
}
.article-home .read-more div {
	padding-left: 0.5em;
}
/*--------------------*/

.article-newsroom {
	border-bottom: 1px solid #f2f2f2;
	padding: 0 0;
}
.article-newsroom p {
	padding-bottom: 0;
	margin-bottom: .7em;
	line-height: 1.6;
}
.article-newsroom h5 {
	font-size: 1em;
	padding-top: 10px;
}
.article-newsroom .read-more {
	font-size: 1em;
}
.article-newsroom .read-more div {
	padding-left: 0.5em;
}
.social-newsroom{
border: solid #327AB8 1px;
border-radius: 10px;
}
/*---------------------*/
.publication-year {
	float: right;
}
.publication h6 {
	line-height: 2.5em;
	width: 100%;
	display: inline-block;
}
.publication .issue-preview {
	/*padding: 25px;*/
}
.publication .issue-preview img {
	padding-bottom: 25px;
	max-width: 250px;
}
.news-posts-head .section-wrap {
	padding: 6em 6em 0em 6em;
}
.more-news {
	background: #327AB8;
}
.news-pics {
	padding: 25px 0;
}
.newsletter h4,
.newsletter p {
	color: #fff;
}
.newsletter input,
.newsletter button {
	display: block;
}
/* =============
Forms
================ */
.search-advisory.search-form {
	background: #ececec;
	color: #000;
}
.search-advisory.search-form .section-wrap {
	padding-top: 1em;
	padding-bottom: 1em;
}
.search-advisory.search-form .button {
	width: inherit;
}
.search-advisory.search-form .dropdown-button {
	background: #fff;
	border: 1px solid #aeaeae;
	color: #000;
	width: 100%;
}
.search-form .dropdown-button i {
	color: #327AB8;
}
.search-advisory.search-page {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
/* =============
Apply
================ */
.steps {
	margin: 0;
	padding-left: 0;
	padding-right: 3em;
	position: relative;
}
.steps.last {
	padding-right: 0;
}
.step .icon.feature-icon{
	font-size: 3em;
}
.steps .step h5 {
	margin: 0;
}
.steps .step {
	min-height: 340px;
	padding: 2em 3em 1em 2em;
}
.cta .dark-text p {
	color: #000;
}
.arrow {
	display: inline-block;
	width: 40px;
	position: absolute;
	top: 30%;
	right: 0;
	color: #327AB8;
}
.arrow div {
	font-size: 2em;
}
.arrow .icon.icon-right-arrow {
	vertical-align: middle;
	display: inline-block;
}
.apply-process .section-wrap.header {
	padding-bottom: 0;
}
.apply-process h4 {
	padding-bottom: 1.5em;
}
.apply.gallery-panel {
	width: 33.3333%;
}
.apply.gallery-panel.panel-1 {
	background: url(images/benefits.jpg);
}
.apply.gallery-panel.panel-1:hover{
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/benefits.jpg);
    transition:1s; 
}
.apply.gallery-panel.panel-2 {
	background: url(images/fees.jpg);
}
.apply.gallery-panel.panel-2:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/fees.jpg);
    transition:1s; 
}
.apply.gallery-panel.panel-3 {
	background: url(images/exam.jpg);
}
.apply.gallery-panel.panel-3:hover {
	background: linear-gradient(rgba(1, 16, 26, 0.45),rgba(1, 16, 26, 0.45)),url(images/exam.jpg);
    transition:1s; 
}
.membership-details {
	padding: 2em;
	min-height: 250px;
}
.how-to-apply .button {
	width: 100%;
}
.how-to-apply p {
	font-size: 1.3em;
}
.application-section .section-wrap {
	padding-bottom: 2em;
}
.application-details {
	padding: 1em;
}
.application-details .section-wrap {
	padding-top: 0;
	padding-bottom: 2em;
}

/* =============
Contact
================ */
.contact-main label span a {
	text-decoration: underline;
	color: #000;
}
.contact-info {
	padding-bottom: 1em;
}
.contact-info p {
	line-height: 1.2;
	word-wrap: break-word;
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.contact-info h5 {
	padding-bottom: 0.5em;
}
.captcha {
	padding: 20px;
	margin: 25px 0;
	border:  1px solid #aeaeae;
	border-radius: 5px;
	max-width: 300px;
}
/* =============
CTA
================ */
.cta {
	padding-top: 1em;
	padding-bottom: 1em;
}
.cta .button {
	width: 100%;
	max-width: 200px;
}
.cta p {
  vertical-align: middle;
  line-height: 1.5;
	font-size: 1.5em;
	color: #fff;
}
.cta input {
	width: 100%;
	height: 40px;
}
.cta.news {
	padding: 1em 0;
}
/* =============
Footer
================ */
footer {
	background: #21375C;
	color: #fff;
}
footer .section-wrap {
	padding: 4em 3em 1.5em 3em;
}
.footer-bottom a,
.footer-bottom p {
	color: #21375C;
	margin-bottom:0;
}
footer a {
	color: white;
	text-decoration: underline;
	font-family: 'Source Sans Pro Regular';
}
footer a:hover {
	text-decoration: none;
	color:#fff;
}
footer a h4{text-decoration: none;}
footer a h4,
footer.footer .subscribe h5 {
	color: #fff;
}
footer .subscribe .button{
	color: #fff;
	border-radius: 5px;
	max-height: 35px;
	padding: 8px;
	background: #327AB8;
	font-size: 18px;
	font-family: 'Source Sans Pro Regular';

}
footer.footer input {
	width: 100%;
	max-height: 35px;
}
footer.footer label {
	font-size: 1.5em;
	float: right;
	text-align: right;
}
footer.footer .icon-mail {
  display: inline-block;
  font-size: 1.8em;
  line-height: 1em;
  vertical-align: middle;
  padding-right: 0.2em;
}
footer .subscribe .section-wrap {
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
	padding-right: 7em;
}
footer.footer .subscribe h5{
  text-align: left;
  display: inline;
  vertical-align: middle;
  font-size: 18px;
  font-family: 'Source Sans Pro Regular';
}
footer .subscribe .button {
	float: right;
	width: 100%;
}
.site-map-bottom ul li a {
	display: inline-block;
	padding: 0 5px;
}
.social-links {
	float: right;
	display: inline-block;
	text-align: center;
}
.social-links.left{
	float: right;
}
.social-links a div {
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  border-radius: 100%;
  color: white;
  font-size: 15px;
  margin: 0 0 0 10px;
}
.social-links div.fa-youtube {
	background: #CB312E;
}
.social-links div.fa-youtube:hover {
	background: #21375C;
	transition: .6s;
}
.social-links div.fa-facebook {
	background: #3A5897;
}
.social-links div.fa-facebook:hover {
	background: #21375C;
	transition: .6s;
}
.social-links div.fa-twitter {
	background: #29A9E1;
}
.social-links div.fa-twitter:hover {
	background: #21375C;
	transition: .6s;
}
.social-links div.fa-linkedin {
	background: #007AB9;
}
.social-links div.fa-linkedin:hover {
	background: #21375C;
	transition: .6s;
}
.social-links div.fa-instagram {
	background: #DA3D50;
}
.social-links div.fa-instagram:hover {
	background: #21375C;
	transition: .6s;
}

.social-links a {
	float: left;
}
.footer-bottom {
	background: #fff;
	padding: 1em 3em;
	font-size: 17px;
}
.footer-bottom ul li a {
	text-decoration: underline;
	color:#21375C;
	font-weight:bold;
}
.footer-bottom a,
.footer-bottom p {
	font-size: 16px;
}
.site-extras {
	text-align: center;
}
.site-extras a {
	font-size: 0.8em;
}
.footer-bottom li,
.footer-bottom p {
	display: inline-block;
	line-height: 40px;
	vertical-align: middle;
}



/* =============
Media Queries
================ */


/* =============
SMALL SCREEN QUERIES
============= */
/* Define mobile styles */
@media only screen {

}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 639px) {
	nav,
	.tabs-wrap,
	.landing {
		padding: 0;
	}
	.landing {
		padding-left: 0.0em;
	}
	footer .section-wrap {
		padding: 1em;
	}
	.footer-bottom {
		padding: 1em;
	}
	.banner {
		background: #121c36;
	}
	.home-banner .banner-content {
	  padding-bottom: 3rem;
	}
	.mobile-logo {
		border-bottom: 1px solid rgba(255,255,255,0.2);
		padding-bottom: 1em;
	}
	.news-posts-head .section-wrap,
	.section-wrap {
		padding: 2em 1em;
	}
	a.button {
		width: 100%;
		padding-top: 0.85em;
		padding-bottom: 0.85em;
	}
	.public .section-wrap {
		padding: 2em 1em;
	}
	.services h4 {
		padding-bottom: 0;
	}
	.cta.section-wrap {
		padding: 1em;
	}
	.section-wrap.no-left-padding {
		padding: 1em;
	}
	.home-banner .header h1 {
    font-size: 2em;
    padding-top: 10%;
	}
	.banner-content {
		padding: 1em 0;
		margin: 0;
	}
	footer.footer label {
		float: left;
	}
	.footer .subscribe-call {
		padding: 1em;
	}
	footer.footer input {
		max-height: 40px;
	}
	footer .subscribe .section-wrap {
		padding: 0;
		padding-right: 1em;
	}
	.footer-bottom li {
		display: inline-block;
	}
	.feature-list h5, .feature-list p {
		padding-left: 0;
	}
	.gallery-panel,
	.working .gallery-panel {
		width: 100%;
		float: left;
		position: relative;
		background-size: cover;
		display: inline-block;
		margin: 0;
	}
	.service-gallery h4 {
		padding-top: 2em;
	}
	.working .gallery-panel.panel-1,
	.working .gallery-panel.panel-2,
	.working .gallery-panel.panel-3 {
		background-size: cover;
	}
	.gallery-wrap {
		padding: 0;
	}
	.gallery-panel .gallery-icon {
		font-size: 2em;
		padding-bottom: 0.5em;
	}
	.service-gallery {
		display: block;
		margin: 0;
		padding: 0;
		color: white;
		overflow: hidden;
	}
	.col-3 .gallery-panel {
		width: 100%;
	}
	.gallery-panel {
		width: 100%;
		float: left;
		position: relative;
		background-size: cover;
		display: inline-block;
		margin: 0;
		padding: 4em 0;
	}
	.subscribe div {
		display: inline-block;
		text-align: left;
	}
	.social {
		float: left;
	}
	.home-member-login .checks label {
		height: 30px;
		padding-left: 0.5em;
	}
	.list-with-pdfs a {
		float: left;
		display: block;
	}
	.list-with-pdfs .button {
		color: #fff;
		margin-top: 1em;
	}
	.public h4 {
    margin: 0;
	font-size: 1.5em;
	}
	.resources h4 {
		padding-bottom: 0.5em;
	}
	.read-more {
		padding-bottom: 2em;
	}
	.working .section-wrap.no-left-padding.checklist {
		padding: 1em;
	}
	.light-bg-on-small {
		background: #ececec;
	}
	.split-panel .section-wrap {
		padding: 1em;
	}
	/* JOIN */
	.steps {
		padding: 0;
	}
	.steps .step {
	  min-height: inherit;
	  padding: 1em 1em 2em 1em;
	  margin: 1em 0;
	}
	.arrow.down {
		display: block;
		margin: 0 auto;
		width: 40px;
		position: relative;
		color: #327AB8;
	}
	.arrow.down div {
		font-size: 2em;
	}
	/* FOOTER */
	.social-links {
		width: 100%;
		float: none;
	}
	.social-links a {
		float: none;
	}
	.social-links a div {
	  width: 40px;
	  height: 40px;
	  text-align: center;
	  vertical-align: middle;
	  line-height: 40px;
	  border-radius: 100%;
	  color: white;
	  font-size: 20px;
	  margin: 0 0 0 10px;
	}
	footer .social-links {
		text-align: left
	}
	footer .section-wrap {
		padding: 1em;
	}
	footer h4 {
		padding-top: 2em;
	}

	.feature-list.protecting h5,
	.feature-list.protecting p,
	.protecting .check-list p,
	.protecting .check-list h5{
		margin-left: 0px;
		padding-bottom: 0px;
	}
}

/* =============
MEDIUM AND UP
============= */
/* min-width 640px, medium screens */
@media only screen and (min-width: 640px) {
	.home-member-login .icon-lock {
		text-align: right;
	}
	.home-banner {
	  background-position: 160% bottom;
	}
/* ============= Gradients */
	.blue-to-grey {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#064686+0,064686+50,363636+51,363636+100 */
		background: #064686; /* Old browsers */
		background: -moz-linear-gradient(left,  #064686 0%, #064686 50%, #363636 51%, #363636 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #064686 0%,#064686 50%,#363636 51%,#363636 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #064686 0%,#064686 50%,#363636 51%,#363636 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064686', endColorstr='#363636',GradientType=1 ); /* IE6-9 */
	}
	.grey-to-blue {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#363636+0,363636+49,064686+50,064686+100 */
		background: #363636; /* Old browsers */
		background: -moz-linear-gradient(left,  #363636 0%, #363636 50%, #064686 50%, #064686 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #363636 0%,#363636 50%,#064686 50%,#064686 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #363636 0%,#363636 50%,#064686 50%,#064686 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#064686',GradientType=1 ); /* IE6-9 */
	}
	.white-to-grey {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ececec+51,ececec+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #ececec 50%, #ececec 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#ececec 50%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#ececec 50%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=1 ); /* IE6-9 */
	}
	.white-to-grey2 {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+84,ffffff+84,000222+84,363636+84,ececec+84,ececec+84,222222+84,222222+84,ececec+84,ececec+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 70%, #ffffff 70%, #000222 70%, #363636 70%, #ececec 70%, #ececec 70%, #222222 70%, #222222 70%, #ececec 70%, #ececec 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 70%,#ffffff 70%,#000222 70%,#363636 70%,#ececec 70%,#ececec 70%,#222222 70%,#222222 70%,#ececec 70%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #ffffff 0%,#ffffff 70%,#ffffff 70%,#000222 70%,#363636 70%,#ececec 70%,#ececec 70%,#222222 70%,#222222 70%,#ececec 70%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=1 ); /* IE6-9 */
	}
	.grey-to-white {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,ececec+49,ffffff+50,ffffff+100 */
		background: #ececec; /* Old browsers */
		background: -moz-linear-gradient(left,  #ececec 0%, #ececec 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #ececec 0%,#ececec 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #ececec 0%,#ececec 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}
	.grey-to-dark {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,ececec+49,363636+50,363636+100 */
		background: #ececec; /* Old browsers */
		background: -moz-linear-gradient(left,  #ececec 0%, #ececec 50%, #363636 50%, #363636 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #ececec 0%,#ececec 50%,#363636 50%,#363636 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #ececec 0%,#ececec 50%,#363636 50%,#363636 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#363636',GradientType=1 ); /* IE6-9 */
	}
	.grey-to-dark2 {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,ececec+49,000222+49,363636+49,000222+100 */
		background: #ececec; /* Old browsers */
		background: -moz-linear-gradient(left,  #ececec 0%, #ececec 50%, #222 50%, #222 50%, #222 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #ececec 0%,#ececec 50%,#222 50%,#222 50%,#222 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #ececec 0%,#ececec 50%,#222 50%,#222 50%,#222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#22222',GradientType=1 ); /* IE6-9 */
	}
	.white-to-grey-two-thirds {
  background-image:
    linear-gradient(
      to right,
      #ffffff 66%,
      #ececec 66%
    );
	}
}
/*  MEDIUM ONLY */
@media only screen and (min-width: 640px) and (max-width: 1023px){
	.header h1 {
    font-size: 3em;
	}
	.gallery-wrap {
		padding: 0 2em;
	}
	.gallery-wrap h4 {
		min-height: 30px;
	}
	.gallery-panel {
		padding: 2em 0;
	}
	.section-wrap {
		padding: 4em 1em;
	}
	.annoucement.section-wrap{
		padding: 2em 1em;
	}
	.annoucement-video.section-wrap{
		padding: 2em 1em;
	}
	.section-wrap.cta {
		padding: 1em;
	}
	.public .button {
		width: 100%;
		text-align: center
	}
	.list-with-pdfs a.button {
		color: white;
	}
	.left-space {
		padding-left: 0;
	}
	.public a {
		text-align: left;
		float: left;
	}
	.public a.button{
		float: right;
	}
	.medium-nav {
		border-bottom: 1px solid rgba(255,255,255,0.2);
		padding-bottom: .5em;
	}
	/* Landing */
	.home-banner .header h1	{
		padding-top: 15%;
		font-size: 2.5em;
	}
	/* Home: member login */
	.home-member-login label {
		height: inherit;
		font-size: 0.8em;
	}
	.home-banner .banner-content {
		padding-bottom: 2em;
	}
	.home-member-login .icon-lock {
		font-size: 2.7em;
	}
	.home-banner {
    background-position: 130% bottom;
    background-size: 60%;
	}
	/* HOME */
	.feature-list h5, .feature-list p {
	  padding-left: 0;
	}
	/* WORKING */
	.working .list-row h5, .protecting .list-row h5 {
		line-height: inherit;
	}
	.working .section-wrap.no-left-padding.checklist {
			padding: 4em 0 2em 0;
		}
	/* JOIN */
	.steps .step {
		padding-bottom: 0;
	}
	.steps {
		padding-right: 0;
	}
	.steps.last {
		padding-right: 0;
	}
	.arrow {
		display: inline-block;
		width: 40px;
		position: absolute;
		top: 40%;
		right: 10px;
		color: #327AB8;
	}
	.arrow div {
		font-size: 1.5em;
	}
	.steps.one,
	.steps.three {
		padding-right: 1em;
	}
	.steps.three {
		padding-left: 0;
	}
	.left-space {
		padding-left: 1em;
	}
	#training-standards .left .section-wrap {
		padding-left: 1em;
		padding-right: 1em;
	}
	/* FOOTER */
	footer .section-wrap {
		padding: 2em 1em;
	}
	footer.footer h5 {
		color: #fff;
	}
	footer h4 {
		font-size: 1.2em;
	}
	.footer-bottom {
    padding: 1em;
	}
	.site-extras a{
		font-size: 0.7em;
	}
	.site-extras ul {
		float: right;
	}
	footer.footer .icon-mail {
		float: left;
		padding-right: .5em;
	}
	.button-menu-container li{
		padding-right: 10px;
	}
	.menu > li > a.button.nav-button {color:#fff;}
	.menu > li > a.button.nav-button:hover, .top-nav .menu li a:hover {background:#21375C;color:#fff;}
	.landing {border-top: 6px solid #327AB8;}
	.title-bar-title.left input, .title-bar-title.left input:focus {
    background:#fff;
    color: #000!important;
    width: 300px;}
}

/*  UP TO LARGE */
@media only screen and (max-width: 1023px) {
	.menu > li > a.button.nav-button {
	  margin: 0;
	}
	.top-bar-right .button:hover {
		background: #21375C !important;
	}
	.top-bar-right .button .active {
		background: #21375C !important;
	}
	.active a.button {
		background: #21375C !important;
	}
	.mobile-logo img {
    margin: 0 auto;
    display: block;
	}
	a.button {
    width: 100%;
    padding-top: 0.85em;
    padding-bottom: 0.85em;
	}
	nav,
	.tabs-wrap,
	.landing {
		padding: 0;
	}
	.landing {
		padding-left: 0.0em;
	}
	.mobile-nav {
		padding: 1em;
	}
	.mobile-nav h4,
	.mobile-nav li a {
		color: #fff;
		text-decoration: underline;
	}
	.mobile-nav li a {
		line-height: 2em;
		font-family: 'Source Sans Pro Regular';
	}
	.mobile-nav .group {
		padding-bottom: 2em;
	}
	.mobile-nav.mobile-nav-buttons {
		margin: 0;
		padding-top: 20px;
		padding-bottom: 0;
	}
	.mobile-nav .button {
		width: 100%;
	}
	.mobile-nav-container .button {
		padding: 0.75em 1em;
	}
	.title-bar {
		background-color: #21375C;
    padding: 0.5em 1em;
	}
	.title-bar-title {
		margin-top: 8px;
		padding-right: 5px;
		margin-bottom:8px;
	}
	.title-bar .close-icon {
		margin-left: 1px;
    margin-right: 7px;
	}
	.title-bar .menu-icon {
		margin-top: 10px;
	}
	.title-bar-title,
	.title-bar .menu-icon {
		float: right;
	}
	.cta label {
    padding: 1em;
  }
	.close-icon {
	  position: relative;
	  display: inline-block;
	  vertical-align: middle;
	  cursor: pointer;
	  width: 20px;
	  height: 16px;
	  float: right;
		}
	.close-icon::after {
    content: "\2715";
    box-shadow: none;
    font-size: 1.8em;
    font-weight: 100;
    left: 0;
    padding-left: 3px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    position: absolute;
    display: block;
  }
	.title-bar-title.left {
		float: left;
	}
	.title-bar-title.left i {
		padding-left: 5px;
	}
	.title-bar-title.left input,
	.title-bar-title.left input:focus {
		background: #FFFFFF;
		color: #fff;
		border: none;
		width: 400px;
		height: 2em;
		margin: 0;
		margin-right: 5px;
		font-style: normal;
		text-indent: 1em;
	}

/*Article Single */

	.article .section-wrap{
		padding:0;
	}

	/* home-member-login*/
	.home-member-login .section-wrap {
		padding: 0;
	}
	.home-member-login {
		padding: 0 1em;
	}
	.home-member-login input {
		display: block;
	}
	.home-member-login label {
		display: inline;
	}
	.home-member-login button {
		width: 100%;
	}
	.home-member-login p  {
		display: inline-block;
	}
	.home-member-login .icon-lock {
		font-size: 3.5em;
		color: #c3c3c3;
	}
	.home-member-login a {
		color: #000;
		text-decoration: underline;
	}
	.home-member-login h5 {
		padding: 0;
		margin: 0;
	}
	.member-info {
		padding: 14px 0 0 14px;
	}
	#checkbox1 {
		display: inline-block;
	}
	.feature-list.protecting h5, .feature-list.protecting p {
	  padding-left: 0;
	}
	label.checkbox1 {
		height: inherit;
	}
	.cta .button {
		max-width: none;
	}
	.panel-a,
	.panel-b,
	.panel-c {
		background-size: cover;
	}
	.training.panel-1,
	.training.panel-2 {
		min-height: 387px;
	}
	.list-row.icon {
		padding-right: 0.5em;
	}
	.icon.feature-icon,
	.fa.feature-icon {
		font-size: 1.8em;
	}
	.gallery-panel {
		padding: 2em;
	}
	.gallery-panel .gallery-icon {
	  font-size: 30px;
	}
	.trade-info-back{
		margin-top: 0px !important;
	}
	/*.find-head .section-wrap,
	#training-standards .right.section-wrap,
	.search-advisory.find .section-wrap,
	#training-standards .left .section-wrap,
	.working .section-wrap.no-left-padding,
	.split-panel .section-wrap,
	.split-panel .section-wrap.right,
	.advisories-head .section-wrap,
	.advisories-head .right-panel .section-wrap,
	.search-advisory.protecting {
    padding: 2em 1em;
	}	*/
}

/* =============
MEDIUM FIXES
============= */

@media only screen and (min-width: 640px) and (max-width: 887px){
	.gallery-panel {
		padding: 1em 0;
		min-height: 314px;
	}
	.working .gallery-panel.panel-1,
	.working .gallery-panel.panel-2,
	.working .gallery-panel.panel-3	{
		background-size: cover;
	}
	.trade-info-back{
		margin-top: 0px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 925px)  {
	.long-th {
		min-width: 125px;
	}
}

@media only screen and (min-width: 888px) and (max-width: 1186px){
	.gallery-wrap {
	    padding: 0 2em;
	}
}
/* =============
LARGE AND UP
============= */
/* min-width 1025px, large screens */
@media only screen and (min-width: 1024px) {
	/*.icon.feature-icon{
	float:right;
}*/
	.home-banner {
	  background-position: 95% bottom;
	}
	.blue-to-blue {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#064686+0,064686+100 */
		background: #064686; /* Old browsers */
		background: -moz-linear-gradient(left,  #064686 0%, #064686 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #064686 0%,#064686 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #064686 0%,#064686 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064686', endColorstr='#064686',GradientType=1 ); /* IE6-9 */
	}
	.ocot-back-button {
		margin-top:-55px;
	}
	.member-info .icon-lock{
		margin-left: -5px;
	}
	.white-to-grey-two-thirds {
  background-image:
    linear-gradient(
      to right,
      #ffffff 60%,
      #ececec 60%
    );
	}
}


/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {

}


/* =============
XLARGE SCREEN QUERIES
============= */
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 1400px) {
	.home-banner {
	  background-position: 85% bottom;
	}
	.min-height-670 {
		min-height: 670px;
	}

	.left .section-wrap{
		/*padding-left: 0;*/
	}
}

/* =============
XLARGE SCREEN FIXES
============= */
@media only screen and (min-width: 1600px) {
	.section-wrap{
		padding-left: 0;
	}
	.footer .section-wrap{
		padding: 4em 0em 1.5em 0em;
	}
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {

}

/* =============
XXLARGE SCREEN QUERIES
============= */
/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {
	.home-banner {
	  background-position: 70% bottom;
	}
}

/* hide empty paragraphs */
p:empty {
	display: none;
}

/* nav button icon fix */
a.button.nav-button .icon,
a.button.nav-button .fa,
.mobile-nav-buttons a.button .icon,
.mobile-nav-buttons a.button .fa {
	margin-right: 10px;
}

/* margin fix */
.section-wrap.no-bottom-pad{
	padding-bottom: 0px !important;
}

.loading-spinner{
	margin: auto;
	display: block;
}

/*meetings and decisions*/
ul.pdf-meetings-decisions{
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
}

/* my profile */
.profile-block{
	position: relative;
	padding: 5px 15px;
}

.profile-block .edit-btn {
	position: absolute;
	color: #000;
    top: 18px;
    right: 28px
}

.profile-block h5{
    background-color: #eee;
    padding: 15px;
}

.profile-block .profile-block-content{
	padding: 15px;
}

.profile-block .profile-block-content .row{
	padding-bottom: 8px;
}

.profile-block-content.address label{
	color: #0f5cac;	
}

.profile-section-heading{
	margin-top: 25px;
	margin-bottom: 15px;
	background-color: #000024;
    color: white;
    padding: 10px 15px;
}

.profile-trades {
	width: 100% !important;
}

/* posts nav */
.posts-navigation {
	padding: 0;
}

.posts-navigation .screen-reader-text {
	font-size: 21px;
}

.posts-navigation .nav-links .nav-previous,
.posts-navigation .nav-links .nav-next {
	display: inline-block;
	padding: 5px;
}

/* mobile search */
.mobile-search {
	padding: 0;
}
input.mobile-search::placeholder {
	color: white;
}

/* single trade info */
.trade-info-back{
	margin-top: -70px;
}

.ctct-custom-form {
	min-width: 0px !important;
}

.white-to-grey-two-thirds .right-side{
	word-wrap: break-word;
}

.update-email {
	color: #ff0000;
	font-size: 75%;
}
/* responsive table */
@media 
only screen and (max-width: 760px),
(min-device-width: 693px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.res-tbl table, 
	.res-tbl thead, 
	.res-tbl tbody, 
	.res-tbl th, 
	.res-tbl td, 
	.res-tbl tr { 
		display: block; 
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		clear: left;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.res-tbl thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.res-tbl tr { 
		border: 1px solid #ccc;
		float: left;
	}
	
	.res-tbl td { 
		/* Behave  like a "row" */
		position: relative;
		padding-left: 50% !important;
		width: 100%;
		min-height: 50px;
		float: left;
	}
	
	.res-tbl td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: pre-wrap;
		content: attr(data-heading);
	}

	.res-tbl .nested-table {
		padding-left: 0px !important;
    	margin: 5px;
	}
}


/*===Animate styling  ===*/


.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.one {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
}

.two {
-webkit-animation-delay: 1.7s;
-moz-animation-delay: 1.7s;
animation-delay: 1.7s;
}

.three {
-webkit-animation-delay: 2.3s;
-moz-animation-delay: 2.3s;
animation-delay: 2.3s;
}

.four {
-webkit-animation-delay: 3.3s;
-moz-animation-delay: 3.3s;
animation-delay: 3.3s;
}

/*=== Animations start here  ===*/
/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


/*=== FADE IN DOWN ===*/
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}