/*

	Theme Name: Oswald Base theme
	Author: Oswald
	Website: http://oswaldhosting.com
	Version: 2.0
	Description: 
	
*/

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
	margin:0;
	width:100%;
	font-family: 'Open Sans', sans-serif;
}

div.head {
	min-height:90px;
	width:100%;
	background:#403F3F url(images/lowpolhead.jpg);
}

div.headnav {
	float:right;
	text-transform:uppercase;
	margin-top:19px;
	font-size:15px;
}

div.headnav li a {
	color:#FFF;
	text-decoration:none;
}

div.headnav li a:hover {
	text-decoration:underline;
}

div.headnav li.current-menu-item > a:first-child {
	color:#d72e27;
}

div.headnav li {
	display: inline;
list-style-type: none;
padding-right: 20px;
}

img.headlogo {
	  padding: 20px;
}

div.content {
	max-width:950px;
	margin:0 auto 0 auto;
    padding: 40px;
}

div.content h2 {
	color:#d72e27;
	/* text-transform:uppercase; */
}

 div.title h1 {
	width:950px;
    text-transform: uppercase;
        padding: 20px;
    font-size: 2em;
	margin:0 auto;
	
    color: #fff;
}

div.title {
	background: url(images/lowpol.jpg);
	
} 


a[href="/products-services/"] {
	pointer-events: none;
	cursor: default;
	text-decoration:none;
}


div.foot {
	width:100%;
	min-height:250px;
	background: #1B1B1B;
	padding:1px;
	color:#fff;
}

.headnav ul ul {
height:auto;
left:-999em;
line-height:20px;
margin:0;
padding:0;
position:absolute;
font-size:.8em;
z-index:3;
}

.headnav ul ul li {

 display:block;
}

.headnav li li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#403F3F none repeat scroll 0 0;
}

.headnav li li a { 
padding: 5px;
    display: block;
}

.headnav ul li:hover ul {
 left:auto;
     margin-left: 65px;
    padding-top: 10px;
}


nav.breadcrumbs h2 {
	display:none !important;
}

nav.breadcrumbs {
width: 950px;
    text-transform:uppercase;
    margin: -20px auto 0 auto;
	font-size:0.8em;
	padding-bottom:20px;
	
	color:#fff !important;
	font-style:italic;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	opacity: .5;
}

nav.breadcrumbs:hover {
	opacity:1;

}

nav.breadcrumbs a {
	color:#fff;
}

nav.breadcrumbs a:hover {
	font-weight:bold;
}



/*  SECTIONS  */

.tri img {
	background:url(images/white.png) center no-repeat;
	background-size:contain;
	width: 50%;
    height: auto;
    padding: 10%;
}

.tri {
		background:url(images/lowpol.jpg);
	width:100%;
	color:#fff;
}

.tri h1 {
	    text-transform: uppercase;
    font-size: 2em;
	margin:0;
}

.tri h2 {
	    text-transform: uppercase;
    font-size: .9em;
    margin: -8px 0 0 0;
}


.tri a {
	color:#d72e27;
	background: url(images/ared.png) 93% center no-repeat #fff;
  
    padding: 5px 40px 5px 13px;
	border-radius: 10px;
    text-decoration: none;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.tri a:hover {
	
	  color: #fff;
    background: url(images/awhite.png) 93% center no-repeat ;
	border:1px solid #fff;

}

.section {
	clear: both;
	padding: 0px;
	margin: 0 auto;
	max-width:1200px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 3%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65.66%; }
.span_1_of_3 { width: 31.33%; }


/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 48.5%;
}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 1000px) {
	.span_2_of_2, .span_3_of_3, .span_2_of_3, .span_1_of_3, .span_1_of_2 {
		width: 90%; 
		margin-left:5% !important;
	}
}


/*******/


.sliderholder .metaslider .nivo-slice, .sliderholder .metaslider .nivo-main-image, .sliderholder .metaslider .ms-image {
height: 550px !important;
overflow:hidden;

}

.metaslider {
	margin-left:-1px !important;
}

.sliderholder .metaslider img.slider-30 {
min-height:550px;
min-width:1200px;
position:relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.metaslider .caption-wrap {

  position: absolute !important;

  bottom: 35px !important;
  left: auto !important;
  opacity: 1 !important;
  background: #0F0 !important;
}

.metaslider .caption-wrap .caption {
  position: absolute !important;
  width:100% !important;
  padding: 20px !important;
  color: #fff !important;
  bottom: 35px !important;
  left: auto !important;
  opacity: 1 !important;
  background:url(images/trans.png) !important;
  height:220px
}

.metaslider .caption-wrap .caption .slidecont {
	    max-width: 1050px;
    margin: 0 auto;
}



.metaslider .caption-wrap .caption img {
	    float: right;
    position: relative;
    left: 0;
    top: -100px;
    clear: both;
}

.metaslider .caption-wrap .caption .text h1 {
	    text-transform: uppercase;
    font-size: 2em;
    line-height: .9em;
    margin: 0;
	
}

.metaslider .caption-wrap .caption .text h2 {
	color:#d72e27;
    font-size: 1.2em;
    margin: 2px 0 5px 0;
}

.metaslider .caption-wrap .caption .text p {
	line-height:18px;
}

.metaslider .caption-wrap a {
	color: #fff;
    border-radius: 10px;
    background: url(images/awhite.png) 93% center no-repeat #d72e27;
    padding: 5px 40px 5px 13px;
    text-decoration: none;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
	float:right;
}

.metaslider .caption-wrap a:hover {
		color:#d72e27;
	background: url(images/ared.png) 93% center no-repeat #fff;

}

.content a[title="button"] {
	
    color: #fff;
    border-radius: 10px;
    background: url(images/awhite.png) 93% center no-repeat #d72e27;
    padding: 5px 40px 5px 13px;
    text-decoration: none;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.content a[title="button"]:hover {
	
	color:#d72e27;
	background: url(images/ared.png) 93% center no-repeat #fff;
	border:1px solid #d72e27;

}

.content a[title="external"] {
	
    color: #fff;
    border-radius: 10px;
    background: url(images/ex-white.png) 93% center no-repeat #d72e27;
    padding: 5px 40px 5px 13px;
    text-decoration: none;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.content a[title="external"]:hover {
	
	color:#d72e27;
	background: url(images/ex-red.png) 93% center no-repeat #fff;
	border:1px solid #d72e27;

}

.content a[title="button"][target="_blank"] {
	
    color: #fff;
    border-radius: 10px;
    background: url(images/ex-white.png) 93% center no-repeat #d72e27;
    padding: 5px 40px 5px 13px;
    text-decoration: none;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.content a[title="button"][target="_blank"]:hover {
	
	color:#d72e27;
	background: url(images/ex-red.png) 93% center no-repeat #fff;
	border:1px solid #d72e27;

}

.content a {
	
	color:#d72e27;
	font-weight:bold;
	
}

.content a[href$=".pdf"] {
	
    background: url(images/file-red.png) left center no-repeat;
    padding: 0 0 0 20px;
    color: #d72e27;
    background-size: 18px;

}

.content a[title="button"][href$=".pdf"] {
	
    color: #fff;
    border-radius: 10px;
    background: url(images/file-white.png) 93% center no-repeat #d72e27;
    padding: 5px 40px 5px 13px;
    text-decoration: none;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.content a[title="button"][href$=".pdf"]:hover {
	
	color:#d72e27;
	background: url(images/file-red.png) 93% center no-repeat #fff;
	border:1px solid #d72e27;

}

.flex-control-nav {
	bottom:10px !important;
	z-index:5;
}

div.headertext {
	width: 558px !important;
  position: relative !important;
  float: left !important;
  bottom: -400px !important;
  right: 50px !important;
  padding: 20px !important;
  color:#fff !important;
}

div.headertext h1, .metaslider .caption-wrap h1 {
	margin-top:0;
}



.alignleft,
.alignright {
	float: left;
	display: inline;	
	}

	.alignright {
		float: right;
	}
	
	.alignleft {
		clear:both;
		padding: 10px 10px 20px 0;
	}
	
div.bx-wrapper {
    padding: 15px 0 25px;
	background:#ccc;
	background-position:top center;
	    margin-bottom: 0px;
}

.bx-viewport {
	clear: both;
    margin: 15px auto;
	width:90% !important;
	padding:20px;
    max-width: 1200px;
	background:#fff;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.bx-wrapper ul li {
	margin-right:20px !important;
}

.bx-controls {
	position: relative;
    bottom: 15px;}
	
.tslider blockquote footer, .tslider blockquote footer a {
	color:#d72e27 !important;
}

.tslider .cbp-qtcontent img {
	border-radius: 0 !important;
	float: right !important;
    margin-left: 1em !important;
	margin-right: 0 !important;
}

.tslider blockquote p {
	color:#000 !important;
}

.footerlogos img {
	width:49%;
	height:auto;
}

div.menu-footer-menu-container {

	text-transform:uppercase;

	font-size:15px;
}

div.menu-footer-menu-container ul {
	margin-top:5;
	margin-left:0;
	padding-left:10px;
}

div.menu-footer-menu-container li a {
	color:#FFF;
	text-decoration:none;
	font-weight:100 !important;
}

div.menu-footer-menu-container li a:hover {
	text-decoration:underline;
}

div.menu-footer-menu-container li.current-menu-item > a:first-child {
	color:#d72e27;
}

div.menu-footer-menu-container li {

list-style-type: none;
    display: inline-block;
    border-right: 1px solid #484848;
    padding: 0 9px 0 3px;
}


@media only screen and (max-width: 1100px) {
	.metaslider .caption-wrap .caption img {
		display:none;
	}
	.metaslider .caption-wrap .caption .text {
		width:90%;
		margin: 0 5% 0 3%;
	}
	
	.metaslider .caption-wrap .caption {
		height:auto;
	}
}


@media only screen and (max-width: 700px) {
	img.headlogo {
		width:70%;
	
    margin: 0 10px 10px 0;
	}
}

@media only screen and (max-width: 950px) {
	div.title h1 {
		width:auto;
		margin:0 0 20px 10px;
		padding:10px;
	}
	
	div.content {
		width:auto;
		margin:10px;
	}
	
 .breadcrumbs .trail-items, .breadcrumbs .trail-items li {
		display:block !important;
		margin-left:10px !important;
	}
	
}