@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
h1,h2{
display: block;
font-size: 1.80em;
font-weight: bold;
margin-top: 20px;
margin-bottom: 0.67em;
color: #909090;
width:60%;
text-align:center;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
border-bottom-color:#bc202d;
border-bottom-style:solid;
}
div.instagram{
text-align:center;
width:100%;
margin-right:auto;
margin-left:auto;
margin-bottom:20px;
}
@media only screen and (max-width:767px) {

}
h1,h2 {
font-size: 1.2em;
font-weight:bold;
margin-top: 20px;
margin-bottom: 0.67em;
text-align:center;
color: #909090;
width:70%;
}
}
h4 {
display: block;
font-size: 1.3em;
margin-top: 0.83em;
margin-bottom: 0.83em;margin-left: 0;
margin-right: 0;
font-weight: bold;
color:#909090;
}
h5 {
display: block;
font-size: 1.80em;
font-weight: bold;
margin-top: 20px;
margin-bottom: 0.67em;
color: #909090;
padding-bottom:10px;
}
.contrast-text {
color:#909090;
font-size:0.98em;
font-style:italic;
}
.sub-heading {
font-size: 1.1em;
margin-top: 0.83em;
margin-bottom: 0.83em;margin-left: 0;
margin-right: 0;
font-weight: bold;
color:#909090;	
}
.more {
font-size: 1.1em;
margin-top: 0.83em;
margin-bottom: 0.83em;margin-left: 0;
margin-right: 0;
font-weight: bold;
color:#367ca3;		
}
.quotes {
color:#367ca3;
font-weight:600;
font-style:italic;
}
#banner {
display:none;
}
#banner-mobile {
display:block;
width:100%;
padding-top:20px;
padding-bottom:20px;
}
#menu-top {
}
/* Responsive Menu */

#menu ul {
margin: 0;
padding: 0;
}
#menu .main-menu {
display: none;
}
#tm:checked + .main-menu {
display: block;
}
#menu input[type="checkbox"], 
#menu ul span.drop-icon {
display: none;
}
#menu li, 
#toggle-menu, 
#menu .sub-menu {
border-style: solid;
border-color: #ffffff;
}
#menu li, 
#toggle-menu {
border-width: 0 0 1px;  
}
#menu li:last-child {
border-width: 0;  
}
#toggle-menu li:last-child {
border-width:0;	
}
#menu .sub-menu {
background-color: #ececec;
border-width: 1px 1px 0;
margin: 0 1em;
}
#menu .sub-menu li:last-child {
border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
position: relative;
display: block;
font-family:Verdana;
font-size:18px;
color: #333333;
text-decoration:none;
font-weight:500;
}
#menu {
background-color: #ffffff;
}

#toggle-menu {
background-color: #ECECEC;
background: -webkit-linear-gradient(#ECECEC, #FFFFFF); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ECECEC, #FFFFFF); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ECECEC, #FFFFFF); /* For Firefox 3.6 to 15 */
background: linear-gradient(#ECECEC, #FFFFFF); /* Standard syntax (must be last) */
}
#toggle-menu:hover {
background:#BC202D;
color: #FFFFFF;
font-weight:600;
}
#hamburger:hover {
content:url(images/menu-white.png);	
}
#toggle-menu, 
#menu a {
padding: 12px 18px;
}

#menu a {
transition: all .125s ease-in-out;
-webkit-transition: all .125s ease-in-out;
}
#menu a:hover {
  background-color: #BC202D;
  color: #FFFFFF;
}

#menu .sub-menu {
  display: none;
}
#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}
#menu .sub-menu a:hover {
  background-color: #ECECEC;
background: -webkit-linear-gradient(#ECECEC, #FFFFFF); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ECECEC, #FFFFFF); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ECECEC, #FFFFFF); /* For Firefox 3.6 to 15 */
background: linear-gradient(#ECECEC, #FFFFFF); /* Standard syntax (must be last) */
color: #BC202D;
} 
#toggle-menu .drop-icon, 
#menu li label.drop-icon {
position: absolute;
right: 1.5em;
top: 1.25em;
}
#menu label.drop-icon, {
border-radius: 50%;
width: 1em;
height: 1em;
text-align: center;
background-color: rgba(0, 0, 0, .125);
text-shadow: 0 0 0 transparent;
color: rgba(255, 255, 255, .75);
}
#toggle-menu span.drop-icon {
width: 1em;
height: 1em;
text-align: center;
margin-top:-4px;
}
#menu .drop-icon {
  line-height: 1;
}

@media only screen and (min-width: 800px) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}
/* End Responsive Menu */


#content-top {
display:none;
}
#content-top-mobile {
}
#content-image{
}
#content-image img{
with:100%;
display:block;
}
#content-main {
}
div.consultants {
text-align:center;
margin-bottom:20px;	
}

div.main-img {
display:none;
}
div.main-img-small {
text-align:center;
}
table {
width: 100%;
border-collapse:
collapse; border-spacing: 0;
}

td, th {
border: 1px solid transparent; /* No more visible border */
height: 40px;
transition: all 0.3s;  /* Simple transition for hover effect */
}
td {
background: #FAFAFA;
vertical-align:middle;
}

/* Cells in even rows (2,4,6...) are one color */
tr:nth-child(even) td { background: #F1F1F1; }  

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */
tr:nth-child(odd) td { background: #FEFEFE; } 

tr td:hover { background: #666; color: #FFF; } /* Hover cell effect! */
div.embeds {
display:block;
text-align:center;
width:100%;
}
div.embeds-full {
display:block;
text-align:center;
width:100%;
}
div.instagram{
text-align:center;
width:100%;
margin-right:auto;
margin-left:auto;
margin-bottom:20px;
}
div.youtube {
width:100%;
margin-top:20px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;	
}
div.responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
div.responsive-container iframe, div.responsive-container object, div.responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
@media only screen and (min-width: 350px) {
#form {
width: 100%;
background-color:#F8F8F8;
}
#facebook {
display:none;
background-color:#F8F8F8;
text-align:center;
}
}
@media only screen and (min-width: 320px) and (max-width:1024){
div.instagram{
text-align:center;
width:100%;
margin-right:auto;
margin-left:auto;
margin-bottom:20px;
background-color:#F8F8F8;
}	
}
@media only screen and (min-width: 450px) {
#form {
width: 100%;
background-color:#F8F8F8;
}
#facebook {
display:none;
background-color:#F8F8F8;
text-align:center;
margin-right:auto;
margin-left:auto;
}
}
@media only screen and (min-width: 1024px) {
#form {
width: 48%;
padding-left:1%;
}
#facebook {
display:none;
float:right;
width:45%;
margin-right:1%;
margin-top:-530px;
}
div.instagram{
display:flex;
margin-left: 20px;
float:right;
width:430px;
}
#fullbackground {
width:100%;
background-color:#F8F8F8;
}
}
@media only screen and (min-width: 1100px){
#form {
width: 50%;
padding-left:1%;
}
#facebook {
display:none;
float:right;
width:42%;
margin-right:1%;
margin-top:-530px;
}	
}
@media only screen and (min-width: 1200px){
#form {
width: 52%;
padding-left:1%;
}
#facebook {
display:none;
float:right;
width:39%;
margin-right:1%;
margin-top:-530px;
}	
}
@media only screen and (min-width: 1230px){
#form {
width: 54%;
padding-left:1%;
}
#facebook {
display:block;
float:right;
width:37%;
margin-right:1%;
margin-top:-530px;
}	
}
@media only screen and (min-width: 1300px){
#form {
width: 55%;
padding-left:1%;
}
#facebook {
display:block;
float:right;
width:35%;
margin-right:1%;
margin-top:-530px;
}	
}
@media only screen and (min-width: 1400px) {
#form {
width:60%;
padding-left:1%;
}
#facebook {
display:block;
float:right;
margin-right:1%;
margin-top:-530px;
width:34%;
}
}
#menu-bottom {
color:#cccccc;
text-align:center;
padding-top:20px;
margin-top:20px;
border-top-color:#367ca3;
border-top-style:solid;
border-width:3px;
}
#menu-bottom a{
color:#cccccc;
font-size:14px; text-decoration:none;
font-weight:bold;
}
#menu-bottom a:visited { color: #cccccc;
}
#menu-bottom a:hover { 
color:#bc202d; 
}
#menu-bottom a:focus { outline: thin dotted;
 }
#footer {
padding-top:20px;
padding-bottom:20px;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 640px) {

.gridContainer {
width: 90.675%;
padding-left: 1.1625%;
padding-right: 1.1625%;
clear: none;
float: none;
margin-left: auto;
}
#banner {
display:block;
margin-top:20px;
border-bottom-color:#bc202d;
border-bottom-style:solid;
border-width:3px;
padding-bottom:20px	
}
#banner-mobile {
display:none;
}
#menu-top {
}
#content-top {
display:block;
}
#content-top-mobile {
display:none;
}
#content-image{
}
#content-main {
border-bottom-color:#bc202d;
border-bottom-style:solid;
border-width:3px;
}
div.consultants {
float:right;
margin-left:20px;
margin-top:10px;}
}	
@media only screen and (min-width: 1000px){
div.main-img {
float:right;
width:450px;
}
div.embeds {
display:block;
float:right;
width:450px;
margin-left:20px;
max-height:310px;	
overflow:hidden;
}
div.embeds-full {
display:block;
float:right;
width:450px;
margin-left:20px;
}
}
div.youtube {
width:95%;
margin-top:20px;
margin-bottom:20px;
margin-right:auto;
margin-left:auto;	
}
div.responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
div.responsive-container iframe, div.responsive-container object, div.responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
div.main-img-small {
float:right;
margin-left:20px;
width:450px;
}
@media only screen and (min-width: 800px) {
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 850px) {

.gridContainer {
width: 88.5%;
max-width: 1232px;
padding-left: 0.75%;
padding-right: 0.75%;
margin: auto;
clear: none;
float: none;
margin-left: auto;
}
#banner {
display:block;
}
#banner-mobile {
display:none;
}
#menu-top {
}
#content-top {
display:block;
}
#content-top-mobile {
display:none;
}
#content-image{
}
#content-image img{
width:100%;
display:block;
}
#content-main {
}
div.consultants {
float:right;
margin-left:20px;	
}
div.main-img {
display:block;
float:right;
margin-left:20px;	
}
div.main-img-small {
float:right;
margin-left:20px;	
}
}
@media only screen and (min-width: 1000px) {
div.youtube {
width:50%;
margin-top:5px;
float:right;
margin-left:15px;	
}
div.responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
div.responsive-container iframe, div.responsive-container object, div.responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
}
div.embeds {
display:block;
float:right;
width:450px;
max-height:310px;	
overflow:hidden;
}
div.embeds-full {
display:block;
float:right;
width:450px;	
}