@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,latin-ext);


html{


}




a::-moz-focus-inner {
    border: 0;
    outline:0;
}

a,
a:active,
a:focus{
    outline:0;
    text-decoration: none;
}



body{
    background: #f9f9f9;

    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    line-height: 1.7em;

}

body.page-pho{
   background-position: center -305px;
}


.b,strong,b{
    font-weight:700;
}


a:active {
    outline: none;
}
a:focus {
    -moz-outline-style: none;
}




.line-height-2{
    line-height: 2em;
}

.line-height-15{
    line-height: 1.5em;
}

/* Padding */
.pan{padding:0px}
.prn, .phn{padding-right:0px}
.pln, .phn{padding-left:0px}
.ptn, .pvn{padding-top:0px}
.pbn, .pvn{padding-bottom:0px}

.pas{padding:5px}
.prs, .phs{padding-right:5px}
.pls, .phs{padding-left:5px}
.pts, .pvs{padding-top:5px}
.pbs, .pvs{padding-bottom:5px}

.pam{padding:10px}
.prm, .phm{padding-right:10px}
.plm, .phm{padding-left:10px}
.ptm, .pvm{padding-top:10px}
.pbm, .pvm{padding-bottom:10px}

.pal{padding:15px}
.prl, .phl{padding-right:15px}
.pll, .phl{padding-left:15px}
.ptl, .pvl{padding-top:15px}
.pbl, .pvl{padding-bottom:15px}

/* Margin */
.man{margin:0px}
.mrn, .mhn{margin-right:0px}
.mln, .mhn{margin-left:0px}
.mtn, .mvn{margin-top:0px}
.mbn, .mvn{margin-bottom:0px}

.mas{margin:5px}
.mrs, .mhs{margin-right:5px}
.mls, .mhs{margin-left:5px}
.mts, .mvs{margin-top:5px}
.mbs, .mvs{margin-bottom:5px}

.mam{margin:10px}
.mrm, .mhm{margin-right:10px}
.mlm, .mhm{margin-left:10px}
.mtm, .mvm{margin-top:10px}
.mbm, .mvm{margin-bottom:10px}

.mal{margin:15px}
.mrl, .mhl{margin-right:15px}
.mll, .mhl{margin-left:15px}
.mtl, .mvl{margin-top:15px}
.mbl, .mvl{margin-bottom:15px}

.ptel{
    padding-top: 55px;
}


.letter-spacing1{
    letter-spacing: 1px;
}
.letter-spacing2{
    letter-spacing: 2px;
}
.bootstrap-select{
    margin-bottom: 0px !important;
}

h1,h2,h3,h4{
    color:#0f75bd;
    font-weight: 600;

}
img{max-width:100%;}

header{
    background: #3299e4;
    color:#fff;
}
header .row{
    height: 450px;

}


header .logo{
    background: #0f75bd;
    height: inherit;
}
header .car{
    height: inherit;
    background: #3299e4;
    color: #fff;
    text-align: center;
}

header .car h3{
    color: #fff;
    font-size: 2em;
}

header .car img{
    position: absolute;
    bottom: -37px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 1;
}


.tip-bottom{
    width: 50%;
    height: 50px;
    padding-left:50%;
    overflow: hidden;
}

.tip-bottom div {
    width: 0;
    height: 0;
    margin-left:-500px;
    border-left: 500px solid transparent;
    border-right: 500px solid transparent;
    border-top: 50px solid #0f75bd;
}

header .car .tip-bottom{
    position:absolute;
    left: 0;
    bottom:-33px;
    width:100%;
    z-index:-1;

}

.light{font-weight: 300}
.bigger{font-size:1.3em}

h1{
    position: relative;
    margin:0px 0 0 0;
    text-align: center;
    padding-bottom: 20px;
}

h1 img{
    margin: 10px auto   ;
}
h1 > span{
    font-size: 1.5em;
    color: #fff;
    display: block;
    text-transform: none;
    width: 100%;
}

h1 > span.light{
    font-size: 1.6em;
    padding-bottom: 20px;
    margin-bottom: 0px;
    border-bottom: 1px solid #fff;
}



section{
    position: relative;
    font-size: 15px;
}
section.white{
    padding: 50px 0;
}

section.white .btn{
    padding: 25px 35px;
    font-size:1.6em;
    background: #cd052c;
    border:1px solid #920006;
    border-radius: 0;
    font-weight: 800;
    margin-bottom: 20px;
}


section.white ul{list-style-type: none; padding-left: 10px; font-size: 1.2em; margin-top:20px;}
section.white ul li{line-height: 1.8em;}
section.white ul li i{color:#cd052c; margin-right: 10px;}


section.green{
    background:#046e31;
    color: #fff;
    padding: 50px 0;
}
section.green h2,
section.green h4{
    color: #fff;

}

section.green img{
    max-width: 100%;
    margin: 10px auto 30px auto;
}


.text-container{
    line-height: 1.4em;
    font-size: 1.3em;
}



footer{

    background: #222 url('../gfx/carbon_fibre.png') repeat 0 0;
    border-bottom: 3px solid #cf0a18;;
    color:#fff;
    padding: 40px 0;
    font-size:1.1em;

}
footer h2{
    color: #fff;
    margin-bottom: 30px;
}

footer img{
    width: 100%;
    border:1px solid #fff;
}


.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides > li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides > li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}





@media (min-width: 768px) {

    header .row{
        height: 330px;
    }
    h1 > span.light{
        font-size:1em;
    }
    h1 > span{
        font-size:0.9em;
    }
    header .car .tip-bottom{
        bottom:-20px;
    }
    footer{
        font-size:1em;
    }
}


@media (max-width: 768px) {
    header .row{
        height: auto;
    }

    header .car img{
        position: relative;
    }
    h1 > span.light{
        font-size:1.1em;
    }
    h1 > span{
        font-size:1.0em;
    }

    .white h2{
        text-align: center;
    }

    footer{
        text-align: center;
    }

}

@media (min-width: 992px) {
    header .row{
        height: 400px;
    }
    h1 > span.light{
        font-size:1.3em;
    }
    h1 > span{
        font-size:1.2em;
    }
    header .car .tip-bottom{
        bottom:-27px;
    }
    footer{
        font-size:1.1em;
    }
}


@media (min-width: 1200px) {
    header .row{
        height: 450px;
    }

    h1 > span.light{
        font-size:1.6em;
    }
    h1 > span{
        font-size:1.5em;
    }
    header .car .tip-bottom{
        bottom:-33px;
    }
    footer{
        font-size:1.1em;
    }
}


