@charset "UTF-8"; .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #fff url("../vendor/slick/ajax-loader.gif") center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } @font-face { font-family: "slick"; src: url("../vendor/slick/fonts/slick.eot"); src: url("../vendor/slick/fonts/slickd41d.eot?#iefix") format("embedded-opentype"), url("../vendor/slick/fonts/slick.woff") format("woff"), url("../vendor/slick/fonts/slick.ttf") format("truetype"), url("../vendor/slick/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; }  #imagelightbox { cursor: pointer; position: fixed; z-index: 10000; top: 50%; touch-action: none; box-shadow: 0 0 15px rgba(0, 0, 0, .75); } .imagelightbox-open { user-select: none; } .imagelightbox-loading, .imagelightbox-loading div { border-radius: 9999px; } .imagelightbox-loading { background-color: rgb(128, 128, 128); background-color: rgba(0, 0, 0, .5); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.65em; margin: -1.3em 0 0 -1.3em; box-shadow: 0 0 2.5em rgba(0, 0, 0, .75); } .imagelightbox-loading div { width: 1.3em; height: 1.3em; background-color: #fff; animation: imagelightbox-loading .5s ease infinite; } @keyframes imagelightbox-loading { from { opacity: .5; transform: scale(.75); } 50% { opacity: 1; transform: scale(1); } to { opacity: .5; transform: scale(.75); } } .imagelightbox-overlay { background-color: #000; background-color: rgba(0, 0, 0, .7); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; } .imagelightbox-close { cursor: pointer; width: 2.5em; height: 2.5em; background-color: #666; position: fixed; z-index: 10002; top: 2.5em; right: 2.5em; border-radius: 50%; transition: color .3s ease; } .imagelightbox-close:hover { background-color: #111; } .imagelightbox-close:before, .imagelightbox-close:after { width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px; } .imagelightbox-close:before { transform: rotate(45deg); } .imagelightbox-close:after { transform: rotate(-45deg); } .imagelightbox-caption { text-align: center; color: #fff; background-color: #666; position: fixed; z-index: 10001; left: 0; right: 0; bottom: 0; padding: 0.625em; } .imagelightbox-nav { background-color: #444; background-color: rgba(0, 0, 0, .5); position: fixed; z-index: 10001; left: 50%; bottom: 3.75em; padding: 0.313em; transform: translateX(-50%); border-radius: 20px; } .imagelightbox-nav a { position: relative; top: 0.2em; width: 1em; height: 1em; border: 1px solid #fff; display: inline-block; margin: 0 0.313em; border-radius: 50%; } .imagelightbox-nav .active { background-color: #fff; } .imagelightbox-arrow { cursor: pointer; width: 3.75em; height: 7.5em; background-color: #444; background-color: rgba( 0, 0, 0, .5 ); vertical-align: middle; display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -3.75em; } .imagelightbox-arrow:hover, .imagelightbox-arrow:focus { background-color: #666; background-color: rgba( 0, 0, 0, .75 ); } .imagelightbox-arrow:active { background-color: #111; } .imagelightbox-arrow-left { left: 2.5em; } .imagelightbox-arrow-right { right: 2.5em; } .imagelightbox-arrow:before { width: 0; height: 0; border: 1em solid transparent; content: ''; display: inline-block; margin-bottom: -0.125em; } .imagelightbox-arrow-left:before { border-left: none; border-right-color: #fff; margin-left: -0.313em; } .imagelightbox-arrow-right:before { border-right: none; border-left-color: #fff; margin-right: -0.313em; } .imagelightbox-loading, .imagelightbox-overlay, .imagelightbox-close, .imagelightbox-nav, .imagelightbox-arrow { animation: fade-in .25s linear; } @keyframes fade-in { from{ opacity: 0; } to{ opacity: 1; } } @media only screen and (max-width: 41.250em) { #container { width: 100%; } .imagelightbox-close { top: 1.25em; right: 1.25em; } .imagelightbox-arrow { width: 2.5em; height: 3.75em; margin-top: -1.875em; } .imagelightbox-arrow-left { left: 1.25em; } .imagelightbox-arrow-right { right: 1.25em; } } @media only screen and (max-width: 20em) { .imagelightbox-arrow-left { left: 0; } .imagelightbox-arrow-right { right: 0; } } html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} *, *:after, *:before { box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; } html { font-size: 100%; } .container { max-width: 1400px; } @media screen and (max-width: 1420px) { .container { padding-left: 40px; padding-right: 40px; } } p, a, ul, li { line-height: 120%; } a { color: #000; } h1 { font-size: 200%; } h2 { font-size: 170%; } h3 { font-size: 150%; } h4 { font-size: 120%; } h5 { font-size: 100%; } h1, h2, h3, h4, h5, h6 { margin-top: 30px; margin-bottom: 10px; font-weight: 700; line-height: 120%; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top:0px; } p { margin-top: 0; } p:empty { display: none; } table p:empty { display: block; } img { max-width: 100%; vertical-align: bottom; height: auto; } img[src*=".svg"]{ width:100%; } svg{ width:100%; } a { text-decoration: none; } a:hover { text-decoration: none; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } #header { background: #fff; position: relative; } section, footer { padding: 40px; } #header.scrolled:not(.dispositionv1){ position: fixed; top:0px; width:100%; background-color: #fff; z-index:500; -webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5); -moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5); box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5); } #header.scrolled.dispositionv1{ } #header.scrolled:not(.dispositionv1) .nav-secondaire{ display: none; } #header.scrolled:not(.dispositionv1) .logo{ max-width:300px; } .alignleft { float: left; margin: 6px 28px 28px 0; } .alignright { float: right; margin: 6px 0 28px 28px; } .aligncenter { clear: both; display: block; margin: 0 auto 28px; } #header ul { list-style: none; } #header > .row > div{ overflow:visible; } .faste-menu li { display: inline-block; text-align: right; } .faste-menu li ul li { display: block; } nav ul { margin: 0; padding: 0; } .faste-menu li a { padding: 3px 10px; } .nav-secondaire li a, .nav-secondaire2 li a { font-size: 90%; } li.dropdown { position: relative; } li.dropdown > ul.dropdown-menu { position: absolute; top: 100%; left: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; visibility: hidden; z-index: 9999; } li.dropdown:hover > ul.dropdown-menu { visibility: visible; } li.dropdown > ul.dropdown-menu > li { text-align: left; } li.dropdown:last-of-type > ul.dropdown-menu{ left: auto; right:0; } li.dropdown:last-of-type > ul.dropdown-menu > li{ text-align: right; } .mobile-menu { display: none; } .faste-menu li a { padding: 10px 15px; display: inline-block; } .faste-menu li ul a { display: block; } .mobile-menu option[value="#"] { display: none; } .phone.cta span.num{ display: none; padding:5px; white-space:nowrap; } .phone.cta img + span{ display: none; padding:5px; white-space:nowrap; } .cta *{ vertical-align:middle; } .cta a{ padding: 5px 5px 5px 5px; } footer div.cta{ display: inline-block; margin-bottom:10px; } .close-ham{ display: none; position: fixed; top:40px; right:40px; height:40px; padding-top:18px; cursor:pointer; z-index:16; } .close-ham > span{ width:41px; height:3px; background-color: #fff; display: block; transform-origin: 50% 50%; transition:transform 0.4s ease-in-out; } .close-ham > span:nth-of-type(2){ margin-top: -3px; } .close-ham.anim > span:nth-of-type(1){ transform:rotate(-45deg); } .close-ham.anim > span:nth-of-type(2){ transform:rotate(45deg); } .ham-icon{ padding:40px; transition:opacity 0.4s; display: inline-block; } .ham-icon:hover{ opacity:0.7; } .ham-icon > span{ width:40px; height:5px; background-color: #353535; margin-bottom:6px; display: block; transition:width 0.4s ease-in-out; } .ham-icon:hover > span{ -webkit-animation: swing 0.4s 1 alternate; -moz-animation: swing 0.4s 1 alternate; -o-animation: swing 0.4s 1 alternate; animation: swing 0.4s 1 alternate; } .ham-icon > span:last-of-type{ margin-bottom: 0; } .ham-icon:hover > span:nth-of-type(2){ animation-delay: 0.04s; } .ham-icon:hover > span:nth-of-type(3){ animation-delay: 0.08s; } .nav-container.mmc.ham .faste-menu li a.return{ width: 0; height: 0; border-top: calc(5px + 0.3vw) solid transparent; border-bottom: calc(5px + 0.3vw) solid transparent; border-right: calc(5px + 0.3vw) solid white; padding: 0; margin-left: -18px; margin-right: 7px; cursor: pointer; } .nav-container.mmc.ham .faste-menu li{ text-align: left; } .nav-container.mmc.ham li.dropdown > ul.dropdown-menu{ display: none; visibility: visible; } .nav-container.mmc.ham li.dropdown.opened > ul.dropdown-menu{ display: block; position: relative; } .nav-container.mmc.ham{ position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index:10; padding:40px; background-color: rgba(36,31,32,0.9); display: none; } .nav-container.mmc.ham .faste-menu{ position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-right:-50%; } .nav-container.mmc.ham .faste-menu li{ display: block; max-width:85vw; } .nav-container.mmc.ham .faste-menu li a{ font-size: 6vh; padding: 0.4vw; color:#fff; } .nav-container.mmc.ham .faste-menu li a:hover{ text-decoration: underline; } .nav-container.mmc.ham li.dropdown:last-of-type > ul.dropdown-menu{ left: 0; right:auto; } .nav-container.mmc.ham li.dropdown:last-of-type > ul.dropdown-menu > li{ text-align: left; } .nav-container.mmc.ham li.hidden{ display: none; } @media screen and (max-width: 640px) { .nav-container.mmc.ham li.dropdown > ul.dropdown-menu{ left: 50%; transform: translateX(-50%); position: relative; } .nav-container.mmc.ham .faste-menu li > a{ white-space:normal; font-size: 5vh; margin-bottom:10px; } .nav-container.mmc.ham .faste-menu li{ text-align: center; } } .cta > a > *{ vertical-align:middle; } .cta > a > img{ margin-right:5px; } .cta{ margin-bottom:5px; } @media screen and (min-width: 1024px) { section.scrollcontrol:not(.flbk000001){ height:100vh; display: table; width:100%; } section.scrollcontrol > .row{ display: table-cell; vertical-align: middle; } } #header .huge-1, #header > .row > .huge-3:nth-of-type(2) { text-align: center; } #header > .row > .huge-2:first-of-type { text-align: left; } #header > .row > .huge-2:last-of-type, #header > .row > .huge-2-rest:last-of-type, #header > .row > .huge-3:nth-of-type(3) { text-align: right; } #header.dispositionv1, #header.dispositionv2 { display: table-cell; vertical-align:top; width: 330px; padding:0 15px; } html.vertical, html.vertical body { height: 100%; display:table; width: 100%; } html.v2 { padding-top: 50px; position: relative; } .dispositionv1 .faste-menu li, .dispositionv2 > .row3 .faste-menu li { display: block; text-align: center; } #header.dispositionv2 { position: static; margin-top: -50px; } .dispositionv2 > .row1 { position: absolute; top: 0; right: 0; width: 100%; max-width: none; z-index: -1; padding-left: 300px; } #header.dispositionv2 >.row1 .large-1 { text-align: right; } @media screen and (max-width: 1300px) { #header .large-1 { text-align: center; } #header > .row > .large-2:first-of-type { text-align: left; } #header > .row > .large-2:last-of-type { text-align: right; } } @media screen and (max-width: 768px) { .dispositionv1 .faste-menu li, .dispositionv2 .row3 .faste-menu li { display: inline-block; } .dispositionv2 > .row1 { position: relative; width: 100%; max-width: none; z-index: auto; padding-left: 20px; } html.v2 { padding-top: 0px; position: static; } #header.dispositionv2 { margin-top: auto; } html.vertical, html.vertical body { height: auto; } html.vertical main, html.vertical footer { overflow: visible; } #header.dispositionv1, #header.dispositionv2 { display: block; width:auto; padding:0 40px; } #header .medium-1, #header.dispositionv2 >.row1 .large-1 { text-align: center; } #header > .row > .medium-2:first-of-type { text-align: left; } #header > .row > .medium-2:last-of-type { text-align: right; } } @media screen and (max-width: 640px) { #header > .row > .small-1, #header > .row > .small-1:nth-of-type(n) { text-align: center; } } #header .social img, #header .cart img, .footer .social img{ max-width: 30px; } @media screen and (min-width: 1301px) { .disposition5 > .row1 > div:nth-of-type(1), .disposition5 > .row1 > div:nth-of-type(3) { width: 25%; } .disposition5 > .row1 > div:nth-of-type(2) { width: 50%; } } @media screen and (min-width: 721px) and (max-width: 1300px) { .disposition5 > .row1 > div:nth-of-type(1), .disposition5 > .row1 > div:nth-of-type(3) { width: 50%; position: absolute; top: 0; } .disposition5 > .row1 > div:nth-of-type(1) { left: 0; } .disposition5 > .row1 > div:nth-of-type(3) { right: 0; } .disposition5 > .row1 > div:nth-of-type(2) { width: 100%; margin-top: 40px; } } @media screen and (max-width: 720px) { #header.disposition5 > .row1 > div:nth-of-type(1), #header.disposition5 > .row1 > div:nth-of-type(2), #header.disposition5 > .row1 > div:nth-of-type(3) { text-align: center; width: 100%; } } @media screen and (min-width: 641px) { .disposition1 > .row1 > div:first-of-type, .disposition2 > .row1 > div:first-of-type, .disposition7 > .row2 > div:first-of-type, .disposition7 > .row2 > div:first-of-type, .disposition8 > .row1 > div:first-of-type { max-width: 30%; min-width: 240px; } .disposition4 > .row1 > div:first-of-type { width: auto; } } @media screen and (max-width: 640px) { .disposition1 nav, .disposition1 .logo, .disposition2 nav, .disposition2 .logo { text-align: center; } } ul.biglist{ } ul.biglist.colonnes li{ width:48%; float:left; padding-right:2%; } ul.biglist.colonnes li:nth-of-type(2n+1){ clear:left; } ul.biglist.colonnes:after{ display: block; content:""; clear: both; } @media screen and (max-width: 1024px) { ul.biglist.colonnes li{ width:100%; float:none; padding-right:0; } ul.biglist.colonnes{ margin-left:0; padding-left:0px; } } ul.biglist li:before{ content:""; width:30px; height:30px; background-size:contain; background-position:center center; background-repeat: no-repeat; display: block; position: absolute; left:0; top:50%; transform:translateY(-50%); } ul.biglist.check li:before{ background-image:url(../img/list-icons/check.png); } ul.biglist.nombres li:before{ content:counter(step-counter); } ul.biglist.nombres li{ counter-increment: step-counter; } ul.biglist li{ position: relative; padding-left: 60px; list-style:none; margin-bottom:10px; font-size:120%; } .yt-videowrap{ width:100%; padding-bottom: 56%; position: relative; } .yt-videowrap.small{ width:33.33%; padding-bottom: 18.66%; position: relative; display: inline-block; } .yt-videowrap > iframe{ position: absolute; width: 100%; height: 100%; top:0; left: 0; bottom: 0; right:0; } .toggle-box, .tabs-box{ display: none; } #toggle_0, #tabs_0{ display: block; } .first + .toggle-box[data-single="true"]{ display: block; } svg.small-icon{ width: 125px; } svg.medium-icon{ width: 250px; } svg.large-icon{ width: 800px; } .row { margin: 0 auto; } .row.inline { width: 100%; height: 100%; text-align: center; } .row:after { content: ""; display: table; clear: both; } .huge-6, .huge-5, .huge-4, .huge-3, .huge-2 { float: left; } .huge-2-rest-left { float: right; } .huge-6 { width: 16.66%; } .huge-5 { width: 20%; } .huge-4 { width: 25%; } .huge-3 { width: 33.33%; } .huge-2 { width: 50%; } .huge-2-66 { width: 66%; } .huge-2-33 { width: 33%; } .huge-2-rest { width: auto; overflow: hidden; } .huge-1 { width: 100%; } .huge-6:nth-of-type(6n+1), .huge-5:nth-of-type(5n+1), .huge-4:nth-of-type(4n+1), .huge-3:nth-of-type(3n+1), .huge-2:nth-of-type(2n+1) { clear: left; } .row.inline > .huge-6:nth-of-type(6n), .row.inline > .huge-5:nth-of-type(5n), .row.inline > .huge-4:nth-of-type(4n), .row.inline > .huge-3:nth-of-type(3n), .row.inline > .huge-2:nth-of-type(2n) { margin-right: -2px; } @media screen and (max-width: 1300px) { .huge-6:nth-of-type(6n+1), .huge-5:nth-of-type(5n+1), .huge-4:nth-of-type(4n+1), .huge-3:nth-of-type(3n+1), .huge-2:nth-of-type(2n+1) { clear: none; } .row.inline > .huge-6:nth-of-type(6n), .row.inline > .huge-5:nth-of-type(5n), .row.inline > .huge-4:nth-of-type(4n), .row.inline > .huge-3:nth-of-type(3n), .row.inline > .huge-2:nth-of-type(2n) { margin-right: -4.5px; } } .huge-2-rest-left + .huge-2 { width: auto; } @media screen and (max-width: 1300px) { .large-6, .large-5, .large-4, .large-3, .large-2 { float: left; } .large-2-rest-left { float: right; } .large-6 { width: 16.66%; } .large-5 { width: 20%; } .large-4 { width: 25%; } .large-3 { width: 33.33%; } .large-2 { width: 50%; } .large-2-66 { width: 66%; } .large-2-33 { width: 33%; } .large-2-rest { width: auto; overflow: hidden; } .large-1 { width: 100%; } .large-6:nth-of-type(6n+1), .large-5:nth-of-type(5n+1), .large-4:nth-of-type(4n+1), .large-3:nth-of-type(3n+1), .large-2:nth-of-type(2n+1) { clear: left; } .large-1 + .large-2 + .large-2 { clear: none; } .row.inline > .large-6:nth-of-type(6n), .row.inline > .large-5:nth-of-type(5n), .row.inline > .large-4:nth-of-type(4n), .row.inline > .large-3:nth-of-type(3n), .row.inline > .large-2:nth-of-type(2n) { margin-right: -2px; } } @media screen and (max-width: 1024px) { .large-6:nth-of-type(6n+1), .large-5:nth-of-type(5n+1), .large-4:nth-of-type(4n+1), .large-3:nth-of-type(3n+1), .large-2:nth-of-type(2n+1) { clear: none; } .row.inline > .large-6:nth-of-type(6n), .row.inline > .large-5:nth-of-type(5n), .row.inline > .large-4:nth-of-type(4n), .row.inline > .large-3:nth-of-type(3n), .row.inline > .large-2:nth-of-type(2n) { margin-right: -4.5px; } } .large-2-rest-left + .large-2 { width: auto; } @media screen and (max-width: 1024px) { .medium-6, .medium-5, .medium-4, .medium-3, .medium-2 { float: left; } .medium-2-rest-left { float: right; } .medium-6 { width: 16.66%; } .medium-5 { width: 20%; } .medium-4 { width: 25%; } .medium-3 { width: 33.33%; } .medium-2 { width: 50%; } .medium-2-66 { width: 66%; } .medium-2-33 { width: 33%; } .medium-2-rest { width: auto; overflow: hidden; } .medium-1 { width: 100%; } .medium-6:nth-of-type(6n+1), .medium-5:nth-of-type(5n+1), .medium-4:nth-of-type(4n+1), .medium-3:nth-of-type(3n+1), .medium-2:nth-of-type(2n+1) { clear: left; } .row.inline > .medium-6:nth-of-type(6n), .row.inline > .medium-5:nth-of-type(5n), .row.inline > .medium-4:nth-of-type(4n), .row.inline > .medium-3:nth-of-type(3n), .row.inline > .medium-2:nth-of-type(2n) { margin-right: -2px; } } @media screen and (max-width: 640px) { .medium-6:nth-of-type(6n+1), .medium-5:nth-of-type(5n+1), .medium-4:nth-of-type(4n+1), .medium-3:nth-of-type(3n+1), .medium-2:nth-of-type(2n+1) { clear: none; } .row.inline > .medium-6:nth-of-type(6n), .row.inline > .medium-5:nth-of-type(5n), .row.inline > .medium-4:nth-of-type(4n), .row.inline > .medium-3:nth-of-type(3n), .row.inline > .medium-2:nth-of-type(2n) { margin-right: -4.5px; } } .medium-2-rest-left + .medium-2 { width: auto; } @media screen and (max-width: 640px) { .small-6, .small-5, .small-4, .small-3, .small-2 { float: left; } .small-2-rest-left { float: right; } .small-6 { width: 16.66%; } .small-5 { width: 20%; } .small-4 { width: 25%; } .small-3 { width: 33.33%; } .small-2 { width: 50%; } .small-2-66 { width: 66%; } .small-2-33 { width: 33%; } .small-2-rest { width: auto; overflow: hidden; } .small-1 { width: 100%; } .small-6:nth-of-type(6n+1), .small-5:nth-of-type(5n+1), .small-4:nth-of-type(4n+1), .small-3:nth-of-type(3n+1), .small-2:nth-of-type(2n+1) { clear: left; } .row.inline > .small-6:nth-of-type(6n), .row.inline > .small-5:nth-of-type(5n), .row.inline > .small-4:nth-of-type(4n), .row.inline > .small-3:nth-of-type(3n), .row.inline > .small-2:nth-of-type(2n) { margin-right: -2px; } .small-2-rest-left + .small-2 { width: auto; } } .row.inline > .huge-6, .row.inline > .huge-5, .row.inline > .huge-4, .row.inline > .huge-3, .row.inline > .huge-2, .row.inline > .large-6, .row.inline > .large-5, .row.inline > .large-4, .row.inline > .large-3, .row.inline > .large-2, .row.inline > .medium-6, .row.inline > .medium-5, .row.inline > .medium-4, .row.inline > .medium-3, .row.inline > .medium-2, .row.inline > .small-6, .row.inline > .small-5, .row.inline > .small-4, .row.inline > .small-3, .row.inline > .small-2 { float: none; display: inline-block; height: 100%; vertical-align: middle; margin-right: -5.5px; overflow:hidden; } .row.inline > .huge-1{ display: block; } @media screen and (max-width: 1300px) { .row.inline .large-1{ display: block; } } @media screen and (max-width: 1024px) { .row.inline .medium-1{ display: block; } } @media screen and (max-width: 640px) { .row.inline .small-1{ display: block; } } .row.inline > * { text-align: left; } .tall-img { height: auto; width: 100%; max-height: none; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .wide-img { width: auto; height: 100%; max-width: none; top:0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .cover.fit .wide-img{ height: auto; width: 100%; max-height: none; text-align: center; top: 50%; left:auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .cover.fit .tall-img{ width: auto; height: 100%; max-width: none; left: 50%; top:0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .cover { position: relative; overflow: hidden; text-align: left; } .cover > img{ position:absolute; } section.no-height{ margin:0; padding:0; height:0; overflow: visible; } footer > .footer-elements > .huge-3:nth-of-type(1) { text-align: left; } footer > .footer-elements > .huge-3:nth-of-type(2) { text-align: center; } footer > .footer-elements > .huge-3:nth-of-type(3) { text-align: right; } footer > .footer-elements > div{ padding-bottom:40px; } @media screen and (max-width: 1300px) { footer > .footer-elements > .large-2:nth-of-type(1) { text-align: left; } footer > .footer-elements > .large-2:nth-of-type(2) { text-align: right; } footer > .footer-elements > .large-1:nth-of-type(n) { text-align: center; } footer > .footer-elements > .large-1 + .large-2 { text-align: left; } } @media screen and (max-width: 1024px) { footer > .footer-elements > .medium-2:nth-of-type(1) { text-align: left; } footer > .footer-elements > .medium-2:nth-of-type(2) { text-align: right; } footer > .footer-elements > .medium-1:nth-of-type(n) { text-align: center; } footer > .footer-elements > .medium-1 + .medium-2 { text-align: left; } } @media screen and (max-width: 640px) { footer > .footer-elements > .small-1:nth-of-type(n) { text-align: center; } } footer ul{ list-style:none; margin:0 0 20px 0; padding: 0; } footer ul.children { margin: 0 0 10px 0; } footer .copyright{ font-size:80%; margin: 0 auto; } .footer .social{ margin-top:10px; } footer .copyright a{ text-decoration: underline; } .modal-bg{ display: none; position: fixed; top:0; bottom:0; right:0; left:0; z-index:9999; background-color: rgba(0, 0, 0, 0.7); overflow-y:auto; -webkit-overflow-scrolling: touch; } .modal-bg .popup{ position: relative; width:90%; max-width:800px; background-color: #fff; padding:20px; margin:75px auto 0 auto; } .modal-bg .popup .close:before{ content:""; background-image: url(../img/close.png); position: absolute; width:25px; height:25px; cursor:pointer; top:-35px; right:0px; } .fanim-flash { -webkit-animation: flash 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: flash 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: flash 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: flash 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-shake { -webkit-animation: shake 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: shake 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: shake 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: shake 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-bounce { -webkit-animation: bounce 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: bounce 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: bounce 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: bounce 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-tada { -webkit-animation: tada 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: tada 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: tada 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: tada 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-swing { -webkit-animation: swing 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: swing 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: swing 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: swing 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-wobble { -webkit-animation: wobble 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: wobble 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: wobble 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: wobble 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-wiggle { -webkit-animation: wiggle 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: wiggle 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: wiggle 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: wiggle 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-pulse { -webkit-animation: pulse 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: pulse 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: pulse 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: pulse 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-fadeIn { -webkit-animation: fadeIn 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: fadeIn 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: fadeIn 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: fadeIn 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-fadeInUp { -webkit-animation: fadeInUp 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: fadeInUp 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: fadeInUp 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: fadeInUp 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-fadeInDown { -webkit-animation: fadeInDown 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: fadeInDown 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: fadeInDown 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: fadeInDown 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-fadeInLeft { -webkit-animation: fadeInLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: fadeInLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: fadeInLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: fadeInLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-fadeInRight { -webkit-animation: fadeInRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: fadeInRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: fadeInRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: fadeInRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-fadeInBig { -webkit-animation: fadeInBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: fadeInBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: fadeInBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: fadeInBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-fadeInUpBig { -webkit-animation: fadeInUpBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: fadeInUpBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: fadeInUpBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: fadeInUpBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-fadeInDownBig { -webkit-animation: fadeInDownBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: fadeInDownBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: fadeInDownBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: fadeInDownBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-fadeInLeftBig { -webkit-animation: fadeInLeftBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: fadeInLeftBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: fadeInLeftBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: fadeInLeftBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-fadeInRightBig { -webkit-animation: fadeInRightBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: fadeInRightBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: fadeInRightBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: fadeInRightBig 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-bounceIn { -webkit-animation: bounceIn 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: bounceIn 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: bounceIn 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: bounceIn 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-bounceInUp { -webkit-animation: bounceInUp 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: bounceInUp 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: bounceInUp 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: bounceInUp 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-bounceInDown { -webkit-animation: bounceInDown 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: bounceInDown 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: bounceInDown 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: bounceInDown 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-bounceInLeft { -webkit-animation: bounceInLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: bounceInLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: bounceInLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: bounceInLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-bounceInRight { -webkit-animation: bounceInRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: bounceInRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: bounceInRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: bounceInRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-rotateIn { -webkit-animation: rotateIn 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: rotateIn 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: rotateIn 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: rotateIn 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-rotateInUpLeft { -webkit-animation: rotateInUpLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: rotateInUpLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: rotateInUpLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: rotateInUpLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-rotateInDownLeft { -webkit-animation: rotateInDownLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: rotateInDownLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: rotateInDownLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: rotateInDownLeft 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-rotateInUpRight { -webkit-animation: rotateInUpRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: rotateInUpRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: rotateInUpRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: rotateInUpRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; } .fanim-rotateInDownRight { -webkit-animation: rotateInDownRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; -moz-animation: rotateInDownRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; -o-animation: rotateInDownRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; animation: rotateInDownRight 0.4s 0s 1 ALTERNATE ease-in-out forwards; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); opacity: 1; } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); opacity: 1; } } @keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); opacity: 1; } } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); opacity: 1; } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); opacity: 1; } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); opacity: 1; } } @keyframes wiggle { 0% { -webkit-transform: skewX(9deg); transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); transform: skewX(0deg); opacity: 1; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3) translate(65%,65%); transform: scale(0.3)translate(65%,65%); } 50% { opacity: 1; -webkit-transform: scale(1.05) translate(-2.5%,-2.5%); transform: scale(1.05) translate(-2.5%,-2.5%); } 70% { -webkit-transform: scale(0.9) translate(5%,5%); transform: scale(0.9) translate(5%,5%); } 100% { -webkit-transform: scale(1) translate(0%,0%); transform: scale(1) translate(0%,0%); opacity: 1; } } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @-webkit-keyframes slide-in { 0% { bottom: -100px; } 75% { bottom: 0; } } @keyframes slide-in { 0% { bottom: -100px; } 75% { bottom: 0; } }@charset "UTF-8"; p, li, a, div > span, h1, h2, h3, h4, h5{font-family: "Lato"} .f1{font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;} .f2{font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;} .c1{color:#0a3a49;} .c2{color:#7ac142;} .mmc a,.mmc{color:#0a3a49;} .smc a,.smc{color:#ffffff;} .sm2c a,.sm2c{color:transparent;} .footer{color:#ffffff;background-color:#111111;} .footer a{color:#ffffff} .titre_carrousel{ font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; font-size: 225%; text-align: left; font-weight: 500; letter-spacing: 0px; line-height: 120%; text-transform: uppercase;display: inline-block; background-color: rgba(10,58,73,1); border-radius: 0 0 0 0; margin: 0 0 0 0; padding: 10px 20px 10px 20px; max-width: none; } .titre{ font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #0a3a49; font-size: 250%; text-align: left; font-weight: 400; letter-spacing: 0px; line-height: 120%; text-transform: uppercase;display: block; margin: 0 0 0 0; padding: 0 0 10px 0; max-width: none; } .contenu_section{ font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #0a3a49; font-size: 225%; text-align: center; font-weight: 400; letter-spacing: 0px; line-height: 120%; display: inline; margin: 0 0 0 0; padding: 0 0 10px 0; max-width: none; } .titre_enumeration{ font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; font-size: 150%; text-align: left; font-weight: 500; letter-spacing: 0px; line-height: 120%; text-transform: uppercase;display: inline-block; background-color: transparent; border-radius: 0 0 0 0; margin: 20px 0 20px 0; padding: 0 0 5px 0; max-width: none; border-style: solid; border-color: #7ac142; border-width: 0px 0px 3px 0px; } .bt_cta{ font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; font-size: 100%; text-align: left; font-weight: 500; letter-spacing: 0px; line-height: 120%; text-transform: uppercase;display: inline; background-color: rgba(10,58,73,1); border-radius: 0 0 0 0; margin: 0 0 0 0; padding: 10px 20px 10px 20px; } @charset "UTF-8"; .flbk000001 { position: relative; } .flbk000001 > .main-carrousel{ position: relative; z-index:1; } .flbk000001 .img-container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .flbk000001 .slick-list{ width:100%; } .flbk000001 .slick-slider { margin-bottom: 0; } .flbk000001 .slick-track { width: 100%!important; } .flbk000001 .slick-slide { outline:0; position: absolute!important; padding-bottom: 40%; overflow: hidden; left: 0px!important; top: 0px!important; } .flbk000001 .slide-carrousel:focus{ outline: 0px solid transparent; } @media screen and (min-width: 1024px) { .flbk000001.scrollcontrol{ height:auto; } .flbk000001.scrollcontrol .slick-slide { padding-bottom:100vh!important; } } .flbk000001 .slide-carrousel { position: relative; } .flbk000001 .img-container img { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .flbk000001 .wrapper-carrousel { position: absolute; top: 0; bottom: 0; width: 100%; } .flbk000001 .content-carrousel { height: 100%; } .flbk000001 .content-box-carrousel { width: 50%; max-width: 100%; box-sizing: border-box; padding: 20px 20px; margin: 0 40px; position: absolute; } .flbk000001 .content-carrousel-gh > .content-box-carrousel { top: 0; left: 0; text-align: left; } .flbk000001 .content-carrousel-gc > .content-box-carrousel { top: 50%; left: 0; text-align: left; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .flbk000001 .content-carrousel-gb > .content-box-carrousel { bottom: 0; left: 0; text-align: left; } .flbk000001 .content-carrousel-ch > .content-box-carrousel { top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } .flbk000001 .content-carrousel-cc > .content-box-carrousel { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .flbk000001 .content-carrousel-cb > .content-box-carrousel { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } .flbk000001 .content-carrousel-dh > .content-box-carrousel { top: 0; right: 0; text-align: right; } .flbk000001 .content-carrousel-dc > .content-box-carrousel { top: 50%; right: 0; text-align: right; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .flbk000001 .content-carrousel-db > .content-box-carrousel { bottom: 0; right: 0; text-align: right; } .flbk000001 .slick-prev { left: 10px; z-index: 9990; } .flbk000001 .slick-next { right: 10px; z-index: 9990; } .flbk000001 #loader-wrapper { position: absolute; top: 50%; left: 50%; z-index: 1000; } .flbk000001 #loader, #loader::before, #loader::after { border: 3px solid transparent; border-radius: 50%; } .flbk000001 #loader:before, #loader:after { content: ""; position: absolute; } .flbk000001 #loader { display: block; position: relative; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; border-top-color: #dbdbdb; z-index: 1500; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .flbk000001 #loader:before { top: 5px; left: 5px; right: 5px; bottom: 5px; border-top-color: #e8e8e8; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } .flbk000001 #loader:after { top: 15px; left: 15px; right: 15px; bottom: 15px; border-top-color: #f0f0f0; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }@charset "UTF-8"; .flbk000001-post-7-1{ position:relative; margin:0px auto 0px auto; padding:0px 0px 0px 0px; } .flbk000001-post-7-1 > .row{ max-width:1400px; } .flbk000001-post-7-1 .slick-slide{ padding-bottom:35%; } .flbk000001-post-7-1 .content-box-carrousel h2{ font-family:"Lato", sans-serif; color:#ffffff; } .flbk000001-post-7-1 .content-box-carrousel p{ font-family:"Lato", sans-serif; color:#ffffff; } @charset "UTF-8"; .flbk000003{} .flbk000003 > .row{ position: relative; z-index:1; }@charset "UTF-8"; .flbk000003-post-118-1{ position:relative; margin:0px auto 40px auto; padding:50px 20px 50px 20px; } .flbk000003-post-118-1 > .row{ max-width:1400px; } @charset "UTF-8"; .flbk000003-post-7-1{ position:relative; margin:0px auto 40px auto; padding:50px 20px 50px 20px; } .flbk000003-post-7-1 > .row{ max-width:800px; } @charset "UTF-8"; .flbk000002 > .row > h2{ text-align: center; margin-bottom:40px; } .flbk000002 > .row{ position: relative; z-index:1; } .flbk000002 > .row.equal > div > div{ height:100%; } .flbk000002 > .row.tierdeuxtiers > .colonne-0, .flbk000002 > .row.deuxtierstier > .colonne-1{ width:33.33%; } .flbk000002 > .row.tierdeuxtiers > .colonne-1, .flbk000002 > .row.deuxtierstier > .colonne-0{ width:66.66%; } .flbk000002 .linkbox .img-icon{ width:30%; float:left; } .flbk000002 .linkbox .content{ width:80%; margin-left:-10%; float:left; padding-left:20%; position: relative; z-index:-1; } .flbk000002 .linkbox:after{ content:""; display: block; clear:both; } .flbk000002 .linkbox{ margin-bottom:30px; } .flbk000002 > .row > .google_map{ position: relative; } .flbk000002 .embed-google-map, .flbk000002 .simple-google-map{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .flbk000002 .embed-google-map iframe, .flbk000002 .simple-google-map .canvas{ width:100%; height:100%; min-height:200px; } .flbk000002 .disposition-bigsmall > a:not(:first-of-type), .flbk000002 .disposition-miniatures > a, .flbk000002 .disposition-miniatures_fit > a{ width:30%; padding-bottom:30%; display: block; float:left; margin: 10px 2.5%; } .flbk000002 .disposition-bigsmall > a:nth-of-type(3n+2), .flbk000002 .disposition-miniatures > a:nth-of-type(3n+1), .flbk000002 .disposition-miniatures_fit > a:nth-of-type(3n+1){ margin-left:0; } .flbk000002 .disposition-bigsmall > a:nth-of-type(3n+4), .flbk000002 .disposition-miniatures > a:nth-of-type(3n+3), .flbk000002 .disposition-miniatures_fit > a:nth-of-type(3n+3){ margin-right:0; } .flbk000002 .disposition-bigsmall > a:first-of-type{ width:100%; display: inline-block; } .flbk000002 .lightbox-galerie:after{ display: block; content:""; clear: both; } @media screen and (max-width: 1024px) { .flbk000002 > .row > .medium-1 > .cover{ padding-bottom:40%; } .flbk000002 > .row.tierdeuxtiers > .colonne-0, .flbk000002 > .row.deuxtierstier > .colonne-1{ width:100%; } .flbk000002 > .row.tierdeuxtiers > .colonne-1, .flbk000002 > .row.deuxtierstier > .colonne-0{ width:100%; } }@charset "UTF-8"; .flbk000002-post-7-1{ position:relative; margin:0px auto 0px auto; padding:50px 20px 50px 20px; } .flbk000002-post-7-1 > .row{ max-width:1400px; } .flbk000002-post-7-1 > .row > .colonne-0{ padding:0px 0px 0px 0px; } .flbk000002-post-7-1 > .row > .colonne-0 > div{ padding:50px 20px 50px 20px; } .flbk000002-post-7-1 > .row > .colonne-0{ max-width:1400px; } .flbk000002-post-7-1 > .row > .colonne-1{ padding:0px 0px 0px 0px; } .flbk000002-post-7-1 > .row > .colonne-1 > div{ padding:2vw 5vw 5vw 5vw; } .flbk000002-post-7-1 > .row > .colonne-1{ max-width:1400px; } .flbk000002-post-7-1 > .row > .colonne-1{ text-align:center; } .flbk000002-post-7-1 > .row > .colonne-1 p.contenu_section{ text-align: center; font-weight: 300; text-transform: uppercase; font-size: 250%; } .flbk000002-post-7-1 > .row > .colonne-1 hr{ width:50%; background: #7ac142; height: 5px; border: none; }@charset "UTF-8"; .flbk000002-post-7-2{ position:relative; margin:0px auto 0px auto; padding:50px 20px 300px 20px; background-color:rgba(238,239,240,1); } .flbk000002-post-7-2 > .row{ max-width:1400px; } .flbk000002-post-7-2 > .row > .colonne-0{ padding:0px 0px 0px 0px; } .flbk000002-post-7-2 > .row > .colonne-0 > div{ padding:0px 0px 0px 0px; } .flbk000002-post-7-2 > .row > .colonne-0{ max-width:1400px; } .flbk000002-post-7-2 > .row > .colonne-0 ul{ color:#7ac142; } .flbk000002-post-7-2 > .row > .colonne-0{ position:relative; z-index: 1; }.flbk000002-post-7-2 > .row > .colonne-1{ padding:0px 0px 0px 0px; } .flbk000002-post-7-2 > .row > .colonne-1 > div{ padding:0px 0px 0px 0px; } .flbk000002-post-7-2 > .row > .colonne-1{ max-width:1400px; } .flbk000002-post-7-2 > .row > .colonne-1 img{ position: absolute; z-index: -1; top: 110px; box-shadow: 0px 0px 15px 0px #08080896; left: -70px; } @media screen and (max-width: 1024px){ .flbk000002-post-7-2 > .row > .colonne-1 img{ position: relative; left:auto; top: 35px; } }@charset "UTF-8"; .flbk000002-post-7-3{ position:relative; margin:0px auto 0px auto; padding:0px 0px 0px 0px; background-color:transparent; } .flbk000002-post-7-3:after{ content: ""; background: url(../../../uploads/2019/10/bg_contact.jpg); opacity: 1; background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: inherit; top: 0; left: 0; bottom: 0; right: 0; position: absolute; } .flbk000002-post-7-3 > .row{ max-width:1400px; } .flbk000002-post-7-3 > .row > .colonne-0{ padding:0px 0px 0px 0px; } .flbk000002-post-7-3 > .row > .colonne-0 > div{ padding:15px 20px 50px 20px; } .flbk000002-post-7-3 > .row > .colonne-0{ max-width:1400px; } .flbk000002-post-7-3 > .row > .colonne-1{ padding:0px 0px 40px 0px; } .flbk000002-post-7-3 > .row > .colonne-1 > div{ padding:50px 20px 50px 20px; } .flbk000002-post-7-3 > .row > .colonne-1{ max-width:1400px; } .flbk000002-post-7-3 > .row > .colonne-1 p{ color:white; } .flbk000002-post-7-3 > .row > .colonne-1 a{ color:white; } .flbk000002-post-7-3 > .row > .colonne-1 span{ color:white; } .flbk000002-post-7-3 > .row > .colonne-1 h2{ color:white; font-size: 100%; text-transform: uppercase; }.flbk000002-post-7-3 .intro-section{ padding: 50px 0px 0px 0px; }@charset "UTF-8"; .flbk000007 .colonne .lebtn{ margin-top:10px; } .flbk000007 > .row > h2.titres-de-section{ text-align: center; margin-bottom:40px; } .flbk000007 > .row{ position: relative; z-index:1; } .flbk000007 > .row.equal > .colonne > div{ height:100%; } .flbk000007 > .row.equal > .colonne.dessus .imglink{ display: block; width: 80%; padding-bottom:80%; position: relative; margin:0 auto 20px; } .flbk000007 .coord > img{ width:35px; height:35px; }@charset "UTF-8"; .flbk000007-post-7-1{ position:relative; margin:0px auto 0px auto; padding:50px 20px 50px 20px; background-color:rgba(255,255,255,1); } .flbk000007-post-7-1 > .row{ max-width:1400px; } .flbk000007-post-7-1 > .row > .colonne{ padding:0px 0px 0px 0px; } .flbk000007-post-7-1 > .row > .colonne > div{ padding:50px 20px 50px 20px; } .flbk000007-post-7-1 > .row > .colonne{ max-width:1400px; } .flbk000007-post-7-1 a{ color:white; } @charset "UTF-8"; .flbk000013 .colonne.dessus > div{ text-align: center; } .flbk000013 > .row > h2.titres-de-section{ text-align: center; margin-bottom:25px; } .flbk000013 > .row{ position: relative; z-index:1; } .flbk000013 > .row.equal > .colonne > div{ height:100%; } .flbk000013 > .row > .colonne.gauche > div:after{ content:""; display: block; clear: both; } .flbk000013 > .row > .colonne.gauche .imglink, .flbk000013 > .row > .colonne.droite .imglink{ width:30%; } .flbk000013 > .row > .colonne.gauche .content, .flbk000013 > .row > .colonne.droite .content{ width:70%; padding:0 30px; } .flbk000013 > .row > .colonne.dessus .imglink{ padding-bottom:40%; } .flbk000013 > .row > .colonne.sous .imglink{ padding-bottom:40%; } @media screen and (max-width: 768px) { .flbk000013 > .row > .colonne.gauche .content{ float:none; width:100%; padding:0; } .flbk000013 > .row > .colonne.gauche .imglink{ margin-right:20px; margin-bottom:20px; } } @media screen and (max-width: 640px) { .flbk000013 > .row .colonne.gauche .imglink{ width:100%; max-width:300px; padding-bottom:50%; margin-right:auto; margin-left:auto; float:none; } }@charset "UTF-8"; .flbk000013-post-7-1{ position:relative; margin:0px auto 0px auto; padding:0px 20px 50px 20px; } .flbk000013-post-7-1 > .row{ max-width:1400px; } .flbk000013-post-7-1 > .row > .colonne{ padding:0px 0px 0px 0px; } .flbk000013-post-7-1 > .row > .colonne > div{ padding:50px 20px 50px 20px; } .flbk000013-post-7-1 > .row > .colonne{ max-width:1400px; } .flbk000013-post-7-1 .colonne{ text-align:center; } .flbk000013-post-7-1 .intro-section{ max-width: 1000px; margin: 0 auto; } .flbk000013-post-7-1 .imglink { padding-bottom: 25%; }@charset "UTF-8"; .flbk000012{} .flbk000012 > .row{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index:1; } .flbk000012 > .row > div{ position: absolute; top:0; bottom:0; left: 0; right: 0; } .flbk000012 > .row > div .canvas{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .flbk000012 > .row > .google_map{ position: relative; } .flbk000012 .embed-google-map, .flbk000012 .simple-google-map{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .flbk000012 .embed-google-map iframe, .flbk000012 .simple-google-map .canvas{ width:100%; height:100%; min-height:200px; }@charset "UTF-8"; .flbk000012-post-7-1{ position:relative; margin:0px auto 0px auto; padding:150px 0px 150px 0px; } .flbk000012-post-7-1 > .row{ max-width:9999px; }  .copropriete, .commercial{ display: none; } .nav-container > .faste-menu{ width: 50%; float: right; text-align: center; } #section_equipe > div > div > div > a > img{ top: 59%; } section.header > div.main-carrousel::after{ content: ""; position: absolute; width: 100%; right: 0; top: 0; left: 0; bottom: 0; z-index: 0; background-image: linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.5)); } .nav-secondaire > .faste-menu{ width: 50%; float: right; background-color: #0a3a49; } .nav-container > .faste-menu > li{ text-transform: uppercase; font-weight: bold; margin: 22px 0; transition: 0.3s; border-bottom: 3px solid transparent; } .nav-container > .faste-menu > li:hover{ border-bottom: 3px solid #7ac142; } .nav-secondaire > .faste-menu > li.menu-item-object-custom{ float: left; font-size: 175%; font-weight: bold; } .nav-secondaire > .faste-menu > li.email{ float: right; vertical-align: middle; margin: 7px; font-size: 115%; } h1.logo{ margin: 25px 0; } @media screen and (max-width: 1200px){ #header > div.container{ padding-right: 0; } .nav-secondaire > .faste-menu, .nav-container > .faste-menu{ width: 60%; } } @media screen and (max-width:800px){ .nav-secondaire > .faste-menu{ width: 100%; } #header > div.container{ padding-left: 0; } #header > div > div:first-child{ position: absolute; top: 60px; left: 40px; } } @media screen and (max-width:640px){ #header > div > div:first-child{ position: relative; top: 0px; left: 0px; } } .nav-container.mmc.ham .faste-menu li a:hover{ text-decoration: none; } .nav-container.mmc.ham .faste-menu li a{ border-bottom: 3px solid transparent; } .header p{ padding: 5px 10px; color: #ffffff; background-color: rgba(10, 58, 73, 0.9); display: table; font-size: 170%; font-weight: 500; text-transform: uppercase; } .header h2{ padding: 5px 10px; color: #ffffff; background-color: rgba(10, 58, 73, 0.9); display: inline-block; font-size: 170%; font-weight: 500; text-transform: uppercase; } @media screen and (min-width:1250){ .slide-carrousel > div.wrapper-carrousel > div > div{ left: 10%!important; } } @media screen and (max-width:1250px){ .flbk000001 .content-box-carrousel{ width: 92%; } } .service:after, .header:after { content: ""; display: block; position: absolute; border-bottom: 4vw solid transparent; border-left: 50vw solid white; max-width: 50%; bottom: 96px; bottom: -1px; z-index: 2; transform: rotate(180deg); right: 0; } .service:before, .header:before { content: ""; display: block; position: absolute; border-bottom: 4vw solid transparent; border-right: 50vw solid #ffffff; max-width: 50%; z-index: 2; left: 0; bottom: -1px; transform: rotate(180deg); } .service .colonne-0 .content-tabs .row.basic-columns > div:nth-child(1){ width: 20%; } .service .colonne-0 .content-tabs .row.basic-columns > div:nth-child(4){ width: 70%; float: right; } .service .content-tabs{ background-color: white; } .service .onglets > a > h2{ font-size: 100%; display: inline-block; padding: 20px 10px; margin: 0; background-color: #e1e1e1; transition: 0.5s; border-top: 3px solid transparent; } .service .onglets > a.active > h2{ background-color: white; border-top: 3px solid #7ac142; } .service .row.basic-columns{ padding: 25px; } .service ul{ padding: 0 50px 0px 20px; } .service{ overflow: hidden; } .service > .row::before{ content: ""; background-image: url(../../faste-child/../../uploads/2019/09/arrow.png); position: absolute; background-size: contain; right: -425px; top: -370px; width: 879px; z-index: -1; height: 912px; } .equipe .row.equal > .colonne.dessus .imglink { display: block; width: 100%; padding-bottom: 100%; } .equipe .content{ background: rgba(0, 0, 0, 0.7); padding: 10px 20px; position: absolute; right: 20px; left: 20px; bottom: 70px; } .equipe .coord > img{ filter: invert(100%); } .equipe > div > div > div{ position: relative; } .equipe div.content > h3{ display: none; } .equipe div.content > p{ text-transform: uppercase; color: white!important; margin: 0; } #section_equipe > div > div:nth-child(2) > div > div > p > a{ color: white; } .equipe div.content > a.lebtn{ position: absolute; top: 115px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; font-size: 100%; min-width: 165px; } .equipe div.content > a.coord { position: absolute; right: 20px; z-index: 6; bottom: 20px; } .service, .equipe{ z-index: 2; } .equipe a.lebtn{ background-color: white; border: 1px solid #0a3a49; color: #0a3a49; transition: 0.5s; } .equipe a.lebtn:hover{ background-color: #0a3a49; color: white; } .equipe .intro-section{ max-width: 1000px; margin: 0 auto; } .popup-team h3.f1.c1{ display: none; } .popup-team .content{ background-color: #0a3a49; position: relative; } .popup-team .content p{ color: white; text-transform: uppercase; padding: 20px; } .popup-team .content a.coord{ filter: invert(100%); position: absolute; right: 20px; top: 25px; } .popup-team .content > p > a{ color: white!important; } .form::before{ content: ""; position: absolute; width: 100%; right: 0; left: 0; top: 0; bottom: 0; box-shadow: 0px 0px 25px 0px #08080896; background: #0a3a49; z-index: 1; opacity: 0.8; } .gform_wrapper .gform_footer, body .gform_wrapper .top_label div.ginput_container, body .gform_wrapper ul li.gfield{ margin-top: 0px!important; } #gform_submit_button_1{ border: none; background-color: rgba(122, 193, 66, 0.68); color: white; text-transform: uppercase; font-weight: 600; width: 98%; padding: 20px 0; } .colonne-0 > div > div.gform_wrapper > form > .gform_body > ul.gform_fields > li.gfield > .ginput_container > input, .colonne-0 > div > div.gform_wrapper > form > .gform_body > ul.gform_fields > li.gfield > .ginput_container > textarea{ padding: 20px!important; border: none; background-color: rgba(255, 255, 255, 0.7); } @media screen and (max-width: 1024px){ .form::before{ top: 0; } .service .colonne-1 > div{ text-align: center; } .service .colonne-1 > div > img{ position: inherit!important; width: 90%; } .service{ padding: 50px 20px 125px 20px; } } @media screen and (max-width:768px){ .header p, .header h2{ font-size: 125%; } } @media screen and (max-width: 640px){ h1.logo{ margin: 25px; } .nav-secondaire > .faste-menu > li.email, .nav-secondaire > .faste-menu > li.menu-item-object-custom{ float: none; } .service .onglets > a > h2{ width: 33%; } .service .colonne-0 .content-tabs .row.basic-columns > div:nth-child(1), .service .colonne-0 .content-tabs .row.basic-columns > div:nth-child(4){ width: 100%; float: none; } .service .colonne-0 .content-tabs .row.basic-columns > div:nth-child(1) > img{ padding: 0px 0px 20px 0 } } @media screen and (max-width:500px){ .header p, .header h2{ display: none } }