/* @ Copyright © 2020 www.point-web.fr @ Site : /************* font-face **************/ @font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:auto;src:url(../../lib/fa/webfonts/fa-light-300.eot);src:url(../../lib/fa/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../../lib/fa/webfonts/fa-light-300.woff2) format("woff2"),url(../../lib/fa/webfonts/fa-light-300.woff) format("woff"),url(../../lib/fa/webfonts/fa-light-300.ttf) format("truetype"),url(../../lib/fa/webfonts/fa-light-300.svg#fontawesome) format("svg")} @font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../../lib/fa/webfonts/fa-brands-400.eot);src:url(../../lib/fa/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../../lib/fa/webfonts/fa-brands-400.woff2) format("woff2"),url(../../lib/fa/webfonts/fa-brands-400.woff) format("woff"),url(../../lib/fa/webfonts/fa-brands-400.ttf) format("truetype"),url(../../lib/fa/webfonts/fa-brands-400.svg#fontawesome) format("svg")} @font-face{font-family:"Flaticon";src:url("../../lib/flaticon/Flaticon.eot");src:url("../../lib/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"),url("../../lib/flaticon/Flaticon.woff2") format("woff2"),url("../../lib/flaticon/Flaticon.woff") format("woff"),url("../../lib/flaticon/Flaticon.ttf") format("truetype"),url("../../lib/flaticon/Flaticon.svg#Flaticon") format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:"Flaticon";src:url("../../lib/flaticon/Flaticon.svg#Flaticon") format("svg")}}[class^="icon-"]:before,[class*=" icon-"]:before,[class^="icon-"]:after,[class*=" icon-"]:after{font-family:Flaticon;font-style:normal;} @font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Regular.eot');src:local('Gilroy Regular'),local('Gilroy-Regular'),url('../../lib/gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Regular.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Regular.woff') format('woff'),url('../../lib/gilroy/Gilroy-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;} @font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Bold.eot');src:local('Gilroy Bold'),local('Gilroy-Bold'),url('../../lib/gilroy/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Bold.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Bold.woff') format('woff'),url('../../lib/gilroy/Gilroy-Bold.ttf') format('truetype');font-weight:bold;font-style:normal;} @font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Light.eot');src:local('Gilroy Light'),local('Gilroy-Light'),url('../../lib/gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Light.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Light.woff') format('woff'),url('../../lib/gilroy/Gilroy-Light.ttf') format('truetype');font-weight:300;font-style:normal;} @font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-UltraLight.eot');src:local('Gilroy UltraLight'),local('Gilroy-UltraLight'),url('../../lib/gilroy/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-UltraLight.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-UltraLight.woff') format('woff'),url('../../lib/gilroy/Gilroy-UltraLight.ttf') format('truetype');font-weight:200;font-style:normal;} @font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-RegularItalic.eot');src:local('Gilroy Regular Italic'),local('Gilroy-RegularItalic'),url('../../lib/gilroy/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-RegularItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-RegularItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-RegularItalic.ttf') format('truetype');font-weight:normal;font-style:italic;} @font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Extrabold.eot');src:local('Gilroy Extrabold'),local('Gilroy-Extrabold'),url('../../lib/gilroy/Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Extrabold.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Extrabold.woff') format('woff'),url('../../lib/gilroy/Gilroy-Extrabold.ttf') format('truetype');font-weight:800;font-style:normal;} @font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-BoldItalic.eot');src:local('Gilroy Bold Italic'),local('Gilroy-BoldItalic'),url('../../lib/gilroy/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-BoldItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-BoldItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-BoldItalic.ttf') format('truetype');font-weight:bold;font-style:italic;} @font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-UltraLightItalic.eot');src:local('Gilroy UltraLight Italic'),local('Gilroy-UltraLightItalic'),url('../../lib/gilroy/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-UltraLightItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-UltraLightItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-UltraLightItalic.ttf') format('truetype');font-weight:200;font-style:italic;} @font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-LightItalic.eot');src:local('Gilroy Light Italic'),local('Gilroy-LightItalic'),url('../../lib/gilroy/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-LightItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-LightItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-LightItalic.ttf') format('truetype');font-weight:300;font-style:italic;} @font-face{font-family:"Flaticon";src:url("../../lib/flaticon/Flaticon.eot");src:url("../../lib/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"),url("../../lib/flaticon/Flaticon.woff2") format("woff2"),url("../../lib/flaticon/Flaticon.woff") format("woff"),url("../../lib/flaticon/Flaticon.ttf") format("truetype"),url("../../lib/flaticon/Flaticon.svg#Flaticon") format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:"Flaticon";src:url("../../lib/flaticon/Flaticon.svg#Flaticon") format("svg")}}[class^="icon-"]:before,[class*=" icon-"]:before,[class^="icon-"]:after,[class*=" icon-"]:after{font-family:Flaticon;font-style:normal;} /************* general **************/ *,*:after,*:before{position:relative;box-sizing:border-box;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,hr,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} 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{box-shadow:0 0 0 0 transparent inset;transition:0s;background-color:inherit;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} a,button,[data-mail]{transition:.3s;cursor:pointer;color:inherit;} button{border:0;padding:0;background:none;display:inline-block;} a,a:hover,button,button:hover,*:focus,*:active{text-decoration:none;outline:none;} body{overflow:hidden;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:subpixel-antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} strong{font-weight:bold} img,svg{vertical-align:bottom} textarea{resize:none;} .sf-toolbar{display:none!important;} [data-grid] > *{position:absolute;} /* selection styling */ *::-moz-selection{background-color:#000;color:#fff;} *::selection{background-color:#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;} /* auto fill */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{box-shadow:0 0 0 100px #f7f7f7 inset!important;color:#181818!important;} /* fontawesome */ .fa:before{font-family:"Font Awesome 5 Pro";font-weight:300;font-style:normal;} .fab:before{font-family:"Font Awesome 5 Brands";} .fa-at:before{content:'\f1fa';font-size:80%;} .fa-cookie:before{content:'\f563';} .fa-heart:before{content:'\f004';} .fa-map-marker:before{content:'\f041';} .fa-phone:before{content:'\f095';} .fa-envelope:before{content:'\f0e0';top:1px;} .fa-long-arrow-right:before{content:'\f178';} .fa-long-arrow-left:before{content:'\f177';} .fa-long-arrow-up:before{content:'\f176';} .fa-fb:before{content:'\f39e';} .fa-instagram:before{content:'\f16d';} .fa-linkedin:before{content:'\f0e1';} .fa-tw:before{content:'\f099';} .fa-youtube:before{content:'\f167';} .fa-clock:before{content:'\f017';} .fa-link:before{content:'\f0c1';} .fa-check:before{content:'\f00c';} .fa-user:before{content:'\f007';} .fa-map-signs:before{content:'\f277';} .fa-map:before{content:'\f279';} .fa-pencil:before{content:'\f040';} .fa-times:before{content:'\f00d';} .fa-plus:before{content:'\f067';} /* flaticon */ [class^="ico-"]:before,[class*=" ico-"]:before,[class^="ico-"]:after,[class*=" ico-"]:after{font-family:Flaticon;font-style:normal;} .ico-tire:before{content:"\f100";} .ico-brake:before{content:"\f101";} .ico-spark-plug:before{content:"\f102";} .ico-car:before{content:"\f103";} .ico-wrench:before{content:"\f104";} /*----------------------------------------------------< PRESET APP >---------------------------------------------------*/ /* * */ html, body{font-size:calc(13px + 2 * (100vw - 320px) / 1080);background-color:#111419;color:#fff;line-height:1;width:100%;height:100%;overflow:hidden;font-family:'Gilroy', sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} body:before{color:#fff;letter-spacing:calc(8px + 15 * (100vw - 320px) / 1080);text-transform:uppercase;font-weight:100;white-space:nowrap;font-size:calc(18px + 10 * (100vw - 320px) / 1080);content:"Garage du Bérard";position:absolute;width:100vw;height:100vh;pointer-events:none;display:flex;align-items:center;justify-content:center;} *{scrollbar-color:rgba(0,0,0,.1) rgba(0,0,0,0);scrollbar-width:thin;} *::-webkit-scrollbar{width:3px;background-color:rgba(0,0,0,0);} *::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);} #app{width:100%;height:100%;overflow:hidden;z-index:3;opacity:0;background-color:#111419;} #app > .scroll-content{width:100%;height:100%;z-index:5;} #app main{width:100%;z-index:6000;} #app .app-c{overflow:hidden;} [data-bg]{background-size:cover;background-position:center center;} /*[data-mail]:hover, a:hover{color:#181818;}*/ [data-mail]:before{margin-right:4px;content:"\f0e0";top:1px;font-family:"Font Awesome 5 Pro";font-weight:300;} [data-img]{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;} .bg-img{background-size:cover;background-position:center center;} /* cookies */ #ck{overflow:hidden;background-color:#1c2129;color:#fff;box-shadow:0 15px 20px rgba(0,0,0,.3);transition:transform .6s, opacity .6s, visibility .6s;transform:translateY(100%);opacity:0;visibility:hidden;max-width:calc(98vw - 20px);position:fixed;bottom:calc(10px + 1vw);left:calc(10px + 1vw);z-index:9999;width:400px;font-size:11px;line-height:1.3;} .cks #ck{transform:translateY(0);opacity:1;visibility:visible;} #ck .ckc{display:flex;align-items:flex-start;padding:20px;} #ck p strong{display:block;margin-bottom:10px;font-size:130%;line-height:1;} #ck a{font-weight:bold;text-decoration:underline;} #ck a:hover{color:#eee;} #ck i{color:#5e656f;font-size:35px;margin-right:15px;top:-8px;} #ck i:before{animation:cookies 1s infinite linear;} #ck .ckb{display:flex;font-size:15px;font-weight:bold;} #ck .ckb > *{border-top:1px solid rgba(0,0,0,.1);flex:1;background-color:rgba(0,0,0,.1);padding:14px 0 15px;} #ck .ckb > *:hover{background-color:#242a33;} #ck .ckb > * + *{border-left:1px solid rgba(0,0,0,.1);} #ck .ckb small{font-size:13px;font-weight:normal;} @keyframes cookies{0%{content:'\f563';}100%{content:'\f564';}} /* alert */ .alert{text-align:left;background-color:#222;border-radius:1px;color:#fff;font-size:11px;font-weight:400;line-height:1;padding:20px;} .alert.alert-danger, .btn.danger, .badge.badge-danger, .badge.danger{background-color:#ff5353;} .alert.alert-warning, .btn.warning, .badge.badge-warning, .badge.warning{background-color:#bd6e28;} .alert.alert-success, .btn.success, .badge.badge-success, .badge.success{background-color:#8dc111;} .alert.alert-info, .btn.info, .badge.badge-info, .badge.info{background-color:#2875bd;} .alert.hide{transition:opacity .3s;} .alert [data-close-alert]{position:absolute;top:2px;right:4px;font-size:10px;} .alert.no-close [data-close-alert]{display:none;} .alert.none{display:none;} /* swiper */ .swiper-slide{flex:1 0 auto;} .swiper-wrapper{display:flex;flex-wrap:nowrap;height:100%;} .sw-n, .sw-p{display:flex;align-items:center;pointer-events:none;} .sw-n{justify-content:space-between;} .sw-n > *{pointer-events:auto;} .sw-n > * + *{margin-left:2px;} .sw-n > .swiper-button-disabled{pointer-events:none;opacity:.5!important;} .sw-p{justify-content:center;flex-direction:column;} .sw-p > *{transition:.2s;background-color:#000;opacity:.3;pointer-events:auto;cursor:pointer;display:block;width:9px;height:9px;border:2px solid #f7f7f7;border-radius:50%;} .sw-p > *:before{content:"";transition:.2s;opacity:0;position:absolute;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);z-index:0;border-radius:50%;border:1px solid rgba(0,0,0,.5);} .sw-p > *:active:before{transform:scale(.3);} .sw-p > *.swiper-pagination-bullet-active:before{transform:scale(.3)!important;} .sw-p > *:hover{opacity:.8;} .sw-p > *:hover:before{opacity:1;} .sw-p > *.swiper-pagination-bullet-active{opacity:1;} .sw-p > * + *{margin-top:10px;} /* bn */ .bn{box-shadow:0 5px 20px rgba(0,0,0,.1);white-space:nowrap;transition:transform .15s, color .4s, opacity .2s;padding:21px 27px 22px;color:#181818;background-color:#fff;font-weight:bold;font-size:13px;display:inline-flex;align-items:center;overflow:hidden;} .bn:hover{color:#fff;} .bn:before{transition:opacity .15s, width .5s cubic-bezier(.645,.045,.355,1);background-color:#181818;content:"";position:absolute;top:0;left:0;width:0;height:100%;z-index:0;} .bn:hover:before{width:102%;} .bn:active:before{opacity:.8;} .bn *{z-index:5;} .bn i{top:1px;} .bn span + i{margin-left:10px;} .bn.cube i{margin:0 -3px 0 -5px;transform:scale(1.1);} .bn.blck{background-color:#242a33;color:#fff;} .bn.blck:before{background-color:#4a5463;} /* ct */ .ct{width:70vw;margin:auto;} /* scrollbar */ .scrollbar-track{position:absolute;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .scrollbar-track-y{height:100%;width:15px;top:0;right:0;opacity:0;transition:opacity .3s;} .scrollbar-track-y.show, .scrollbar-track-y:hover{opacity:1;} .mob .scrollbar-track-y{pointer-events:none;} .scrollbar-track-y .scrollbar-thumb{transition:width .3s;cursor:pointer;pointer-events:auto;width:2px;right:0;background-color:#fff;position:absolute;} .grab .scrollbar-track-y .scrollbar-thumb, .scrollbar-track-y:hover .scrollbar-thumb{width:6px;} .mob .scrollbar-thumb{width:1px!important;} /* cursor */ /* .cur{mix-blend-mode:difference;position:fixed;top:0;left:0;z-index:999999;pointer-events:none;} .cur .cur1{position:absolute;transition:width .3s, height .3s;width:10px;height:10px;border:5px solid #fff;transform:translate(-50%, -50%);border-radius:50%;z-index:10;} .grab .cur .cur1, .hover .cur .cur1{width:30px;height:30px;} */ /* bgc */ .bgc{background-color:#181818;position:absolute;top:auto!important;bottom:0;left:0;width:100%;height:101%;z-index:100!important;} /*----------------------------------------------------< APP >---------------------------------------------------*/ /************* header **************/ #h{padding:calc(25px + 25 * (100vw - 320px) / 1080) calc(30px + 30 * (100vw - 320px) / 1080);transition:padding .6s;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:space-between;top:0;left:0;width:100%;font-weight:bold;z-index:999999;font-size:calc(12px + 1 * (100vw - 320px) / 1080);} .fix #h{padding:calc(10px + 10 * (100vw - 320px) / 1080) calc(15px + 10 * (100vw - 320px) / 1080);box-shadow:0 3px 0 rgba(0,0,0,.1);} #h > *{height:100%;display:flex;align-items:center;z-index:5;} #h .l a{text-align:center;} #h .l a strong{display:block;font-size:calc(25px + 8 * (100vw - 320px) / 1080);font-weight:bold;text-transform:uppercase;} #h .l a small{display:block;margin-top:calc(4px + 2 * (100vw - 320px) / 1080);font-weight:400;text-transform:uppercase;font-size:calc(10px + 2 * (100vw - 320px) / 1080);letter-spacing:calc(1px + 1 * (100vw - 320px) / 1080);} #h .bnv{width:100px;overflow:hidden;height:100%;display:none;} #h .bnv svg{width:100px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} #h .bnv path{fill:none;stroke:#fff;stroke-width:2;--length:24;--offset:-38;stroke-dasharray:var(--length) var(--total-length);stroke-dashoffset:var(--offset);transition:all .8s cubic-bezier(.645,.045,.355,1);} #h .bnv .l-1, #h .bnv .l-3{--total-length:125;} #h .bnv .l-2{--total-length:70;} .onav #h .bnv .l-1, .onav #h .bnv .l-3{--length:22;--offset:-92.5;} .onav #h .bnv .l-2{--length:0;--offset:-50;} #h .bgh{transition:opacity .6s;opacity:0;background:rgba(17,20,25,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;} .fix #h .bgh{opacity:1;} /************* load **************/ #ld{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99999;} #ld .lg{z-index:10;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} #ld .lo{width:calc(70px + 20 * (100vw - 320px) / 1080);fill:#fff;} #ld .bg{background-color:#181818;position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0;} /************* bga **************/ .bga{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:0;overflow:hidden;} .bga:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background:linear-gradient(to bottom, rgba(17,20,25,.0), rgba(17,20,25,1));} .bga .bgac{transform:scale(1.2);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;} .bga [data-bg]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;} /************* main **************/ #m{z-index:10;padding-top:calc(80px + 60 * (100vw - 320px) / 1080);} /************* index **************/ #ix{padding-top:calc(100px + 100 * (100vw - 320px) / 1080);z-index:10;} #ix .lg{text-align:right;font-weight:800;font-size:calc(40px + 80 * (100vw - 320px) / 1080);line-height:.95;} #ix .ixc{display:flex;align-items:flex-start;margin-top:calc(40px + 40 * (100vw - 320px) / 1080);} #ix .ixc > *{width:50%;} #ix .ixc .r{order:2;padding-left:calc(40px + 50 * (100vw - 320px) / 1080);} #ix .ixc .l{order:1;text-align:center;} #ix .ixc .l img{width:calc(200px + 80 * (100vw - 320px) / 1080);max-width:70%;} #ix .ixc .l .tx{font-size:calc(15px + 4 * (100vw - 320px) / 1080);margin:calc(10px + 5 * (100vw - 320px) / 1080) 0;padding:calc(20px + 5 * (100vw - 320px) / 1080);} #ix .ixc .l .tx > * + *{margin-top:calc(20px + 5 * (100vw - 320px) / 1080);} #ix .ixc .cnt{background-color:#1c2129;} #ix .ixc .cnt p{font-weight:bold;line-height:1.3;padding:calc(25px + 10 * (100vw - 320px) / 1080);font-size:calc(16px + 5 * (100vw - 320px) / 1080);} #ix .ixc .cnt p small{font-weight:300;font-size:80%;} #ix .ixc .cnt .b{display:flex;} #ix .ixc .cnt .b > *{padding:calc(20px + 5 * (100vw - 320px) / 1080) 0;display:block;width:50%;font-weight:bold;font-size:calc(15px + 4 * (100vw - 320px) / 1080);} #ix .ixc .cnt .b > *:nth-child(1){background-color:#242a33;} #ix .ixc .cnt .b > *:nth-child(2){background-color:#202630;} #ix .ixc .cnt .b > *:hover{background-color:#596475;} #ix .ixc .cnt .b i{margin-right:3px;} /************* title **************/ #t{padding:calc(100px + 100 * (100vw - 320px) / 1080) 0 calc(30px + 30 * (100vw - 320px) / 1080);z-index:100;} #t h2{font-weight:800;font-size:calc(25px + 35 * (100vw - 320px) / 1080);line-height:.95;} /************* page **************/ #p{z-index:10;} /************* presta **************/ #pr{margin-top:calc(40px + 35 * (100vw - 320px) / 1080);} #pr h2{margin-bottom:calc(15px + 15 * (100vw - 320px) / 1080);font-weight:800;font-size:calc(25px + 35 * (100vw - 320px) / 1080);} #pr .lst-pr{display:flex;margin:0 -15px -15px;} #pr .lst-pr > *{width:20%;padding:15px;text-align:center;} #pr .lst-pr > * > *{transition:background-color .6s;display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;background-color:#1c2129;text-align:center;padding:calc(30px + 10 * (100vw - 320px) / 1080) 15px;} #pr .lst-pr > * > *:hover{cursor:pointer;color:#fff;background-color:#4a5463;} #pr .lst-pr i{transition:color .6s;font-size:calc(70px + 10 * (100vw - 320px) / 1080);display:block;color:#4a5463;} #pr .lst-pr > * > *:hover i{color:#fff;} #pr .lst-pr i.ico-car{transform:scale(1.1);} #pr .lst-pr a{margin-top:calc(20px + 5 * (100vw - 320px) / 1080);display:block;font-weight:800;font-size:calc(13px + 3 * (100vw - 320px) / 1080);} /************* page **************/ .h2{font-weight:800;font-size:calc(22px + 15 * (100vw - 320px) / 1080);} .h3{font-weight:200;font-size:1.7rem;} .h4{font-size:1.5rem;} .h5{font-size:1.3rem;} .h6{font-size:1.2rem;} [class*="cnt-"]{counter-reset:cnt3 cnt4 cnt5 cnt6;} .cnt-h3 .h3:not(.ncnt):before{content:counter(cnt3) ". ";counter-increment:cnt3;} .cnt-h4 .h4:not(.ncnt):before{content:counter(cnt4) ". ";counter-increment:cnt4;} .cnt-h5 .h5:not(.ncnt):before{content:counter(cnt5) ". ";counter-increment:cnt5;} .cnt-h6 .h6:not(.ncnt):before{content:counter(cnt6) ". ";counter-increment:cnt6;} [class*="cnt-"] [class^="h"]:before{font-weight:800;} .p{font-size:calc(14px + 1.5 * (100vw - 320px) / 1080);line-height:1.4;font-weight:300;} * + .p{margin-top:calc(20px + 7 * (100vw - 320px) / 1080);} .p + *{margin-top:calc(25px + 15 * (100vw - 320px) / 1080);} .p a, .p [data-mail]{font-weight:bold;} .p + *:not([class^="h"]){margin-top:calc(15px + 5 * (100vw - 320px) / 1080);} .p > * + *{margin-top:calc(15px + 2 * (100vw - 320px) / 1080);} .intro{font-size:1.2rem;line-height:1.3;} .p ul > li + li, .p ol > li + li, .p ul > li ul, .p ol > li ul, .p ul > li ol, .p ol > li ol{margin-top:calc(2px + 2 * (100vw - 320px) / 1080);} .p ul > li, ol > li{padding-left:1.5rem;} .p ul > li:before, ol > li:before{position:absolute;left:0;font-weight:bold;} .p ul{counter-reset:ulli;} .p ol{counter-reset:olli;} .p ul:not(.n) > li:before{content:"\f0ad";font-family:"Font Awesome 5 Pro";font-weight:300;color:#596475;} .p ul.n > li:before{content:counter(ulli, lower-alpha) ". ";counter-increment:ulli;} .p ol:not(.n) > li:before{content:"\f178";font-family:"Font Awesome 5 Pro";} .p ol.n > li:before{content:counter(olli, decimal) ". ";counter-increment:olli;} .p a:hover{color:#fff;} .p a:before{width:0;transition:width .4s cubic-bezier(.645,.045,.355,1);background-color:#181818;content:"";position:absolute;top:-2px;left:-3px;height:calc(100% + 4px);z-index:0;} .p a:hover:before{width:calc(100% + 6px);} /************* footer **************/ #f{text-align:center;padding:calc(50px + 60 * (100vw - 320px) / 1080) 20px 0;} #f a:hover, #f [data-mail]:hover{color:#4a5463;} #f .b ul{font-size:calc(12px + 3 * (100vw - 320px) / 1080);display:flex;justify-content:center;font-weight:bold;} #f .b ul li + li:before{opacity:.3;content:'•';margin:0 3px 0 5px;} #f .b p{font-size:90%;margin-top:10px;} #f .t{font-size:calc(13px + 6 * (100vw - 320px) / 1080);font-weight:bold;margin-bottom:calc(20px + 10 * (100vw - 320px) / 1080);} #f .t > *{margin-top:20px;display:inline-block;} #f .t > *:first-child{margin-right:30px;} #f .bg{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:-2;} #f .bg > *{opacity:.4;background:url(../../img/bg-footer.jpg) center center no-repeat;background-size:cover;position:absolute;bottom:0;left:0;width:100%;height:200%;} #f:before{content:"";position:absolute;top:-2px;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(to top, rgba(17,20,25,.0), rgba(17,20,25,1));} #f .b button{margin-top:calc(30px + 15 * (100vw - 320px) / 1080);width:calc(45px + 10 * (100vw - 320px) / 1080);height:calc(45px + 10 * (100vw - 320px) / 1080);background-color:#1c2129;} #f .b button:hover{background-color:#4a5463;} /************* form **************/ .frm{display:flex;flex-direction:row-reverse;margin-top:calc(25px + 20 * (100vw - 320px) / 1080);} .frm .l{flex:1;} .frm .r{font-weight:200;margin-left:5vw;align-items:flex-start;width:calc(250px + 150 * (100vw - 320px) / 1080);} .frm .r .coord{font-size:calc(16px + 3 * (100vw - 320px) / 1080);padding:calc(25px + 10 * (100vw - 320px) / 1080);background-color:#1c2129;align-items:flex-start;color:#fff;} .frm .r li{padding-left:30px;} .frm .r li + li{margin-top:calc(15px + 3 * (100vw - 320px) / 1080);} .frm .r i:not(.fa-at), .frm .r [data-mail]:before{position:absolute;left:-30px;opacity:.3;margin-right:10px;} .frm form{display:flex;flex-wrap:wrap;} .frm form > *{width:100%;} .frm form > *.c2, .frm form > *.c2 + *{width:calc(50% - 10px);} .frm form > *.c2{margin-right:20px;} .frm .fd{color:#fff;transition:border-bottom-color .6s;border-bottom:1px solid rgba(255,255,255,.1);} .frm .fd > *{color:#fff;} .frm .fd.foc{border-bottom-color:transparent} .frm .fd:hover{z-index:100;} .frm .fd + .fd{margin-top:calc(25px + 5 * (100vw - 320px) / 1080);} .frm .fd:after{transition:.6s cubic-bezier(.645,.045,.355,1);background:linear-gradient(to right, #fff, transparent);content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;z-index:5;} .frm .fd.foc:after{width:100%;} .frm .fd label{z-index:10;pointer-events:auto;opacity:0;transition:.4s cubic-bezier(.645,.045,.355,1);position:absolute;transform:translateY(100%);font-size:9px;font-weight:800;text-transform:uppercase;} .frm .fd.act label{transform:translateY(-30%);opacity:1;} .frm .fd input{padding:14px 0 9px;background:transparent;width:100%;font-size:calc(14px + 1 * (100vw - 320px) / 1080);} .frm .fd textarea{padding:0 0 9px;margin-top:14px;line-height:1.4;background:transparent;width:100%;font-size:calc(14px + 1 * (100vw - 320px) / 1080);overflow:hidden;} .frm .fd ul{border-radius:50%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#f85252;} .frm .fd ul:before{content:"\f06a"!important;top:1px;font-family:"Font Awesome 5 Pro";font-weight:300;font-size:13px;color:#fff;left:4px;} .frm .fd ul li{display:none;pointer-events:none;position:absolute;white-space:nowrap;left:50%;font-size:11px;font-weight:bold;background-color:#f85252;color:#fff;padding:3px 7px;top:0;transform:translate(-50%, -100%);} .frm .fd ul:hover li{display:block;} .frm .fd.sel label{transform:translateY(-30%);opacity:1;} .frm .fd.sel:after{display:none;} .frm .fd.sel select{cursor:pointer;width:100%;background:transparent;padding:14px 0 9px;border:0;font-family:inherit;font-size:calc(14px + 1 * (100vw - 320px) / 1080);} .frm .fd.sel option{border:0;box-shadow: 0 0 10px 100px #1c2129 inset;color:#fff;background:#1c2129;} .frm .bt{margin-top:calc(25px + 5 * (100vw - 320px) / 1080)!important;} .frm .alert{margin-bottom:25px;} .map{height:calc(250px + 80 * (100vw - 320px) / 1080);padding:0;box-shadow:0 5px 20px rgb(0 0 0 / 3%);} .map:before{pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.07) inset;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;} .leaflet-left{left:auto;right:0;} .leaflet-left .leaflet-control{margin:0;} .leaflet-bar{box-shadow:0 0 0;box-shadow:0 5px 20px rgb(0 0 0 / 10%);} .leaflet-left .leaflet-control > *{border-bottom:0!important;background-color:#1c2129;border-radius:0!important;color:#fff;font-weight:300;font-size:14px;} .leaflet-left .leaflet-control > *:hover{color:#1c2129;background-color:#fff} .frm .ckc{display:flex;align-items:center;flex-wrap:wrap;} .frm .ckc > *{width:50%;} .frm * + .ckc, .frm .ckc + *{margin-top:23px;} .frm .ck{padding-right:15px;font-size:14px;margin-top:5px;} .frm .ck input{display:none;} .frm .ck label{transition:.2s;display:inline-flex;align-items:center;cursor:pointer;} .frm .ck label:hover{color:#e62984;} .frm .ck input:checked + label{color:#e62984;} .frm .ck label:before{box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;transition:.2s;margin-right:7px;width:20px;font-size:11px;height:20px;color:transparent;content:'\f00c';font-family:'Font Awesome 5 Pro';background-color:#eee;display:inline-flex;align-items:center;justify-content:center;} .frm .ck input:checked + label:before{background-color:#e62984;color:#fff;} .frm .ck input[type=radio] + label:before{border-radius:50%} /*----------------------------------------------------< MEDIA QUERIES >---------------------------------------------------*/ /************* max 1200 **************/ @media screen and (max-width:1200px){ .ct{width:85vw;} } /************* max 1000 **************/ @media screen and (max-width:1000px){ #ix .ixc{display:block;text-shadow:0 1px 3px rgba(0,0,0,.3);} #ix .ixc > *{width:100%;} #ix .ixc .r{padding-left:0;} #ix .ixc .l{margin-top:calc(35px + 35 * (100vw - 320px) / 1080);} #ix .lg{text-align:left;} } /************* max 950 **************/ @media screen and (max-width:950px){ #pr .lst-pr{flex-wrap:wrap;} #pr .lst-pr > *{width:33.33%;} } /************* min 851 **************/ @media screen and (min-width:851px){ #n{height:auto;margin-top:0!important;} #n ul{display:flex;font-size:calc(14px + 3 * (100vw - 320px) / 1080);} #n ul li + li{margin-left:calc(30px + 30 * (100vw - 320px) / 1080);} #n ul a:after{content:"";transition:.6s ease;position:absolute;bottom:-15px;pointer-events:none;left:50%;transform:translateX(-50%);width:0;height:1px;background-color:#fff;z-index:0;} #n ul li.act a:after, #n ul a:hover:after{width:100%;} } /************* max 850 **************/ @media screen and (max-width:850px){ #ix, #t{padding-top:calc(70px + 50 * (100vw - 320px) / 1080);} .bga{opacity:.5;} #pr .lst-pr{margin-bottom:-10px;} #pr .lst-pr > *{padding:10px;} .frm{display:flex;flex-direction:column-reverse;} .frm > .r{width:100%;margin-left:0;margin-top:10vw;} #h .l{z-index:9999;} #h .bnv{display:block;width:50px;height:50px;right:-10px;} #n{transform:translateY(-100%);transition:padding-top .6s, transform .6s;box-shadow:0 0 0 4px rgba(0,0,0,.2);background-color:#1c2129;padding-top:calc(80px + 60 * (100vw - 320px) / 1080);position:fixed;top:0;left:0;width:100%;text-align:center;font-size:calc(20px + 15 * (100vw - 320px) / 1080);} .onav #n{transform:translateY(0%);} .fix #n{padding-top:calc(60px + 60 * (100vw - 320px) / 1080);} #n li a{padding:20px 0;display:block;} #n li:last-child a{padding-bottom:40px} } /************* max 600 **************/ @media screen and (max-width:600px){ #pr .lst-pr > *{width:100%;} #pr .lst-pr > * > *{padding:20px;flex-direction:row;justify-content:flex-start;align-items:center;} #pr .lst-pr a{margin-top:0;font-size:calc(16px + 20 * (100vw - 320px) / 1080);} #pr .lst-pr i{font-size:calc(40px + 10 * (100vw - 320px) / 1080);margin-right:25px;} #f{text-align:left;padding-left:7.5vw;padding-right:7.5vw;} #f .t{margin-bottom:35px;display:flex;flex-direction:column;font-size:calc(15px + 3 * (100vw - 320px) / 1080);} #f .t > * + *{margin-top:20px!important;} #f .t br{display:none;} #f .b ul{display:block;margin-bottom:25px;} #f .b ul li{display:block;font-size:calc(16px + 3 * (100vw - 320px) / 1080);} #f .b ul li + li{margin-top:10px;} #f .b ul li:before{display:none;} }