/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 

**************************************************************************

    @ Copyright © 2019 POINT WEB
    @ Catégorie : Structure site
    @ Site : 3S
    @ Auteur : SERCO POINT WEB - Nico / www.point-web.fr

**************************************************************************/

/************* GENERAL **************/

    *,*:after,*:before{-webkit-tap-highlight-color:transparent;list-style-position:inside;list-style-type:none;color:inherit;box-sizing:border-box;margin:0;padding:0;outline:none;position:relative;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
    *:after,*:before{display:inline-block;z-index:1;}
    html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
    form,fieldset,input,textarea,p,blockquote,th,td,p,figure,figcaption,button{border:0;font-size:inherit;color:inherit;background:transparent;}
    section,article,header,footer,nav,aside{display:block;}
    table,td,blockquote,code,pre,textarea,input,video{max-width:100%;}
    p,dd,ul{word-wrap:break-word;-webkit-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none;}
    input,textarea,button{resize:none;-webkit-appearance:none;font-family:inherit;}
    img{border:none;max-width:100%;height:auto;}
    a,button{border:0;cursor:pointer;color:inherit;text-decoration:none;transition:.25s;}
    a,a:hover,a:active,a:focus,button,button:hover,button:focus,button:active{text-decoration:none;outline:none;}
    .clear{clear:both;background:none;outline:none;border:none;height:1px;margin:0;}
    .bg-img{background-position:center center;background-size:cover;}
    .swiper-slide{display:flex;align-items:center;overflow:hidden;flex:1 0 auto;height:100%;}
    .swiper-wrapper{display:flex;flex-wrap:nowrap;height:100%;}
    [data-img]{width:100%;height:100%;left:0;top:0;opacity:0;position:absolute;}
    [data-link]{cursor:pointer;}
    [data-bg]{background-size:cover;background-position:center center;}
    [data-mail]{cursor:pointer;display:inline!important;}
    [data-grid] > *{position:absolute;}
    strong{font-weight:bold;}
    i.fa-at{font-size:90%;top:1px;}
                
    /* autocomplete styles in Chrome */
        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus
        textarea:-webkit-autofill,
        textarea:-webkit-autofill:hover
        textarea:-webkit-autofill:focus,
        select:-webkit-autofill,
        select:-webkit-autofill:hover,
        select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #000 inset;transition:background-color 5000s ease-in-out 0s;background-color:inherit!important;}
            
    /* selection styling */
        *::-moz-selection{background:#000;color:#fff;}
        *::selection{background:#000;color:#fff;}

    /* selection placeholder */
        ::-webkit-input-placeholder{color:inherit;opacity:.5;}
        ::-moz-placeholder{color:inherit;opacity:.5;}
        ::-ms-input-placeholder{color:inherit;opacity:.5;}


/*----------------------------------------------------< PRESET APP >---------------------------------------------------*/

    html{width:100%;background:#fff;overflow-x:hidden;line-height:1;}
    body{width:100%;background:inherit;overflow-x:hidden;font-family:'Poppins', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

    /* cookies */
        #cookiesdirective{transition:transform .5s, opacity .5s;position:fixed;background:#43b74f;top:auto!important;z-index:24000;transition:.8s;max-width:calc(100% - 30px);color:#fff;line-height:18px;padding:10px 25px;font-size:11px;font-family:inherit;box-shadow:0 3px 35px rgba(0,0,0,.15);width:500px;bottom:15px;left:15px;}
        #cookiesdirective.close{transform:translateY(100%);opacity:0;}
        #cookiesdirective > div{width:100%;padding:10px 5px;}
        #cookiesdirective a{font-family:inherit;line-height:auto;font-size:inherit;color:#fff;font-weight:900;}
        #cookiesdirective a:hover{color:#fff;}
        #cookiesdirective input{border:0;color:#43b74f;border-radius:2px;transition:.3s;cursor:pointer;background:#fff;font-family:Arial;font-weight:900;position:absolute;top:-3px;right:-18px;width:16px;height:16px;font-size:10px;line-height:15px;}
        #cookiesdirective input:hover{border-radius:50%;-webkit-transform:rotate(180deg);transform:rotate(180deg);}

    /* recaptcha styling */  
        .captcha{height:40px;display:inline-block;margin:5px 0 10px;}
        .captcha .g-recaptcha{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.4s;z-index:9999;cursor:pointer!important;margin-right:8px;float:left;border:2px solid #1d221e;cursor:pointer;overflow:hidden;width:29px;height:29px;border-radius:50%;}
        .captcha .g-recaptcha:hover{border-color:#43b74f;}
        .captcha .g-recaptcha > div{cursor:pointer!important;width:500px!important;margin-top:-24px;margin-left:-14px;position:static;}
        .captcha .no-robot{font-weight:500;float:left;font-size:13px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
        .captcha .no-robot .liens{font-size:9px;font-weight:normal;}
        .captcha .no-robot .liens a:hover{color:#43b74f;}

    /* h* */
        h2, .h2{line-height:1;font-size:calc(16px + 10 * (100vw - 320px) / 1080);margin:calc(15px + 2%) 0;}
        h3, .h3{font-weight:700;font-size:calc(13px + 2 * (100vw - 320px) / 1080);}
        * + h3{margin-top:calc(15px + 1%);}

    /* bc */
        #bc{margin-bottom:20px;color:#43b74f;}
        #bc li:after{content:'/';font-size:5px;font-weight:900;margin:0 6px 0 10px;top:-3px;}
        #bc li:last-child{font-weight:bold;}
        #bc li:last-child:after{display:none;}
        #bc li{display:inline-block;font-size:12px;font-weight:40px;}
        #bc li a:hover{color:#6bdd77;}
    
    /* count-h */
        .count-h{counter-reset:title;}
        .count-h h3:before{color:#43b74f;font-size:15px;font-weight:300;margin-right:5px;content:counter(title) ". ";counter-increment:title;}
    
    /* alert */
        .paragraphe + .alert, h2 + .alert{margin-top:15px;}
        .alert, .badge{background:#1d1d1b;color:#fff;font-size:12px;margin-bottom:10px;font-weight:400;line-height:1;padding:calc(10px + 0.5%) calc(10px + 1%) calc(10px + 0.3%) calc(10px + .5%);}
            .badge.badge-danger, .alert.alert-danger{background:#bd2828;}
            .badge.badge-success, .alert.alert-success{background:#84b41c;}
            .badge.badge-info, .alert.alert-info{background:#2875bd;}
            .badge.badge-warning, .alert.alert-warning{background:#bd6e28;}
        .badge{display:inline-block;white-space:nowrap;padding:3px 5px 2px 6px;border-radius:2px;font-weight:bold;font-size:10px}
        .alert.hide{transition:opacity .3s;}
        .alert [data-close-alert]{position:absolute;top:2px;right:4px;font-size:10px;}

    /* paragraphe */
        .paragraphe{margin:10px 0 0;font-size:calc(12px + 1.5 * (100vw - 320px) / 1080);line-height:2.2;font-weight:300;}
        .paragraphe + .paragraphe{margin-top:25px;}
        .paragraphe + form{margin-top:10px;}
        .paragraphe + .btn{margin-top:25px;}
        .paragraphe strong{font-weight:700;}
        /*.paragraphe p{margin-top:15px;}*/
        .paragraphe a{font-weight:bold;}
        .paragraphe a:hover{color:#6bdd77;}
        .paragraphe p + .btn{margin-top:25px;}

    /* btn */
        .btn{font-size:calc(10px + 1 * (100vw - 320px) / 1080);line-height:1;text-align:center;display:inline-block;text-shadow:0 0 0;border:2px solid #43b74f;color:#43b74f;text-transform:uppercase;letter-spacing:2px;font-weight:600;padding:calc(10px + .7vw) calc(15px + .7vw);}
        .btn:hover{background:#43b74f;color:#fff!important;}
        .btn-small{padding:10px 15px;}

    /* icon */
@font-face {
    font-family: 'icon';
    src:  url('../../lib/icon/icon.eot');
    src:  url('../../lib/icon/icon.eot?7lnby3#iefix') format('embedded-opentype'),
    url('../../lib/icon/icon.ttf') format('truetype'),
    url('../../lib/icon/icon.woff') format('woff'),
    url('../../lib/icon/icon.svg#icon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
    @media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:"icon";src:url("../../lib/icon/icon.svg#icon") format("svg");}}
    [class^="ico-"]:before,
    [class*=" ico-"]:before,
    [class^="ico-"]:after,
    [class*=" ico-"]:after{font-family:icon;font-size:inherit;font-style:normal;}

    .ico-transport:before {
        content: "\f108";
    }
    .ico-umd:before {
        content: "\f107";
    }
    .ico-caravane:before {
        content: "\f102";
    }
    .ico-car:before {
        content: "\f103";
    }
    .ico-bateau:before {
        content: "\f100";
    }
    .ico-cheval:before {
        content: "\f101";
    }
    .ico-chantier:before {
        content: "\f104";
    }
    .ico-garage:before {
        content: "\f105";
    }
    .ico-express:before {
        content: "\f106";
    }
    /* * */
        .sub{line-height:1;color:#43b74f;font-weight:700;text-transform:uppercase;letter-spacing:8px;font-size:calc(10px + 1.5 * (100vw - 320px) / 1080);}
    
    /* error */
        .error-page{text-align:center;}
        .error-page img{width:300px;max-width:70%;}
        .error-page .error-code{letter-spacing:2px;margin-top:calc(25px + 2%);font-size:calc(18px + 20 * (100vw - 320px) / 1080);font-weight:bold;text-transform:uppercase;}
        .error-page p{font-size:calc(13px + 2.5 * (100vw - 320px) / 1080);margin:10px 0 calc(15px + 2%);}



/*----------------------------------------------------< APP >---------------------------------------------------*/
    
/************* APP **************/

    #app{line-height:1;padding:10px;font-weight:300;background:#fff;color:#343835;width:100%;height:100%;;}


/************* header **************/

    #header{transition:.4s height, .4s width, .4s left, .4s transform;height:40px;z-index:999999;position:absolute;width:calc(100% - 40px);left:20px;top:20px;}
    .fix #header{height:50px;width:100%;top:0;left:0;position:fixed;}
    .down #header{transform:translateY(-100%);}
    #header .logo{transition:.4s;background:rgba(29,31,26,.9);text-align:center;display:block;position:absolute;width:135px;height:160px;}
    #header .logo strong{transition:.4s;opacity:0;margin-left:10px;position:absolute;top:15px;left:13px;color:#fff200;font-size:22px;}
    .fix #header .logo strong{opacity:1;margin-left:0;}
    #header .logo strong span{color:#43b74f;}
    .fix #header .logo{width:55px;background:#2c2f28;height:100%;}
    #header .logo img{transition:.4s;width:100px;top:-25px;left:-3px;}
    .fix #header .logo img{top:-100px;opacity:0;}
    #header .content{transition:.4s;padding:0 15px;width:calc(100% - 260px);font-size:10px;font-weight:normal;color:#fff;display:flex;align-items:center;height:100%;left:135px;background:#1d1f1a;}
    .fix #header .content{left:55px;width:calc(100% - 165px);}
    #header .content > div{flex:1;}
    #header .content .coord{text-align:right;}
    #header .content i{color:#43b74f;margin:0 3px 0 15px;}
    #header .content .fa-home{margin-left:0;}
    #header .content h1,
    #header .content .h1{display:inline-block;font-size:inherit;font-weight:inherit;}
    #header .content .mail div{display:inline;}
    #header .content .mail .fa-at{color:inherit;margin:0;}


/************* nav **************/

    #nav{z-index:800000;overflow:hidden;display:none;position:fixed;height:100vh;width:100vw;top:0;left:0;background:rgba(44,42,52,.95);}
    #nav nav{display:flex;overflow-y:scroll;width:105vw;height:100%;text-align:center;}
    #nav nav ul{padding:25px 0;margin:auto 0;width:100vw;display:block;text-align:center;height:auto;padding:0 20px;}
    #nav nav ul li{color:#fff;transition:.2s ease-out;transform:scale(.5);top:70px;opacity:0;padding:calc(5px + 1vh) 0;font-size:calc(14px + 13 * (100vw - 320px) / 1080);}
    #nav nav ul li.show{transition:.4s ease-out;opacity:1;top:0;transform:scale(1)}
    #nav nav ul li a:after{display:none;}
    #nav nav ul li.active a,
    #nav nav ul li a:hover{color:#43b74f;}
    
    
    /* data-nav */
        [data-nav]{transition:.4s;color:#fff;background:#43b74f;width:125px;height:75px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:800001;position:absolute;right:0;top:0;}
        [data-nav]:hover{background:#54e263;}
        .fix [data-nav]{height:100%;width:110px;}
        .openNav [data-nav]{padding-left:10px;}
        [data-nav] > div{height:12px;right:-12px;}
        [data-nav] > div:before,
        [data-nav] > div:after{letter-spacing:1px;content:attr(data-lab-open);transition:.3s .2s;position:absolute;top:50%;transform:translateY(-50%);font-size:10px;margin-right:10px;font-weight:bold;text-transform:uppercase;text-align:right;right:100%;}
        [data-nav] > div:after{content:attr(data-lab-close);opacity:0;}
        .openNav [data-nav] > div:before{opacity:0;}
        .openNav [data-nav] > div:after{opacity:1;}
        [data-nav] > div span{display:block;width:22px;height:12px;display:block;position:absolute;}
        [data-nav] > div span:after,
        [data-nav] > div span:before{transition:.3s ease-in-out;background:#fff;right:0;content:'';display:block;width:100%;height:3px;display:block;position:absolute;}
        [data-nav] > div span:after{bottom:0;}
        [data-nav] > div span:nth-child(1):after,
        [data-nav] > div span:nth-child(1):before{transition-delay:.2s;}
        [data-nav]:hover > div span:nth-child(1):before{width:60%;}
        .openNav [data-nav] > div span:nth-child(1):before,
        .openNav [data-nav] > div span:nth-child(1):after{width:0;}
        [data-nav] > div span:nth-child(2):before{top:-3px;left:4px;width:0;}
        [data-nav] > div span:nth-child(2):after{top:-3px;right:4px;width:0;}
        [data-nav] > div span:nth-child(2):before{transform:rotate(45deg);transform-origin:top left;}
        [data-nav] > div span:nth-child(2):after{transform:rotate(-45deg);transform-origin:top right;}
        .openNav [data-nav] > div span:nth-child(2):before{transition-delay:.5s;width:100%;}
        .openNav [data-nav] > div span:nth-child(2):after{transition-delay:.3s;width:100%;}



/************* slider **************/
    
    #slider{color:#fff;overflow:hidden;height:850px;max-height:90vh;min-height:550px;padding:10px;}
    #slider:after,
    #slider:before{opacity:.6;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:7px;display:flex;justify-content:center;align-items:center;position:absolute;text-align:center;color:#fff;width:1px;height:1px;text-align:center;white-space:nowrap;position:absolute;top:55%;transform:translateY(-50%);}
    #slider:after{content:attr(data-after);transform:rotate(90deg);right:50px;}
    #slider:before{content:attr(data-before);transform:rotate(-90deg);left:50px;}
    #slider [data-swiper]{height:100%;overflow:hidden;background:#2c2a34;box-shadow:0 1px 10px rgba(0,0,0,.15);}
    #slider .swiper-slide{background:#2c2a34;padding:0 5%;}
    #slider .swiper-slide:before{background:url(../../img/motif.png) repeat center center rgba(32,57,34,.45);content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
    #slider [data-bg]{transition:1.5s;z-index:0;width:100%;height:100%;position:absolute;left:0;top:0;background-position:center center;background-size:cover;}
    #slider .end [data-bg]{transform:scale(1.08);}
    #slider [data-bg]:before{background:url(../../img/slider/_shadow.png) no-repeat center center;background-size:cover;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
    #slider .content{padding:100px 15% 0;z-index:100;text-shadow:0 1px 4px rgba(0,0,0,.2);}
    #slider .sub{color:#fff200;}
    #slider .title{line-height:1;margin:calc(20px + 1%) 0;color:#fff;font-weight:700;font-size:calc(20px + 15 * (100vw - 320px) / 1080);}
    #slider .title span{color:#43b74f;}
    #slider p{margin-bottom:calc(25px + 2%);line-height:1.5;width:600px;max-width:100%;font-size:calc(12px + 1.5 * (100vw - 320px) / 1080);}
    #slider .btn{margin-top:15px;transition:all .25s, transform 1.5s, bottom .7s, opacity .7s!important;bottom:-30px;opacity:0;}
    #slider .end .btn{opacity:1;bottom:0;}
    #slider .nav{z-index:1000;position:absolute;bottom:0;right:0;}
    #slider .nav button{display: none; padding-top:3px;font-size:18px;background:#1d1f1a;width:75px;height:75px;}
    #slider .nav button:hover{background:#43b74f;}
    #slider .bottom{position:absolute;color:#43b74f;right:40px;bottom:40px;font-size:10px;font-weight:500!important;text-transform:uppercase;letter-spacing:4px;}
    #slider .bottom strong{color:#fff;}

    
/************* services **************/

    #services .swiper-slide{display:block;padding:10px;overflow:hidden;}
    #services .swiper-slide > div{overflow:hidden;padding:calc(40px + 3%) 25px;color:#fff;z-index:10;display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
    #services .swiper-slide > div > div{z-index:100;text-align:center;align-self:center;margin:auto;width:100%;}
    #services .swiper-slide .bg{transition:.4s;cursor:pointer;position:absolute;top:0;left:0;z-index:1;height:100%;}
    #services .swiper-slide .bg:before{transition:.4s;background:url(../../img/motif.png) center center repeat rgba(32,57,34,.5);content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
    #services .swiper-slide > div:hover .bg{transform:scale(1.1);}
    #services .swiper-slide > div:hover .bg:before{background-color:rgba(67,183,79,.5);}
    #services .swiper-slide i{font-size:70px;}
    #services .swiper-slide .title{margin:20px 0 25px;font-size:calc(11px + 2 * (100vw - 320px) / 1080);;text-transform:uppercase;font-weight:500;letter-spacing:6px;}
    #services .swiper-slide > div:hover .btn{border-color:#fff200;color:#fff200;}
    #services .swiper-slide > div:hover .btn:hover{background-color:#fff200;color:#fff;}
    #services .swiper-slide > div:hover .btn:hover{background-color:#fff200;color:#fff;}
    #services button{position:absolute;top:50%;transform:translateY(-50%);background:#43b74f;width:50px;color:#fff;height:50px;}
    #services .prev{left:-10px;}
    #services .next{right:-10px;}


/************* index **************/
    
    .index{padding:40px 0;}

 
/************* ct **************/
    
    .ct{padding:10px;}
    #p-homepage .ct{padding:calc(20px + 5%);padding-right:47%;background:url(../../img/truck.png) center right no-repeat;}


/************* default **************/
    
    .default{display:flex;flex-wrap:wrap;color:#2f3c4f;}
    .default > div{width:50%;max-width:50%;flex-basis:50%;margin:10px;background-color:#f8f8f8;flex:1;padding:calc(20px + 4%);}
    .default > .gal{align-self:flex-start;padding:0;}
    

/************* galerie **************/
  
    .gal [data-swiper]{overflow:hidden;}
    .gal [data-swiper] .swiper-wrapper{display:flex;height:auto;}
    .gal [data-swiper] .swiper-slide{padding:calc(30px + 4%) calc(25px + 3%);align-self:center;height:auto;min-height:calc(10px + 10 * (100vw - 320px) / 1080);text-align:center;display:flex;align-items:center;justify-content:center;}
    .gal [data-swiper] .swiper-slide > img{vertical-align:bottom;align-self:center;}
    .gal .nav{width:100%;height:35px;position:absolute;top:50%;transform:translateY(-50%);}
    .gal .nav button{position:absolute;background:#1d1f1a;color:#fff;width:35px;height:35px;}
    .gal .nav button:hover{background:#43b74f;}
    .gal .nav .prev{left:0;}
    .gal .nav .next{right:0;}



/************* footer **************/

    #footer{font-size:12px;display:flex;align-items:center;padding:calc(12px + .8%);padding-bottom:calc(10px + .8%);color:#fff;background:url(../../img/bg-footer.jpg) #1d1f1a;background-size:auto 100%;margin:10px;}
    #footer p{margin-right:auto;}
    #footer a:hover{color:#43b74f;}
    #footer ul{padding-right:100px;}
    #footer ul li{float:left;font-size:10px;letter-spacing:2px;text-transform:uppercase;}
    #footer ul li:not(:last-child):after{content:'';border-radius:50%;margin:0 12px;top:-2px;width:4px;height:4px;background:#43b74f;}
    #footer [data-scroll]{transition:.2s;cursor:pointer;font-size:20px;background:#43b74f;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;height:100%;width:90px;position:absolute;right:0;top:0;}
    #footer [data-scroll]:hover{background:#fff200;}


/************* bottom **************/
    
    #bottom{display:flex;}
    #bottom > div{margin:10px;}
    #bottom .infos{color:#fff;width:33.33%;background:#43b74f;padding:calc(20px + 2%);}
    #bottom address{margin:calc(20px + 1%) 0;font-style:normal;line-height:1;font-weight:bold;font-size:calc(16px + 8 * (100vw - 320px) / 1080);}
    #bottom address i{display:none!important;}
    #bottom .sub, #bottom i{color:#1d1f1a;}
    #bottom i.fa-at{color:#fff;}
    #bottom .line{display:block;margin:calc(15px + 1%) 0 0;font-size:calc(14px + 4 * (100vw - 320px) / 1080);}
    #bottom i:not(.fa-at){display:inline-block;width:30px;text-align:center;}
    #bottom a:hover{color:#1d1f1a;}
    #bottom .map{width:66.66%;background:url(../../img/bg-map.jpg) no-repeat center center;background-size:cover;}


/************* form **************/

    form{margin-top:20px;}
    form fieldset{margin:20px 0 10px;width:100%;height:calc(40px + 2vw);background:#fff;border-radius:1px;}
    form fieldset + button{margin-top:10px;}
    form fieldset:before{position:absolute;transition:.2s;width:calc(40px + 2vw);left:0;height:calc(40px + 2vw);display:flex;align-items:center;text-align:center;justify-content:center;font-size:calc(13px + 7 * (100vw - 320px) / 1080);}
    form fieldset:after{transition:1s;opacity:0;position:absolute;right:7px;top:6px;font-size:10px;font-family:"Font Awesome 5 Pro";font-weight:lighter;}
    form fieldset.valid:after{content:"\f058";color:#86c361;opacity:1;}
    form fieldset.invalid:after{content:"\f057";color:#c36161;opacity:1;}
    form fieldset.focus:before{color:#43b74f;opacity:1;}
    form fieldset input, form fieldset textarea{z-index:10;outline-style:none!important;box-shadow:0 0 0!important;font-size:calc(11px + 3 * (100vw - 320px) / 1080);padding:0 calc(35px + 2vw);width:100%;height:100%;padding:0 15px 0 calc(35px + 2vw);font-family:'Poppins', sans-serif;}
    form fieldset input:focus, form fieldset textarea:focus{color:#43b74f;background:transparent;}
    form fieldset.txt{height:200px;}
    form fieldset textarea{height:100%;padding-bottom:calc(8px + 1vw);padding-top:calc(8px + 1vw);}
    form fieldset label{top:50%;transform:translateY(-50%);opacity:.5;transition:.2s;cursor:text;z-index:15;white-space:nowrap;position:absolute;font-weight:500;padding-left:calc(35px + 2vw);font-family:'Poppins', sans-serif;font-size:calc(11px + 3 * (100vw - 320px) / 1080);}
    form fieldset.txt label{top:calc(8px + 1vw);transform:translateY(0);}
    form fieldset.required label:after{content:"*";margin-left:3px;}
    form fieldset.focus.required label:after{color:#c36161;}
    form fieldset.active label{font-size:calc(8px + 2 * (100vw - 320px) / 1080);top:-5px;transform:translateY(-100%);padding-left:0;}
    form fieldset.active.txt label{top:calc(((40px + 2vw) * 5) / 40);}


/************* galerie **************/
     
    [data-gallery] img{cursor:zoom-in;}
    .gallery-window{cursor:zoom-out;overflow:hidden;display:none;top:0;left:0;z-index:99999999;height:100%;width:100%;background:rgba(0,0,0,.5);position:fixed;user-select:none;}
    .gallery-window .gallery-img > div{padding:25px;transform:scale(.8);transition:.3s;opacity:0;z-index:0;display:flex;position:absolute;height:100vh;width:100%;align-items:center;}
    .gallery-window .gallery-img > div.active{transform:scale(1);opacity:1;z-index:5;}
    .gallery-window img{cursor:default;max-height:100%;box-shadow:0 0 30px rgba(0,0,0,.3);max-width:100%;align-self:center;margin:auto;}
    .gallery-window button{cursor:pointer;background:#43b74f;color:#fff;width:50px;height:50px;font-size:20px;position:absolute;top:50%;transform:translateY(-50%);z-index:100;}
    .gallery-window button.disabled{display:none;}
    .gallery-window button[data-g-change="prev"]{left:0;}
    .gallery-window button[data-g-change="next"]{right:0;}
    .gallery-window button[data-g-change="close"]{right:0;top:0;transform:none;}
    .ie .gallery-window img{max-height:auto!important;width:800px;max-width:100%;}


/*----------------------------------------------------< MEDIA QUERIES >---------------------------------------------------*/

/************* max 1200 **************/ @media screen and (max-width:1200px){
    
    #p-homepage .ct{background-image:none;padding:calc(20px + 2%) calc(10px + 4%);}

}
/************* max 1130 **************/ @media screen and (max-width:1130px){

    #slider .bottom{display:none;}
    #slider .nav{width:100%;left:50%;transform:translateX(-50%);text-align:center;padding:0;}
    #slider .nav button{width:45px;height:45px;font-size:16px;padding-top:2px;}
    
    #footer{padding:calc(25px + .8%);display:block;text-align:center;}
    #footer ul{width:100%;padding:10px 0 30px;}
    #footer ul li{display:inline-block;float:none;}
    #footer img{display:none;}
    #footer [data-scroll]{top:auto;width:40px;height:40px;left:50%;transform:translateX(-50%);bottom:0;}

}
/************* max 1084 **************/ @media screen and (max-width:1084px){

    #bottom > div{width:50%!important;}

}
/************* max 950 **************/ @media screen and (max-width:950px){

    #header .logo{width:75px;height:85px;}
    #header .logo img{width:60px;}
    #header .content{left:75px;width:calc(100% - 170px);}

    [data-nav]{height:40px;width:95px;}

    .default > div{width:calc(100% - 20px);max-width:calc(100% - 20px);flex-basis:calc(100% - 20px);}

}
/************* max 800 **************/ @media screen and (max-width:800px){

    #header .content .coord{display:none;}
    #header .h1{text-align:center;line-height:1;}
    #header .h1 i{display:none;}

}
/************* max 750 **************/ @media screen and (max-width:750px){

    #bottom{flex-wrap:wrap;}
    #bottom > div{width:100%!important;}
    #bottom .map{height:calc(200px + 100 * (100vw - 320px) / 1080);}

}
/************* max 600 **************/ @media screen and (max-width:600px){

    #slider:before,
    #slider:after{display:none;}
    #slider .content{padding:0 10%;}

    #bc{display:none;}

}
/************* max 500 **************/ @media screen and (max-width:500px){

    body{padding-top:40px;}
    
    .fix #header{background:#1d1f1a;}
    #header .content{height:40px;top:-40px;width:100%;left:0;}

    .openNav:not(.fix) [data-nav]{top:-40px ;}

}
/************* max 450 **************/ @media screen and (max-width:450px){

    #slider{height:calc(100vh - 5px);max-height:600px;min-height:400px;}
    #slider .content{text-align:center;padding-top:60px;}
    #slider .content p{display:none;}

}

/*----------------------------------------------------< KEYS FRAMES >---------------------------------------------------*/

/*************  **************/