/* FONTS included
=================================================== */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500);

@font-face {
    font-family: 'PF Din Text Medium';
    src: url('../fonts/pfdintextcomppro-medium-webfont.eot');
    src: url('../fonts/pfdintextcomppro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcomppro-medium-webfont.woff') format('woff'),
         url('../fonts/pfdintextcomppro-medium-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcomppro-medium-webfont.svg#pf_din_text_comp_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PF Din Text Regular';
    src: url('../fonts/pfdintextcomppro-regular-webfont.eot');
    src: url('../fonts/pfdintextcomppro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcomppro-regular-webfont.woff2') format('woff2'),
         url('../fonts/pfdintextcomppro-regular-webfont.woff') format('woff'),
         url('../fonts/pfdintextcomppro-regular-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcomppro-regular-webfont.svg#pf_din_text_comp_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

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

}
@font-face {
    font-family: 'PF Din Text Thin';
    src: url('../fonts/pfdintextcomppro-thin-webfont.eot');
    src: url('../fonts/pfdintextcomppro-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcomppro-thin-webfont.woff2') format('woff2'),
         url('../fonts/pfdintextcomppro-thin-webfont.woff') format('woff'),
         url('../fonts/pfdintextcomppro-thin-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextcomppro-thin-webfont.svg#pf_din_text_comp_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* RESET styles
=================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; 
}
.clearfix:after {
  clear: both; 
}

/* MAIN styles
=================================================== */
body {
    color: #575757;
    background: url(../img/bg-header.jpg) top center no-repeat;
    font: 30px "PF Din Text Light";
}
header, section {
    width: 1200px;
    margin: 0 auto;
}
article {
    padding-bottom: 40px;
}
h1 {
    background: #fff;
    border-radius: 5px 5px 24px 24px;
    color: #ff5346;
    display: inline-block;
    padding: 5px 48px 55px;
    font: 46px/80px "PF Din Text Medium";
    position: relative;
}
h1:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 70%;
    left: 0;
    top: 0;
    z-index: -2;
    border-radius: 5px 5px 24px 24px;
    -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.2);
    box-shadow: 0 0 9px rgba(0,0,0,0.2);
}
h2 {
    color: #7c7c7c;
    font: 60px/54px "PF Din Text Medium";
    text-align: center;
}
h2 img[src*="logo"] {
    display: inline-block;
    vertical-align: bottom;
}
h3 {
    color: #ff5346;
    font: 46px/54px "PF Din Text Medium";
    text-align: center;
    margin: 68px 0 28px;
}
h4 {
    color: #ff5346;
    font: 26px "PF Din Text Regular";
    margin: 26px 0 10px;
}
.title {
    text-align: center;
}
.title img {
    display: inline-block;
    vertical-align: top;
}
hr {
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 3px solid #eee;
    display: block;
    height: 5px;
    margin: 0;
}
li {
    background: url(../img/icon-sprite.png) 0 0 no-repeat;
    padding: 5px 0 5px 92px;
    margin: 0 0 44px;
}
li.li-2 { background-position: 0 -70px; }
li.li-3 { background-position: 0 -140px; }
li.li-4 { background-position: 0 -210px; }
li.li-5 { background-position: 0 -280px; }
li.li-6 { background-position: 0 -350px; }

li span {
    border: 1px solid #fff;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
    display: block;
    padding: 11px 12px;
    text-shadow: 1px 1px 0 #fff;
    position: relative;
    
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top, #efefef 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top, #efefef 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top, #efefef 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #efefef 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e5e5e5',GradientType=0 );
}
li span:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 8px solid #eaeaea;
    border-bottom: 10px solid transparent;
}
header {
    height: 735px;
    padding: 76px 0 100px;
}
header .title {
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.37);
    font: 55px/65px "PF Din Text Medium";
    text-transform: uppercase;
    text-align: left;
}
    header .title .red {
        color: #ff5346;
    }
    header .title .green {
        color: #bdf241;
    }
    header .title .yellow {
        color: #ffdb4a;
    }
header .button {
    margin: 40px 0;
}
.bbb-logo {
    display: block;
    margin: 0 0 90px 0;
    min-height: 100px;
}
.half {
    width: 50%;
    float: left;
    padding: 0 50px;
}
.half.first {
    padding-left: 0;
}
.half.last {
    padding-right: 0;
}
.get-started { 
    text-align: center;
    padding: 55px 0;
}
.partners {
    text-align: center;
}
.partners .logos {
    margin: 0 0 40px;
}
.partners img {
    display: inline-block;
    margin: 0 0 28px 20px;
    
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.partners img.first {
    margin-left: 0;
}
.partners img:hover {
    -webkit-box-shadow: 0 0 5px rgba(1,1,1,.35);
    box-shadow: 0 0 5px rgba(1,1,1,.35);
}
.photo {
    float: left;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: relative;
    margin: 0 38px 0 0;
    overflow: hidden;
    
    -webkit-box-shadow: 0 0 21px rgba(1,1,1,.25);
    box-shadow: 0 0 21px rgba(1,1,1,.25);
}
.photo:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 7px solid rgba(0,0,0,.08);
}
.rev {
    margin: 0 0 76px;
}
.rev p {
    color: #7e7e7e;
    font: 22px "PF Din Text Thin";
    font-style: italic;
}
.button {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.5);
    box-shadow: 0 0 9px rgba(0,0,0,0.5);
    color: #fff;
    display: inline-block;
    font: 500 30px/45px "Roboto";
    padding: 13px 15px 17px;
    min-width: 365px;
    text-align: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    
    background: #febf04;
    background: -moz-linear-gradient(top, #febf04 0%, #ffd65d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febf04), color-stop(100%,#ffd65d));
    background: -webkit-linear-gradient(top, #febf04 0%,#ffd65d 100%);
    background: -o-linear-gradient(top, #febf04 0%,#ffd65d 100%);
    background: -ms-linear-gradient(top, #febf04 0%,#ffd65d 100%);
    background: linear-gradient(to bottom, #febf04 0%,#ffd65d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf04', endColorstr='#ffd65d',GradientType=0 );
}
.button:hover {
    background: #ffd65e;
    background: -moz-linear-gradient(top, #ffd65e 0%, #febf05 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf05)); 
    background: -webkit-linear-gradient(top, #ffd65e 0%,#febf05 100%); 
    background: -o-linear-gradient(top, #ffd65e 0%,#febf05 100%); 
    background: -ms-linear-gradient(top, #ffd65e 0%,#febf05 100%); 
    background: linear-gradient(to bottom, #ffd65e 0%,#febf05 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf05',GradientType=0 );
}
.button:active:before {
    border: none;
    border-radius: 0;
    
}
.button:before {
    content: "";
    border-radius: 10px;
    position: absolute;
    left: -1%;
    top: 1px;
    width: 102%;
    height: 100%;
    z-index: 10;
    border-bottom: 7px solid #ba9524;
}
.get-started .button {
    margin: 56px 0 0;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.18);
    box-shadow: 0 0 10px rgba(0,0,0,0.18);
}