@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/lato/v6/nQhiC-wSiJx0pvEuJl8d8A.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/lato/v6/nQhiC-wSiJx0pvEuJl8d8A.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/lato/v6/sBtfDPlEIwvKKU53nAG7AQ.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/lato/v6/sBtfDPlEIwvKKU53nAG7AQ.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
* {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	max-height:99999999px;
}
body {
	-webkit-text-size-adjust: 100%;
    color: #483949;
	font-family: 'Work Sans',sans-serif;
	font-size: 15px;
}
#bg {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#f1f2f2;
	z-index:-1;	
}
a {
	text-decoration: none;
	color: #5a80ee;
	outline: none;
	font-weight: 500;
}
input { 
	-webkit-appearance:none 
}
em strong {
	color:#a71928;
	font-style:normal;
}
h2 {
	font-size: 18px;
	margin-bottom:15px;
}
h1, h3 {
  font-size: 44px;
  margin-bottom: 15px;
  font-weight: 400;
}
.whitetext h1, .whitetext h3, .whitetext h4, .whitetext a {
	color:#fff;
}
.whitetext strong {
	font-weight:bold;
}
h4 {
	font-size: 26px;
	margin-bottom: 5px;
	font-weight:400;
}
h1 strong, h2 strong, h3 strong, h4 strong {
	
}
p {
	margin-bottom:25px;	
	line-height:140%;
}
#testimonial p, #testimonial a {

}
ul {
	list-style-position: inside;	
}
img {
	max-width:100%;
	height:auto;
	border:none;
	display:block;
	margin: 0 auto;	
}
.cimg {
	max-width: 35%;
	float: right;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	border: none;
}
#brands img {
	width:100%;	
}
#wrapper {	
	width: 100%;
}
.row {
	width: 100%;
	clear: both;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	position:relative;
}
.arrow {
	padding-top:62px;	
}
.no-para {
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:right top;
	background-attachment: scroll;
}
.row-inner {
	width: 100%;
	clear: both;
	margin: auto;
	position: relative;
	max-width: 980px;
}
#footer {
    background-color: #5a80ee;
}
#topnav ul {
	margin-top:5px;
	display:inline-block;
	list-style-type: none;
}
#topnav ul li {
	float: left;
}
#topnav ul li a {
	font-size: 14px;
}
#sliderow {
	background-image: url(../images/mainbg.png);
	background-repeat: repeat-x;
	min-height:11px;
}
h4.line {
	font-size: 18px;
	display: block;
	width: 100%;
	text-align: center;
	background-image: url(../images/bluepx.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
h4.line span  {
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	width:auto;
	background-color: #FFF;
}
.center {
	text-align: center;
}
#lower-footer {
	padding:10px;	
}
#footer p {
	margin-bottom:0;
}
#footer a {
	font-weight:normal;
}
#footer ul {
	list-style-type: none;
}
#footer ul li {
	margin-bottom:2px;
}
#products a {
	display:block;
	padding:3% 1%;
}
#products a div {
	display:block;
	width:100%;
	padding-bottom:75%;
	background-repeat:no-repeat;
	background-position: center center;	
	background-size:contain;
	border: 1px solid #E8E8E8;	
}
#product-range h4 a {
	display:inline;
	color: #EC3C00;
}
#product-range h4 em {
	font-style: normal;	
}
#product-range a {
	display:block;
	background-size:cover;
	color:#fff;
}
#product-range a div {
	width:100%;
	padding-bottom:50%;
	max-height:235px;
	background-repeat:repeat;
	background-image: url(../images/opa30.png);
	position:relative;	
}
#product-range a div p {
	display:none;	
}
#product-range a div.detail {
	width:100%;
	position:absolute;
	bottom:20px;
	text-align:center;
	padding-left:10%;
	padding-right:10%;
	padding-bottom:0;
	background-image:none;
}
.clear {
	clear:both;
}
#content img {
	float:right;
	clear:right;
	margin-left:20px;
	margin-bottom:15px;
	max-width:49%;
	overflow:hidden;	
}
.product p, .scroll p {
	margin-top: 5px;
	margin-bottom: 0px;
	font-size:13px;
}
.product p strong, .scroll p strong {
	font-size:15px;
}
.product p.price, .scroll p.price {
	color:#9F0000;
}
.product p.price.large, .scroll p.price.large {
	font-size:18px;
}
.map-outer {
	width:100%;
	padding-top:18%;
}
.img-outer {
	background-size:cover;
	width:100%;
	padding-top:18%;
}
.map-container {
	width:100%;
	position:relative;
}
.map-inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}
.map-inner img { 
    max-width: none !important; 
    height: auto !important; 
    background: none !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
#form * {
	-webkit-appearance:none;
}
#form label {
	width: 30%;
	display: block;
	float: left;
	min-height:5px;
	font-size:16px;
	margin-right:5%;
	margin-bottom:4px;
}
#form input, #form select {
	width: 65%;
	margin-bottom:10px;
	padding:16px;
	background-color: #FFF;
	border:none;	
	color:#3c3c3b;
	float:left;
}
#form .comment-form input, #form .comment-form textarea {
	width: 100%;
}
#form textarea {
	width: 65%;
	margin-bottom:5px;
	padding:16px;
	background-color: #FFF;
	border:none;	
	color:#3c3c3b;
	float:left;
}
.smaller {
	width: 27%!important;
}
#selector select {
	margin-bottom:5px;
	padding:5px;
	border: solid 1px #999999;
}
#form input[type=radio] {
	width:8%;
	float:left;
	margin-top:4px;
}
#form input[type=checkbox] {
	width:8%;
	margin-top:4px;
	clear:both;
	float:left;
	background-color:transparent;
}
.checkbox label {
	width:90%!important;
	margin-left:8%!important;
	font-size:13px;
	margin-top:-19px;
	float:none;
}
.radio label {
	font-size:13px;
	margin-top:4px;
	margin-bottom:5px;
}
.formspacer {
	clear:both;
	height:10px;
}
.gallery {
	padding-right:3%;
	padding-left:3%;
	margin:auto;
	clear:both;
}
.gallery.larger {
	padding-right:3%;
	padding-left:3%;
	margin:auto;
	clear:both;
	max-width:100%;
	padding-bottom:25px;
	margin-top:-10px;
}
.gall a {
	display:block;
	width:70%;
	margin:auto;
	position:relative;
	margin-bottom:5%;
	background-size:100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	line-height:100%;
}
/*
.icon {
	width:50%;
	padding-top:75%;
	background-repeat:no-repeat;
	background-size:100% auto;
	margin:auto;
	background-position:center 40%;	
}
*/
.icon {
width: 100%;
padding-top: 120%;
background-repeat: no-repeat;
background-size: 50% auto;
margin: auto;
background-position: center top;
margin-bottom: -50%;
position: relative;
z-index: 9;
}
.profile .icon {
	width:75%;
	padding-top:100%;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
}
.gall a:hover {
}
.larger .gall a {
	width:82%;
	background-size:cover;
	padding-top:50%;
}
.gall a span.table-cell {
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
	top:0;
	left:0;
	font-size:20px;
	background-color:#fff;
	color:#000;
	opacity:0;
	padding:5%;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.jdpicker_w .date_selector {
top:1px!important;
left:45%!important;
}
.content {
position:absolute;
z-index:-1;
width:100%;
padding-bottom:0;
}
.content.visible {
z-index:1;
}
.content-outer {
position:relative;
}
.col100.center img, .map-container img {
	float:none;
	max-width:100%;
}
#grabs img {
	width:100%;
	margin-bottom:3%;
}
.col100 ul {
	margin-bottom:15px;	
}
#ctas a {
	background-image: url(../images/tel1.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	color: #3c3c3b;
	padding-left: 23px;
}
.email {
	background-image: url(../images/email.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
/* Filter */
dl {
	color: #777;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
dt, dd {
	float: left;
}
dt { margin-right: 5px; }
.filter li { float: left; }
.filter a {
	color: #939393;
	text-decoration: none;
	display: block;
	margin-right: 20px;
	font-size: 18px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	text-transform:uppercase;
	font-weight:400;
}
.filter .current a {
	font-weight: 600;
	color: #fff;

}

/* Portfolio Items */
.portfolio li {
	margin-right: 1%;
	margin-left:1%;
	margin-bottom: 2.5%;
	display:inline-block;
	max-width:22%;
	min-width:195px;
}

.portfo {
	width: 205px;
	height: 178px;
	padding-top:115px;
	max-width:100%;
	overflow:hidden;
	text-align:left;
	background-repeat: no-repeat;
}


/* Custom Classes
------------------------------------------------------------ */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

ul.portfolio.group {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	display:inline-block;
	height:100%!important;
	width:100%;
}
.portfo p {
	background-image: url(../images/portfobg.png);
	text-decoration: none;
	font-size: 13px;
	line-height: 13px;
	padding-top: 9px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 5px;
	height: 63px;
	font-weight:300;
	text-transform:uppercase;
}
.portfo p span {
	line-height:115%!important;
}
.portfo p strong {
	font-weight:600;
	text-transform:none;
	line-height:15px;
}
.portfolio.group .item a {
	color: #000;
	text-decoration: none;
}
.portfolio.group .item a:hover {
	color: #6FA23C;
}
.filter {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.group {
	margin-top: 25px;
}
#problem {
	background-color:#F3F3F3;
	padding-bottom:1000px;
	margin-bottom:-990px
}
#process {
	background-color:#E4E4E4;
	padding-bottom:1000px;
	margin-bottom:-990px	
}
#delivered {
	background-color:#D6D6D6;
	padding-bottom:1000px;
	margin-bottom:-990px
}
#radio {
	margin-left:-20px;
	margin-right:-20px;	
}
#footerareas {
	text-align:left;	
}
#footerareas a {
	font-weight:300;	
}
.content-inner ul {
	margin-bottom:25px;
	list-style-position: outside;
	list-style-type: disc;
	padding-left:20px;
}
.content-inner ol {
	margin-top:10px;
	margin-bottom:25px;
	list-style-position: outside;
	padding-left:20px;
}
.content-inner ul li {

}
::-webkit-input-placeholder {
   color: #3c3c3b;
   font-family:Arial, Helvetica, sans-serif;  
}

:-moz-placeholder { /* Firefox 18- */
   color: #3c3c3b;
   font-family:Arial, Helvetica, sans-serif;    
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #3c3c3b;
   font-family:Arial, Helvetica, sans-serif;    
}

:-ms-input-placeholder {  
   color: #3c3c3b;
   font-family:Arial, Helvetica, sans-serif;  
}
.col50.left {
	padding-right: 2.5%!important;
}
.col50.right {
	padding-left: 2.5%!important;
}
#cta {
	background-color:#b6c3cf;
	background-image: url(../images/ctabg.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top:15px;
	padding-bottom:1px;
}
#testimonial {
	background-color:#b6c3cf;
	background-image: url(../images/ctabg.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#header {
	position:fixed;
	height:50px;
	z-index:998;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #313131;	
}
.offer-boxes {
	width:285px;
	float:right;
	margin-left:40px;
	padding-top:5px;	
}
.offer {
	display:block;
	margin-bottom:30px;	
	border:none;
}
.offer.last {
	margin-bottom:0;	
}
.offer h3 {
	padding:12px;
	background-color: #1c2f75;
	background-image: url(../images/navbg.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-bottom:0;
	color:#fff;	
	text-align:center;
	display:block;
}
.offer p {
	margin-bottom:0;
	padding:17px 20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #cad3de;
	border-left-color: #cad3de;
	font-size:18px;
	font-weight:normal;
	color: #182b69;
}
.offer span {
	padding:10px 20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top: none;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #cad3de;
	border-left-color: #cad3de;
	border-bottom-color: #cad3de;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-weight:bold;
	display:block;
	color: #182b69;
	background-image: url(../images/ctabg.png);
	background-repeat: repeat-x;
	background-position: center top;
	font-size:17px;
}
.social a:hover {
	color:#0095d7	
}
.image-gallery {
	max-width:960px;
	margin:auto;
}
.img-gall {
	max-width:960px;
	margin:auto;
	position:relative;
	margin-bottom:15px;
}
.img-gall .col100 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	background-image: url(../images/opa50.png);	
	
}
#full-logo img {
	max-width:75%;
}
#services {
	margin:0;
	display:none;
}
#services.homepage {
	display:block;
}
#serv {
	display:table;
	table-layout:fixed;	
	width:100%;
	margin:0;
	padding:0;
}
.service {
	width:auto;
	display:table-cell;
	vertical-align:top;
	text-align:center;
	background-color:#4fa76f;
	height:180px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #83b997;
	font-size:13px;
}
.service a {
	display:block;
height:80%;
}
.service.last {
	border-right: none;
}
.serviceimg {
	width:30%;
	padding-top:30%;
	margin-bottom:25px;
	margin-top:30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	margin-left:auto;
	margin-right:auto;
}
.service span {
	display:block;
	width:90%;
	margin:auto;
	white-space:normal;
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
}		
.servnav {
	cursor:pointer;	
}
.service-img {
	width:100%;
	height:100%;
	background-size:cover	
}
.service ul {
	position:absolute;
	z-index:9;
	list-style-type:none;
	display:none;
	padding:0;
	margin:0;
	margin-left:-1px;
}
.service ul li.selected a {
	color:#4d4d4f;	
}
.service ul li {
	background-color:#72b98c;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9dceaf;
	margin:0!important;
	position:relative;
}
.service ul li a {
	color:#fff;	
	text-transform:uppercase;
	font-weight:normal;
	display:block;
	padding:5% 12% 5% 5%;
	text-align:left;
}
.service ul li.last {
	border-bottom: none;
}
.fade-box {
	display:none;	
}
.fade-text {
	opacity:0;	
	-webkit-transition-duration: 2s;
    transition-duration: 2s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}
.pdf {
	font-weight:normal;
	display:inline-block;
	padding-left:25px;
	background-image: url(../images/download.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size:20px 20px;	
	margin-bottom:5px;
	min-height:20px;	
}
.pdf span {
	color: #4d4d4f;	
}
.office-maps p {
	font-size:12px;
	margin-bottom:5px;	
}
.view-on-map {
	cursor:pointer;
	display:inline-block;
	padding-left:20px;
	background-image: url(/images/mag.png);
	background-repeat: no-repeat;
	background-position: left center;	
	min-height:16px;	
}
.emailadd {
	display:inline-block;
	padding-left:25px;
	background-image: url(/images/mail.png);
	background-repeat: no-repeat;
	background-position: left center;	
	min-height:16px;	
}
#downloads {
	max-width: 1600px;
	margin: auto;
}
.dload {
	display: inline-block;
	padding: 30px 8px 0 8px;
	border-top: 1px solid #ddd;
	max-width:40%;
}
.home {
	position:fixed;
	top:0;
	right:0;
	z-index:999;
}
.servnav {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}
.servnav img {
    width: 50px;
}
#header {
	-webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
    background-color: #313131;
}
#header #nav {
  text-align: center;
  padding-top: 100px; 
  width:16%;
  min-width: 300px;
  max-width:70%;
  position: fixed;
  top: 50px;
  bottom: 0;
  background-color: rgba(255,255,255,0.9);
  display: none;
}
#header #nav ul {

}
#header #nav ul li {
	display: block;
	width: 100%;
	text-align: center;
	padding:20px 0 20px 0;
}
#header #nav ul li:hover {
    background-color: #fff;
}
#header #nav ul li ul {
	position:relative;
	display:none;
	overflow:hidden;
	top:10px;
	left:0px;
	right:0px;
	bottom:0px;
	border:none;
}
#header #nav ul li ul li {
	background-color: #14427E;
	border-bottom:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #949393;
}
#header #nav ul li a {
	font-size:15px;
    color: #252525;
	font-weight:normal;
	text-transform:uppercase;
}
#header #nav ul li span {
	right:20px;
	position:absolute;
	color:#fff;
	font-size:14px;
}
#nav-inner {
	position:absolute;
    bottom: 20px;
	width:100%;	
}
#ct {
  text-align: right;
  padding-right: 70px;
  padding-left: 70px;
  padding-top: 15px;
  color: #fff;
}
#ct a {
    color: #fff;
}
.nav-logo img {
    margin:auto;
    max-width:80%;
}
p.imagetitle {
  font-size: 56px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0;
  display: block;
  margin-left: calc(100% - 400px);
  padding-right: 3%;
  font-weight: 500;
  line-height: 110%;
  padding-bottom: 3%;
  width:400px;
  text-shadow: 1px 1px #281f31;
}
#logos img {
	width:auto;
	display:inline;
	padding:20px;
}
#spacer {
	height:50px;	
}
.float-right {
	float:right!important;	
}
.contactimg {
  /*position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left:auto;
  width: 67%;*/
  background-size: cover;
  background-position: center;
  /*text-align:right;*/
	padding-top: 33%;
}
.contactimg.left {
  left:0;
  right:auto;
}
.contactimg .book {
	margin-top:0;	
}
#links .book {
	margin-top:0;	
}
#links {
  position: absolute;
  z-index: 99;
  text-align: right;
}
#contacts a {
  font-size: 125%;
}
.map-container {
	height:100%;
}
.heading img {
  float: right;
  margin-left: 5%;
  margin-bottom: 5px;
  max-width: 45%;
  margin-top:5px;
}
#links1 {
  position: absolute;
  top: 0;
  right: 0;
}
#links1 .book {
	border-radius: 0;
}
#slides .col100 {
	bottom:0;	
}
#slide-outer h1 {
	position:absolute;
	margin-top:-300px;	
}
.slidesjs-pagination {
  display: none;
}
.slidesjs-container {
	width:100%!important;
	max-width:100%!important;	
}
.slidesjs-container * {
	max-width:100%!important;	
}
@media screen and (min-height:800px) {
#header #nav {
    padding-top: 125px;
}
#nav-inner {
	bottom:100px;
}
}
@media screen and (min-width:1600px) {
.min-height .col100 {
	min-height:600px;	
}
}
@media screen and (min-width:2000px) {
.min-height .col100 {
	min-height:870px;	
}
}
@media screen and (min-width:2200px) {
.min-height .col100 {
	min-height:1030px;	
}
}
@media screen and (min-width:980px) {
#wrapper {

}
.content {
padding-bottom:40px;
}
.menu {
	display:none;
}
.dskhide {
	display:none;
}
.col100 {
	float: none;
	clear:both;
	padding: 40px 5% 40px 5%;
}
.firstrow .row-inner {
	padding-top:160px!important;	
}
.tx2, .tx2 .row-inner {
	padding-top:40px!important;		
}
.tx4, .tx4 .row-inner {
	padding-top:160px!important;		
}
.tx6, .tx6 .row-inner {
	padding-top:240px!important;		
}
.tx8, .tx8 .row-inner {
	padding-top:320px!important;		
}
.tx10, .tx10 .row-inner {
	padding-top:400px!important;		
}
.bx2 {
	padding-bottom:40px!important;		
}
.bx4 {
	padding-bottom:160px!important;		
}
.bx6 {
	padding-bottom:240px!important;		
}
.bx8 {
	padding-bottom:320px!important;		
}
.bx10 {
	padding-bottom:400px!important;		
}
.col70 {
	float: left;
	width: 70%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.col60 {
	float: left;
	width: 60%;
	margin-bottom: 0;
	padding-top: 40px;
	padding-right: 5%;
	padding-bottom: 40px;
	padding-left: 5%;
}
.col50 {
	float: left;
	width: 50%;
	margin-bottom: 0;
	padding-top: 40px;
	padding-right: 5%;
	padding-bottom: 40px;
	padding-left: 5%;
}
.col40 {
	float: left;
	width: 40%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.col33 {
	float: left;
	width: 33.3%;
	padding-top: 0;
    padding-right: 2.5%;
    padding-bottom: 100%;
    padding-left: 2.5%;
	margin-bottom: -100%;
}
.col30 {
	float: left;
	width: 30%;
	margin-bottom: 0;
	padding-top: 40px;
	padding-right: 5%;
	padding-bottom: 40px;
	padding-left: 5%;
}
.col25 {
	float: left;
	width: 25%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
}
#header .col25 {
	padding-left: 0;
	position:absolute;
	padding-top: 0;
	z-index:99;
}
#topnav {
	text-align:right;
}
.map-container {
	height:100%;
}
#form {
}
.application {
	width:100%;
}
label.fullwidth {
	width:100%!important;	
}
#form #rightapp {
	padding-right:0;
}
#form #leftapp {
	padding-right:2.5%;
}
.radio label {
	width:25%!important;
	margin-left:0!important;
}
.home img {
	margin-top:0;
}
.gall:nth-child(4n+5) {
	clear:left;	
}
#slides {

}
#ctas a {
	margin-right: 1%;
}
.email {

}
.main {
	margin-bottom:0;
	height:100%;	
}
#form .col50 {
	padding:5% 3%;	
}
#form .col50 .col100 {
	padding:5%;	
}
#grabs img.narrow {
	width:48%;
}
#grabs img.narrowfirst {
	margin-right:3.5%;
}
#grabs {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	max-width:1000px;	
}
.quote {
	display:block;
	font-size:40px;
	line-height:120%;
	padding-left:55px;
	padding-right:0;
	padding-top:10px;
	min-height:50px;		
}
.quote.qmrk {
	padding-left:80px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;	
}
.quote.small {
	font-size:30px;		
}
.qt {
	position:absolute;
	display:block;
	width:100%;
	right:10px;
	text-align:right;
	margin-top:-35px;	
}
#header #nav ul li span {
	display:none;
}
#footer p img {
	float:left!important;
	margin-right:40px;
	margin-left:0;	
}
.slideimgcontainer {
	height:300px;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;	
}
.slidetable {
	height:425px;
	display:table;	
	margin-top:-15px;
}
.static .slidetable {
	height:365px;
}
.slidetablecell {
	display:table-cell;	
	vertical-align:middle;
}
a#profile { 
  margin-top: -120px;        /* Size of fixed header */
  padding-bottom: 120px; 
  display: block; 
}
#ctas {
	margin-top:-95px;	
}
.content-text {
	width: calc(100% - 325px);
	float:left;	
}
.gall-spacer {
	width:12.5%;
	height:100px;
	float:left;	
}
.gallery.only3 .gall:first-child {
	margin-left:12.5%;	
}
#hometext {
	max-width:800px;
	margin-bottom:165px;
	float:right;	
}
#lower-footer img {
	float:right;
	margin-left:20px;
	margin-bottom:5px;	
}
#footer p {
}
.spacer {
	height:20px;	
}
#footer {

}
.whitebg {
	background-color:#fff;	
}
#services {
	position:relative;
}
#serv {
	position:relative;
}
.service ul {
	width:15%;
	min-width:250px;
}
.service.last ul {
	right:0;
}
.hidehome .service ul {
	top:100%;
}
.homepage .service ul {
	bottom:180px;
}
#left-arrow, #right-arrow {
	display:none;	
}
.left-holder {
	float:right;
	max-width:675px;
	width:100%;	
}
.right-holder {
	max-width:675px;
	width:100%;	
}
.service:hover {
	background-color:#95caa9;
}
.service.subitems:hover {
	background-image: url(/images/servnavhover1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:17% auto;
}
.homepage .service.subitems:hover {
	background-image: url(/images/servnavhover.png);
	background-position: center top;
}
.service:hover ul {
	display:block;
}
.case-study {
	display:table!important;
}
.csimg, .cstext {
	float:none!important;
	display:table-cell!important;
	vertical-align:middle;
	border-top:1px solid #d1d3d4;
}
.csimg.last, .cstext.last {
	border-bottom:1px solid #d1d3d4;
	margin-bottom:30px;
}
.csimg {
	padding-left:0;
}
#cstitle {
	padding-left:0;
}	
.scrolldown {
  position: absolute;
  left: calc(50% - 25px);
  bottom: 0;
  cursor:pointer;
}
.contactimg.wider {
  width: 75%;
}
#links {
  width:75%;
}
}
@media screen and (max-width:979px) {
body {
	font-size: 15px;
}
#bg {
	background-position: center center;	
}
#header a.menu {
display: block;
margin-top: 2px;
text-align: center;
font-size: 15px;
cursor: pointer;
color: #fff;
position: absolute;
top: 13px;
right:10px;
padding-top:2px;
padding-bottom:2px;
}
#header a.menu span {
font-size: 10px;
position:absolute;
top:6px;
margin-left:5px;
}
.col100 {
	float: none;
	clear:both;
	padding: 20px 5% 20px 5%;
}
.firstrow .row-inner {
	padding-top:140px!important;	
}
.tx2, .tx2 .row-inner {
	padding-top:20px!important;	
}
.tx4, .tx4 .row-inner {
	padding-top:80px!important;		
}
.tx6, .tx6 .row-inner {
	padding-top:120px!important;		
}
.tx8, .tx8 .row-inner {
	padding-top:160px!important;		
}
.tx10, .tx10 .row-inner {
	padding-top:200px!important;		
}
.bx2 {
	padding-bottom:20px!important;		
}
.bx4 {
	padding-bottom:80px!important;		
}
.bx6 {
	padding-bottom:120px!important;		
}
.bx8 {
	padding-bottom:160px!important;		
}
.bx10 {
	padding-bottom:200px!important;		
}
.col70 {
	float: none;
	clear:both;
	width: 70%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.col60 {
	float: none;
	clear:both;
	width: 100%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.col50 {
	float: left;
	clear:none;
	width: 50%;
	padding-top: 20px;
	padding-right: 5%;
	padding-bottom: 20px;
	padding-left: 5%;
}
#form .col50 {
	float: ;
	clear:both;
	width: 100%;
	padding-top: 20px;
	padding-right: 5%;
	padding-bottom: 20px;
	padding-left: 5%;
}
.col40 {
	float: none;
	clear:both;
	width: 100%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.col33 {
	float: left;
	clear:none;
	width: 33%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 105%;
	padding-left: 5%;
	margin-bottom:-100%;
}
.pronav .col33 {
	float: left!important;
	width: 33.3%!important;
	clear:none!important;
}
.col33.gall {
	float: left;
	clear:none;
	width: 50%;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.col30 {
	float: none;
	clear:both;
	width: 100%;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.col25 {
	float: left;
	clear:none;
	width: 33%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
}
#header .col25 {
	width: 65%;
	position:absolute;
	z-index:9999;
}
#topnav {
	text-align:center;
}
#footer {
	padding-top: 0;
	padding-bottom: 5px;
	text-align:center;
}
.row.no-para {
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:right top;
}
.gall a {
	font-size:15px;
}
.gall a span {
	display:block;
	margin-top:-8px;
}
h1, h3 {
	font-size: 30px;
}
h2  {
	font-size: 18px;
}
h4 {
	font-size: 20px;

}
#form input[type=radio] {
	width:6.5%;
}
.radio label {
	width:15%!important;
margin-bottom:5px;
}
.jdpicker_w .date_selector {
top:1px!important;
left:45%!important;
}
#form label {
	font-size:15px;	
}
img.revlog {
	max-width:70%;
}
.gall:nth-child(2n+3) {
	clear:left;	
}
#header {
	top: 0;
	height:50px;
}
#ctas {
	position: absolute;
	right:0;
	z-index:99;
	width:50%;
	padding:0 8px 5px 8px;
	top:15px;	
}
#ctas a {
	float:right;	
}
.portfolio li {
	max-width:31%;
}
.gallery.larger {
	padding-right:1%;
	padding-left:1%;
}
#slide-outer {
/*	margin-top:101px;	 */
}
.quote {
	display:block;
	font-size:24px;
	line-height:120%;
	padding-left:20px;
	padding-right:15px;
	padding-top:40px;
	min-height:135px;
	margin-bottom:20px;		
}
.quote.qmrk {
	padding-left:50px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	background-size:30px;	
}
.quote.small {
	font-size:18px;	
}
.qt {
	position:absolute;
	display:block;
	width:100%;
	right:0;
	text-align:right;
	margin-top:-15px;
	width:30px;
	margin-right:10px;	
}
#slides .col50 img {
	max-height:200px;	
}
#footer p img {
	float:left!important;
	margin-left:0;	
}
.slideimgcontainer {
	height:200px;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;	
}
a#profile { 
  margin-top: -102px;        /* Size of fixed header */
  padding-bottom: 102px; 
  display: block; 
}
#slides .overlay {
	display:block;
	background-image:url(/images/opaw40.png);	
}
#slides .overlay.white {
	display:block;
	background-image:url(/images/opa30.png);	
}
.offer-boxes {
	width:100%;
	float:none;
	padding-top:20px;
	margin-left:0;
}
.offer {
	width: calc(50% - 10px);
	margin-bottom:20px;	
	float:left;
}
.offer.odd {
	margin-left:20px;	
}
.gallery.only3 .gall:nth-child(3) {
	margin-left:25%;	
}

#full-logo {
	text-align:center;	
}
#full-logo img {
	max-width:45%;	
}
#hometext {
	clear:both;
	width:100%;	
}
#services {
	width:100%;
	z-index:999;
overflow-x:scroll!important;
	overflow-y:hidden!important;
 -webkit-overflow-scrolling:auto; 
 margin-top:-1px;
}
#services.homepage {
	display:none!important;
}
#serv {
	display:table;
	overflow:scroll;
	white-space:nowrap;
}
.service {
height:160px;	
width:160px;
}
.serviceimg {
width: 25%;
padding-top: 25%;
margin-bottom: 20px;
margin-top: 25px;
}
.service span {
	width:70%;
}
.service ul {
	top:214px;
	left:0;
	right:0;
}
.service ul li {
	min-width:100%;
}
.service ul li a {
	padding:15px;
}
#left-arrow {
	width:10px;
	position:absolute;
	height:180px;
	left:0;
	background-image: url(/images/leftarrow.png);
	background-repeat: no-repeat;
	background-position:left center;
	background-size:cover;	
}
#right-arrow {
	width:10px;
	position:absolute;
	height:180px;	
	right:0;
	background-image: url(/images/rightarrow.png);
	background-repeat: no-repeat;
	background-position:right center;
	background-size:cover;		
}
.map-outer {
	width:100%;
	padding-top:30%;
	min-height:300px;
	margin:2% 0 0 0;
}
.img-outer {
	width:100%;
	padding-top:30%;
	min-height:200px;
	margin:0 0 0 0;
	margin-top:-1px!important;
}
.map-container {
	width:100%;
	padding-top:30%;
}	
.service.hovered {
	background-color:#95caa9;
}
.service.subitems.hovered {
	background-image: url(/images/servnavhover1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:17% auto;
}
body {
    -webkit-animation: mymove 1s infinite; /* Chrome, Safari, Opera */ 
    animation: mymove 1s infinite;
}
.scrolldown {
  position: absolute;
  right: 0;
  bottom: 0;
  cursor:pointer;
}
.service-img {
	padding-top:75%;	
}
p.imagetitle {
  font-size: 48px;
}
#links {
  width:calc(67% + 12px);
}
}
@media screen and (max-width:700px) {
.col33 {
	float: none!important;
	clear:both;
	width: 100%;
	padding: 7% 5%;
	margin-bottom:0;
}
.col25 {
	float: none!important;
	clear:both;
	width: 100%;
	padding: 7% 5%;
	margin-bottom:0;
}
.contactimg {
  position:relative;
  width: 100%!important;
  background-size: cover;
  background-position: center;
  padding-top: 60%;
}
#links {
  width:100%;
}
.midhide {
	display:none!important;
}
.slidesjs-navigation {
  	top:35%!important;
	margin-top:0!important;
}
}
@media screen and (max-width:550px) {
.gall a {
	width:90%;
	font-size:13px;
}
#footer ul {
	padding-left:0;
	text-align:center;
}
#content img {
	float:none;
	margin-left:0;
	margin-bottom:5px;
	max-width:100%;	
}
#product-range .detail p {
	display:none;
}
#form input, #form select, #form textarea, #form label, #selector select, #selector label {
	width: 100%;
	display:block;
	clear:both;
}
#form input[type=radio] {
	width:10%;
}
.radio label {
	width:40%!important;
}
.jdpicker_w .date_selector {
top:22px!important;
left:0!important;
}
.slidesjs-pagination {
	margin-top:-50px!important;
}
#facebook .col50 {
    width: 100% !important;
}
.smaller {
	width: 48%!important;
	float:left;
	margin-right:2%;
	clear:none!important;
}
#rightapp {
	padding-top:10px!important;	
}
.portfolio li {
	min-width:47%!important;
}
.overlay {
	background-size:150% auto!important;	
}
#slides .col50 {
	width:100%;	
}
#slides .overlay {
	background-size:100% auto!important;	
}
#slides .col50.center {
	padding-bottom:0;	
}
#footer p img {
	float:none!important;
	margin:auto!important;
	max-width:100%;
	padding-top:20px;	
}
#footer {
		
}
.col50 {
	float: none;
	clear:both;
	width: 100%;
	padding-top: 20px;
	padding-right: 5%;
	padding-bottom: 20px;
	padding-left: 5%;
}
.col50.left {
	padding-right: 5%!important;
}
.col50.right {
	padding-left: 0!important;
	padding-right: 0!important;
}
.yt {
	margin-bottom:15px;	
}
.col33.profile {
	width: 75%;
	float:none;
	margin:auto;
}
h1, h3 {
	
}
.offer p {
	font-size:15px;
}
.cimg.full {
	max-width:100%;
	float:none;
	margin-left:0;	
}
.icon {
	width:45%;
	padding-top:65%;
	background-size:100% auto;
	margin-bottom:0;
}
#full-logo {
	margin-left:0;
}
#full-logo img {
	max-width:60%;	
}
.service {
	height:100px;
	width:90px;
}
.serviceimg {
	width:25%;
	padding-top:25%;
	margin-bottom:12px;
	margin-top:17px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	margin-left:auto;
	margin-right:auto;
}
.service span {
	font-size:9px;
}
.service ul {
	top:154px;
	left:0;
	right:0;
}
.service ul li {	
	min-width:100%;
}
.service ul li a {
	font-size:11px;
	padding:3%;
}
#left-arrow, #right-arrow {
	height:100px;
}
.map-outer {
	width:100%;
	padding-top:50%;
	margin-top:5%;
}
.map-container {
  padding-top: 60%;
  margin-bottom:10px;
}
#downloads .col33 {
	padding-left:0!important;
	padding-right:0!important;	
}
.csimg {
	margin-bottom:10px;
}
.cstext {
	margin-bottom:25px;
}
#header #nav ul li {
	padding:10px 0 10px 0;
}
#ct {
  text-align: center;
  padding-top: 8px;
}
#ct span {
	display:none;	
}
#ct a {
	display:block;
	width:100%;	
	font-size:12px;
	margin-bottom:3px;
}
.mobhide {
	display:none!important;
}
p.imagetitle {
  font-size: 30px;
  width:90%;
  margin:auto;
}
.map-container {
	margin-top:0;
	min-height:0;
}
#header #nav {
  padding-top: 60px;
  width: 300px;
  max-width: 70%;
  min-width:150px;
}
}
@media screen and (max-width:350px) {
.home {
	
}
.gall a {

}
.offer {
	width: 100%;
}
.offer.odd {
	margin-left:0;	
}
}
@media screen and (max-width:250px) {
.portfolio li {
	min-width:55%!important;
}
}
.no-bottom-padding {
	padding-bottom:0!important;
}
.no-top-padding {
	padding-top:0!important;
}
.no-left-padding {
padding-left:0!important;
}
.no-right-padding {
padding-right:0!important;
}
.no-padding {
padding:0!important;
}
.whitetext, .whitetext p {
	color:#fff!important;
	font-weight:300;	
}
.book, #form input.submit {
	display:inline-block;
	padding:10px 20px 10px 20px;
	color:#fff;
	width:auto;
    background-color: #5a80ee;
    margin-top: 15px;
    margin-bottom: 10px;
    border-radius: 10px;
}
.whitetext .book, .whitetext #form input.submit {
	background-color:#918f90;
}
.book.white {
	background-color:#fff;
	color:#281f31;
}
.yt {
	width:100%;	
}
.col100 .yt {
	margin-left:auto;
	margin-right:auto;	
}
#slides {
	padding-top:0!important;
	padding-bottom:0!important;	
}
#slides a {
	color:#3c3c3b;	
}
#slides .row-inner, #slides .row, #slides .overlay {
	height:100%;
}
.slidesjs-navigation {
  position: absolute;
  display:inline-block;
  width:50px;
  height:50px;
  background-repeat:no-repeat;
  top:50%;
  margin-top: -50px;
  z-index: 99;
}
.slidesjs-previous {
  left:0;
  background-image:url('/images/prev.png');
  text-indent: -500px;
}
.slidesjs-next {
  right:0;
  background-image:url('/images/next.png');
  text-indent: 500px;
}
.slidesjs-pagination {
  position: absolute;
  margin-top: -50px;
  z-index: 12;
  list-style: none;
  width: 100%;
  text-align: center;
}

.slidesjs-pagination li {
    display:inline-block;
    margin: 0 1px;
}

.slidesjs-pagination li a {
	display: block;
	width: 16px;
	height: 16px;
	padding:0;
	float: left;
	overflow: hidden;
	margin: 0 1px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size:0;
	background-color:#808080;	
}

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-color: #281f31; }

.slidesjs-pagination li a:hover {
	background-color: #524064;
}



meta.foundation-data-attribute-namespace { font-family: false; }

.row:after, .row-flip:after { content: ''; display: block; clear: both; }

.col { display: block; width: 100%; }

.row .col { float: left; }

.row-flip .col { float: right; }

.col-1 { width: 8.33333%; }

.col-2 { width: 16.66667%; }

.col-3 { width: 25%; }

.col-4 { width: 33.33333%; }

.col-5 { width: 41.66667%; }

.col-6 { width: 50%; }

.col-7 { width: 58.33333%; }

.col-8 { width: 66.66667%; }

.col-9 { width: 75%; }

.col-10 { width: 83.33333%; }

.col-11 { width: 91.66667%; }

.col-12 { width: 100%; }

.col .p0, .p0 { padding: 0px; }

.col .p1, .p1 { padding: 24px; }

.col .p2, .p2 { padding: 48px; }

.col .p3, .p3 { padding: 72px; }

.col .p4, .p4 { padding: 96px; }

.col .p5, .p5 { padding: 120px; }

.col .p6, .p6 { padding: 144px; }

.col .p7, .p7 { padding: 168px; }

.col .p8, .p8 { padding: 192px; }

.row .col .pl0, .row .pl0 { padding-left: 0px; }

.row-flip .col .pl0, .row-flip .pl0 { padding-right: 0px; }

.row .col .pr0, .row .pr0 { padding-right: 0px; }

.row-flip .col .pr0, .row-flip .pr0 { padding-left: 0px; }

.col .pt0, .pt0 { padding-top: 0px; }

.col .pb0, .pb0 { padding-bottom: 0px; }

.row .col .pl1, .row .pl1 { padding-left: 24px; }

.row-flip .col .pl1, .row-flip .pl1 { padding-right: 24px; }

.row .col .pr1, .row .pr1 { padding-right: 24px; }

.row-flip .col .pr1, .row-flip .pr1 { padding-left: 24px; }

.col .pt1, .pt1 { padding-top: 24px; }

.col .pb1, .pb1 { padding-bottom: 24px; }

.row .col .pl2, .row .pl2 { padding-left: 48px; }

.row-flip .col .pl2, .row-flip .pl2 { padding-right: 48px; }

.row .col .pr2, .row .pr2 { padding-right: 48px; }

.row-flip .col .pr2, .row-flip .pr2 { padding-left: 48px; }

.col .pt2, .pt2 { padding-top: 48px; }

.col .pb2, .pb2 { padding-bottom: 48px; }

.row .col .pl3, .row .pl3 { padding-left: 72px; }

.row-flip .col .pl3, .row-flip .pl3 { padding-right: 72px; }

.row .col .pr3, .row .pr3 { padding-right: 72px; }

.row-flip .col .pr3, .row-flip .pr3 { padding-left: 72px; }

.col .pt3, .pt3 { padding-top: 72px; }

.col .pb3, .pb3 { padding-bottom: 72px; }

.row .col .pl4, .row .pl4 { padding-left: 96px; }

.row-flip .col .pl4, .row-flip .pl4 { padding-right: 96px; }

.row .col .pr4, .row .pr4 { padding-right: 96px; }

.row-flip .col .pr4, .row-flip .pr4 { padding-left: 96px; }

.col .pt4, .pt4 { padding-top: 96px; }

.col .pb4, .pb4 { padding-bottom: 96px; }

.row .col .pl5, .row .pl5 { padding-left: 120px; }

.row-flip .col .pl5, .row-flip .pl5 { padding-right: 120px; }

.row .col .pr5, .row .pr5 { padding-right: 120px; }

.row-flip .col .pr5, .row-flip .pr5 { padding-left: 120px; }

.col .pt5, .pt5 { padding-top: 120px; }

.col .pb5, .pb5 { padding-bottom: 120px; }

.row .col .pl6, .row .pl6 { padding-left: 144px; }

.row-flip .col .pl6, .row-flip .pl6 { padding-right: 144px; }

.row .col .pr6, .row .pr6 { padding-right: 144px; }

.row-flip .col .pr6, .row-flip .pr6 { padding-left: 144px; }

.col .pt6, .pt6 { padding-top: 144px; }

.col .pb6, .pb6 { padding-bottom: 144px; }

.row .col .pl7, .row .pl7 { padding-left: 168px; }

.row-flip .col .pl7, .row-flip .pl7 { padding-right: 168px; }

.row .col .pr7, .row .pr7 { padding-right: 168px; }

.row-flip .col .pr7, .row-flip .pr7 { padding-left: 168px; }

.col .pt7, .pt7 { padding-top: 168px; }

.col .pb7, .pb7 { padding-bottom: 168px; }

.row .col .pl8, .row .pl8 { padding-left: 192px; }

.row-flip .col .pl8, .row-flip .pl8 { padding-right: 192px; }

.row .col .pr8, .row .pr8 { padding-right: 192px; }

.row-flip .col .pr8, .row-flip .pr8 { padding-left: 192px; }

.col .pt8, .pt8 { padding-top: 192px; }

.col .pb8, .pb8 { padding-bottom: 192px; }

@media (min-width: 700px) { .col-md-1 { width: 8.33333%; }
  .col-md-2 { width: 16.66667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333%; }
  .col-md-5 { width: 41.66667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333%; }
  .col-md-8 { width: 66.66667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333%; }
  .col-md-11 { width: 91.66667%; }
  .col-md-12 { width: 100%; } }

@media (min-width: 700px) { .col .md-p0, .md-p0 { padding: 0px; }
  .col .md-p1, .md-p1 { padding: 24px; }
  .col .md-p2, .md-p2 { padding: 48px; }
  .col .md-p3, .md-p3 { padding: 72px; }
  .col .md-p4, .md-p4 { padding: 96px; }
  .col .md-p5, .md-p5 { padding: 120px; }
  .col .md-p6, .md-p6 { padding: 144px; }
  .col .md-p7, .md-p7 { padding: 168px; }
  .col .md-p8, .md-p8 { padding: 192px; }
  .row .col .md-pl0, .row .md-pl0 { padding-left: 0px; }
  .row-flip .col .md-pl0, .row-flip .md-pl0 { padding-right: 0px; }
  .row .col .md-pr0, .row .md-pr0 { padding-right: 0px; }
  .row-flip .col .md-pr0, .row-flip .md-pr0 { padding-left: 0px; }
  .col .md-pt0, .md-pt0 { padding-top: 0px; }
  .col .md-pb0, .md-pb0 { padding-bottom: 0px; }
  .row .col .md-pl1, .row .md-pl1 { padding-left: 24px; }
  .row-flip .col .md-pl1, .row-flip .md-pl1 { padding-right: 24px; }
  .row .col .md-pr1, .row .md-pr1 { padding-right: 24px; }
  .row-flip .col .md-pr1, .row-flip .md-pr1 { padding-left: 24px; }
  .col .md-pt1, .md-pt1 { padding-top: 24px; }
  .col .md-pb1, .md-pb1 { padding-bottom: 24px; }
  .row .col .md-pl2, .row .md-pl2 { padding-left: 48px; }
  .row-flip .col .md-pl2, .row-flip .md-pl2 { padding-right: 48px; }
  .row .col .md-pr2, .row .md-pr2 { padding-right: 48px; }
  .row-flip .col .md-pr2, .row-flip .md-pr2 { padding-left: 48px; }
  .col .md-pt2, .md-pt2 { padding-top: 48px; }
  .col .md-pb2, .md-pb2 { padding-bottom: 48px; }
  .row .col .md-pl3, .row .md-pl3 { padding-left: 72px; }
  .row-flip .col .md-pl3, .row-flip .md-pl3 { padding-right: 72px; }
  .row .col .md-pr3, .row .md-pr3 { padding-right: 72px; }
  .row-flip .col .md-pr3, .row-flip .md-pr3 { padding-left: 72px; }
  .col .md-pt3, .md-pt3 { padding-top: 72px; }
  .col .md-pb3, .md-pb3 { padding-bottom: 72px; }
  .row .col .md-pl4, .row .md-pl4 { padding-left: 96px; }
  .row-flip .col .md-pl4, .row-flip .md-pl4 { padding-right: 96px; }
  .row .col .md-pr4, .row .md-pr4 { padding-right: 96px; }
  .row-flip .col .md-pr4, .row-flip .md-pr4 { padding-left: 96px; }
  .col .md-pt4, .md-pt4 { padding-top: 96px; }
  .col .md-pb4, .md-pb4 { padding-bottom: 96px; }
  .row .col .md-pl5, .row .md-pl5 { padding-left: 120px; }
  .row-flip .col .md-pl5, .row-flip .md-pl5 { padding-right: 120px; }
  .row .col .md-pr5, .row .md-pr5 { padding-right: 120px; }
  .row-flip .col .md-pr5, .row-flip .md-pr5 { padding-left: 120px; }
  .col .md-pt5, .md-pt5 { padding-top: 120px; }
  .col .md-pb5, .md-pb5 { padding-bottom: 120px; }
  .row .col .md-pl6, .row .md-pl6 { padding-left: 144px; }
  .row-flip .col .md-pl6, .row-flip .md-pl6 { padding-right: 144px; }
  .row .col .md-pr6, .row .md-pr6 { padding-right: 144px; }
  .row-flip .col .md-pr6, .row-flip .md-pr6 { padding-left: 144px; }
  .col .md-pt6, .md-pt6 { padding-top: 144px; }
  .col .md-pb6, .md-pb6 { padding-bottom: 144px; }
  .row .col .md-pl7, .row .md-pl7 { padding-left: 168px; }
  .row-flip .col .md-pl7, .row-flip .md-pl7 { padding-right: 168px; }
  .row .col .md-pr7, .row .md-pr7 { padding-right: 168px; }
  .row-flip .col .md-pr7, .row-flip .md-pr7 { padding-left: 168px; }
  .col .md-pt7, .md-pt7 { padding-top: 168px; }
  .col .md-pb7, .md-pb7 { padding-bottom: 168px; }
  .row .col .md-pl8, .row .md-pl8 { padding-left: 192px; }
  .row-flip .col .md-pl8, .row-flip .md-pl8 { padding-right: 192px; }
  .row .col .md-pr8, .row .md-pr8 { padding-right: 192px; }
  .row-flip .col .md-pr8, .row-flip .md-pr8 { padding-left: 192px; }
  .col .md-pt8, .md-pt8 { padding-top: 192px; }
  .col .md-pb8, .md-pb8 { padding-bottom: 192px; } }

@media (min-width: 980px) { .col-lg-1 { width: 8.33333%; }
  .col-lg-2 { width: 16.66667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.33333%; }
  .col-lg-5 { width: 41.66667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.33333%; }
  .col-lg-8 { width: 66.66667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.33333%; }
  .col-lg-11 { width: 91.66667%; }
  .col-lg-12 { width: 100%; } }

@media (min-width: 980px) { .col .lg-p0, .lg-p0 { padding: 0px; }
  .col .lg-p1, .lg-p1 { padding: 24px; }
  .col .lg-p2, .lg-p2 { padding: 48px; }
  .col .lg-p3, .lg-p3 { padding: 72px; }
  .col .lg-p4, .lg-p4 { padding: 96px; }
  .col .lg-p5, .lg-p5 { padding: 120px; }
  .col .lg-p6, .lg-p6 { padding: 144px; }
  .col .lg-p7, .lg-p7 { padding: 168px; }
  .col .lg-p8, .lg-p8 { padding: 192px; }
  .row .col .lg-pl0, .row .lg-pl0 { padding-left: 0px; }
  .row-flip .col .lg-pl0, .row-flip .lg-pl0 { padding-right: 0px; }
  .row .col .lg-pr0, .row .lg-pr0 { padding-right: 0px; }
  .row-flip .col .lg-pr0, .row-flip .lg-pr0 { padding-left: 0px; }
  .col .lg-pt0, .lg-pt0 { padding-top: 0px; }
  .col .lg-pb0, .lg-pb0 { padding-bottom: 0px; }
  .row .col .lg-pl1, .row .lg-pl1 { padding-left: 24px; }
  .row-flip .col .lg-pl1, .row-flip .lg-pl1 { padding-right: 24px; }
  .row .col .lg-pr1, .row .lg-pr1 { padding-right: 24px; }
  .row-flip .col .lg-pr1, .row-flip .lg-pr1 { padding-left: 24px; }
  .col .lg-pt1, .lg-pt1 { padding-top: 24px; }
  .col .lg-pb1, .lg-pb1 { padding-bottom: 24px; }
  .row .col .lg-pl2, .row .lg-pl2 { padding-left: 48px; }
  .row-flip .col .lg-pl2, .row-flip .lg-pl2 { padding-right: 48px; }
  .row .col .lg-pr2, .row .lg-pr2 { padding-right: 48px; }
  .row-flip .col .lg-pr2, .row-flip .lg-pr2 { padding-left: 48px; }
  .col .lg-pt2, .lg-pt2 { padding-top: 48px; }
  .col .lg-pb2, .lg-pb2 { padding-bottom: 48px; }
  .row .col .lg-pl3, .row .lg-pl3 { padding-left: 72px; }
  .row-flip .col .lg-pl3, .row-flip .lg-pl3 { padding-right: 72px; }
  .row .col .lg-pr3, .row .lg-pr3 { padding-right: 72px; }
  .row-flip .col .lg-pr3, .row-flip .lg-pr3 { padding-left: 72px; }
  .col .lg-pt3, .lg-pt3 { padding-top: 72px; }
  .col .lg-pb3, .lg-pb3 { padding-bottom: 72px; }
  .row .col .lg-pl4, .row .lg-pl4 { padding-left: 96px; }
  .row-flip .col .lg-pl4, .row-flip .lg-pl4 { padding-right: 96px; }
  .row .col .lg-pr4, .row .lg-pr4 { padding-right: 96px; }
  .row-flip .col .lg-pr4, .row-flip .lg-pr4 { padding-left: 96px; }
  .col .lg-pt4, .lg-pt4 { padding-top: 96px; }
  .col .lg-pb4, .lg-pb4 { padding-bottom: 96px; }
  .row .col .lg-pl5, .row .lg-pl5 { padding-left: 120px; }
  .row-flip .col .lg-pl5, .row-flip .lg-pl5 { padding-right: 120px; }
  .row .col .lg-pr5, .row .lg-pr5 { padding-right: 120px; }
  .row-flip .col .lg-pr5, .row-flip .lg-pr5 { padding-left: 120px; }
  .col .lg-pt5, .lg-pt5 { padding-top: 120px; }
  .col .lg-pb5, .lg-pb5 { padding-bottom: 120px; }
  .row .col .lg-pl6, .row .lg-pl6 { padding-left: 144px; }
  .row-flip .col .lg-pl6, .row-flip .lg-pl6 { padding-right: 144px; }
  .row .col .lg-pr6, .row .lg-pr6 { padding-right: 144px; }
  .row-flip .col .lg-pr6, .row-flip .lg-pr6 { padding-left: 144px; }
  .col .lg-pt6, .lg-pt6 { padding-top: 144px; }
  .col .lg-pb6, .lg-pb6 { padding-bottom: 144px; }
  .row .col .lg-pl7, .row .lg-pl7 { padding-left: 168px; }
  .row-flip .col .lg-pl7, .row-flip .lg-pl7 { padding-right: 168px; }
  .row .col .lg-pr7, .row .lg-pr7 { padding-right: 168px; }
  .row-flip .col .lg-pr7, .row-flip .lg-pr7 { padding-left: 168px; }
  .col .lg-pt7, .lg-pt7 { padding-top: 168px; }
  .col .lg-pb7, .lg-pb7 { padding-bottom: 168px; }
  .row .col .lg-pl8, .row .lg-pl8 { padding-left: 192px; }
  .row-flip .col .lg-pl8, .row-flip .lg-pl8 { padding-right: 192px; }
  .row .col .lg-pr8, .row .lg-pr8 { padding-right: 192px; }
  .row-flip .col .lg-pr8, .row-flip .lg-pr8 { padding-left: 192px; }
  .col .lg-pt8, .lg-pt8 { padding-top: 192px; }
  .col .lg-pb8, .lg-pb8 { padding-bottom: 192px; } }

@media (min-width: 1400px) { .col-xl-1 { width: 8.33333%; }
  .col-xl-2 { width: 16.66667%; }
  .col-xl-3 { width: 25%; }
  .col-xl-4 { width: 33.33333%; }
  .col-xl-5 { width: 41.66667%; }
  .col-xl-6 { width: 50%; }
  .col-xl-7 { width: 58.33333%; }
  .col-xl-8 { width: 66.66667%; }
  .col-xl-9 { width: 75%; }
  .col-xl-10 { width: 83.33333%; }
  .col-xl-11 { width: 91.66667%; }
  .col-xl-12 { width: 100%; } }

@media (min-width: 1400px) { .col .xl-p0, .xl-p0 { padding: 0px; }
  .col .xl-p1, .xl-p1 { padding: 24px; }
  .col .xl-p2, .xl-p2 { padding: 48px; }
  .col .xl-p3, .xl-p3 { padding: 72px; }
  .col .xl-p4, .xl-p4 { padding: 96px; }
  .col .xl-p5, .xl-p5 { padding: 120px; }
  .col .xl-p6, .xl-p6 { padding: 144px; }
  .col .xl-p7, .xl-p7 { padding: 168px; }
  .col .xl-p8, .xl-p8 { padding: 192px; }
  .row .col .xl-pl0, .row .xl-pl0 { padding-left: 0px; }
  .row-flip .col .xl-pl0, .row-flip .xl-pl0 { padding-right: 0px; }
  .row .col .xl-pr0, .row .xl-pr0 { padding-right: 0px; }
  .row-flip .col .xl-pr0, .row-flip .xl-pr0 { padding-left: 0px; }
  .col .xl-pt0, .xl-pt0 { padding-top: 0px; }
  .col .xl-pb0, .xl-pb0 { padding-bottom: 0px; }
  .row .col .xl-pl1, .row .xl-pl1 { padding-left: 24px; }
  .row-flip .col .xl-pl1, .row-flip .xl-pl1 { padding-right: 24px; }
  .row .col .xl-pr1, .row .xl-pr1 { padding-right: 24px; }
  .row-flip .col .xl-pr1, .row-flip .xl-pr1 { padding-left: 24px; }
  .col .xl-pt1, .xl-pt1 { padding-top: 24px; }
  .col .xl-pb1, .xl-pb1 { padding-bottom: 24px; }
  .row .col .xl-pl2, .row .xl-pl2 { padding-left: 48px; }
  .row-flip .col .xl-pl2, .row-flip .xl-pl2 { padding-right: 48px; }
  .row .col .xl-pr2, .row .xl-pr2 { padding-right: 48px; }
  .row-flip .col .xl-pr2, .row-flip .xl-pr2 { padding-left: 48px; }
  .col .xl-pt2, .xl-pt2 { padding-top: 48px; }
  .col .xl-pb2, .xl-pb2 { padding-bottom: 48px; }
  .row .col .xl-pl3, .row .xl-pl3 { padding-left: 72px; }
  .row-flip .col .xl-pl3, .row-flip .xl-pl3 { padding-right: 72px; }
  .row .col .xl-pr3, .row .xl-pr3 { padding-right: 72px; }
  .row-flip .col .xl-pr3, .row-flip .xl-pr3 { padding-left: 72px; }
  .col .xl-pt3, .xl-pt3 { padding-top: 72px; }
  .col .xl-pb3, .xl-pb3 { padding-bottom: 72px; }
  .row .col .xl-pl4, .row .xl-pl4 { padding-left: 96px; }
  .row-flip .col .xl-pl4, .row-flip .xl-pl4 { padding-right: 96px; }
  .row .col .xl-pr4, .row .xl-pr4 { padding-right: 96px; }
  .row-flip .col .xl-pr4, .row-flip .xl-pr4 { padding-left: 96px; }
  .col .xl-pt4, .xl-pt4 { padding-top: 96px; }
  .col .xl-pb4, .xl-pb4 { padding-bottom: 96px; }
  .row .col .xl-pl5, .row .xl-pl5 { padding-left: 120px; }
  .row-flip .col .xl-pl5, .row-flip .xl-pl5 { padding-right: 120px; }
  .row .col .xl-pr5, .row .xl-pr5 { padding-right: 120px; }
  .row-flip .col .xl-pr5, .row-flip .xl-pr5 { padding-left: 120px; }
  .col .xl-pt5, .xl-pt5 { padding-top: 120px; }
  .col .xl-pb5, .xl-pb5 { padding-bottom: 120px; }
  .row .col .xl-pl6, .row .xl-pl6 { padding-left: 144px; }
  .row-flip .col .xl-pl6, .row-flip .xl-pl6 { padding-right: 144px; }
  .row .col .xl-pr6, .row .xl-pr6 { padding-right: 144px; }
  .row-flip .col .xl-pr6, .row-flip .xl-pr6 { padding-left: 144px; }
  .col .xl-pt6, .xl-pt6 { padding-top: 144px; }
  .col .xl-pb6, .xl-pb6 { padding-bottom: 144px; }
  .row .col .xl-pl7, .row .xl-pl7 { padding-left: 168px; }
  .row-flip .col .xl-pl7, .row-flip .xl-pl7 { padding-right: 168px; }
  .row .col .xl-pr7, .row .xl-pr7 { padding-right: 168px; }
  .row-flip .col .xl-pr7, .row-flip .xl-pr7 { padding-left: 168px; }
  .col .xl-pt7, .xl-pt7 { padding-top: 168px; }
  .col .xl-pb7, .xl-pb7 { padding-bottom: 168px; }
  .row .col .xl-pl8, .row .xl-pl8 { padding-left: 192px; }
  .row-flip .col .xl-pl8, .row-flip .xl-pl8 { padding-right: 192px; }
  .row .col .xl-pr8, .row .xl-pr8 { padding-right: 192px; }
  .row-flip .col .xl-pr8, .row-flip .xl-pr8 { padding-left: 192px; }
  .col .xl-pt8, .xl-pt8 { padding-top: 192px; }
  .col .xl-pb8, .xl-pb8 { padding-bottom: 192px; } }





.background-grey {
    background-color: #999;
    color: #FFF;
}


.home-text-content {
    padding: 60px;
    margin: 0 auto;
    text-align: center;
}


.home-text-content.first {
	font-size: 12px;
}
@media (min-width: 1200px) {
	.home-text-content.first {
		font-size: 22px;
	}
}

@media (max-width: 550px) {
	.home-text-content h1 {
		font-size: 16px;
	}
	.home-text-content {
		padding: 30px;
	}
}

.home-text-content h1 strong {
    color: #5a80ee;
    font-weight: normal;
}

.get-in-touch {
    background-color: #5a80ee;
    top: -15px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-left: 20px;
	float: right;
}

.infoboxes {
	overflow:hidden;
    background-color: #ebebeb;
    padding: 30px 0;
}

.infoboxes .swiper-slide {
    text-align: center;
	width: 280px;
	background-color: #fff;
    height: auto;
}

.infoboxes .swiper-slide h3 {
    font-size: 18px;
	transition: 0.5s all;
}

.infoboxes .swiper-slide:hover h3 {
	color: #5a80ee;
}

.infoboxes a.slide-link {
	color: inherit
}

.infoboxes .slide-text {
	padding: 30px 20px 10px;
    font-size: 14px;
}



.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url('/images/slider-prev.png');
	left: 0px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url('/images/slider-next.png');
	right: 0px;
}
.swiper-button-next, .swiper-button-prev {
    width: 71px;
    height: 145px;
    margin-top: -72px;
    -moz-background-size: 71px 145px;
    -webkit-background-size: 71px 145px;
    background-size: 71px 145px;
}

#footer h4 {
    font-size: 18px;
}

.footer-social-icons {
    padding: 40px 0 40px;
}

ul.social-icons {
    margin-bottom: 0;
}

li.social-icon {
    display: inline-block;
    margin: 0 8px;
}

li.social-icon > a {
    background: white;
    color: #5A80EE;
    border-radius: 20px;
    display: inline-block;
    line-height: 32px;
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.three-columns-outer {
    background-color: #eeeeee;
}
.three-columns {
	overflow: hidden;
}
.three-columns-top-image {
    padding: 80px;
}
.three-columns-bottom-image {
	padding-bottom: 50px;
}

a.column-link {
    color: inherit;
}

.column-text {
    padding: 20px 10px;
    text-align: center;
}

.column-text h4 {
    font-size: 16px;
	transition: 0.5s all;
}

.column-text p {
    font-size: 13px;
}

.col33:hover .column-text h4 {
    color: #5A80EE;
}

.col33 .column-image, .infoboxes .slide-image {
	position: relative;
}

.col33 .column-image:after, .infoboxes .slide-image:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
    opacity: 0.5;
}

.col33:hover .column-image:after, .infoboxes .slide-link:hover .slide-image:after {
	background-color: #5A80EE;
	transition: 0.5s all;
}

.seperator {
    display: inline-block;
    width: 40px;
}

@media (min-width: 780px) and (max-width: 900px) {
	.get-in-touch {
		margin-right: -70px;
	}
}
@media (max-width: 779px) {
	#ct a.get-in-touch {
		display: none;
	}
}
@media (max-width: 700px) {
	#ct .label, #ct .mobhide {
		display: none;
	}
}
@media (min-width: 551px) and (max-width: 700px) {
	.link-telephone {
		margin-right: 20px;
	}
}

.form-field:after {
    content: '';
    display: block;
    clear: both;
}

th.rotate {
    white-space: nowrap;
    height: 65px;
    padding-top: 190px;
    text-align: left;
}

th.rotate span {
    width: 50px;
    transform: rotate(-45deg) translateY(12px) translateX(12px);
    transform-origin: left bottom;
    display: block;
}

th {
    padding-bottom: 10px;
    vertical-align: bottom;
}

.text-content img {
	float: left;
}

.downloads li:after {
    content: '';
    display: block;
    clear: both;
}

.downloads li {
    list-style: none;
}

.scrollable {
    max-width: 100%;
    overflow: auto;
}

.pricelist {
	font-size: 12px;
}

.header {
	text-align: center;
}

.applications, .variations {
    padding-bottom: 1em;
}

.main-image .infoboxes {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}
.main-image .infoboxes .slide-text {
    position: absolute;
    bottom: 0;
    color: white;
    width: 100%;
}
.main-image .infoboxes .slide-text p {
    display: none;
}
.main-image .infoboxes .swiper-slide:hover h3 {
    color: #fff;
}

/*@media (min-width: 1500px) {*/
	.main-home-text-content-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		padding-top: 50px;
	}
	.main-home-text-content-wrapper .home-text-content {
		color: #FFF;
		text-shadow: 2px 2px 4px black;
	}
/*}*/