:root{--c-text: #211F1F;--c-bg: #ffffff}.dark{--c-text: #ffffff;--c-bg: #211F1F}.light{--c-text: #211F1F;--c-bg: #ffffff}@font-face{font-family:"Fira Sans";font-style:normal;font-weight:400;src:url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/FiraSans-Regular.woff) format("woff"),url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/FiraSans-Regular.woff2) format("woff2")}@font-face{font-family:"Din Condensed";font-style:normal;font-weight:700;src:url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/DIN-Condensed-Bold.woff) format("woff"),url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/DIN-Condensed-Bold.woff2) format("woff2")}@font-face{font-family:"Roboto";font-style:normal;font-weight:300;src:url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/Roboto-Light.woff) format("woff"),url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/Roboto-Light.woff2) format("woff2")} html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}a:hover,a:focus{text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.visuallyhidden,.screen-reader-only{border:0;clip:rect(0 0 0 0);height:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:0}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus,.screen-reader-only.focusable:active,.screen-reader-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:normal;width:auto}.is-hidden{display:none !important;visibility:hidden;pointer-events:none}body,section{color:var(--c-text);font-size:20px;font-weight:400;font-family:"Fira Sans",Arial,sans-serif;line-height:27px}@media only screen and (min-width: 0)and (max-width: calc(1280px - 1px)){body,section{font-size:16px;line-height:20px}}h2,.h2,h3,.h3,.noScript{font-weight:600}h1,.h1{font-size:63px;line-height:81px;font-family:"Din Condensed",Arial,sans-serif;margin:0 !important;text-transform:uppercase}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){h1,.h1{font-size:35px;line-height:45px}}h2,.h2,h2 p{font-size:53px;line-height:57px;font-family:"Din Condensed",Arial,sans-serif;text-transform:uppercase}@media only screen and (min-width: 991px)and (max-width: calc(1420px - 1px)){h2,.h2,h2 p{font-size:40px;line-height:47px}}@media only screen and (min-width: 760px)and (max-width: calc(991px - 1px)){h2,.h2,h2 p{font-size:25px;line-height:30px}}@media only screen and (min-width: 0)and (max-width: calc(760px - 1px)){h2,.h2,h2 p{font-size:25px;line-height:30px}}h2 strong,.h2 strong,h2 p strong{color:#30aae1}h3,.h3,.noScript{font-size:45px;line-height:50px;font-weight:700;font-family:"Din Condensed",Arial,sans-serif;margin-top:1rem !important}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){h3,.h3,.noScript{font-size:29px;line-height:34px}}h3 strong,.h3 strong,.noScript strong{color:#30aae1}h4,.h4{font-size:30px;line-height:36px;font-weight:600;font-family:"Din Condensed",Arial,sans-serif;margin-bottom:35px}@media only screen and (min-width: 0)and (max-width: calc(760px - 1px)){h4,.h4{margin-bottom:20px}}.dark-template h4,.dark-template .h4{color:#fff}h5,.h5{font-size:20px;line-height:25px;font-weight:300;margin-bottom:20px !important}@media only screen and (min-width: 991px){h5,.h5{margin-bottom:44px !important}}.subtitle{font-family:"Din Condensed",Arial,sans-serif;font-size:32px;line-height:38px;color:#211f1f;text-transform:uppercase;margin-bottom:30px;display:inline-block}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.subtitle{font-size:20px;line-height:23px;margin-bottom:10px}}.subtitle.linebefore{margin-left:20px;position:relative}.subtitle.linebefore:before{content:"/";position:absolute;left:-20px;top:-7px;color:#211f1f;font-size:32px;line-height:32px;font-family:"Roboto",Arial,sans-serif}.p,p,ul{font-size:20px;line-height:24px;font-weight:400;margin:25px 0;text-transform:initial}@media only screen and (min-width: 0)and (max-width: calc(1280px - 1px)){.p,p,ul{font-size:16px;line-height:18px}}ul{list-style-type:initial;margin-left:20px !important}.dark-template ul{color:#fff}.dark-template .inner-text ul li::before{color:#fff}.is-no-opacity{opacity:0 !important;pointer-events:none !important}.is-no-opacity:hover{cursor:default !important;opacity:0 !important}.is-clear{clear:both;display:block}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}@media only screen and (min-width: 991px){.mobileOnly{display:none !important;visibility:hidden}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.desktopOnly{display:none !important;visibility:hidden}}@media only screen and (min-width: 0)and (max-width: calc(760px - 1px)){.tableOnly{display:none !important;visibility:hidden}}.noScroll{overflow:hidden}html{overflow-x:hidden;background:#fff;-webkit-font-smoothing:antialiased}img{display:block}img.responsive{height:auto;width:100%}button{cursor:pointer}button:disabled{cursor:default;pointer-events:none}.center{text-align:center}audio,canvas,iframe,img,svg,video{vertical-align:bottom}:focus{outline:1.5px solid rgba(0,0,0,0);outline-offset:4px}:focus:not(:focus-visible){outline:none}picture{display:block;vertical-align:bottom}.inner-text ul{margin-left:1em}.inner-text ul li::before{content:"•";color:#211f1f;font-weight:bold;display:inline-block;width:1em;margin-left:-1em}.dark-template .inner-text ul li::before li::before{color:#fff}hr,blockquote,figure{margin:0}a,.link{color:var(--c-text);transition:.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition-property:color,background,background-position,border-color,filter,transform;text-decoration:none}.skipToContent{position:absolute !important;top:0;left:0;display:inline-block;color:#211f1f;background:#fff;padding:14px 20px;outline-offset:-8px;width:-moz-fit-content;width:fit-content;z-index:4}.noScript{position:absolute !important;top:0;left:0;display:inline-block;outline-offset:-2px;padding:0 var(--gutter-width);width:100%;color:#211f1f;text-align:center;background:#fff;z-index:4}ul,ol,.list{margin:0 0 20px;padding:0}.splide__slide img{width:-webkit-fill-available}.grecaptcha-badge{display:none}.is-desktop{display:none}.is-mobile{display:block}@media only screen and (min-width: 991px){.is-desktop{display:block}.is-mobile{display:none}}.layout-wrapper{margin:0 auto;padding:0 20px;position:relative}@media only screen and (min-width: 760px){.layout-wrapper{padding:0 50px;--gutter-width: 50px}}@media only screen and (min-width: 1280px){.layout-wrapper{padding:0 120px;--gutter-width: 120px}}body.block-scroll{overflow:hidden;position:relative;max-height:100vh}.block{margin:50px 0}@media only screen and (min-width: 760px){.block{margin:8vw 0}}@media only screen and (min-width: 991px){.block{margin:100px 0}}.block-pad{padding:50px 0}@media only screen and (min-width: 760px){.block-pad{padding:8vw 0}}@media only screen and (min-width: 991px){.block-pad{padding:100px 0}}.block-pad .intro-desc{margin-top:40px;display:block;width:100%;margin-left:auto;margin-right:auto;text-align:center;max-width:640px}:root{--gutter-width: 20px}@media only screen and (min-width: 480px){:root{--gutter-width: 32px}}@media only screen and (min-width: 1280px){:root{--gutter-width: 56px}}.page{overflow:hidden}div.page{padding-top:122px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){div.page{padding-top:52px}}.circle{position:fixed;top:0;left:0;pointer-events:none;z-index:19087632564}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.circle{display:none}}.cursor{width:100px;height:100px}.container-fluid{padding-left:60px !important;padding-right:60px !important}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.container-fluid{padding-left:20px !important;padding-right:20px !important}}.container-fluid_paddings{padding-top:120px;padding-bottom:120px}.container{padding-left:20px;padding-right:20px}.row{margin-left:-20px;margin-right:-20px}.col,[class*=col-],[class*=col-]{padding-left:20px;padding-right:20px}.no-gutters{margin-left:0 !important;margin-right:0 !important}@media only screen and (min-width: 0)and (max-width: calc(1420px - 1px)){.container-fluid{padding-left:80px;padding-right:80px}.container-fluid_paddings{padding-top:80px;padding-bottom:80px}}@media only screen and (min-width: 0)and (max-width: calc(1280px - 1px)){.container-fluid{padding-left:50px;padding-right:50px}.container-fluid_paddings{padding-top:50px;padding-bottom:50px}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.container-fluid,.container{padding-left:20px;padding-right:20px}.container-fluid_paddings{padding-top:20px;padding-bottom:20px}}@media only screen and (min-width: 0)and (max-width: calc(600px - 1px)){.container-fluid{padding-left:15px;padding-right:15px}.container_xs-no-padding{padding-left:0;padding-right:0}}.text-left{text-align:left !important}.text-left .section__headline{margin-right:auto}.text-center{text-align:center !important}.text-center .section__headline{margin-left:auto;margin-right:auto}.text-right{text-align:right !important}.text-right .section__headline{margin-left:auto}.row-80{margin-left:-40px;margin-right:-40px}.overflow{position:relative;overflow:hidden}.overflow__curtain{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50}.overflow__content{width:100%;height:100%}.position-relative{position:relative}.position-fixed{position:fixed}.of-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:"object-fit: cover;"}.of-contain{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;font-family:"object-fit: contain;"}.split-line{overflow:hidden}.hidden{opacity:0;visibility:hidden}.no-gutters{padding-left:0;padding-right:0}.grayscale{filter:grayscale(70%)}.h-100{height:100%}.clearfix:after{content:"";display:table;clear:both}.backgroundblendmode .blend-difference{mix-blend-mode:difference}.backgroundblendmode .blend-difference .header__burger-line{background-color:#fff}.backgroundblendmode .blend-difference .logo{color:#fff}.backgroundblendmode .blend-difference .menu>li>a{color:#fff}.border-radius,.menu .sub-menu{border-radius:4px}.bg-ornament{background-image:url(//4webdemo.ca/wp-content/themes/charleshuot/assets/images/general/bg-ornament.png);background-repeat:no-repeat;background-position:center center;background-size:cover}.bg-dots{width:256px;height:400px;background-image:url(//4webdemo.ca/wp-content/themes/charleshuot/assets/images/general/bg-dots.png);background-repeat:no-repeat;background-position:center center}.mw-960{max-width:960px}.pastille{bottom:50%;transform:translate(50%, 50%) skew(0, 20deg) rotate(-90deg);cursor:pointer;height:75px;position:fixed;right:-100%;transition:all .5s;width:320px;z-index:200;background:#30aae1;box-shadow:-6px -8px 16px 0px rgba(0,0,0,.2509803922);padding:30px;text-align:center}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.pastille{height:45px;padding:20px}}.pastille a{text-align:center;top:50%;position:absolute;transform:translateY(-50%) skew(20deg, 0deg);font-size:19px;letter-spacing:2px;color:#fff;font-weight:300;font-family:"Din Condensed",Arial,sans-serif;font-size:26px;line-height:32px;width:100%;left:0}.pastille.show{transition:all .5s;right:30px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.pastille.show{right:20px}}.pastille.sticky{position:absolute}.btn,.btn-close,.btn-secondary,.btn-primary{position:relative;display:inline-block;border:1px solid var(--c-text);border-radius:8px;padding:15px 12px 9px 12px;cursor:pointer;text-decoration:none;line-height:24px;font-size:18px;text-align:center;min-width:195px;font-family:"Din Condensed",Arial,sans-serif;font-size:26px;line-height:32px}.btn:before,.btn-close:before,.btn-secondary:before,.btn-primary:before{content:"";position:absolute;top:-6px;left:-6px;width:calc(100% + 10px);height:calc(100% + 10px);border:1px solid #211f1f;border-radius:16px;filter:drop-shadow(0 0 1px #211F1F);opacity:0;transition:opacity .6s cubic-bezier(0.785, 0.135, 0.15, 0.86)}.btn:focus:before,.btn-close:focus:before,.btn-secondary:focus:before,.btn-primary:focus:before{opacity:1}.btn:focus:not(:focus-visible):before,.btn-close:focus:not(:focus-visible):before,.btn-secondary:focus:not(:focus-visible):before,.btn-primary:focus:not(:focus-visible):before{opacity:0}.btn[disabled],[disabled].btn-close,[disabled].btn-secondary,[disabled].btn-primary,.btn.disabled,.disabled.btn-close,.disabled.btn-secondary,.disabled.btn-primary{color:#363636;background:#9f9f9f;background-position:left;border-color:#9f9f9f}.btn[disabled]:hover,[disabled].btn-close:hover,[disabled].btn-secondary:hover,[disabled].btn-primary:hover,.btn.disabled:hover,.disabled.btn-close:hover,.disabled.btn-secondary:hover,.disabled.btn-primary:hover{color:#363636 !important;background:#9f9f9f !important;background-position:left !important;cursor:initial}.btn-primary{border-color:rgba(0,0,0,0);color:#fff;background:linear-gradient(to right, #30AAE1 33%, #ffffff 66%);background-size:300%;background-position-x:1%;transition:all .42s ease-in-out}.btn-primary-onwhite{background:linear-gradient(to right, #30AAE1 33%, #211F1F 66%);background-size:300%;background-position-x:1%}.btn-primary-onwhite:hover{background-position-x:99%;color:#fff !important}.btn-primary:hover{background-position-x:99%;color:#211f1f}.btn-secondary{border-color:rgba(0,0,0,0);color:#211f1f;background:linear-gradient(to right, #ffffff 33%, #30AAE1 66%);background-size:300%;background-position-x:1%;transition:all .42s ease-in-out}.btn-secondary-onblue{background:linear-gradient(to right, #ffffff 50%, #211F1F 66%);background-size:300%;background-position-x:1%}.btn-secondary-onblue:hover{background-position-x:99%}.btn-secondary:hover{background-position-x:99%;color:#fff}.btn-map-control{color:#fff;background:linear-gradient(to right, #211F1F 33%, #211F1F 66%);background-size:300%;border:0;padding:10px;width:40px;height:40px;transition:all .42s ease-in-out;border-radius:10px;margin-bottom:10px}.btn-map-control:hover,.btn-map-control.active,.btn-map-control[aria-selected=true]{background-position:right}.btn-close{border:none;border-radius:0;padding:0;background:rgba(0,0,0,0)}.btn-close .icon{transform:rotate(45deg)}.icon-social{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;height:44px}.nav .icon-social{background:rgba(33,31,31,.15)}.icon-inText{margin:0 6px -3px;width:20px;height:20px}.facebook{width:9px;height:17px}.instagram{width:15px;height:15px}.header{font-family:"Fira Sans",Arial,sans-serif}.header .logo{width:280px;position:relative;color:var(--color-accent-primary-1);font-weight:bold;display:inline-flex}@media only screen and (min-width: 1280px)and (max-width: calc(1420px - 1px)){.header .logo{width:200px}}@media only screen and (min-width: 0)and (max-width: calc(1280px - 1px)){.header .logo{width:150px}}.header .logo__wrapper-img{align-items:center;flex:1 0 auto;height:100%}.header .logo__wrapper-img img{height:50px}nav.header{padding:35px 0;background:#211f1f}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){nav.header{padding:10px 0}}nav.header:before{content:"";position:absolute;background:#30aae1;width:26%;height:100%;top:0;right:-30px;transform:skew(-20deg)}nav.header.header_sticky .logo{width:110px}nav.header .header__col-left{display:flex;align-items:center}nav.header .header-btn-container{width:19vw;margin-right:0;margin-left:auto;text-align:center}@media only screen and (min-width: 0)and (max-width: calc(1280px - 1px)){nav.header .header-btn-container{width:13vw}}nav.header .header-btn{display:inline-block;padding:12px 60px 8px 75px;background:#fff none repeat scroll 0 0;border-radius:5px;margin-left:35px;position:relative;color:#211f1f;font-family:"Din Condensed",Arial,sans-serif;font-size:26px;line-height:32px}@media only screen and (min-width: 0)and (max-width: calc(1420px - 1px)){nav.header .header-btn{padding:12px 30px 8px 45px}}nav.header .header-btn .icon-holder{position:absolute;left:-36px;top:50%;transform:translateY(-50%);width:53px;height:40px;background:#30aae1;text-align:center;color:#211f1f;border-radius:5px;line-height:40px;z-index:1}nav.header .header-btn .icon-holder svg{background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:8px;border-radius:5px;width:45px;height:32px}.header_absolute{position:absolute;top:0;left:0;width:100%;z-index:500}.header_fixed{position:fixed;top:0;left:0;width:100%;z-index:500}.header__burger-line{width:100%;height:2px;background-color:#211f1f;margin-top:3px;margin-bottom:3px;transform:rotate(0deg) translateY(0px);will-change:transform;transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86)}.header__wrapper-overlay-menu{display:flex;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:500;background:#211f1f;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transition:.6s cubic-bezier(0.785, 0.135, 0.15, 0.86)}.header__wrapper-overlay-menu.opened{opacity:1;visibility:visible}.header__burger{display:inline-flex;flex-direction:column;justify-content:center;width:30px;height:20px;cursor:pointer;vertical-align:middle}.header__burger_opened .header__burger-line{background-color:#211f1f !important}.header__burger_opened .header__burger-line:nth-child(1){transform:rotate(-45deg) translateY(6px);background-color:#fff !important}.header__burger_opened .header__burger-line:nth-child(2){transform:rotate(45deg) translateY(-6px);background-color:#fff !important}.header__wrapper-menu{position:relative;width:100%;max-width:calc(50vw - 300px)}.header__curtain{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}.header__wrapper-overlay-widgets{position:absolute;left:0;right:0;bottom:0;padding-bottom:64px}.header__wrapper-overlay-widgets .social{margin-top:1em;margin-bottom:1em}.header__overlay-menu-back{position:absolute;top:0;cursor:pointer;font-size:32px !important;color:#211f1f !important;opacity:0;visibility:hidden}.header__controls{position:relative;z-index:600}.header__circle-letters{display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:300px;height:300px;border:2px solid #211f1f;border-radius:100%}.header__circle-letters svg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:300px;height:300px;border-radius:100%;stroke-width:1px;z-index:50}.header__circle-letters svg .circle{stroke:#211f1f}.header__circle-letters-inner{width:100%;height:100%;position:relative}@media only screen and (min-width: 0)and (max-width: calc(1420px - 1px)){.header__wrapper-overlay-widgets{padding-bottom:40px}}@media only screen and (min-width: 0)and (max-width: calc(1280px - 1px)){.header__wrapper-overlay-widgets{padding-bottom:30px}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.header__circle-letters{display:none}.header__wrapper-menu{max-width:100%}.header__wrapper-overlay-menu{text-align:center;flex-direction:column;padding-top:80px;padding-bottom:80px}.header__wrapper-overlay-widgets{text-align:center;position:relative;left:auto;right:auto;bottom:auto;padding-top:30px;padding-bottom:30px;margin-bottom:auto}.header__wrapper-overlay-widgets .text-left,.header__wrapper-overlay-widgets .text-right{text-align:center !important}}@media only screen and (min-width: 760px)and (max-width: calc(991px - 1px)){.header__wrapper-overlay-widgets{padding-bottom:30px}}.js-sticky-header{transition:all .6s ease;box-shadow:0px 0px 30px 0px rgba(24,24,24,0);will-change:padding,box-shadow}.header_sticky{position:fixed;top:0;left:0;width:100%;padding:15px 0;box-shadow:0px 0px 30px 0px rgba(24,24,24,.1)}.menu{list-style-type:none;padding:0;margin:0 !important;margin-left:40px !important;word-wrap:normal;text-align:left !important;display:inline-block;font-size:16px}@media only screen and (min-width: 0)and (max-width: calc(1280px - 1px)){.menu{margin-left:0px !important}}.menu>li{display:inline-block}.menu>li:not(:last-child){margin-right:24px !important;position:relative}.menu>li:not(:last-child):after{content:"/";position:absolute;right:-20px;top:-3px;color:#30aae1;font-size:32px;line-height:32px;font-family:"Roboto",Arial,sans-serif}@media only screen and (min-width: 991px)and (max-width: calc(1420px - 1px)){.menu>li:not(:last-child):after{top:-8px}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.menu>li:not(:last-child):after{content:none}}.menu>li a{display:block;color:#fff;font-family:"Din Condensed",Arial,sans-serif;font-size:26px;line-height:32px;text-transform:uppercase}@media only screen and (min-width: 991px)and (max-width: calc(1420px - 1px)){.menu>li a{font-size:19px;line-height:26px}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.menu>li a{font-size:30px;line-height:36px}}.menu>li a.current-menu-item{color:#30aae1}.menu>li.menu-item-has-children>a:after{content:"";font-family:"FontAwesome";display:inline-block;vertical-align:middle;margin-left:5px}.menu>li:not(.menu-item-has-children) a{position:relative}.menu>li:not(.menu-item-has-children) a:hover{color:#30aae1;transition:.6s cubic-bezier(0.785, 0.135, 0.15, 0.86)}.menu .menu-item-has-children{position:relative}.menu .menu-item-has-children>a:hover~ul{opacity:1;visibility:visible;transform:translate(0, 0)}.menu .sub-menu{position:absolute;top:100%;left:15px;list-style-type:none;padding:0;margin:0;padding:10px 0;opacity:0;visibility:hidden;transition:.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);transform:translate(0, 10px);box-shadow:0 0 40px 0 rgba(0,0,0,.05);background-color:#fff;z-index:50}.menu .sub-menu>li{display:block;white-space:nowrap}.menu .sub-menu>li a{display:flex;align-items:center;padding:10px 30px;border-left:2px solid rgba(0,0,0,0)}.menu .sub-menu>li a:hover{border-color:#211f1f;background-color:#fff}.menu .sub-menu>li.menu-item-has-children>a:after{content:"";font-family:"FontAwesome";display:inline-block;vertical-align:middle;margin-left:auto;padding-left:15px}.menu .sub-menu ul{top:0;right:calc(100% + 1px);transform:translate(10px, 0)}.menu .sub-menu:hover{opacity:1;visibility:visible;transform:translate(0, 0)}.social{list-style-type:none;padding:0;margin:0;margin-left:-16px;margin-right:-16px}.social__item{display:inline-block;margin:0 8px}@media only screen and (min-width: 991px)and (max-width: calc(1280px - 1px)){.social__item{margin:0}}.social__item a{color:#211f1f;font-size:16px;padding:8px;font-weight:bold}.social__item a.btn-header{text-decoration:underline}.social__item a:hover{color:#211f1f}#footer .footer{margin-top:80px}#footer .footer .prefooter{background:#30aae1;width:100%;max-width:1310px;margin:auto;position:absolute;left:50%;transform:translateX(-50%) skew(-20deg, 0deg);top:-80px;z-index:3;box-shadow:-6px -8px 16px 0px rgba(0,0,0,.2509803922)}@media only screen and (min-width: 991px)and (max-width: calc(1420px - 1px)){#footer .footer .prefooter{max-width:900px}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){#footer .footer .prefooter{width:101%;transform:translateX(-50%)}}#footer .footer .prefooter .inner{transform:skew(20deg, 0deg);text-align:center;padding:30px;color:#fff;display:flex;align-items:center;gap:30px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){#footer .footer .prefooter .inner{flex-direction:column;gap:0;padding:20px 15px 20px 30px;transform:none}#footer .footer .prefooter .inner h3{font-size:25px;margin-bottom:.5rem;margin-top:.5rem !important;line-height:1.2em}#footer .footer .prefooter .inner a{margin-right:30px;margin-bottom:.5rem}}@media only screen and (min-width: 0)and (max-width: calc(1420px - 1px)){#footer .footer .prefooter .inner{justify-content:space-around}#footer .footer .prefooter .inner h3{max-width:665px}}#footer .footer .footer-inner{background:#211f1f;display:flex;flex-wrap:wrap}#footer .footer .footer-inner>div{display:flex;padding-top:175px;padding-bottom:50px;gap:20px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){#footer .footer .footer-inner>div.col-lg-8{padding-top:50px}}#footer .footer .footer-inner>div.flex-col{flex-direction:column}@media only screen and (min-width: 0)and (max-width: calc(760px - 1px)){#footer .footer .footer-inner>div{flex-direction:column;padding-bottom:20px}#footer .footer .footer-inner>div:first-of-type{padding-bottom:0}}#footer .footer .footer-inner .logo svg{width:300px}#footer .footer .footer-inner .text{padding-top:30px;color:#fff;font-size:19px;line-height:22px}#footer .footer .footer-inner h4{color:#fff;width:-moz-fit-content;width:fit-content;text-align:center;position:relative;margin-left:24px}#footer .footer .footer-inner h4:before{content:"/";position:absolute;left:-20px;top:-3px;color:#30aae1;font-size:32px;line-height:32px;font-family:"Roboto",Arial,sans-serif}#footer .footer .footer-inner .adresse,#footer .footer .footer-inner .telephone,#footer .footer .footer-inner .courriel{width:100%}@media only screen and (min-width: 0)and (max-width: calc(760px - 1px)){#footer .footer .footer-inner .adresse,#footer .footer .footer-inner .telephone,#footer .footer .footer-inner .courriel{margin-bottom:30px}}#footer .footer .footer-inner .adresse p,#footer .footer .footer-inner .adresse a,#footer .footer .footer-inner .telephone p,#footer .footer .footer-inner .telephone a,#footer .footer .footer-inner .courriel p,#footer .footer .footer-inner .courriel a{font-size:19px;line-height:22px;color:#fff}#footer .footer .footer-inner .adresse .section__headline,#footer .footer .footer-inner .telephone .section__headline,#footer .footer .footer-inner .courriel .section__headline{margin:0 auto 10px auto}.copyrights{background:#211f1f}.copyrights .container-fluid p{padding:12px 0;border-top:1px solid #fff}.copyrights p{margin-bottom:0;font-size:12px;line-height:14px;color:#fff}.page-template-template-home .hero-container--home .hero{background-repeat:no-repeat;background-size:cover;padding-top:10%;padding-bottom:8%;position:relative}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .hero-container--home .hero{padding-top:30%;padding-bottom:38%}}.page-template-template-home .hero-container--home .hero:after{background:#211f1f;bottom:0;content:"";display:block;height:100%;left:0;mix-blend-mode:multiply;opacity:.1;position:absolute;width:100%;z-index:1;pointer-events:none}.page-template-template-home .hero-container--home .hero .lw{height:100%;display:flex;flex-direction:column;align-items:end;justify-content:center;z-index:2;padding:0 125px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .hero-container--home .hero .lw{padding:0 50px;align-items:center;width:auto}}.page-template-template-home .hero-container--home .hero .lw .text-header{z-index:2;text-align:right}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .hero-container--home .hero .lw .text-header{text-align:center}}.page-template-template-home .hero-container--home .hero .subtitle{font-family:"Din Condensed",Arial,sans-serif;font-size:32px;line-height:38px;color:#fff;text-shadow:4px 4px 5px rgba(0,0,0,.7333333333);margin-bottom:35px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .hero-container--home .hero .subtitle{font-size:20px;line-height:23px}}.page-template-template-home .hero-container--home .hero p{font-family:"Din Condensed",Arial,sans-serif;font-size:91px;line-height:109px;text-align:right;margin-bottom:75px;text-shadow:4px 4px 5px rgba(0,0,0,.7333333333);color:#fff;text-transform:uppercase}.page-template-template-home .hero-container--home .hero p strong{color:#30aae1}@media only screen and (min-width: 1280px)and (max-width: calc(1420px - 1px)){.page-template-template-home .hero-container--home .hero p{font-size:75px;line-height:79px}}@media only screen and (min-width: 991px)and (max-width: calc(1280px - 1px)){.page-template-template-home .hero-container--home .hero p{font-size:50px;line-height:54px}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .hero-container--home .hero p{font-size:2rem;line-height:2.2rem;margin-bottom:20px;text-align:center}}.page-template-template-home .hero-container--home .hero .buttons{display:flex;gap:25px;justify-content:end}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .hero-container--home .hero .buttons{display:none}}.page-template-template-home .hero-container--home .hero a{box-shadow:4px 4px 5px rgba(0,0,0,.4392156863)}.page-template-template-home .section-intro .images{position:relative;max-width:650px;margin:auto;z-index:1}.page-template-template-home .section-intro .images img{width:100%}.page-template-template-home .section-intro .container{padding-top:160px;padding-bottom:160px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-intro .container{padding-top:50px;padding-bottom:50px}}.page-template-template-home .section-intro .row{align-items:center}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-intro .row{gap:30px}}.page-template-template-home .section-intro .section-intro__header .title-intro h2{margin-bottom:60px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-intro .section-intro__header .title-intro h2{margin-bottom:20px}}.page-template-template-home .section-intro .section-intro__header .text-intro{max-width:550px}.page-template-template-home .section-barre{background:#211f1f;background:linear-gradient(to right, #211F1F 0%, #211F1F 65%, #30AAE1 65%, #30AAE1 65%);box-shadow:11px 5px 4px rgba(0,0,0,.4392156863);transform:skew(-20deg, 0deg);transform-origin:top;left:-10%}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-barre{transform:none;background:#211f1f;box-shadow:none;left:0}}.page-template-template-home .section-barre .container{transform:skew(20deg, 0deg);transform-origin:top;left:10%;position:relative}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-barre .container{transform:none;left:0}}.page-template-template-home .section-barre .section-barre__header{z-index:1;display:flex;align-items:center;justify-content:space-between}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-barre .section-barre__header{flex-direction:column;text-align:center}}.page-template-template-home .section-barre .section-barre__header .barre-text{padding:30px 0}.page-template-template-home .section-barre .section-barre__header .barre-text h3{color:#fff}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-barre .section-barre__header .barre-link{padding-bottom:30px}}.page-template-template-home .section-condos{margin-top:150px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-condos{margin-top:50px}}.page-template-template-home .section-condos .background{min-height:42vw;background-size:cover;margin-bottom:150px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-condos .background{background-image:none !important;margin-bottom:0}}.page-template-template-home .section-condos .background .bloc-grey{position:absolute;background-color:#211f1f;clip-path:polygon(0 0, 70% 0, 100% 30%, 100% 100%, 0 100%);color:#fff;width:35%;padding:4%;bottom:-150px}@media only screen and (min-width: 1280px)and (max-width: calc(1580px - 1px)){.page-template-template-home .section-condos .background .bloc-grey{width:45%}}@media only screen and (min-width: 991px)and (max-width: calc(1280px - 1px)){.page-template-template-home .section-condos .background .bloc-grey{width:65%}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-condos .background .bloc-grey{width:100%;position:relative;margin-left:20px;margin-right:20px;bottom:auto;clip-path:polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%)}}.page-template-template-home .section-condos .background .subtitle,.page-template-template-home .section-condos .background .subtitle:before{color:#fff}.page-template-template-home .section-avantages .images{position:relative;max-width:650px;margin:auto}.page-template-template-home .section-avantages .images img{width:100%}.page-template-template-home .section-avantages .container{padding-top:160px;padding-bottom:160px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-avantages .container{padding-top:50px;padding-bottom:50px}}.page-template-template-home .section-avantages .row{align-items:center}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-avantages .row{gap:30px}}.page-template-template-home .section-avantages .section-avantages__header .title-intro h2{margin-bottom:60px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-avantages .section-avantages__header .title-intro h2{margin-bottom:20px}}.page-template-template-home .section-avantages .section-avantages__header .text-intro{max-width:550px}.page-template-template-home .section-galerie{padding-bottom:160px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-galerie{padding-bottom:50px}}.page-template-template-home .section-galerie .splide__arrows{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between}.page-template-template-home .section-galerie .splide__arrows button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0}.page-template-template-home .section-galerie .splide__arrows button svg{width:183px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-template-template-home .section-galerie .splide__arrows button svg{width:50px}}.page-template-template-home .section-galerie .splide__arrows button.splide__arrow--prev{left:0}.page-template-template-home .section-galerie .splide__arrows button.splide__arrow--next{right:0}.plan-template .section-intro{padding-top:80px;text-align:center}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.plan-template .section-intro{padding-top:50px}}.plan-template .section-intro h2{margin-bottom:60px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.plan-template .section-intro h2{margin-top:30px}}.plan-template .floor-plans-sidebar-container{margin-top:40px}.plan-template .floor-nav-container{margin-bottom:30px;text-align:center}.plan-template .floor-nav-title{display:inline-block}.plan-template .floor-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:10px;justify-content:center}.plan-template .floor-nav-item{width:100%;max-width:400px}.plan-template .floor-nav-button{width:100%;text-align:center;padding:12px 56px;background:#30aae1;border:none;border-radius:0;cursor:pointer;font-size:16px;font-weight:400;letter-spacing:2px;color:#fff;text-decoration:none;transition:.4s;box-sizing:border-box}.plan-template .floor-nav-button:hover{text-decoration:none;background:#2a9bd1}.plan-template .floor-nav-button.active{background:#1a8bc1;color:#fff;text-decoration:none}.plan-template .floor-nav-button.active:hover{background:#1a8bc1;color:#fff;text-decoration:none}.plan-template .floor-content{min-height:400px;margin-bottom:160px}.plan-template .floor-tab-panel{display:none}.plan-template .floor-tab-panel.active{display:block}.plan-template .unit-filter-container{margin:20px 0;padding:15px;background:#ededed;border-radius:5px}.plan-template .unit-filter-label{display:block;margin-bottom:12px;font-weight:600;color:#333}.plan-template .unit-filter-options{display:flex;flex-wrap:wrap;gap:12px}.plan-template .unit-filter-option{min-width:70px;padding:5px 10px 1px}.plan-template .unit-filter-option.selected{background-position-x:99%}.plan-template .unit-filter-option.selected .radio-label{color:#fff}.plan-template .unit-type-radio{display:none}.plan-template .radio-label{font-size:18px;transition:color .3s ease}.plan-template .floor-units-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px;margin-top:20px}.plan-template .floor-etage-unit{background-color:#ededed;width:100%;padding:40px;bottom:0;z-index:1;clip-path:polygon(0 0, 100% 0, 100% 100%, 10% 100%, 0 80%);left:0}.plan-template .floor-etage-unit.rented{background-color:#ededed}.plan-template .floor-etage-unit.free{background-color:#30aae1;color:#000}.plan-template .floor-etage-unit.hidden{display:none}.plan-template .floor-etage-unit h3{margin:0 0 10px;color:#333}@media(max-width: 768px){.plan-template .floor-nav-item{max-width:100%}.plan-template .floor-units-container{grid-template-columns:1fr}.plan-template .unit-filter-options{flex-direction:column;flex-wrap:wrap;gap:8px}.plan-template .floor-nav-list{flex-wrap:wrap;flex-direction:column}.plan-template .unit-filter-option{min-width:auto;width:100%}}.plan-template .module-content-accordion>div{margin-bottom:10px}.plan-template .module-content-accordion>div .accordion-plan{background:#30aae1;color:#fff;cursor:pointer;font-weight:400;letter-spacing:2px;outline:none;padding:12px 56px;text-align:center;transition:.4s;width:100%;box-sizing:border-box}.plan-template .module-content-accordion>div .accordion-plan h4{margin-bottom:0}.plan-template .module-content-accordion>div .accordion-plan:hover{text-decoration:none}.plan-template .module-content-accordion .panel{display:block;max-height:0;overflow:hidden;transition:max-height .15s ease-out;transition:padding .15s ease-out}.plan-template .module-content-accordion .panel div{display:grid;grid-template-columns:30% 30% 36%;padding:15px;align-items:center;text-align:center}.plan-template .module-content-accordion .panel div:first-child{grid-template-columns:auto}.plan-template .module-content-accordion .panel div:nth-child(2n){background:#ededed}.plan-template .module-content-accordion .panel p{font-size:16px;font-weight:300;line-height:32px;padding:0;margin:0}.plan-template .module-content-accordion .panel a{font-size:16px;line-height:20px}.plan-template .module-content-accordion .panel a:hover{color:#211f1f;text-decoration:underline;transition:all .3s}.plan-template .module-content-accordion .panel a:before{content:none}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.plan-template .section-intro h2,.plan-template .section-more-info,.plan-template .section__headline{display:none}}.floor-template .intro{padding-top:160px;padding-bottom:30px;text-align:center}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.floor-template .intro{flex-direction:column;padding-top:50px}}.floor-template .intro .wrapper-colors{display:flex;justify-content:center;gap:50px}.floor-template .intro .bloc-color{display:flex;align-items:center}.floor-template .intro .bloc-color p{margin-bottom:0;padding-left:20px;font-family:"Din Condensed",Arial,sans-serif;font-size:26px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.floor-template .intro .bloc-color p{font-size:18px}}.floor-template .intro .bloc-color .color-circle{width:53px;height:53px}.floor-template .section-btn{padding-top:80px;padding-bottom:80px;text-align:center}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.floor-template .section-btn{padding-top:30px;padding-bottom:50px}}.contact-template h2{margin-bottom:40px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.contact-template h2{margin-bottom:20px}}.contact-template .section-formulaire .container{padding-top:160px;padding-bottom:160px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.contact-template .section-formulaire .container{padding-top:50px;padding-bottom:50px}}.contact-template .section-formulaire .container .row{align-items:center}.contact-template .section-formulaire .section-formulaire__text p{margin-bottom:50px}.contact-template .section-formulaire .section-formulaire__text h4{color:#30aae1}.contact-template .section-formulaire .section-formulaire__text a{color:#211f1f;display:block}.contact-template .section-formulaire .section-formulaire__text a:hover{color:#30aae1}.contact-template .section-formulaire .form{clip-path:polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);background-color:#211f1f;color:#fff;padding:40px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.contact-template .section-formulaire .form{margin-top:30px}}.contact-template .section-formulaire .form label{line-height:20px;font-family:"Din Condensed",Arial,sans-serif;font-weight:600}.contact-template .section-formulaire .form label .input-float__label{font-size:32px;top:16px}.contact-template .section-formulaire .form label input,.contact-template .section-formulaire .form label textarea{font-size:25px}.contact-template .section-formulaire .form .show-label .input-float__label{top:-10px;font-size:13px}.contact-template .section-localisation .container{padding-bottom:160px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.contact-template .section-localisation .container{padding-bottom:50px}}.contact-template .section-localisation .container .row{justify-content:center;text-align:center}.contact-template .section-localisation .map{height:500px}.contact-template .section-logicom .container{padding-bottom:160px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.contact-template .section-logicom .container{padding-bottom:50px}}.contact-template .section-logicom .row{align-items:center}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.contact-template .section-logicom img{margin-bottom:30px}}.contact-template .section-logicom a{margin-top:40px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.contact-template .section-logicom a{margin-top:20px}}.commodites-template .section-intro{padding-top:80px;text-align:center}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.commodites-template .section-intro{padding-top:50px}}.commodites-template .section-intro h2{margin-bottom:60px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.commodites-template .section-intro h2{margin-bottom:30px}}@media only screen and (min-width: 991px){.commodites-template .section-galerie{margin-bottom:160px}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.commodites-template .section-galerie{padding-bottom:50px}}@media only screen and (min-width: 991px){.commodites-template .container{max-width:100%;padding:0}.commodites-template .container .row.right{justify-content:start}.commodites-template .container .row.right .splide__arrows{margin-right:20vw}}.commodites-template .container h4{line-height:30px;margin-bottom:0;color:#30aae1}.commodites-template .container p{margin-bottom:25px}.commodites-template .container p:last-of-type{margin-bottom:0}@media only screen and (min-width: 991px){.commodites-template .splide{margin-bottom:200px}}.commodites-template .splide .splide__arrows{background:#30aae1;display:flex;align-items:center;justify-content:center}.commodites-template .splide .splide__arrows button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:30px 15px}.commodites-template .splide .splide__arrows button svg{width:37px;height:24px}.commodites-template .bloc-grey{background-color:#211f1f;color:#fff;width:100%;padding:6%;bottom:0;z-index:1}@media only screen and (min-width: 991px){.commodites-template .bloc-grey{position:absolute}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.commodites-template .bloc-grey{margin-left:20px;margin-right:20px}}.commodites-template .bloc-grey.right{clip-path:polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);right:0}.commodites-template .bloc-grey.left{clip-path:polygon(0 0, 100% 0, 100% 100%, 10% 100%, 0 80%);left:0}.commodites-template .bloc-grey h3{margin-bottom:90px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.commodites-template .bloc-grey h3{margin-bottom:30px}}.unites-template .section-content{padding-top:50px}@media only screen and (min-width: 991px){.unites-template .section-content{padding-top:160px;padding-bottom:0}}.unites-template .section-content:last-of-type{margin-bottom:140px}@media only screen and (min-width: 991px){.unites-template .section-content:last-of-type{margin-bottom:160px}}@media only screen and (min-width: 991px){.unites-template .container{max-width:100%;padding:0}.unites-template .container .row.left{justify-content:end}.unites-template .container .row.left .splide__arrows{margin-left:10vw}.unites-template .container .row.right{justify-content:start}.unites-template .container .row.right .splide__arrows{margin-right:10vw}}.unites-template .content-side{background-color:#ededed;padding:6% 4%;bottom:0;z-index:1}@media only screen and (min-width: 991px){.unites-template .content-side{position:absolute}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.unites-template .content-side{margin-left:20px;margin-right:20px}}.unites-template .content-side .btn,.unites-template .content-side .btn-primary,.unites-template .content-side .btn-secondary,.unites-template .content-side .btn-close{margin-top:30px;margin-bottom:30px}@media only screen and (min-width: 991px){.unites-template .content-side .btn,.unites-template .content-side .btn-primary,.unites-template .content-side .btn-secondary,.unites-template .content-side .btn-close{margin-top:60px}}.unites-template .content-side.right{clip-path:polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);background-color:#211f1f;color:#fff}@media only screen and (min-width: 991px){.unites-template .content-side.right{clip-path:polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%);right:5vw}}.unites-template .content-side.left{clip-path:polygon(0 0, 100% 0, 100% 100%, 10% 100%, 0 90%)}@media only screen and (min-width: 991px){.unites-template .content-side.left{left:5vw;clip-path:polygon(20% 0, 100% 0, 100% 100%, 0 100%, 0 20%)}}.unites-template .content-side h3{margin-bottom:90px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.unites-template .content-side h3{margin-bottom:30px}}@media only screen and (min-width: 991px){.unites-template .splide{margin-bottom:100px}}.unites-template .splide .splide__arrows{background:#30aae1;display:flex;align-items:center;justify-content:center}.unites-template .splide .splide__arrows button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:30px 15px}.unites-template .splide .splide__arrows button svg{width:37px;height:24px}.quartier-template{padding-bottom:50px}@media only screen and (min-width: 991px){.quartier-template{padding-bottom:120px}}.quartier-template .section-content{padding-top:50px;padding-bottom:50px}@media only screen and (min-width: 991px){.quartier-template .section-content{padding-top:120px;padding-bottom:120px}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.quartier-template .section-intro{padding-bottom:0}}.quartier-template .section-intro h2{margin-bottom:120px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.quartier-template .section-intro h2{margin-bottom:50px}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.quartier-template .section-intro .images{margin-bottom:30px}.quartier-template .section-intro .images img{width:100%}}.quartier-template .section-intro .row{align-items:center}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.quartier-template .section-section{padding-top:50px;padding-bottom:0}}@media only screen and (min-width: 991px){.quartier-template .section-section .container{max-width:100%;padding:0}}.quartier-template .section-section .bloc-grey{background-color:#211f1f;color:#fff;width:100%;padding:6%;bottom:0;z-index:1}@media only screen and (min-width: 991px){.quartier-template .section-section .bloc-grey{position:absolute}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.quartier-template .section-section .bloc-grey{margin-left:20px;margin-right:20px}}.quartier-template .section-section .bloc-grey.right{clip-path:polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);right:0}.quartier-template .section-section .bloc-grey.left{clip-path:polygon(0 0, 100% 0, 100% 100%, 10% 100%, 0 80%);left:0}.quartier-template .section-section .bloc-grey h3{margin-bottom:90px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.quartier-template .section-section .bloc-grey h3{margin-bottom:30px}}.quartier-template .section-section .images img{width:100%}.quartier-template .section-section .left{justify-content:end}.page-header{background:#ededed;padding:100px 0 90px;text-align:center;color:#fff}.page-header h1{width:70%}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-header h1{width:90%}}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-header{padding:50px 0}}.page-header-inner{position:relative}.page-header-inner h1{z-index:1;position:relative}.page-header-inner:after{transform:skew(-20deg, 0deg);content:"";position:absolute;width:75%;height:120px;background:#30aae1;left:-30px;top:-30px}@media only screen and (min-width: 0)and (max-width: calc(991px - 1px)){.page-header-inner:after{width:95%;height:80px;top:-20px}}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1020px;
}
}
@media (min-width: 1420px) {
.container {
max-width: 1240px;
}
}
@media (min-width: 1580px) {
.container {
max-width: 1400px;
}
}
@media (min-width: 2400px) {
.container {
max-width: 2200px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
} @font-face {
font-family: "FontAwesome";
font-display: swap;
src: url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/fontawesome-webfont.eot?v=4.7.0);
src: url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: 0.2em 0.25em 0.15em;
border: solid 0.08em #eee;
border-radius: 0.1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: 0.3em;
}
.fa.fa-pull-right {
margin-left: 0.3em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: 0.3em;
}
.fa.pull-right {
margin-left: 0.3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
}
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
@font-face {
font-family: "Linearicons-Free";
font-display: swap;
src: url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/Linearicons-Free.eot?w118d);
src: url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/Linearicons-Free.eot?#iefixw118d) format("embedded-opentype"), url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/Linearicons-Free.woff2?w118d) format("woff2"), url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/Linearicons-Free.woff?w118d) format("woff"), url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/Linearicons-Free.ttf?w118d) format("truetype"), url(//4webdemo.ca/wp-content/themes/charleshuot/assets/fonts/Linearicons-Free.svg?w118d#Linearicons-Free) format("svg");
font-weight: normal;
font-style: normal;
}
.lnr {
font-family: "Linearicons-Free";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lnr-home:before {
content: "\e800";
}
.lnr-apartment:before {
content: "\e801";
}
.lnr-pencil:before {
content: "\e802";
}
.lnr-magic-wand:before {
content: "\e803";
}
.lnr-drop:before {
content: "\e804";
}
.lnr-lighter:before {
content: "\e805";
}
.lnr-poop:before {
content: "\e806";
}
.lnr-sun:before {
content: "\e807";
}
.lnr-moon:before {
content: "\e808";
}
.lnr-cloud:before {
content: "\e809";
}
.lnr-cloud-upload:before {
content: "\e80a";
}
.lnr-cloud-download:before {
content: "\e80b";
}
.lnr-cloud-sync:before {
content: "\e80c";
}
.lnr-cloud-check:before {
content: "\e80d";
}
.lnr-database:before {
content: "\e80e";
}
.lnr-lock:before {
content: "\e80f";
}
.lnr-cog:before {
content: "\e810";
}
.lnr-trash:before {
content: "\e811";
}
.lnr-dice:before {
content: "\e812";
}
.lnr-heart:before {
content: "\e813";
}
.lnr-star:before {
content: "\e814";
}
.lnr-star-half:before {
content: "\e815";
}
.lnr-star-empty:before {
content: "\e816";
}
.lnr-flag:before {
content: "\e817";
}
.lnr-envelope:before {
content: "\e818";
}
.lnr-paperclip:before {
content: "\e819";
}
.lnr-inbox:before {
content: "\e81a";
}
.lnr-eye:before {
content: "\e81b";
}
.lnr-printer:before {
content: "\e81c";
}
.lnr-file-empty:before {
content: "\e81d";
}
.lnr-file-add:before {
content: "\e81e";
}
.lnr-enter:before {
content: "\e81f";
}
.lnr-exit:before {
content: "\e820";
}
.lnr-graduation-hat:before {
content: "\e821";
}
.lnr-license:before {
content: "\e822";
}
.lnr-music-note:before {
content: "\e823";
}
.lnr-film-play:before {
content: "\e824";
}
.lnr-camera-video:before {
content: "\e825";
}
.lnr-camera:before {
content: "\e826";
}
.lnr-picture:before {
content: "\e827";
}
.lnr-book:before {
content: "\e828";
}
.lnr-bookmark:before {
content: "\e829";
}
.lnr-user:before {
content: "\e82a";
}
.lnr-users:before {
content: "\e82b";
}
.lnr-shirt:before {
content: "\e82c";
}
.lnr-store:before {
content: "\e82d";
}
.lnr-cart:before {
content: "\e82e";
}
.lnr-tag:before {
content: "\e82f";
}
.lnr-phone-handset:before {
content: "\e830";
}
.lnr-phone:before {
content: "\e831";
}
.lnr-pushpin:before {
content: "\e832";
}
.lnr-map-marker:before {
content: "\e833";
}
.lnr-map:before {
content: "\e834";
}
.lnr-location:before {
content: "\e835";
}
.lnr-calendar-full:before {
content: "\e836";
}
.lnr-keyboard:before {
content: "\e837";
}
.lnr-spell-check:before {
content: "\e838";
}
.lnr-screen:before {
content: "\e839";
}
.lnr-smartphone:before {
content: "\e83a";
}
.lnr-tablet:before {
content: "\e83b";
}
.lnr-laptop:before {
content: "\e83c";
}
.lnr-laptop-phone:before {
content: "\e83d";
}
.lnr-power-switch:before {
content: "\e83e";
}
.lnr-bubble:before {
content: "\e83f";
}
.lnr-heart-pulse:before {
content: "\e840";
}
.lnr-construction:before {
content: "\e841";
}
.lnr-pie-chart:before {
content: "\e842";
}
.lnr-chart-bars:before {
content: "\e843";
}
.lnr-gift:before {
content: "\e844";
}
.lnr-diamond:before {
content: "\e845";
}
.lnr-linearicons:before {
content: "\e846";
}
.lnr-dinner:before {
content: "\e847";
}
.lnr-coffee-cup:before {
content: "\e848";
}
.lnr-leaf:before {
content: "\e849";
}
.lnr-paw:before {
content: "\e84a";
}
.lnr-rocket:before {
content: "\e84b";
}
.lnr-briefcase:before {
content: "\e84c";
}
.lnr-bus:before {
content: "\e84d";
}
.lnr-car:before {
content: "\e84e";
}
.lnr-train:before {
content: "\e84f";
}
.lnr-bicycle:before {
content: "\e850";
}
.lnr-wheelchair:before {
content: "\e851";
}
.lnr-select:before {
content: "\e852";
}
.lnr-earth:before {
content: "\e853";
}
.lnr-smile:before {
content: "\e854";
}
.lnr-sad:before {
content: "\e855";
}
.lnr-neutral:before {
content: "\e856";
}
.lnr-mustache:before {
content: "\e857";
}
.lnr-alarm:before {
content: "\e858";
}
.lnr-bullhorn:before {
content: "\e859";
}
.lnr-volume-high:before {
content: "\e85a";
}
.lnr-volume-medium:before {
content: "\e85b";
}
.lnr-volume-low:before {
content: "\e85c";
}
.lnr-volume:before {
content: "\e85d";
}
.lnr-mic:before {
content: "\e85e";
}
.lnr-hourglass:before {
content: "\e85f";
}
.lnr-undo:before {
content: "\e860";
}
.lnr-redo:before {
content: "\e861";
}
.lnr-sync:before {
content: "\e862";
}
.lnr-history:before {
content: "\e863";
}
.lnr-clock:before {
content: "\e864";
}
.lnr-download:before {
content: "\e865";
}
.lnr-upload:before {
content: "\e866";
}
.lnr-enter-down:before {
content: "\e867";
}
.lnr-exit-up:before {
content: "\e868";
}
.lnr-bug:before {
content: "\e869";
}
.lnr-code:before {
content: "\e86a";
}
.lnr-link:before {
content: "\e86b";
}
.lnr-unlink:before {
content: "\e86c";
}
.lnr-thumbs-up:before {
content: "\e86d";
}
.lnr-thumbs-down:before {
content: "\e86e";
}
.lnr-magnifier:before {
content: "\e86f";
}
.lnr-cross:before {
content: "\e870";
}
.lnr-menu:before {
content: "\e871";
}
.lnr-list:before {
content: "\e872";
}
.lnr-chevron-up:before {
content: "\e873";
}
.lnr-chevron-down:before {
content: "\e874";
}
.lnr-chevron-left:before {
content: "\e875";
}
.lnr-chevron-right:before {
content: "\e876";
}
.lnr-arrow-up:before {
content: "\e877";
}
.lnr-arrow-down:before {
content: "\e878";
}
.lnr-arrow-left:before {
content: "\e879";
}
.lnr-arrow-right:before {
content: "\e87a";
}
.lnr-move:before {
content: "\e87b";
}
.lnr-warning:before {
content: "\e87c";
}
.lnr-question-circle:before {
content: "\e87d";
}
.lnr-menu-circle:before {
content: "\e87e";
}
.lnr-checkmark-circle:before {
content: "\e87f";
}
.lnr-cross-circle:before {
content: "\e880";
}
.lnr-plus-circle:before {
content: "\e881";
}
.lnr-circle-minus:before {
content: "\e882";
}
.lnr-arrow-up-circle:before {
content: "\e883";
}
.lnr-arrow-down-circle:before {
content: "\e884";
}
.lnr-arrow-left-circle:before {
content: "\e885";
}
.lnr-arrow-right-circle:before {
content: "\e886";
}
.lnr-chevron-up-circle:before {
content: "\e887";
}
.lnr-chevron-down-circle:before {
content: "\e888";
}
.lnr-chevron-left-circle:before {
content: "\e889";
}
.lnr-chevron-right-circle:before {
content: "\e88a";
}
.lnr-crop:before {
content: "\e88b";
}
.lnr-frame-expand:before {
content: "\e88c";
}
.lnr-frame-contract:before {
content: "\e88d";
}
.lnr-layers:before {
content: "\e88e";
}
.lnr-funnel:before {
content: "\e88f";
}
.lnr-text-format:before {
content: "\e890";
}
.lnr-text-format-remove:before {
content: "\e891";
}
.lnr-text-size:before {
content: "\e892";
}
.lnr-bold:before {
content: "\e893";
}
.lnr-italic:before {
content: "\e894";
}
.lnr-underline:before {
content: "\e895";
}
.lnr-strikethrough:before {
content: "\e896";
}
.lnr-highlight:before {
content: "\e897";
}
.lnr-text-align-left:before {
content: "\e898";
}
.lnr-text-align-center:before {
content: "\e899";
}
.lnr-text-align-right:before {
content: "\e89a";
}
.lnr-text-align-justify:before {
content: "\e89b";
}
.lnr-line-spacing:before {
content: "\e89c";
}
.lnr-indent-increase:before {
content: "\e89d";
}
.lnr-indent-decrease:before {
content: "\e89e";
}
.lnr-pilcrow:before {
content: "\e89f";
}
.lnr-direction-ltr:before {
content: "\e8a0";
}
.lnr-direction-rtl:before {
content: "\e8a1";
}
.lnr-page-break:before {
content: "\e8a2";
}
.lnr-sort-alpha-asc:before {
content: "\e8a3";
}
.lnr-sort-amount-asc:before {
content: "\e8a4";
}
.lnr-hand:before {
content: "\e8a5";
}
.lnr-pointer-up:before {
content: "\e8a6";
}
.lnr-pointer-right:before {
content: "\e8a7";
}
.lnr-pointer-down:before {
content: "\e8a8";
}
.lnr-pointer-left:before {
content: "\e8a9";
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s opacity;
-o-transition: 0.3s opacity;
transition: 0.3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 0.2s top, 0.2s -webkit-transform;
transition: 0.2s top, 0.2s -webkit-transform;
-o-transition: 0.2s transform, 0.2s top;
transition: 0.2s transform, 0.2s top;
transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s left, 0.2s -webkit-transform;
transition: 0.2s left, 0.2s -webkit-transform;
-o-transition: 0.2s transform, 0.2s left;
transition: 0.2s transform, 0.2s left;
transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s right, 0.2s -webkit-transform;
transition: 0.2s right, 0.2s -webkit-transform;
-o-transition: 0.2s transform, 0.2s right;
transition: 0.2s transform, 0.2s right;
transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px;
}:root {
--color-accent-primary-1: #c69f73;
--color-accent-primary-2: #ebe6dd;
--color-accent-primary-3: #c9bcae;
--color-accent-primary-4: #837567;
--color-accent-secondary-1: #628ab2;
--color-accent-secondary-2: #3c556e;
--color-accent-secondary-3: #283847;
--color-accent-secondary-4: #162330;
--distance-max-xsmall: 60;
--distance-max-small: 100;
--distance-max-normal: 200;
--distance-max-large: 300;
--distance-max-xlarge: 400;
--distance-min-xsmall: 40;
--distance-min-small: 40;
--distance-min-normal: 60;
--distance-min-large: 100;
--distance-min-xlarge: 160;
--xxl-max-font-size: 167;
--xxl-min-font-size: 58;
--xxl-line-height: 1;
--xl-max-font-size: 70;
--xl-min-font-size: 58;
--xl-line-height: 1;
--h1-max-font-size: 65;
--h1-min-font-size: 34;
--h1-line-height: 1.28;
--h2-max-font-size: 38;
--h2-min-font-size: 23;
--h2-line-height: 1.9;
--h3-max-font-size: 42;
--h3-min-font-size: 26;
--h3-line-height: 1.57;
--h4-max-font-size: 33;
--h4-min-font-size: 22;
--h4-line-height: 1.61;
--h5-max-font-size: 20;
--h5-min-font-size: 18;
--h5-line-height: 1.7;
--h6-max-font-size: 18;
--h6-min-font-size: 16;
--h6-line-height: 1.81;
--subheading-max-font-size: 13;
--subheading-min-font-size: 11;
--subheading-line-height: 1.75;
--blockquote-max-font-size: 20;
--blockquote-min-font-size: 16;
--blockquote-line-height: 1.7;
--paragraph-max-font-size: 16;
--paragraph-min-font-size: 16;
--paragraph-line-height: 1.75;
}
html {
font-size: 16px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-kerning: none;
}
body {
position: relative;
width: 100%;
min-width: 320px;
color: #444444;
background-color: #ffffff;
font-weight: 400;
font-size: 100%;
line-height: 1.75;
word-wrap: break-word;
}
.body_lock-scroll {
overflow: hidden;
position: fixed;
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
img, iframe {
max-width: 100%;
height: auto;
}
a {
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
color: #30AAE1;
}
a:hover, a:focus {
text-decoration: none;
color: #111111;
}
.page-wrapper__content {
overflow-x: hidden;
}
[data-header-animation="intransition"] a {
pointer-events: none !important;
}
#js-webgl {
display: none;
}
.aside-logos__wrapper-logo {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
}
.aside-logos__wrapper-logo img {
max-height: 100px;
width: auto !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
.aside-logos__wrapper-logo .lazy {
padding: 0 !important;
}
.aside-logos__wrapper-logo img {
top: 0 !important;
left: 0 !important;
transform: none;
position: relative !important;
}
}
.bg-white {
background-color: #ffffff;
}
.bg-off-white {
background-color: #f7f5f0;
}
.bg-light {
background-color: #f8f8f8;
}
.bg-black {
background-color: #111111;
}
.bg-dark {
background-color: #181818;
}
.bg-dark-2 {
background-color: #222222;
}
.bg-dark-3 {
background-color: #333333;
}
.bg-accent-primary-1 {
background-color: #f4e0dd;
}
.bg-accent-primary-2 {
background-color: var(--color-accent-primary-2);
}
.bg-accent-primary-3 {
background-color: var(--color-accent-primary-3);
}
.bg-accent-primary-4 {
background-color: var(--color-accent-primary-4);
}
.bg-accent-secondary-1 {
background-color: var(--color-accent-secondary-1);
}
.bg-accent-secondary-3 {
background-color: var(--color-accent-secondary-3);
}
.bg-accent-secondary-4 {
background-color: var(--color-accent-secondary-4);
}
.container-fluid {
padding-left: 120px;
padding-right: 120px;
}
.container-fluid_paddings {
padding-top: 120px;
padding-bottom: 120px;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.row {
margin-left: -20px;
margin-right: -20px;
}
.col, [class*='col-'], [class*='col-'] {
padding-left: 20px;
padding-right: 20px;
}
.no-gutters {
margin-left: 0 !important;
margin-right: 0 !important;
}
@media screen and (max-width: 1400px) {
.container-fluid {
padding-left: 80px;
padding-right: 80px;
}
.container-fluid_paddings {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media screen and (max-width: 1280px) {
.container-fluid {
padding-left: 50px;
padding-right: 50px;
}
.container-fluid_paddings {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media screen and (max-width: 991px) {
.container-fluid, .container {
padding-left: 20px;
padding-right: 20px;
}
.container-fluid_paddings {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media screen and (max-width: 576px) {
.container_xs-no-padding {
padding-left: 0;
padding-right: 0;
}
}
.button_accent {
background-color: var(--color-accent-primary-2);
border-color: var(--color-accent-primary-2);
color: var(--color-accent-primary-4);
}
.button_accent .button__icon {
background-color: var(--color-accent-primary-3);
color: #ffffff;
}
.button_accent:hover {
background-color: var(--color-accent-primary-3);
color: #ffffff;
}
.button_accent:hover .button__icon {
background-color: var(--color-accent-primary-4);
}
.button_icon {
display: inline-flex;
padding: 0;
border: none;
}
.button__label {
padding: 18px 32px;
}
.button__icon {
display: inline-flex;
align-items: center;
justify-content: center;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
width: 60px;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.button__icon i {
font-size: 24px;
}
.button_fullwidth {
width: 100%;
}
@media screen and (max-width: 991px) {
.button {
padding: 12px 28px;
}
.button__label {
padding: 12px 28px;
}
.button__icon {
width: 43px;
}
.button__icon i {
font-size: 20px;
}
.button_icon {
padding: 0;
}
}
.button_bordered.button_accent-primary-1 {
border-color: var(--color-accent-primary-1);
color: var(--color-accent-primary-1);
}
.button_bordered.button_accent-primary-1:focus {
color: var(--color-accent-primary-1);
}
.button_bordered.button_accent-primary-1:hover {
background-color: var(--color-accent-primary-1);
color: #ffffff;
}
.button_bordered.button_accent-primary-2 {
border-color: var(--color-accent-primary-2);
color: var(--color-accent-primary-2);
}
.button_bordered.button_accent-primary-2:focus {
color: var(--color-accent-primary-2);
}
.button_bordered.button_accent-primary-2:hover {
background-color: var(--color-accent-primary-2);
color: #ffffff;
}
.button_bordered.button_accent-primary-3 {
border-color: var(--color-accent-primary-3);
color: var(--color-accent-primary-3);
}
.button_bordered.button_accent-primary-3:focus {
color: var(--color-accent-primary-3);
}
.button_bordered.button_accent-primary-3:hover {
background-color: var(--color-accent-primary-3);
color: #ffffff;
}
.button_bordered.button_accent-primary-4 {
border-color: var(--color-accent-primary-4);
color: var(--color-accent-primary-4);
}
.button_bordered.button_accent-primary-4:focus {
color: var(--color-accent-primary-4);
}
.button_bordered.button_accent-primary-4:hover {
background-color: var(--color-accent-primary-4);
color: #ffffff;
}
.button_bordered.button_accent-secondary-1 {
border-color: var(--color-accent-secondary-1);
color: var(--color-accent-secondary-1);
}
.button_bordered.button_accent-secondary-1:focus {
color: var(--color-accent-secondary-1);
}
.button_bordered.button_accent-secondary-1:hover {
background-color: var(--color-accent-secondary-1);
color: #ffffff;
}
.button_bordered.button_accent-secondary-2 {
border-color: var(--color-accent-secondary-2);
color: var(--color-accent-secondary-2);
}
.button_bordered.button_accent-secondary-2:focus {
color: var(--color-accent-secondary-2);
}
.button_bordered.button_accent-secondary-2:hover {
background-color: var(--color-accent-secondary-2);
color: #ffffff;
}
.button_bordered.button_accent-secondary-3 {
border-color: var(--color-accent-secondary-3);
color: var(--color-accent-secondary-3);
}
.button_bordered.button_accent-secondary-3:focus {
color: var(--color-accent-secondary-3);
}
.button_bordered.button_accent-secondary-3:hover {
background-color: var(--color-accent-secondary-3);
color: #ffffff;
}
.button_bordered.button_accent-secondary-4 {
border-color: var(--color-accent-secondary-4);
color: var(--color-accent-secondary-4);
}
.button_bordered.button_accent-secondary-4:focus {
color: var(--color-accent-secondary-4);
}
.button_bordered.button_accent-secondary-4:hover {
background-color: var(--color-accent-secondary-4);
color: #ffffff;
}
.button_bordered.button_dark {
border-color: #444444;
color: #444444;
}
.button_bordered.button_dark:focus {
color: #444444;
}
.button_bordered.button_dark:hover {
background-color: #444444;
color: #ffffff;
}
.button_bordered.button_light {
border-color: #f8f8f8;
color: #f8f8f8;
}
.button_bordered.button_light:focus {
color: #f8f8f8;
}
.button_bordered.button_light:hover {
background-color: #f8f8f8;
color: #181818;
}
.button_bordered.button_white {
border-color: #ffffff;
color: #ffffff;
}
.button_bordered.button_white:focus {
color: #ffffff;
}
.button_bordered.button_white:hover {
background-color: #ffffff;
color: #181818;
}
.button_solid.button_accent-primary-1 {
background-color: var(--color-accent-primary-1);
border-color: var(--color-accent-primary-1);
color: #ffffff;
}
.button_solid.button_accent-primary-1:focus {
color: #ffffff;
}
.button_solid.button_accent-primary-1:hover {
border-color: var(--color-accent-primary-4);
background-color: var(--color-accent-primary-4);
}
.button_solid.button_accent-primary-2 {
background-color: var(--color-accent-primary-2);
border-color: var(--color-accent-primary-2);
color: #ffffff;
}
.button_solid.button_accent-primary-2:focus {
color: #ffffff;
}
.button_solid.button_accent-primary-2:hover {
border-color: var(--color-accent-primary-4);
background-color: var(--color-accent-primary-4);
}
.button_solid.button_accent-primary-3 {
background-color: #444C57;
border-color: #444C57;
color: #ffffff;
}
.button_solid.button_accent-primary-3:focus {
color: #ffffff;
}
.button_solid.button_accent-primary-3:hover {
border-color: #f4e0dd;
background-color: #f4e0dd;
color: #444C57;
}
.button_solid.button_accent-primary-4 {
background-color: var(--color-accent-primary-4);
border-color: var(--color-accent-primary-4);
color: #ffffff;
}
.button_solid.button_accent-primary-4:focus {
color: #ffffff;
}
.button_solid.button_accent-primary-4:hover {
border-color: var(--color-accent-primary-3);
background-color: var(--color-accent-primary-3);
}
.button_solid.button_accent-secondary-1 {
background-color: var(--color-accent-secondary-1);
border-color: var(--color-accent-secondary-1);
color: #ffffff;
}
.button_solid.button_accent-secondary-1:focus {
color: #ffffff;
}
.button_solid.button_accent-secondary-1:hover {
border-color: var(--color-accent-secondary-4);
background-color: var(--color-accent-secondary-4);
}
.button_solid.button_accent-secondary-2 {
background-color: var(--color-accent-secondary-2);
border-color: var(--color-accent-secondary-2);
color: #ffffff;
}
.button_solid.button_accent-secondary-2:focus {
color: #ffffff;
}
.button_solid.button_accent-secondary-2:hover {
border-color: var(--color-accent-secondary-4);
background-color: var(--color-accent-secondary-4);
}
.button_solid.button_accent-secondary-3 {
background-color: var(--color-accent-secondary-3);
border-color: var(--color-accent-secondary-3);
color: #ffffff;
}
.button_solid.button_accent-secondary-3:focus {
color: #ffffff;
}
.button_solid.button_accent-secondary-3:hover {
border-color: var(--color-accent-secondary-4);
background-color: var(--color-accent-secondary-4);
}
.button_solid.button_accent-secondary-4 {
background-color: var(--color-accent-secondary-4);
border-color: var(--color-accent-secondary-4);
color: #ffffff;
}
.button_solid.button_accent-secondary-4:focus {
color: #ffffff;
}
.button_solid.button_accent-secondary-4:hover {
border-color: var(--color-accent-secondary-3);
background-color: var(--color-accent-secondary-3);
}
.button_solid.button_dark {
background-color: #444444;
border-color: #444444;
color: #ffffff;
}
.button_solid.button_dark:focus {
color: #444444;
}
.button_solid.button_dark:hover {
background-color: #181818;
color: #ffffff;
}
.button_solid.button_light {
background-color: #f8f8f8;
border-color: #f8f8f8;
}
.button_solid.button_light:focus {
color: #f8f8f8;
}
.button_solid.button_light:hover {
background-color: #cccccc;
border-color: #cccccc;
color: #181818;
}
.button_solid.button_white {
background-color: #ffffff;
border-color: #ffffff;
}
.button_solid.button_white:focus {
color: #ffffff;
}
.button_solid.button_white:hover {
background-color: #cccccc;
border-color: #cccccc;
color: #181818;
}
.button-circles {
display: inline-flex;
justify-content: space-between;
flex-wrap: wrap;
width: 36px;
height: 36px;
}
.button-circles__circle {
position: relative;
width: 14px;
height: 14px;
outline: none;
display: inline-block;
border: 2px solid rgba(136, 136, 136, 0.3);
vertical-align: middle;
border-radius: 100%;
}
.button-circles__circle:nth-child(1) {
align-self: flex-start;
}
.button-circles__circle:nth-child(2) {
align-self: flex-start;
}
.button-circles__circle:nth-child(3) {
align-self: flex-end;
}
.button-circles__circle:nth-child(4) {
align-self: flex-end;
}
.button-circles__circle svg {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
width: 14px;
height: 14px;
border-radius: 100%;
stroke-width: 42px;
z-index: 50;
}
.button-circles__circle svg .circle {
stroke: var(--color-accent-primary-1);
}
@media screen and (max-width: 767px) {
.button-circles {
width: 30px;
height: 30px;
}
.button-circles__circle {
width: 12px;
height: 12px;
}
.button-circles__circle svg {
width: 12px;
height: 12px;
}
}
.comments-title, .comment-reply-title {
margin-top: 0;
margin-bottom: 0;
}
.comment-list {
list-style-type: none;
padding: 0;
margin: 0;
padding-left: 0 !important;
}
.comment-list > li {
padding-top: 30px;
padding-bottom: 30px;
}
.comment-list > li ol.children {
list-style-type: none;
padding: 0;
margin: 0;
padding-left: 4%;
}
.comment-list > li ol.children li {
padding-top: 30px;
padding-bottom: 30px;
}
.comment-list > li ol.children li:last-child {
padding-bottom: 0;
}
.comment-list > li:not(:last-child) {
border-bottom: 1px solid rgba(136, 136, 136, 0.3);
}
.comment-list > ol {
list-style-type: none;
padding: 0;
margin: 0;
}
.comment-author {
max-width: 100px;
margin-right: 2em;
flex: 0 0 auto;
}
.comment-author .avatar {
position: relative;
width: 100%;
max-width: 100px;
max-height: 100px;
border-radius: 100%;
display: block;
}
.comment-meta {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.5em;
}
.comment-metadata {
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
margin-left: 10px;
}
@media screen and (min-width: 320px) {
.comment-metadata {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.comment-metadata {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.comment-metadata a:not(.comment-edit-link) {
color: #444C57;
}
.comment-metadata a:not(.comment-edit-link):hover {
color: var(--color-accent-secondary);
}
.comment-metadata a {
border-bottom: none !important;
}
.comment-body {
display: flex;
}
.comment-body .fn {
font-size: 20px;
font-weight: bold;
line-height: 1.7;
}
.comment-body .fn a:hover {
color: var(--color-accent-primary-1);
}
.comment-content {
width: 100%;
}
.reply {
display: inline-block;
}
.comment-reply-link {
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
border-bottom: none !important;
margin-right: 24px;
}
@media screen and (min-width: 320px) {
.comment-reply-link {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.comment-reply-link {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.comment-reply-link:before {
content: '\f112';
font-family: 'FontAwesome';
text-transform: none;
margin-right: 8px;
}
.comment-respond {
margin-top: 30px;
}
.comment-edit-link {
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
color: var(--color-accent-primary);
border-bottom: none !important;
}
@media screen and (min-width: 320px) {
.comment-edit-link {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.comment-edit-link {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.comment-edit-link:before {
content: '\f044';
font-family: 'FontAwesome';
text-transform: none;
margin-right: 6px;
}
@media only screen and (max-width: 991px) {
.comment-author {
margin-right: 1em;
}
.comment-author .avatar {
max-width: 50px;
max-height: 50px;
}
.comment-meta {
flex-wrap: wrap;
}
.comment-metadata {
margin-top: 5px;
margin-left: 0;
}
}
.color-white {
color: #ffffff;
}
.color-white .header__burger-line {
background-color: #ffffff;
}
.color-white .header__controls .social__item a {
color: #ffffff;
}
.color-white .heading-light {
color: #cccccc;
}
.color-white .subheading {
color: #ffffff;
}
.color-black {
color: #444444;
}
.color-black .subheading {
color: #444C57;
}
.color-black .heading-light {
color: #444C57;
}
.color-accent-primary-1 {
color: var(--color-accent-primary-1);
}
.color-accent-primary-2 {
color: var(--color-accent-primary-2);
}
.color-accent-primary-3 {
color: var(--color-accent-primary-3);
}
.color-accent-primary-4 {
color: var(--color-accent-primary-4);
}
.color-accent-secondary-1 {
color: var(--color-accent-secondary-1);
}
.color-accent-secondary-2 {
color: var(--color-accent-secondary-2);
}
.color-accent-secondary-3 {
color: var(--color-accent-secondary-3);
}
.color-accent-secondary-4 {
color: var(--color-accent-secondary-4);
}
.counter {
text-align: center;
color: #444C57;
}
.counter__number {
font-weight: 100;
}
.counter__label {
margin-top: 5px;
font-weight: 400;
}
.figure-award {
position: relative;
padding-top: calc(30 * 1px);
padding-bottom: calc(30 * 1px);
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.figure-award {
padding-top: calc(30 * 1px + (50 - 30) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.figure-award {
padding-top: calc(50 * 1px);
}
}
@media screen and (min-width: 320px) {
.figure-award {
padding-bottom: calc(30 * 1px + (50 - 30) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.figure-award {
padding-bottom: calc(50 * 1px);
}
}
.figure-award__year {
font-weight: 100;
line-height: 1;
font-size: calc(42 * 1px);
color: var(--color-accent-primary-1);
}
@media screen and (min-width: 320px) {
.figure-award__year {
font-size: calc(42 * 1px + (65 - 42) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.figure-award__year {
font-size: calc(65 * 1px);
}
}
.figure-award__items > *:first-child {
margin-top: 0;
}
.figure-award__items > *:last-child {
margin-bottom: 0;
}
.figure-award__border-line {
position: absolute;
left: 0;
bottom: 0;
right: 0;
border: 1px solid rgba(204, 204, 204, 0.3);
}
@media screen and (max-width: 576px) {
.figure-award__year {
margin-bottom: 30px;
}
}
.figure-feature {
position: relative;
text-align: center;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-top: calc(40 * 1px);
padding-bottom: calc(40 * 1px);
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.figure-feature {
padding-top: calc(40 * 1px + (90 - 40) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.figure-feature {
padding-top: calc(90 * 1px);
}
}
@media screen and (min-width: 320px) {
.figure-feature {
padding-bottom: calc(40 * 1px + (90 - 40) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.figure-feature {
padding-bottom: calc(90 * 1px);
}
}
.figure-feature__corner {
position: absolute;
width: 30px;
height: 30px;
border-color: var(--color-accent-primary-1);
}
.figure-feature__corner_top {
top: 0;
left: 0;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
}
.figure-feature__corner_bottom {
border-bottom-width: 1px;
border-right-width: 1px;
border-bottom-style: solid;
border-right-style: solid;
right: 0;
bottom: 0;
}
.figure-feature__icon {
font-size: 48px;
color: var(--color-accent-primary-1);
width: 48px;
height: 48px;
}
.figure-feature__header {
margin-top: calc(1 * (16 * 1px));
width: 100%;
}
@media screen and (min-width: 320px) {
.figure-feature__header {
margin-top: calc(1 * (16 * 1px + (24 - 16) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.figure-feature__header {
margin-top: calc(1 * (24 * 1px));
}
}
.figure-feature__heading {
margin-top: 0;
margin-bottom: 0;
}
.figure-contact {
text-align: center;
}
.figure-contact__icon {
font-size: 36px !important;
line-height: 1 !important;
display: inline-block;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.figure-contact__icon {
font-size: 28px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 991px) {
.figure-contact {
padding-top: calc(var(--distance-min-small)/3 * 1px);
padding-bottom: calc(var(--distance-min-small)/3 * 1px);
}
}
@media screen and (max-width: 991px) and (min-width: 320px) and (max-width: 1920px) {
.figure-contact {
padding-top: calc(var(--distance-min-small)/3 * 1px + (var(--distance-max-small)/2 - var(--distance-min-small)/3) * ((100vw - 320px) / 1600));
}
}
@media screen and (max-width: 991px) and (min-width: 1920px) {
.figure-contact {
padding-top: calc(var(--distance-max-small)/2 * 1px);
}
}
@media screen and (max-width: 991px) and (min-width: 320px) {
.figure-contact {
padding-bottom: calc(var(--distance-min-small)/3 * 1px + (var(--distance-max-small)/2 - var(--distance-min-small)/3) * ((100vw - 320px) / 1600));
}
}
@media screen and (max-width: 991px) and (min-width: 1920px) {
.figure-contact {
padding-bottom: calc(var(--distance-max-small)/2 * 1px);
}
}
.figure-info__option {
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
margin-bottom: 8px;
}
@media screen and (min-width: 320px) {
.figure-info__option {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.figure-info__option {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.figure-image {
position: relative;
text-align: center;
}
.figure-image img {
width: 100%;
}
.figure-image__wrapper-img {
position: relative;
overflow: hidden;
}
.figure-member {
text-align: center;
}
.figure-member_has-social:hover .figure-member__curtain {
transform: skewY(-5deg) translateY(0%);
}
.figure-member_has-social:hover .figure-member__wrapper-img img {
transform: translateY(-20px);
}
.figure-member_has-social:hover .figure-member__social li {
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
.figure-member_has-social:hover .figure-member__social li:nth-child(1) {
transition-delay: 80ms;
}
.figure-member_has-social:hover .figure-member__social li:nth-child(2) {
transition-delay: 110ms;
}
.figure-member_has-social:hover .figure-member__social li:nth-child(3) {
transition-delay: 140ms;
}
.figure-member_has-social:hover .figure-member__social li:nth-child(4) {
transition-delay: 170ms;
}
.figure-member_has-social:hover .figure-member__social li:nth-child(5) {
transition-delay: 200ms;
}
.figure-member_has-social:hover .figure-member__social li:nth-child(6) {
transition-delay: 230ms;
}
.figure-member_has-social:hover .figure-member__social li:nth-child(7) {
transition-delay: 260ms;
}
.figure-member_has-social:hover .figure-member__social li:nth-child(8) {
transition-delay: 290ms;
}
.figure-member_has-social:hover .figure-member__social li:nth-child(9) {
transition-delay: 320ms;
}
.figure-member_has-social:hover .figure-member__social li:nth-child(10) {
transition-delay: 350ms;
}
.figure-member_has-social:hover .figure-member__content {
transform: translate(0, -25%);
}
.figure-member_has-social:hover .figure-member__line {
transform: scaleY(0);
}
.figure-member__position {
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
color: var(--color-accent-primary-3);
}
@media screen and (min-width: 320px) {
.figure-member__position {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.figure-member__position {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.figure-member__wrapper-img {
position: relative;
}
.figure-member__wrapper-img img {
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
width: 100%;
}
.figure-member__wrapper-img-inner {
position: relative;
overflow: hidden;
}
.figure-member__line {
position: absolute;
left: 0;
right: 0;
bottom: -30px;
margin: 0 auto;
height: 60px;
width: 1px;
background-color: var(--color-accent-primary-1);
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: top center;
}
.figure-member__heading {
margin-top: 50px;
margin-bottom: 0;
}
.figure-member__position {
margin-top: 12px;
}
.figure-member__curtain {
position: absolute;
left: -20px;
right: -20px;
bottom: -20px;
transform: skewY(-5deg) translateY(100%);
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
padding: 60px 30px 60px;
}
.figure-member__social {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 20px 30px;
}
.figure-member__social li {
transform: translateY(30px);
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
opacity: 0;
visibility: hidden;
}
.figure-member__content {
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.figure-portfolio {
display: block;
}
.figure-portfolio__wrapper-img {
position: relative;
overflow: hidden;
}
.figure-portfolio__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 50px;
background: none !important;
}
.figure-portfolio__header {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
z-index: 50;
}
.figure-portfolio__category {
position: relative;
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
font-weight: normal;
z-index: 50;
margin-bottom: 1em;
}
@media screen and (min-width: 320px) {
.figure-portfolio__category {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.figure-portfolio__category {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.figure-portfolio__curtain {
position: absolute;
top: -20px;
left: -20px;
right: -20px;
bottom: -100px;
z-index: 1;
transform: skewY(0deg) translateY(100%);
}
.figure-portfolio__heading {
margin-top: 0;
margin-bottom: 0;
line-height: 1.33;
}
.figure-portfolio__icon {
margin-top: 10px;
z-index: 50;
}
@media screen and (max-width: 991px) {
.figure-portfolio__content {
padding: 30px;
}
.figure-portfolio__icon {
margin-top: 5px;
}
}
.figure-portfolio-big {
display: block;
position: relative;
}
.figure-portfolio-big:hover .figure-portfolio-big__wrapper-img-inner {
transform: scale(0.95);
}
.figure-portfolio-big:hover .figure-portfolio-big__wrapper-img img {
transform: scale(1.2);
}
.figure-portfolio-big:hover .figure-portfolio-big__content {
transform: translate(0, -25%);
}
.figure-portfolio-big__category {
margin-top: 0.5em;
margin-bottom: 0;
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
color: var(--color-accent-primary-1);
font-weight: normal;
}
@media screen and (min-width: 320px) {
.figure-portfolio-big__category {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.figure-portfolio-big__category {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.figure-portfolio-big__heading {
margin-top: 0.75em;
margin-bottom: 0.5em;
}
.figure-portfolio-big__letter {
position: absolute;
top: 0;
left: 0;
transform: translateX(-75%);
z-index: -1;
color: #444C57;
font-weight: bold;
line-height: 0.66;
font-size: calc(67 * 1px);
opacity: .15;
}
@media screen and (min-width: 320px) {
.figure-portfolio-big__letter {
font-size: calc(67 * 1px + (250 - 67) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.figure-portfolio-big__letter {
font-size: calc(250 * 1px);
}
}
.figure-portfolio-big__wrapper-img img {
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: center center;
transform: scale(1);
}
.figure-portfolio-big__wrapper-img-inner {
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: center center;
transform: scale(1);
overflow: hidden;
}
.figure-portfolio-big__content {
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media screen and (max-width: 1024px) {
.figure-portfolio-big__letter {
display: none;
}
}
.filter {
position: relative;
padding-top: 45px;
padding-bottom: 45px;
text-align: center;
}
.filter__inner {
position: relative;
}
.filter__item {
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
padding-top: 5px;
padding-bottom: 5px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media screen and (min-width: 320px) {
.filter__item {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.filter__item {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.filter__item:not(.filter__item_active):hover {
color: #444444;
}
.filter__item_active {
color: var(--color-accent-primary-1);
}
.filter__underline {
display: block;
position: absolute;
bottom: 0;
left: 0;
background-color: var(--color-accent-primary-1);
width: 0;
height: 1px;
}
@media screen and (max-width: 1280px) {
.filter__underline {
display: none;
}
}
.figure-post {
display: block;
}
.figure-post:hover .figure-post__wrapper-img img {
transform: scale(1.05);
}
.figure-post:hover .figure-post__wrapper-img-inner {
transform: scale(0.95);
}
.figure-post:hover .figure-post__wrapper-img img {
transform: scale(1.2);
}
.figure-post:hover .figure-post__content {
transform: translate(0, -25%);
}
.figure-post:hover .figure-post__line {
transform: scaleY(0);
}
.figure-post__date {
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
color: var(--color-accent-primary-1);
}
@media screen and (min-width: 320px) {
.figure-post__date {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.figure-post__date {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.figure-post__wrapper-img {
position: relative;
}
.figure-post__wrapper-img img {
width: 100%;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.figure-post__line {
display: inline-block;
width: 1px;
height: 60px;
background-color: var(--color-accent-primary-1);
position: absolute;
bottom: -30px;
z-index: 50;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: top center;
}
.figure-post__content {
padding-top: 60px;
}
.figure-post__heading {
margin-top: 0.5em;
margin-bottom: 0;
}
.figure-post__wrapper-img-inner {
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
overflow: hidden;
}
.figure-post__content {
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.footer {
position: relative;
}
.footer__area-primary {
padding-top: calc(30 * 1px);
padding-bottom: calc(30 * 1px);
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.footer__area-primary {
padding-top: calc(30 * 1px + (100 - 30) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.footer__area-primary {
padding-top: calc(100 * 1px);
}
}
@media screen and (min-width: 320px) {
.footer__area-primary {
padding-bottom: calc(30 * 1px + (100 - 30) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.footer__area-primary {
padding-bottom: calc(100 * 1px);
}
}
.footer__area-secondary {
padding-top: 30px;
padding-bottom: 30px;
border-top: 1px solid rgba(136, 136, 136, 0.3);
}
@media screen and (max-width: 991px) {
.footer__area-secondary {
padding-top: 15px;
padding-bottom: 15px;
}
.footer__column {
padding-top: 10px;
padding-bottom: 10px;
}
.footer__column.text-left, .footer__column.text-center, .footer__column.text-right {
text-align: center !important;
}
}
.gmap {
width: 100%;
height: 100%;
}
.gmap__container {
width: 100%;
height: 100%;
color: #181818;
}
@media only screen and (max-width: 991px) {
.gmap__container {
height: 600px;
max-height: 120vh;
}
}
.form {
width: 100%;
}
.form__submit {
margin-top: 1.5em;
}
.form__col {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.form__col_submit {
margin-top: 1.5em;
margin-bottom: 0;
}
.form__error, span.wpcf7-not-valid-tip {
display: block;
font-size: 12px;
color: red;
text-align: left;
margin-top: 4px;
}
.form__heading {
margin-top: 0;
margin-bottom: 1em;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
border-color: red;
padding: 15px;
margin: 1.5em 0 0;
display: none !important;
}
@media only screen and (max-width: 992px) {
.form__col_submit {
text-align: left;
}
}
.grid {
overflow: hidden;
}
.grid__sizer {
padding: 0 !important;
margin: 0 !important;
height: 0 !important;
}
.grid__item {
display: block;
width: 100%;
}
.grid__item-link {
display: block;
position: relative;
}
.grid__item-link img {
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: center center;
}
.grid__item-link:hover, .grid__item-link:focus {
opacity: 1;
}
.grid__item-link:hover img {
transform: scale(1.1);
}
.grid__item-link:hover .grid__item-overlay {
transform: scaleY(1);
}
.grid__item-link:hover .grid__item-icon {
transform: translate(-50%, -50%);
opacity: 1;
visibility: visible;
transition-delay: 50ms;
}
.grid__item-link:hover .grid__item-icon:after {
transform: scale(1);
transition-delay: 100ms;
}
.grid__item-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 80px;
height: 80px;
top: 50%;
left: 50%;
z-index: 50;
transform: translate(-50%, 10px);
transition: all 0.6s ease;
opacity: 0;
visibility: hidden;
color: #ffffff;
}
.grid__item-icon:after {
content: '';
display: block;
border-radius: 100%;
border: 1px solid #444C57;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: scale(0);
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.grid__item-icon-symbol {
font-size: 28px !important;
}
.grid__item-overlay {
opacity: 1;
background-color: #181818;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform: scaleY(0);
transform-origin: bottom center;
}
.grid__item-icon {
width: 60px;
height: 60px;
}
.grid__item-icon-symbol {
font-size: 24px !important;
}
@media only screen and (min-width: 992px) {
.grid__item_desktop-12 {
flex: 0 0 100%;
max-width: 100%;
}
.grid__item_desktop-6 {
flex: 0 0 50%;
max-width: 50%;
}
.grid__item_desktop-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.grid__item_desktop-3 {
flex: 0 0 25%;
max-width: 25%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.grid__item_tablet-12 {
flex: 0 0 100%;
max-width: 100%;
}
.grid__item_tablet-6 {
flex: 0 0 50%;
max-width: 50%;
}
.grid__item_tablet-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.grid__item_tablet-3 {
flex: 0 0 25%;
max-width: 25%;
}
}
@media only screen and (max-width: 767px) {
.grid__item_mobile-12 {
flex: 0 0 100%;
max-width: 100%;
}
.grid__item_mobile-6 {
flex: 0 0 50%;
max-width: 50%;
}
.grid__item_mobile-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.grid__item_mobile-3 {
flex: 0 0 25%;
max-width: 25%;
}
}
.grid_fluid-1 {
margin: -1vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-1 {
margin: -10px -20px;
}
}
.grid__item_fluid-1 {
padding: 1vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-1 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-1-fancy:nth-of-type(3) {
margin-top: 2vw;
}
}
.grid_fluid-2 {
margin: -2vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-2 {
margin: -10px -20px;
}
}
.grid__item_fluid-2 {
padding: 2vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-2 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-2-fancy:nth-of-type(3) {
margin-top: 4vw;
}
}
.grid_fluid-3 {
margin: -3vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-3 {
margin: -10px -20px;
}
}
.grid__item_fluid-3 {
padding: 3vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-3 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-3-fancy:nth-of-type(3) {
margin-top: 6vw;
}
}
.grid_fluid-4 {
margin: -4vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-4 {
margin: -10px -20px;
}
}
.grid__item_fluid-4 {
padding: 4vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-4 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-4-fancy:nth-of-type(3) {
margin-top: 8vw;
}
}
.grid_fluid-5 {
margin: -5vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-5 {
margin: -10px -20px;
}
}
.grid__item_fluid-5 {
padding: 5vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-5 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-5-fancy:nth-of-type(3) {
margin-top: 10vw;
}
}
.grid_fluid-6 {
margin: -6vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-6 {
margin: -10px -20px;
}
}
.grid__item_fluid-6 {
padding: 6vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-6 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-6-fancy:nth-of-type(3) {
margin-top: 12vw;
}
}
.grid_fluid-7 {
margin: -7vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-7 {
margin: -10px -20px;
}
}
.grid__item_fluid-7 {
padding: 7vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-7 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-7-fancy:nth-of-type(3) {
margin-top: 14vw;
}
}
.grid_fluid-8 {
margin: -8vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-8 {
margin: -10px -20px;
}
}
.grid__item_fluid-8 {
padding: 8vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-8 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-8-fancy:nth-of-type(3) {
margin-top: 16vw;
}
}
.grid_fluid-9 {
margin: -9vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-9 {
margin: -10px -20px;
}
}
.grid__item_fluid-9 {
padding: 9vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-9 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-9-fancy:nth-of-type(3) {
margin-top: 18vw;
}
}
.grid_fluid-10 {
margin: -10vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-10 {
margin: -10px -20px;
}
}
.grid__item_fluid-10 {
padding: 10vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-10 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-10-fancy:nth-of-type(3) {
margin-top: 20vw;
}
}
.grid_fluid-11 {
margin: -11vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-11 {
margin: -10px -20px;
}
}
.grid__item_fluid-11 {
padding: 11vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-11 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-11-fancy:nth-of-type(3) {
margin-top: 22vw;
}
}
.grid_fluid-12 {
margin: -12vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-12 {
margin: -10px -20px;
}
}
.grid__item_fluid-12 {
padding: 12vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-12 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-12-fancy:nth-of-type(3) {
margin-top: 24vw;
}
}
.grid_fluid-13 {
margin: -13vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-13 {
margin: -10px -20px;
}
}
.grid__item_fluid-13 {
padding: 13vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-13 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-13-fancy:nth-of-type(3) {
margin-top: 26vw;
}
}
.grid_fluid-14 {
margin: -14vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-14 {
margin: -10px -20px;
}
}
.grid__item_fluid-14 {
padding: 14vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-14 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-14-fancy:nth-of-type(3) {
margin-top: 28vw;
}
}
.grid_fluid-15 {
margin: -15vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-15 {
margin: -10px -20px;
}
}
.grid__item_fluid-15 {
padding: 15vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-15 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-15-fancy:nth-of-type(3) {
margin-top: 30vw;
}
}
.grid_fluid-16 {
margin: -16vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-16 {
margin: -10px -20px;
}
}
.grid__item_fluid-16 {
padding: 16vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-16 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-16-fancy:nth-of-type(3) {
margin-top: 32vw;
}
}
.grid_fluid-17 {
margin: -17vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-17 {
margin: -10px -20px;
}
}
.grid__item_fluid-17 {
padding: 17vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-17 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-17-fancy:nth-of-type(3) {
margin-top: 34vw;
}
}
.grid_fluid-18 {
margin: -18vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-18 {
margin: -10px -20px;
}
}
.grid__item_fluid-18 {
padding: 18vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-18 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-18-fancy:nth-of-type(3) {
margin-top: 36vw;
}
}
.grid_fluid-19 {
margin: -19vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-19 {
margin: -10px -20px;
}
}
.grid__item_fluid-19 {
padding: 19vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-19 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-19-fancy:nth-of-type(3) {
margin-top: 38vw;
}
}
.grid_fluid-20 {
margin: -20vw;
}
@media only screen and (max-width: 767px) {
.grid_fluid-20 {
margin: -10px -20px;
}
}
.grid__item_fluid-20 {
padding: 20vw;
}
@media only screen and (max-width: 767px) {
.grid__item_fluid-20 {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.grid__item_fluid-20-fancy:nth-of-type(3) {
margin-top: 40vw;
}
}
.header_absolute {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 500;
}
.header_fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 500;
}
.header__burger-line {
width: 100%;
height: 2px;
background-color: #444C57;
margin-top: 3px;
margin-bottom: 3px;
transform: rotate(0deg) translateY(0px);
will-change: transform;
transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.header__wrapper-overlay-menu {
display: flex;
align-items: start;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 500;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
opacity: 0;
visibility: hidden;
transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.header__burger {
display: inline-flex;
flex-direction: column;
justify-content: center;
width: 30px;
height: 20px;
cursor: pointer;
vertical-align: middle;
}
.header__burger_opened .header__burger-line {
background-color: #444C57 !important;
}
.header__burger_opened .header__burger-line:nth-child(1) {
transform: rotate(-45deg) translateY(6px);
}
.header__burger_opened .header__burger-line:nth-child(2) {
transform: rotate(45deg) translateY(-6px);
}
.header__wrapper-menu {
position: relative;
width: 100%;
max-width: calc(50vw - 300px);
}
.header__curtain {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
}
.header__wrapper-overlay-widgets {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-bottom: 64px;
}
.header__wrapper-overlay-widgets .social {
margin-top: 1em;
margin-bottom: 1em;
}
.header__overlay-menu-back {
position: absolute;
top: 0;
cursor: pointer;
font-size: 32px !important;
color: #444C57 !important;
opacity: 0;
visibility: hidden;
}
.header__controls {
position: relative;
z-index: 600;
}
.header__circle-letters {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 300px;
height: 300px;
border: 2px solid rgba(136, 136, 136, 0.3);
border-radius: 100%;
}
.header__circle-letters svg {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 300px;
border-radius: 100%;
stroke-width: 1px;
z-index: 50;
}
.header__circle-letters svg .circle {
stroke: var(--color-accent-primary-1);
}
.header__circle-letters-inner {
width: 100%;
height: 100%;
position: relative;
}
@media screen and (max-width: 1400px) {
.header__wrapper-overlay-widgets {
padding-bottom: 40px;
}
}
@media screen and (max-width: 1280px) {
.header__wrapper-overlay-widgets {
padding-bottom: 30px;
}
}
@media screen and (max-width: 991px) {
.header__circle-letters {
display: none;
}
.header__wrapper-menu {
max-width: 100%;
}
.header__wrapper-overlay-menu {
text-align: center;
flex-direction: column;
padding-top: 80px;
padding-bottom: 80px;
}
.header__wrapper-overlay-widgets {
text-align: center;
position: relative;
left: auto;
right: auto;
bottom: auto;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: auto;
}
.header__wrapper-overlay-widgets .text-left, .header__wrapper-overlay-widgets .text-right {
text-align: center !important;
}
}
@media screen and (max-height: 800px) and (min-width: 991px) {
.header__wrapper-overlay-widgets {
padding-bottom: 30px;
}
}
.header__wrapper-overlay-menu.bg-white .header__curtain {
background-color: #ffffff;
}
.header__wrapper-overlay-menu.bg-white .menu-overlay li a:hover {
color: var(--color-accent-secondary-4);
}
.header__wrapper-overlay-menu.bg-off-white .header__curtain {
background-color: #f7f5f0;
}
.header__wrapper-overlay-menu.bg-off-white .menu-overlay li a:hover {
color: var(--color-accent-secondary-4);
}
.header__wrapper-overlay-menu.bg-light .header__curtain {
background-color: #f8f8f8;
}
.header__wrapper-overlay-menu.bg-light .menu-overlay li a:hover {
color: var(--color-accent-secondary-4);
}
.header__wrapper-overlay-menu.bg-black .header__curtain {
background-color: #111111;
}
.header__wrapper-overlay-menu.bg-black .menu-overlay li a {
color: var(--color-accent-primary-3);
}
.header__wrapper-overlay-menu.bg-black .menu-overlay li a:hover {
color: var(--color-accent-primary-1);
}
.header__wrapper-overlay-menu.bg-black .vector-letter {
fill: #ffffff;
}
.header__wrapper-overlay-menu.bg-dark .header__curtain {
background-color: #181818;
}
.header__wrapper-overlay-menu.bg-dark .menu-overlay li a {
color: var(--color-accent-primary-3);
}
.header__wrapper-overlay-menu.bg-dark .menu-overlay li a:hover {
color: var(--color-accent-primary-1);
}
.header__wrapper-overlay-menu.bg-dark .vector-letter {
fill: #ffffff;
}
.header__wrapper-overlay-menu.bg-dark-2 .header__curtain {
background-color: #222222;
}
.header__wrapper-overlay-menu.bg-dark-2 .menu-overlay li a {
color: var(--color-accent-primary-3);
}
.header__wrapper-overlay-menu.bg-dark-2 .menu-overlay li a:hover {
color: var(--color-accent-primary-1);
}
.header__wrapper-overlay-menu.bg-dark-2 .vector-letter {
fill: #ffffff;
}
.header__wrapper-overlay-menu.bg-dark-3 .header__curtain {
background-color: #333333;
}
.header__wrapper-overlay-menu.bg-dark-3 .menu-overlay li a {
color: var(--color-accent-primary-3);
}
.header__wrapper-overlay-menu.bg-dark-3 .menu-overlay li a:hover {
color: var(--color-accent-primary-1);
}
.header__wrapper-overlay-menu.bg-dark-3 .vector-letter {
fill: #ffffff;
}
.header__wrapper-overlay-menu.bg-accent-primary-1 .header__curtain {
background-color: var(--color-accent-primary-1);
}
.header__wrapper-overlay-menu.bg-accent-primary-1 .menu-overlay li a {
color: #f8f8f8;
}
.header__wrapper-overlay-menu.bg-accent-primary-1 .menu-overlay li a:hover {
color: var(--color-accent-primary-1);
}
.header__wrapper-overlay-menu.bg-accent-primary-1 .vector-letter {
fill: #ffffff;
}
.header__wrapper-overlay-menu.bg-accent-primary-2 .header__curtain {
background-color: var(--color-accent-primary-2);
}
.header__wrapper-overlay-menu.bg-accent-primary-3 .header__curtain {
background-color: var(--color-accent-primary-3);
}
.header__wrapper-overlay-menu.bg-accent-primary-4 .header__curtain {
background-color: var(--color-accent-primary-4);
}
.header__wrapper-overlay-menu.bg-accent-secondary-1 .header__curtain {
background-color: var(--color-accent-secondary-1);
}
.header__wrapper-overlay-menu.bg-accent-secondary-1 .menu-overlay li a {
color: #ffffff;
}
.header__wrapper-overlay-menu.bg-accent-secondary-1 .menu-overlay li a:hover {
color: var(--color-accent-primary-2);
}
.header__wrapper-overlay-menu.bg-accent-secondary-1 .vector-letter {
fill: #ffffff;
}
.header__wrapper-overlay-menu.bg-accent-secondary-2 .menu-overlay li a {
color: var(--color-accent-primary-3);
}
.header__wrapper-overlay-menu.bg-accent-secondary-2 .menu-overlay li a:hover {
color: var(--color-accent-primary-1);
}
.header__wrapper-overlay-menu.bg-accent-secondary-2 .vector-letter {
fill: #ffffff;
}
.header__wrapper-overlay-menu.bg-accent-secondary-3 .header__curtain {
background-color: var(--color-accent-secondary-3);
}
.header__wrapper-overlay-menu.bg-accent-secondary-3 .menu-overlay li a {
color: var(--color-accent-primary-3);
}
.header__wrapper-overlay-menu.bg-accent-secondary-3 .menu-overlay li a:hover {
color: var(--color-accent-primary-1);
}
.header__wrapper-overlay-menu.bg-accent-secondary-3 .vector-letter {
fill: #ffffff;
}
.header__wrapper-overlay-menu.bg-accent-secondary-4 .header__curtain {
background-color: var(--color-accent-secondary-4);
}
.header__wrapper-overlay-menu.bg-accent-secondary-4 .menu-overlay li a {
color: var(--color-accent-primary-3);
}
.header__wrapper-overlay-menu.bg-accent-secondary-4 .menu-overlay li a:hover {
color: var(--color-accent-primary-1);
}
.header__wrapper-overlay-menu.bg-accent-secondary-4 .vector-letter {
fill: #ffffff;
}
.js-sticky-header {
transition: all 0.6s ease;
box-shadow: 0px 0px 30px 0px rgba(24, 24, 24, 0);
will-change: padding, box-shadow;
}
.header_sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 15px 0 !important;
box-shadow: 0px 0px 30px 0px rgba(24, 24, 24, 0.1);
}
.header.bg-white .header__burger-line {
background-color: #181818;
}
.header.bg-white .social__item a {
color: #444C57;
}
.header.bg-off-white .header__burger-line {
background-color: #181818;
}
.header.bg-off-white .social__item a {
color: #444C57;
}
.header.bg-light .header__burger-line {
background-color: #181818;
}
.header.bg-light .social__item a {
color: #444C57;
}
.header.bg-black .menu > li > a {
color: #ffffff;
}
.header.bg-black .menu > li > a:hover {
color: var(--color-accent-primary-1);
}
.header.bg-black .menu .sub-menu {
background-color: #222222;
}
.header.bg-black .menu .sub-menu > li a {
color: #ffffff;
}
.header.bg-black .menu .sub-menu > li a:hover {
background-color: #333333;
}
.header.bg-black .social__item a {
color: #ffffff;
}
.header.bg-black .social__item a:hover {
color: var(--color-accent-primary-1);
}
.header.bg-black .header__burger-line {
background-color: #ffffff;
}
.header.bg-dark .menu > li > a {
color: #ffffff;
}
.header.bg-dark .menu > li > a:hover {
color: var(--color-accent-primary-1);
}
.header.bg-dark .menu .sub-menu {
background-color: #222222;
}
.header.bg-dark .menu .sub-menu > li a {
color: #ffffff;
}
.header.bg-dark .menu .sub-menu > li a:hover {
background-color: #333333;
}
.header.bg-dark .social__item a {
color: #ffffff;
}
.header.bg-dark .social__item a:hover {
color: var(--color-accent-primary-1);
}
.header.bg-dark .header__burger-line {
background-color: #ffffff;
}
.header.bg-dark-2 .menu > li > a {
color: #ffffff;
}
.header.bg-dark-2 .menu > li > a:hover {
color: var(--color-accent-primary-1);
}
.header.bg-dark-2 .menu .sub-menu {
background-color: #222222;
}
.header.bg-dark-2 .menu .sub-menu > li a {
color: #ffffff;
}
.header.bg-dark-2 .menu .sub-menu > li a:hover {
background-color: #333333;
}
.header.bg-dark-2 .social__item a {
color: #ffffff;
}
.header.bg-dark-2 .social__item a:hover {
color: var(--color-accent-primary-1);
}
.header.bg-dark-2 .header__burger-line {
background-color: #ffffff;
}
.header.bg-dark-3 .menu > li > a {
color: #ffffff;
}
.header.bg-dark-3 .menu > li > a:hover {
color: var(--color-accent-primary-1);
}
.header.bg-dark-3 .menu .sub-menu {
background-color: #222222;
}
.header.bg-dark-3 .menu .sub-menu > li a {
color: #ffffff;
}
.header.bg-dark-3 .menu .sub-menu > li a:hover {
background-color: #333333;
}
.header.bg-dark-3 .social__item a {
color: #ffffff;
}
.header.bg-dark-3 .social__item a:hover {
color: var(--color-accent-primary-1);
}
.header.bg-dark-3 .header__burger-line {
background-color: #ffffff;
}
.header.bg-accent-primary-1 .menu > li > a {
color: #ffffff;
}
.header.bg-accent-primary-1 .menu > li > a:hover {
color: var(--color-accent-primary-4);
}
.header.bg-accent-primary-1 .menu > li > a:before {
background-color: var(--color-accent-primary-4);
}
.header.bg-accent-primary-1 .menu .sub-menu {
background-color: var(--color-accent-primary-3);
}
.header.bg-accent-primary-1 .menu .sub-menu > li a {
color: #ffffff;
}
.header.bg-accent-primary-1 .menu .sub-menu > li a:hover {
border-color: #181818;
background-color: var(--color-accent-primary-4);
}
.header.bg-accent-primary-1 .logo {
color: #ffffff;
}
.header.bg-accent-primary-1 .logo:hover {
color: var(--color-accent-primary-4);
}
.header.bg-accent-primary-1 .social__item a {
color: #ffffff;
}
.header.bg-accent-primary-1 .social__item a:hover {
color: var(--color-accent-primary-4);
}
.header.bg-accent-primary-3 .menu > li > a {
color: #ffffff;
}
.header.bg-accent-primary-3 .menu > li > a:hover {
color: var(--color-accent-primary-4);
}
.header.bg-accent-primary-3 .menu > li > a:before {
background-color: var(--color-accent-primary-4);
}
.header.bg-accent-primary-3 .menu .sub-menu {
background-color: var(--color-accent-primary-3);
}
.header.bg-accent-primary-3 .menu .sub-menu > li a {
color: #ffffff;
}
.header.bg-accent-primary-3 .menu .sub-menu > li a:hover {
border-color: #181818;
background-color: var(--color-accent-primary-4);
}
.header.bg-accent-primary-3 .logo {
color: #ffffff;
}
.header.bg-accent-primary-3 .logo:hover {
color: var(--color-accent-primary-4);
}
.header.bg-accent-primary-3 .social__item a {
color: #ffffff;
}
.header.bg-accent-primary-3 .social__item a:hover {
color: var(--color-accent-primary-4);
}
.header.bg-accent-primary-4 .menu > li > a {
color: #ffffff;
}
.header.bg-accent-primary-4 .menu > li > a:hover {
color: #cccccc;
}
.header.bg-accent-primary-4 .menu > li > a:before {
background-color: #cccccc;
}
.header.bg-accent-primary-4 .menu .sub-menu {
background-color: var(--color-accent-primary-3);
}
.header.bg-accent-primary-4 .menu .sub-menu > li a {
color: #ffffff;
}
.header.bg-accent-primary-4 .menu .sub-menu > li a:hover {
border-color: #181818;
background-color: var(--color-accent-primary-2);
color: #181818;
}
.header.bg-accent-primary-4 .social__item a {
color: #ffffff;
}
.header.bg-accent-primary-4 .social__item a:hover {
color: var(--color-accent-primary-4);
}
.header.bg-accent-secondary-1 .menu > li > a {
color: #ffffff;
}
.header.bg-accent-secondary-1 .menu > li > a:hover {
color: #cccccc;
}
.header.bg-accent-secondary-1 .menu > li > a:before {
background-color: #cccccc;
}
.header.bg-accent-secondary-1 .menu .sub-menu > li a {
color: #ffffff;
}
.header.bg-accent-secondary-1 .menu .sub-menu > li a:hover {
border-color: var(--color-accent-primary-1);
background-color: var(--color-accent-secondary-1);
}
.header.bg-accent-secondary-1 .social__item a {
color: #ffffff;
}
.header.bg-accent-secondary-1 .social__item a:hover {
color: var(--color-accent-primary-1);
}
.header.bg-accent-secondary-1 .header__burger-line {
background-color: #ffffff;
}
.header.bg-accent-secondary-2 .menu > li > a {
color: #ffffff;
}
.header.bg-accent-secondary-2 .menu > li > a:hover {
color: #cccccc;
}
.header.bg-accent-secondary-2 .menu > li > a:before {
background-color: #cccccc;
}
.header.bg-accent-secondary-2 .menu .sub-menu > li a {
color: #ffffff;
}
.header.bg-accent-secondary-2 .menu .sub-menu > li a:hover {
border-color: var(--color-accent-primary-1);
background-color: var(--color-accent-secondary-1);
}
.header.bg-accent-secondary-2 .social__item a {
color: #ffffff;
}
.header.bg-accent-secondary-2 .social__item a:hover {
color: var(--color-accent-primary-1);
}
.header.bg-accent-secondary-2 .header__burger-line {
background-color: #ffffff;
}
.header.bg-accent-secondary-3 .menu > li > a {
color: #ffffff;
}
.header.bg-accent-secondary-3 .menu > li > a:hover {
color: #cccccc;
}
.header.bg-accent-secondary-3 .menu > li > a:before {
background-color: #cccccc;
}
.header.bg-accent-secondary-3 .menu .sub-menu > li a {
color: #ffffff;
}
.header.bg-accent-secondary-3 .menu .sub-menu > li a:hover {
border-color: var(--color-accent-primary-1);
background-color: var(--color-accent-secondary-1);
}
.header.bg-accent-secondary-3 .social__item a {
color: #ffffff;
}
.header.bg-accent-secondary-3 .social__item a:hover {
color: var(--color-accent-primary-1);
}
.header.bg-accent-secondary-3 .header__burger-line {
background-color: #ffffff;
}
.header.bg-accent-secondary-4 .menu > li > a {
color: #ffffff;
}
.header.bg-accent-secondary-4 .menu > li > a:hover {
color: #cccccc;
}
.header.bg-accent-secondary-4 .menu > li > a:before {
background-color: #cccccc;
}
.header.bg-accent-secondary-4 .menu .sub-menu > li a {
color: #ffffff;
}
.header.bg-accent-secondary-4 .menu .sub-menu > li a:hover {
border-color: var(--color-accent-primary-1);
background-color: var(--color-accent-secondary-1);
}
.header.bg-accent-secondary-4 .social__item a {
color: #ffffff;
}
.header.bg-accent-secondary-4 .social__item a:hover {
color: var(--color-accent-primary-1);
}
.header.bg-accent-secondary-4 .header__burger-line {
background-color: #ffffff;
}
.form-contact {
padding-top: calc(var(--distance-min-small) * 1px);
padding-bottom: calc(var(--distance-min-small) * 1px);
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.form-contact {
padding-top: calc(var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.form-contact {
padding-top: calc(var(--distance-max-small) * 1px);
}
}
@media screen and (min-width: 320px) {
.form-contact {
padding-bottom: calc(var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.form-contact {
padding-bottom: calc(var(--distance-max-small) * 1px);
}
}
.input-float {
position: relative;
display: block;
width: 100%;
margin-bottom: 0;
}
.input-float__label {
position: absolute;
top: 1em;
left: 0;
margin: auto;
display: block;
font-size: 16px;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: left center;
cursor: text;
color: #ffffff;
}
.input-float__input {
display: block;
width: 100%;
width: 100%;
border-bottom: 1px solid #ffffff;
border-top: none;
border-right: none;
border-left: none;
outline: none;
padding: 12px 0 8px;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
background-color: transparent;
border-radius: 0;
color: inherit;
}
.input-float__input_textarea {
resize: none;
min-height: 200px;
}
.input-float__input_focused + .input-float__label, .input-float__input_not-empty + .input-float__label {
transform: scale(0.8571) translateY(-2rem);
}
.input-search__input {
padding-right: 30px;
}
.input-search__submit {
display: inline-block;
font-size: 18px;
width: 24px;
height: 24px;
padding: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background: transparent;
border: none;
color: #444C57;
outline: none;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
cursor: pointer;
}
.input-search__submit:hover {
color: #181818;
}
.input-search__submit:focus {
outline: none;
}
.logo {
position: relative;
color: var(--color-accent-primary-1);
font-weight: bold;
display: inline-flex;
}
.logo__wrapper-img {
align-items: center;
flex: 1 0 auto;
height: 100%;
}
.logo__wrapper-img img {
height: 50px;
}
.lazy {
background-color: rgba(136, 136, 136, 0.1);
}
.lazy_loaded {
background-color: unset;
}
.lazy__img:not(img) {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.lazy-bg {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: rgba(136, 136, 136, 0.1);
}
.lazy-bg_loaded {
background-color: unset;
}
.link-arrow {
display: inline-flex;
align-items: center;
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
color: var(--color-accent-primary-1);
font-weight: bold;
}
@media screen and (min-width: 320px) {
.link-arrow {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.link-arrow {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.link-arrow__label {
display: inline-block;
vertical-align: middle;
}
.link-arrow__icon {
display: inline-block;
font-size: 20px !important;
margin-bottom: 1px;
margin-left: 10px;
vertical-align: middle;
}
.menu {
list-style-type: none;
padding: 0;
margin: 0;
word-wrap: normal;
text-align: right;
display: inline-block;
font-size: 13px;
width: 100%;
}
.menu > li {
display: inline-block;
}
@media screen and (max-width: 991px) {
.menu > li {
width: 100%;
}
}
.menu > li:not(:last-child) {
margin-right: 17px;
}
.menu > li.menu-item-has-children > a:after {
content: '\f107';
font-family: 'FontAwesome';
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.menu > li:not(.menu-item-has-children) a {
position: relative;
}
.menu .menu-item-has-children {
position: relative;
}
.menu .menu-item-has-children > a:hover ~ ul {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
.menu .sub-menu {
position: absolute;
top: 100%;
left: 15px;
list-style-type: none;
padding: 0;
margin: 0;
padding: 10px 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform: translate(0, 10px);
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
background-color: #ffffff;
z-index: 50;
}
.menu .sub-menu > li {
display: block;
white-space: nowrap;
}
.menu .sub-menu > li a {
display: flex;
align-items: center;
padding: 10px 30px;
border-left: 2px solid transparent;
}
.menu .sub-menu > li a:hover {
border-color: var(--color-accent-primary-1);
background-color: #f8f8f8;
}
.menu .sub-menu > li.menu-item-has-children > a:after {
content: '\f105';
font-family: 'FontAwesome';
display: inline-block;
vertical-align: middle;
margin-left: auto;
padding-left: 15px;
}
.menu .sub-menu ul {
top: 0;
right: calc(100% + 1px);
transform: translate(10px, 0);
}
.menu .sub-menu:hover {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
.menu-overlay {
list-style-type: none;
padding: 0;
margin: 0;
}
.menu-overlay > li {
display: block;
}
.menu-overlay > li > a {
display: block;
font-weight: bold;
}
.menu-overlay__item-wrapper {
width: 100%;
height: 100%;
}
.menu-overlay .sub-menu {
display: inline-flex;
flex-direction: column;
justify-content: flex-start;
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
list-style-type: none;
padding: 0;
margin: 0;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.menu-overlay .sub-menu > li {
display: block;
margin-top: 0.25em;
margin-bottom: 0.25em;
}
.menu-overlay .sub-menu > li > a {
display: block;
font-size: 20px;
font-size: calc(20 * 1px);
font-weight: bold;
line-height: 1.2;
padding: 8px 0;
}
@media screen and (min-width: 320px) {
.menu-overlay .sub-menu > li > a {
font-size: calc(20 * 1px + (26 - 20) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.menu-overlay .sub-menu > li > a {
font-size: calc(26 * 1px);
}
}
@media screen and (max-width: 991px) {
.menu-overlay > li > a {
margin-top: 30px;
margin-bottom: 30px;
}
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: -1;
}
.overlay_dark {
background-color: #181818;
opacity: .8;
mix-blend-mode: multiply;
}
.overlay_black {
background-color: #111111;
opacity: .8;
}
.overlay_white {
background-color: #ffffff;
opacity: .95;
}
.overlay_white-solid {
background-color: #ffffff;
opacity: 1;
}
.pagination {
margin-top: 60px;
border-top: 2px solid #181818;
padding: 30px 0 0;
}
.pagination .nav-links {
display: flex;
justify-content: space-between;
align-items: center;
}
.pagination .nav-links__container {
margin-left: auto;
margin-right: auto;
}
.pagination .page-numbers {
display: inline-block;
line-height: 1;
font-weight: 600;
margin: 0 15px;
background-image: none;
vertical-align: middle;
}
.pagination .page-numbers.prev {
font-size: 20px;
font-weight: normal;
margin-left: 0;
}
.pagination .page-numbers.next {
font-size: 20px;
font-weight: normal;
margin-right: 0;
}
.pagination .page-numbers:not(a) {
color: #444C57;
}
.page-links {
margin-top: 50px;
padding: 30px 0 0;
}
.page-links .page-number {
display: inline-block;
line-height: 1;
font-weight: 600;
margin: 0 15px;
border: none;
}
.page-links a {
background-image: none;
}
.page-links .post-page-numbers:not(a) {
color: #444C57;
}
.comments-pagination {
text-align: center;
}
.comments-pagination .page-numbers {
display: inline-block;
line-height: 1;
font-weight: 600;
margin: 0 20px;
}
.post__content > *:first-child, .post__comments > *:first-child {
margin-top: 0;
}
.post__content ul, .post__comments ul {
list-style-type: none;
padding: 0;
margin: 0;
margin-bottom: 1.5em;
}
.post__content ul li, .post__comments ul li {
display: block;
margin-top: 1em;
margin-bottom: 1em;
}
.post__content ul ul, .post__content ul ol, .post__comments ul ul, .post__comments ul ol {
padding-left: 1em;
}
.post__content ul, .post__comments ul {
padding-left: 0.25em;
}
.post__content ul > li:before, .post__comments ul > li:before {
content: '';
display: inline-block;
width: 10px;
height: 1px;
vertical-align: middle;
margin-right: 0.5em;
margin-bottom: 3px;
background-color: #181818;
}
.post__content ol, .post__comments ol {
margin-bottom: 24px;
padding-left: 1.5em;
}
.post__content ol li, .post__comments ol li {
display: list-item;
margin-top: 12px;
margin-bottom: 12px;
}
.post__content ol ul, .post__content ol ol, .post__comments ol ul, .post__comments ol ol {
padding-left: 16px;
}
.post__media {
margin-bottom: 2em;
}
.post__tags {
margin-top: 50px;
padding-top: 20px;
}
.post__comments {
margin-top: calc(1 * (var(--distance-min-small) * 1px));
}
@media screen and (min-width: 320px) {
.post__comments {
margin-top: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.post__comments {
margin-top: calc(1 * (var(--distance-max-small) * 1px));
}
}
.post__read-more {
padding: 16px 30px;
}
.post-preview__wrapper-content > *:first-child {
margin-top: 0;
}
.post-preview__media {
display: block;
margin-bottom: 1.5em;
overflow: hidden;
}
.post-preview__media:hover, .post-preview__media:focus {
opacity: 1;
}
.post-preview__media:hover > * {
transform: scale(1.05);
}
.post-preview__media > * {
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.post-preview__header h4 {
margin-top: 0;
margin-bottom: 0.5em;
}
.post-preview__header a:hover {
color: var(--color-accent-primary-1);
}
.post-preview__categories {
list-style-type: none;
padding: 0;
margin: 0;
}
.post-preview__categories li {
display: inline-block;
}
.post-preview__meta {
margin-bottom: 1em;
font-size: 13px;
}
.post-preview__date {
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
}
@media screen and (min-width: 320px) {
.post-preview__date {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.post-preview__date {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.post-preview__wrapper-meta a {
color: #444C57;
}
.post-preview__wrapper-meta .post-preview__date a {
color: var(--color-accent-primary-1);
}
.post-preview__wrapper-readmore {
text-align: right;
margin-top: 2em;
}
@media screen and (max-width: 991px) {
.post-preview__meta {
margin: 0.25em 0;
}
.post-preview__wrapper-meta {
margin: 0 0 1em;
}
.post-preview__date {
width: 100%;
}
}
[data-art-parallax='image'], [data-art-parallax='background'] {
position: relative;
overflow: hidden;
}
[data-art-parallax='image'] img, [data-art-parallax='background'] img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.art-parallax__bg {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
.preloader {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 1000;
}
.preloader__curtain {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
}
.preloader__content {
position: relative;
width: 160px;
height: 160px;
z-index: 50;
overflow: hidden;
}
.preloader__wrapper-logo {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-bottom: 2px solid rgba(136, 136, 136, 0.3);
}
.preloader__curtain_inner {
top: 99%;
-webkit-animation-name: preloader-load;
animation-name: preloader-load;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 25s;
animation-duration: 25s;
transform-origin: left center;
}
@-webkit-keyframes preloader-load {
from {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
@keyframes preloader-load {
from {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
.smooth-scroll {
overflow: hidden;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
[data-os-animation] {
opacity: 0;
visibility: hidden;
}
[data-os-animation="animated"] {
opacity: 1;
visibility: visible;
}
.scroll-down {
display: inline-flex;
flex-direction: column;
align-items: center;
cursor: pointer;
width: 100px;
}
.scroll-down:hover .scroll-down__line {
transform: scaleY(0);
transition-delay: 0s;
}
.scroll-down:hover .scroll-down__circle-1 {
transform: translateY(110px);
transition-delay: 0.2s;
}
.scroll-down__circle-1 {
display: block;
width: 12px;
height: 12px;
background-color: #f4e0dd;
border-radius: 100%;
transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.scroll-down__line {
width: 1px;
height: 60px;
background-color: #454D56;
margin-top: 16px;
margin-bottom: 16px;
transform-origin: bottom center;
transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-delay: 0.2s;
}
.scroll-down__circle-2 {
width: 24px;
height: 24px;
border: 1px solid #8A9A81;
border-radius: 100%;
transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media screen and (max-width: 767px) {
.scroll-down__circle-1 {
width: 8px;
height: 8px;
}
.scroll-down__line {
height: 40px;
margin-top: 8px;
margin-bottom: 8px;
}
.scroll-down__circle-2 {
width: 18px;
height: 18px;
}
.scroll-down:hover .scroll-down__circle-1 {
transform: translateY(69px);
}
}
.section-404__wrapper-button {
margin-top: 60px;
}
.section {
position: relative;
}
.section-fullheight {
display: flex;
}
.section-fullheight__inner {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
min-height: 100vh;
}
.section__headline {
display: block;
width: 100%;
max-width: 120px;
height: 2px;
background-color: #f4e0dd;
margin-top: calc(1 * (40 * 1px));
}
@media screen and (min-width: 320px) {
.section__headline {
margin-top: calc(1 * (40 * 1px + (80 - 40) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section__headline {
margin-top: calc(1 * (80 * 1px));
}
}
.section_z-100 {
z-index: 100;
}
.section__content {
position: relative;
z-index: 60;
}
@media screen and (max-width: 991px) {
.section__headline {
max-width: 80px;
}
}
@media screen and (max-width: 576px) {
.section__headline {
max-width: 50px;
}
}
.section_h-100 {
height: 100px;
max-height: 100vh;
}
.section_h-200 {
height: 200px;
max-height: 100vh;
}
.section_h-300 {
height: 300px;
max-height: 100vh;
}
.section_h-400 {
height: 400px;
max-height: 100vh;
}
.section_h-500 {
height: 500px;
max-height: 100vh;
}
.section_h-600 {
height: 600px;
max-height: 100vh;
}
.section_h-700 {
height: 700px;
max-height: 100vh;
}
.section_h-800 {
height: 800px;
max-height: 100vh;
}
.section_h-900 {
height: 900px;
max-height: 100vh;
}
.section_h-100vh {
height: 100vh;
}
.section_w-container-right {
max-width: 100%;
width: calc( 100% - ( (100vw - 1140px) / 2 ) - 20px);
margin-left: auto;
text-align: left;
}
.section_w-container-left {
max-width: 100%;
width: calc( 100% - ( (100vw - 1140px) / 2 ) - 20px);
margin-right: auto;
text-align: right;
}
@media screen and (max-width: 1400px) {
.section_w-container-right, .section_w-container-left {
width: 100%;
text-align: center;
}
.section_w-container-right .section-image__caption-vertical-left, .section_w-container-right .section-image__caption-vertical-right, .section_w-container-left .section-image__caption-vertical-left, .section_w-container-left .section-image__caption-vertical-right {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
transform: none;
padding: 0 20px;
margin-top: 1em;
text-align: center;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.section_h-100 {
max-height: 70vh;
}
.section_h-200 {
max-height: 70vh;
}
.section_h-300 {
max-height: 70vh;
}
.section_h-400 {
max-height: 70vh;
}
.section_h-500 {
max-height: 70vh;
}
.section_h-600 {
max-height: 70vh;
}
.section_h-700 {
max-height: 70vh;
}
.section_h-800 {
max-height: 70vh;
}
.section_h-900 {
max-height: 70vh;
}
}
.section-offset_bottom {
z-index: 60;
}
.section_pt-small.section-offset_bottom {
padding-top: 0;
}
.section_pt-small.section-offset_bottom .section-offset__content {
transform: translateY(calc(1 * var(--distance-min-small) * 1px));
}
@media only screen and (min-width: 320px) and (max-width: 1920px) {
.section_pt-small.section-offset_bottom .section-offset__content {
transform: translateY(calc(1 * ((var(--distance-min-small) * 0.67 * 1px) + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600))));
}
}
@media only screen and (min-width: 1920px) {
.section_pt-small.section-offset_bottom .section-offset__content {
transform: translateY(calc(1 * var(--distance-max-small) * 1px));
}
}
.section_pt-small.section-offset_bottom.section_mb-small {
margin-bottom: calc(1 * (var(--distance-min-small) * 1px));
}
@media screen and (min-width: 320px) {
.section_pt-small.section-offset_bottom.section_mb-small {
margin-bottom: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pt-small.section-offset_bottom.section_mb-small {
margin-bottom: calc(1 * (var(--distance-max-small) * 1px));
}
}
.section_pt-small.section-offset_bottom.section_mb {
margin-bottom: calc(1 * (var(--distance-min-normal) * 1px));
}
@media screen and (min-width: 320px) {
.section_pt-small.section-offset_bottom.section_mb {
margin-bottom: calc(1 * (var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pt-small.section-offset_bottom.section_mb {
margin-bottom: calc(1 * (var(--distance-max-normal) * 1px));
}
}
.section_pt-small.section-offset_bottom.section_mb-large {
margin-bottom: calc(1 * (var(--distance-min-large) * 1px));
}
@media screen and (min-width: 320px) {
.section_pt-small.section-offset_bottom.section_mb-large {
margin-bottom: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pt-small.section-offset_bottom.section_mb-large {
margin-bottom: calc(1 * (var(--distance-max-large) * 1px));
}
}
.section_pt.section-offset_bottom {
padding-top: 0;
}
.section_pt.section-offset_bottom .section-offset__content {
transform: translateY(calc(1 * var(--distance-min-normal) * 1px));
}
@media only screen and (min-width: 320px) and (max-width: 1920px) {
.section_pt.section-offset_bottom .section-offset__content {
transform: translateY(calc(1 * ((var(--distance-min-normal) * 0.67 * 1px) + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600))));
}
}
@media only screen and (min-width: 1920px) {
.section_pt.section-offset_bottom .section-offset__content {
transform: translateY(calc(1 * var(--distance-max-normal) * 1px));
}
}
.section_pt.section-offset_bottom.section_mb-small {
margin-bottom: calc(1 * (var(--distance-min-small) * 1px));
}
@media screen and (min-width: 320px) {
.section_pt.section-offset_bottom.section_mb-small {
margin-bottom: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pt.section-offset_bottom.section_mb-small {
margin-bottom: calc(1 * (var(--distance-max-small) * 1px));
}
}
.section_pt.section-offset_bottom.section_mb {
margin-bottom: calc(1 * (var(--distance-min-normal) * 1px));
}
@media screen and (min-width: 320px) {
.section_pt.section-offset_bottom.section_mb {
margin-bottom: calc(1 * (var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pt.section-offset_bottom.section_mb {
margin-bottom: calc(1 * (var(--distance-max-normal) * 1px));
}
}
.section_pt.section-offset_bottom.section_mb-large {
margin-bottom: calc(1 * (var(--distance-min-large) * 1px));
}
@media screen and (min-width: 320px) {
.section_pt.section-offset_bottom.section_mb-large {
margin-bottom: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pt.section-offset_bottom.section_mb-large {
margin-bottom: calc(1 * (var(--distance-max-large) * 1px));
}
}
.section_pt-large.section-offset_bottom {
padding-top: 0;
}
.section_pt-large.section-offset_bottom .section-offset__content {
transform: translateY(calc(1 * var(--distance-min-normal) * 1px));
}
@media only screen and (min-width: 320px) and (max-width: 1920px) {
.section_pt-large.section-offset_bottom .section-offset__content {
transform: translateY(calc(1 * ((var(--distance-min-normal) * 0.67 * 1px) + (var(--distance-max-large) - var(--distance-min-normal)) * ((100vw - 320px) / 1600))));
}
}
@media only screen and (min-width: 1920px) {
.section_pt-large.section-offset_bottom .section-offset__content {
transform: translateY(calc(1 * var(--distance-max-large) * 1px));
}
}
.section_pt-large.section-offset_bottom.section_mb-small {
margin-bottom: calc(1 * (var(--distance-min-small) * 1px));
}
@media screen and (min-width: 320px) {
.section_pt-large.section-offset_bottom.section_mb-small {
margin-bottom: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pt-large.section-offset_bottom.section_mb-small {
margin-bottom: calc(1 * (var(--distance-max-small) * 1px));
}
}
.section_pt-large.section-offset_bottom.section_mb {
margin-bottom: calc(1 * (var(--distance-min-normal) * 1px));
}
@media screen and (min-width: 320px) {
.section_pt-large.section-offset_bottom.section_mb {
margin-bottom: calc(1 * (var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pt-large.section-offset_bottom.section_mb {
margin-bottom: calc(1 * (var(--distance-max-normal) * 1px));
}
}
.section_pt-large.section-offset_bottom.section_mb-large {
margin-bottom: calc(1 * (var(--distance-min-large) * 1px));
}
@media screen and (min-width: 320px) {
.section_pt-large.section-offset_bottom.section_mb-large {
margin-bottom: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pt-large.section-offset_bottom.section_mb-large {
margin-bottom: calc(1 * (var(--distance-max-large) * 1px));
}
}
.section_pb-small.section-offset_top {
padding-bottom: 0;
}
.section_pb-small.section-offset_top .section-offset__content {
transform: translateY(calc(-1 * var(--distance-min-small) * 1px));
}
@media only screen and (min-width: 320px) and (max-width: 1920px) {
.section_pb-small.section-offset_top .section-offset__content {
transform: translateY(calc(-1 * ((var(--distance-min-small) * 0.67 * 1px) + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600))));
}
}
@media only screen and (min-width: 1920px) {
.section_pb-small.section-offset_top .section-offset__content {
transform: translateY(calc(-1 * var(--distance-max-small) * 1px));
}
}
.section_pb-small.section-offset_top.section_mt-small {
margin-top: calc(1 * (var(--distance-min-small) * 1px));
}
@media screen and (min-width: 320px) {
.section_pb-small.section-offset_top.section_mt-small {
margin-top: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pb-small.section-offset_top.section_mt-small {
margin-top: calc(1 * (var(--distance-max-small) * 1px));
}
}
.section_pb-small.section-offset_top.section_mt {
margin-top: calc(1 * (var(--distance-min-normal) * 1px));
}
@media screen and (min-width: 320px) {
.section_pb-small.section-offset_top.section_mt {
margin-top: calc(1 * (var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pb-small.section-offset_top.section_mt {
margin-top: calc(1 * (var(--distance-max-normal) * 1px));
}
}
.section_pb-small.section-offset_top.section_mt-large {
margin-top: calc(1 * (var(--distance-min-large) * 1px));
}
@media screen and (min-width: 320px) {
.section_pb-small.section-offset_top.section_mt-large {
margin-top: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pb-small.section-offset_top.section_mt-large {
margin-top: calc(1 * (var(--distance-max-large) * 1px));
}
}
.section_pb.section-offset_top {
padding-bottom: 0;
}
.section_pb.section-offset_top .section-offset__content {
transform: translateY(calc(-1 * var(--distance-min-normal) * 1px));
}
@media only screen and (min-width: 320px) and (max-width: 1920px) {
.section_pb.section-offset_top .section-offset__content {
transform: translateY(calc(-1 * ((var(--distance-min-normal) * 0.67 * 1px) + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600))));
}
}
@media only screen and (min-width: 1920px) {
.section_pb.section-offset_top .section-offset__content {
transform: translateY(calc(-1 * var(--distance-max-normal) * 1px));
}
}
.section_pb.section-offset_top.section_mt-small {
margin-top: calc(1 * (var(--distance-min-small) * 1px));
}
@media screen and (min-width: 320px) {
.section_pb.section-offset_top.section_mt-small {
margin-top: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pb.section-offset_top.section_mt-small {
margin-top: calc(1 * (var(--distance-max-small) * 1px));
}
}
.section_pb.section-offset_top.section_mt {
margin-top: calc(1 * (var(--distance-min-normal) * 1px));
}
@media screen and (min-width: 320px) {
.section_pb.section-offset_top.section_mt {
margin-top: calc(1 * (var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pb.section-offset_top.section_mt {
margin-top: calc(1 * (var(--distance-max-normal) * 1px));
}
}
.section_pb.section-offset_top.section_mt-large {
margin-top: calc(1 * (var(--distance-min-large) * 1px));
}
@media screen and (min-width: 320px) {
.section_pb.section-offset_top.section_mt-large {
margin-top: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pb.section-offset_top.section_mt-large {
margin-top: calc(1 * (var(--distance-max-large) * 1px));
}
}
.section_pb-large.section-offset_top {
padding-bottom: 0;
}
.section_pb-large.section-offset_top .section-offset__content {
transform: translateY(calc(-1 * var(--distance-min-large) * 1px));
}
@media only screen and (min-width: 320px) and (max-width: 1920px) {
.section_pb-large.section-offset_top .section-offset__content {
transform: translateY(calc(-1 * ((var(--distance-min-large) * 0.67 * 1px) + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600))));
}
}
@media only screen and (min-width: 1920px) {
.section_pb-large.section-offset_top .section-offset__content {
transform: translateY(calc(-1 * var(--distance-max-large) * 1px));
}
}
.section_pb-large.section-offset_top.section_mt-small {
margin-top: calc(1 * (var(--distance-min-small) * 1px));
}
@media screen and (min-width: 320px) {
.section_pb-large.section-offset_top.section_mt-small {
margin-top: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pb-large.section-offset_top.section_mt-small {
margin-top: calc(1 * (var(--distance-max-small) * 1px));
}
}
.section_pb-large.section-offset_top.section_mt {
margin-top: calc(1 * (var(--distance-min-normal) * 1px));
}
@media screen and (min-width: 320px) {
.section_pb-large.section-offset_top.section_mt {
margin-top: calc(1 * (var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pb-large.section-offset_top.section_mt {
margin-top: calc(1 * (var(--distance-max-normal) * 1px));
}
}
.section_pb-large.section-offset_top.section_mt-large {
margin-top: calc(1 * (var(--distance-min-large) * 1px));
}
@media screen and (min-width: 320px) {
.section_pb-large.section-offset_top.section_mt-large {
margin-top: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_pb-large.section-offset_top.section_mt-large {
margin-top: calc(1 * (var(--distance-max-large) * 1px));
}
}
.section_pt-xsmall {
padding-top: calc(var(--distance-min-xsmall) * 1px);
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.section_pt-xsmall {
padding-top: calc(var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section_pt-xsmall {
padding-top: calc(var(--distance-max-xsmall) * 1px);
}
}
.section_pt-small {
padding-top: calc(var(--distance-min-small) * 1px);
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.section_pt-small {
padding-top: calc(var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section_pt-small {
padding-top: calc(var(--distance-max-small) * 1px);
}
}
.section_pt {
padding-top: calc(var(--distance-min-normal) * 1px);
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.section_pt {
padding-top: calc(var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section_pt {
padding-top: calc(var(--distance-max-normal) * 1px);
}
}
.section_pt-large {
padding-top: calc(var(--distance-min-large) * 1px);
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.section_pt-large {
padding-top: calc(var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section_pt-large {
padding-top: calc(var(--distance-max-large) * 1px);
}
}
.section_pt-xlarge {
padding-top: calc(var(--distance-min-xlarge) * 1px);
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.section_pt-xlarge {
padding-top: calc(var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section_pt-xlarge {
padding-top: calc(var(--distance-max-xlarge) * 1px);
}
}
.section_pb-xsmall {
padding-bottom: calc(var(--distance-min-xsmall) * 1px);
}
@media screen and (min-width: 320px) {
.section_pb-xsmall {
padding-bottom: calc(var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section_pb-xsmall {
padding-bottom: calc(var(--distance-max-xsmall) * 1px);
}
}
.section_pb-small {
padding-bottom: calc(var(--distance-min-small) * 1px);
}
@media screen and (min-width: 320px) {
.section_pb-small {
padding-bottom: calc(var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section_pb-small {
padding-bottom: calc(var(--distance-max-small) * 1px);
}
}
.section_pb {
padding-bottom: calc(var(--distance-min-normal) * 1px);
}
@media screen and (min-width: 320px) {
.section_pb {
padding-bottom: calc(var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section_pb {
padding-bottom: calc(var(--distance-max-normal) * 1px);
}
}
.section_pb-large {
padding-bottom: calc(var(--distance-min-large) * 1px);
}
@media screen and (min-width: 320px) {
.section_pb-large {
padding-bottom: calc(var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section_pb-large {
padding-bottom: calc(var(--distance-max-large) * 1px);
}
}
.section_pb-xlarge {
padding-bottom: calc(var(--distance-min-xlarge) * 1px);
}
@media screen and (min-width: 320px) {
.section_pb-xlarge {
padding-bottom: calc(var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section_pb-xlarge {
padding-bottom: calc(var(--distance-max-xlarge) * 1px);
}
}
.section_mt-xsmall {
margin-top: calc(1 * (var(--distance-min-xsmall) * 1px));
}
@media screen and (min-width: 320px) {
.section_mt-xsmall {
margin-top: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_mt-xsmall {
margin-top: calc(1 * (var(--distance-max-xsmall) * 1px));
}
}
.section_mt-small {
margin-top: calc(1 * (var(--distance-min-small) * 1px));
}
@media screen and (min-width: 320px) {
.section_mt-small {
margin-top: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_mt-small {
margin-top: calc(1 * (var(--distance-max-small) * 1px));
}
}
.section_mt {
margin-top: calc(1 * (var(--distance-min-normal) * 1px));
}
@media screen and (min-width: 320px) {
.section_mt {
margin-top: calc(1 * (var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_mt {
margin-top: calc(1 * (var(--distance-max-normal) * 1px));
}
}
.section_mt-large {
margin-top: calc(1 * (var(--distance-min-large) * 1px));
}
@media screen and (min-width: 320px) {
.section_mt-large {
margin-top: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_mt-large {
margin-top: calc(1 * (var(--distance-max-large) * 1px));
}
}
.section_mt-xlarge {
margin-top: calc(1 * (var(--distance-min-xlarge) * 1px));
}
@media screen and (min-width: 320px) {
.section_mt-xlarge {
margin-top: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_mt-xlarge {
margin-top: calc(1 * (var(--distance-max-xlarge) * 1px));
}
}
.section_mb-xsmall {
margin-bottom: calc(1 * (var(--distance-min-xsmall) * 1px));
}
@media screen and (min-width: 320px) {
.section_mb-xsmall {
margin-bottom: calc(1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_mb-xsmall {
margin-bottom: calc(1 * (var(--distance-max-xsmall) * 1px));
}
}
.section_mb-small {
margin-bottom: calc(1 * (var(--distance-min-small) * 1px));
}
@media screen and (min-width: 320px) {
.section_mb-small {
margin-bottom: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_mb-small {
margin-bottom: calc(1 * (var(--distance-max-small) * 1px));
}
}
.section_mb {
margin-bottom: calc(1 * (var(--distance-min-normal) * 1px));
}
@media screen and (min-width: 320px) {
.section_mb {
margin-bottom: calc(1 * (var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_mb {
margin-bottom: calc(1 * (var(--distance-max-normal) * 1px));
}
}
.section_mb-large {
margin-bottom: calc(1 * (var(--distance-min-large) * 1px));
}
@media screen and (min-width: 320px) {
.section_mb-large {
margin-bottom: calc(1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_mb-large {
margin-bottom: calc(1 * (var(--distance-max-large) * 1px));
}
}
.section_mb-xlarge {
margin-bottom: calc(1 * (var(--distance-min-xlarge) * 1px));
}
@media screen and (min-width: 320px) {
.section_mb-xlarge {
margin-bottom: calc(1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_mb-xlarge {
margin-bottom: calc(1 * (var(--distance-max-xlarge) * 1px));
}
}
.section_minus-mt-xsmall {
margin-top: calc(-1 * (var(--distance-min-xsmall) * 1px));
}
@media screen and (min-width: 320px) {
.section_minus-mt-xsmall {
margin-top: calc(-1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_minus-mt-xsmall {
margin-top: calc(-1 * (var(--distance-max-xsmall) * 1px));
}
}
.section_minus-mt-small {
margin-top: calc(-1 * (var(--distance-min-small) * 1px));
}
@media screen and (min-width: 320px) {
.section_minus-mt-small {
margin-top: calc(-1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_minus-mt-small {
margin-top: calc(-1 * (var(--distance-max-small) * 1px));
}
}
.section_minus-mt {
margin-top: calc(-1 * (var(--distance-min-normal) * 1px));
}
@media screen and (min-width: 320px) {
.section_minus-mt {
margin-top: calc(-1 * (var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_minus-mt {
margin-top: calc(-1 * (var(--distance-max-normal) * 1px));
}
}
.section_minus-mt-large {
margin-top: calc(-1 * (var(--distance-min-large) * 1px));
}
@media screen and (min-width: 320px) {
.section_minus-mt-large {
margin-top: calc(-1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_minus-mt-large {
margin-top: calc(-1 * (var(--distance-max-large) * 1px));
}
}
.section_minus-mt-xlarge {
margin-top: calc(-1 * (var(--distance-min-xlarge) * 1px));
}
@media screen and (min-width: 320px) {
.section_minus-mt-xlarge {
margin-top: calc(-1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_minus-mt-xlarge {
margin-top: calc(-1 * (var(--distance-max-xlarge) * 1px));
}
}
.section_minus-mb-xsmall {
margin-bottom: calc(-1 * (var(--distance-min-xsmall) * 1px));
}
@media screen and (min-width: 320px) {
.section_minus-mb-xsmall {
margin-bottom: calc(-1 * (var(--distance-min-xsmall) * 1px + (var(--distance-max-xsmall) - var(--distance-min-xsmall)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_minus-mb-xsmall {
margin-bottom: calc(-1 * (var(--distance-max-xsmall) * 1px));
}
}
.section_minus-mb-small {
margin-bottom: calc(-1 * (var(--distance-min-small) * 1px));
}
@media screen and (min-width: 320px) {
.section_minus-mb-small {
margin-bottom: calc(-1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_minus-mb-small {
margin-bottom: calc(-1 * (var(--distance-max-small) * 1px));
}
}
.section_minus-mb {
margin-bottom: calc(-1 * (var(--distance-min-normal) * 1px));
}
@media screen and (min-width: 320px) {
.section_minus-mb {
margin-bottom: calc(-1 * (var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_minus-mb {
margin-bottom: calc(-1 * (var(--distance-max-normal) * 1px));
}
}
.section_minus-mb-large {
margin-bottom: calc(-1 * (var(--distance-min-large) * 1px));
}
@media screen and (min-width: 320px) {
.section_minus-mb-large {
margin-bottom: calc(-1 * (var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_minus-mb-large {
margin-bottom: calc(-1 * (var(--distance-max-large) * 1px));
}
}
.section_minus-mb-xlarge {
margin-bottom: calc(-1 * (var(--distance-min-xlarge) * 1px));
}
@media screen and (min-width: 320px) {
.section_minus-mb-xlarge {
margin-bottom: calc(-1 * (var(--distance-min-xlarge) * 1px + (var(--distance-max-xlarge) - var(--distance-min-xlarge)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section_minus-mb-xlarge {
margin-bottom: calc(-1 * (var(--distance-max-xlarge) * 1px));
}
}
.section-about__header {
position: relative;
margin-left: -100px;
margin-bottom: calc(1 * (30 * 1px));
}
@media screen and (min-width: 320px) {
.section-about__header {
margin-bottom: calc(1 * (30 * 1px + (50 - 30) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section-about__header {
margin-bottom: calc(1 * (50 * 1px));
}
}
.section-about__content {
margin-top: calc(1 * (var(--distance-min-normal) * 1px));
max-width: 550px;
z-index: 50;
}
@media screen and (min-width: 320px) {
.section-about__content {
margin-top: calc(1 * (var(--distance-min-normal) * 1px + (var(--distance-max-normal) - var(--distance-min-normal)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section-about__content {
margin-top: calc(1 * (var(--distance-max-normal) * 1px));
}
}
.section-about__heading {
margin-top: 0;
margin-bottom: 0;
}
.section-about__headline {
margin-top: 0;
margin-bottom: calc(1 * (30 * 1px));
}
@media screen and (min-width: 320px) {
.section-about__headline {
margin-bottom: calc(1 * (30 * 1px + (60 - 30) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section-about__headline {
margin-bottom: calc(1 * (60 * 1px));
}
}
.section-about__decor {
position: absolute;
top: -200px;
right: -100px;
z-index: -1;
}
.section-about__wrapper-counter {
padding-top: calc(25 * 1px);
padding-bottom: calc(25 * 1px);
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.section-about__wrapper-counter {
padding-top: calc(25 * 1px + (50 - 25) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-about__wrapper-counter {
padding-top: calc(50 * 1px);
}
}
@media screen and (min-width: 320px) {
.section-about__wrapper-counter {
padding-bottom: calc(25 * 1px + (50 - 25) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-about__wrapper-counter {
padding-bottom: calc(50 * 1px);
}
}
.section-about__wrapper-content > *:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
.section-about__content {
margin-top: 0;
max-width: 100%;
}
.section-about__header {
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.section-about__wrapper-img {
margin-top: calc(1 * (40 * 1px));
}
}
@media screen and (max-width: 991px) and (min-width: 320px) {
.section-about__wrapper-img {
margin-top: calc(1 * (40 * 1px + (80 - 40) * ((100vw - 320px) / 1600)));
}
}
@media screen and (max-width: 991px) and (min-width: 1920px) {
.section-about__wrapper-img {
margin-top: calc(1 * (80 * 1px));
}
}
.section-about.bg-dark .section-about__heading, .section-about.bg-dark-2 .section-about__heading, .section-about.bg-dark-3 .section-about__heading {
color: #ffffff;
}
.section-about.bg-dark .counter__number, .section-about.bg-dark-2 .counter__number, .section-about.bg-dark-3 .counter__number {
color: var(--color-accent-primary-1);
}
.section-about.bg-dark .counter__label, .section-about.bg-dark-2 .counter__label, .section-about.bg-dark-3 .counter__label {
color: #ffffff;
}
.section-awards__wrapper-item:first-child .figure-award {
padding-top: 0;
}
.section-awards__wrapper-item:last-child .figure-award {
padding-bottom: 0;
}
.section-awards__wrapper-item:last-child .figure-award__border-line {
display: none;
}
.section-awards.bg-dark .figure-award__border-line, .section-awards.bg-dark-2 .figure-award__border-line, .section-awards.bg-dark-3 .figure-award__border-line {
border-color: rgba(136, 136, 136, 0.1);
}
.section-blog .search-form {
margin-top: 2em;
}
.section-blog__wrapper-post {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid rgba(136, 136, 136, 0.3);
}
.section-blog__wrapper-post:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
@media only screen and (max-width: 767px) {
.section-blog__wrapper-post {
padding-bottom: 30px;
margin-bottom: 30px;
}
}
.section-contacts.bg-dark .figure-contact__icon, .section-contacts.bg-dark-2 .figure-contact__icon, .section-contacts.bg-dark-3 .figure-contact__icon {
color: var(--color-accent-primary-1);
}
.section-cta__line {
width: 1px;
height: 120px;
background-color: var(--color-accent-primary-1);
position: absolute;
top: -60px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 100;
}
.section-cta__heading {
margin-top: 0;
}
.section-cta__wrapper-button {
margin-top: calc(1 * (30 * 1px));
}
@media screen and (min-width: 320px) {
.section-cta__wrapper-button {
margin-top: calc(1 * (30 * 1px + (50 - 30) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section-cta__wrapper-button {
margin-top: calc(1 * (50 * 1px));
}
}
@media screen and (max-width: 991px) {
.section-cta__line {
height: 60px;
top: -30px;
}
}
.section-cta.bg-dark .section-cta__heading, .section-cta.bg-dark-2 .section-cta__heading, .section-cta.bg-dark-3 .section-cta__heading {
color: #ffffff;
}
.section-content__content {
margin-bottom: -1em;
}
.section-content__content *:first-child:not(.section-content__headline):not(.section-content__subheading) {
margin-top: 0 !important;
}
.section-content__header *:first-child:not(.section-content__headline):not(.section-content__subheading) {
margin-top: 0 !important;
}
.section-content__headline {
margin-top: 0 !important;
margin-bottom: 50px !important;
}
.section-content__header_mb {
margin-bottom: calc(1 * (0 * 1px));
}
@media screen and (min-width: 320px) {
.section-content__header_mb {
margin-bottom: calc(1 * (0 * 1px + (40 - 0) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section-content__header_mb {
margin-bottom: calc(1 * (40 * 1px));
}
}
.section-content__headline_right {
margin-left: auto;
}
.section-content__headline_left {
margin-right: auto;
}
.section-content__headline_center {
margin-left: auto;
margin-right: auto;
}
.section-content__subheading {
margin-top: 5px;
}
@media screen and (max-width: 1280px) {
.section-content__headline {
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 991px) {
.section-content__content {
margin-bottom: 0;
}
.section-content__content *:last-child {
margin-bottom: 0;
}
.section-content__header *:last-child {
margin-bottom: 0;
}
.section-content__headline {
margin-top: 0em !important;
}
.section-content__headline_right {
margin-left: 0;
margin-right: auto;
}
.section-content__subheading {
margin-top: 1em !important;
}
}
.section-features__wrapper-item {
padding-top: calc(25 * 1px);
padding-bottom: calc(25 * 1px);
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.section-features__wrapper-item {
padding-top: calc(25 * 1px + (50 - 25) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-features__wrapper-item {
padding-top: calc(50 * 1px);
}
}
@media screen and (min-width: 320px) {
.section-features__wrapper-item {
padding-bottom: calc(25 * 1px + (50 - 25) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-features__wrapper-item {
padding-bottom: calc(50 * 1px);
}
}
.section-features.bg-dark .figure-feature__heading, .section-features.bg-dark-2 .figure-feature__heading, .section-features.bg-dark-3 .figure-feature__heading {
color: #ffffff;
}
.section-fullscreen-slider.color-white .slider__dot:before {
background-color: #444C57;
}
.section-fullscreen-slider.color-white .slider__dot:after {
border-color: #ffffff;
}
.section-fullscreen-slider.color-white .slider__dot_active:before {
background-color: #ffffff;
border-color: #ffffff;
}
.section-fullscreen-slider__inner {
padding-top: 0;
padding-bottom: 0;
min-height: calc(var(--fix-bar-vh, 1vh) * 100);
}
.section-image {
display: flex;
flex-direction: column;
}
.section-image__content {
margin-top: 40px;
}
.section-image__wrapper {
position: relative;
width: 100%;
height: 100%;
}
.section-image__caption {
display: inline-block;
font-weight: bold;
margin-top: 1em;
}
.section-image__caption-vertical-left {
position: absolute;
bottom: -1em;
left: -2em;
transform: rotate(-90deg);
transform-origin: left center;
text-align: left;
}
.section-image__caption-vertical-right {
position: absolute;
top: -2em;
right: -2em;
transform: rotate(-90deg);
transform-origin: right center;
text-align: left;
}
.section-image__wrapper_absolute {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.section-image__overlay {
z-index: 0;
}
@media screen and (max-width: 1280px) {
.section-image__caption-vertical-left {
left: -1.5em;
}
.section-image__caption-vertical-right {
right: -1.5em;
}
}
@media screen and (max-width: 991px) {
.section-image__caption-vertical-left, .section-image__caption-vertical-right {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
transform: none;
padding: 0 20px;
margin-top: 1em;
text-align: center;
width: 100%;
}
}
.section-intro__heading {
font-size: calc(58 * 1px);
margin-bottom: 0.4em !important;
}
@media screen and (min-width: 320px) {
.section-intro__heading {
font-size: calc(58 * 1px + (107 - 58) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-intro__heading {
font-size: calc(107 * 1px);
}
}
@media screen and (max-width: 991px) {
.section-intro__heading {
margin-bottom: 0.25em !important;
}
}
.section-latest-posts.bg-dark .figure-post__heading, .section-latest-posts.bg-dark-2 .figure-post__heading, .section-latest-posts.bg-dark-3 .figure-post__heading {
color: #ffffff;
}
.section-masthead {
overflow: hidden;
}
.section-masthead__header h1 {
margin-bottom: 0.75em;
}
.section-masthead__header svg {
max-width: 330px;
opacity: 0;
}
.section-masthead__background_fullscreen {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
}
.section-masthead__overlay {
z-index: 0;
}
.section-masthead__inner {
position: relative;
z-index: 50;
}
.section-masthead__wrapper-scroll-down {
position: absolute;
left: 0;
right: 0;
bottom: 30px;
text-align: center;
z-index: 50;
}
.section-masthead__inner_background {
width: 760px;
max-width: 50vw;
padding-left: 50px;
padding-right: 50px;
background: none;
}
.section-masthead__inner_background-left {
margin-right: auto;
margin-left: 0;
padding-left: 120px;
padding-right: 30px;
}
.section-masthead__inner_background-left .section-masthead__wrapper-scroll-down {
left: 80px;
right: auto;
}
.section-masthead__inner_background-right {
margin-left: auto;
margin-right: 0;
padding-left: 120px;
padding-right: 30px;
}
.section-masthead__inner_background-right .section-masthead__wrapper-scroll-down {
left: 80px;
right: auto;
}
.section-masthead__background-right {
left: 760px;
}
.section-masthead__background-left {
right: 760px;
}
.section-masthead__meta {
display: inline-flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 -1em 1em;
max-width: 100%;
}
.section-masthead__meta .post-preview__meta {
margin: 1em;
max-width: 100%;
font-size: calc(13 * 1px);
}
@media screen and (min-width: 320px) {
.section-masthead__meta .post-preview__meta {
font-size: calc(13 * 1px + (16 - 13) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-masthead__meta .post-preview__meta {
font-size: calc(16 * 1px);
}
}
.section-masthead__meta .post-preview__meta a {
color: #444C57;
}
.section-masthead__meta .post-preview__date a {
color: var(--color-accent-primary-1);
}
.section-masthead__curtain {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 95%;
}
.section-masthead_big-heading {
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.section-masthead__heading-big {
margin-top: 0;
margin-bottom: 0;
color: #444C57;
opacity: .3;
}
.section-masthead__wrapper-button {
margin-top: 2em;
}
@media screen and (max-width: 1400px) {
.section-masthead__inner_background-left {
padding-left: 80px;
}
.section-masthead__inner_background-left .section-masthead__wrapper-scroll-down {
left: 40px;
}
.section-masthead__inner_background-right {
padding-left: 80px;
}
.section-masthead__inner_background-right .section-masthead__wrapper-scroll-down {
left: 40px;
}
}
@media screen and (max-width: 1280px) {
.section-masthead__inner_background-left {
padding-left: 60px;
}
.section-masthead__inner_background-left .section-masthead__wrapper-scroll-down {
left: 20px;
}
.section-masthead__inner_background-right {
padding-left: 60px;
}
.section-masthead__inner_background-right .section-masthead__wrapper-scroll-down {
left: 20px;
}
}
@media screen and (max-width: 991px) {
.section-masthead__meta .post-preview__meta {
margin: 0.5em;
}
.section-masthead__meta .post-preview__wrapper-meta {
margin: -0.5em -0.5em 0.5em;
}
.section-masthead__meta .post-preview__date {
display: block;
width: 100%;
}
.section-masthead__curtain {
opacity: 0;
mix-blend-mode: multiply;
}
.section-masthead__header {
opacity: 0;
}
.section-masthead__inner_background {
max-width: 100vw;
width: 100%;
}
.section-masthead__inner_background-left {
padding-left: 20px;
}
.section-masthead__inner_background-left .section-masthead__wrapper-scroll-down {
left: 20px;
right: 20px;
margin: 0 auto;
}
.section-masthead__inner_background-right {
padding-left: 20px;
}
.section-masthead__inner_background-right .section-masthead__wrapper-scroll-down {
left: 20px;
right: 20px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.section-masthead__inner_background {
padding-left: 20px;
padding-right: 20px;
}
.section-masthead__wrapper-scroll-down {
bottom: 20px;
}
}
.section-nav-projects__inner {
position: relative;
flex-wrap: wrap;
align-items: center;
padding-top: calc(var(--distance-min-small) * 1px);
padding-bottom: calc(var(--distance-min-small) * 1px);
overflow: hidden;
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.section-nav-projects__inner {
padding-top: calc(var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-nav-projects__inner {
padding-top: calc(var(--distance-max-small) * 1px);
}
}
@media screen and (min-width: 320px) {
.section-nav-projects__inner {
padding-bottom: calc(var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-nav-projects__inner {
padding-bottom: calc(var(--distance-max-small) * 1px);
}
}
.section-nav-projects__inner_all {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.section-nav-projects__inner_prev {
text-align: left;
justify-content: flex-start;
}
.section-nav-projects__inner_next {
text-align: right;
justify-content: flex-end;
}
.section-nav-projects__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: inline-block;
font-size: 32px !important;
}
.section-nav-projects__arrow_prev {
left: 120px;
}
.section-nav-projects__arrow_next {
right: 120px;
}
.section-nav-projects__heading {
font-size: calc(34 * 1px);
font-weight: bold;
line-height: 1.28;
margin-bottom: 0.25em;
}
@media screen and (min-width: 320px) {
.section-nav-projects__heading {
font-size: calc(34 * 1px + (52 - 34) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-nav-projects__heading {
font-size: calc(52 * 1px);
}
}
.section-nav-projects__wrapper-heading_prev {
padding-right: 20px;
padding-left: 120px;
}
.section-nav-projects__wrapper-heading_next {
padding-left: 20px;
padding-right: 120px;
}
@media screen and (max-width: 1400px) {
.section-nav-projects__arrow_prev {
left: 70px;
}
.section-nav-projects__arrow_next {
right: 70px;
}
.section-nav-projects__wrapper-heading_prev {
padding-left: 80px;
}
.section-nav-projects__wrapper-heading_next {
padding-right: 80px;
}
}
@media screen and (max-width: 1280px) {
.section-nav-projects__arrow_prev {
left: 40px;
}
.section-nav-projects__arrow_next {
right: 40px;
}
.section-nav-projects__wrapper-heading_prev {
padding-left: 50px;
}
.section-nav-projects__wrapper-heading_next {
padding-right: 50px;
}
}
@media screen and (max-width: 991px) {
.section-nav-projects__arrow_prev {
left: 10px;
}
.section-nav-projects__arrow_next {
right: 10px;
}
.section-nav-projects__wrapper-heading_prev {
padding-left: 20px;
}
.section-nav-projects__wrapper-heading_next {
padding-right: 20px;
}
}
@media screen and (max-width: 767px) {
.section-nav-projects__inner_prev {
text-align: center;
justify-content: center;
}
.section-nav-projects__inner_next {
text-align: center;
justify-content: center;
}
.section-nav-projects__inner:not(:last-child) {
border-bottom: 1px solid rgba(204, 204, 204, 0.3);
}
.section-nav-projects__arrow {
position: relative;
top: auto;
right: auto;
left: auto;
transform: none;
margin-top: 0.25em;
font-size: 24px !important;
}
.section-nav-projects__inner {
flex-direction: column;
}
}
.section-nav-projects.bg-white .section-nav-projects__inner:hover {
background-color: #f8f8f8;
}
.section-nav-projects.bg-off-white .section-nav-projects__inner {
color: var(--color-accent-primary-3);
}
.section-nav-projects.bg-off-white .section-nav-projects__inner:hover {
background-color: #ffffff;
}
.section-nav-projects.bg-light .section-nav-projects__inner {
color: var(--color-accent-primary-3);
}
.section-nav-projects.bg-light .section-nav-projects__inner:hover {
background-color: #f7f5f0;
}
.section-nav-projects.bg-black .section-nav-projects__inner:hover {
background-color: #181818;
}
.section-nav-projects.bg-dark .section-nav-projects__inner:hover {
background-color: #222222;
}
.section-nav-projects.bg-dark-2 .section-nav-projects__inner:hover {
background-color: #333333;
}
.section-nav-projects.bg-dark-3 .section-nav-projects__inner:hover {
background-color: #222222;
}
.section-nav-projects.bg-accent-primary-1 .section-nav-projects__inner {
color: #ffffff;
}
.section-nav-projects.bg-accent-primary-1 .section-nav-projects__inner:hover {
background-color: #333333;
}
.section-nav-projects.bg-accent-primary-1 .button-circles__circle svg .circle {
stroke: #ffffff;
}
.section-nav-projects.bg-accent-primary-1 .button-circles__circle {
border-color: #ffffff;
}
.section-nav-projects.bg-accent-primary-2 .section-nav-projects__inner {
color: var(--color-accent-primary-3);
}
.section-nav-projects.bg-accent-primary-2 .section-nav-projects__inner:hover {
background-color: #f7f5f0;
}
.section-nav-projects.bg-accent-primary-3 .section-nav-projects__inner {
color: var(--color-accent-primary-1);
}
.section-nav-projects.bg-accent-primary-3 .section-nav-projects__inner:hover {
background-color: #f8f8f8;
}
.section-nav-projects.bg-accent-primary-4 .section-nav-projects__inner {
color: #ffffff;
}
.section-nav-projects.bg-accent-primary-4 .section-nav-projects__inner:hover {
background-color: #333333;
}
.section-nav-projects.bg-accent-primary-4 .button-circles__circle svg .circle {
stroke: #ffffff;
}
.section-nav-projects.bg-accent-primary-4 .button-circles__circle {
border-color: #ffffff;
}
.section-nav-projects.bg-accent-secondary-1 .section-nav-projects__inner {
color: #ffffff;
}
.section-nav-projects.bg-accent-secondary-1 .button-circles__circle svg .circle {
stroke: #ffffff;
}
.section-nav-projects.bg-accent-secondary-1 .button-circles__circle {
border-color: #ffffff;
}
.section-nav-projects.bg-accent-secondary-2 .section-nav-projects__inner {
color: #ffffff;
}
.section-nav-projects.bg-accent-secondary-2 .section-nav-projects__inner:hover {
background-color: var(--color-accent-secondary-1);
}
.section-nav-projects.bg-accent-secondary-2 .button-circles__circle svg .circle {
stroke: #ffffff;
}
.section-nav-projects.bg-accent-secondary-2 .button-circles__circle {
border-color: #ffffff;
}
.section-nav-projects.bg-accent-secondary-3 .section-nav-projects__inner {
color: #f8f8f8;
}
.section-nav-projects.bg-accent-secondary-3 .button-circles__circle svg .circle {
stroke: #f8f8f8;
}
.section-nav-projects.bg-accent-secondary-4 .section-nav-projects__inner {
color: var(--color-accent-primary-1);
}
.section-nav-projects.bg-accent-secondary-4 .section-nav-projects__inner:hover {
background-color: var(--color-accent-secondary-3);
}
.section-nav-projects.bg-accent-secondary-4 .button-circles__circle svg .circle {
stroke: var(--color-accent-primary-1);
}
.section-portfolio__wrapper-tabs {
margin-bottom: calc(1 * (var(--distance-min-small) * 1px));
}
@media screen and (min-width: 320px) {
.section-portfolio__wrapper-tabs {
margin-bottom: calc(1 * (var(--distance-min-small) * 1px + (var(--distance-max-small) - var(--distance-min-small)) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section-portfolio__wrapper-tabs {
margin-bottom: calc(1 * (var(--distance-max-small) * 1px));
}
}
@media screen and (max-width: 991px) {
.section-properties__item {
padding-top: calc(var(--distance-min-small)/3 * 1px);
padding-bottom: calc(var(--distance-min-small)/3 * 1px);
}
}
@media screen and (max-width: 991px) and (min-width: 320px) and (max-width: 991px) {
.section-properties__item {
padding-top: calc(var(--distance-min-small)/3 * 1px + (var(--distance-max-small)/2 - var(--distance-min-small)/3) * ((100vw - 320px) / 671));
}
}
@media screen and (max-width: 991px) and (min-width: 991px) {
.section-properties__item {
padding-top: calc(var(--distance-max-small)/2 * 1px);
}
}
@media screen and (max-width: 991px) and (min-width: 320px) {
.section-properties__item {
padding-bottom: calc(var(--distance-min-small)/3 * 1px + (var(--distance-max-small)/2 - var(--distance-min-small)/3) * ((100vw - 320px) / 671));
}
}
@media screen and (max-width: 991px) and (min-width: 991px) {
.section-properties__item {
padding-bottom: calc(var(--distance-max-small)/2 * 1px);
}
}
@media screen and (max-width: 576px) {
.section-properties__item:first-of-type {
padding-top: 0;
}
.section-properties__item:last-of-type {
padding-bottom: 0;
}
}
.section-services {
background: none;
}
.section-services__inner {
position: relative;
}
.section-services__bg {
position: absolute;
top: 0;
left: 0;
width: calc(100% - ( (100vw - 1140px) / 2) - 20px);
height: 100%;
}
.section-services__counter {
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
}
@media screen and (min-width: 320px) {
.section-services__counter {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-services__counter {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.section-services__wrapper-item {
position: relative;
padding-top: calc(40 * 1px);
padding-bottom: calc(40 * 1px);
z-index: 50;
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.section-services__wrapper-item {
padding-top: calc(40 * 1px + (120 - 40) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-services__wrapper-item {
padding-top: calc(120 * 1px);
}
}
@media screen and (min-width: 320px) {
.section-services__wrapper-item {
padding-bottom: calc(40 * 1px + (120 - 40) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-services__wrapper-item {
padding-bottom: calc(120 * 1px);
}
}
.section-services__wrapper-item:not(:last-child) .section-services__border-line {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(136, 136, 136, 0.3);
width: 100%;
height: 1px;
display: none;
}
@media screen and (max-width: 991px) {
.section-services__wrapper-item:not(:last-child) .section-services__border-line {
display: block;
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
background-color: rgba(136, 136, 136, 0.3);
width: auto;
height: 1px;
}
.section-services__heading {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
}
@media screen and (max-width: 1140px) {
.section-services__bg {
width: 100%;
}
}
.section-services.bg-dark .section-services__heading, .section-services.bg-dark-2 .section-services__heading, .section-services.bg-dark-3 .section-services__heading {
color: #ffffff;
}
.section-services.bg-dark .section-services__link, .section-services.bg-dark-2 .section-services__link, .section-services.bg-dark-3 .section-services__link {
color: var(--color-accent-primary-3);
}
.section-services.bg-dark .section-services__link:hover, .section-services.bg-dark-2 .section-services__link:hover, .section-services.bg-dark-3 .section-services__link:hover {
color: var(--color-accent-primary-1);
}
.section-team {
margin-top: calc(-1 * (25 * 1px));
margin-bottom: calc(-1 * (25 * 1px));
}
@media screen and (min-width: 320px) {
.section-team {
margin-top: calc(-1 * (25 * 1px + (30 - 25) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section-team {
margin-top: calc(-1 * (30 * 1px));
}
}
@media screen and (min-width: 320px) {
.section-team {
margin-bottom: calc(-1 * (25 * 1px + (30 - 25) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.section-team {
margin-bottom: calc(-1 * (30 * 1px));
}
}
.section-team__wrapper-item {
padding-top: calc(25 * 1px);
padding-bottom: calc(25 * 1px);
}
@media screen and (min-width: 320px) and (max-width: 1920px) {
.section-team__wrapper-item {
padding-top: calc(25 * 1px + (50 - 25) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-team__wrapper-item {
padding-top: calc(50 * 1px);
}
}
@media screen and (min-width: 320px) {
.section-team__wrapper-item {
padding-bottom: calc(25 * 1px + (50 - 25) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-team__wrapper-item {
padding-bottom: calc(50 * 1px);
}
}
.section-team.bg-dark .figure-member__heading, .section-team.bg-dark-2 .figure-member__heading, .section-team.bg-dark-3 .figure-member__heading {
color: #ffffff;
}
.section-team.bg-dark .social__item a, .section-team.bg-dark-2 .social__item a, .section-team.bg-dark-3 .social__item a {
color: #ffffff;
}
.section-team.bg-dark .social__item a:hover, .section-team.bg-dark-2 .social__item a:hover, .section-team.bg-dark-3 .social__item a:hover {
color: var(--color-accent-primary-1);
}
.section-slider.bg-dark-3 .slider__counter_current {
color: var(--color-accent-primary-1);
}
.section-slider.bg-dark-3 .slider__dot .circle {
stroke: var(--color-accent-primary-1);
}
.section-slider.bg-accent-primary-1 .slider__dot {
border-color: rgba(204, 204, 204, 0.3);
}
.section-slider.bg-accent-primary-1 .slider__dot .circle {
stroke: #ffffff;
}
.section-slider.bg-accent-primary-1 .slider__arrow {
color: #ffffff;
}
.section-slider.bg-accent-primary-1 .slider__arrows-divider, .section-slider.bg-accent-primary-1 .slider__counter-divider {
background-color: rgba(204, 204, 204, 0.3);
}
.section-slider.bg-accent-primary-1 .slider__counter_current {
color: #ffffff;
}
.section-slider.bg-accent-primary-1 .slider__counter_total {
color: #181818;
}
.section-slider.bg-accent-primary-2 .slider__counter_current {
color: var(--color-accent-primary-1);
}
.section-slider.bg-accent-primary-2 .slider__dot .circle {
stroke: var(--color-accent-primary-1);
}
.section-slider.bg-accent-primary-3 .slider__dot .circle {
stroke: #ffffff;
}
.section-slider.bg-accent-primary-3 .slider__arrow {
color: #ffffff;
}
.section-slider.bg-accent-primary-3 .slider__counter_current {
color: #ffffff;
}
.section-slider.bg-accent-primary-3 .slider__counter_total {
color: #181818;
}
.section-slider.bg-accent-primary-4 .slider__dot {
border-color: rgba(204, 204, 204, 0.3);
}
.section-slider.bg-accent-primary-4 .slider__dot .circle {
stroke: #ffffff;
}
.section-slider.bg-accent-primary-4 .slider__arrow {
color: #ffffff;
}
.section-slider.bg-accent-primary-4 .slider__arrows-divider, .section-slider.bg-accent-primary-4 .slider__counter-divider {
background-color: rgba(204, 204, 204, 0.3);
}
.section-slider.bg-accent-primary-4 .slider__counter_current {
color: #ffffff;
}
.section-slider.bg-accent-primary-4 .slider__counter_total {
color: #181818;
}
.section-slider.bg-accent-secondary-1 .slider__dot {
border-color: rgba(204, 204, 204, 0.3);
}
.section-slider.bg-accent-secondary-1 .slider__dot .circle {
stroke: #ffffff;
}
.section-slider.bg-accent-secondary-1 .slider__arrow {
color: #ffffff;
}
.section-slider.bg-accent-secondary-1 .slider__arrows-divider, .section-slider.bg-accent-secondary-1 .slider__counter-divider {
background-color: rgba(204, 204, 204, 0.3);
}
.section-slider.bg-accent-secondary-1 .slider__counter_current {
color: #ffffff;
}
.section-slider.bg-accent-secondary-1 .slider__counter_total {
color: #181818;
}
.section-slider.bg-accent-secondary-3 .slider__counter_current {
color: var(--color-accent-primary-1);
}
.section-slider.bg-accent-secondary-3 .slider__dot .circle {
stroke: var(--color-accent-primary-1);
}
.section-slider.bg-accent-secondary-4 .slider__counter_current {
color: var(--color-accent-primary-1);
}
.section-slider.bg-accent-secondary-4 .slider__dot .circle {
stroke: var(--color-accent-primary-1);
}
.section-testimonials.bg-dark .slider-testimonials__text, .section-testimonials.bg-dark-2 .slider-testimonials__text, .section-testimonials.bg-dark-3 .slider-testimonials__text {
color: #ffffff;
}
.section-video {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.section-video__link {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
z-index: 100;
}
.section-video__link:hover {
border-color: var(--color-accent-primary-1);
color: var(--color-accent-primary-1);
}
.section-video__link:focus {
opacity: 1;
}
.section-video__icon {
position: relative;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 160px;
height: 160px;
border-radius: 100%;
border: 2px solid rgba(136, 136, 136, 0.3);
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
font-weight: bold;
color: #ffffff;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media screen and (min-width: 320px) {
.section-video__icon {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.section-video__icon {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.section-video__icon:hover {
color: var(--color-accent-primary-1);
}
.section-video__icon svg {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
width: 160px;
height: 160px;
border-radius: 100%;
stroke-width: 1px;
z-index: 50;
}
.section-video__icon svg .circle {
stroke: var(--color-accent-primary-1);
}
.section-video__overlay {
z-index: 0;
}
@media screen and (max-width: 767px) {
.section-video__icon {
width: 120px;
height: 120px;
}
.section-video__icon svg {
width: 120px;
height: 120px;
}
}
select {
display: block;
border: 1px solid rgba(136, 136, 136, 0.3);
padding: 10px 35px 10px 15px;
background-color: transparent;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//4webdemo.ca/wp-content/themes/charleshuot/assets/img/general/select.png);
background-position: right 15px bottom 50%;
background-repeat: no-repeat;
background-size: 6px 4px;
}
.sidebar_no-margin-last-widget .widget:last-child {
margin-bottom: 0;
}
.sidebar .widget {
margin-bottom: 50px;
}
.sidebar .search-form {
margin-top: 0;
}
@media only screen and (max-width: 991px) {
.sidebar {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.sidebar {
margin-top: 60px;
}
}
.slider:not(.container) {
max-width: 100%;
}
.slider_offset-top {
margin-top: -200px;
padding-bottom: 200px;
}
.slider__bg {
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.slider__images-slide-inner {
transition: transform 2.4s ease;
transform: scale(1.05);
width: 100%;
height: 100%;
}
.slider__images-slide {
overflow: hidden;
}
.slider__images-slide.swiper-slide-active .slider__images-slide-inner {
transform: scale(1);
}
.slider__images-slide .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) .slider__images-slide-inner {
display: none !important;
}
.slider__counter {
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
height: 24px;
}
@media screen and (min-width: 320px) {
.slider__counter {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.slider__counter {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.slider__counter_current {
color: var(--color-accent-primary-3);
}
.slider__counter_total {
color: #444C57;
}
.slider__link {
display: block;
}
.slider__progress {
display: inline-flex;
align-items: center;
}
.slider__progressbar {
position: relative;
width: 180px;
height: 1px;
background: #444C57;
}
.slider__progressbar-fill {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background-color: #181818;
transform-origin: left center;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.slider__dot {
position: relative;
width: 14px;
height: 14px;
margin: 0 8px;
cursor: pointer;
outline: none;
display: inline-block;
border: 2px solid rgba(136, 136, 136, 0.3);
border-radius: 100%;
vertical-align: middle;
z-index: 50;
}
.slider__dot svg {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
width: 14px;
height: 14px;
border-radius: 100%;
stroke-width: 42px;
z-index: 50;
}
.slider__dot svg .circle {
stroke: var(--color-accent-primary-1);
}
.slider__dots {
display: inline-flex;
height: 24px;
}
.slider__arrows {
display: inline-flex;
align-items: center;
}
.slider__arrows-divider, .slider__counter-divider {
width: 1px;
height: 18px;
background-color: rgba(136, 136, 136, 0.3);
transform: rotate(45deg);
margin-left: 40px;
margin-right: 40px;
}
.slider__arrow {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
outline: none;
width: 24px;
height: 24px;
color: #444C57;
}
.slider__arrow i {
font-size: 24px;
}
.slider__arrow.swiper-button-disabled {
opacity: 0.3;
color: #444C57;
}
.slider__arrow:hover {
color: var(--color-accent-primary-3);
}
.slider__footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding-bottom: 80px;
padding-left: 0;
padding-right: 0;
z-index: 50;
}
.slide__arrow_prev_centered {
position: absolute;
top: 50%;
left: 0;
padding-left: 120px;
transform: translateY(-50%);
z-index: 50;
}
.slide__arrow_next_centered {
position: absolute;
top: 50%;
right: 0;
padding-right: 120px;
transform: translateY(-50%);
z-index: 50;
}
.slider__footer_half {
width: 50%;
}
.slider__footer_left {
margin-right: auto;
}
.slider__footer_right {
margin-left: auto;
}
.swiper-lazy {
opacity: 0;
visibility: hidden;
transition: opacity 0.6s ease;
}
.swiper-lazy-loaded {
opacity: 1;
visibility: visible;
}
.slider__footer-relative {
padding-top: 30px;
}
.slider__overlay {
z-index: 1;
}
.slider__overlay_solid {
opacity: 1;
mix-blend-mode: normal;
}
.slider__progress {
vertical-align: top;
}
@media screen and (max-width: 1400px) {
.slider__footer {
padding-bottom: 60px;
}
.slide__arrow_prev_centered {
padding-left: 80px;
}
.slide__arrow_next_centered {
padding-right: 80px;
}
}
@media screen and (max-width: 1280px) {
.slider__footer {
padding-bottom: 40px;
}
.slide__arrow_prev_centered {
padding-left: 50px;
}
.slide__arrow_next_centered {
padding-right: 50px;
}
}
@media screen and (max-height: 800px) and (min-width: 991px) {
.slider__footer {
padding-bottom: 40px;
}
}
@media screen and (max-width: 991px) {
.slider__footer {
padding-bottom: 20px;
}
.slider__footer_halfscreen {
padding-top: 20px;
padding-bottom: 0;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.slide__arrow_prev_centered {
padding-left: 30px;
}
.slide__arrow_next_centered {
padding-right: 30px;
}
.slider-halfscreen__container {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 767px) {
.slider__footer-relative {
padding-top: 20px;
}
.slider__footer-col {
padding-top: 10px;
}
.slider__footer-col.text-left, .slider__footer-col.text-center, .slider__footer-col.text-right {
text-align: center !important;
}
.slider__arrows-divider, .slider__counter-divider {
margin-left: 20px;
margin-right: 20px;
}
.slider__counter {
height: 18px;
}
.slider__arrow {
width: 18px;
height: 18px;
}
.slider__arrow i {
font-size: 18px;
}
.slider__progress, .slider__arrows, .slider__dots {
vertical-align: top;
}
.slider__dots {
height: 18px;
}
}
.slider-fullscreen {
position: relative;
height: calc(var(--fix-bar-vh, 1vh) * 100);
}
.slider-fullscreen__header h1 {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
.slider-fullscreen__images {
position: relative;
width: 100%;
height: 100%;
}
.slider-fullscreen__images-slide {
will-change: transform;
}
.slider-fullscreen__content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-bottom: 80px;
z-index: 60;
}
.slider-fullscreen__content_centered {
top: 50%;
transform: translateY(-50%);
bottom: auto;
padding-bottom: 0;
}
.slider-fullscreen__footer {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
z-index: 50;
}
.slider-fullscreen__footer-inner {
position: relative;
height: 100px;
}
.slider-fullscreen__footer-divider {
position: absolute;
top: 50%;
left: 0;
background-color: rgba(255, 255, 255, 0.1);
width: 100%;
height: 1px;
transform: translateY(-50%);
}
.slider-fullscreen__arrows {
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.slider-fullscreen__progress {
flex-direction: column;
justify-content: space-between;
height: 100%;
width: 50px;
}
.slider-fullscreen__counter-divider {
position: absolute;
top: -1px;
left: 0;
right: 0;
bottom: 0;
margin: auto !important;
transform: none !important;
width: 50px !important;
height: 1px !important;
transform: none !important;
}
.slider-fullscreen__wrapper-button {
margin-top: calc(1 * (20 * 1px));
}
@media screen and (min-width: 320px) {
.slider-fullscreen__wrapper-button {
margin-top: calc(1 * (20 * 1px + (40 - 20) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.slider-fullscreen__wrapper-button {
margin-top: calc(1 * (40 * 1px));
}
}
@media screen and (max-width: 1400px) {
.slider-fullscreen__content {
padding-bottom: 60px;
}
}
@media screen and (max-width: 1280px) {
.slider-fullscreen__content {
padding-bottom: 25px;
}
}
.slider-halfscreen {
max-height: 100vh;
height: 100%;
overflow: hidden;
padding-top: 150px;
padding-bottom: 160px;
}
.slider-halfscreen_fullheight {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
}
.slider-halfscreen__header p {
max-width: 600px;
}
.slider-halfscreen__wrapper-button {
margin-top: calc(1 * (30 * 1px));
}
@media screen and (min-width: 320px) {
.slider-halfscreen__wrapper-button {
margin-top: calc(1 * (30 * 1px + (50 - 30) * ((100vw - 320px) / 1600)));
}
}
@media screen and (min-width: 1920px) {
.slider-halfscreen__wrapper-button {
margin-top: calc(1 * (50 * 1px));
}
}
.slider-halfscreen__arrows_centered {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
z-index: 50;
}
.slider-halfscreen__content_padding {
padding: 120px;
}
@media screen and (max-width: 1400px) {
.slider-halfscreen:not(.slider-halfscreen_fullheight) {
padding-top: 120px;
padding-bottom: 130px;
}
.slider-halfscreen__content_padding {
padding: 80px;
}
}
@media screen and (max-width: 1280px) {
.slider-halfscreen:not(.slider-halfscreen_fullheight) {
padding-top: 100px;
padding-bottom: 110px;
}
.slider-halfscreen__content_padding {
padding: 60px;
}
}
@media screen and (max-height: 800px) and (min-width: 991px) {
.slider-halfscreen:not(.slider-halfscreen_fullheight) {
padding-top: 100px;
padding-bottom: 110px;
}
}
@media screen and (max-width: 991px) {
.slider-halfscreen, .slider-halfscreen:not(.slider-halfscreen_fullheight) {
padding-top: calc(var(--distance-min-large) * 1px);
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
max-height: unset;
height: auto !important;
}
}
@media screen and (max-width: 991px) and (min-width: 320px) and (max-width: 1920px) {
.slider-halfscreen, .slider-halfscreen:not(.slider-halfscreen_fullheight) {
padding-top: calc(var(--distance-min-large) * 1px + (var(--distance-max-large) - var(--distance-min-large)) * ((100vw - 320px) / 1600));
}
}
@media screen and (max-width: 991px) and (min-width: 1920px) {
.slider-halfscreen, .slider-halfscreen:not(.slider-halfscreen_fullheight) {
padding-top: calc(var(--distance-max-large) * 1px);
}
}
@media screen and (max-width: 991px) {
.slider-halfscreen__images {
height: 33vh !important;
}
.slider-halfscreen__content {
margin-bottom: 40px;
margin-bottom: calc(1 * (40 * 1px));
padding: 0 20px;
}
}
@media screen and (max-width: 991px) and (min-width: 320px) {
.slider-halfscreen__content {
margin-bottom: calc(1 * (40 * 1px + (50 - 40) * ((100vw - 320px) / 671)));
}
}
@media screen and (max-width: 991px) and (min-width: 991px) {
.slider-halfscreen__content {
margin-bottom: calc(1 * (50 * 1px));
}
}
@media screen and (max-width: 991px) {
.slider__footer_half {
width: 100%;
}
}
.slider-letters {
width: 100%;
height: 100%;
}
.vector-letter:not(:first-child) {
visibility: hidden;
}
svg.vector-letters {
height: 130px;
}
.slider-testimonials__text {
font-weight: 300;
font-style: italic;
margin-top: 0;
}
.slider-testimonials__author {
display: flex;
align-items: center;
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
color: var(--color-accent-primary-3);
margin-top: 3em;
}
@media screen and (min-width: 320px) {
.slider-testimonials__author {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.slider-testimonials__author {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.slider-testimonials__author-line {
width: 60px;
height: 1px;
background-color: var(--color-accent-primary-1);
margin-right: 2em;
}
.slider-testimonials__footer {
margin-top: 30px;
}
.slider-projects__footer {
padding-top: 30px;
}
.slider-images {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.slider-images_footer-bottom .slider-images__footer {
padding-top: 30px;
order: 1;
}
.slider-images_footer-top .slider-images__footer {
padding-bottom: 30px;
order: -1;
}
.slider-images__caption {
font-weight: bold;
width: 100%;
}
.slider-images__slider-captions {
height: 28px;
}
@media screen and (max-width: 991px) {
.slider-images_footer-bottom .slider-images__footer {
padding-top: 10px;
}
.slider-images_footer-top .slider-images__footer {
padding-bottom: 10px;
}
}
.social {
list-style-type: none;
padding: 0;
margin: 0;
margin-left: -16px;
margin-right: -16px;
}
.elementor-editor-active [data-os-animation] .split-text {
opacity: 1;
visibility: visible;
}
.clone .split-text__line {
position: static !important;
}
.clone .split-text__word {
position: static !important;
}
.tagcloud ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.tagcloud ul li {
display: inline-block !important;
margin-bottom: 0 !important;
}
.tagcloud ul li a {
display: inline-block;
font-size: 13px;
background-color: #f7f5f0;
padding: 7px 15px;
margin-bottom: 6px;
margin-right: 4px;
border-radius: 100px;
}
.tagcloud ul li a:hover {
color: #ffffff !important;
}
.transition-curtain {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 400;
display: none;
transition: background-color 0.6s ease-in-out;
will-change: background-color;
}
.text-xl {
font-size: calc(var(--xl-min-font-size) * 1px);
line-height: var(--xl-line-height);
}
@media screen and (min-width: 320px) {
.text-xl {
font-size: calc(var(--xl-min-font-size) * 1px + (var(--xl-max-font-size) - var(--xl-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.text-xl {
font-size: calc(var(--xl-max-font-size) * 1px);
}
}
.text-xxl {
font-size: calc(var(--xxl-min-font-size) * 1px);
line-height: var(--xxl-line-height);
}
@media screen and (min-width: 320px) {
.text-xxl {
font-size: calc(var(--xxl-min-font-size) * 1px + (var(--xxl-max-font-size) - var(--xxl-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.text-xxl {
font-size: calc(var(--xxl-max-font-size) * 1px);
}
}
.bg-accent-secondary-1 h1, .bg-accent-secondary-1 h2, .bg-accent-secondary-1 h3, .bg-accent-secondary-1 h4, .bg-accent-secondary-1 h5, .bg-accent-secondary-1 h6, .bg-accent-secondary-1 .section-nav-projects__heading {
color: var(--color-accent-primary-2);
}
.bg-accent-secondary-1 .section__headline {
background-color: var(--color-accent-primary-2);
}
.bg-accent-secondary-2 h1, .bg-accent-secondary-2 h2, .bg-accent-secondary-2 h3, .bg-accent-secondary-2 h4, .bg-accent-secondary-2 h5, .bg-accent-secondary-2 h6, .bg-accent-secondary-2 .section-nav-projects__heading {
color: var(--color-accent-primary-3);
}
.bg-accent-secondary-3 h1, .bg-accent-secondary-3 h2, .bg-accent-secondary-3 h3, .bg-accent-secondary-3 h4, .bg-accent-secondary-3 h5, .bg-accent-secondary-3 h6, .bg-accent-secondary-3 .section-nav-projects__heading {
color: var(--color-accent-primary-3);
}
.bg-accent-secondary-4 h1, .bg-accent-secondary-4 h2, .bg-accent-secondary-4 h3, .bg-accent-secondary-4 h4, .bg-accent-secondary-4 h5, .bg-accent-secondary-4 h6, .bg-accent-secondary-4 .section-nav-projects__heading {
color: var(--color-accent-primary-3);
}
.bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4, .bg-black h5, .bg-black h6, .bg-black .section-nav-projects__heading {
color: var(--color-accent-primary-3);
}
.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark .section-nav-projects__heading {
color: var(--color-accent-primary-3);
}
.bg-dark-2 h1, .bg-dark-2 h2, .bg-dark-2 h3, .bg-dark-2 h4, .bg-dark-2 h5, .bg-dark-2 h6, .bg-dark-2 .section-nav-projects__heading {
color: var(--color-accent-primary-3);
}
.bg-dark-3 h1, .bg-dark-3 h2, .bg-dark-3 h3, .bg-dark-3 h4, .bg-dark-3 h5, .bg-dark-3 h6, .bg-dark-3 .section-nav-projects__heading {
color: var(--color-accent-primary-3);
}
.text-left {
text-align: left !important;
}
.text-left .section__headline {
margin-right: auto;
}
.text-center {
text-align: center !important;
}
.text-center .section__headline {
margin-left: auto;
margin-right: auto;
}
.text-right {
text-align: right !important;
}
.text-right .section__headline {
margin-left: auto;
}
.row-80 {
margin-left: -40px;
margin-right: -40px;
}
.overflow {
position: relative;
overflow: hidden;
}
.overflow__curtain {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
}
.overflow__content {
width: 100%;
height: 100%;
}
.position-relative {
position: relative;
}
.position-fixed {
position: fixed;
}
.of-cover {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.of-contain {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
font-family: 'object-fit: contain;';
}
.split-line {
overflow: hidden;
}
.hidden {
opacity: 0;
visibility: hidden;
}
.no-gutters {
padding-left: 0;
padding-right: 0;
}
.grayscale {
filter: grayscale(70%);
}
.h-100 {
height: 100%;
}
.clearfix:after {
content: '';
display: table;
clear: both;
}
.backgroundblendmode .blend-difference {
mix-blend-mode: difference;
}
.backgroundblendmode .blend-difference .header__burger-line {
background-color: #ffffff;
}
.backgroundblendmode .blend-difference .logo {
color: #ffffff;
}
.backgroundblendmode .blend-difference .menu > li > a {
color: #ffffff;
}
.border-radius, .gmap__container, .menu .sub-menu {
border-radius: 4px;
}
.bg-ornament {
background-image: url(//4webdemo.ca/wp-content/themes/charleshuot/assets/img/general/bg-ornament.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.bg-dots {
width: 256px;
height: 400px;
background-image: url(//4webdemo.ca/wp-content/themes/charleshuot/assets/img/general/bg-dots.png);
background-repeat: no-repeat;
background-position: center center;
}
.mw-960 {
max-width: 960px;
}
.widget p:last-of-type {
margin-bottom: 0;
}
.widget select {
width: 100%;
max-width: 100%;
}
.widget ul {
list-style-type: none;
padding: 0;
margin: 0;
text-align: left;
}
.widget ul li {
display: block;
margin-bottom: 20px;
}
.widget ul li:last-child {
margin-bottom: 0;
}
.widget ul ul {
width: 100%;
padding-left: 1em;
margin-top: 1em;
}
.widget ul .sub-menu {
padding-left: 1em;
margin-top: 1em;
}
.widget ul li a {
color: #444C57;
}
.widget ul li a:hover {
color: var(--color-accent-primary-1);
}
.widgettitle {
display: block;
font-size: calc(var(--subheading-min-font-size) * 1px);
font-weight: bold;
line-height: var(--subheading-line-height);
letter-spacing: 2px;
color: #444C57;
text-transform: uppercase;
margin-bottom: 1.5em;
}
@media screen and (min-width: 320px) {
.widgettitle {
font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
}
}
@media screen and (min-width: 1920px) {
.widgettitle {
font-size: calc(var(--subheading-max-font-size) * 1px);
}
}
.widgettitle:before {
content: '';
display: block;
width: 100%;
height: 2px;
margin-bottom: 0.5em;
}
.widget_archive ul li {
display: flex !important;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.widget_archive ul li span {
color: #444C57;
font-size: 13px;
line-height: 1;
}
#wp-calendar {
width: 100%;
text-align: center;
}
#wp-calendar caption {
caption-side: top;
width: 100%;
text-align: center;
padding-top: 0;
padding-bottom: 10px;
}
#wp-calendar th {
font-weight: 600;
padding: 5px;
text-align: center;
}
#wp-calendar td {
padding: 5px;
color: #444C57;
}
#wp-calendar td#next {
text-align: right;
}
#wp-calendar td#prev {
text-align: left;
}
#wp-calendar tbody a:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
background-color: #f7f5f0;
border-radius: 100%;
transform: translate(-50%, -50%);
z-index: -1;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
#wp-calendar tbody a:hover {
color: #ffffff;
}
#wp-calendar tr {
border-bottom: none;
}
#wp-calendar a {
display: inline-block;
position: relative;
z-index: 50;
}
#wp-calendar a:hover {
color: var(--color-accent-primary-1);
}
.widget_cassio_menu_inline ul li {
display: inline-block;
margin-bottom: 0;
}
.widget_cassio_menu_inline ul li a {
padding: 4px;
}
.widget_cassio_menu_inline ul li a:before {
display: none;
}
@media screen and (max-width: 991px) {
.widget_cassio_menu_inline .menu {
text-align: center;
}
}
.widget_cassio_social ul {
text-align: inherit;
}
.widget_cassio_social ul li {
display: inline-block;
margin-bottom: 0;
}
.widget_categories ul li {
display: flex !important;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.widget_categories ul li span {
color: #444C57;
font-size: 13px;
line-height: 1;
}
.widgetcassio_logo, .widget_cassio_logo {
max-width: 360px;
}
.widgetcassio_logo .logo, .widget_cassio_logo .logo {
margin-bottom: 2em;
}
@media screen and (max-width: 991px) {
.widgetcassio_logo, .widget_cassio_logo {
max-width: 100%;
}
.widgetcassio_logo .logo, .widget_cassio_logo .logo {
margin-bottom: 1em;
}
}
.widget_nav_menu ul.menu > li {
margin-bottom: 1em !important;
white-space: normal;
word-break: break-word;
}
.widget_nav_menu ul.menu > li a {
display: inline-block;
padding: 0;
font-size: 16px;
}
.widget_nav_menu ul.menu > li a:after, .widget_nav_menu ul.menu > li a:before {
display: none;
}
.widget_nav_menu ul.menu > li.menu-item-has-children {
margin-bottom: 1.5em !important;
}
.widget_nav_menu ul.menu > li.menu-item-has-children a:after {
display: none;
}
.widget_nav_menu ul.sub-menu {
background-color: transparent;
position: relative;
top: auto;
left: auto;
right: auto;
opacity: 1;
visibility: visible;
box-shadow: none;
border-bottom: none;
transform: none;
margin-top: 1em;
}
.widget_nav_menu ul.sub-menu > li {
border-left: none;
}
.widget_nav_menu ul.sub-menu > li > a {
padding: 3px 0;
border-left: none;
}
.widget_nav_menu ul.sub-menu > li > a:hover {
background-color: unset;
}
.widget_polylang {
display: inline-block;
font-size: 14px;
}
.widget_polylang select {
width: auto;
display: inline-block;
padding: 5px 25px 5px 15px;
}
.widget_polylang ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.widget_polylang ul li {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0;
}
.widget_rss .rsswidget {
font-weight: bold;
}
.widget_rss .rss-date {
display: block;
width: 100%;
font-size: 13px;
margin-top: 0.5em;
margin-bottom: 1em;
color: #444C57;
}
.widget_rss .rssSummary {
margin-top: 1em;
margin-bottom: 1em;
}
.widget_rss ul > li {
border-bottom: 1px solid rgba(136, 136, 136, 0.3);
padding-bottom: 1em;
}
.widget_rss ul > li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.widget_recent_comments ul li {
padding: 20px 0;
margin-bottom: 0 !important;
border-bottom: 1px solid rgba(136, 136, 136, 0.3);
}
.widget_recent_comments ul li:first-child {
padding-top: 0;
}
.widget_recent_comments ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.widget_recent_comments ul li a {
font-weight: bold;
}
.widget_recent_comments ul li a:hover {
color: var(--color-accent-primary-1);
}
.widget_recent_comments .comment-author-link a {
color: #444C57;
font-weight: normal;
}
.widget_recent_entries .post-date {
display: block;
width: 100%;
font-size: 13px;
margin-top: 0.25em;
color: #444C57;
}
.widget_recent_entries ul li {
padding: 20px 0;
margin-bottom: 0 !important;
border-bottom: 1px solid rgba(136, 136, 136, 0.3);
}
.widget_recent_entries ul li a {
font-weight: bold;
}
.widget_recent_entries ul li a:hover {
color: var(--color-accent-primary-1) !important;
}
.widget_recent_entries ul li:first-child {
padding-top: 0;
}
.widget_recent_entries ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.widget_icl_lang_sel_widget {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
font-size: 14px;
}
.widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown {
width: auto;
border: 1px solid rgba(136, 136, 136, 0.3);
border-radius: 2px;
padding: 2px 5px;
}
.widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown a {
border: none;
background: transparent;
}
.widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown a:hover, .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown a:focus {
opacity: 1;
}
.widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown a:hover, .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown a:focus, .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
background: transparent;
}
.widget_icl_lang_sel_widget .wpml-ls-sub-menu {
border-top: none;
}
.widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal {
padding: 2px 5px;
}
.widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal .wpml-ls-item {
display: inline-block;
margin-bottom: 0;
}
.lang-switch-no-padding-right .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal {
padding-right: 0;
}.arrowleft {
width: 183.43px;
height: 88.2px;
}
.arrowleftunites {
width: 40.11px;
height: 26.51px;
}
.arrowright {
width: 180.71px;
height: 88.2px;
}
.arrowrightunites {
width: 40.11px;
height: 26.51px;
}
.bg-grey {
width: 619.86px;
height: 810.87px;
}
.facebook {
width: 15px;
height: 27.75px;
}
.instagram {
width: 27.97px;
height: 27.95px;
}
.mail {
width: 24.06px;
height: 17.41px;
}
.pin {
width: 425.963px;
height: 425.963px;
}