@CHARSET "UTF-8";

a.bt-inv{ font-size: 1.3em; padding: 13px 20px;}
a.bt,input.bt{ font-size: 1.3em;padding: 13px 20px;}

img.full, img.center, img[align="center"], img[align="middle"], img[align="justify"], figure.left, img.left, img[align="left"], figure.right, img.right, img[align="right"] {
display: block;
margin: 0 auto;
max-width: 100%;}

figure.left, img.left, img[align="left"] { float: left;margin: 0 42px 34px 0;}
figure.right, img.right, img[align="right"] {float: right;margin: 0 0 34px 42px;}

.container {padding: 1.3em 2em;}
body.home .row{margin:0;}
.row{margin:1.5em 0;}

.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    float:left;
    padding:2px;}

.col-12 {width: 100%;}
.col-11 { width: 91.6667%;}
.col-10 {width: 83.3333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.6667%;}
.col-7 {width: 58.3333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.6667%;}
.col-4 {width: 33.3333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.6667%;}
.col-1 {width: 8.33333%;}

/*Heading font sizes*/
h1, h3 {margin-bottom: .2em;}
p {font-size: 1.1em;}
h1 { font-size: 3.3em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.6em;}
p {font-size: 1.1em;}
.lead {font-size: 1.5em; line-height: 1.2; font-weight: 300;  margin-bottom: 0.5em;}

 h1.text-heading, 
.text-box h1 {font-size: 1.9em;text-transform: none;}

.text-box h2,
.text-box2 h2,
.text-box3 h2{margin-bottom: 0.7em;text-align: left;font-size: 1.9em;}

.text-box .lead,
.text-box2 .lead,
.text-box3 .lead{font-size: 1.5em; margin-bottom: 0.3em;text-align: left;}

.heading-full{background-color: #f32836;color:#fff;width: 100%;}
.heading-full .container {padding: 0 3em;}
.heading-full .row {margin: 0 -1.3em;}
.heading-full h2 {margin-bottom: 0;font-size: 1.9em;}

/*text boxes*/
.text-box{padding:15px;color:#fff;   margin: 0;}
.text-box2{padding: 0 15px 17px;;margin: 0;}
.text-box3{padding:15px;margin:0;}

.text-box2 p, .text-box p,.text-box3 p{text-align: left;}
.text-box2 img, .text-box img{margin-bottom: 0;}
.text-heading{ margin-left:-15px;margin-right: -15px;padding: 0.2em 0.5em;color:#fff;text-align: left;}
.text-heading2{ margin-left:-15px;margin-right: -15px;padding: 15px 45px 15px 15px;color:#fff;text-align: left;}
 
/*format text boxes home*/
body.home > section .main .row:nth-of-type(1) .col-3 img{max-height: 185px;}
body.home > section .main .row:nth-of-type(2) .col-3 img{height: 193px;}
body.home > section .main .row .col-3:nth-of-type(1) .text-box {padding: 15px 15px 1px;}

body.home > section .main .row:nth-of-type(2) .col-3 .text-box,
body.home > section .main .row:nth-of-type(2) .col-6 .text-box3{min-height: 193px;}

body.home > section .main .row:nth-of-type(2) .col-3 .text-box p{margin-bottom:0;}

body.home > section .main .row:nth-of-type(1) .col-6 .text-box2 {height: 182px;}
body.home > section .main .row .col-9:nth-of-type(1) p {padding: 0 12%;}
body.home > section .main .row:nth-of-type(3) .col-3  p {padding: 0}
body.home > section .main .row:nth-of-type(3) .col-3  p.lead {padding: 0;}
body.home > section .main .row:nth-of-type(1) .col-3 a.bt{ margin-top: 38px;}
body.home > section .main .row:nth-of-type(2) .col-6 h2, body.home > section .main .row:nth-of-type(2) .col-6 p{text-align: right;}

.heading-full{background-color: #f32836;color:#fff;width: 100%;}
.heading-full .container {padding: 0 5.5em;}
.heading-full .row {margin: 0 -1.3em;}
.heading-full h2 {margin-bottom: 0;}

/*header*/
body > header .slogan{color:#fff;text-align:center;font-size: 2.3em;margin-top: 13px;display: block;position: relative;width: auto;height: auto;letter-spacing: 1px;}

/*slide home*/
body.home section header .slide {padding:0 1em; margin: 0 auto;max-width: 1200px;position: relative;}
body.home section header .slide .container{padding: 1.3em 3em;}
body.home section .slide .col-7{float:right;}
body.home section .slide .col-5{padding:3em 3em 0 0;}
body.home section header .slide button{display: inline-block;position: absolute;top:50%;left:inherit;overflow:inherit;padding: inherit;}
body.home section .video-box{margin-top: 0;}

.slick-prev, .slick-next {background:url(../img/icons1.svg) no-repeat scroll center 200px transparent;border: 0 none;height: 41px;width: 23px;cursor:pointer;}
.slick-prev {background-position:center -417px;left: 2%;}
.slick-next { background-position:center -478px;right: 2%;}

/*Nav*/
body > header nav ul li a{width: 90%;}
body > header .p-menu nav ul li.open ul{display:inline-block;width: 100%;}
body > header .p-menu nav ul li ul li a{width: 100%; }    
body > header .p-menu nav ul li ul li a:hover, body > header .p-menu nav ul li ul li.selected a {
background: #00b4dc; /* Old browsers */
background: -moz-linear-gradient(left,  #00b4dc 0%, #0078d0 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00b4dc), color-stop(100%,#0078d0)); 
background: -webkit-linear-gradient(left,  #00b4dc 0%,#0078d0 100%); 
background: -o-linear-gradient(left,  #00b4dc 0%,#0078d0 100%); 
background: -ms-linear-gradient(left,  #00b4dc 0%,#0078d0 100%); 
background: linear-gradient(to right,  #00b4dc 0%,#0078d0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4dc', endColorstr='#0078d0',GradientType=1 );}
body > header .p-menu nav ul li ul a{font-size: 1em;text-transform: none;padding:0.5em 1.3em;}
body > header .p-menu nav ul li a span{ background: transparent url("../img/link-icons.svg") no-repeat scroll center -53px;height: 19px;position: absolute;right: 7px;
text-indent:-100000em; top: 15px; width: 19px;background-size:20px 122px;}
body > header .p-menu nav ul li.open a span{ background: transparent url("../img/link-icons.svg") no-repeat scroll center -79px;height: 19px;position: absolute;right: 7px;text-indent:-100000em; 
top: 15px; width: 19px;background-size:20px 122px;}
body > header .p-menu nav ul li a .hide{clip: auto;display: inherit;height: 7px;margin: 0;overflow: inherit;padding: inherit;position: absolute;width: auto;}

/*Contact menu*/
body > header .contact-links2{ border-top: 1px solid #fff;margin-top: 1em; padding-top: 1em; text-align: center;}

/*dynamic text*/
body > section .dynamictext.open h2 {color: #212721;padding:0;margin:0 auto;position: relative;width: 100%;}

/*list links*/
body > section .list-links a span:nth-of-type(1){margin: 25px 0 0 20px; }

/*Gallery*/
body > section .gallery .bt{float: right;}

body > section .gallery-header div:nth-child(2){margin-bottom: 4px;}
body > section .gallery-header div:nth-child(3){margin-bottom: 2px;}
body > section .gallery-header div:nth-child(2) p{padding-left: 10px;}
body > section .gallery-header .video-box2 h2 {height: 47px;}
body > section .gallery-header .video-box2 h2 span:nth-of-type(1) {display: block;max-height: 50px;width: 87%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
body > section .gallery .col-9,body > section .gallery a.bt {margin-bottom: 0; }

/*Video detail*/
body > section .video-detail {position: relative; padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;background: #000;margin: 0 10px 1.5em 0;}

/*Awards*/
body section .awards .col-6{clear: none;display: inline-block;position: relative;text-align: center;}
body section .awards .col-6 div{min-height: 130px;}
body section .awards .col-6:nth-of-type(2) div {padding-top: 16px;}
body section .awards img{margin-right: 15px;width: 161px;display: inline-block;vertical-align: middle;}
body section .awards .col-6:nth-of-type(1) img {width: 132px;}
body section .awards h2{font-size: 1.9em;display: inline-block;vertical-align: middle;}
body section .awards p{ clear: both;margin: 2em auto; width: 52%;display: block;position: relative;height: auto;}
body section .awards a.bt{display: block;max-width: 240px;}

/*form*/ 
body > section form > fieldset{margin-bottom:30px;}
body > section form input[type=text],
body > section form input[type=email],
body > section form select,
body > section form input[type=date] {border: 1px solid #2b7de1; height: 50px;width: 48%;min-width: 160px;margin: 20px 4% 0 0;
padding: 10px;vertical-align: top;font: inherit;resize: none;float:left;}
body > section form .block{margin-top:0.5em;}
body > section form input[type=date]{ margin: 20px 0 0 4%;width: 48%;}
body > section form textarea,body > section form label{ width: 100%;}
body > section form input:nth-child(odd) {margin-right:0;}
body > section form input.bt {max-width: 230px;}

/*Contact map*/
body > section .map-box{position: relative;width: 95%;margin:0 0 3em 0;float: right;}
body > section #map_canvas2{height: 607px;}
body > section .map-info div span {display: block;margin-bottom: 2px;}
body > section .map-info div a { width: 100%;}
body.contact section .col-3 h2{font-size: 2.3em;width: 80%;}
body.contact section .col-3 p{width: 76%;}

/*locate page*/
body > section .store-list ul{height: 769px;}
body > section .store-list{display: block;}
body.locate-products section .form-box h2{padding-left: 1%;}
body.locate-products section .form-box form input[type=text] { -moz-appearance: none;border: 1px solid #2b7de1;text-align: left;font-size: 1.2em;width: 100%;margin-bottom: 1.5em;margin-right:0; float: none;padding-left: 20px;}
body.locate-products section .form-box form .bt {width: 80%;margin: 0 auto;}
body.locate-products section form {float: right;margin-bottom: 2em;width: 99%;}
body.locate-products > section .map-box {width: 99%;}

/*Dropdown menu*/
body > section .sort-box-menu {display: none;}

/*Footer*/
footer {min-height: 341px;padding: 2.5em 5% 0;}
footer .social {margin: 1em auto 3em;}
footer .newsletter{max-width:100%;width:100%;margin:0 auto;padding:10px 20px 1.8em;}

footer .newsletter h2{display: inline-block;margin:0 20px 0 0;text-align: left;font-size: 2.5em;vertical-align: middle;}
footer .newsletter a{display: inline-block;vertical-align: middle;}

footer .legal .container{padding: 0.9em 1.3em 0;}
footer .legal a {float:right; padding: 0 5%;}
footer .legal a:last-child {float:left;}

/*Project Gallery*/
body > section .portfolio-gallery .col-4{width:50%;}

body > section .portfolio-gallery .portfolio-img{height: 200px;}
body > section .portfolio-gallery .portfolio-img img{width: 100%}