/* Responsive */
* { box-sizing: border-box; }
html { margin:0; padding: 0; } body {margin: 0; padding: 0; }
img, embed, object { max-width: 100%; margin:0; padding: 0; } @-ms-viewport{ width: device-width; }



/**************************************************************************/
/************ MAIN STRUCTURE **************************************/
/**************************************************************************/

body{
    letter-spacing: 1px;

}

a:hover, a:active, a:focus {
  outline: 0;
  border: 0;
}

#mainwrap {
    position:relative;
    text-align: left;
    height:auto;
    margin:0px auto;
    width:100%;
    min-width: 320px;
    font-family: 'Source Sans Pro', sans-serif;
}

#mainwrap a{
    text-decoration: none;
    border:0;
}


#mainwrap img { border: 0 none; vertical-align: top;}

.fullwidth_wrap {
    position:relative;
    height:auto;
    float:left;
    margin:0 auto;
    width:100%;
    display:block;
}

.fullwidth_wrap a{
    text-decoration: none;
    border:0;
}

.inner_wrap {
    position:relative;
    height:auto;
    margin:0 auto;
    width:100%;
    max-width:1024px;
    display:block;

}

.inner_wrap img { border: 0 none; }

.desktop_only {
    display: block;
}

.mobile_only {
    display: none;
}

.cursor_on{
    cursor:pointer; 
}

/**************************************************************************/
/************ COLORS and BORDERS **************************************/
/**************************************************************************/


.black{
    width: 100%;
    background-color: #000;
}

.gray{
    background-color: #404042;
}

.lightgray{
    background-color: #f0f2f2;
}


.blue_dot{
    background-color: none;
    color: #2587c8;
}


.blue{
    background-color: #2587c8;
}


.blue_font{
    color: #2587c8;
}

.top_border {
    border-top: .03em solid;
    border-top-color: #eaebec;
}

.bottom_border {
    border-bottom: .03em solid;
    border-bottom-color: #eaebec;
}

.pattern{
    background: url(../images/hazard_pattern.jpg) no-repeat;
}



/**************************************************************************/
/************ COPY HIERARCHY **************************************/
/**************************************************************************/

.title{
    font-size: 2em;
    font-weight: 300;
    font-weight: 300;
}

.center{
    text-align: center;
}



/**************************************************************************/
/************ MOD SIZES **************************************/
/**************************************************************************/

.half_mod{
    position: relative;
    width: 50%;
    height: auto;
    float: left;
    padding: 4% 2%;
}

.third_mod{
    position: relative;
    width: 33.33%;
    height: auto;
    padding: 4% 2%;
    float: left;
}

.footer_nav_mod{
    position: relative;
    width: 50%;
    height: auto;
    float: left;
    padding: 2% 2%;
}



/**************************************************************************/
/************ NAV **************************************/
/**************************************************************************/

/*logo nav*/
.logo_nav{
    position: relative;
    text-align: center;
    padding: 3% 3% 4% 3%;
    color: #fff;
    font-size: 1em;
    width: 100%;
    line-height: 90%;
}

.logo_nav2{
    position: relative;
    width: 100%;
    height: auto;
    margin: 1% 0% 1% 0% !important;
    color: #fff;
    font-size: 1em;
    display: block;
}

.logo_nav a:link, .logo_nav a:focus, .logo_nav a:visited, .logo_nav a:active{
    color: #000;
    border: 0;
}

.logo_nav2 a:link, .logo_nav2 a:focus, .logo_nav2 a:visited, .logo_nav2 a:active{
    color: #000;
    border: 0;
}

.img_wetrain2{
    position: relative;
    float: left;
    width: 45%;
    
}

.logo_nav img{
    padding: 0% 0% 2.5% 0%;
}

.logo_nav2 img{
    padding: 0% 0% 0% 0%;
    float: right;  
}

.logo_wetrain{
    position: relative;
    width: 100%;
    font-size: 2.5em;
}


.logo_wetrain2{
    position: relative;
    font-size: 1.35em;
    float: left;
    width: 55%;
    padding: 0% 1% 1% 0.5%;
}

.WE{
    font-weight: 900;
    padding: 0%;
    margin: 0%;
    border: 0%;
}

.TRAIN{
    font-weight: 300;
    padding: 0%;
    margin: 0%;
    border: 0%;
   
}

.TRAIN2{
    font-weight: 400;
    padding: 0%;
    margin: 0%;
    border: 0%;
   
}

.logo_consulting{
    position: relative;
    width: 100%;
    font-size: 1.2em;
    font-weight: 300;
    letter-spacing: .3em;
    text-align: center;
}




/*main nav*/
.menu{
    float: left;
    width: 100%;
    padding: 4% 0%;
    background-color: #000;
    display: none;
}

.main_nav{
    position:relative;
    width: 100%;
    height: auto;
    font-size: 1em;
    z-index:99999;
    border: 0;
}

 .main_nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

 .main_nav li {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    text-align: center;
    border: 0;
    /*border-right: solid #ffffff 1px;*/
}

  li a, .dropbtn {
    display: block;
    color: #000;
    text-align: center;
    padding: 4% 0%;
    text-decoration: none;
    margin: 0;
    
}

  li a:hover, .dropdown:hover .dropbtn {
    background-color: #f0f2f2;
    width: 100%;
}

  li.dropdown_menu {
    display: none;
}

  li.dropdown {
    display: inline-block;
}

.dropdown_content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 25%;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
}

.dropdown_content a {
    color: black;
    padding: 4% 5%;
    text-decoration: none;
    display: block;
    text-align: center;
    border: 0;
}

.dropdown_content a:hover {background-color: #f0f2f2}

.dropdown:hover .dropdown_content {
    display: block;
}




.mobile_nav{
    position: relative;
    width: 100%;
    height: auto;

    z-index:99999;
}


.x{
    font-size: 1.5em;
}


.anchor_nav_mobile {
    position: relative;
    list-style: none;
    float: right;
    margin: 2% 2%;
    padding: 0% 0%;
    background: url(../images/mobile_nav.jpg) no-repeat;
    height: 40px;
    width: 40px;
    color: #000;
    z-index:99999;
    cursor: pointer;
}




.trm_nav_mobile {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 0% 0;
    margin: 0% 0%;
    color: #000;
    background-color: #fff;
    top: 0%;
    right: 0%;
    display: none;
    list-style: none;
    text-align: center;
    font-size: 1em;
    z-index:99999;
}

.trm_nav_mobile li {
    width: 100%;
    height: auto;
    margin: 0% 0%;
    padding: 0% 0%;
    border-bottom: .03em solid;
    border-bottom-color: #eaebec;

}
.trm_nav_mobile a:link, .trm-nav-mobile a:visited {
   
    text-decoration: none;
}



/**************************************************************************/
/************ POV
 **************************************/
/**************************************************************************/

/*pov*/

.pov{
    position: relative;
    background: url('../images/pov.jpg') top center no-repeat;
    width: 100%;
}

.pov_plane{
    position: relative;
    background: url('../images/pov_plane.jpg') top center no-repeat;
    width: 100%;
}


.pov_crate{
    position: relative;
    background: url('../images/pov_crate.jpg') top center no-repeat;
    width: 100%;
}

.pov_ship{
    position: relative;
    background: url('../images/pov_ship.jpg') top center no-repeat;
    width: 100%;
}


.pov_truck{
    position: relative;
    background: url('../images/pov_truck.jpg') top center no-repeat;
    width: 100%;
}



.pov_wrap{
    position:relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 3% 2%;
    text-align: center;
}


.pov_wrap img{
    display: inline-block; 
}


.pov_txt{
    color: #fff;
    padding: 2% 0% 0% 0%;
    font-size: 3em;
    font-weight: 300;
    text-align: center;
}





/**************************************************************************/
/************ INFO
 **************************************/
/**************************************************************************/
.info_wrap{
    position: relative;
    width: 100%;
    height: auto;
    margin:0 auto;
    padding: 0% 2% !important;
    display: inline-block;
    
}

.info_headline{
    text-align: center;
    position: relative;
    padding: 6% 2%;
}


.info_bullets{
    padding: 4% 0% 3% 0%;
    line-height: 1.5em;   
    font-size: 1em;

}





 /**************************************************************************/
/************ BLUE NAV*******************************/
/**************************************************************************/

.third_wrap{
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;

}
 
.blue_nav_description{
    width: 100%;
    height: auto;
    padding: 1% 5%;
    font-size: 1em;
}


.blue_title{
    position: relative;
    padding: 4% 2% 2% 2%;
}

/*button styles*/
a:link.blue_nav_button{
    position: relative;
    display:inline-block;
    margin: 4%;
    padding: 2% 15%;
    font-size: 1.5em;
    font-weight: 300;
    color: #fff;
    border: 3px solid white !important;
}

a:hover.blue_nav_button{
    position: relative;
    display:inline-block;
    margin: 4%;
    padding: 2% 15%;
    font-size: 1.5em;
    font-weight: 300;
    color: #fff;
    border: 3px solid white !important;
    background: rgba(255, 255, 255, 0.05);
}

a:visited.blue_nav_button{
    position: relative;
    display:inline-block;
    margin: 4%;
    padding: 2% 15%;
    font-size: 1.5em;
    font-weight: 300;
    color: #fff;
    border: 3px solid white !important;
}




 /**************************************************************************/
/************ NEWS AND TWITTER MODS**************************************/
/**************************************************************************/

.third_wrap{
    position: relative;
    width: 100%;
    color: #fff;
    text-align: center;

}

.news_subhead{
    position: relative;
    font-size: 1.1em;
    padding: 1%;
}

.event_mod{
    position: relative;
    margin: 2%;
    padding: 0%;
}

.event_info{
    position: relative;
    margin: 2%;
    padding: 0%;
    font-size: 1em;
}



/*twitter*/
.twitter_feed{
    width: 100%;
    padding: 2%;

}

.timeline-Header-title{
    font-size: 2.25em;
    font-weight: 300;
    font-weight: 300;
}

/*twitter widget*/
a.twitter-timeline {
  /* Buttonish */
  display: inline-block;
  padding: 6px 12px 6px 30px;
  margin: 10px 0;
  border: #ccc solid 1px;
  border-radius: 3px;
  background: #f0f2f2 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
  background-size: 1em 1em;

  /* Text */
  font: normal 12px/18px Helvetica, Arial, sans-serif;
  color: #333;
  white-space: nowrap;
}

a.twitter-timeline:hover,
a.twitter-timeline:focus {
  background-color: #dedede;
}

/* Color Highlight for keyboard navigation */

a.twitter-timeline:focus {
  outline: none;
  border-color: #0089cb;
}



 /**************************************************************************/
/************ CONTACT**************************************/
/**************************************************************************/

.contact_wrap{
    position: relative;
    text-align: center;
    color: #fff;
    margin: 4% 2%;

}

.contact_mod{
    position: relative;
    width: 33.33%;
    height: auto;
    margin: 0 auto;
    padding: 0% 2%;
}


/*button styles*/
a:link.contact_button{
    position: relative;
    display:inline-block;
    margin: 4%;
    padding: 3% 15%;
    font-size: 1.5em;
    font-weight: 300;
    color: #fff;
    border: 3px solid white !important;
}

a:hover.contact_button{
    position: relative;
    display:inline-block;
    margin: 4%;
    padding: 3% 15%;
    font-size: 1.5em;
    font-weight: 300;
    color: white !important;
    border: 3px solid white !important;
    background: rgba(255, 255, 255, 0.05);

}

a:visited.contact_button{
    position: relative;
    display:inline-block;
    margin: 4%;
    padding: 3% 15%;
    font-size: 1.5em;
    font-weight: 300;
    color: #fff;
    border: 3px solid white !important;

}





/**************************************************************************/
/************ FOOTER **************************************/
/**************************************************************************/

/*footer wrap*/
.footer_wetrain{
    width: 100%;
    position: relative;
    height: auto;
    padding: 0% 0%;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 0.8em;
}


/*footer nav styles*/
.footer_nav{
    position: relative;
    margin: 2% 2% 1% 2%;
    padding: 0% auto;
    height: auto;
    text-align: center;
    font-size: 1em;
}

a:link.footer_nav_style{
    color: #fff;
}

a:hover.footer_nav_style{
    color: #fff;
}

a:visited.footer_nav_style{
    color: #fff;
}



/*social icons*/
.social{
    position: relative;
    margin: 4% 2% 1% 2%;
    padding: 0% auto;
    text-align: center;
}

.social img{
    margin: 0.5%;
    padding: 0% auto;
}


/*disclaimer*/
.disclaimer{
    position: relative;
    margin: 2% 2% 4% 2%;
    padding: 0% auto;
    text-align: center;
    font-size: 1em;
}

/*email link styles*/
a:link.footer_email{
    color: #fff;
}

a:hover.footer_email{
    color: #fff;
}

a:visited.footer_email{
    color: #fff;
}







/**************************************************************************/
/************* SEONDARY PAGES **************************************/
/**************************************************************************/

.pageinfo_wrap{
    position: relative;
    height: auto;
    margin: 4% 8%;
}

.page_content{
    position: relative;
    width: 100%;
    height: auto;
    margin: 0% 0%;
    padding: 0% 0%;
    font-size: 1em;
}

.individual_contact_icon{
    position: relative;
    padding-right: 1%;
}

.individual_contact_wrap{
    position: relative;
    height: auto;

}

.individual_contact_wrap .half_mod{
    position: relative;
    height: auto;
    padding: 0% 4% 4% 8%;

}

.trainingcoursesinfo_wrap{
    position: relative;
    height: auto;
    margin: 4% 0%;
}

.trainingcoursesinfo_wrap .half_mod{
    position: relative;
    height: auto;
    padding: 0% 4% 4% 8%;

}

.indent{
    margin-left: 2%;
}


/**************************************************************************/
/************* BLOG **************************************/
/**************************************************************************/

.blog_content{
    position: relative;
    width: 100%;
    height: 700px;
    margin: 0% 0%;
    padding: 0% 0%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.main_blog_content{
    position: relative;
    margin: 0% 0%;
    padding: 2% 2% 2% 0%;
}

.blogsearch_wrap{
    position: relative;
    height: auto;
    margin: 4% 8%;
    text-align: center;
}

.post{
    position: relative;
    margin: 0% 0%;
    padding: 2% 0%;
}

.blog_nav{
    position: relative;
    font-size: 1.1em;
}


#s{
    position: relative;
}

/*search button*/
input {
    -webkit-appearance: textfield;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

input, textarea, select,{
    text-rendering: auto;
    color: initial;
    background-color: white;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 1% 1% 1% 1%;
    padding: 2% 2%;
    font: 0.9em;
}

button {
    text-rendering: auto;
    color: #fff;
    background-color: blue;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 1% 1% 1% 1%;
    padding: 2% 2%;
    font: 0.9em;
}


input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}


p{
    font-size: 1em;
}

.time{
    font-size: 0.7em;
}

h2{
    font-size: 1.1em;
    font-weight: 300;
}



/**************************************************************************/
/************* REVIEWS **************************************/
/**************************************************************************/


.review_wrap{
    position:relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 3% 3%;
    text-align: center;
}


.review_wrap img{
    display: inline-block; 
}


.review_txt{
    color: #000;
    padding: 0.5% 0% 0% 0%;
    font-size: 2em;
    font-weight: 300;
    text-align: center;
    font-weight: 300;
}




/**************************************************************************/
/************* MEDIA QUERIES **************************************/
/**************************************************************************/

@media screen and (max-width: 2000px) { 
/*************6+ landscape******************/
/******* leave blank if no changes needed *****/
 
.pov{
    background: url('../images/pov_1024.jpg') top center no-repeat;
}

.pov_plane{
    background: url('../images/pov_plane_1024.jpg') top center no-repeat;
}


.pov_crate{
    background: url('../images/pov_crate_1024.jpg') top center no-repeat;
}

.pov_ship{
    background: url('../images/pov_ship_1024.jpg') top center no-repeat;
}

.pov_truck{
    background: url('../images/pov_truck_1024.jpg') top center no-repeat;
}







}



@media screen and (max-width: 990px) { 
/*************6+ landscape******************/
/******* leave blank if no changes needed *****/
 
.info_headline{
    padding: 7% 2%;
}

.blue_nav_description{
    padding: 1% 22%;
}


}




@media screen and (max-width: 900px) { 
/*************6+ landscape******************/
/******* leave blank if no changes needed *****/
 
.desktop_only {
    display: none;
}

.mobile_only {
    display: block;
}

.half_mod{
    width: 100%;
    float: none;
}

.third_mod{
    width: 100%;
    float: none;
}
.logo_nav{
    padding: 5%;
}

.logo_nav img{
    padding: 0% 0% 5% 0%;
}

.pov_wrap img{
    display: none; 
}


.half_mod .title{
    text-align: center;
}

li.dropdown_menu {
    display: block;
}

li {
    width: 100%;
}

li a, .dropbtn {
    padding: 5% 0%;
}

.dropdown_content {
    position: relative;
    min-width: 100%;
}

.dropdown_content a {
    padding: 5% 5%; 
}



.info_headline{
    padding: 4% 2%;
}


.info_bullets{

    padding: 0% 7% 4% 25%;  
}

.blue_nav_description{
    padding: 1% 17%;
}

.twitter_feed{
    width: 100%;
    padding: 2% 6%;
}

.contact_mod{
    width: 100%;
}


.pageinfo_wrap{
    position: relative;
    height: auto;
    margin: 4% 8%;
}

.pageinfo_wrap .title{
    text-align: center;
}

.individual_contact_wrap .half_mod{
    text-align: center;
    padding: 0% 4% 4% 4%;

}

.page_content{
    padding: 0% 2%;

}



}



@media screen and (max-width: 745px) { 
/*************6+ landscape******************/
/******* leave blank if no changes needed *****/
 
.desktop_only {
    display: none;
}

.mobile_only {
    display: block;
}



.info_bullets{

    padding: 0% 7% 4% 20%;  
}






}




@media screen and (max-width: 745px) { 
/*************6+ landscape******************/
/******* leave blank if no changes needed *****/
 
.desktop_only {
    display: none;
}

.mobile_only {
    display: block;
}



.info_bullets{

    padding: 0% 7% 4% 15%;  
}





}


@media screen and (max-width: 500px) { 
/*************6+ landscape******************/
/******* leave blank if no changes needed *****/

.blue_nav_description{
    padding: 1% 15%;
}


}