@import url('https://daneden.github.io/animate.css/animate.min.css');
@import url('https://mynameismatthieu.com/WOW/css/libs/animate.css');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,300,400,700,900');



html,
button,
input,
select,
textarea {
    color: #222;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Parallax Scroll
   ========================================================================== */
body, html {
    height: 100%;
    min-height: 100%;
    background-color: #fff;
}

body {
    background-color: #fff;
}

h2 {
    margin-top: 0;
}

main {
    overflow-x: hidden;
    min-height: 100%;
    width: 100%;
}

.bcg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.hsContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.hsContent {
    margin: -150px auto 0 auto;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    text-align: left;
    position: relative;
    z-index: 10;
}

.navbar-default .container {padding-left: 15px; padding-right: 15px; }


/* Slide COMMON */
section h1, section h2, section h3, section p, section input[type="text"], section input[type="submit"] {font-family: "Raleway"; text-align: left; }

section h1 {background-repeat: no-repeat; background-position: top left; margin-bottom: 15px; font-size: 20px; font-weight: 300; }
section h1 span:first-child {font-weight: 300; font-size: 50px; line-height: 47px; display: inline-block; width: 100%; margin: 0; margin-bottom: 3px; float: left; }

section h2 {font-size: 16px; font-weight: 300; }
section h3 {font-size: 14px; font-weight: 300; }

section .table {display: table; }
section .cell {display: table-cell; }

/* Slide 1 */
#slide-1 {
    min-height: 100%;
    min-height: 480px;
    position: relative;
}
#slide-1 #bcg1 {background-color: #fff; background-position: 50% 50%; background-size: cover; }


#slide-1 #bcg1 span.h {display: block; text-align: center; }
#slide-1 #bcg1 span#h1 { color: #ffffff; margin: 0 0 0 0; font-weight: 900; }
#slide-1 #bcg1 span#h2 { color: #ffffff; font-weight: 400; margin-bottom: 10px; margin-bottom: 30px; }

#slide-1 #bcg1 #next-wrapper {margin-left: auto; margin-right: auto; box-sizing: border-box; }
#slide-1 #bcg1 #next {margin-top: 50px; display: block; box-sizing: border-box; height: 82px; padding-bottom: 50px; color: #ffffff; text-decoration: none; text-align: center; background: url('img/slide-1-more.png') no-repeat bottom center; }

#slide-1 .bs-example{margin: 0; height: 100%;}
#slide-1 .carousel{height: 100%; }
#slide-1 .carousel-inner{height: 100%;}
#slide-1 .item{background-color: transparent; text-align: center; height: 100% !important;}
#slide-1 .carousel-caption {top: 0; left: 0; width: 100%; height: 100%; padding: 0;text-shadow: none;}
#slide-1 .carousel-indicators li {border: 2px solid #ffffff; }


/* Slide 2 */
#slide-2 .bcg {background: #fff url(img/draw.png) no-repeat center center !important; background-size: cover; min-height: 1100px}
#slide-2 h1 {color: #3298f1; text-align: center; font-size: 40px; font-weight: 100; padding-top: 330px}
#slide-2 h2 {color: #6d6977; text-align: center; font-size: 18px; font-weight: 300 }
#slide-2 p {color: #6d6977; padding: 0 28%}
#slide-2 .icon-wrapper {padding: 0px; }

/* Slide 3 */
#slide-3 .bcg {background: url(img/slide-3.jpg) no-repeat center center !important; background-size: cover; min-height: 1100px}
#slide-3 h1 {color: #091b43; text-align: center; font-size: 40px; font-weight: 100; padding-top: 120px}
#slide-3 h2 {color: #091b43; text-align: center; font-size: 18px; font-weight: 300; margin-bottom: 100px}
#slide-3 p {color: #091b43; font-weight: 300; text-align: center}


/* Slide 4 */
#slide-4 .bcg {background: url(img/slide-4.jpg) no-repeat center center !important; background-size: cover; min-height: 700px}
#slide-4 h1 {color: #fff; font-size: 40px; font-weight: 100; padding-top: 50px}
#slide-4 h2 {color: #fff; font-size: 18px; font-weight: 300; margin-bottom: 100px; }
#slide-4 p {color: #fff; font-weight: 300;}


@media screen and (min-width: 240px) {
    section .col-xs-12 {padding-left: 30px; padding-right: 30px; }

    .affix-top {width: 100%; z-index: 99999; background-color: #000; border-width: 0px; border-radius: 0; position: fixed; padding-top: 40px}
    .affix-top .navbar-brand {width: 150px; height: 50px; background: url('img/logo.png') no-repeat center center; margin-left: 7px; background-size: contain}
    .affix-top .navbar-toggle, .affix-top .navbar-toggle:hover, .affix-top .navbar-toggle:focus {border-radius: 0px; border-width: 0px; background-color: transparent; margin-right: 7px; }
    .affix-top .navbar-collapse {border-top-width: 0px; }
    .affix-top .navbar-nav {margin-top: 12px; margin-bottom: 0px; }
    .affix-top .navbar-nav > li > a, .affix-top .navbar-nav > li > a:hover, .affix-top .navbar-nav > li > a:focus {text-align: center; color: #6a6a6a; }
    .affix-top .navbar-nav > .active > a, .affix-top .navbar-nav > .active > a:hover, .affix-top .navbar-nav > .active > a:focus {text-align: center; background-color: transparent; color: #fff; }

    .affix {width: 100%; z-index: 99999; background-color: #222; border-width: 0px; border-radius: 0}
    .affix .navbar-brand {width: 150px; height: 50px; background: url('img/logo.png') no-repeat center center; margin-left: 7px; background-size: contain}
    .affix .navbar-toggle, .affix .navbar-toggle:hover, .affix .navbar-toggle:focus {border-radius: 0px; border-width: 0px; background-color: transparent; margin-right: 7px; }
    .affix .navbar-collapse {border-top-width: 0px; }
    .affix .navbar-nav {margin-top: 12px; margin-bottom: 0px; }
    .affix .navbar-nav > li > a, .affix .navbar-nav > li > a:hover, .affix .navbar-nav > li > a:focus {text-align: center; color: #6a6a6a; }
    .affix .navbar-nav > .active > a, .affix .navbar-nav > .active > a:hover, .affix .navbar-nav > .active > a:focus {text-align: center; background-color: #898989; color: #fff; }

    section .hsContent {padding-top: 100px; padding-bottom: 100px; }

    #slide-1 {margin-top: -50px; }
    #slide-1 .hsContent {vertical-align: bottom; padding-bottom: 60px; }
    #slide-1 #bcg1 span#h1 {font-size: 30px; line-height: 30px; margin-bottom: 100px; }
    #slide-1 #bcg1 {background-attachment: scroll; }
    #slide-1 #bcg1 span#h2 {font-size: 18px; line-height: 18px; }

    #slide-1 #bcg1 #next {font-size: 15px; }
    #slide-1 #bcg1 {background: url('img/slide-1.jpg') no-repeat center center; background-size: cover; }

    #slide-2 h1 {text-align: center; }
    #slide-2 h2 {text-align: center; }
    #slide-2 h3 {text-align: center; }
    #slide-2 p {text-align: center; }

    #slide-5 #footer {background-position: top left; }

}


@media screen and (min-width: 320px) {
    .container {padding-left: 30px; padding-right: 30px; }
    #slide-1 #bcg1 #next {font-size: 20px; }
}


@media screen and (min-width: 480px) {
    .container {padding-left: 60px; padding-right: 60px; }
    #slide-1 .hsContent {padding-bottom: 80px; }

    #slide-1 #bcg1 span#h1 {font-size: 30px; line-height: 30px; margin-bottom: 100px; }
    #slide-1 #bcg1 span#h2 {font-size: 18px; line-height: 18px; }
}


@media screen and (min-width: 768px) {
    main {margin-top: -50px; }
    #slide-1 {margin-top: 0px; }
    #slide-1 #bcg1 {background-image:url('img/slide-1.jpg'); }

    .navbar-default .navbar-collapse .navbar-nav {float: right; text-align: right; }
    .navbar-default .navbar-collapse .navbar-nav li {display: inline-block; margin-left: 15px}

    .affix-top {margin-top: 0px; }
    .affix-top {background-color: transparent; }
    .affix-top .navbar-collapse {min-width: 475px; float: right; }

    .affix-top .navbar-nav > li > a, .affix-top .navbar-nav > li > a:hover, .affix-top .navbar-nav > li > a:focus {font-size: 14px; color: #fff; font-weight: 300; padding: 3px 12px !important; letter-spacing: 1px}
    .affix-top .navbar-nav > .active > a, .affix-top .navbar-nav > .active > a:hover, .affix-top .navbar-nav > .active > a:focus {border: 1px solid #fff; border-radius: 12px; -webkit-border-radius: 12px;}


    .affix {/*background-color: transparent; */}
    .affix .navbar-collapse {min-width: 475px; float: right; }
    .affix .navbar-nav > li > a, .affix .navbar-nav > li > a:hover, .affix .navbar-nav > li > a:focus {font-size: 14px; color: #fff; padding: 3px 12px !important; letter-spacing: 1px; }
    .affix .navbar-nav > .active > a, .affix .navbar-nav > .active > a:hover, .affix .navbar-nav > .active > a:focus {color: #fff; background-color: transparent; border: 1px solid #fff; border-radius: 12px; -webkit-border-radius: 12px;}


    /*.affix-top .container {width: 100%; }*/
    .affix-top >.container .navbar-brand, .affix-top >.container-fluid .navbar-brand {margin-left: 15px; }

    /*.affix .container {width: 100%; }*/
    .affix >.container .navbar-brand, .affix-top >.container-fluid .navbar-brand {margin-left: 15px; }


    #slide-2 h1 {text-align: center; }
    #slide-2 h2 {text-align: center; }
    #slide-2 p {text-align: center; }

    #slide-1 .hsContent {padding-bottom: 30px; }
    #slide-1 #bcg1 {background-attachment: fixed; }


    #slide-5 .row {margin-bottom: 50px; }
    #slide-5 h1 {text-align: left; }
    #slide-5 h2 {text-align: left; }
    #slide-5 p {text-align: left; }

}

@media screen and (min-width: 992px) {
    .container {
        padding-left: 15px; padding-right: 15px;
    }
}
.intro {
    margin: 0 auto 300px auto;
    text-align: center;
}
.intro h1 {
    font-size: 54px;
    font-weight: 100;
    text-align: center;
}
.intro p {
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    margin-bottom: 15px;
}
.intro a {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    text-align: center;
    padding: 4px 10px 2px 10px;
    letter-spacing: 1px;
}
.intro a:hover {
    text-decoration: none;
}
.item_services h2 {
    margin-bottom: 20px !important;
}
.item_services div {
    height: 64px;
    text-align: center;
    margin-bottom: 20px;
}
.item_services div:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.item_services div img {
    vertical-align: middle;
    display: inline-block;
}
#slide-3 .bcg .container .row:last-of-type {
    margin-top: 80px;
}
#slide-3 .bcg .container .row:last-of-type .col-xs-6 p {
    padding: 0 14%;
}
#slide-4 .col h2 {
    margin-bottom: 15px;
}
#slide-4 .row:first-of-type .col-sm-12{
    padding-left: 60px;
}
#slide-4 .row:last-of-type .col-sm-5{
    background: url(img/legal.png) no-repeat; background-size: 50px;
    padding-top: 15px; padding-left: 60px;
}
#slide-4 .row:last-of-type .col-sm-7{
    background: url(img/copyright.png) no-repeat; background-size: 50px;
    padding-top: 15px; padding-left: 60px;
}
/* fixes */
@media screen and (min-width: 240px) and (max-width: 767px) {
    .affix-top {padding-top: 0}
    #slide-2 h1 {padding-top: 20px}
    #slide-2 p {padding: 0}
    #slide-2 .bcg {min-height: 500px}
    #slide-3 h1 {padding-top: 20px}
    #slide-3 .bcg {min-height: 500px}
    #slide-3 .row .col-xs-6 {width: 100%}
    #slide-4 .row:first-of-type .col-sm-12 {padding-left: 30px}
    #slide-4 .row:last-of-type .col-sm-5 {background: none; padding-left: 30px}
    #slide-4 .row:last-of-type .col-sm-7 {background: none; padding-left: 30px}
}