@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,200,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: #e1e9ea;

}

body {
    background-color: #e1e9ea;
    font-size: 17px;
    
}
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;
    
}


#menu-social
{
    padding-top: 50px;
    
}



.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: 30px; 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 h1 span:last-child {font-weight: 700; font-size: 12px; line-height: 12px; display: inline-block; width: 100%; margin: 0; 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: #e1e9ea; 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-1 h1 {font-size: 4em; color: #ece6dc; text-transform: uppercase; font-weight: 200; padding-top: 100px; width: 70%}

/* FADE EFFECT */
/*#slide-1 .carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}*/
/*#slide-1 .carousel .active.left {left:0;opacity:0;z-index:2;}*/
/*#slide-1 .carousel .next {left:0;opacity:1;z-index:1;}*/


/*#slide-1 .button, #slide-1 .button:active, #slide-1 .button:focus, #slide-1 .button:hover, #slide-1 .button:visited, #slide-1 .button:link {display: inline-block; width: 160px; background-color: #009ee0;  font-size: 12px; font-weight: 400; color: #f2ebe6; text-decoration: none; padding: 15px; margin: 30px 0;z-index: 500; border-radius: 20px;}*/







/* Slide 2 */
/*#slide-2 .bcg {background-color: #f0efef; }*/
#slide-2 .bcg {background: url(img/slide-2.jpg) no-repeat; background-position: center center !important; background-size: cover }
#slide-2 h1 {color: #ece6dc !important; text-align: right !important; font-size: 4em; font-weight: 200; padding-top: 80px }
#slide-2 h2 {color: #ece6dc !important; text-align: right !important; font-size: 28px; font-weight: 200; }
#slide-2 p {color: #ece6dc !important; text-align: right !important; font-size: 14px; font-weight: 200; width: 50%; float: right }

/* Slide 3 */
#slide-3 .bcg {background: url(img/slide-3.jpg) no-repeat; background-position: center center !important; background-size: cover}
#slide-3 h1 {color: #ece6dc !important; font-weight: 200; font-size: 4em; text-transform: uppercase; padding-bottom: 50px; padding-top: 80px}
#slide-3 h2 {color: #ece6dc !important; font-size: 28px; font-weight: 200 }
#slide-3 p {color: #ece6dc !important; font-size: 14px; font-weight: 200}

#slide-3 form {display: block; width: 100%;}
#slide-3 input[type="text"] {width: 100%; margin: 0 0 30px 0; padding: 10px 10px 5px 10px; text-transform: uppercase; background-color: transparent; color: #f1e8f0; border-width: 0px; border-bottom: 2px solid #f1e8f0; outline: none; }
#slide-3 .text-wrapper:last-child input[type="text"] {margin-bottom: 0px; }
#slide-3 textarea {font-family: 'Raleway'; width: 100%; height: 37px; margin: 40px 0 20px 0; padding: 10px 10px 5px 10px; font-size: 15px; text-transform: uppercase; background-color: transparent; color: #f1e8f0; border-width: 0px; border: 2px solid #f1e8f0; outline: none; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; }
#slide-3 input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; border-width: 0px 0px 2px 0px; border-color: #f1e8f0; padding: 10px 10px 5px 10px; text-transform: uppercase; background-color: transparent; color: #f1e8f0; font-weight: 700; letter-spacing: 2px; }
#slide-3 .submit-wrapper {margin-top: 40px; }

#slide-3 ::-webkit-input-placeholder {color: #f1e8f0; }
#slide-3 :-moz-placeholder { /* Firefox 18- */  color: #f1e8f0; }
#slide-3 ::-moz-placeholder {  /* Firefox 19+ */ color: #f1e8f0; }
#slide-3 :-ms-input-placeholder { color: #f1e8f0; }

#slide-3 .table {height: 100%; }
#slide-3 .cell {vertical-align: bottom; }

/* Slide 4 */
#slide-4 .bcg {background-color: #ede6dc; }
#slide-4 h1 {color: #333 !important; font-size: 100px; font-weight: 200; margin-top: 0 }
#slide-4 h2 {color: #333 !important; font-weight: bold}
#slide-4 p {font-size: 14px; font-weight: 200}
#slide-4 .row .col {height: auto !important;}


/* Slide 5 */
#slide-5 .bcg {background-color: #202020; }
#slide-5 h1 {color: #acacac; text-align: center; }
#slide-5 h2 {color: #acacac; text-align: center; font-weight: 400; }
#slide-5 p {color: #acacac; text-align: left; }

#slide-5 #menu-footer {height: 65px; }
#slide-5 #menu-footer a,
#slide-5 #menu-footer a:focus
{ color: #acacac; line-height: 65px; height: 65px; padding: 0px 7px; float: right; font-family: 'Raleway';}
#slide-5 #menu-footer a:hover {color: #ffffff; }


#map-canvas-wrapper {
    height: 400px;
    margin: 0px;
    padding: 0px;
    position: relative;
    
}

#map-canvas {
    height: 400px;
    margin: 0px;
    padding: 0px;
    color: #000000;
    z-index: 888;
}



#map-canvas #infowindow {
    width: 180px;

}



@media screen and (min-width: 240px)
{
    main {margin-top: -50px; }
    section .col-xs-12 {padding-left: 30px; padding-right: 30px; }
    .affix-top {width: 100%; z-index: 99999; background-color: transparent; border-width: 0px; border-radius: 0; position: fixed}
    .affix-top .navbar-brand {width: 200px; height: 130px; background: url('img/site-top-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; background: #130011;}
    .affix-top .navbar-nav {margin-top: 0px; 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: #898989; color: #ffffff; }

    .affix {width: 100%; z-index: 99999; background-color: #000; border-width: 0px; border-radius: 0}
    .affix .navbar-brand {width: 135px; height: 70px; background: url('img/site-top-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: 0px; 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: #ffffff; }
    
    
    section .hsContent {padding-top: 100px; padding-bottom: 100px; }
    
    #slide-1 {/*margin-top: -50px;*/ }
    #slide-1 .hsContent {vertical-align: middle; 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-image:url('img/slide-1.jpg'); }
    
    #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)
{
    

    #slide-1 {margin-top: 0px; }
    #slide-1 #bcg1 {background-image:url('img/slide-1.jpg'); }
    
    #slide-5 .bcg { }

    
    .navbar-default .navbar-collapse .navbar-nav {float: right; text-align: right; display:none}
    .navbar-default .navbar-collapse .navbar-nav li {display: inline-block; }

    .affix-top {margin-top: 0px; }
    .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: 10px; color: #898989; padding-left: 10px; padding-right: 10px; }
    .affix-top .navbar-nav > .active > a, .affix-top .navbar-nav > .active > a:hover, .affix-top .navbar-nav > .active > a:focus {color: #000000; 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-left: 10px; padding-right: 10px; }
    .affix .navbar-nav > .active > a, .affix .navbar-nav > .active > a:hover, .affix .navbar-nav > .active > a:focus {color: #ccc; background-color: transparent; }





    /*.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: left; }
    #slide-2 h2 {text-align: left; }
    #slide-2 h3 {text-align: left; }
    #slide-2 p {text-align: left; }

    #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; }


    /*#slide-5 #footer {background-position: left center; padding-top: 0px; padding-left: 115px; height: 59px; line-height: 59px;  }*/

    
}

@media screen and (min-width: 992px)
{
    .container {padding-left: 15px; padding-right: 15px; }

    


    #slide-1 .hsContent { }
    
    
}

@media screen and (min-width: 1200px)
{
    #slide-1 .hsContent { }
    
}
@media screen and (min-width: 320px) and (max-width: 568px) {
    #slide-1 h1,
    #slide-2 h1,
    #slide-3 h1 {font-size: 2em; width: 100%; text-align: center !important; padding-top: 40px}
    #slide-2 h2 {text-align: center !important}
    #slide-2 p {width: 100%; text-align: center !important}
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    #slide-5 #menu-footer {display: none;}
}
/* mobile fixup */
@media screen and (min-width: 240px) and (max-width: 768px) {
    .affix .navbar-toggle {margin-top: 20px !important}
}
#nav-wrapper {height: 50px !important}
#slide-2 .row:last-of-type {margin-top: 20px}
.navbar-toggle {display: none}