/*
Theme Name: 	Pierre Louis
Theme URI: 		http://id-clic.be
Description: 	Thème développé pour Pierre Louis
Version: 		1.1
Author: 		Steve Tilgenkamp
Author URI: 	http://id-clic.be
*/
/*-----------------------------------------------------------------------------------
	    Template_Pierre_Louis
-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Ubuntu&subset=latin-ext');
body{
    margin:0;
    padding:0;
    background:#FFF;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a:hover{text-decoration: none; cursor:pointer;}

a,button{outline: none!important;} /* Prevent ugly blue glow on chrome and safari */

#page-loading-blocs-notifaction{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;}

/* = Blocs
-------------------------------------------------------------- */

.logo-header{
    width: 400px;
}
.bloc{
    width:100%;
    clear:both;
    background: 50% 50% no-repeat;
    padding:0 50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position:relative;
}
.bloc .container{
    padding-left:0;
    padding-right:0;
}


/* Sizes */

.bloc-xxl{
    padding:200px 50px;
}
.bloc-xl{
    padding:150px 50px;
}
.bloc-lg{
    padding:100px 50px;
}
.bloc-md{
    padding:50px;
}
.bloc-sm{
    padding:20px 50px;
}

/* = Full Width Blocs
-------------------------------------------------------------- */

.full-width-bloc{
    padding-left:0;
    padding-right:0;
}
.full-width-bloc .container{
    width:100%;
    max-width:100%!important;
}
.full-width-bloc .carousel img{
    width:100%;
    height:auto;
}


/* Background Textures */

.bloc-bg-texture::before{
    content:"";
    background-size: 2px 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
}
.texture-darken::before{
    background: rgba(0,0,0,0.5);
}
.texture-darken-strong::before{
    background: rgba(0,0,0,0.8);
}


/* Background Effects */

.b-parallax{
    background-attachment:fixed;
}


/* Dark theme */

.d-bloc{
    color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
    color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
    border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
    border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a,.d-bloc .navbar-brand, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
    color:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc .navbar-brand:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
    color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
    background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
    color:rgba(255,255,255,1);
    border-color:rgba(255,255,255,1);
}
.d-bloc .panel{
    color:rgba(0,0,0,.5);
}
.d-bloc .panel button:hover{
    color:rgba(0,0,0,.7);
}
.d-bloc .panel icon{
    border-color:rgba(0,0,0,.7);
}
.d-bloc .panel .divider-h span{
    border-color:rgba(0,0,0,.1);
}
.d-bloc .panel .a-btn{
    color:rgba(0,0,0,.6);
}
.d-bloc .panel .a-btn:hover{
    color:rgba(0,0,0,1);
}
.d-bloc .panel .btn-wire, .d-bloc .panel .btn-wire:hover{
    color:rgba(0,0,0,.7);
    border-color:rgba(0,0,0,.3);
}


/* Light theme */

.d-bloc .panel,.l-bloc{
    color:rgba(0,0,0,.5);
}
.d-bloc .panel button:hover,.l-bloc button:hover{
    color:rgba(0,0,0,.7);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
    border-color:rgba(0,0,0,.7);
}
.d-bloc .panel .divider-h span,.l-bloc .divider-h span{
    border-color:rgba(0,0,0,.1);
}
.d-bloc .panel .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc .navbar-brand,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
    color:rgba(0,0,0,.6);
}
.d-bloc .panel .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc .navbar-brand:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
    color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
    color:rgba(0,0,0,.6);
}
.d-bloc .panel .btn-wire,.d-bloc .panel .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
    color:rgba(0,0,0,.7);
    border-color:rgba(0,0,0,.3);
}

/* Row Margin Offsets */

.voffset{
    margin-top:30px;
}
.voffset-lg{
    margin-top:80px;
}

/* Column No Gutters */

.row-no-gutters{
    margin-right:0;
    margin-left:0;
}
.row.row-no-gutters > [class^="col-"],.row.row-no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

/* Bloc text custom styling */

#hero p{
    font-family: Lato;
    font-weight: 300;
    font-size: 23px;
}
#bloc-5 h1{
    font-family: Lato;
    font-weight: 400;
    font-size: 45px;
}
#bloc-5 p{
    line-height: 30px;
}
#bloc-6 h1{
    font-size: 45px;
}
#bloc-7 h2{
    font-family: Lato;
    font-weight: 400;
}
#bloc-10 h1{
    font-family: Lato;
    font-weight: 300;
}
#bloc-10 h4{
    line-height: 28px;
}
#bloc-10 p{
    font-family: Lato;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
}
#get-in-touch h3{
    font-family: Lato;
    font-weight: 300;
}
#footer h4{
    font-family: Lato;
    font-weight: 300;
}
#footer p{
    font-family: Lato;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
}

/* = NavBar
-------------------------------------------------------------- */

.navbar{
    margin-bottom: 0;
    z-index:1;
}
.navbar-brand{
    height:auto;
    padding:3px 15px;
    font-size:25px;
    font-weight:normal;
    font-weight:600;
    line-height:44px;
}
.navbar-brand img{
    max-height: 200px;
    margin: 0 5px 0 0;
    display:inline;
}
.nav-center .navbar-brand img{
    margin:0;
}
.navbar .nav{
    padding-top: 2px;
    margin-right: -16px;
    float:right;
    z-index:1;
}
.nav > li{
    float:left;
    margin-top:4px;
    font-size:16px;
}
.navbar-nav .open .dropdown-menu > li > a{
    text-align: inherit;
}
.nav > li a:hover, .nav > li a:focus{
    background:transparent;
}
.navbar-toggle{
    margin: 10px 10px 0 0;
    border: 0px;
}
.navbar-toggle:hover{
    background:transparent!important;
}
.navbar-toggle .icon-bar{
    background-color: rgba(0,0,0,.5);
    width: 26px;
}
/* Inverted navbar */

.nav-invert .navbar .nav{
    float:left;
}
.nav-invert .navbar-header, .nav-invert .navbar-brand{
    float:right;
}
@media (min-width: 768px){
    .site-navigation{
        position:absolute;
        top:50%;
        right:20px;
        transform:translate(0, -50%);
        -webkit-transform:translateY(-50%);
    }
    .nav > li .dropdown-menu a,.nav > li .dropdown-menu a:hover{
        color:#484848;
    }
    .nav-invert .site-navigation{
        left:0;
        right:0;
    }
    .nav-center{
        text-align:center;
    }
    .nav-center .navbar-header{
        width:100%;
    }
    .nav-center .navbar-header, .nav-center .navbar-brand, .nav-center .nav > li{
        float: none;
        display:inline-block;
    }
    .nav-center .site-navigation{
        position:relative;
        width:100%;
        margin-top:20px;
    }
    .nav-center.mini-nav .navbar-toggle{
        float:none;
        margin: 10px auto 0;
    }
}
.nav > li > .dropdown a{
    background: none!important;
    display: block;
    padding: 14px 15px;
}

nav .caret{
    margin: 0 5px;
}
/* Dropdown Menus SubMenu */
.dropdown-menu .dropdown-menu{
    top:-8px;
    left:100%;
}
.dropdown-menu .dropmenu-flow-right{
    top:100%;
    left:0;
    margin-left: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.dropdown-menu .dropdown span{
    border: 4px solid black;
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
    margin: 6px -5px 0 0!important;
    float: right;
}
/* = Sticky Nav
-------------------------------------------------------------- */

.sticky-nav.sticky{
    position:fixed;
    top:0;
    z-index:1000;
    box-shadow:0 1px 2px rgba(0,0,0,.3);
    transition: all .2s ease-out;
}

/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-sm{
    margin-top:10px;
    margin-bottom:5px;
}
.mg-md{
    margin-top:10px;
    margin-bottom:20px;
}
.mg-lg{
    margin-top:10px;
    margin-bottom:40px;
}
img.mg-sm,img.mg-md,img.mg-lg{
    margin-top: 0;
}
img.mg-sm{
    margin-bottom:10px;
}
img.mg-md{
    margin-bottom:30px;
}
img.mg-lg{
    margin-bottom:50px;
}

/* = Buttons
-------------------------------------------------------------- */

.btn{
    margin: 0 5px 5px 0;
}
.btn.pull-right{
    margin: 0 0 5px 5px;
}
.btn-d,.btn-d:hover,.btn-d:focus{
    color:#FFF;
    background:rgba(0,0,0,.3);
}

/* Prevent ugly blue glow on chrome and safari */
button{
    outline: none!important;
}

.btn-sq{
    border-radius: 0px;
}
.btn .caret{
    margin:0 0 0 5px}.dropdown a .caret{
                         margin:0 0 0 5px}.btn-dropdown .dropdown-menu .dropdown{
                                              padding: 3px 20px;
                                          }

/* = Icons
-------------------------------------------------------------- */
.icon-md{
    font-size:30px!important;
}


/* = Text & Icon Styles
-------------------------------------------------------------- */
.pressed-t{
    text-shadow:0 1px 0 #FFF;
}
/* = Text Widths
-------------------------------------------------------------- */
.text-w-80{
    max-width:80%;
}
.text-w-70{
    max-width:70%;
}
.text-w-60{
    max-width:60%;
}
.text-center.text-w-sm, .text-center.text-w-md, .text-center.text-w-lg, .text-center.text-w-90, .text-center.text-w-80, .text-center.text-w-70, .text-center.text-w-60, .text-center.text-w-50{
    margin-left: auto;
    margin-right: auto;
}


/* = Panels
-------------------------------------------------------------- */
.panel{
    border:0;
    box-shadow: 0 0 2px rgba(0,0,0,.4);
}
.panel-heading, .panel-footer{
    background-color: inherit;
    border-color: rgba(0,0,0,.1)!important;
}
.panel-sq, .panel-sq .panel-heading, .panel-sq .panel-footer{
    border-radius:0;
}
.panel-rd{
    border-radius:30px;
}
.panel-rd .panel-heading{
    border-radius:29px 29px 0 0;
}
.panel-rd .panel-footer{
    border-radius:0 0 29px 29px;
}

/* = Dividers
-------------------------------------------------------------- */
.divider-h{
    padding:20px 0;
}
.divider-h span{
    display: block;
    border-top:1px solid transparent;
}
.divider-half{
    width: 50%;
    margin: 0 auto;
}
.dropdown-menu .divider-h,.dropdown-menu .divider-half{
    padding:0;
}

/* = Forms
-------------------------------------------------------------- */

.form-control{
    border-color:rgba(0,0,0,.1);
    box-shadow:none;
}

/* iFrame */

iframe{
    border:0;
}
/* = Carousel
-------------------------------------------------------------- */

.carousel{
    display:inline-block;
    vertical-align:bottom;
}
.full-width-bloc .carousel{
    width:100%;
}
.carousel .item img{
    margin-right:auto;
    margin-left:auto;
}
.carousel-control span{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control{
    color:#FFF!important;
    text-shadow: none;
}
.carousel-indicators li{
    margin: 0 4px;
}
.carousel-indicators .active{
    margin: 0 4px -1px;
}
.carousel-control.left span{
    margin-left:-15px;
}

.no-shadows .carousel-control.left, .no-shadows .carousel-control.right{
    background-image: none;
}


/* ScrollToTop button */

.scrollToTop{
    width:40px;
    height:40px;
    position:fixed;
    bottom: 85px;
    right: 10px;
    opacity: 0;
    z-index: 500;
    transition: all .3s ease-in-out;
}
.scrollToTop span{
    margin-top: 6px;
}
.showScrollTop{
    font-size: 14px;
    opacity: 1;
}
/* = Lightbox
-------------------------------------------------------------- */

a[data-lightbox]{
    position: relative;
    display: block;
    text-align: center;
}
a[data-lightbox]:hover::before{
    content:"+";
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial;
    font-size:32px;
    width:50px;
    height:50px;
    margin-left:-25px;
    border-radius: 50%;
    background:rgba(0,0,0,.6);
    color:#FFF;
    font-weight:100;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
a[data-lightbox]:hover img{
    opacity: 0.6;
    -webkit-animation-fill-mode: none;
    animation-fill-mode:none;
}
#lightbox-modal .modal-dialog{
    width:90%;
    max-width:900px;
    margin:30px auto 0;
}
#lightbox-modal .modal-dialog img{
    margin: 0 auto;
}
.lightbox-caption{
    padding: 20px;
    color: #FFF;
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 5px;
}
.close-lightbox{
    display: none;
    font-size: 40px;
    position: absolute;
    top:8px;
    right:20px;
    z-index: 20;
}
.next-lightbox, .prev-lightbox{
    font-size:20px;
    color:rgba(255,255,255,.4);
    transition: all .2s ease-in-out;
    position: absolute;
    top:50%;
    z-index:1;
}
.next-lightbox{
    right:25px;
}
.prev-lightbox{
    left:25px;
}
.prev-lightbox:hover, .next-lightbox:hover{
    color:rgba(255,255,255,.9);
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{
    font-family:"Lato";
    font-weight:300;
}
.container{
    max-width:1128px;
}
.logo{
    font-family:"Ubuntu";
    text-transform:uppercase;
    color:#000000!important;
}
.logo:hover{
    color:#000153!important;
    text-shadow:0px 2px 30px rgba(0,1,83,0.5);
}
.navigation{
    font-family:"Lato";
    text-transform:uppercase;
    font-weight:400;
    color:#000000!important;
    letter-spacing:1px;
    font-size:14px;
}
.navigation:hover{
    font-size:14px;
    color:#707070!important;
}
p{
    font-family:"Lato";
    font-weight:300;
    font-size:20px;
}
.hero-heading{
    text-shadow:0px 1px 30px rgba(255,255,255,0.5);
}
.hero-heading:hover{
}
.wire-button{
    border-width:1px 1px 1px 1px;
    border-style:solid;
    border-color:#000000;
    background-color:rgba(0,0,0,0.0);
    color:#000000!important;
    text-transform:uppercase;
    font-family:"Lato";
    font-size:16px;
    font-weight:400;
    text-shadow:px;
}
.wire-button:hover{
    font-size:16px;
    text-transform:uppercase;
    color:#FFFFFF!important;
    background-color:#A3A3A3;
    border-width:1px 1px 1px 1px;
    border-color:#000153;
    border-style:solid;
    box-shadow:0px 1px 30px rgba(0,1,83,0.5);
    font-family:"Lato";
    font-weight:400;
}
.bottom-padding{
    padding-bottom:28px;
}
.bottom-symbol{
    color:#FFFFFF!important;
}
.bottom-symbol:hover{
    text-shadow:0px 3px 30px #FFFFFF;
}
.partners{
    color:#999999!important;
}
.partners:hover{
    color:#000000!important;
}
.play-button{
    background-color:rgba(1,1,1,0.0);
    border-radius:200px 200px 200px 200px;
    padding-top:40%;
    padding-bottom:40%}.play-button:hover{
                           background-color:rgba(0,0,0,0.5);
                           border-radius:200px 200px 200px 200px;
                       }
.play{
    color:rgba(255,255,255,0.5)!important;
    background-color:rgba(0,0,0,0.0);
    border-style:none;
}
.play:hover{
    background-color:rgba(1,1,1,0.0);
    color:#FEFFFF!important;
    text-shadow:0px 2px 30px #FEFFFF;
}
.padding-top{
    padding-top:20px;
}
.white-shadow{
    text-shadow:0px 4px 30px #FEFFFF;
}
.picture-shadow{
    box-shadow:0px 0px 1px #000000;
}
h4{
    font-family:"Lato";
    font-weight:300;
}
.label{
    font-family:"Lato";
}
label{
    font-weight:400;
    color:#000000!important;
}
.form{
    border-width:1px 1px 1px 1px;
    border-style:solid;
    border-color:rgba(2,29,122,0.2);
    border-radius:0px 0px 0px }.form:active{
                                   border-width:1px 1px 1px 1px;
                                   border-color:#000153;
                               }
.form:hover{
    border-width:1px 1px 1px 1px;
    border-color:#000E66;
}
.dropdown{
}
.bg{
    background-color:rgba(0,0,0,0.5);
}
.link-color{
    color:#000000!important;
    font-family:"Lato";
    font-weight:400;
}
.link-color:hover{
    font-family:"Lato";
    font-weight:400;
}
.blocs-personal-panel{
    max-width:400px;
    min-height:400px;
    padding:40px 10px 40px 10px;
    background-color:#FFFFFF;
    text-align:center;
    border-radius:6px 6px 6px 6px;
    border-width:0px 0px 0px 0px;
}
.blocs-panel-avatar{
    max-width:100px;
    margin-bottom:20px;
}
.blocs-personal-panel h3{
    color: rgba(0,0,0,.8);
    font-family:"Lato";
    font-size:36px;
    font-weight:700;
}
.blocs-personal-panel p{
    color: rgba(0,0,0,.3);
    font-family:"Lato";
    font-size:18px;
    font-weight:700;
    margin-bottom:20px;
}
.blocs-social-list-v{
    max-width:220px;
    margin:0 auto!important;
}
.blocs-social-list-v li{
    min-width:30px;
}
.bloc-group-text-vc{
    font-size:50px;
    margin-top:20%;
}
.slider_header{
    height:370px;
}

/* = Colour
-------------------------------------------------------------- */

/* Background colour styles */

.bgc-white{
    background-color:#FFFFFF;
}
.bgc-medium-jungle-green{
    background-color:#2C2C2C;
}
.bgc-snow{
    background-color:#FBFBFB;
}
/* Text colour styles */

.tc-white{
    color:#FFFFFF!important;
}
.tc-medium-jungle-green{
    color:#2C2C2C!important;
}
.tc-black{
    color:#000000!important;
}
.tc-anti-flash-white{
    color:#F2F3F3!important;
}
.tc-snow{
    color:#FBFBFB!important;
}
/* Button colour styles */

.btn-white{
    background:#FFFFFF;
    color:rgba(0,0,0,.5)!important;
}
.btn-white:hover{
    background:#cccccc;
    color:rgba(0,0,0,.5)!important;
}
/* Link colour styles */

.ltc-black{
    color:#FFFFFF!important;
}
.ltc-black:hover{
    color:#cccccc!important;
}
/* Icon colour styles */

.icon-medium-jungle-green{
    color:#2C2C2C!important;
    border-color:#2C2C2C!important;
}
.icon-oxford-blue{
    color:#000153!important;
    border-color:#000153!important;
}

/* Bloc image backgrounds */

.bg-glass-time-watch-business{
    background-image:url("img/glass-time-watch-business.jpg");
}
.bg-pexels-photo-168927{
    background-image:url("img/pexels-photo-168927.jpg");
}
.bg-pexels-photo{
    background-image:url("img/pexels-photo.jpg");
}
.bg-pexels-photo-271543{
    background-image:url("img/pexels-photo-271543.jpg");
}
.bg-Atelier-2{
    background-image:url("img/Atelier-2.jpg");
}
.bg-Atelier-2{
    background-image:url('img/Atelier-2.jpg');
}



/* = Mobile adjustments
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
    .bloc{
        padding-left: 20px;
        padding-right: 20px;
    }
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 992px) and (min-width: 768px)
{
    .navbar .nav{
        max-width:80%
    }
    .nav-center.navbar .nav{
        max-width:100%
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {.b-parallax{background-attachment:scroll;}}
@media (max-width: 768px)
{
    .container{width:100%;}
    .b-parallax{background-attachment:scroll;}
    .page-container, #hero-bloc{overflow-x: hidden;position: relative;} /* Prevent unwanted side scroll on mobile */
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{padding-left: 10px;padding-right: 10px;}
}
@media (max-width: 767px)
{
    .page-container{
        overflow-x: hidden;
        position:relative;
    }
    h1,h2,h3,h4,h5,h6,p,#disqus_thread{
        padding-left:10px!important;
        padding-right:10px!important;
    }
    #hero-bloc h1{
        font-size:40px;
    }
    #hero-bloc h2{
        font-size:34px;
    }
    #hero-bloc h3{
        font-size:25px;
    }
    .b-parallax{
        background-attachment:scroll;
    }
    .navbar .nav{
        padding-top: 0;
        border-top:1px solid rgba(0,0,0,.2);
        float:none!important;
    }
    .navbar.row{
        margin-left: 0;
        margin-right: 0;
    }
    .site-navigation{
        position:inherit;
        transform:none;
        -webkit-transform:none;
        -ms-transform:none;
    }
    .nav > li{
        margin-top: 0;
        border-bottom:1px solid rgba(0,0,0,.1);
        background:rgba(0,0,0,.05);
        text-align: left;
        padding-left:15px;
        width:100%;
    }
    .nav > li:hover{
        background:rgba(0,0,0,.08);
    }
    .dropdown .dropdown a .caret{
        float: none;
        margin: 5px 0 0 10px!important;
        border: 4px solid black;
        border-bottom-color: transparent;
        border-right-color: transparent;
        border-left-color: transparent;
    }

    #hero-bloc .navbar .nav{
        background:rgba(0,0,0,.8);
    }
    #hero-bloc .navbar .nav a{
        color:rgba(255,255,255,.6);
    }
    .hero{
        padding:50px 0;
    }
    .hero-nav{
        left:-1px;
        right:-1px;
    }
    .navbar-collapse{
        padding:0;
        overflow-x: hidden;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-brand img{
        max-height: 40px;
        width:auto;
    }
    .nav-invert .navbar-header{
        float: none;
        width:100%;
    }
    .nav-invert .navbar-toggle{
        float:left;
    }
    .bloc-xxl,.bloc-xl,.bloc-lg{
        padding: 40px 0;
    }
    .bloc-sm,.bloc-md{
        padding-left: 0;
        padding-right: 0;
    }
    .a-block{
        padding:0 10px;
    }
    .btn-dwn{
        display:none;
    }
    .voffset{
        margin-top:5px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .video-bg-container{
        display:none;
    }
    .blocsapp-device-iphone5{
        background-size: 216px 425px;
        padding-top:60px;
        width:216px;
        height:425px;
    }
    .blocsapp-device-iphone5 img{
        width: 180px;
        height: 320px;
    }
}

@media (max-width: 400px)
{
    .bloc{
        padding-left: 0;
        padding-right: 0;
        -webkit-background-size: auto 200%;
        -moz-background-size: auto 200%;
        -o-background-size: auto 200%;
        background-size: auto 200%;
    }
}

@media (max-width: 768px){
    .bloc-group-text-vc, .mobile .bloc-group-text-vc{
        margin-top:0%;
    }
}
/* Drop Down Navigation */
@media (min-width: 767px) and (max-width: 768px){

    .mini-nav .special-dropdown-nav .site-navigation{
        display: block;
        position: absolute;
        top: 80%;
        z-index: 1000;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
    .mini-nav .special-dropdown-nav .site-navigation li{
        width:100%;
    }
    .special-dropdown-nav.collapsing{
        transition: height 0.001s;
    }
    .mini-nav .special-dropdown-nav .site-navigation li a{
        color: rgba(0,0,0,.6)!important;
    }
}
@media (max-width: 420px){
    .bloc-group-text-vc{
        margin-top:0%;
    }
}

.separator{
    height: 25px;
    width: 100%;
    display: block;
    clear: both;
}

.wpcf7-form-control-wrap{
    display: block;
    width: 100%;
}
.wpcf7-form-control-wrap input:focus, .wpcf7-form-control-wrap textarea:focus{
    border: 1px solid black;
    outline: none;
}
.wpcf7-form-control-wrap textarea{
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.wpcf7-form-control-wrap input[type=checkbox] {
    border: 0;
    padding-left: 0;
    float: left;
    width: auto;
    border-top: 0px;
    margin-right: 15px;
    padding-top: 0;
    box-shadow: none;
    height: 24px;
}

.wpcf7-form-control-wrap input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input[type=submit]{
    background-color: transparent;
    border: 0px;
}
.site-navigation li a{
    text-transform: uppercase;
}