html { position:relative; min-height:100%; line-height:1; height:100%; }
body { height:100%; font-family:'freight', sans-serif; font-weight: normal; color: #818486; text-align:center; font-size: 18px; }

h1 { font-family:'freight-semi', sans-serif; font-size: 46px; font-weight: normal; line-height: 1.2em; margin-bottom: 0.4em; }
h3 { font-family:'freight-semi', sans-serif; color: #525e6c; font-size: 20px; font-weight: normal; line-height: 1em; margin-bottom: 0.6em; }
h4 { font-family:'freight', sans-serif; color: #525e6c; font-size: 20px; font-weight: normal; line-height: 1.5em; margin-bottom: 1em; }
h5 { font-family:'freight-semi', sans-serif; color: #525e6c; font-size: 18px; font-weight: normal; line-height: 1em; margin-bottom: 0.6em; }
h6 { font-size: 16px; font-weight: normal; line-height: 1.5em; margin-bottom: 1em; }
p { line-height: 1.8em; margin-bottom: 1.2em; }

b { font-family:'freight-semi', sans-serif; }

table { width:100%; }
a { color:#FF502E; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
ul, li { list-style-type: none; }
table { width:100%; }
::-webkit-input-placeholder { color: #525e6c; }

dl{margin:20px 0}
dt {font-weight: bold;text-decoration: underline;font-size: 20px;margin-top:1em}
dd {margin: 0;padding: 0 0 0.5em 0;}

small{font-size: 75%;}
/* [Main] */
header { background-color: #BDD6F7; }
#main { text-align: left; padding: 50px 0; overflow: hidden; }
.wrap { max-width: 980px; margin: 0 auto; padding: 0 20px; }
.thin { max-width: 650px; margin: 0 auto; text-align: justify; }

#main .wrap { position: relative; }
#side { width: 350px; text-align: center; position: absolute; right: 15px; top: 0; margin-bottom: 40px; }
#side h3 { line-height: 2em; }
#side h6 { padding: 0 20px; }
#content { margin-right: 370px; }
.responsive {width: 100%;height: auto;}

/* [Header] */
#logo { height: 80px; line-height: 80px; margin-bottom: 20px;font-size:40px  }
#logo img { vertical-align: middle; }

/* [Footer] */
footer { margin:0 auto; height: 20px; line-height: 20px; clear:both; padding: 40px 0; font-size: 14px; text-align: center; background-color: #1a232b; color: #ffffff; }
footer #copy img { width: 150px; vertical-align: middle; }
footer #copy { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }

/* [Form] */
input, select, textarea { box-shadow: inset 0px 2px 0 0 #ededed; font-family:'freight', sans-serif; outline:none; border: none; border-radius:25px; background:#fff; font-size: 16px; max-width:500px; width:100%; box-sizing:border-box; margin-bottom:10px; }
input, select { height:45px; line-height:45px; padding:0 20px; }
textarea { height: 150px; line-height: 30px; padding: 10px 15px; }
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { outline:none; border-color:#999; box-shadow:0 0 6px rgba(0, 0, 0, 0.2); }
button, .btn { max-width: 500px; width:100%; box-sizing:border-box; font-family:'raleway', sans-serif; font-size:20px; text-transform:uppercase; font-weight: 800; letter-spacing:4px; padding:0 25px !important; height:45px; line-height:45px; border-radius:25px; display:inline-block; cursor:pointer; background-color: #69cb95; box-shadow: inset 0px -2px 0 0 #4fb67d; border:0; color:#fff; margin-top: 10px !important; overflow: hidden; }
button:hover, .btn:hover { background-color: #4fb67d; box-shadow: inset 0px -2px 0 0 #46996b; color:#ffffff; text-decoration:none; }
form div { display:block; }
form div > label { width:250px; overflow:hidden; display:inline-block; margin-right:10px; vertical-align:top; line-height:50px; }
form div > label:after { content:' :'; }

/* [Form > Step] */
.box { color: #525e6c; background-color: #BDD6F7; border-radius: 25px; overflow: hidden; padding: 40px 20px; margin-bottom: 20px; text-align: center; }
#step1_firstname { text-indent: 30px; background-image: url("../img/user.png"); background-repeat: no-repeat; background-position: 20px; }
#step1_email { text-indent: 30px; background-image: url("../img/mail.png"); background-repeat: no-repeat; background-position: 16px; }
#step1_submit { text-indent: 30px; background-image: url("../img/ok.png"); background-repeat: no-repeat; background-position: 18px; }
#step2_phone { text-indent: 30px; background-image: url("../img/phone.png"); background-repeat: no-repeat; background-position: 18px; }


/* [Index] */
#edito { text-align: left; background-color: #BDD6F7; color: #ffffff; overflow: hidden; }
#edito .wrap { background-image: url("../img/picture.png"); min-height: 340px; background-repeat: no-repeat; background-position: bottom right 20px; overflow: hidden; }
#edito .left { max-width: 600px; float: left; padding-bottom: 30px; }
#edito .left h4 { max-width: 500px; }
#edito .right { min-width: 350px; height: 338px; float: left; text-align: center; margin-top: 10px; margin-left: -80px; }

.testimonial { clear: both; background-color: #ECE9E4; overflow: hidden; padding: 50px 0; text-align: center; }
.testimonial .avatar { position: absolute; left:0; top:0; border-radius: 50%; width: 150px; height: 150px; overflow: hidden; margin-right: 60px; }
.testimonial .quote { margin-left: 180px; text-align: left; }
.testimonial .thin { position: relative; max-width: 850px; margin: 0 auto; }

.feature { padding: 10px 0; overflow: hidden; clear: both; position: relative; }
.feature .icon { position: absolute; left: 0; width: 100px; }
.feature .text { margin-left: 120px; margin-bottom: 20px; }


@media screen and (max-width: 900px) {
    .mobileHide { display:none; }
    .mobileShow { display:block; }
    #edito { text-align: center; }
    .thin { text-align: center; }
    #side { position: static; width: auto; }
    #content { margin-right: 0; }
    #edito .wrap { background-image: none; }
    #edito .left { max-width: none; float: none; }
    #edito .left h4 { margin: 0 auto; }
}

@media screen and (max-width: 600px) {
    #main { text-align: center; }
    .testimonial .avatar { display: inline-block; position: static; clear: both; margin-right: 0; margin-bottom: 20px; }
    .testimonial .quote { margin-left: 0; text-align: center; }
    .feature .icon { position: static; display: inline-block; clear: both; margin-bottom: 20px; }
    .feature .text { margin-left: 0; }
}

/* [Font] */
@charset "UTF-8";
@font-face{font-family:'freight';src:url('../assets/FreightSansProBook.eot?1411085173');src:url('../assets/FreightSansProBook.eot?&1411085173#iefix') format("embedded-opentype"),url('../assets/FreightSansProBook.ttf?1411085173') format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'freight-semi';src:url('../assets/FreightSansProSem.eot?1411085173');src:url('../assets/FreightSansProSem.eot?&1411085173#iefix') format("embedded-opentype"),url('../assets/FreightSansProSem.ttf?1411085173') format("truetype");font-weight:normal;font-style:normal}

@font-face {
    font-family: 'fontello';
    src: url('../assets/fontello.eot?50500958');
    src: url('../assets/fontello.eot?50500958#iefix') format('embedded-opentype'),
    url('../assets/fontello.woff?50500958') format('woff'),
    url('../assets/fontello.ttf?50500958') format('truetype'),
    url('../assets/fontello.svg?50500958#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
}

.icon-ok:before { content: '\e800'; } /* '' */
.icon-mail:before { content: '\e801'; } /* '' */
.icon-user:before { content: '\e805'; } /* '' */
.icon-quote-left:before { content: '\e824'; } /* '' */
.icon-quote-right:before { content: '\e825'; } /* '' */
.icon-phone:before { content: '\e830'; } /* '' */
.icon-mobile-1:before { content: '\e831'; } /* '' */