/*
	Theme Name: Visual Realm
	Theme URI: http://visualrealm.com
	Description: HTML5 WordPress Theme
	Version: 1.4.3
	Author: Kyle Theil
	Author URI: http://thevisualrealm.com
	Tags: VR, HTML5, CSS3
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
*, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }
/* html element 62.5% font-size for REM use */
html { font-size: 62.5%; }
body { font: 300 12px/1.4 "Open Sans", Helvetica, Arial, sans-serif; color: #444; }
iframe { width: 90%; }
li { font-size: 14px; }
ul { font-size: 14px; }
.clear:before, .clear:after { content: ' '; display: table; }
.clear:after { clear: both; }
.clear {
*zoom:1; clear: both; }
img { max-width: 100%; vertical-align: bottom; }
a { color: #444; text-decoration: none; }
a:hover { color: #444; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }
aside p { font-size: 14px; line-height: 20px; }
input:focus { outline: 0; border: 1px solid #04A4CC; }
h1 { color: #272e38; font-size: 42px; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 300; }
h1 strong { font-weight: 800; }
h2 { font-size: 24px; color:#000; font-family: "Open Sans"; line-height: 24px; font-weight: 300; display: block; -webkit-margin-before: 0.83em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
h2 strong { font-weight: 800; }
h3 { font-size: 24px; font-family: "Open Sans"; line-height: 24px; font-weight: 300; display: block; -webkit-margin-before: 0.83em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; color: #990c10; padding: 10px 0 0px 0px; }
h4 { font-size:24px; line-height:135%; font-weight:300; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px;}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.wrapper { max-width: 1260px; width: 95%; margin: 0 auto; position: relative; }
.col2 { -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ column-count: 2; }
.col3 { -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ column-count: 2; }
#left { float:left;}
#right { float:right;}
/*------------------------------------*\
    HEADER
\*------------------------------------*/
#header { position:relative; z-index:999999; background-color:#000000; }

#hleft { float: left; left: 50%; background-color: #FFF; }
#hright { }
.header { }
.logo { float: left; padding: 5px 0px; }
.logo-img { }
#news {
  border-top: 40px solid #0152a7;
  border-left: 0px solid transparent;
  border-right: 20px solid transparent;
  height: 1;
  width: 40%;
}
#number {
    float: right;
    font-size: 33px;
    line-height: 21px;
    color: #FFF;
    text-align: right;
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 20px;
    background-color: #000;
}
#number i { color:#990c10;}
#number a{ color: #FFF; }
.nav { float: right; padding-left: 20px; padding-top:10px; cursor:move;}
.ubermenu-submenu span:before { content: "\f0da"; font-family: 'FontAwesome'; vertical-align: middle; color: #990c10; padding-right: 5px; }
#breadcrumb { background-color:#910f0d;
position: relative; color: #FFFFFF;}
#breadcumb p {display: block;
    }
#breadcrumb a { color: #FFFFFF; }
#breadcrumb a:hover { color: #333333; }
#breadcrumbs { padding: 1px; -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px; }
#breadcrumbs:before { content: "\f015"; font-family: 'FontAwesome'; vertical-align: middle; color: #FFFFFF; }
/*------------------------------------*\
    SIDEBAR
\*------------------------------------*/
.sidebar { float: right; width: 30%; }
.sidebar p {font-size:18px; line-height:30px;}
#sidebarform { background-color: #fafafa; padding: 0 10px; }
/*------------------------------------*\
    CONTENT
\*------------------------------------*/
#content { float: left; width: 70%; }
#content p { padding-right: 30px; font-size: 18px; line-height: 30px; }

#content li { font-size:18px; list-style-type:none;}
#content li:before {content: "\f101"; font-family: 'FontAwesome'; vertical-align: middle; color: #910f0d; padding-right:10px; display:none;}

#contentnosidebar { float: left; width: 100%; }
#contentnosidebar p{ font-size: 18px; line-height: 30px; }

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
#footer { background-color: #FFF; width: 100%; border-top: 0px solid #bcbbbb; border-bottom: 0px solid #bcbbbb; float:left; padding:10px 0; color:#4f4e4e; }
#footbottom { background-color: #272e38; height: 180px; }
#footbottom a { color: #FFFFFF; }
#footbottom a:hover { color: #CCCCCC; }
#footbottom li:before {content: "\f0da";
font-family: 'FontAwesome';
vertical-align: middle;
color: #20c9e6;
padding-right: 5px;}
#footleft { float:left;}
#footright { float:right; text-align:right;}
.footer { }
#fbox { float: left; width: 25%; display: block; padding-top: 30px; }
#fbox2 { float: left; width: 25%; display: block; padding-top: 30px; }
#fsub ul, menu { display: block; list-style-type: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; }
#fsub a:hover { color: #CCC; }
#ftitle { color: #FFF; text-transform: uppercase; font-size: 16px; padding-bottom: 15px; }
#fsub { color: #FFF; font-size: 14px; line-height: 24px; }
#address { background-color:#212121; color:#FFFFFF; text-align:center; padding:20px; font-size:18px; letter-spacing:6px; text-transform:uppercase; width:100%;}
/*------------------------------------*\
    FORM
\*------------------------------------*/
.gfield_label { color: #272e38; font-family: 'Open Sans'; font-weight: 300 !important; letter-spacing: 1px; text-transform: uppercase; }
textarea.textarea.small { width: 100% !important; }
.gform_wrapper { overflow: inherit; margin: 0em 0 !important; max-width: 98%; }
.gform_wrapper .top_label .gfield_label {
margin: 0.625em 0 0.500em 0;
font-weight: bold;
display: -moz-inline-stack;
display: inline-block;
line-height: 1.30em;
clear: both;
}

/*------------------------------------*\
    HOME
\*------------------------------------*/
#concrete { background-image:url(/images/concretebg.jpg); height:626px;}
#concretewrapper { padding:15px;}
#ctitle { font-size:19px; font-weight:bold; line-height:120%;}
#clink { font-size:12px;}
#fourbox {width: 30%; float: left; background-color: #FFF; margin: 2% 1.5%; 
  font-size: 19px;
  font-family: "Open Sans";
  color: rgb(153, 12, 16);
}
#fourbox img{ clear:both;}
#threebox {width: 30%; float: left; background-color: #FFF; margin: 2% 1.5%; padding:10px; height: 300px;}
#threebox .redbutton { margin:0 auto; position:relative;}

#service {
  font-size: 48px;
  font-family: "Open Sans";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 135%;
}
#servicetext {
  font-size: 18px;
  font-family: "Open Sans";
  color: rgb(111, 111, 111);
  text-transform: uppercase;
  line-height: 135%;  
}


#box { width: 22%; float: left; background-color: #FFF; margin: 2% 1.5%; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border: 1px #FFF solid; padding: 10px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
#box i { display: block; }
#box p { font-size: 14px; }
#box li { list-style:none;}
#box li:before {content: "\f0da";
font-family: 'FontAwesome';
vertical-align: middle;
color: #fe673c;
padding-right: 5px;}
#box:hover { background: #f5f5f5; margin: 1% 1.5%; border: 1px #FFF solid; }
#box li a:hover { color:#f5f5f5;}
#boxes a { color: #fe673c !important; font-size: 14px; text-align:center; }
#boxes a:hover {
color: #cccccc !important;
font-size: 14px;
}

#tractor { background-image:url(/images/tractor.jpg); background-position:center top; background-repeat:no-repeat; display:flex;}
#tractor h4 {
    font-family: "Open Sans";
    color: #990C10;
    font-size: 48px;
    line-height: 48px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.h4shift { padding-left:120px;}
#tractor ul { padding-bottom:100px;}
#tractor li {
    list-style-type: none;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
}
#tractor li:before { font-family:'FontAwesome'; content:"\f0da"; color: #990c10; padding-right:5px;}
.tractorshift { padding-left:380px;}

#instagram { float:left; width:30%; }
#instagram h3 { background-color: none !important; color:#990c10;}
#instagrambg {
  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: -webkit-linear-gradient(-180deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 63%, rgba(0,0,0,1) 63%, rgba(0,0,0,1) 100%), #0199d9;
  background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 63%, rgba(0,0,0,1) 63%, rgba(0,0,0,1) 100%), #0199d9;
  background: linear-gradient(270deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 63%, rgba(0,0,0,1) 63%, rgba(0,0,0,1) 100%), #0199d9;
  background-position: 50% 50%;
  display:flex;
  padding:10px 0;
}
.sbi_bio{ display:none;}
#testimonials { float:right; width:70%; color:#000000;}
#coverage { float:left; width:30%;}
/*------------------------------------*\
    GRAYBG
\*------------------------------------*/
#graybg { background-color: #f5f5f5; width: 100%; float: left;  }
#graybg .one_half img { float: left; padding-right: 20px; }
#did { font-family: 'Open Sans Condensed'; font-weight: 300 !important; font-size: 72px; line-height: 72px; text-transform: uppercase; color: #666666; padding-top: 20px; }
#americans { font-family: 'Open Sans Condensed'; font-weight: 300 !important; font-size: 24px; text-transform: uppercase; color: #666666; }
.orangebutton { text-align: center; margin-top: 0px; background: rgba(253,68,74,1); background: -moz-linear-gradient(top, rgba(255,203,67,1) 0%, rgba(253,68,74,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,203,67,1)), color-stop(100%, rgba(253,68,74,1))); background: -webkit-linear-gradient(top, rgba(255,203,67,1) 0%, rgba(253,68,74,1) 100%); background: -o-linear-gradient(top, rgba(255,203,67,1) 0%, rgba(253,68,74,1) 100%); background: -ms-linear-gradient(top, rgba(255,203,67,1) 0%, rgba(253,68,74,1) 100%); background: linear-gradient(to bottom, rgba(255,203,67,1) 0%, rgba(253,68,74,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb43', endColorstr='#fd444a', GradientType=0 );
color: #FFFFFF; text-decoration: none; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; display: inline-block; transition: all 0.5s ease; padding: 10px 30px; margin-bottom: 10px; text-transform: uppercase; font-weight: 800; font-size: 24px; font-family: 'Open Sans'; }
.orangebutton:hover { background-color: #CCCCCC; }
#know { font-family: 'Open Sans Condensed'; font-weight: 300 !important; font-size: 32px; color: #fe673c; text-align: center; line-height: 24px; padding-top: 20px; }
.center { text-align: center; }
/*------------------------------------*\
    DIAGONAL
\*------------------------------------*/
.greybg {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 175px;
  border: none;
  font: normal 16px/1 "Times New Roman", Times, serif;
  color: rgba(255,255,255,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #212121;
  margin-top: 130px;
}
.greybg p{}
#florida {  margin-top: -300px;
  float: right;}
#marker { float:left; font-size:200px; color:#990c10; margin-top:-39px; padding-right:15px;}
.redbg {
    width: 100%;
    border: none;
    color: white;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: #990c10;
    padding: 20px;
    font-size: 40px;
}
.redbg blockquote{}

/*------------------------------------*\
    TABS
\*------------------------------------*/


/*------------------------------------*\
    MENUS
\*------------------------------------*/
aside ul, menu, dir {
-webkit-margin-before: 0em!important;
-webkit-margin-after: 0em!important;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px !important;
}

#menu-sidebar-about { padding-right: 0px; width: 100%;}
#menu-sidebar-about ul {}
#menu-sidebar-about li:before {content: "\f0da";
font-family: 'FontAwesome';
color:  #20c9e6;
vertical-align: middle; float: left;
padding-right: 10px;}
#menu-sidebar-about li { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 18px; line-height: 35px; list-style-image: none; list-style-type: none; background-color: #f5f5f5; padding-left: 10px; border-bottom: thin dotted #FFF; margin: 0 auto; width:100%; -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}
#menu-sidebar-about li:hover { background-color: #272e38; color: #222; padding-left: 40px;  width:95%; background-position: 300px 8px;}
#menu-sidebar-about li a { color: #272e38; text-decoration: none; height: 100%; width: 100%; display: block; }
#menu-sidebar-about a:hover { color: #FFF;  }
#menu-sidebar-about p { font-size: 12px; line-height: 18px; padding: 10px 60px 0 20px; color: #999; }

#menu-sidebar-conditions { padding-right: 0px; width: 100%;}
#menu-sidebar-conditions ul {}
#menu-sidebar-conditions li:before {content: "\f0da";
font-family: 'FontAwesome';
color:  #20c9e6;
vertical-align: middle; float: left;
padding-right: 10px;}
#menu-sidebar-conditions li { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 18px; line-height: 35px; list-style-image: none; list-style-type: none; background-color: #f5f5f5; padding-left: 10px; border-bottom: thin dotted #FFF; margin: 0 auto; width:100%; -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;}
#menu-sidebar-conditions li:hover { background-color: #272e38; color: #222; padding-left: 40px;  width:95%; background-position: 300px 8px;}
#menu-sidebar-conditions li a { color: #272e38; text-decoration: none; height: 100%; width: 100%; display: block; }
#menu-sidebar-conditions a:hover { color: #FFF;  }
#menu-sidebar-conditions p { font-size: 12px; line-height: 18px; padding: 10px 60px 0 20px; color: #999; }

/*------------------------------------*\
    BUTTONS
\*------------------------------------*/

.button { margin-top: -8px; background-color:#910f0d;
color: #FFFFFF; text-decoration: none; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; display: inline-block; transition: all 0.5s ease; padding: 10px 30px; margin-bottom: 10px; font-size: 18px; text-transform: uppercase; width: 100%; font-weight: 800; }
.button:hover { background-color: #CCCCCC; }
#contactbox2 { background-color: #e51937; font-size: 31px; padding: 10px; margin-bottom: 10px; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; color: #FFF; text-align: center; }
#contactbox2:hover { background-color: #000; font-size: 20px; padding: 15px; margin-bottom: 10px; }
#contactnumber { color: #FFF; font-size: 36px; font-weight: 700; line-height: 36px; }
#contactnumber:before { content: "\f0ea"; font-family: 'FontAwesome'; vertical-align: middle; color: #FFF; padding-right: 5px; }

.red {
	position: relative;
	float: left;
	cursor: pointer;
}

.red:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: none;
	-moz-transition: background .3s linear;
	-webkit-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;
}

.red:hover:before {
	background: rgba(153,12,16, 0.8);	
}

.red2 {
	position: relative;
	float: left;
	cursor: pointer;
	margin-bottom:20px;
	clear:both;
}

.red2:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: none;
	-moz-transition: background .3s linear;
	-webkit-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;
}

.red2:hover:before {
	background: rgba(153,12,16, 0.8);	
}

#redbutton {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding:10px;
  border: none;
  display:inline-block;
  text-align:center;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color:#FFF;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #990c10;
}
#redbutton p {-webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;}

/*------------------------------------*\
    MAP
\*------------------------------------*/
.feature.map { height: 300px; }
iframe { height: 100%; width: 100%; border: 0; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden;  /* Fix for transition flickering */ }
/*------------------------------------*\
    NEWS
\*------------------------------------*/
#date { font-size: 18px; font-family: "Open Sans"; color: #be1238; font-weight: bold; }
#news { border-top: 40px solid #0152a7; border-left: 0px solid transparent; border-right: 20px solid transparent; height: 1; width: 40%; }
#newst { font-size: 30px; font-family: "Open Sans"; color: #FFF; font-weight: bold; text-transform: uppercase; margin-top: -40px; padding-left: 15px }
#newsbg { padding-left: 15px; padding-top: 15px; }
#newstitle { font-size: 18px; font-family: "Open Sans"; color: #0152a7; text-transform: uppercase; }
.more { border: solid 1px #FFF; padding: 5px 10px; text-decoration: none; margin: 5px 0; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; background-color: #990c10; display: inline-block; transition: all 0.5s ease; font-size: 22px; font-weight: 300; color: #FFF; }
.more:hover { background-color: #FFF; color: #990c10; }
#viewall a { float: right; margin-top: -8px; background-color: #000; color: #FFFFFF; text-decoration: none; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; display: inline-block; transition: all 0.5s ease; padding: 5px 10px; margin-top: 5px; }
#viewall a:hover { background-color: #CCCCCC; }
#contactbox { background-color: #fff200; font-size: 20px; padding: 15px; margin-bottom: 10px; }
#contactnumber { color: #000000; font-size: 36px; font-weight: 700; line-height: 36px; }
#contactnumber:before { content: "\f424"; font-family: 'FontAwesome'; vertical-align: middle; color: #000; }

.calendaricon { float: left; margin-top: 5px; margin-left: 0em; margin-right: 10px; height: 50px; padding-top: 0px; width: 65px; text-align: center; border-right-width: 2px; border-right-style: solid; border-right-color: #990c10; }
.calendaricon .month {text-transform: uppercase;
      font-family: arial;
      color: #990c10;
	  text-align:center;
      margin-top: -8px;
      margin-left: 0em;
	  padding-right:10px;}
.calendaricon .day {font-family: arial;
      font-family: arial;
      font-size: 30px;
      font-weight: bold;
      color: #990c10;
      padding-left: 0px;
      padding-bottom: -2em;
	  padding-right:10px;}
	  
.year { color:#990c10; margin-top:-2px;}


/*------------------------------------*\
    PAGES
\*------------------------------------*/
.shadow { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border: 5px solid #FFF; }
#box { width: 22%; float: left; background-color: #FFF; margin: 2% 1.5%; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border: 1px #FFF solid; padding: 10px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
#box i { display: block; }
#box p { font-size: 14px; }
#box li { list-style:none;}
#box li:before {content: "\f0da";
font-family: 'FontAwesome';
vertical-align: middle;
color: #fe673c;
padding-right: 5px;}
#box:hover { background: #f5f5f5; margin: 1% 1.5%; border: 1px #FFF solid; }
#box li a:hover { color:#f5f5f5;}
#boxes a { color: #fe673c !important; font-size: 14px; text-align:center; }
#boxes a:hover {
color: #cccccc !important;
font-size: 14px;
}
.outline { color: #fe673c; text-decoration: none; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; display: inline-block; transition: all 0.5s ease; padding: 10px 30px; margin-bottom: 10px; text-transform: uppercase; border: 2px #fe673c solid; font-weight:800; width:100%; }
.outline:hover { background-color: #fe673c; color: #FFFFFF; }
#boxtext { font-size: 20px; line-height: 20px; padding: 10px 0; text-align: center; color: #FFF; background-color: #272e38; font-weight: 300; clear: both; }
#boximg { float: right; margin-top: -85px; position: relative; z-index: 999; }

#action { border: 3px solid #fff; border-radius: 7px; box-shadow: 0 0 10px #eee; background: #f2f2f2; background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 100%); background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%); text-align: center; padding: 20px 0px; margin-bottom: 20px; width: 90%; }
#action .tag { line-height: 24px; font-size: 24px; color: #202020; font-weight: bold; font-family: "Open Sans"; text-transform: uppercase; }
#action .number { font-size: 36px; line-height: 36px; font-weight: 700; font-family: "Open Sans"; color: #910f0d; }
#action .email { color: #DDD; text-decoration: none; text-transform: uppercase; font-size: 30px; }
.emailicon:before { content: "\f410"; color: #777; font-family: 'FontAwesome'; display: inline-block; font-size: 26px; vertical-align: middle; }
#action a { color: #777; text-decoration: none; font-size:18px; }
.accordion-group { margin-bottom: 2px; margin-right: 10px; border: 0px solid #e5e5e5 !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #639e4e; color: #FFFFFF; font-size: 14px; }
.accordion-inner { padding: 0 20px 20px 20px; }
.accordion-heading .accordion-toggle { display: block !important; padding: 12px 15px; color: #FFFFFF; font-size: 24px; }
.collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; }
.collapse.in { height: auto; }
.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }
.col2 { -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ column-count: 2; list-style-type:circle; }
.col3 { -moz-column-count: 3; /* Firefox */ -webkit-column-count: 3; /* Safari and Chrome */ column-count: 3; }

#teamname { color:#000; font-size:24px; }
#teamtitle { color:#910f0d; letter-spacing:1px; font-size:16px; text-transform:uppercase;}
#teamtitle:before {content: "\f0da";
font-family: 'FontAwesome';
color:  #910f0d;
vertical-align: middle; padding-right:5px; }

/*=================*\
Quotes
\*=================*/
#bluequote { background-color: #858586; }
#triangle-up { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #858586; margin: 0px auto 0 auto; }
blockquote { font-size: 22px; line-height: 48px; color: #000; height: auto; display: block; -webkit-margin-before: 0em!important; -webkit-margin-after: 0em!important; -webkit-margin-start: 0px!important; -webkit-margin-end: 0px!important; margin: 0px 0 0 10% !important; }
.author { color:#990c10;}
.credit { color: #FFF; display: block; font-size: 18px; text-align: center; }
.testimonials-widget-testimonial { text-align: center; padding-top: 20px; padding-bottom: 15px; position: relative; }
.testimonials-widget-testimonial cite, .testimonials-widget-testimonial div.credit { display: block; margin-top: .2em; margin-bottom: .2em; text-align: center; }
#ruler { position: absolute; left: 48%; background-image: url(/images/ruler.jpg); background-repeat: repeat-y; height: 75%; width: 60px; }
.postleft { margin-bottom: 80px; text-align: right; width: 45%; clear: both; }
.postleft p { font-size: 24px; line-height: 36px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
.ptitle { font-size: 60px; line-height: 60px; vertical-align: middle; }
.postright { margin-bottom: 80px; text-align: left; width: 45%; float: right; clear: both; }
.postright p { font-size: 24px; line-height: 36px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
span.icon { vertical-align: middle; font-size: 100px; color: #639e4e; margin: 5px 0px; }
/* Required */

.hidden { opacity: 0; }
.visible { opacity: 1; }
/*------------------------------------*\
    HOME PAGE
\*------------------------------------*/
#ourservices { text-align:center; font-size:48px; color:#FFF; padding:40px 0; text-transform:uppercase;}
#clients { text-align:center;}
#clients h4 {  font-size: 48px;
  font-family: "Open Sans";
  color: rgb(0, 0, 0);
  text-transform: uppercase;
}


#blogtitle { color:#910f0d; letter-spacing:1px; font-size:20px; text-transform:uppercase;}
#blogtitle a{ color:#910f0d;}
#blogtitle a:hover{ color:#999;}
#blogtitle:before {content: "\f0da";
font-family: 'FontAwesome';
color:  #910f0d;
vertical-align: middle; padding-right:5px; }
#blogtitlepage { margin-top:10px; margin-bottom: 20px;}
.blogtitle { line-height:20px;}
.blogtitle a{color:#910f0d;}
.readmore {background-color:#910f0d; padding:2px; color:#FFF; font-size:10px;}
.readmore a { color:#FFF; font-size:10px;}

.nowrap { overflow: hidden;}
/*------------------------------------*\
    SHORTCODES
\*------------------------------------*/
.one_half, .one_third, .two_third { float: left; margin-bottom: 10px; margin-top: 10px; margin-right: 4%; position: relative; }
.one_half { width: 48%; }
.one_third { width: 30.6%; }
.two_third { width: 65.33%; }
.last { margin-right: 0px!important; }
#left_half { float:left; width:50%;}
#right_half { float:left; width:50%;}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/




/*------------------------------------*\
    SOCIAL
\*------------------------------------*/
#social { float: right;  }
#social a { color: #FFF; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; padding: 0px 10px; display: inline-block; vertical-align: middle; text-decoration: none; font-size: 24px; position: relative; background-color:#990c10; }
#social i {}
#social a:hover { color: #272e38; background-color: #FFF; }
#triangle-bottomright {
	width: 0;
	height: 0;
	border-bottom: 100px solid #990c10;
	border-left: 100px solid transparent;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media (max-width: 321px) {
#box { width: 100%; margin: 0%; }
#content { width: 100%; }
.sidebar { width: 100%; }
#fbox { display: none; }
}

@media (max-width: 500px) {
.logo { float: none; padding: 5px 0px; position:relative; width:100%; margin:0 auto; text-align:center; }
#number {float: none; font-size: 21px; line-height: 21px; color: #FFF; text-align: center; text-transform: uppercase; font-weight: 300; padding: 5px 0px;}
#did { font-family: 'Open Sans Condensed'; font-weight: 300 !important; font-size: 60px; line-height: 60px; text-transform: uppercase; color: #666666; padding-top: 20px; }
#americans { font-family: 'Open Sans Condensed'; font-weight: 300 !important; font-size: 24px; text-transform: uppercase; color: #666666; }
#box { width: 100%; margin: 1% 0%; }
#box img { width:100%}
.button { width: 100%; }
#content { width: 100%; padding: 0 5px; }
#content img { width: 100%; }
#content p { padding-right: 0px; }
.sidebar { width: 100%; }
#fbox { display: none; }
#fbox2 { float: left; width: 100%; display: block; padding-top: 30px; padding-left:30px; }
blockquote { font-size: 18px; line-height: 22px; color: #FFF; padding-top: -60px!important; height: auto; display: block; -webkit-margin-before: 0em!important; -webkit-margin-after: 0em!important; -webkit-margin-start: 0px!important; -webkit-margin-end: 0px!important; margin: 0px 10% 0 10% !important; }
.nav { float: none; padding-left: 0px; display:block; clear:both; }
.wrapper { width: 100%; margin: 0 auto; position: relative; padding: 0 5px; }
.one_half, .one_third, .two_third { float: left; margin-bottom: 5px; margin-top: 5px; margin-right: 0%; position: relative; }
.one_half { width: 100%; }
.one_third { width: 100%; }
.two_third { width: 100%; }
#graybg .one_half img { float: none; display:block; text-align:center; margin:0 auto; padding-right: 0px; }
blockquote:before { content: '\201C'; font-size: 100px; font-family: Times New Roman; position: absolute; left: 0px; top: 40px; color: #9a9a9a; }
blockquote:after { content: '\201D'; font-size: 100px; padding-left: 20px; font-family: Times New Roman; color: #9a9a9a; position: absolute; bottom: 0px; right: 0px; }
}

@media (max-width:768px) {
#box { width: 100%; }
#content { width: 100%; }
.sidebar { width: 100%; }
}

@media (max-width:1025px) {
}

@media (max-width:1140px) {
}

@media (max-width:1280px) {
}
/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection { background: #990c10; color: #FFF; text-shadow: none; }
::-webkit-selection {
background:#990c10;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#990c10;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #FFF; border: 1px solid #F0F0F0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption .wp-caption-text, .gallery-caption { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.sticky { }
.bypostauthor { }

/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
* { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
