header, footer, article, section, hgroup, nav, figure, aside, main {display: block;}
input [type="email"], input [type="tel"], input[type="search"], input[type="text"], input[type="password"], input[type="file"], input[type="submit"], textarea{-webkit-appearance:none;}
figure {
margin:0;
padding:0;
}
@font-face{
font-family:'proxima_novalight';
src:url('../fonts/proximanova-light-webfont.eot');
src:url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/proximanova-light-webfont.woff') format('woff'),
url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
url('../fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot?-9b7p7u');
src:url('../fonts/icomoon.eot?#iefix-9b7p7u') format('embedded-opentype'),
url('../fonts/icomoon.woff?-9b7p7u') format('woff'),
url('../fonts/icomoon.ttf?-9b7p7u') format('truetype'),
url('../fonts/icomoon.svg?-9b7p7u#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color:#ccc;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-envelope:before {content: "\e600";}
.icon-user:before {content: "\e601";}
.icon-phone:before {content: "\e602";}
*{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
max-height: 10000px;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust: none;
}
body {
margin:0;
color:#333;
font:14px/38px 'Open Sans', Arial, Helvetica, sans-serif;
background:#f5f5f5;
min-width:320px;
}
img {border-style:none;}
a {
text-decoration:none;
color:#000;
outline:none;
}
a:hover {text-decoration:underline;}
input,
textarea,
select {
font:100% 'Open Sans', Arial, Helvetica, sans-serif;
vertical-align:middle;
color:#000;
}
form, fieldset {
margin:0;
padding:0;
border-style:none;
}
button::-moz-focus-inner{
padding:0;
border:0;
}
p{margin:0 0 11px;}
/* clearfix */
.blockquote-holder ul:after,
.column:after,
#main:after,
#header:after,
.w1:after{
content:"";
display:block;
clear:both;
}
#wrapper{
width:100%;
position:relative;
overflow:hidden;
padding:34px 0;
}
.w1{
max-width:950px;
margin:0 auto;
position:relative;
background:#fff;
}
.w1:before,
.w1:after {
content:"";
position:absolute;
z-index:-2;
}
.w1:before {
top:0;
bottom:0;
left:0;
right:0;
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-border-radius:10px / 100px;
border-radius:10px / 100px;
}
#header{
width:100%;
padding:13px 28px 9px 24px;
position:relative;
background: url(../images/bg-header.jpg) no-repeat 50% 0;
}
#header .phone{
float:right;
text-align:center;
padding:3px 0 0 0;
color:#eee;
font:italic 14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
}
#header .phone a{color:#eee;}
#header .tel{
display:block;
text-align:center;
font:bold 30px/36px 'Open Sans', Arial, Helvetica, sans-serif;
text-shadow:0 1px 1px rgba(0,0,0,.26);
}
.logo{
float:left;
width:281px;
height:55px;
background:url(../images/logo.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
}
.banner{
width:100%;
position:relative;
overflow:hidden;
}
.banner img{
width:100%;
height:auto;
display:block;
}
.banner .text-holder{
position:absolute;
width:65.8%;
z-index:1;
right:0;
top:0;
height:100%;
font-size:0;
line-height:0;
letter-spacing:-4px;
}
.banner .text-holder:after{
content:"";
display:inline-block;
vertical-align:middle;
width:0;
height:100%;
}
.banner .container{
display:inline-block;
vertical-align:middle;
letter-spacing:0;
color:#033352;
font:22px/30px 'proxima_novalight', Arial, Helvetica, sans-serif;
}
.banner h1{
font:300 36px/40px 'Open Sans', Arial, Helvetica, sans-serif;
margin:0 0 11px;
}
.banner h1 b{font-weight:600;}
.banner ul {
list-style:none;
margin:0;
padding:0 0 0 50px;
color:#000;
font:14px/20px 'Open Sans', Arial, Helvetica, sans-serif;
}
.banner li:after{
content:"";
position:absolute;
top:0;
left:0;
background: url(../images/sprite.png) no-repeat;
width:24px;
height:24px;
}
.banner li{
padding:4px 10px 16px 35px;
min-height:24px;
position:relative;
}
.banner p{margin:0 0 25px;}
.slogan p{margin:0 0 10px;}
.slogan{
background:#f9f9f9;
padding:22px 10% 5px;
margin:0 0 21px;
-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);
box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);
text-align:center;
border-bottom:1px solid #fff;
font:300 27px/33px 'Open Sans', Arial, Helvetica, sans-serif;
}
.slogan b{font-weight:600;}
#main{padding:19px 20px 19px 34px;}
.form-container{
background:#00688a;
padding:22px 0 25px;
margin:-19px 0 0 0;
border-bottom:3px solid #b0d0db;
}
.form-container .heading-group{
background:#002c3b;
padding:18px 5px 9px 24px;
}
.form-container .container-block{
padding:9px 30px 0 29px;
color:#fff;
font:300 18px/24px 'Open Sans', Arial, Helvetica, sans-serif;
}
.form-container form:after{
content:"";
display:block;
clear:both;
}
.form-container form{
padding:0 2px 17px 0;
margin: 0 0 0 -1px;
}
.form-container form .infusion-field{
width:100%;
float:left;
background:#fff;
border-radius:5px;
position:relative;
margin:0 0 16px;
padding:0 36px 0 0;
}
.form-container form .infusion-field input[type="text"]{
width:100%;
border:0;
background:none;
float:left;
margin:0;
font:300 14px/24px 'Open Sans', Arial, Helvetica, sans-serif;
outline:none;
height:46px;
padding:11px 10px 11px 18px;
}
.form-container form input[type="submit"]:hover{opacity:0.9;}
.form-container form input[type="submit"]{
margin:0;
padding:0;
font:600 24px/28px 'Open Sans', Arial, Helvetica, sans-serif;
outline:none;
height:56px;
cursor:pointer;
color:#483c04;
width:100%;
border:1px solid #bca01e;
border-radius:5px;
-webkit-box-shadow:inset 0 0 0 0 rgba(255,255,255,0.5), 0 3px 0 0 #9b8310;
box-shadow:inset 0 0 0 0 rgba(255,255,255,0.5), 0 3px 0 0 #9b8310;
text-shadow:0 1px 1px rgba(255,255,255,.37);
background: rgb(255,220,49);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGMzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmZGMyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2ZmZDQyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQ0MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,220,49,1) 0%, rgba(255,220,47,1) 51%, rgba(255,212,32,1) 53%, rgba(255,212,34,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,220,49,1)), color-stop(51%,rgba(255,220,47,1)), color-stop(53%,rgba(255,212,32,1)), color-stop(100%,rgba(255,212,34,1)));
background: -webkit-linear-gradient(top, rgba(255,220,49,1) 0%,rgba(255,220,47,1) 51%,rgba(255,212,32,1) 53%,rgba(255,212,34,1) 100%);
background: -o-linear-gradient(top, rgba(255,220,49,1) 0%,rgba(255,220,47,1) 51%,rgba(255,212,32,1) 53%,rgba(255,212,34,1) 100%);
background: -ms-linear-gradient(top, rgba(255,220,49,1) 0%,rgba(255,220,47,1) 51%,rgba(255,212,32,1) 53%,rgba(255,212,34,1) 100%);
background: linear-gradient(to bottom, rgba(255,220,49,1) 0%,rgba(255,220,47,1) 51%,rgba(255,212,32,1) 53%,rgba(255,212,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc31', endColorstr='#ffd422',GradientType=0 );
}
.infusion-submit{
padding:4px 0 0 0;
width:100%;
float:left;
}
.container-block p{margin:0 0 18px;}
.container-block .info{
display:block;
font:300 13px/20px 'Open Sans', Arial, Helvetica, sans-serif;
margin:0;
padding:0 0 10px;
color:#fff;
}
.form-container form .infusion-field.icon-envelope:before{
font-size:18px;
margin:-8px 2px 0 0;
}
.form-container form .infusion-field:before{
position: absolute;
top: 50%;
margin: -7px 0 0 0;
height: 16px;
width: 25px;
right: 0;
font-size: 15px;
}
.form-container form .infusion-field.parent-focus label{display:none;}
.form-container form .infusion-field.parent-active label{display:none;}
.form-container form .infusion-field.parent-focus:before{color:#00688a;}
.form-container form .infusion-field label{
color:#000;
position:absolute;
top:0;
left:0;
padding:11px 10px 11px 18px;
font:300 14px/24px 'Open Sans', Arial, Helvetica, sans-serif;
}
.form-container h1{
font:300 20px/16px 'Open Sans', Arial, Helvetica, sans-serif;
color:#fff;
margin:0;
}
.form-container h1 b{
font:600 28px/37px 'Open Sans', Arial, Helvetica, sans-serif;
display:block;
}
.column{
width:100%;
padding:0 0 50px;
}
#main .col{
float:left;
width:55%;
}
#main h2{
font:600 18px/25px 'Open Sans', Arial, Helvetica, sans-serif;
margin:0 0 8px;
}
#main .col.r{
float:right;
width:42.3%;
}
.blockquote-holder{
padding:0 1px 0 0;
margin:0 0 0 -14px;
}
.blockquote-holder ul{
list-style:none;
margin:0;
padding:0;
}
.blockquote-holder q{
font:italic 14px/29px 'Open Sans', Arial, Helvetica, sans-serif;
background:#f0eeee;
display:block;
position:relative;
quotes:none;
padding:24px 20px 27px 35px;
}
.blockquote-holder q:after,
.blockquote-holder q:before {
top: 100%;
left:44px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.blockquote-holder q:after {
border-color: rgba(255, 255, 255, 1);
border-top-color:none;
border-width: 10px 23px 10px 0;
margin-left:11px;
}
.blockquote-holder q:before {
border-color: rgba(44, 245, 29, 0);
border-top-color: #f0eeee;
border-width:21px;
margin-left: -11px;
}
.blockquote-holder blockquote{
margin:0;
padding:0;
font:400 14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
}
.blockquote-holder .title{
font:600 15px/18px 'Open Sans', Arial, Helvetica, sans-serif;
margin:0 0 2px;
}
.blockquote-holder cite > *,
.blockquote-holder cite{
display:block;
position:relative;
padding:0 0 0 33px;
}
.blockquote-holder cite{padding-top:9px;}
.blockquote-holder li{
padding:0 6px 21px;
width:50%;
float:left;
}
#footer{
background:#044062;
padding:32px 10px 43px 10px;
color:#b8c2ca;
font:400 14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
text-align:center;
}
#footer .tel{
display:block;
margin:0 0 3px;
color:#fff;
font:600 30px/34px 'Open Sans', Arial, Helvetica, sans-serif;
}
#footer .tel a{color:#fff;}
#footer .mail{
display:inline-block;
vertical-align:top;
margin:0 0 10px;
color:#fff;
font:400 16px/16px 'Open Sans', Arial, Helvetica, sans-serif;
}
#footer .company-logo{
list-style:none;
margin:0;
font-size:0;
line-height:0;
letter-spacing:-4px;
padding:12px 0 9px 0;
}
#footer .company-logo li{
display:inline-block;
vertical-align:middle;
letter-spacing:0;
padding:0 15px;
}
#footer .company-logo li img{
vertical-align:top;
}
#footer .sub-nav{
list-style:none;
margin:0;
font-size:0;
line-height:0;
letter-spacing:-4px;
padding:12px 0 11px 0;
}
#footer .sub-nav ul{padding:0;}
#footer .sub-nav li:first-child:after{display:none;}
#footer .sub-nav li{
display:inline-block;
vertical-align:middle;
position:relative;
letter-spacing:0;
padding:0 10px;
font:400 12px/16px 'Open Sans', Arial, Helvetica, sans-serif;
}
#footer .sub-nav li:after{
content:"";
position:absolute;
top:2px;
left:0;
background:#fff;
opacity:0.1;
width:1px;
height:12px;
}
#footer .sub-nav a{color:#587388;}
.copyright{
font:400 12px/16px 'Open Sans', Arial, Helvetica, sans-serif;
color:#587388;
display:block;
}
.copyright a{color:#587388;}
@media only screen and (max-width: 1000px){
#main{padding:10px;}
#main .col.r,
#main .col{width:100%;}
.banner{text-align:center;}
.banner img {
width:auto;
height:100%;
position:absolute;
top:0;
right:0;
}
.form-container{margin-top:0;}
.banner .text-holder{
text-align:left;
width:100%;
position:relative;
}
.banner .container{padding:20px 10px;}
.banner ul{padding:0 0 0 10px;}
}
@media only screen and (max-width:600px){
.logo{
float:none;
display:block;
margin:0 auto;
}
#header .phone{
float:none;
display:block;
padding:10px 0 0 0;
text-align:center;
}
.blockquote-holder li{
width:100%;
padding-left:0;
padding-right:0;
}
.blockquote-holder{margin:0;}
.slogan{
font-size:18px;
line-height:26px;
margin-bottom:0;
padding-left:10px;
padding-right:10px;
}
}