@font-face {
    font-family: 'Light';
    src: url('fonts/gibson-light-webfont.eot');
    src: url('fonts/gibson-light-webfont.eot?#iefix') format('embedded-opentype'),
    	 url('fonts/gibson-light-webfont.woff') format('woff'),
         url('fonts/gibson-light-webfont.ttf') format('truetype'),
         url('fonts/gibson-light-webfont.svg#UNIVERSE') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Regular';
    src: url('fonts/Gibson-Regular.eot');
    src: url('fonts/Gibson-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gibson-Regular.woff') format('woff'),
         url('fonts/Gibson-Regular.ttf') format('truetype'),
         url('fonts/Gibson-Regular.svg#UNIVERSE') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SemiBold';
    src: url('fonts/Gibson-SemiBold.eot');
    src: url('fonts/Gibson-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gibson-SemiBold.woff') format('woff'),
         url('fonts/Gibson-SemiBold.ttf') format('truetype'),
         url('fonts/Gibson-SemiBold.svg#UNIVERSE') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,html {
	width:100%;
	font-family: 'Regular';
    letter-spacing: .5px;
    overflow-x:hidden !important;
}

* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
     
}

div {
    height:auto;
     overflow:hidden;
}

a {
	text-decoration: none;
    color:#3f92cf;
}

ol {
   
}

ol li {
    text-align:left;
    font-size:20px;
    line-height:30px;
    color:#fff;
    font-family: 'Light';
}

.text-bold {
    font-family: 'SemiBold'; 
}

/*h1 {
    font-size:40px;
    line-height:50px;
    width:94%;
    max-width:1050px;
    margin:0 auto;
}*/

h3, h1 {
    font-size:55px;
    color:#333;
    font-family: 'SemiBold';
    margin:0 auto 50px;
}

h4 {
    font-size:30px;
    font-family: 'Light';
    margin:0 auto 50px;
}

h5 {
    font-family: 'SemiBold';
    font-size:30px;
    text-align:left;
    margin:45px 0 20px;
}

h7 {
    font-size:30px;
    font-family: 'Light';
    float:left;
    clear:both;
    margin-bottom:5px;
}

p {
    font-size:20px;
    line-height:30px;
    color:#666666;
    font-family: 'Light';
    width:94%;
    max-width:950px;
    margin:0 auto;
}

header {
    width:100%;
    height:110px;
    background:#fff;
    position:fixed;
    z-index:1000;
    border-bottom:1px solid #efefef;
}

.grey-ground {
    background:#f8f8f8;
}

.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.text-bold {
    font-family: 'SemiBold';
}

.text-intro {
    font-size:30px;
    line-height:40px;
    color:#333;
}

#intro-slider {
    width:100%;
    height:600px;
    background:url(../images/road-1.jpg) center center no-repeat;
    background-size:cover;
    position:relative;
    margin-top:110px;
}

.intro-block {
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    display:none;
}

.intro-block:first-of-type {
    display:block;
}

.intro-block h2{
    color:#fff;
    font-size:55px;
    line-height:65px;
    width:94%;
    max-width:850px;
    margin:140px auto 0;
}

.intro-block a {
    color:#fff;
    margin:50px auto 0;
    font-size:16px;
    border:1px solid #fff;
    padding:15px 25px;
    display:inline-block;
}

.intro-block a:hover {
    background:#fff;
    color:#333;
}

a.intro-left,
a.intro-right {
    position:absolute;
    width:17px;
    height:23px;
    top:45%;
}

a.intro-left {
    background:url(../images/left-arrow.png) center center no-repeat;
    left:50px;
}

a.intro-right {
    background:url(../images/right-arrow.png) center center no-repeat;
    right:50px;
}

a.intro-left:hover,
a.intro-right:hover {
    opacity:.5;
}

#icon-holder,
#testimonials-icon-holder {
    width:100%;
    height:16px;
    position:absolute;
    bottom:60px;
    text-align:center;
}

#testimonials-icon-holder {
    bottom:120px;
}

a.icon {
    width:16px;
    height:16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background:#fff;
    display:inline-block;
    margin:0 10px;
    background:#fff;
}

a.icon:hover,
a.icon.active {
    background:#3f92cf;
}

.content-wrapper {
    width:94%;
    max-width:1400px;
    margin:0 auto;
    position:relative;
    text-align: center;
}

#award {
    padding-top:0;
}

#award .content-wrapper {
    max-width:800px;
}

header .content-wrapper {
    height:100%;
}

.section {
    padding:120px 0;
}

#logo {
    width:310px;
    background:url(../images/logo.svg) center center no-repeat;
    background-size:100% auto;
    height:52px;
    position:absolute;
    top:28px;
    left:0;
}

#mobile-btn {
    width:30px;
    height:20px;
    background:url(../images/mobile-btn.png) center center no-repeat;
    background-size:100% 100%;
    position:absolute;
    right:20px;
    top:19px;
    display:none;
}

#menu {
    float:right;
    width:auto;
    margin-top:64px;
    overflow:visible;
}

#menu a {
    color:#333;
    font-size: 15px;
    margin-left:25px;
    float:left;
}

#menu a:hover {
    color:#3f92cf;
}

#menu a.blue-bold {
    margin-top:-8px;
    color:#fff;
}

#intro a.blue-bold {
    margin-top:40px;
    display:inline-block;
}

a.blue-bold {
    background:#3f92cf;
    padding:8px 12px;
    color:#fff;
}

a:hover {
    color:#3f92cf;
}

a.blue-bold:hover,
a#submit:hover {
    background:#333;
    color:#fff;
}

#process-images {
    margin:0 auto 50px;
    width:94%;
    max-width:1400px;
}

#process-images img {
    width:32%;
    margin-right:2%;
    float:left;
}

#process-images img:last-of-type {
    margin:0;
    float:right;
}

#testimonials {
    background:url(../images/testimonials-ground.jpg) center center no-repeat;
    background-size:cover;
    position:relative;
    height:560px;
}

#testimonials p,
#testimonials h3 {
    color:#fff;
}

.testimonial {
    display:none;
    margin:0 auto;
    width:800px;
}

.testimonial p{
    font-size: 32px;
    line-height:42px;
}

.testimonial:first-of-type  {
    display:block;
}

a#see-video {
    margin-top:40px;
    display:inline-block;
    padding:12px 15px;
}

#product img {
    float:left;
    width:35%;
    margin-right:5%;
}

#product p {
    float:left;
    width:100%;
    margin:0 0 30px 0;
    text-align:left;
}

.left-col {
    float:left;
    width:60%;
}

#dl-70 {
    background:#3f92cf;
    color:#fff;
}

.list-column {
    width:42%;
    margin:0 4%;
    float:left;
    overflow:visible;
}

#award img{
    float:left;
    margin-right:50px;
}

#award p{
    text-align:left;
    margin:0;
}

#contact-form {
    width:64%;
    padding:40px;
    float:left;
    background:#e0e0e0;
    margin-right:1%;
    text-align:left;
}

#form-wrapper {
    float:left;
    width:100%;
}

#info-col {
    width:35%;
    float:left;
}

.contact-info-box {
    text-align:left;
    background:#3f92cf;
    padding:40px;
    margin-bottom:12px;
    color:#fff;
    text-align:left;
}

.contact-info-box p{
    margin-bottom:15px;
    float:left;
    color:#efefef;
    font-size:18px;
}

.contact-info-col {
    width:100%;
    float:left;
    position:relative;
}

.contact-info-col p{
    color:#fff;
    margin:0;
    float:left;
    width:100%;
}

.contact-info-col a:hover {
    text-decoration:underline;
}

.contact-info-box p.info-content{
    text-align:right;
    position:absolute;
    top:0;
}

.contact-info-box p.info-content a{
    color:#fff;
}

.input-wrapper {
    float:left;
    margin-bottom:30px;
    width:100%;
}

.half-width {
    width:48%;
}

p.disclaimer {
    float:left;
    width:auto;
}

#submit {
    float:right;
    background:#3f92cf;
    color:#fff;
    padding:10px;
    width:120px;
    text-align:center;
}

#contact-form h7 {
    margin-bottom:30px;
}

#contact-form label {
    font-size:15px;
    margin-bottom:5px;
    float:left;
}

input,
textarea {
    width:100%;
    border:none;
    padding:10px;
    font-size:20px;
    font-family: 'Light';
    color:#666;
}

textarea {
    height:215px;
}

footer {
    width:100%;
    background:#333;
    color:#fff;
    text-align:center;
    padding:25px 0;
    font-family: 'Light';
    font-size:18px;
    color:#ccc;
}

@media (max-width: 1200px) {
    #mobile-btn {
        display:block;
    }

    #menu {
        display:none;
        margin-top:60px;
        float:left;
        width:100%;
    }

    #menu a {
        width:100%;
        margin:0;
        padding:15px 0;
        background:#666;
        border-bottom:1px solid #999;
        color:#fff;
        font-family: 'Light';
    }

    #menu a.rounded {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    #menu a.blue-bold {
        margin-top:0;
    }

    #logo {
        width:190px;
        top:2px;
        left:20px;
    }

    header {
        height:60px;
    }

    header .content-wrapper {
        width:100%;
    }

    #intro-slider {
        margin-top:60px;
    }

    .intro-block h2 {
        font-size:50px;
        line-height:60px;
    }

    #menu a:hover {
        background:#3f92cf;
        color:#fff;
    }

    /*#intro-slider {
        margin-top:0;
    }

    header {
        position:relative;
    }*/
}

@media (max-width: 1000px) {
    #contact-form {
        width:54%;
    }

    #info-col {
        width:45%;
    }
}

@media (max-width: 900px) {
    .intro-block h2 {
        font-size:40px;
        line-height:50px;
    }

    .testimonial p {
        font-size:25px;
        line-height:35px;
    }

    .testimonial {
        width:80%;
    }

    #product img {
        display:none;
    }

    .left-col {
        width:100%;
    }

    #contact-form label {
        font-size:13px;
    }

    p.disclaimer {
        font-size:12px;
    }

    #award img {
        float:none;
        margin:0 auto;
    }

    h5,
    #award p {
        text-align:center;

    }

    #award p {
        margin:0 auto;
    }
}

@media (max-width: 800px) {
    #contact-form {
        margin:0 0 12px;
        width:100%;
        padding:20px;
    }

    .contact-info-box {
        padding:25px;
    }

    #info-col {
        width:100%;
    }

}

@media (max-width: 700px) {
    .intro-block h2 {
        font-size:30px;
        line-height:40px;
    }

    .intro-block a {
        font-size:14px;
        padding:10px 15px;
    }

    a.intro-left {
        left:10px;
    }

    a.intro-right {
        right:10px;
    }

    .list-column {
        width:80%;
        margin:0 0 0 40px;
    }

    

    h3, h1 {
        font-size:35px;
    }

    .section {
        padding:80px 0;
    }

    #testimonials-icon-holder {
        bottom:80px;
    }

    #testimonials {
        height:450px;
    }

    .text-intro {
        font-size:20px;
        line-height:30px;
    }

    .list-column {
        margin:0;
    }

    h7 {
        font-size:24px;
    }
}

@media (max-width: 500px) {
    .intro-block h2 {
        font-size:22px;
        line-height:32px;
        margin-top:50px;
    }

    #intro-slider {
        height:350px;
    }

    .intro-block a {
        margin-top:25px;
    }

    .testimonial p {
        font-size:16px;
        line-height:26px;
    }

    p,
    ol li {
        font-size:15px;
        line-height:25px;
    }

    h3, h1 {
        margin-bottom:25px;
    }

    #process-images {
        margin-bottom:30px;
    }

    #process-images img {
        margin-right:0;
        width:50%;
    }

    #process-images img:nth-child(3) {
        display:none;
    }


}