@charset "UTF-8"; /* Theme Name: Ultimate theme Author: Julian Chaniolleau Description: Official website of Ultimate theme Version: 1.7031 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Last Update: June 12, 2024 by Julian (Update Icons) */ :root{ --bgcolor: #000000; --color: #ffffff; --dynamic: #00d4f4; --cornerRadius: 4px; --buttonRadius: 40px; --buttonBg: #000000; --buttonColor: #ffffff; --bgHeader: #000000; --colorHeader: #ffffff; --linkHeader: #ffffff; --separator: #303030; --bgFooter: #000000; --colorFooter: #ffffff; --linkFooter: #ffffff; --sectionGap: 80px; --sectionBoxed: 1600px; --sectionAltColor: #212122; --colorAlt: #ffffff; --membershipBgColor: #212121; --membershipColor: #ffffff; --membershipCardBgColor: #000000; --membershipCardColor: #ffffff; --sliderBgColor: #ffffff; --sliderBgTextColor: #000000; --sliderColor: #ffffff; --sliderOpacity: 0.6; --innerpageBg: #212122; --innerpageColor: #ffffff; --servicesBgColor: #212122; --servicesBgHoverColor: #212122; --servicesTextColor: #ffffff; --servicesTextHoverColor: #ffffff; --farellSliderBG: #ffffff; --farellSliderText: #000000; --farellSliderShape1: #000000; --farellSliderShape2: #00d4f4; --buttonFarellColor: #ffffff; --buttonFarellBg: #000000; --leadformOpacity: 0.7; --leadformColor: #ffffff; --leadformInputBg: #303030; --sloganBg: #000000; --sloganTextColor: #ffffff; --aboutN2BG: #212122; --dotColor: #00d4f4; --dotBGColor: #212122; --dotCorner: 20px; --dotTxtColor: #00d4f4; --dotTxtBGColor: #212122; --dotTxtUnderTitleColor: #00d4f4; --blogGridTitleColor: #ffffff; --ms3BGLink: #00d4f4; --ms3BGLinkText: #ffffff; --multiLocDropHeaderBg: #ffffff; --multiLocDropHeaderTColor: #000000; } /*----------------------------------*/ /* RESET */ /*----------------------------------*/ *,a{margin:0;padding:0} a,html{font-size:100%;} .clearfix,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section,summary{display:block} *,:focus{outline:0} a,img{border:0} a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:0 0} em,mark{font-style:italic} ins,mark{background-color:#ff9;color:#000} html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none} a{vertical-align:baseline;background:0 0} ins{text-decoration:none} mark{font-weight:700} del{text-decoration:line-through} input,select{vertical-align:middle} table{border-collapse:separate;border-spacing:0} caption,td,th{text-align:left;font-weight:400} input[type=submit]{-webkit-appearance:none} img,object{max-width:100%} p{margin-bottom:30px} .gallery-caption{margin-left:0;margin-bottom:10px;padding:0 10px} .aligncenter,.aligncenter img{margin-left:auto;margin-right:auto;clear:both} .clear{clear:both;height:0} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .none{display:none} .alignleft{float:left} .alignright{float:right;text-align:right} .aligncenter{display:block} .alignleft img{float:left} .alignright img{float:right} .aligncenter img{display:block} img.alignleft{float:left;margin:0 30px 0 0} img.alignright{float:right;margin:0 0 0 30px} img.aligncenter{margin-left:auto;margin-right:auto;display:block;clear:both} iframe{display:block} input,textarea{font-size:inherit;line-height:inherit;font-family:inherit;outline:0} .inv{display:none} a img{border:none} img{margin:0;padding:0;white-space:normal;display:block} .alignleft{text-align:left} .aligncenter{text-align:center} .alignRight{text-align:right} .alignLeft{text-align:left} .alignCenter{text-align:center} .right{text-align:right} .left{text-align:left} .center{text-align:center} .wp-smiley{display:inline} /*----------------------------------*/ /* RESPONSIVE */ /*----------------------------------*/ img {max-width: 100%; height: auto !important; width: auto\9;} a img {border: 0px; } .notResponsive{ max-width: none!important;} video {max-width: 100%; height: auto !important;} .video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;} .video-container iframe, .video-container object, .video-container embed, .video-container .mejs-video, .video-container .mejs-layer, .video-container video{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;} .onlyMobile{display: none;} /*----------------------------------*/ /* STRUCTURE */ /*----------------------------------*/ html *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.7 } @media(max-width: 1200px) { html { font-size:1.1rem } } @media(max-width: 800px) { html { font-size:1rem } } body{ background: var(--bgcolor); color: var(--color); font-weight: 500; margin:0; padding:0; position: relative; overflow-x: hidden; width: 100%; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } ::selection{background-color:var(--color);color:var(--bgcolor);} ::-moz-selection{background-color:var(--color);color:var(--bgcolor);} ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: var(--bgcolor); } ::-webkit-scrollbar-thumb { background: var(--dynamic); } ::-webkit-scrollbar-thumb:hover { cursor: ns-resize !important; } .ultimate--innerpage--title ::-webkit-input-placeholder, .ultimate--innerpage--title :-ms-input-placeholder, .ultimate--innerpage--title ::placeholder, input.field, textarea.field { color:var(--leadformColor); } .gecko * { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*----------------------------------*/ /* TYPOGRAPHY */ /*----------------------------------*/ a, input.button{ cursor:pointer !important; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } p a,li a{ text-decoration: underline; } .sidebar-programs a, .title a{ text-decoration: none; } h1 , h2 , h3 , h4 , h5 , h6 { font-family: sans-serif; font-style: normal; color: inherit; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{ font-weight: bold; font-weight: 700; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{ display: inline-block; } h1{ font-size: 72px; line-height: 72px; margin-bottom: 10px; } h2{ font-size: 60px; line-height: 60px; margin-bottom: 10px; } h3{ font-size: 40px; line-height: 50px; margin-bottom: 10px; } h4{ font-size: 30px; line-height: 30px; margin-bottom: 10px; } h5{ font-size: 18px; line-height: 24px; margin-bottom: 10px; } h6{ font-size: 16px; line-height: 19px; margin-bottom: 10px; } strong { font-weight: bold; } em { font-style: italic; } small { font-size: 80%; line-height: 60%; } sup{ position: relative; font-size: 60%; line-height: 12px; top: -5px; } .biglines{ font-size: 20px; line-height: 1.5; font-weight: 300; position: relative; z-index: 5; } .upper{ text-transform: uppercase; } .bold{ font-weight: bold; } .suptitle{ color: var(--dynamic); font-size: 60%; display: block; line-height: 1; text-transform: uppercase; } .cDynamic{ color: var(--dynamic); } @media(max-width: 1200px) { h1{ font-size: 48px; line-height: 48px; margin-bottom: 10px; } h2{ font-size: 36px; line-height: 36px; margin-bottom: 10px; } h3{ font-size: 30px; line-height: 30px; margin-bottom: 10px; } h4{ font-size: 24px; line-height: 30px; margin-bottom: 10px; } h5{ font-size: 17px; line-height: 27px; margin-bottom: 10px; } h6{ font-size: 15px; line-height: 15px; margin-bottom: 10px; } .biglines{ font-size: 20px; font-weight: normal; } } @media(max-width: 800px) { h1{ font-size: 36px; line-height: 36px; margin-bottom: 10px; } h2{ font-size: 30px; line-height: 30px; margin-bottom: 10px; } h3{ font-size: 26px; line-height: 26px; margin-bottom: 10px; } h4{ font-size: 20px; line-height: 26px; margin-bottom: 10px; } h5{ font-size: 17px; line-height: 27px; margin-bottom: 10px; } h6{ font-size: 15px; line-height: 15px; margin-bottom: 10px; } .biglines{ font-size: 18px; font-weight: normal; } } /*----------------------------------*/ /* ICONS */ /*----------------------------------*/ @font-face { font-family: 'ultimateIcons'; src: url('../fonts/ultimateIcons.ttf?t4aoj1') format('truetype'), url('../fonts/ultimateIcons.woff?t4aoj1') format('woff'), url('../fonts/ultimateIcons.svg?t4aoj1#ultimateIcons') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'ultimateIcons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-twitter:before { content: "\e90e"; } .icon-pinterest:before { content: "\e90f"; } .icon-linkedin:before { content: "\e910"; } .icon-google:before, .icon-googleplus:before { content: "\e911"; } .icon-instagram:before { content: "\e912"; } .icon-yelp:before { content: "\e913"; } .icon-youtube:before { content: "\e914"; } .icon-vimeo:before { content: "\e915"; } .icon-phone:before { content: "\e916"; } .icon-leadMail:before, .icon-mail:before { content: "\e917"; } .icon-stars5:before { content: "\e918"; } .icon-cross:before { content: "\e919"; } .icon-comment:before { content: "\e91a"; } .icon-slideRight:before { content: "\e91b"; } .icon-slideLeft:before { content: "\e91c"; } .icon-facebook:before { content: "\e91d"; } .icon-chrono:before { content: "\e91e"; } .icon-minus:before { content: "\e91f"; } .icon-plus:before { content: "\e920"; } .icon-arrowLeft:before { content: "\e921"; } .icon-arrowDown:before { content: "\e922"; } .icon-arrowRight:before { content: "\e923"; } .icon-arrowUp:before { content: "\e924"; } .icon-location:before { content: "\e925"; } @font-face { font-family: 'ultimate'; src: url('../fonts/ultimate.eot?ldu9ey'); src: url('../fonts/ultimate.eot?ldu9ey#iefix') format('embedded-opentype'), url('../fonts/ultimate.ttf?ldu9ey') format('truetype'), url('../fonts/ultimate.woff?ldu9ey') format('woff'), url('../fonts/ultimate.svg?ldu9ey#ultimate') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'ultimate' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-tiktok:before { content: "\e900"; } .icon-snapchat:before { content: "\e901"; } .icon-twitter:before { content: "\e902"; } .icon-pinterest:before { content: "\e903"; } .icon-linkedin:before { content: "\e904"; } .icon-google:before, .icon-googleplus:before { content: "\e905"; } .icon-instagram:before { content: "\e906"; } .icon-yelp:before { content: "\e907"; } .icon-youtube:before { content: "\e908"; } .icon-vimeo:before { content: "\e909"; } .icon-phone:before { content: "\e90a"; } .icon-leadMail:before, .icon-mail:before { content: "\e90b"; } .icon-stars5:before { content: "\e90c"; } .icon-cross:before { content: "\e90d"; } .icon-comment:before { content: "\e90e"; } .icon-slideRight:before { content: "\e90f"; } .icon-slideLeft:before { content: "\e910"; } .icon-facebook:before { content: "\e911"; } .icon-chrono:before { content: "\e912"; } .icon-minus:before { content: "\e913"; } .icon-plus:before { content: "\e914"; } .icon-arrowLeft:before { content: "\e915"; } .icon-arrowDown:before { content: "\e916"; } .icon-arrowRight:before { content: "\e917"; } .icon-arrowUp:before { content: "\e918"; } .icon-location:before { content: "\e919"; } .icon-leadName:before, .icon-user:before { content: "\e971"; } /*.icon-program { position: absolute; top: 17px; left: 20px; display: block; width: 9px; height: 10px; background: #ecf0f1; border-radius: 0 1px 0 2px; transform: rotate(-45deg); } .icon-program::before, .icon-program::after { position: absolute; content: ""; width: 10px; height: 10px; background: #ecf0f1; border-radius: 50%; } .icon-program::before { top: -6px; left: 0; } .icon-program::after { top: 0px; right: -7px; }*/ .icon-program { position: absolute; display: inline-block; width: 16px; height: 18px; top: 9px; left: 12px; } .icon-program::before { position: absolute; left: 0; top: 50%; height: 50%; width: 3px; background-color: var(--leadformColor, #ffffff); content: ""; transform: translateX(10px) rotate(-45deg); transform-origin: left bottom; } .icon-program::after { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background-color: var(--leadformColor, #ffffff); content: ""; transform: translateX(10px) rotate(-45deg); transform-origin: left bottom; } .fieldType-location{ position: relative; } .fieldType-program:before, .fieldType-program:after, .fieldType-location:before, .fieldType-location:after { content: ''; width: 10px; height: 3px; position: absolute; top: 18px; background-color: var(--leadformColor, #ffffff); border-radius: 3px; } .fieldType-program:before, .fieldType-location:before{ right: 30px; transform: rotate(45deg); } .fieldType-program:after, .fieldType-location:after{ right: 24px; transform: rotate(-45deg); } /*----------------------------------*/ /* COLUMNS */ /*----------------------------------*/ .row:after{ content:".";display:block;height:0;clear:both;visibility:hidden } .row_col{ display: block; float: left; } .col_gap_20{} .col_gap_20 .row_col{ padding-left: 20px; padding-right: 20px; } .c-1-1{ width:100%; } .c-1-2{ width:50%; } .c-1-3{ width:33.33333336%; } .c-1-4{ width:25%; } .c-1-5{ width:20%; } .c-1-6{ width:16.66666667%; } .c-2-2{ width:100%; } .c-2-3{ width:66.33333336%; } .c-2-4{ width:50%; } .c-2-5{ width:40%; } .c-2-6{ width:32.33333336%; } .c-3-4{ width:75%; } .c-3-5{ width:60%; } .c-3-6{ width:100%; } .c-4-5{ width:100%; } .c-4-6{ width:100%; } .c-5-6{ width:100%; } .row_inline{ text-align: center; } .row_inline .row_col{ text-align: left; display: inline-block; float: none; vertical-align:top; } @media(max-width: 800px) { .row_col{ width: 100%; } } .grid-layout--6, .grid-layout--5, .grid-layout--4, .grid-layout--3, .grid-layout--2, .grid-layout--1 { display: grid; grid-template-rows: 1fr; } .grid-layout--6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-areas: ". . . . . ."; } .grid-layout--5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-areas: ". . . . ."; } .grid-layout--4 { grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-areas: ". . . ."; } .grid-layout--3 { grid-template-columns: 1fr 1fr 1fr; grid-template-areas: ". . ."; } .grid-layout--2 { grid-template-columns: 1fr 1fr; grid-template-areas: ". ."; } .grid-layout--1 { grid-template-columns: 1fr; grid-template-areas: "."; } .grid-gap--20{ gap: 20px 20px; } .grid-gap--40{ gap: 40px 40px; } .grid-gap--60{ gap: 60px 60px; } .grid-gap--20-80{ gap: 20px 80px; } @media(max-width: 800px) { .grid-layout--6, .grid-layout--5, .grid-layout--4, .grid-layout--3, .grid-layout--2, .grid-layout--1{ display: block; grid-template-columns: 1fr; grid-template-areas: "."; width: 100%; } } /*----------------------------------*/ /* MARGINS & BLOCKS */ /*----------------------------------*/ .gap-10, .gap-20, .gap-30, .gap-40, .gap-50, .gap-60, .gap-70, .gap-80, .gap-90, .gap-100{ display:block; width:100%; } .gap-10{ height: 10px; } .gap-20{ height: 20px; } .gap-30{ height: 30px; } .gap-40{ height: 40px; } .gap-50{ height: 50px; } .gap-60{ height: 60px; } .gap-70{ height: 70px; } .gap-80{ height: 80px; } .gap-90{ height: 90px; } .gap-100{ height: 100px; } .max100{ width: 100%; max-width: 100px !important; margin-left: auto; margin-right: auto; float: none;} .max200{ width: 100%; max-width: 200px !important; margin-left: auto; margin-right: auto; float: none;} .max300{ width: 100%; max-width: 300px !important; margin-left: auto; margin-right: auto; float: none;} .max400{ width: 100%; max-width: 400px !important; margin-left: auto; margin-right: auto; float: none;} .max500{ width: 100%; max-width: 500px !important; margin-left: auto; margin-right: auto; float: none;} .max600{ width: 100%; max-width: 600px !important; margin-left: auto; margin-right: auto; float: none;} .max700{ width: 100%; max-width: 700px !important; margin-left: auto; margin-right: auto; float: none;} .max800{ width: 100%; max-width: 800px !important; margin-left: auto; margin-right: auto; float: none;} .max900{ width: 100%; max-width: 900px !important; margin-left: auto; margin-right: auto; float: none;} .max1000{ width: 100%; max-width: 1000px !important; margin-left: auto; margin-right: auto; float: none;} .max1100{ width: 100%; max-width: 1100px !important; margin-left: auto; margin-right: auto; float: none;} .max1200{ width: 100%; max-width: 1200px !important; margin-left: auto; margin-right: auto; float: none;} .max1280{ width: 100%; max-width: 1280px !important; margin-left: auto; margin-right: auto; float: none;} .max1400{ width: 100%; max-width: 1400px !important; margin-left: auto; margin-right: auto; float: none;} .max1440{ width: 100%; max-width: 1440px !important; margin-left: auto; margin-right: auto; float: none;} .max1600{ width: 100%; max-width: 1600px !important; margin-left: auto; margin-right: auto; float: none;} .w50{ max-width: 50px; } .w100{ max-width: 100px; } .w200{ max-width: 200px; } .w300{ max-width: 300px; } .w400{ max-width: 400px; } .w500{ max-width: 500px; } .w600{ max-width: 600px; } .w700{ max-width: 700px; } .w800{ max-width: 800px; } .w900{ max-width: 900px; } .w1000{ max-width: 1000px; } .w1100{ max-width: 1100px; } .w1200{ max-width: 1200px; } .w1300{ max-width: 1300px; } .w1400{ max-width: 1400px; } .w1500{ max-width: 1500px; } .w1600{ max-width: 1600px; } .w1700{ max-width: 1700px; } .w1800{ max-width: 1800px; } .w1900{ max-width: 1900px; } .w2000{ max-width: 2000px; } .w2100{ max-width: 2100px; } .w2200{ max-width: 2200px; } .w2300{ max-width: 2300px; } .w2400{ max-width: 2400px; } .w2500{ max-width: 2500px; } .m-b-0{ margin-bottom: 0px; } .m-b-10{ margin-bottom: 10px; } .m-b-20{ margin-bottom: 20px; } .m-b-30{ margin-bottom: 30px; } .m-b-40{ margin-bottom: 40px; } .m-b-50{ margin-bottom: 50px; } .m-b-60{ margin-bottom: 60px; } .m-b-70{ margin-bottom: 70px; } .m-b-80{ margin-bottom: 80px; } .m-b-90{ margin-bottom: 90px; } .m-b-100{ margin-bottom: 100px; } .m-t-0{ margin-top: 0px; } .m-t-10{ margin-top: 10px; } .m-t-20{ margin-top: 20px; } .m-t-30{ margin-top: 30px; } .m-t-40{ margin-top: 40px; } .m-t-50{ margin-top: 50px; } .m-t-60{ margin-top: 60px; } .m-t-70{ margin-top: 70px; } .m-t-80{ margin-top: 80px; } .m-t-90{ margin-top: 90px; } .m-t-100{ margin-top: 100px; } .px-10{ padding-left: 10px; padding-right: 10px; } .px-20{ padding-left: 20px; padding-right: 20px; } .px-30{ padding-left: 30px; padding-right: 30px; } .px-40{ padding-left: 40px; padding-right: 40px; } .px-50{ padding-left: 50px; padding-right: 50px; } .px-60{ padding-left: 60px; padding-right: 60px; } .px-70{ padding-left: 70px; padding-right: 70px; } .px-80{ padding-left: 80px; padding-right: 80px; } .px-90{ padding-left: 90px; padding-right: 90px; } .px-100{ padding-left: 100px; padding-right: 100px; } .py-10{ padding-top: 10px; padding-bottom: 10px; } .py-20{ padding-top: 20px; padding-bottom: 20px; } .py-30{ padding-top: 30px; padding-bottom: 30px; } .py-40{ padding-top: 40px; padding-bottom: 40px; } .py-50{ padding-top: 50px; padding-bottom: 50px; } .py-60{ padding-top: 60px; padding-bottom: 60px; } .py-70{ padding-top: 70px; padding-bottom: 70px; } .py-80{ padding-top: 80px; padding-bottom: 80px; } .py-90{ padding-top: 90px; padding-bottom: 90px; } .py-100{ padding-top: 100px; padding-bottom: 100px; } .pb-10{ padding-bottom: 10px; } .pb-20{ padding-bottom: 20px; } .pb-30{ padding-bottom: 30px; } .pb-40{ padding-bottom: 40px; } .pb-50{ padding-bottom: 50px; } .pb-60{ padding-bottom: 60px; } .pb-70{ padding-bottom: 70px; } .pb-80{ padding-bottom: 80px; } .pb-90{ padding-bottom: 90px; } .pb-100{ padding-bottom: 100px; } .pb-110{ padding-bottom: 110px; } .pb-120{ padding-bottom: 120px; } .pb-130{ padding-bottom: 130px; } .pb-140{ padding-bottom: 140px; } .pb-150{ padding-bottom: 150px; } .pb-160{ padding-bottom: 160px; } .pt-10{ padding-top: 10px; } .pt-20{ padding-top: 20px; } .pt-30{ padding-top: 30px; } .pt-40{ padding-top: 40px; } .pt-50{ padding-top: 50px; } .pt-60{ padding-top: 60px; } .pt-70{ padding-top: 70px; } .pt-80{ padding-top: 80px; } .pt-90{ padding-top: 90px; } .pt-100{ padding-top: 100px; } .pt-110{ padding-top: 110px; } .pt-120{ padding-top: 120px; } .pt-130{ padding-top: 130px; } .pt-140{ padding-top: 140px; } .pt-150{ padding-top: 150px; } .pt-160{ padding-top: 160px; } .space{ padding-top: 3vw; padding-bottom: 3vw; } .min20{ min-width: 20px; display: inline-block; } .min40{ min-width: 40px; display: inline-block; } .min60{ min-width: 60px; display: inline-block; } .min80{ min-width: 80px; display: inline-block; } /*----------------------------------*/ /* SECTIONS */ /*----------------------------------*/ .ultimate-section{ padding-top: var(--sectionGap); padding-bottom: var(--sectionGap); } .bodypost .ultimate-section:first-child{ padding-top: 0; } .bodypost .ultimate-section .ultimate--programs.uPrograms-1 .ultimate--programsItem:first-child { padding: 0 0 80px 0; } .ultimate-section.smallGap,.ultimate-leadForm--banner.smallGap{ padding-top: calc(var(--sectionGap) / 4); padding-bottom: calc(var(--sectionGap) / 4); } .ultimate-section .ultimate-wrapper{ max-width: var(--sectionBoxed); margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .ultimate-section:nth-child(even){ background-color: var(--sectionAltColor); color: var(--colorAlt) !important; } .ultimate-leadForm--banner{ position: relative; } .ultimate-leadForm--banner:after{ content:''; position: absolute; top: 0; left: 0; width:100%; height: 100%; z-index: 1; background-color: var(--dynamic); opacity: var(--leadformOpacity, 0.7); } .ultimate-leadForm--banner .ultimate-wrapper{ position: relative; z-index: 2; } .leadFormBackground{ background-size: cover; background-position: center center; display: grid; place-content: center; } .ultimate--innerpage .content{ padding: var(--sectionGap) 20px; max-width: 1600px; margin: 0 auto; width: 100%; } .ultimate-leadForm--banner, .ultimate-section.ultimate-leadForm--banner:nth-child(even), .ultimate--innerpage--title{ background-color: var(--innerpageBg); color: var(--innerpageColor); padding-top: var(--sectionGap); padding-bottom: var(--sectionGap); text-align: center; position: relative; } .ultimate-leadForm--banner2 { background-color: var(--innerpageBg); color: var(--innerpageColor); text-align: center; position: relative; } .ultimate--innerpage--title:after{ content: ''; background-color: var(--dynamic); height: 8px; width: 200px; position: absolute; bottom: -4px; left: 50%; margin-left: -100px; z-index: 10; } .ultimate--innerpage--title h1{ font-size: 40px; line-height: 46px; margin-bottom:10px; } .ultimate--innerpage--title h3{ font-size: 18px !important; } .ultimate--innerpage.sidebarAtRight .content{display:grid;grid-template-columns: 1fr 380px;/* grid-template-rows: repeat(2, 1fr); */grid-gap: 60px;} .ultimate--innerpage.sidebarAtLeft .content{display:grid;grid-template-columns: 380px 1fr;/* grid-template-rows: repeat(1, 1fr); */grid-gap: 60px;} .sidebarAtRight .bodypost { order:1; } .sidebarAtRight .sidebar { order:2; } .sidebar h3{ font-size: 24px; text-align: center; position: relative; margin-bottom: 30px; padding-bottom: 10px; text-transform: capitalize; } .sidebar h4{ font-size: 18px; text-align: center; position: relative; margin-bottom: 20px; padding-bottom: 10px; text-transform: capitalize; } .sidebar h3:after{ content: ''; background-color: var(--dynamic); height: 4px; width: 60px; position: absolute; bottom: -4px; left: 50%; margin-left: -30px; z-index: 10; } .sidebar h4:after{ content: ''; background-color: var(--dynamic); height: 2px; width: 60px; position: absolute; bottom: -4px; left: 50%; margin-left: -30px; z-index: 10; } .sidebar .sidebarLeadForm-form{ margin-bottom: 40px; } .bodypost ul{ padding-left:30px; margin-bottom:20px} .bodypost ul li{ list-style: disc; } .bodypost .portrait{ float: right; padding: 10px; display: inline-block; } .ultimate--innerpage--title{background-size: cover; background-position: center;} @media(max-width: 1200px) { .ultimate--innerpage.sidebarAtRight .content, .ultimate--innerpage.sidebarAtLeft .content{ display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr; } .sidebarAtLeft .bodypost { order:2; } .sidebarAtLeft .sidebar { order:1; } .sidebarAtRight .bodypost { order:1; } .sidebarAtRight .sidebar { order:2; } .ultimate-section { padding-top: 30px; padding-bottom: 30px; } } @media(max-width: 800px) { .ultimate--innerpage--title{ padding-top: calc(var(--sectionGap) / 2); padding-bottom: calc(var(--sectionGap) / 2); } .ultimate--innerpage .content{ padding: 40px 20px; } } .ultimate--innerpage .sidebar{ max-width: 480px; width: 100%; } .ultimate--innerpage.sidebarNo .sidebar{ display:none; } .ultimate-section a{ color: var(--color); } .sidebar-programs li{ margin-bottom: 30px; } .sidebar-programs li img{ width:100%; -webkit-transition: all 0.5s cubic-bezier(.5,.5,.24,1.22); -moz-transition: all 0.5s cubic-bezier(.5,.5,.24,1.22); -o-transition: all 0.5s cubic-bezier(.5,.5,.24,1.22); transition: all 0.5s cubic-bezier(.5,.5,.24,1.22);} .sidebar-programs li:hover img{ opacity: 0.5; } .sidebar-programs li a{ color: var(--color); } .sidebar-programs li a:hover{ color: var(--dynamic); } .address a{ color: var(--dynamic); text-decoration: underline; } a.marker-link{ color: var(--color) !important; text-decoration: none !important; } .address a:hover{ color: var(--color); } .address ul, .sc_rd_Box ul{ margin-left: 10px !important; list-style: none !important; } /*----------------------------------*/ /* HEADER */ /*----------------------------------*/ .ultimate-header.uHeader-Farell{ background-color: transparent; width:100%; } .homeindex .ultimate-header.uHeader-Farell:after{ content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 180%; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); } .homeindex .ultimate-header.uHeader-Farell{ position: absolute; } /*.ultimate-header.uHeader-Farell .ultimate-header--content { position: relative; } .ultimate-header.uHeader-Farell .ultimate-header--nav{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; }*/ .ultimate-header.uHeader-Farell .ultimate-header--content { position: relative; display: grid; grid-template-columns: auto 1fr; } .ultimate-header.uHeader-Farell .ultimate-header--nav{ display: grid; place-content:center right; } @media(max-width: 800px) { .ultimate-header.uHeader-Farell .ultimate-header--content { grid-template-columns: 1fr; } .ultimate-header.uHeader-Farell .ultimate-header--nav{ display: none; } } .ultimate-header{ background-color: var(--bgHeader); color: var(--colorHeader); position: relative; z-index: 999; } .is_scrolling .ultimate-header--nav { position: fixed; top: 0; left: 0; width: 100%; background-color: var(--bgHeader); } .is_scrolling .ultimate-header.uHeader-Farell .ultimate-header--content { position: fixed; background-color: var(--bgHeader); width: 100%; top:0; left:0; } .is_scrolling .uHeader-Farell .ultimate-header--nav { position: relative; } .is_scrolling .uHeader-Farell .ultimate-header--logo img{ max-height: 90px; } .ultimate-header .ultimate-wrapper{ margin: 0 auto; width: 100%; } .ultimate-header a{ color: var(--linkHeader); text-decoration:none; } .ultimate-header a:hover{ color: var(--dynamic); } .ultimate-header .ultimate-header--topBar{ border-bottom: 1px solid var(--separator); display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-template-areas: "topBarleft topBarright"; font-size: 11px; text-transform: uppercase; } .ultimate-header .ultimate-header--topBar .icon{ color: var(--dynamic); vertical-align: text-bottom; margin-right: 4px;} .ultimate-header .ultimate-header--topBar .icon-phone:before{ color: var(--dynamic) !important; } .ultimate-header .ultimate-header--topBar .ultimate-header--topBar-Left{ grid-area: topBarleft; padding: 6px 20px; } .ultimate-header .ultimate-header--topBar .ultimate-header--topBar-Right{ grid-area: topBarright; text-align: right; padding: 6px 20px; } .ultimate-header .ultimate-header--topBar .ultimate-header--topBar-Right a{ margin-left: 20px; } .ultimate-header .ultimate-header--logo a{ display: inline-block; margin: 0 auto; vertical-align: top; padding: 10px; } .ultimate-header .ultimate-header--logo img{ max-height: 130px; } .ultimate-header .ultimate-header--nav{ font-size: 0; } .ultimate-header .ultimate-header--nav li{ font-size: 0.8rem; display: inline-block; position: relative; } .ultimate-header .ultimate-header--nav li a{ display: block; padding: 14px 10px; position: relative; } .ultimate-header .ultimate-header--nav li ul{ border-radius:0 0 var(--cornerRadius) var(--cornerRadius); position: absolute; background-color: var(--bgHeader); padding:10px; min-width: 220px; max-width: 220px; opacity: 0; visibility: hidden; z-index: 10; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ultimate-header .ultimate-header--nav li:hover ul{ opacity: 1; visibility: visible; } .ultimate-header .ultimate-header--nav li ul li{ display: block; text-align: left; } .ultimate-header .ultimate-header--nav li li a{ padding: 6px 10px; } .ultimate-header .ultimate-hmbrgr{display: none; position: relative; width: 50px;height: 50px;z-index: 1000;} /*.ultimate-header .ultimate-hmbrgr{ display: none; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 50px; height: 50px; z-index: 1000; }*/ .ultimate-header .ultimate-hmbrgr span{ display: block; background-color: var(--colorHeader); width: 26px; height: 3px; position: absolute; left: 11px; -webkit-transition: all 0.1s cubic-bezier(.5,.5,.24,1.22); -moz-transition: all 0.1s cubic-bezier(.5,.5,.24,1.22); -o-transition: all 0.1s cubic-bezier(.5,.5,.24,1.22); transition: all 0.1s cubic-bezier(.5,.5,.24,1.22); } .ultimate-header .ultimate-hmbrgr span:nth-child(1){ top: 15px; } .ultimate-header .ultimate-hmbrgr span:nth-child(2){ top: 22px; } .ultimate-header .ultimate-hmbrgr span:nth-child(3){ top: 29px; } .ultimate-header .ultimate-hmbrgr:hover span:nth-child(1){ top: 12px; } .ultimate-header .ultimate-hmbrgr:hover span:nth-child(2){ top: 22px; } .ultimate-header .ultimate-hmbrgr:hover span:nth-child(3){ top: 32px; } .ultimate-complete--nav{ background:var(--bgHeader); position: fixed; top: 0; right: -320px; z-index: 1000; width: 100%; max-width: 320px; height: 100vh; overflow: hidden; overflow-y: auto; padding: 40px; -webkit-transition: right 0.5s cubic-bezier(.96,.07,.76,.98); -moz-transition: right 0.5s cubic-bezier(.96,.07,.76,.98); -o-transition: right 0.5s cubic-bezier(.96,.07,.76,.98); transition: right 0.5s cubic-bezier(.96,.07,.76,.98); } .ultimate-complete--nav:after{ content: ''; background-color: rgba(0,0,0,0.8); width: 0vw; height: 100vh; top: 0; right: 0%; z-index: -1; opacity: 0; position: fixed; -webkit-transition: all 0.5s cubic-bezier(.96,.07,.76,.98); -moz-transition: all 0.5s cubic-bezier(.96,.07,.76,.98); -o-transition: all 0.5s cubic-bezier(.96,.07,.76,.98); transition: all 0.5s cubic-bezier(.96,.07,.76,.98); } .menu_mobile_active .ultimate-complete--nav:after{ width: 100vw; right: 320px; opacity: 1; } .ultimate-complete--nav .close_menu{ color: var(--linkHeader); position: absolute; top: 30px; right: 30px; z-index: 4; } .ultimate-complete--nav ul ul{ margin-left: 20px; border-left: 1px solid var(--separator); padding-left: 20px; } .ultimate-complete--nav a{ color: var(--linkHeader); display:block; padding: 8px 0; } .ultimate-complete--nav a:hover{ color: var(--dynamic); } .menu_mobile_active .ultimate-complete--nav{ right: 0px; } @media(max-width: 800px) { .ultimate-header .ultimate-header--topBar, .ultimate-header .ultimate-header--nav{ display: none; } .ultimate-header .ultimate-hmbrgr{ display: block; } .ultimate-header .ultimate-header--content{ position: relative; } .ultimate-header .ultimate-header--logo { text-align: left !important; width: calc(100% - 70px);} .ultimate-header .ultimate-header--logo img{ max-height: 80px; max-width: 220px; } /*.is_scrolling .ultimate-header .ultimate-hmbrgr { background-color: var(--dynamic); display: block; position: fixed; top: 25px; }*/ .is_scrolling .ultimate-header .ultimate-hmbrgr {background-color: var(--dynamic); display: block; position: fixed; right: 0; } .ultimate-header.uHeader-Farell .ultimate-hmbrgr { background-color: var(--bgcolor); display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .is_scrolling .ultimate-header.uHeader-Farell .ultimate-hmbrgr { background-color: var(--bgcolor); position: absolute; top: 50%; transform: translateY(-50%);} .homeindex .ultimate-header.uHeader-Farell:after { height: 140%; background: linear-gradient(180deg, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); } /*.is_scrolling .ultimate-header .ultimate-hmbrgr:after{ content: ''; position: fixed; width: 100vw; right: 0; height: 50px; background-color: var(--bgHeader); z-index: -1; }*/ } .ultimate-header .socialNetworks{ display: inline-block; vertical-align: middle; margin-left: 20px; } .ultimate-header .socialNetworks ul{ font-size:0; } .ultimate-header .socialNetworks ul li { display: inline-block; font-size: 17px; vertical-align: middle; } .ultimate-header .socialNetworks ul li a { color: var(--linkHeader); display: block; padding: 0 5px; margin: 0 !important; line-height: normal; } .ultimate-header .socialNetworks ul li a:hover{ color: var(--dynamic); } .gradient-header .ultimate-header:after { content: ''; background: var(--bgHeader); background: linear-gradient(180deg, var(--bgHeader) 0%, rgba(0,0,0,0) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 200%; /* Double in height the size of the header... */ z-index: -1; } /* -------------------------------------- HEADER 1 */ .ultimate-header.uHeader-1{} .ultimate-header.uHeader-1 .ultimate-wrapper{ max-width: 1600px; } .ultimate-header.uHeader-1 .ultimate-header--logo{ display: block; min-height: 130px; padding: 10px; text-align: center; } .ultimate-header.uHeader-1 .ultimate-header--content{} .ultimate-header.uHeader-1 .ultimate-header--nav{ text-align: center; } .ultimate-header.uHeader-1 .ultimate-header--nav li a:after{ content:''; background-color: var(--dynamic); width: 0px; height: 3px; position: absolute; bottom:0; left: 50%; transform: translateX(-50%); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ultimate-header.uHeader-1 .ultimate-header--nav li:hover a:after{ width: 30px; } .ultimate-header.uHeader-1 .ultimate-header--nav li ul a:after{ display: none; } .ultimate-header.uHeader-1 .ultimate-header--nav li ul a{padding: 6px 10px;} .ultimate-header.uHeader-1 .ultimate-header--nav .requestH{ padding-left: 10px; } .ultimate-header.uHeader-1 .ultimate-header--nav .requestH a:after{ display: none; } @media(max-width: 800px) { .ultimate-header.uHeader-1 .ultimate-header--content{display: flex; align-items: center; justify-content: space-between; } .ultimate-header.uHeader-1 .ultimate-header--logo{min-height: 0px; } .ultimate-header.uHeader-1 .ultimate-hmbrgr { display: block; position: absolute; right: 0; } .is_scrolling .ultimate-header .ultimate-hmbrgr {background-color: var(--dynamic); display: block; position: fixed; right: 0; top: auto; } } /* -------------------------------------- HEADER 1 Fullwidth */ .ultimate-header.uHeader-1.fullwidth .ultimate-wrapper{ max-width: 100%; } /* -------------------------------------- HEADER 2 */ .ultimate-header.uHeader-2 .ultimate-wrapper{ max-width: 1600px; } .ultimate-header.uHeader-2 .ultimate-header--content { display: flex; align-items: center; justify-content: space-between; } .ultimate-header.uHeader-2 .ultimate-header--nav{ text-align: right; } .ultimate-header.uHeader-2 .ultimate-header--nav li { text-align: left; } .ultimate-header.uHeader-2 .ultimate-header--nav li a:after{ content:''; background-color: var(--dynamic); width: 0px; height: 3px; position: absolute; bottom:0; left: 50%; transform: translateX(-50%); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ultimate-header.uHeader-2 .ultimate-header--nav li:hover a:after{ width: 30px; } .ultimate-header.uHeader-2 .ultimate-header--nav li ul a:after{ display: none; } .ultimate-header.uHeader-2 .ultimate-header--nav li ul a{padding: 6px 10px;} .ultimate-header.uHeader-2 .ultimate-header--nav .requestH{ padding-left: 10px; } .ultimate-header.uHeader-2 .ultimate-header--nav .requestH a:after{ display: none; } /* -------------------------------------- HEADER 2 Fullwidth */ .ultimate-header.uHeader-2.fullwidth .ultimate-wrapper{ max-width: 100%; } /* -------------------------------------- HEADER 3 Fixed at right */ .ultimate-header.uHeader-3 { display: block; position: fixed; width: 240px; height: 100vh; left: 0; } .ultimate-header.uHeader-3 .ultimate-header--topBar{ display: none; } .ultimate-header.uHeader-3 .ultimate-header--nav li { font-size: 0.9rem; display: block; text-align: left; } .ultimate-header.uHeader-3 .ultimate-header--nav li:nth-child(even){ background-color: rgba(0,0,0,0.03); } .ultimate-header.uHeader-3 .ultimate-header--nav li a { display: block; padding: 6px 20px; position: relative; } .ultimate-header.uHeader-3 .ultimate-header--nav li ul { left: 100%; top: 0; } .ultimate-header.uHeader-3 .ultimate-header--nav .requestH { padding-left: 10px; padding-right: 10px; } .ultimate-header.uHeader-3 .ultimate-header--nav li a:after{ content:''; background-color: var(--dynamic); width: 0px; height: 3px; position: absolute; bottom: 17px; left: -2%; transform: translateX(-50%); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ultimate-header.uHeader-3 .ultimate-header--nav li:hover a:after{ width: 30px; } .ultimate-header.uHeader-3 .ultimate-header--nav li ul a:after{ display: none; } .ultimate-header.uHeader-3 .ultimate-header--nav .requestH { margin-top: 20px; } .ultimate-header.uHeader-3 .ultimate-header--nav .requestH a:after{ display: none; } @media(max-width: 800px) { .ultimate-header--nav ul{padding-left: 20px !important; padding-right: 20px !important; } } /*----------------------------------*/ /* FOOTER */ /*----------------------------------*/ .ultimate-footer{ background-color: var(--bgFooter); color: var(--colorFooter); font-size: 0.8rem; position: relative; } .ultimate-footer .ultimate-wrapper{ margin: 0 auto; width: 100%; } .ultimate-footer .ultimate-footer--zone1{ display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-template-areas: "flogo fcta"; padding: 80px 20px 40px 20px; } .ultimate-footer .ultimate-footer--zone1 .ultimate-footer--logo{ grid-area: flogo; } .ultimate-footer .ultimate-footer--zone1 .ultimate-footer--cta{ grid-area: fcta; text-align: center; display: flex; align-items: center; align-content: stretch; } .ultimate-footer .button.largeButton { padding: 10px 40px !important; font-size: 1.4rem; line-height: 1.3; display: block; width: 100%; max-width: 500px; margin: 0 auto; } .ultimate-footer .ultimate-footer--zone2{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; grid-template-areas: ". . ."; padding: 20px; } .ultimate-footer--nav h4{ font-size: 1rem; } .ultimate-footer--nav ul{ padding-left: 20px; } .ultimate-footer--nav ul li, .ultimate-footer--nav ul li a{ display: block; } .ultimate-footer--nav a, .copyright a{ color: var(--colorFooter); opacity: 0.4; text-decoration:none; } .ultimate-footer--nav a:hover, .copyright a:hover{ color: var(--dynamic); opacity: 1; } .ultimate-footer .button{ opacity: 1; } .ultimate-footer--nav li span.icon{ margin-right: 10px; font-size: 20px; position: relative; top: 3px; } .goTop{ position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); z-index:2; width: 60px; height: 60px; line-height: 60px; font-size: 30px; background-color: var(--bgFooter); border: 3px solid; border-color: var(--dynamic); color: var(--colorFooter); border-radius: 30px; text-align: center; opacity: 1 !important; } .goTop .icon { transform: rotate(-90deg); display: block; height: 52px; line-height: 52px; } .copyright{ font-size: 11px; text-align: center; text-transform: uppercase; border-top: 1px solid var(--separator); padding: 20px; } .copyright p:last-child{ margin-bottom: 0; } @media(max-width: 1200px) { .ultimate-footer .ultimate-footer--zone1{ display: block; } .ultimate-footer .ultimate-footer--zone1 .ultimate-footer--logo, .ultimate-footer .ultimate-footer--zone1 .ultimate-footer--cta{ display: block; text-align: center; } .ultimate-footer .ultimate-footer--zone1 .ultimate-footer--logo a { display: inline-block; padding: 10px; margin-bottom: 20px; } } @media(max-width: 800px) { .ultimate-footer .ultimate-footer--zone2{ display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-template-areas: "."; grid-gap: 20px; padding: 20px 0; } .ultimate-footer { padding: 0 20px; } } .bottomFooter-logo{ margin: 0 auto; } /* -------------------------------------- FOOTER 1 */ .ultimate-footer.uFooter-1 .ultimate-wrapper{ max-width: 1600px; } /* -------------------------------------- FOOTER 2 */ .ultimate-footer.uFooter-2 .ultimate-wrapper{ max-width: 1600px; padding-top: 80px; } .ultimate-footer.uFooter-2 .ultimate-footer--logo{ text-align:center; } .ultimate-footer.uFooter-2 .ultimate-footer--logo a{ display: inline-block; } .ultimate-footer.uFooter-2 .copyright { padding: 40px 20px; } .ultimate-footer.uFooter-2 .goTop { bottom: 40px; top: auto; } .ultimate-footer.uFooter-2 .row_col{ margin-bottom: 20px; } /* -------------------------------------- FOOTER 3 */ .hideandshow{} /* -------------------------------------- FOOTER TINY 1 */ .uFooter-tiny-1{ border-top:4px solid var(--dynamic); font-size: 13px; } .uFooter-tiny-1 .ultimate-wrapper{ max-width: 1600px; padding-top: 80px; } .uFooter-tiny-1-columns{ display: grid; grid-template-columns: 220px auto 1fr; padding-bottom: 40px; } .uFooter-tiny-1 .uFooter-tiny-logo{ padding-right: 20px; } .uFooter-tiny-1 .uFooter-tiny-logo a{ display: inline-block; opacity: 1; } .uFooter-tiny-1 .uFooter-tiny-nav{ text-align: right; padding: 0 20px;} .uFooter-tiny-1 .uFooter-tiny-nav li{ display: inline-block; position: relative; } .uFooter-tiny-1 .uFooter-tiny-nav li a:after{ content: '/'; padding: 0 10px; } .uFooter-tiny-1 .uFooter-tiny-nav li:last-child a:after{ content: ''; padding: 0px; } .uFooter-tiny-1 a, .uFooter-tiny-1 .uFooter-tiny-nav a{ color: var(--colorFooter); opacity: 0.4; } .uFooter-tiny-1 a:hover, .uFooter-tiny-1 .uFooter-tiny-nav a:hover{ color: var(--dynamic); opacity: 1; } /* -------------------------------------- FOOTER TINY 2 */ .uFooter-tiny-2{ font-size: 13px; } .uFooter-tiny-2 .ultimate-wrapper{ border-top:4px solid var(--dynamic); max-width: 1600px; } .uFooter-tiny-2-columns{ display: block; text-align: center; padding: 40px 20px; } .uFooter-tiny-2 .uFooter-tiny-logo a{ display: inline-block; opacity: 1; } .uFooter-tiny-2 .uFooter-tiny-nav{ padding: 20px; } .uFooter-tiny-2 .uFooter-tiny-nav li{ display: inline-block; position: relative; } .uFooter-tiny-2 .uFooter-tiny-nav li a:after{ content: '/'; padding: 0 10px; } .uFooter-tiny-2 .uFooter-tiny-nav li:last-child a:after{ content: ''; padding: 0px; } .uFooter-tiny-2 a, .uFooter-tiny-2 .uFooter-tiny-nav a{ color: var(--colorFooter); opacity: 0.4; } .uFooter-tiny-2 a:hover, .uFooter-tiny-2 .uFooter-tiny-nav a:hover{ color: var(--dynamic); opacity: 1; } /* -------------------------------------- FOOTER TINY 3 */ .uFooter-tiny-3{ font-size: 13px; } .uFooter-tiny-3 .ultimate-wrapper{ max-width: 1600px; text-align: center; padding-top: 40px; } .uFooter-tiny-3-columns{ display: grid; grid-template-columns: 1fr 1fr; padding: 20px 20px; } .uFooter-tiny-3 .uFooter-tiny-logo { display: block; position: relative; width: 100%; z-index: 1; } .uFooter-tiny-3 .uFooter-tiny-logo:before { content: ''; width: 100%; height: 4px; background-color: var(--dynamic); display: block; position: absolute; top: 50%; z-index: -1; } .uFooter-tiny-3 .uFooter-tiny-logo a {display: inline-block;opacity: 1;background-color: var(--bgFooter); } .uFooter-tiny-3 .uFooter-tiny-address{ text-align: right; padding: 0 20px;} .uFooter-tiny-3 .uFooter-tiny-nav{ padding: 20px; text-align: left; } .uFooter-tiny-3 .uFooter-tiny-nav li{ display: inline-block; position: relative; } .uFooter-tiny-3 .uFooter-tiny-nav li a:after{ content: '/'; padding: 0 10px; } .uFooter-tiny-3 .uFooter-tiny-nav li:last-child a:after{ content: ''; padding: 0px; } .uFooter-tiny-3 a, .uFooter-tiny-3 .uFooter-tiny-nav a{ color: var(--colorFooter); opacity: 0.4; } .uFooter-tiny-3 a:hover, .uFooter-tiny-3 .uFooter-tiny-nav a:hover{ color: var(--dynamic); opacity: 1; } @media(max-width: 1000px) { .uFooter-tiny-1-columns,.uFooter-tiny-2-columns,.uFooter-tiny-3-columns{ display: block; padding: 20px 20px; text-align: center; } .uFooter-tiny-1 .uFooter-tiny-nav, .uFooter-tiny-3 .uFooter-tiny-address, .uFooter-tiny-3 .uFooter-tiny-nav{ text-align: center; padding: 0 20px;} .uFooter-tiny-1 .uFooter-tiny-logo{ display: block; text-align: center; } .uFooter-tiny-nav{ padding:20px !important; } } /*----------------------------------*/ /* INNERPAGE BANNER */ /*----------------------------------*/ .innerpageBanner{ background: var(--sloganBg); color: var(--sloganTextColor); text-align: center; padding: 6vh 20px;} .innerpageBanner .max900{ max-width: 80vw !important; } .innerpageBanner h2{ color: inherit; font-size: calc(18px + (80 - 18) * ((100vw - 300px) / (2000 - 300))); line-height: 1;} /*----------------------------------*/ /* BUTTONS */ /*----------------------------------*/ .header-button .btn, .button{ background-color: var(--buttonBg) !important; border-radius: var(--buttonRadius); color: var(--buttonColor) !important; display: inline-block; font-size: 13px;font-weight: 800; padding: 6px 20px !important; text-align: center; text-decoration:none; text-transform: uppercase; text-shadow: none !important; } .header-button .btn:hover, .button:hover{ background-color: var(--buttonColor) !important; box-shadow: 0px 0px 0px 1px var(--buttonBg); color: var(--buttonBg) !important; } .button.largeButton{ padding: 10px 40px !important; } /*----------------------------------*/ /* SLIDERS */ /*----------------------------------*/ .ultimate-slider{ background-color: var(--sliderBgColor); } .ultimate-slider .button{ margin-bottom: 10px; padding: 10px 40px !important; } .ultimate-slider .uSlider--content{ color: var(--sliderColor); } .ultimate-slider.uSlider-1{} .ultimate-slider.uSlider-1 .uSlider--content{ color: var(--sliderColor); text-align: center; position: relative; } .ultimate-slider.uSlider-1 .uSlider--content .uSlider--text{ padding:16vw 20px; position: relative; z-index: 2; } .ultimate-slider.uSlider-1 .uSlider--content h1{ font-size: 48px; line-height: 1; max-width: 1000px; margin: 0 auto 20px auto; } .ultimate-slider.uSlider-1 .uSlider--content p{ max-width: 800px; margin: 0 auto 20px auto; } .ultimate-slider.uSlider-1 .uSlider--img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-position: center center; opacity: 0.6; } .ultimate-slider.uSlider-1 .uSlider--img img{ display: none; } .ultimate-slider.uSlider-1 .uSlider--content .uSlider--text a{ color: var(--white); } @media(max-width: 800px) { .ultimate-slider.uSlider-1 .uSlider--content h1 { font-size: 28px; line-height: 1.4; } .ultimate-slider .button{ padding: 10px 36px !important; } } .ultimate-slider.uSlider-1.farellStyle{ position: relative; } .ultimate-slider.uSlider-1.farellStyle .uSlider--content{ height: calc(100vh - 140px); text-align: left; } .ultimate-slider.uSlider-1.farellStyle .uSlider--content .uSlider--text{ background-color: var(--farellSliderBG); color: var(--farellSliderText); position:absolute; top:50%; left:0%; padding:20px; z-index: 2; transform:translateY(-50%); max-width: 570px; border-radius: 0px var(--cornerRadius) var(--cornerRadius) 0px; } .ultimate-slider.uSlider-1.farellStyle .uSlider--content h1 { font-size: 32px; line-height: 1.4; } .farellShape { position: absolute; bottom: 0; right: 0; width: 100%; height: 0px; z-index: 10; } .farellShape::before { content: ''; position: absolute; bottom: 0; right: 0; z-index: 2; width: 0; height: 0; border-top: 10vw solid transparent; border-right: 100vw solid var(--farellSliderShape1); } .farellShape::after { content: ''; position: absolute; bottom: 0; right: 0; z-index: 1; width: 0; height: 0; border-top: 11.5vw solid transparent; border-right: 100vw solid var(--farellSliderShape2); } .ultimate-slider.uSlider-1.farellStyle .button:not(.farellButton):hover, .farellButton{ background-color: var(--buttonFarellColor) !important; box-shadow: 0px 0px 0px 1px var(--buttonFarellBg) !important; color: var(--buttonFarellBg) !important; } .ultimate-slider.uSlider-1.farellStyle .button:not(.farellButton), .farellButton:hover{ background-color: var(--buttonFarellBg) !important; box-shadow: 0px 0px 0px 1px var(--buttonFarellBg) !important; color: var(--buttonFarellColor) !important; } @media(max-width: 800px) { .ultimate-slider.uSlider-1.farellStyle .uSlider--content{ height: 100%; padding-top: 56.5%; } .ultimate-slider.uSlider-1.farellStyle .uSlider--content .uSlider--text { position: relative; top: auto; transform: none; padding-bottom: 13vw; width: 100%; max-width: 100%; } .ultimate-slider.uSlider-1.farellStyle .uSlider--img { height: 50%; opacity: 1; } .ultimate-slider.uSlider-1 .uSlider--content .uSlider--text { padding: 50vh 20px 20px 20px; } .ultimate-slider.uSlider-1 .uSlider--img { height: calc(50vh - 20px); opacity: 1; } } .ultimate-slider.uSlider-2{} .ultimate-slider.uSlider-2 .uSlider--content{ position: relative; } .ultimate-slider.uSlider-2 .uSlider--content .uSlider--text{ padding:16vw 20px; position: relative; z-index: 2; margin: 0 auto; max-width: 1600px; } .ultimate-slider.uSlider-2 .uSlider--content .uSlider--text-limit{ margin: 0 auto 0 0; max-width: 50%; } .ultimate-slider.uSlider-2 .uSlider--content h1{ font-size: 48px; line-height: 1; max-width: 1000px; margin: 0 auto 20px auto; } .ultimate-slider.uSlider-2 .uSlider--content p{ max-width: 800px; margin: 0 auto 20px auto; } .ultimate-slider.uSlider-2 .uSlider--img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-position: center center; opacity: 0.6; } .ultimate-slider.uSlider-2 .uSlider--img img{ display: none; } .ultimate-slider.uSlider-2 .uSlider--content .uSlider--text a{ color: var(--white); } @media(max-width: 1200px) { .ultimate-slider.uSlider-2 .uSlider--content h1 { font-size: 36px; line-height: 1.4;} } @media(max-width: 800px) { .ultimate-slider.uSlider-2 .uSlider--content h1 { font-size: 28px; line-height: 1.4;} .ultimate-slider.uSlider-2{ text-align: center; } .ultimate-slider.uSlider-2 img{ margin-left: auto; margin-right: auto; } .ultimate-slider.uSlider-2 .uSlider--content .uSlider--text-limit{ margin: 0 auto; max-width: 100%; } } .ultimate-slider.uSlider-3{} .ultimate-slider.uSlider-3 .uSlider--content{ position: relative; } .ultimate-slider.uSlider-3 .uSlider--content .uSlider--text{ padding:14vh 20px; position: relative; z-index: 2; margin: 0 auto; max-width: 1600px; } .ultimate-slider.uSlider-3 .uSlider--content .uSlider--text-limit { background-color: var(--sliderBgTextColor); margin: 0 auto 0 0; max-width: 55%; padding: 50px; } .ultimate-slider.uSlider-3 .uSlider--content h1{ font-size: 36px; line-height: 1; max-width: 1000px; margin: 0 auto 20px auto; } .ultimate-slider.uSlider-3 .uSlider--content p{ max-width: 800px; margin: 0 auto 20px auto; } .ultimate-slider.uSlider-3 .uSlider--img{ position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 1; background-size: cover; background-position: center center; } .ultimate-slider.uSlider-3 .uSlider--img img{ display: none; } .ultimate-slider.uSlider-3 .uSlider--content .uSlider--text a{ color: var(--white); } @media(max-width: 1200px) { .ultimate-slider.uSlider-3 .uSlider--content .uSlider--text { padding: 4vh 20px; } .ultimate-slider.uSlider-3 .uSlider--content h1 { font-size: 36px; line-height: 1.4;} } @media(max-width: 800px) { .ultimate-slider.uSlider-3 .uSlider--content { position: relative; display: flex; flex-flow: column-reverse; } .ultimate-slider.uSlider-3 .uSlider--content .uSlider--text-limit { max-width: 100%; padding: 30px; } .ultimate-slider.uSlider-3 .uSlider--img img { display:block; } .ultimate-slider.uSlider-3 .uSlider--img { position: relative; top: auto; right: auto; width: 100%; height: auto; background: none; } .ultimate-slider.uSlider-3 .uSlider--content h1 { font-size: 28px; line-height: 1.4;} .ultimate-slider.uSlider-3 .uSlider--content .uSlider--text { text-align: center; padding: 0px; position: relative; float: right; } } .uSlider-5{} .uSlider-5 .uSlider--content{ position: relative; z-index: 2; } .uSlider-5 h1{ font-size: calc(20px + (54 - 20) * ((100vw - 300px) / (2000 - 300))); line-height: 100%; } .uSlider-5 .uSlider--inside { display: grid; grid-template-columns: 1fr 300px; color: var(--sliderColor); } .uSlider-5--leadform { display: flex; align-items: center; } .uSlider-5--leadform-Form{ background-color: var(--bgcolor); border-radius: var(--cornerRadius) 0 0 var(--cornerRadius); color: var(--color); padding: 16px; width: 100%; } .uSlider-5 .uSlider--img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.8; background-size: cover; background-position: center; z-index: -1; } .uSlider-5--3boxes-inner.progs4{ display: grid; grid-template-columns: repeat(4, 1fr); } .uSlider-5--3boxes-inner,.uSlider-5--3boxes-inner.progs3{ display: grid; grid-template-columns: repeat(3, 1fr); } .uSlider-5--3boxes-inner.progs2{ display: grid; grid-template-columns: repeat(2, 1fr); } .uSlider-5--3boxes-inner.progs1{ display: grid; grid-template-columns: repeat(1, 1fr); } .uSlider-5--3boxes-box{ border-top:1px solid var(--sliderBgTextColor); border-right:1px solid var(--sliderBgTextColor); font-size: 15px; position:relative; z-index: 1; } .uSlider-5--3boxes-box .padd{ padding: 1.4vw; max-width: 800px; margin: 0 auto; } .uSlider-5--3boxes-box:after{ content: ''; background-color: var(--sliderBgTextColor); opacity: 0.5; width: 100%; height: 100%; position:absolute; top: 0; left: 0; z-index: -1; display:block; } .uSlider-5--3boxes-box h4{ font-size: 20px; line-height: 26px; margin-bottom: 10px; } .uSlider-5--3boxes-box h4 a{ color: var(--sliderColor); display: block; } .uSlider-5--3boxes-box h4 a:hover{ color: var(--dynamic); } .uSlider-5--3boxes-box:last-child{ border-right:none; } .uSlider-5--3boxes-box p:last-child{ margin-bottom: 0; } .uSlider-5 .uSlider--text-limit{ padding: 10vw 80px; max-width: 70%; } .uSlider-5 .indent{ padding-left: 50px; } @media(max-width: 1200px) { .uSlider-5 .uSlider--inside { display: block; position: relative; text-align: center;} .uSlider-5 .uSlider--text-limit{ padding: 10vw 40px; } .uSlider-5--3boxes-box{ background-color: var(--sliderBgTextColor); border-bottom: 1px solid var(--sliderColor); } .uSlider-5--leadform-Form{ border-radius: 0; } .uSlider-5 .uSlider--text-limit{ padding: 10vw 80px; max-width: 100%; } .uSlider-5 .indent{ padding-left: 0px; } } @media(max-width: 767px) { .uSlider-5 .uSlider--text-limit{ padding: 80px 40px; } .uSlider-5--3boxes-inner, .uSlider-5--3boxes-inner.progs4, .uSlider-5--3boxes-inner.progs3, .uSlider-5--3boxes-inner.progs2, .uSlider-5--3boxes-inner.progs1{ display: grid; grid-template-columns: repeat(1, 1fr); } } .ultimate-slider.uSlider-Farell .uSlider--content{ height: 100vh; position: relative; display: grid; place-content: center; z-index: 2; width: 100%; } .ultimate-slider.uSlider-Farell h1{ font-size: calc(30px + (190 - 30) * ((100vw - 300px) / (2000 - 300))); line-height: 100%; font-weight: 900; text-shadow: 3px 3px 2px rgba(0,0,0,0.6); text-align: center; text-transform: uppercase; } .ultimate-slider.uSlider-Farell h1 span{ color: var(--dynamic); } .ultimate-slider.uSlider-Farell .uSlider--img{ background-repeat: no-repeat; background-position: center; background-size: cover; height: 100vh; width: 100vw; position: absolute; } .ultimate-slider.uSlider-Farell .uSlider--text{ position: relative; z-index: 2; width: 100vw; display: block; text-align: center; } .ultimate-slider.uSlider-Farell .uSlider--text2{ position: absolute; width: 100%; bottom: 0; z-index: 2; left: 0; right: 0; text-align: center; padding: 20px; } .ultimate-slider.uSlider-Farell .uSlider--img img{ display: none; } @media(max-width: 800px) { .ultimate-slider.uSlider-Farell .uSlider--content { height:100%; padding-top: 280px; } .ultimate-slider.uSlider-Farell .uSlider--text2{ position: relative; } .ultimate-slider.uSlider-Farell .uSlider--img { height: 100%; } } .uSlider-8--mass { max-height: 80vh; min-height: 600px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; gap: 0px 0px; grid-template-areas: "mass1 mass1 mass2 mass2" "mass1 mass1 mass2 mass2" "mass1 mass1 mass3 mass4"; } .mass1 { grid-area: mass2; padding: 5vw; background-color: var(--sliderBgColor); color: var(--sliderBgTextColor); } .mass2 { grid-area: mass1; } .mass3 { grid-area: mass3; } .mass4 { grid-area: mass4; } .mass2,.mass3,.mass4{ background-size: cover; background-position: center; position: relative; min-height: 200px; } .mass1 h1{ font-size: calc(18px + (60 - 18) * ((100vw - 300px) / (2000 - 300))); line-height: 1; text-transform: uppercase; } .mass1 h1 a{ color: inherit; } .uSlider-8--mass .uSlider--img a{ position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; min-height: 200px; } .uSlider-8--mass .uSlider--img a:hover{ background-color: rgba(0,0,0,0.8); } .uSlider-8--mass .uSlider--img .button{ position: absolute; bottom: 20px; left: 20px; display: inline-block; } .mass2 .button, .mass3 .button, .mass4 .button{ background: transparent !important; text-shadow: 0px 0px 20px var(--dynamic,#ffffff), 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000; font-size: 20px; text-transform: none; bottom: 0; left: 0; padding-left: 40px !important; padding-bottom: 20px !important; display: flex; align-items: flex-end; margin-bottom: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mass2 .button:hover, .mass3 .button:hover, .mass4 .button:hover{ border: none !important; box-shadow:none !important; color: var(--dynamic,#ffffff) !important; } .mass2 a:hover .button, .mass3 a:hover .button, .mass4 a:hover .button{ border: none !important; box-shadow:none !important; color: var(--dynamic,#ffffff) !important; font-size: 30px; } .namelabel{ color: var(--dynamic); font-weight: bold; display: block; margin-bottom: 10px; } @media(max-width: 1024px) { .uSlider-8--mass { max-height: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; grid-template-areas: "mass2" "mass1" "mass3" "mass4"; } } .uSlider-9 { background: var(--sliderBgColor); display: grid; justify-content: center; align-items: center; padding: 160px 20px 20px 20px; position: relative; min-height: 100vh; } .uSlider-9--content { max-width: 600px; width: 100%; color: var(--sliderBgTextColor); text-align: center; position: relative; z-index: 2; padding: 20px; margin: 0 auto; } .uSlider-9--border{ box-shadow: 0px 0px 0px 10px var(--sliderBgTextColor) inset; padding: 40px; } .uSlider-9--bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } .uSlider-9--bg-img{ background-size: cover; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: var(--sliderOpacity, 1); } .uSlider-9--content h1{ border-bottom: 2px solid var(--sliderColor); color: var(--sliderColor); padding-bottom: 30px; margin-bottom: 30px; font-size: 64px; line-height: 1.1; } .uSlider-9--content p{ margin-bottom: 10px; } .uSlider-9--content p:last-child{ margin-bottom: 0; } .uSlider-9--underTitle{ font-size: 24px; margin-bottom: 30px; } .uSlider-9--bg-video { min-width: 100%; min-height: 100%; max-width: none; width: auto; height: auto; position: absolute; top: 50%; left: 50%; opacity: var(--sliderOpacity, 0.6); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } @media(max-width: 800px) { .uSlider-9 { height: auto; display: block; padding: 0; min-height: 100%; } .uSlider-9--content { padding: calc(72vw + 30px) 30px 40px 30px; } .uSlider-9--bg{ height: 72vw; } .uSlider-9--underTitle{ font-size: 17px; margin-bottom: 20px;} .uSlider-9--border { padding: 25px; } .uSlider-9--content h1 { padding-bottom: 20px; margin-bottom: 20px; font-size: 27px; } } .uSlider-10 { background: var(--sliderBgColor); display: grid; justify-content: center; align-items: center; padding: 160px 20px 20px 20px; position: relative; height: 100vh; } .uSlider-10--content { max-width: 900px; width: 100%; color: var(--sliderBgTextColor); text-align: center; position: relative; z-index: 2; } .uSlider-10--bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } /*.uSlider-10--bg:after{ content:''; background: var(--bgHeader); background: linear-gradient(180deg, var(--bgHeader) 0%, rgba(0,0,0,0) 100%); position:absolute; top:0; left:0; width:100%; height:40vh; z-index:1; }*/ .uSlider-10--bg-img{ background-size: cover; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: var(--sliderOpacity, 1); } .uSlider-10--content h1{ color: var(--sliderColor); margin-bottom: 30px; line-height: 1.1; } .uSlider-10--content p{ margin-bottom: 10px; } .uSlider-10--content p:last-child{ margin-bottom: 0; } .uSlider-10--underTitle{ font-size: 24px; margin-bottom: 30px; } .uSlider-10--bg-video { min-width: 100%; min-height: 100%; max-width: none; width: auto; height: auto; position: absolute; top: 50%; left: 50%; opacity: var(--sliderOpacity, 0.6); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .uSlider-10--words{ font-size: 0; border:1px solid var(--sliderColor); border-width: 3px 0; color: var(--dynamic); display: inline-block; margin: 0 auto 20px auto; } .uSlider-10--words li{ display: inline-block; text-transform: uppercase; font-size: 30px; } .uSlider-10--words li:after{ display: inline-block; padding: 0 10px; content:'•'; color: var(--sliderColor); } .uSlider-10--words li:last-child:after{ display: none; } @media(max-width: 800px) { .uSlider-10 { height: auto; display: block; padding: 0; } .uSlider-10--content { padding-top: calc(95vw + 30px); padding-bottom: 40px; } .uSlider-10--bg{ height: 95vw; } .uSlider-10--bg:after { height: 100px; } .uSlider-10--content h1 { margin-bottom: 30px; font-size: 25px; } .uSlider-10--underTitle { font-size: 17px; margin-bottom: 20px; } .uSlider-10--words li { font-size: 24px; } } .uSlider-11 .uSlider--content{ max-width: 1440px; margin: 0 auto; min-height: 80vh; position: relative; } .uSlider-11 .uSlider-11--item{ display:grid; grid-template-columns: 1fr 1fr; min-height: 80vh; position: absolute; } .uSlider-11 .uSlider-11--item.active .uSlider-11--txt{opacity:1;visibility:visible;} .uSlider-11 .uSlider-11--txt{ padding: 5vw; background-color: var(--sliderBgColor); color: var(--sliderBgTextColor); min-height: 80vh; position: relative; display: flex; place-content: center; order: 1; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; flex-direction: column; align-content: flex-start; align-items: flex-start; } /* .uSlider-11--txtcenter{ display: flex; align-content: flex-start; flex-direction: column; align-items: flex-start; height: 100%; justify-content: center; }*/ .uSlider-11--img{ order: 2; display: grid; place-content: center; } .uSlider-11 .uSlider-11--item:nth-child(1){ z-index:3; } .uSlider-11 .uSlider-11--item:nth-child(2){ z-index:2; } .uSlider-11 .uSlider-11--item:nth-child(3){ z-index:1; } .uSlider-11 .uSlider-11--item .uSlider-11--img img{ max-height: 80vh; -webkit-transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out; -moz-transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out; -o-transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out; transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out; } .uSlider-11 .uSlider-11--item:nth-child(1) .uSlider-11--img img{ transform: translateX(0px) scale(1); } .uSlider-11 .uSlider-11--item:nth-child(2) .uSlider-11--img img{ transform: translateX(120px) scale(0.8); opacity: 0.7; } .uSlider-11 .uSlider-11--item:nth-child(3) .uSlider-11--img img { transform: translateX(240px) scale(0.6); opacity: 0.2; } .gotransition .uSlider-11--img img{ transform: translateX(-10px) scale(1.1) !important; opacity: 0; } .uSlider-video { display: grid; height: 100vh; width: 100vw; min-height: 800px; position: relative; overflow: hidden; } .uSlider-video .uSlider--content { display: grid; place-content: center; color: #fff; height: 100%; text-align: center; position: absolute; top: 0; left: 0; bottom: 0; z-index: 2; right: 0; padding: 20% 5%; } .uSlider-video .uSlider--content h1 span { display: block; } .uSlider-video .uSlider--content h1 a{ color: inherit; } .uSlider-video .uSlider--img{ background-size: cover; background-position: center; margin-bottom: 20px; } .uSlider-videoBox { background: #000; width: 100%; height: 100%; position: relative; color: #fff; } .uSlider-videoBox video { min-width: 100%; min-height: 100%; max-width: none; width: auto; height: auto; position: absolute; top: 50%; left: 50%; opacity: 0.6; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .ms-slider { display: block; height: 1.5em; overflow: hidden; vertical-align: middle; -webkit-mask-image: linear-gradient(transparent, white, white, white, transparent); mask-image: linear-gradient(transparent, white, white, white, transparent); mask-type: luminance; mask-mode: alpha;} .ms-slider__words { display: block; margin: 0; padding: 0; list-style: none; -webkit-animation-name: wordSlider; animation-name: wordSlider; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 7s; animation-duration: 7s;} .ms-slider__word { color: var(--dynamic); display: block; font-weight: bold; line-height: 1.3em; text-align: center; } @-webkit-keyframes wordSlider { 0%, 27% { transform: translateY(0%); } 33%, 60% { transform: translateY(-25%); } 66%, 93% { transform: translateY(-50%); } 100% { transform: translateY(-75%); } } @keyframes wordSlider { 0%, 27% { transform: translateY(0%); } 33%, 60% { transform: translateY(-25%); } 66%, 93% { transform: translateY(-50%); } 100% { transform: translateY(-75%); } } .justMobile { display: none; } /*@media(max-width: 800px) { .justMobile{ display: none; } .video-cover{ display: block; } }*/ @media(max-width: 800px) { .justMobile { display: block; background-image: none !important; } .uSlider-videoBoxImg.justMobile{ background-image: none !important; } .justMobile img { margin: 0 auto; } .uSlider-videoBox, .video-cover { display: none; } .uSlider-video { height: 100%; min-height: 100%; } .uSlider-video .uSlider--content {position: relative;} .ms-slider__word{ font-size: 28px; } .ms-slider { height: 1em; } } /*----------------------------------*/ /* VIDEO HOME */ /*----------------------------------*/ .videoslider { position: relative; overflow: hidden; min-height: calc(70vh + 2px); } .videoslider .video-bg.cover { min-height: 100%; position: absolute; left: -1px; right: -1px; z-index: 1; } .videoslider .video-bg.cover::before { content: ""; display: block; height: 0; padding-bottom: 50%; } /*.videoslider .video-bg.cover video { width: auto; max-width: none; height: 100% !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }*/ .videoslider .video-bg.cover video { width: 100vw; height: 100vh; object-fit: cover; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .uSlider--img .videoslider { position: absolute; overflow: hidden; height: 100%; width: 100%; min-height: 100%; } @media(max-width: 800px) { .uSlider--img .videoslider { height: 0%; min-height: 0%; } } /*----------------------------------*/ /* VIDEO TRAINING */ /*----------------------------------*/ .ultimate--videoTraining { padding: 80px 0; } .ultimate--videoTraining .grid-layout--2 { place-content: center; } .ultimate--videoTraining--play { position: absolute; top: 100%; left: 50%; z-index: 20; border-radius: 50px; width: 100px; height: 100px; margin-top: -89px; margin-left: -50px; background: var(--bgcolor); padding: 10px; box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ultimate--videoTraining--play.state-play { transform: scale(0.7); } .ultimate--videoTraining--play:hover { transform: scale(1.1); } .ultimate--videoTraining--play.state-play .playbutton { display: none; } .ultimate--videoTraining--play.state-play .stopbutton { display: block; } .ultimate--videoTraining--play.state-stop .stopbutton { display: none; } .ultimate--videoTraining--play.state-stop .playbutton { display: block; } .ultimate-section:nth-child(even) .ultimate--videoTraining--play { background: var(--sectionAltColor); } .ultimate--videoTraining--play svg path, .ultimate--videoTraining--play svg polygon, .ultimate--videoTraining--play svg rect { fill: var(--color) !important; } .vtBackground {background-size: cover;background-position: center center;margin: 0 auto 40px auto;max-width: 1280px;position: relative;width: 100%; } .ultimate--videoTraining--text {background: var(--bgcolor);border-radius: var(--cornerRadius);text-align: center;margin: -80px auto 0px auto;max-width: 1000px;padding: 70px 30px 30px 30px;width: 70%;position: relative;z-index: 10; box-shadow: 0px -90px 100px 0px rgba(0,0,0,0.2); } .ultimate-section:nth-child(even) .ultimate--videoTraining--text {background-color: var(--sectionAltColor);} .ultimate--videoTraining--text .biglines { text-align: justify; line-height: 1.5; } .ultimate--videoTraining-img {display: none;padding-bottom: 40px;max-width: 900px;margin: 0 auto; } .ultimate--videoTraining h2 { font-size: 36px; line-height: 1.5; } @media(max-width: 960px) { .ultimate--videoTraining--play { margin-top: -49px; } .ultimate--videoTraining--text { margin-top: -40px; width: 100%; } } /*----------------------------------*/ /* REVIEWS */ /*----------------------------------*/ .ultimate--reviews{ display: block; padding: 2vw 80px; margin-bottom: 40px; } .ultimate--reviews .uReviews--item{ padding: 20px; } .ultimate--reviews .uReviews--itemHeader .video-container{ margin-bottom: 20px; } .ultimate--reviews .uReviews--avatar{ width: 100px; height: 100px; border-radius: 60px; overflow: hidden; background-color: #fff; margin: 0 auto 10px auto; } .ultimate--reviews .uReviews--citation{} .ultimate--reviews .uReviews--citation p:last-child{ margin-bottom: 0; } .uReviews--video{ max-width: 400px; margin: 0 auto 20px auto; } .uReviews--item .icon-stars5 { display: block; font-size: 70px; height: 30px; line-height: 10px; } .uReviews-1{ margin: -60px auto 0px auto; max-width: 1600px; padding: 20px 80px 0px 80px; position: relative; } .uReviews-1 .uReviews--item{ text-align: center; } .uReviews-1 .uReviews--citation{ max-width: 800px; margin: 0 auto; } .uReviews-2{ margin: 0 auto; max-width: 1600px; padding: 2vw 80px; margin-bottom: 40px; position: relative; } .uReviews-2 .uReviews--item{ text-align: center; } .uReviews-2 .uReviews--citation{ max-width: 800px; margin: 0 auto; } .uReviews-2 .uReviews--avatar{ width: 100px; height: 100px; border-radius: 60px; overflow: hidden; background-color: #fff; margin: 0 auto 10px auto; } .uReviews-4{ margin: 0 auto; max-width: 1600px; padding: 2vw 80px; margin-bottom: 40px; position: relative; } .uReviews-4 .uReviews--item{ text-align: center; } .uReviews-4 .uReviews--citation{ max-width: 800px; margin: 0 auto; } .uReviews-4 .uReviews--citation p{ display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 99px; padding: 5px; margin-bottom: 21px; } .uReviews-4 .uReviews--avatar{ width: 100px; height: 100px; border-radius: 60px; overflow: hidden; background-color: #fff; margin: 0 auto 10px auto; } .uReviews-4 .swiper-button-next:after, .uReviews-4 .swiper-container-rtl .swiper-button-prev:after,.uReviews-4 .swiper-button-prev:after, .uReviews-4 .swiper-container-rtl .swiper-button-next:after { font-size: 40px !important; } .uReviews-4 .uReviews--citation .button{ display: block; padding-top:15px; padding-bottom: 15px; font-size: 18px; } @media(max-width: 900px) { .uReviews-4 .uReviews--citation p { height: 93px; padding: 0 5px; } } @media(max-width: 800px) { .ultimate--reviews .uReviews--item{ padding: 20px 1px; } .ultimate--reviews.uReviews-1{ padding: 20px 0px 0px 0px; } .ultimate--reviews.uReviews-2, .ultimate--reviews.uReviews-4 { padding: 2vw 0px; } } /*----------------------------------*/ /* SWIPER */ /*----------------------------------*/ .swiper-pagination{ left: 0; width: 100%; } .swiper-pagination-bullet{ background-color: var(--separator); opacity: 1; margin: 0 10px; position: relative; box-shadow: 0px 0px 0px 1px #ffffff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: var(--dynamic); box-shadow: 0px 0px 0px 0px #ffffff; transform: scale(2); } @media(max-width: 800px) { .ultimate--reviews.uReviews-1 { padding: 2vw 20px; } .swiper-button-next,.swiper-button-prev{ display: none; } } .swiper-button-next, .swiper-button-prev, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { font-family: 'ultimateIcons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px !important; color: inherit;} .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "\e91c"; color:inherit; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "\e91b"; color:inherit; } .swiper-button-next:hover:after, .swiper-container-rtl .swiper-button-prev:hover:after, .swiper-button-prev:hover:after, .swiper-container-rtl .swiper-button-next:hover:after{ color: var(--dynamic) !important; } /*----------------------------------*/ /* ABOUT in Homepage */ /*----------------------------------*/ .ultimate-about{} .ultimate-about--img{} .ultimate-about--head{} .ultimate-about--head .uAbout--title{} .uAbout-1 .grid-layout--2{ place-content: center; } .uAbout-1 .ultimate-about--head{ display: grid; place-content: center; } .ultimate-about.uAbout-1 .uAbout--text, .ultimate-about.uAbout-1 .uAbout--text .biglines{ font-size: 1em; line-height: 1.6em; } /*.ultimate-about.uAbout-1 .ultimate-about--head { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-template-areas: "aboutTitle aboutText"; grid-gap: 40px; } .ultimate-about.uAbout-1 .uAbout--title { grid-area: aboutTitle; padding-right: 20px; } .ultimate-about.uAbout-1 .uAbout--text { grid-area: aboutText; }*/ @media(max-width: 1200px) { /*.ultimate-about.uAbout-1 .ultimate-about--head { display: block; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-template-areas: "aboutTitle aboutText"; text-align: center; }*/ .ultimate-about.uAbout-1 .uAbout--title { text-align: center; padding-right: 20px; } .ultimate-about.uAbout-1 .uAbout--text { text-align: center; } } .ultimate-about.uAbout-2 .ultimate-about--img{ margin: 0 auto; width: 100%; max-width: 1200px; } .ultimate-about.uAbout-2 .ultimate-about--head { margin: 0 auto; max-width: 1280px; padding: 20px; text-align: center; width: 100%; } @media(max-width: 1200px) { } .ultimate--about-3 .ultimate--about-3--text { padding: 8vw 20px; max-width: 1280px; margin: 0 auto; width: 100%; text-align: center; } .ultimate--about-3 .leadFormBackground{ padding: 80px; } @media(max-width: 800px) { /*.ultimate--about-3 .leadFormBackground { padding: 0px; min-height: 70vw; }*/ .ultimate--about-3 .leadFormBackground {display: none;} } /*----------------------------------*/ /* PROGRAMS in Homepage */ /*----------------------------------*/ .ultimate--programs{} .uPrograms--img img{ margin-bottom: 20px; width: 100%; } .uPrograms--text{} .ultimate--programsItem .uPrograms--text h2 {font-size: 28px; line-height: 1;} /* Style-1 */ .ultimate--programs.uPrograms-1 .ultimate--programsItem { display: grid; padding: 80px 0; grid-template-columns: 60% 40%; } .ultimate--programs.uPrograms-1 .ultimate--programsItem:nth-child(odd) { grid-template-columns:40% 60%; } .ultimate--programs.uPrograms-1 .ultimate--programsItem .uPrograms--img{} .ultimate--programs.uPrograms-1 .ultimate--programsItem .uPrograms--img{ position: relative; z-index: 1; } .ultimate--programs.uPrograms-1 .ultimate--programsItem .uPrograms--img:after{ background-color:var(--dynamic); content: ''; position: absolute; top: -20px; z-index: -1; width: 60px; height: 60px; } .ultimate--programs.uPrograms-1 .ultimate--programsItem:nth-child(even) .uPrograms--img:after{ left: -20px; } .ultimate--programs.uPrograms-1 .ultimate--programsItem:nth-child(odd) .uPrograms--img{ order:2; } .ultimate--programs.uPrograms-1 .ultimate--programsItem:nth-child(odd) .uPrograms--img:after{ right: -20px; } .ultimate--programs.uPrograms-1 .ultimate--programsItem .uPrograms--text{display: block; vertical-align: middle; padding:5vw 80px 0 80px; z-index: 2 !important;} .ultimate--programs.uPrograms-1 .ultimate--programsItem:nth-child(odd) .uPrograms--text-limit{ max-width: 400px; margin: 0 0 0 auto; } .ultimate--programs.uPrograms-1 .ultimate--programsItem .uPrograms--text h2{ position: relative; white-space: nowrap; z-index: 2; display: inline-block; margin-bottom: 30px;} .ultimate--programs.uPrograms-1 .ultimate--programsItem:nth-child(even) h2{float: right; min-width: 100%;} .ultimate--programs.uPrograms-1 .ultimate--programsItem .uPrograms--text h2:after{ content:''; background-color:var(--bgcolor); display: block; position: absolute; top: -15px; left: -25px; width: calc(100% + 50px); height: calc(100% + 30px); z-index: -1;} .ultimate-section:nth-child(even) .ultimate--programs.uPrograms-1 .ultimate--programsItem .uPrograms--text h2:after{ background-color: var(--sectionAltColor); } .ultimate--programs.uPrograms-1 .ultimate--programsItem:nth-child(odd){ flex-direction: row-reverse; } @media(max-width: 1200px) { .ultimate--programs { width: 100%; overflow-x: hidden; } .ultimate--programs.uPrograms-1 .ultimate--programsItem, .ultimate--programs.uPrograms-1 .ultimate--programsItem:nth-child(odd) { grid-template-columns: 1fr 1fr; } } @media(max-width: 960px) { .ultimate--programs.uPrograms-1 .ultimate--programsItem, .ultimate--programs.uPrograms-1 .ultimate--programsItem:nth-child(odd) { display: block; grid-template-columns: 1fr; padding: 30px 0; width: 100%; } .ultimate--programs.uPrograms-1 .ultimate--programsItem:nth-child(odd) .uPrograms--img{ order:unset; } .ultimate--programs.uPrograms-1 .ultimate--programsItem .uPrograms--text{ padding: 20px; } .ultimate--programs.uPrograms-1 .ultimate--programsItem:nth-child(odd) .uPrograms--text-limit { max-width: 100%; margin: 0; } .ultimate--programs.uPrograms-1 .ultimate--programsItem .uPrograms--text h2{ white-space: normal; } } .ultimate--programs.uPrograms-2 .ultimate--programsItem{ max-width: 400px; margin: 0 auto; } .ultimate--programs.uPrograms-2{ padding: 40px 80px; position: relative; } .ultimate--programs.uPrograms-2 .uPrograms--text{ padding: 20px; text-align: center; } .ultimate--programs.uPrograms--text h2{ font-size: 28px; line-height: 1; } .ultimate--programs.uPrograms-2 .fade-bottom{ opacity: 1; visibility: visible; } @media(max-width: 800px) { .ultimate--programs.uPrograms-2{ padding: 40px 0px; } /*.ultimate--programs .fade-bottom{ opacity: 1; visibility: visible; }*/ /*.ultimate--programs.uPrograms-2{ grid-template-columns: 1fr; grid-template-areas: "."; }*/ } /*----------------------------------*/ /* MEMBERSHIP */ /*----------------------------------*/ .ultimate-membership.uMembership-1{ text-align: center; } .ultimate-membership.uMembership-1 .uMembership--title{} .ultimate-membership.uMembership-1 .uMembership--text{ margin: 0 auto; max-width: 1000px; } .ultimate-membership.uMembership-1 .uMembership--offers{ font-size:0; text-align: center; margin: 50px 0px; position: relative; padding: 0 60px; } .ultimate-membership .swiper-pagination { z-index: 900; bottom: -40px; } .ultimate-membership.uMembership-1 .uMembership--offers ul{} .ultimate-membership.uMembership-1 .uMembership--offers .uMembership--item{ background-color: var(--sectionAltColor); border-radius: var(--cornerRadius); border:1px solid var(--separator); font-size: initial; display: inline-block; margin: 0 15px; width: 100%; padding: 30px; max-width: 380px; } .ultimate-membership.uMembership-1 .uMembership--offers .uMembership--item:hover{ box-shadow: 0px 0px 30px 0px var(--sectionAltColor); } .ultimate-membership.uMembership-1 .uMembership--offers .uMembership--item h3{ font-size: 30px; line-height: 1; margin-bottom: 10px; min-height: 60px; } .ultimate-membership.uMembership-1 .uMembership--offers .uMembership--item .subtitle{ font-weight: 800; text-transform: uppercase; letter-spacing: 3px; } .ultimate-membership.uMembership-1 .uMembership--offers .uMembership--item p{ padding-top: 20px; text-align: justify; } .ultimate-section.ultimate-membership:nth-child(even), .ultimate-membership{ background-color: var(--membershipBgColor) !important; color: var(--membershipColor) !important; } .ultimate-membership.uMembership-1 .uMembership--offers .uMembership--item{ background-color: var(--membershipCardBgColor) !important; color: var(--membershipCardColor) !important; } .ultimate-membership.uMembership-1 .uMembership--offers .uMembership--item{ background-color: var(--membershipBgColor); color: var(--membershipColor); } @media(max-width: 800px) { .ultimate-membership.uMembership-1 .uMembership--offers .uMembership--item{ max-width: calc(100% - 30px); margin-top: 20px; } .ultimate-membership.uMembership-1 .uMembership--offers { padding: 0; } } /*----------------------------------*/ /* Flex Image + Text */ /*----------------------------------*/ .block_text_image{ display: flex; align-items: center; justify-content: center; padding: 80px 0; } .b_t_i-img{ width: 50%; } .b_t_i-txt{ display: block; vertical-align: middle; width: 50%; padding: 0 80px; } .block_text_image.atRight{ flex-direction: row-reverse; } .block_text_image:nth-child(even){ flex-direction: row-reverse; } @media(max-width: 1200px) { .block_text_image { display: block; } .b_t_i-img, .b_t_i-txt{ width: 100%; } .b_t_i-txt{ padding: 30px; } .block_text_image { padding: 10px 0; } .block_text_image:nth-child(even), .block_text_image.atRight{ flex-direction: row; } } /*----------------------------------*/ /* INSTAGRAM */ /*----------------------------------*/ .instagramFeed{} .instagramFeed li{} .instagramFeed li a{} .instagramFeed li a img{} .instagramFeed.instagram-1{ max-width: 1000px; margin: 0 auto; padding: 80px 0; } .instagramFeed.instagram-1 ul{ font-size: 0; text-align: center; display: grid; grid-template-rows: 1fr; grid-template-areas: ". . . . . ."; } .instagramFeed.instagram-1 li{ display: inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .instagramFeed.instagram-1 ul:hover li{ opacity: 0.5; } .instagramFeed.instagram-1 ul li:hover{ opacity: 1; } .instagramFeed.instagram-1.fullw{ max-width: 100%; padding: 0; } .instagramFeed.instagram-1.fullw li:nth-child(n+19){ display: none; } @media(max-width: 800px) { .instagramFeed.instagram-1 ul{ grid-template-columns: repeat(2, 1fr); grid-template-areas: ". ."; } .instagramFeed.instagram-1 li:nth-child(n+7){ display: none; } } /*----------------------------------*/ /* SERVICES */ /*----------------------------------*/ .ultimate--services{ padding: 40px 0; } .ultimate--services.uServices-1{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; grid-gap: 20px; grid-template-areas: ". . ."; } .ultimate--services.uServices-1 li{ background-color: var(--servicesBgColor); color: var(--servicesTextColor); border-radius: var(--cornerRadius); display: block; padding: 60px 20px 20px 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ultimate--services.uServices-1 li:hover{ background-color: var(--servicesBgHoverColor); color: var(--servicesTextHoverColor); display: block; padding: 40px 20px 40px 20px; } .ultimate--services.uServices-1 .ultimate--services-label{ font-size: 30px; font-weight: bold; } /*.ultimate--services.uServices-2{ padding: 0; } .ultimate--services.uServices-2 li{ display: block; position: relative; } .ultimate--services.uServices-2 .ultimate--services-img{ background-size: contain; background-repeat: no-repeat; background-position-y: center; width: 47%; height: 100%; position: absolute; top: 0; left: 0; } .ultimate--services.uServices-2 .ultimate--services-img img{ display: none; } .ultimate--services.uServices-2 .ultimate--services-text{ position: relative; z-index: 2; margin: 0 auto; max-width: var(--sectionBoxed); width: 100%; } .ultimate--services.uServices-2 .ultimate--services-text .limit{ padding: 20px; width: 100%; max-width: 700px; margin: 0 auto; } .ultimate--services.uServices-2 li:nth-child(odd) .ultimate--services-text .limit{ margin-right: 0; } .ultimate--services.uServices-2 li:nth-child(even) .ultimate--services-text .limit{ margin-left: 0; } .ultimate--services.uServices-2 li:nth-child(even) .ultimate--services-img{ background-position: right; right: 0; left: auto; }*/ .ultimate--services.uServices-2 ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px; } .ultimate--services.uServices-2{ padding: 0; margin: 0 auto; max-width: 1280px; width: 100%; } .ultimate--services.uServices-2 .ultimate--services-img{ background:none !important; } .ultimate--services.uServices-2 .ultimate--services-text{ width: calc(100% - 120px); display: inline-block; } .ultimate--services.uServices-2 .ultimate--services-img{ display: inline-block; vertical-align: top; width: 100px; } @media(max-width: 1200px) { .ultimate--services.uServices-2 li{width:100%;} } @media(max-width: 960px) { .ultimate--services.uServices-1 { grid-template-columns: 1fr; grid-gap: 6px; grid-template-areas: "."; } .ultimate--services.uServices-1 a, .ultimate--services.uServices-1 a:hover { padding: 10px 20px; } .ultimate--services.uServices-1 .ultimate--services-label { font-size: 21px; } .ultimate--services.uServices-2 ul{ display: grid; grid-template-columns: 1fr; grid-gap: 40px; } } @media(max-width: 800px) { .ultimate--services.uServices-2 ul { grid-gap: 0px; } .ultimate--services.uServices-2 .ultimate--services-img { display: block; margin: 0 auto 20px auto; } .ultimate--services.uServices-2 .ultimate--services-text { width: 100%; display: block; } .ultimate--services.uServices-2 .ultimate--services-text h3{ line-height: 1.5; text-align: center; } } .ssBackground{ position: relative; z-index: 2; } .ssBackground:before{ content:''; opacity: 0.5; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-position: center center; background-size: cover; } /*----------------------------------*/ /* LOCATIONS */ /*----------------------------------*/ .uLocation-1-areas{ font-size: 16px; margin-bottom: 30px; margin-left: 30px; column-count: 2; column-rule:thick; } .uLocation-1-areas li{ display: block; position: relative; padding-left: 20px; } .uLocation-1-areas li:before { content: ''; background-color: var(--separator); width: 4px; height: 4px; border-radius: var(--cornerRadius); position: absolute; top: 11px; left: 0; } .uLocation-1-locations{ font-size: 16px; margin-bottom: 30px; } .uLocation-1-locations li{ display: block; padding-left: 30px; margin-bottom: 30px;} .uLocation-1-locations a{ text-decoration: none; position: relative; padding-left: 24px; } .uLocation-1-locations a .icon{ position: absolute; top: 0; left:0; } .uLocation-1-locations a:hover{ color: var(--dynamic); } .uLocation-1 iframe, .uLocation-2 iframe{ display: block; width: 100%; height: 100vh; max-height: 400px; } .uLocation-2{ position: relative; } .uLocation--text a{ color: var(--color); } .uLocation--text a:hover{ color: var(--dynamic); } .uLocation--text{ padding:80px 5vw; width: 50%; } .uLocation--map { position: absolute; top: 0; right: 0; width: 50%; height: 100%; } .uLocation-2 #mapBox{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; } #contactMap{ height: 100%; } .uLocation-1 #mapBox,.uLocation-1 #contactMap{ width: 100%; min-height: 480px; height: 100%; } .uLocation--map iframe{ width: 100%; height: 100%; min-height: 400px; } @media(max-width: 960px) { .uLocation--text{ padding:40px 5vw; width: 100%; } .uLocation--map { position: relative; top: auto; right: auto; width: 100%; height: 50vh; } } .uLocation-2--label{ color: var(--dynamic); } .uLocation-2 p{ margin-bottom: 10px; } .uLocation-2 ul { font-size: 0; } .uLocation-2 ul li { display: inline-block; font-size: 16px; padding: 0 20px; width: 50%; vertical-align: top; } .iconSocial { font-size: 40px; margin-left: 10px; text-decoration: none; } .iconSocial:hover{ color: var(--dynamic); } /*----------------------------------*/ /* FAQ */ /*----------------------------------*/ .ultimate-faq { max-width: 1100px; margin: 0 auto; } .ultimate-faq h2{ margin-bottom: 30px; } .uFaq-1 .faq--item{ overflow: hidden; } .uFaq-1 .faq--item h3{ display: block; border-bottom: 1px solid var(--separator); font-size: 24px; font-weight: 800; padding-right: 30px; position:relative;} .uFaq-1 .faq--item h3:hover{ color: var(--dynamic); } .uFaq-1 .faq--item h3 .icon{ font-size: 1rem; position: absolute; top: 0; right: 10px; width: 32px; height: 32px; display: block; line-height: 32px; transform: rotate(0deg); text-align: center; -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .uFaq-1 .faq--item.active h3 .icon{ transform: rotate(-180deg); } .uFaq-1 .faq--content{ max-height: 0; overflow: hidden; -webkit-transition: max-height 0.2s ease-in-out; -moz-transition: max-height 0.2s ease-in-out; -o-transition: max-height 0.2s ease-in-out; transition: max-height 0.2s ease-in-out; } .uFaq-1 .faq--item.active .faq--content{ display: block; } .uFaq-1 .faq--inner{ padding: 20px; } .uFaq-2 .faq--item{ padding-bottom: 30px; } /*.uFaq-2 .faq--item h3{ grid-area: question; } .uFaq-2 .faq--answer{ grid-area: answer; }*/ .uFaq-2 .faq--item h3{ display: block; padding-right: 30px; position:relative; } .uFaq-2 .faq--item h3:hover{ color: var(--dynamic); } .uFaq-2 .faq--item h3:after{ content:''; background-color: var(--dynamic); height: 2px; width: 5%; display: block; position: absolute; bottom: -21px; left: 0; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out; } .uFaq-2 .faq--item h3 .icon{ font-size: 1rem; position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; display: block; line-height: 32px; transform: rotate(0deg); text-align: center; -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .uFaq-2 .faq--item.active h3 .icon{ transform: rotate(-180deg); } .uFaq-2 .faq--content{ max-height: 0; overflow: hidden; -webkit-transition: max-height 0.2s ease-in-out; -moz-transition: max-height 0.2s ease-in-out; -o-transition: max-height 0.2s ease-in-out; transition: max-height 0.2s ease-in-out; } .uFaq-2 .faq--item.active .faq--content{ display: block; } .uFaq-2 .faq--inner{ padding: 0 20px 20px 30%; } .uFaq-2 .faq--item.active h3:after{ left: 15%; width: 13%; } @media(max-width: 800px) { .uFaq-2 .faq--inner { padding: 30px 0px; } .uFaq-2 .faq--item h3 { font-size: 20px; } } /*----------------------------------*/ /* LEAD FORM */ /*----------------------------------*/ .leadFormStyle--2{ max-width: 1280px; margin: 0 auto; } .leadFormStyle--2 h3{ padding-top: 30px; padding-bottom: 20px; } .leadFormStyle--2 .homepagedevcode81_leadform{ max-width: 100%; padding: 30px; } .leadFormStyle--2 .homepagedevcode81_leadform .gap-20{ height: 40px; } .foldZero-leadform{ font-size: 0; margin: 0 auto; max-width:1440px; padding:20px 20px 40px 20px; position: relative; z-index: 4; text-align: center; width: 100%; } .foldZero-leadform h3{ display: none; color:#fff; font-size: 14px; line-height:22px; font-weight: 600; letter-spacing: 4px; margin-bottom:6px; position: relative; z-index: 2; text-transform: uppercase; } .foldZero-leadform h3 span{ display: inline-block; position: relative; padding: 8px 20px; } .foldZero-leadform h3 span:before{ background: var(--innerpageBg); background: linear-gradient(90deg, var(--innerpageBg) 0%, rgba(255,255,255,0) 100%); content: ''; width: 100%; height: 1px; position: absolute; top:18px; left:100%; z-index: -1; } .foldZero-leadform h3 span:after{ background: var(--innerpageBg); background: linear-gradient(-90deg, var(--innerpageBg) 0%, rgba(255,255,255,0) 100%); content: ''; width: 100%; height: 1px; position: absolute; top:18px; right:100%; z-index: -1; } .foldZero-leadform .foldZeroBox{ font-size: 16px; display: inline-block; padding: 0 5px; width: 20%; margin-bottom: 6px; } .foldZero-leadform .foldZeroBox .field{ background-color: var(--leadformInputBg, --innerpageBg); border: none; border-radius: var(--buttonRadius); color: var(--leadformColor, #ffffff); padding: 0 20px 0 40px; height: 40px; width: 100%; } .foldZero-leadform .fieldType-name, .foldZero-leadform .fieldType-mail, .foldZero-leadform .fieldType-phone, .foldZero-leadform .fieldType-location, .foldZero-leadform .fieldType-program, .foldZero-leadform .fieldType-PhoneOptIn, .foldZero-leadform .fieldType-EmailOptIn, .foldZero-leadform .fieldType-submit{ position: relative; } .foldZero-leadform .fieldType-name span, .foldZero-leadform .fieldType-mail span, .foldZero-leadform .fieldType-location span, .foldZero-leadform .fieldType-phone span{ display: block; width:40px; height: 40px; line-height: 40px; position: absolute; top: 0; left: 5px; z-index: 2; border-radius: 40px; font-size: 16px; } .foldZero-leadform .fieldType-submit input { border: none; min-height: 40px; /*width: 100%;*/ white-space: nowrap; max-width: 300px; } .foldZero-leadform .fieldType-location select,.foldZero-leadform .fieldType-program select{ padding-left: 39px !important; height: 40px !important; } .icon-leadName:before, .icon-user:before, .icon-phone:before, .icon-leadMail:before{ color: var(--leadformColor); } .field-validation-error { width: 100% !important; top: 100% !important; } .field-validation-error span { display: block !important; width: 100% !important; top: 0px !important; left: 0px !important; font-size: 12px !important; line-height: 24px !important; height: 24px !important; text-align: left; padding-left: 13px; } .tinyText{ font-size: 14px; font-style: italic; opacity: 0.8; margin-bottom: 0px; } .field-validation-error {background: #e40000;color: #fff !important;display: block !important;position: absolute !important;top: 8px !important;border-radius: 4px !important;width: auto !important;left: auto !important;padding: 0 8px !important;right: 13px;font-size: 13px !important;line-height: 18px !important;height: auto !important;word-break: normal;white-space: nowrap;text-align: right;direction: ltr;}.field-validation-error {background: #e40000;color: #fff !important;display: block !important;position: absolute !important;top: 8px !important;border-radius: 4px !important;width: auto !important;left: auto !important;padding: 0 8px !important;right: 13px;font-size: 13px !important;line-height: 18px !important;height: auto !important;word-break: normal;white-space: nowrap;text-align: right;direction: ltr;} .field-validation-email-phone { color: #ff0000 !important; display: block !important; top: 8px !important; border-radius: 4px !important; width: auto !important; left: auto !important; padding: 0 8px !important; right: 13px; font-size: 13px !important; line-height: 18px !important; height: auto !important; word-break: normal; white-space: nowrap; text-align: center; direction: ltr; }.field-validation-error {background: #e40000;color: #fff !important;display: block !important;position: absolute !important;top: 8px !important;border-radius: 4px !important;width: auto !important;left: auto !important;padding: 0 8px !important;right: 13px;font-size: 13px !important;line-height: 18px !important;height: auto !important;word-break: normal;white-space: nowrap;text-align: right;direction: ltr;} .field-validation-error span{white-space: nowrap; position: relative !important; color: #fff; padding-left:0px;} .dc81_halfright, .dc81_halfleft, .dc81_full{ position: relative; } .foldZero-leadform .foldZeroBox .checkbox{ /*color: var(--leadformInputBg, --innerpageBg);background-color: var(--leadformColor, #ffffff);*/ border: none; border-radius: var(--buttonRadius); padding: 0 5px 0 5px; height: 40px; width: 100%; } .field-error { background: #e40000;color: #fff !important;width: 100% !important; top: 100% !important; top: 8px !important;border-radius: 4px !important;width: auto !important;left: auto !important;padding: 2px 8px !important;right: 13px;font-size: 16px !important;line-height: 18px !important;height: auto !important;word-break: normal;white-space: nowrap;text-align: right;direction: ltr;} .foldZero-leadform .fieldType-error{ font-size: 20px; display: inline-block; padding: 0 5px; width: 40%; margin-bottom: 6px;} ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--leadformColor); opacity: 1; /*Firefox*/ } ::-ms-input-placeholder { /*Microsoft Edge*/ color: var(--leadformColor); } .dc81_field::placeholder { color: var(--leadformColor) !important; } @media(max-width: 1300px) { .foldZero-leadform .foldZeroBox{ margin-bottom:7px; width: 50%; } } @media(max-width: 800px) { .foldZero-leadform { max-width: 600px; margin: 0 auto; } .foldZero-leadform .foldZeroBox{ margin-bottom:10px; width: 100%; } .foldZero-leadform .fieldType-submit input { white-space: normal; } } /*----------------------------------*/ /* LISTs */ /*----------------------------------*/ .list--dot{} .list--dot li{ position: relative; padding-left: 16px; } .list--dot li:before{ content: ''; background-color: var(--separator); width: 4px; height: 4px; border-radius: var(--cornerRadius); position: absolute; top: 11px; left: 0; } /*----------------------------------*/ /* HACK TO FIX OLD THEMES PAGE DESIGNS */ /*----------------------------------*/ .ultimate--innerpage a { color: var(--color); text-decoration: underline !important; text-decoration-color: var(--colorAlt); } .paginator { border: 1px solid var(--separator) !important; } .list > li { box-shadow: inset 0 1px 0 var(--separator) !important; } .the_blog_article { border-bottom: 1px solid var(--separator) !important; } #listId #btnSearch.btn { border: none !important; background: var(--buttonBg) !important; color: var(--buttonColor) !important; } #listId #btnSearch.btn:hover { border: none !important; background: var(--buttonColor) !important; color: var(--buttonBg) !important; } ol { padding-left: 30px; margin-bottom: 30px; } ol li { padding-left: 10px; list-style-type: decimal; } .blogdetails .ultimate--innerpage .content ul, .ultimate--innerpage .content ul { margin-left: 50px; margin-bottom: 30px; list-style-type: disc; } .sidebar ul { list-style: none !important; margin-left: 0 !important; } .schedules_rd_grid { background: var(--bgcolor); } .filters_list ul li a { color: var(--color) !important; } .filters_list ul li a.active { color: var(--buttonColor) !important; background: var(--buttonBg) !important; border-radius: var(--buttonRadius) !important; } .social_share_97d{ margin-top: 30px; display:block; text-align: center; overflow: hidden; padding-bottom: 5px; } .social_share_97d h4{ display: inline-block; padding: 10px 30px; position: relative; } .social_share_97d h4:before, .social_share_97d h4:after{ content: ''; background: var(--color); opacity: 0.3; height: 3px; width: 120px; position: absolute; top: 50%; display: block; } .social_share_97d h4:before{ right: 100%; } .social_share_97d h4:after{ left: 100%; } .social_share_box{ padding-left: 0!important; } .social_share_box li{ display: inline-block!important; width: 50px; height: 50px; list-style: none!important; margin: 0 20px; padding: 0!important; padding-left: 0!important; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .social_share_box li:before, .social_share_box li:after{ display: none!important; } .social_share_box li a{ display: block; width: 50px; height: 50px; background-position: center top; } .social_share_box li:hover a{ background-position: center bottom; } .social_share_box li.facebook a{text-indent: -9999px; background-image: url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/global/social_share_box-fb.png); } .social_share_box li.facebook{ background: #fff; -webkit-box-shadow: 0px 0px 0px 2px #3b5999; -moz-box-shadow: 0px 0px 0px 2px #3b5999; -o-box-shadow: 0px 0px 0px 2px #3b5999; box-shadow: 0px 0px 0px 2px #3b5999; } .social_share_box li.facebook:hover{ background: #3b5999; } .social_share_box li.twitter a{text-indent: -9999px; background-image: url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/global/social_share_box-tw.png); } .social_share_box li.twitter{ background: #fff; -webkit-box-shadow: 0px 0px 0px 2px #55acee; -moz-box-shadow: 0px 0px 0px 2px #55acee; -o-box-shadow: 0px 0px 0px 2px #55acee; box-shadow: 0px 0px 0px 2px #55acee; } .social_share_box li.twitter:hover{ background: #55acee; } .social_share_box li.google a{text-indent: -9999px; background-image: url(https://res.cloudinary.com/display97/image/upload/googleicon.png); } .social_share_box li.google{ background: #fff; -webkit-box-shadow: 0px 0px 0px 2px #dc4e41; -moz-box-shadow: 0px 0px 0px 2px #dc4e41; -o-box-shadow: 0px 0px 0px 2px #dc4e41; box-shadow: 0px 0px 0px 2px #dc4e41; } .social_share_box li.google:hover{ background: #dc4e41; } .contactRD h2{ text-align: center; margin-bottom: 40px; font-weight: 500; } .contactRD h2 strong{ font-weight: 900 !important; } /* Social Medias */ .contactRD .social-contact{ text-align: center; font-size: 0; margin-bottom: 40px; } .contactRD .social-contact li{ border-radius:50%; background-repeat: no-repeat; background-position: center center; display: inline-block; font-size: 16px; margin: 0 6px; width: 44px; height: 44px; text-indent: -9999px;padding: 0; vertical-align: middle; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .contactRD .social-contact:hover li{ opacity: 0.4; } .contactRD .social-contact:hover li:hover{ opacity:1; } .contactRD .social-contact-facebook {background-image: url(https://97displaylive.blob.core.windows.net/aqua/Resources/images/facebookIcon.png);} .contactRD .social-contact-twitter {background-color: black;background-image: url(https://97displaylive.blob.core.windows.net/aqua/images/Twitter_small.png);} .contactRD .social-contact-google{ background-color: #dd4b39; background-image: url(https://res.cloudinary.com/display97/image/upload/googleicon.png); } .contactRD .social-contact-instagram { background-color: #3f729b; background-image: url(https://97displaylive.blob.core.windows.net/aqua/images/instagram-button.png);} .contactRD .social-contact-youtube { background-color: #cd201f; background-image: url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/youtube.png); } .contactRD .social-contact-yelp{ background-color: #df2029; background-image: url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/yelp.png); } .contactRD .social-contact-pinterest{ background-color: #bd081c; background-image: url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/pinterest.png); } .contactRD .social-contact-snapchat {background-color: yellow;background-image: url(https://97displaylive.blob.core.windows.net/aqua/images/snapchat-button.png);} .contactRD .social-contact-tiktok { background-color: black;background-image: url(https://97displaylive.blob.core.windows.net/aqua/images/tiktok-button.png);} .contactRD .social-contact-linkedin { background-color: #007AB9;background-image: url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/global/linkedin.png);} .contactRD li:before, .contactRD li:after{ display: none !important; } .contactRD .social-contact li a{ display: block; width: 44px; height: 44px; } /* Address */ .contactRD .contactRD-address{ margin-bottom: 40px; width: 50%; float: left;} .contactRD .contactRD-address li{ padding: 4px 0 4px 52px !important; line-height: 32px;list-style-position: none !important; list-style-type: none !important;} .contactRD .contactRD-address li.cRD-address{ background: url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/address.png) no-repeat left top; } .contactRD .contactRD-address li.cRD-phone{ background: url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/phone.png) no-repeat left top; } .contactRD .contactRD-address li.cRD-email{ background: url(https://res.cloudinary.com/display97/image/upload/q_auto,fl_lossy,f_auto/resources/locpage/email.png) no-repeat left top; } .contactRD .contactRD-address ul li a:hover{ color: var(--dynamic); } /* imgLocation */ .contactRD .contactRD-imgLocation{text-align: center; margin-bottom: 30px; width: 50%; float: right;} .contactRD .contactRD-imgBox{ float: right; max-width: 500px; background-color: #000; } .contactRD .contactRD-imgLocation h3{ text-transform: uppercase; font-size: 17px; margin-bottom: 0;} .contactRD .contactRD-imgLocation .contactRD-img{ padding: 0 2px 2px 2px; } /* contactRD-hours */ .contactRD .contactRD-hours{margin-bottom: 30px;} .contactRD .contactRD-hours h4{ border-bottom: 1px solid #000; display:inline-block; font-weight: 900; font-size:18px; line-height: 24px; margin-bottom: 10px; text-transform: uppercase; } .contactRD .contactRD-hours p strong{ font-weight: bold; } .contactRD .contactRD-hours p em{ font-style: italic; } /* contactRD-map */ .contactRD .contactRD-map{ margin-bottom: 50px; clear: both; position: relative;} .contactRD .contactRD-map #contactMap{ min-height: 320px; } .contactRD .contactRD-map iframe{} .contactRD .contactRD-directions{ border-left:1px solid #000; border-left:1px solid rgba(0,0,0,0.2); margin-left: 20px; padding: 30px 30px 10px 30px; position: relative; } .contactRD .contactRD-directions:after{ content: ''; background-color: rgba(0,0,0,0.2); width: 4px; height: 4px; border-radius: 50%; position: absolute; bottom: -4px; left: -2px; } .contactRD .contactRD-directions h5{ font-size: 17px; font-weight: bold; margin-bottom: 5px; } .contactRD .contactRD-directions ul{} .contactRD .contactRD-directions ul li{ padding-left: 8px; margin-bottom: 2px; line-height: normal; } /* contactRD-about */ .contactRD .contactRD-about{background: #f0f0f0; border-radius: 4px; overflow: hidden; box-shadow: rgba(0,0,0,0.2) 0px 0px 0px 1px inset;} .contactRD .contactRD-about h4{ background-color: #000; color: #fff; text-align: center; font-weight: 900; text-transform: uppercase; line-height: normal; margin-bottom: 0; font-size: 16px; padding: 16px; } .contactRD .contactRD-about p{ padding: 20px; margin-bottom: 0; } @media only screen and (max-width: 959px) { .contactRD .contactRD-imgLocation, .contactRD .contactRD-address{ width:100%; float: none; } } /*----------------------------------*/ /* ANIMATIONS */ /*----------------------------------*/ .anim-moveRight, .anim-moveDown, .anim-moveLeft, .anim-moveup-1, .anim-moveup-2, .anim-moveup-3, .anim-moveup-4, .anim-fadeLong, .anim-grow, .blurry, .anim_move_rtl, .anim{ opacity: 0; position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); backface-visibility: hidden; transform: translateZ(0) scale(1.0, 1.0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .anim_move_rtl{ opacity: 1; visibility: visible; } .animStart.anim-moveLeft{ -webkit-animation: moveLeft 0.5s cubic-bezier(.52,.07,.08,.83) forwards; -moz-animation: moveLeft 0.5s cubic-bezier(.52,.07,.08,.83) forwards; -o-animation: moveLeft 0.5s cubic-bezier(.52,.07,.08,.83) forwards; animation: moveLeft 0.5s cubic-bezier(.52,.07,.08,.83) forwards; } .animStart.anim-moveDown{ -webkit-animation: moveDown 0.5s cubic-bezier(.52,.07,.08,.83) forwards; -moz-animation: moveDown 0.5s cubic-bezier(.52,.07,.08,.83) forwards; -o-animation: moveDown 0.5s cubic-bezier(.52,.07,.08,.83) forwards; animation: moveDown 0.5s cubic-bezier(.52,.07,.08,.83) forwards; } .animStart.anim-moveRight{ -webkit-animation: moveRight 0.5s cubic-bezier(.52,.07,.08,.83) forwards; -moz-animation: moveRight 0.5s cubic-bezier(.52,.07,.08,.83) forwards; -o-animation: moveRight 0.5s cubic-bezier(.52,.07,.08,.83) forwards; animation: moveRight 0.5s cubic-bezier(.52,.07,.08,.83) forwards; } .animStart.anim-moveup-1{ -webkit-animation: moveup 0.5s cubic-bezier(.52,.07,.08,.83) forwards; -moz-animation: moveup 0.5s cubic-bezier(.52,.07,.08,.83) forwards; -o-animation: moveup 0.5s cubic-bezier(.52,.07,.08,.83) forwards; animation: moveup 0.5s cubic-bezier(.52,.07,.08,.83) forwards; } .animStart.anim-moveup-2{ -webkit-animation: moveup 0.5s 0.3s cubic-bezier(.52,.07,.08,.83) forwards; -moz-animation: moveup 0.5s 0.3s cubic-bezier(.52,.07,.08,.83) forwards; -o-animation: moveup 0.5s 0.3s cubic-bezier(.52,.07,.08,.83) forwards; animation: moveup 0.5s 0.3s cubic-bezier(.52,.07,.08,.83) forwards; } .animStart.anim-moveup-3{ -webkit-animation: moveup 0.5s 0.5s cubic-bezier(.52,.07,.08,.83) forwards; -moz-animation: moveup 0.5s 0.5s cubic-bezier(.52,.07,.08,.83) forwards; -o-animation: moveup 0.5s 0.5s cubic-bezier(.52,.07,.08,.83) forwards; animation: moveup 0.5s 0.5s cubic-bezier(.52,.07,.08,.83) forwards; } .animStart.anim-moveup-4{ -webkit-animation: moveup 0.5s 0.7s cubic-bezier(.52,.07,.08,.83) forwards; -moz-animation: moveup 0.5s 0.7s cubic-bezier(.52,.07,.08,.83) forwards; -o-animation: moveup 0.5s 0.7s cubic-bezier(.52,.07,.08,.83) forwards; animation: moveup 0.5s 0.7s cubic-bezier(.52,.07,.08,.83) forwards; } @-webkit-keyframes moveup { 0% { opacity: 0; top:100px; } 100% { opacity: 1; top: 0px; } } @-moz-keyframes moveup { 0% { opacity: 0; top:100px; } 100% { opacity: 1; top: 0px; } } @-o-keyframes moveup { 0% { opacity: 0; top:100px; } 100% { opacity: 1; top: 0px; } } @keyframes moveup { 0% { opacity: 0; top:100px; } 100% { opacity: 1; top: 0px; } } .animStart.anim-grow{ opacity: 0; -webkit-animation: grow 0.3s ease-in-out forwards; -moz-animation: grow 0.3s ease-in-out forwards; -o-animation: grow 0.3s ease-in-out forwards; animation: grow 0.3s ease-in-out forwards; } @-webkit-keyframes grow { 0% { opacity: 0; transform: -webkit-scale(0.3); } 100% { opacity: 1; transform: -webkit-scale(1); } } @-moz-keyframes grow { 0% { opacity: 0; transform: -moz-scale(0.3); } 100% { opacity: 1; transform: -moz-scale(1); } } @-o-keyframes grow { 0% { opacity: 0; transform: -o-scale(0.3); } 100% { opacity: 1; transform: -o-scale(1); } } @keyframes grow { 0% { opacity: 0; transform: scale(0.3); } 100% { opacity: 1; transform: scale(1); } } .animStart.anim-fadeIn{ -webkit-animation: fadeIn 0.4s cubic-bezier(.52,.07,.08,.83) forwards; -moz-animation: fadeIn 0.4s cubic-bezier(.52,.07,.08,.83) forwards; -o-animation: fadeIn 0.4s cubic-bezier(.52,.07,.08,.83) forwards; animation: fadeIn 0.4s cubic-bezier(.52,.07,.08,.83) forwards; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .animStart.anim-fadeLong{ -webkit-animation: fadeIn 1s ease-in-out forwards; -moz-animation: fadeIn 1s ease-in-out forwards; -o-animation: fadeIn 1s ease-in-out forwards; animation: fadeIn 1s ease-in-out forwards; } @-webkit-keyframes moveLeft { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform: translateX(0.1px) translateZ(0) scale(1.0, 1.0); } } @-moz-keyframes moveLeft { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; -moz-backface-visibility: hidden; -moz-transform: translateX(0.1px) translateZ(0) scale(1.0, 1.0); } } @-o-keyframes moveLeft { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; -o-backface-visibility: hidden; -o-transform: translateX(0.1px) translateZ(0) scale(1.0, 1.0); } } @keyframes moveLeft { 0% { opacity: 0; transform: translateX(-100px); } 100% { opacity: 1; backface-visibility: hidden; transform: translateX(0.1px) translateZ(0) scale(1.0, 1.0); } } @-webkit-keyframes moveDown { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform: translateY(0.1px) translateZ(0) scale(1.0, 1.0); } } @-moz-keyframes moveDown { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; -moz-backface-visibility: hidden; -moz-transform: translateY(0.1px) translateZ(0) scale(1.0, 1.0); } } @-o-keyframes moveDown { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; -o-backface-visibility: hidden; -o-transform: translateY(0.1px) translateZ(0) scale(1.0, 1.0); } } @keyframes moveDown { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; backface-visibility: hidden; transform: translateY(0.1px) translateZ(0) scale(1.0, 1.0); } } @-webkit-keyframes moveRight { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform: translateX(0.1px) translateZ(0) scale(1.0, 1.0); } } @-moz-keyframes moveRight { 0% { opacity: 0; transform: translateX(100px); } 100% { opacity: 1; -moz-backface-visibility: hidden; -moz-transform: translateX(0.1px) translateZ(0) scale(1.0, 1.0); } } @-o-keyframes moveRight { 0% { opacity: 0; transform: translateX(100px); } 100% { opacity: 1; -o-backface-visibility: hidden; -o-transform: translateX(0.1px) translateZ(0) scale(1.0, 1.0); } } @keyframes moveRight { 0% { opacity: 0; transform: translateX(100px); } 100% { opacity: 1; backface-visibility: hidden; transform: translateX(0.1px) translateZ(0) scale(1.0, 1.0); } } .fade-bottom{ visibility: hidden; opacity: 0; } .fade-bottom.animStart{ visibility: visible; opacity: 1; animation: animfadebottom 0.6s forwards; } @keyframes animfadebottom{ 0%{ opacity: 0; transform: translateY(40px); }, 100%{ opacity: 1; transform: translateY(0px); } } .blurry{ visibility: hidden; opacity: 0; } .blurry.animStart{ visibility: visible; opacity: 1; animation: animblurry 1.4s forwards; } @keyframes animblurry{ 0%{ opacity: 0; transform: translateX(40px); filter: blur(20px); }, 100%{ opacity: 1; transform: translateX(0px); filter: blur(0px); } } /*LAST HACKS*/ .instructors-list{ font-size: 0; text-align: center; margin-bottom: 40px; } .instructors-list li{ display: inline-block; font-size: 18px; width: calc(100% / 4); padding: 20px 5px; vertical-align:top; } .instructors-list li a{ display: block; border-bottom: 1px solid #f9f9f9; padding: 0 0 40px 0; color: var(--color), #000000;} .instructors-list li a h4{ font-size: 24px; line-height: 28px; margin-bottom: 0; } .instructors-list li a:hover{border-bottom: 1px solid #999;} .instructors-list li a em{ font-size: 15px; opacity: 0.6; } @media only screen and (max-width: 1023px) { .instructors-list li{ display: inline-block; font-size: 18px; width: calc(100% / 3); padding: 20px 5px; } } @media only screen and (max-width: 767px) { .instructors-list li a{ padding: 0 0 20px 0; } .instructors-list li{ display: inline-block; font-size: 18px; width: calc(100% / 2); padding: 20px 5px; } } @media only screen and (max-width: 360px) { .instructors-list li{ display: inline-block; font-size: 18px; width: calc(100% / 1); padding: 10px 5px; } } .instructors-list .instructor-avatar{ border-radius: 80px; width: 160px; height: 160px; overflow: hidden; display: block; margin:0 auto 20px auto; } .fighters_filters{ text-align: center; margin-bottom:30px; font-size:0;} .fighters_filters li{ display:inline-block; font-size:11px; letter-spacing:1px; font-weight:bold; text-transform:uppercase; } .fighters_filters li a { background: #ddd; display: block; padding: 5px; margin: 5px; } .fighters_filters li a.active, .fighters_filters li a:hover{ background: #333; color:#fff; } .instructorImg img{ max-width: 500px; margin:0 auto; width: 100%; } .instructorBadge{ margin-bottom: 40px; } .instructorBadge img { width: 350px; } .reviews_grid{ display: grid; grid-template-columns: repeat(3,minmax(200px, 1fr)); grid-auto-flow: dense; text-align: center; grid-gap: 40px; } .review_grid--item-header{font-size: 24px; font-weight: bold; margin-bottom: 10px; position: relative; padding-bottom: 10px; } .review_grid--item-header:before{ content: ''; background-color: var(--dynamic); width: 60px; height: 3px; position: absolute; bottom:0; left: 50%; margin-left: -30px; } .review_grid--item-image{ margin-bottom: 20px; } .review_grid--item-image img{ max-width: 450px; margin:0 auto; width: 100%; } .review_grid--item-citation{ font-size: 16px; line-height: 1.5; text-align: justify !important; } .reviews_grid2 .review_grid--item{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 60px; margin-bottom: 60px; } .reviews_grid2 .review_grid--item-infos { display: grid; align-items: center; align-content: center; } .reviews_grid2 .review_grid--item:nth-child(even) .review_grid--item-image{ grid-column-start: 2; grid-row-start: 1; } .reviews_grid2 .review_grid--item-image img { max-width: 600px; margin: 0 auto; width: 100%; } .reviews_grid2 .icon-stars5 { color: #ffcc00; font-size: 80px; line-height: 26px; height: 20px; display: block; overflow: hidden; } .reviews_grid2 .review_grid--item-header { padding-bottom: 20px; } .reviews_grid2 .review_grid--item-header:before { left: 0%; margin-left: 0px; } @media only screen and (max-width: 1023px) { .reviews_grid{ grid-template-columns: repeat(2,minmax(200px, 1fr)); } } @media only screen and (max-width: 700px) { .reviews_grid{ grid-template-columns: repeat(1,minmax(200px, 1fr)); } .reviews_grid2 .review_grid--item{ display: grid; grid-template-columns: 1fr; grid-gap: 0px; margin-bottom: 40px; } .reviews_grid2 .review_grid--item:nth-child(even) .review_grid--item-image{ grid-column-start: 1; grid-row-start: 1; } } .ultimate--instructorsItem{ display: grid; grid-gap: 20px; grid-template-columns: 300px 1fr; margin: 0 auto 30px auto; max-width: 1200px; } .ultimate--instructorsItem:nth-child(even){grid-template-columns: 1fr 300px;} .ultimate--instructorsItem:nth-child(even) .uInstructors--img{ grid-column-start: 2; grid-row-start: 1; } .uInstructors--img {} .uInstructors--img img{ width: 100%; } .uInstructors--text{ display:grid; place-content: center left; } @media only screen and (max-width: 700px) { .ultimate--instructorsItem, .ultimate--instructorsItem:nth-child(even){ display: grid; grid-template-columns: 1fr; text-align: center; } .ultimate--instructorsItem:nth-child(even) .uInstructors--img{ grid-column-start: 1; grid-row-start: 1; } .uInstructors--text{ display:grid; place-content: center; } .uInstructors--img img{ max-width: 300px; } .bodypost .ultimate-wrapper{ padding: 0; } } .bodypost ul.list{ padding-left: 0; } .uReviews--noSlider { display: grid; text-align: center; grid-template-columns: repeat(auto-fit,minmax(260px, 1fr)); grid-gap: 40px; } .uReviews--noSlider .uReviews--item{ width: 100%; padding: 0 20px; vertical-align: top; margin-bottom: 20px; } .uReviews--noSlider .uReviews--item h4{ padding-top: 15px; } @media only screen and (max-width: 960px) { .uReviews--noSlider { grid-template-columns: 1fr; } } .header-wrap .header-wrap-container{ background: linear-gradient(to right, #f2f2f2 0%, #e7e7e7 100%); border-top:6px solid var(--dynamic); display: grid; grid-template-columns: 1fr auto; font-size: 14px; padding: 10px; } .header-message { font-size: 24px; text-align: center; } .header-button{ display:grid; place-content:center; } @media only screen and (max-width: 960px) { .header-wrap .header-wrap-container{ display: grid; grid-template-columns: 1fr; } } /* FREE REPORT */ .ultimate-freereport{ display:grid; grid-template-columns: 1fr 1fr; } .ufreereport--text{ display: grid; align-items: center; } .ufreereport--text-inner{ padding: 5vw 50px 5vw 5vw; margin: 0 0 0 auto; max-width: 800px; width:100%; } .ufreereport--text span{ display: block; color: var(--dynamic); } .ufreereport--text h2{ font-size: calc(18px + (54 - 18) * ((100vw - 300px) / (2000 - 300))); line-height: 1; font-weight: bold; margin-bottom: 40px; padding-top: 40px; padding-right: 40px; position: relative; } .ufreereport--text h2:before{ content:''; background-color: var(--dynamic); width: 40px; height: 3px; position: absolute; top:16px; } .ufreereport--text-pbox{ background-color: #fff; color: #000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); padding: 26px 30px 40px 30px; font-size: 15px; line-height: 1.8; margin-bottom: 0px; } .ufreereport--text p{ margin-bottom: 0; } .ufreereport--text a{ position: relative; top: 20px; } .ufreereport--img{ background-color: var(--dynamic); display: grid; place-content:center left; } .ufreereport--img figure{ position: relative; left: -90px; padding:80px 40px; } .ufreereport--img img{ max-width: 800px; margin-left: 0; width: 100%; } @media(max-width: 960px) { .ultimate-freereport{ display:grid; grid-template-columns: 1fr; } .ufreereport--text{ place-content: center; text-align: center; } .ufreereport--text a{ top: -20px; left: 0px; } .ufreereport--text h2{ padding-right: 0; } .ufreereport--text h2:before{ left: 50%; margin-left: -20px; } .ufreereport--text-pbox{ padding: 10px 10px 30px 10px; } .ufreereport--text{ order: 2; } .ufreereport--img { place-content: center center; } .ufreereport--img figure { left: 0px; padding: 0px; } } /* ------------ */ /* STAFF SECTIONS */ .ultimate-staff h2{ position: relative; padding-top: 30px; } .ultimate-staff h2:before { content: ''; background-color: var(--dynamic); width: 40px; height: 3px; position: absolute; top: 0px; } .ultimate-staff--content{ display: grid; place-content:center left; } .ultimate-staff--content-bio{ font-size: 0.8rem; max-width: 700px; } .ultimate-staff-1{ display: grid; grid-template-columns: 0.6fr 1fr; grid-gap: 40px; max-width: 1100px; margin: 0 auto; width: 100%; } .ultimate-staff-1 h2 span{ display: block; font-size: 70%; } .ultimate-staff-2{ display: grid; grid-template-columns: 1fr 0.6fr; grid-gap: 40px; max-width: 1100px; margin: 0 auto; width: 100%; grid-auto-flow: dense; } .ultimate-staff-2 h2 span{ display: block; font-size: 70%; } .ultimate-staff-2 .ultimate-staff--content{ order: 1; } .ultimate-staff-2 .ultimate-staff--figure{ order: 2; } .ultimate-staff-3{ display: grid; grid-template-columns: 0.6fr 1fr; grid-gap: 40px; grid-template-areas: "name name" ". ."; max-width: 1100px; margin: 0 auto; width: 100%; } .ultimate-staff--name { grid-area: name; height: auto; } .ultimate-staff-3 h2 span{ display: block; font-size: 70%; } .ultimate-staff-3 .ultimate-staff--content-link{ text-align: right; } .ultimate-staff-3 .ultimate-staff--content-bio{ font-size: 1rem; } .ultimate-staff-3 .ultimate-staff--figure figure{ position: relative; } .ultimate-staff-3 .ultimate-staff--figure figure:after{ background-color: var(--dynamic); content: ''; bottom: -3%; right: -5%; position: absolute; width: 100%; height: 20%; z-index: -1; border-radius: var(--cornerRadius); } @media(max-width: 960px) { .ultimate-staff-1, .ultimate-staff-2, .ultimate-staff-3{ display: block; max-width: 600px; } .ultimate-staff-1 figure, .ultimate-staff-2 figure{ max-width: 380px; margin: 0 auto; } .ultimate-staff--figure{ max-width: 400px; margin: 0 auto 30px auto; } } .ultimate-staff-4{ display: block; text-align: center; } .ultimate-staff-4 h2 span{ display: block; font-size: 70%; } .ultimate-staff-4 .ultimate-staff--content{ display: block; margin: 0 auto; } .ultimate-staff-4 .ultimate-staff--content-bio { margin: 0 auto; text-align: left; } .ultimate-staff-4 .ultimate-staff--figure { margin: 20px auto; max-width: 200px; width: 200px; height: 200px; border-radius: 50%; box-shadow: 0px 0px 0px 4px #000, 0px 0px 0px 8px var(--dynamic); overflow: hidden; } .ultimate-staff-multiple--item{} .ultimate-staff-multiple{ display: block; text-align: center; position: relative; padding: 40px 80px; } .ultimate-staff-multiple h2 span{ display: block; font-size: 70%; } .ultimate-staff-multiple .ultimate-staff--content{ display: block; margin: 0 auto; } .ultimate-staff-multiple .ultimate-staff--content-bio { margin: 0 auto; text-align: left; } .ultimate-staff-multiple .ultimate-staff--figure { margin: 20px auto 30px auto; max-width: 200px; width: 200px; height: 200px; border-radius: 50%; box-shadow: 0px 0px 0px 4px #000, 0px 0px 0px 8px var(--dynamic); overflow: hidden; } .ultimate-staff-multiple h3{ font-size:28px; line-height:1; margin-bottom: 10px; } .ultimate-staff-multiple h4{ opacity: 0.6; font-size: 18px; line-height: 1; margin-bottom: 30px; } .ultimate-staff-multiple .swiper-container { margin-bottom: 10px; } .squircle{ padding: 20px; } .squircle .ultimate-staff--figure{ border-radius: 20px; width: 100%; height: 100%; max-width: 500px; } /* ------------ */ /* MOBILE CONTACT TOOL */ .mobileContact{ display: none; position: fixed; bottom: 16px; right: 10px; padding: 8px; background: var(--buttonBg, #000000); border-radius: 20px; z-index: 1000; } .hasChat .mobileContact{ bottom:50%; transform:translateY(-50%); border-radius: 20px 0 0 20px; } .mobileContact li{ margin-bottom: 6px; } .mobileContact li:last-child{ margin-bottom: 0px; } .mobileContact a{ text-decoration: none; color: var(--buttonColor, #ffffff); padding: 6px; } @media (max-width: 800px){ .mobileContact{ display: block; } } /* ------------ */ /*----------------------------------*/ /* HOME MAP SECTION */ /*----------------------------------*/ .homemap-details { background-color: rgba(255,255,255,0.9); border-radius: 6px; padding: 20px 20px 20px 20px; position: relative; margin: 0 auto; max-width: 600px;} #mapBox h2 { color: #000000; } .homemap-details h5 {color: #000000; } .loc_name {color: var(--buttonBg);} .loc_name a {color: var(--buttonBg);} .loc_name a:hover {color: var(--dynamic);} .upperTitle { color: var(--buttonBg); font-weight: 900; text-align: center; } .centerMapDetails { padding-top: 20px; text-align: center; } @media(max-width: 960px) { .homemap-details, .centerMapDetails a.button { bottom: 160px;} .centerMapDetails a.button { position: relative;} } /* ------------ */ /* LEAD MAGNET */ .leadmagnet-1{ display: grid; grid-template-columns: 1fr 1fr 1fr; } .leadmagnet-1 .lm-c-3{ display: grid; grid-template-columns: 1fr 1fr 1fr; } .leadmagnet-1 .lm-c-2{ display: grid; grid-template-columns: 1fr 1fr; } .leadmagnet-1 .lm-c-1{ display: grid; grid-template-columns: 1fr; } .leadmagnet-1 .leadmagnet-item{ text-align: center; position: relative; overflow: hidden; } .leadmagnet-1 .leadmagnet-item header{ padding: 10vw 2vw; position: relative; z-index: 2; max-width: 700px; margin: 0 auto; } .leadmagnet-1 .leadmagnet-item h3{ font-weight: bold; padding: 1.6vw 0; } .leadmagnet-1 .leadMagnet-image{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-position: center center; opacity: 0.2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .leadmagnet-1 .leadMagnet-image img{ display: none; } .leadmagnet-1 .leadmagnet-item:hover .leadMagnet-image{ opacity: 0.6; top: -5%; left: -5%; width: 110%; height: 110%; } .leadmagnet-1 .suptitle{ letter-spacing: 4px; font-size: initial; } @media (max-width: 800px){ .leadmagnet-1{ display: block; } .leadmagnet-1 .leadmagnet-item header{ padding: 20vw 20px; } .leadmagnet-1 .leadmagnet-item h3{ font-weight: bold; padding: 4vw 0; } } .leadmagnet-2{ text-align:center; max-width: 1440px; margin: 0 auto; padding: 20px; } .leadmagnet-2 .leadmagnet-item{ max-width: 460px; display: inline-flex; width: 100%; flex-direction: column; margin-bottom: 20px; } .leadmagnet-2 .leadmagnet-item header{ display: grid; padding: 20px; position: relative; z-index: 2; max-width: 460px; margin: 0 auto; width: 100%; order: 2; } .leadmagnet-2 .leadmagnet-item h3{ font-size: 24px; font-weight: bold; line-height: 1.5; padding: 20px 0; min-height: 112px; } .leadmagnet-2 .button{ max-width: 200px; margin: 0 auto; width: 100%; } .leadmagnet-2 .leadMagnet-image img{} .leadmagnet-2 .leadmagnet-item:hover .leadMagnet-image{ opacity: 0.6; } .leadmagnet-2 .suptitle{ letter-spacing: 4px; font-size: initial; } @media (max-width: 800px){ .leadmagnet-2{ display: block; } .leadmagnet-2 .leadmagnet-item header{ padding: 20px; } .leadmagnet-2 .leadmagnet-item h3{ min-height: 0px; } } .withBullet li, .ultimate--videoTraining--text li{ list-style: disc; text-align: left; } /*----------------------------------*/ /* SERVICES section since 1.6.991 */ /*----------------------------------*/ /* Flipping Cards */ .flip-card { background-color: transparent; width: 100%; max-width: 500px; margin: 0 auto; perspective: 1000px; } .flip-card-inner { position: relative; width: 100%; padding-top: 75%; height: 0; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; will-change:transform; } .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } .flip-card-front, .flip-card-back { background-color: var(--membershipCardBgColor) !important; color: var(--membershipCardColor) !important; position: absolute; width: 100%; height: 100%; top: 0; display: grid; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-card-front { place-content:center; } .flip-card-back { padding: 10%; font-size: 16px; text-align: left; transform: rotateY(180deg); } .services_flip_title{ font-size:30px; position: relative; padding: 20px;} .flip-card-back-content{ position: relative; opacity: 0.6; } .services_flip_title:after, .flip-card-back-content:after{ content: ''; display: block; width: 40px; height: 3px; background-color: var(--dynamic, #ffffff); margin: 0 auto; } .flip-card-back-content:after{ margin: 0 auto 0 0; } .flip-card-container{ display: grid; grid-gap: 40px; margin: 60px 0; } .flip-cardcount-1{ grid-template-columns: repeat(1, 1fr); } .flip-cardcount-2{ grid-template-columns: repeat(2, 1fr); } .flip-cardcount-3{ grid-template-columns: repeat(3, 1fr); } .flip-cardcount-4{ grid-template-columns: repeat(2, 1fr); } .flip-cardcount-5{ grid-template-columns: repeat(3, 1fr); } .flip-cardcount-6{ grid-template-columns: repeat(3, 1fr); } @media (max-width: 1200px) { .flip-card-container{ grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 800px) { .flip-card-container{ grid-template-columns: repeat(1, 1fr) !important; } } /* Services accordion at right + image at left */ .services_type_4 { position: relative; } .services_type_4 .service_img{ background-size: cover; background-position: center center; position: absolute; top: 0; left:0; width: 50%; height:100%; } .services_type_4 .service_img img { display: none; } .services_type_4 .service_rightAccordion{ width: 50%; margin-left: 50%; } .services_type_4 .service_rightAccordion-content{ max-width: 800px; margin:0 auto; width: 100%; padding: 20px; } @media (max-width: 1200px) { .services_type_4 .service_img{ position: relative; top: 0; left:0; width: 100%; height:auto; } .services_type_4 .service_img img { display: block; } .services_type_4 .service_rightAccordion{ width: 100%; margin-left: 0%; } } /* ACCORDION Centered */ .services_accordion{ max-width: 1080px; margin: 0 auto; padding: 20px; } .services_accordion_item{ border-bottom: 2px solid var(--separator); -webkit-transition: border 0.2s ease-in-out; -moz-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out;transition: border 0.2s ease-in-out; } .services_accordion_item:hover, .services_accordion_item.active{ border-bottom: 2px solid var(--dynamic); } .services_accordion_title{ font-size: 30px; cursor: pointer; padding: 10px 40px 10px 0; display: block; position: relative; margin: 0; } .services_accordion_title:before{ content:''; display: block; background-color: var(--color); height: 2px; width: 10px; position: absolute; top:34px; right: 16px; transform: rotate(45deg); } .services_accordion_title:after{ content:''; display: block; background-color: var(--color); height: 2px; width: 10px; position: absolute; top:34px; right: 10px; transform: rotate(-45deg); } .services_accordion_item.active .services_accordion_title:before{ right: 16px; transform: rotate(-45deg); } .services_accordion_item.active .services_accordion_title:after{ right: 10px; transform: rotate(45deg); } .services_accordion_content{ display: none; padding: 0px 20px 20px 5vw; opacity: 0.7; } .services_accordion_item.active .services_accordion_content{ display: block; } @media (max-width: 1200px) { .services_accordion_title{ font-size: 20px; } } @media (max-width: 800px) { .services_accordion{ padding: 10px 0; } } /* LINE BREAK MOBILE */ .ultimate--linebreak { display:none; text-align: center; height: 4px; background-color: var(--dynamic); margin-bottom: 50px; position: relative; z-index: 10; } @media (max-width: 800px){ .ultimate--linebreak { display:block; } .ultimate--innerpage--title:after { display: none; } } .ultimate--linebreak > div { position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); z-index: 12; width: 40px; height: 40px; line-height: 60px; background-color: var(--bgFooter); border: 3px solid; border-color: var(--dynamic); color: var(--colorFooter); border-radius: 30px; text-align: center; opacity: 1 !important; -webkit-animation: bouncyGo 2s cubic-bezier(0.4,0.4,0.7,0.5) infinite; animation: bouncyGo 2s cubic-bezier(0.4,0.4,0.7,0.5) infinite; } @-webkit-keyframes bouncyGo { 0% { margin-top: 0px; } 60% { margin-top: 0px; opacity: 1; } 70% { margin-top: -10px; opacity: 0.4; } 80% { margin-top: 2px; opacity: 1; } 85% { margin-top: -4px; } 90% { margin-top: 0px; } 100% { margin-top: 0px; } } @keyframes bouncyGo { 0% { margin-top: 0px; } 60% { margin-top: 0px; opacity: 1; } 70% { margin-top: -10px; opacity: 0.4; } 80% { margin-top: 2px; opacity: 1; } 85% { margin-top: -4px; } 90% { margin-top: 0px; } 100% { margin-top: 0px; } } .ultimate--linebreak span { transform: rotate(90deg); position: relative; display: block; top: 9px; } .simpleButton { border-radius: var(--buttonRadius); display: inline-block; font-size: 13px; font-weight: 800; padding: 6px 20px !important; text-align: center; text-decoration: none; text-transform: uppercase; } /* NEW SECTIONS Feb 2023 */ .button2{ background-color: #000000 !important; border-radius: var(--buttonRadius); color: #FFFFFF !important; display: inline-block; font-size: 13px;font-weight: 800; padding: 6px 20px !important; text-align: center; text-decoration:none; text-transform: uppercase; } .button2:hover{ background-color: #FFFFFF !important; box-shadow: 0px 0px 0px 1px #000000; color: #000000 !important; } .separator_title{ display: inline-block; width: 100%; max-width: 120px; height: 3px; border-radius: var(--cornerRadius); background-color: var(--separator); margin-bottom: 10px; margin-top: 10px; } /* Blog x 3 posts */ .ultimate-blogGrid--Title{ text-align: center; margin-bottom: calc(var(--sectionGap, 40px) / 2); } .ultimate-blogGrid{ display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; padding: 20px; margin-bottom: calc(var(--sectionGap) * -1); } .blogGrid--onlyOne{ grid-template-columns: repeat(1, 1fr); } .ultimate-blogGrid .blogGrid--item{ position: relative; padding-top: calc(100vw / 7); display: flex; align-items: flex-end; overflow: hidden; } .ultimate-blogGrid .blogGrid--item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } .ultimate-blogGrid .blogGrid--item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; } .ultimate-blogGrid .blogGrid--item:nth-child(3) { grid-area: 2 / 1 / 3 / 3; } .ultimate-blogGrid .blogGrid--item:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .ultimate-blogGrid .blogGrid--img{ background-size: cover; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ultimate-blogGrid .blogGrid--item:hover .blogGrid--img{ top: -5%; left: -5%; width: 110%; height: 110%; } .ultimate-blogGrid .blogGrid--header{ color: var(--blogGridTitleColor); padding: 40px; position: relative; z-index: 3; max-width: 900px; text-shadow: 2px 2px 3px rgba(0,0,0,0.8), 2px 2px 6px rgba(0,0,0,0.8); } .ultimate-blogGrid .blogGrid--blog_title{ font-weight:bold; font-size: 24px; line-height: 28px; margin-bottom: 0px; } .ultimate-blogGrid .blogGrid--blog_short{ opacity: 0.8; font-size: 16px; margin-bottom: 20px; } .ultimate-blogGrid .blogGrid--blog_short p:last-child{ margin-bottom: 0; } @media(max-width: 1200px) { .ultimate-blogGrid{ margin-bottom: 0px; } } @media(max-width: 800px) { .ultimate-blogGrid{ display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 10px; grid-row-gap: 10px; } .ultimate-blogGrid .blogGrid--item:nth-child(1) { grid-area: 1; } .ultimate-blogGrid .blogGrid--item:nth-child(2) { grid-area: 2; } .ultimate-blogGrid .blogGrid--item:nth-child(3) { grid-area: 3; } .ultimate-blogGrid .blogGrid--blog_short{ display: none; } .ultimate-blogGrid .blogGrid--item{ padding-top: calc(100vw / 4); } .ultimate-blogGrid .blogGrid--header { padding: 20px; } } /* About */ .ultimate--about-n2{ position: relative; padding: 40px; min-height: 70vh; display: flex; align-content: center; align-items: center; } .ultimate--about-n2--txt{ text-align: center; padding: 40px; max-width: 800px; margin: 0 0 0 auto; position: relative; z-index: 2;} .ultimate--about-n2--txt h2{ font-size: 36px; line-height: 1.2; } .ultimate--about-n2--desc{ position: relative; z-index: 2; } .ultimate--about-n2--txt{ color: var(--colorAlt); } .ultimate--about-n2--txt:after{ background-color:var(--sectionAltColor); content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.8; } .ultimate--about-n2--img{ background-size: cover; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } @media(max-width: 800px) { .ultimate--about-n2 {padding: 20px;} .ultimate--about-n2--txt{padding: 20px;} } /* Section with dot counter 1,2,3 */ .dotSection{position: relative;display: flex;align-content: center;padding: 40px;min-height: 70vh; align-items: center; justify-content: center; } .dots--img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 1;} .dots--grid{position: relative;z-index: 2;display: flex;/* align-content: start; */justify-content: center;align-items: flex-start;text-align: center;max-width: 1200px;margin: 0 auto; flex-wrap: wrap;} .dots--grid > * {flex: 1;} .dots--grid.itemCount-1 .dots--grid-item{flex: 1 0 100%;} .dots--grid.itemCount-2 .dots--grid-item{flex: 1 0 50%;} .dots--grid.itemCount-4 .dots--grid-item{flex: 1 0 25%;} .dots--grid.itemCount-3 .dots--grid-item, .dots--grid.itemCount-5 .dots--grid-item, .dots--grid.itemCount-6 .dots--grid-item{flex: 1 0 33%; max-width: 400px; } .dots--grid .dots--grid-item{ display: block; position: relative; padding: 30px 20px; } .dots--grid .dots--grid-item:before{ content: ''; background-color: var(--dynamic); width: 100%; position: absolute; top:100px; left: 50%; height: 3px; z-index: -1; } .dots--grid.itemCount-5 .dots--grid-item:nth-child(3):before{ display:none; } .dots--grid.itemCount-6 .dots--grid-item:nth-child(3):before{ display:none; } .dots--grid .dots--grid-item:last-child:before{ display: none; } .dots--grid .dots--grid-item h3{ color:var(--dotTxtUnderTitleColor); font-size: 24px; font-weight: bold; margin-bottom: 30px; } .dots--grid .dots--grid-text { color: var(--dotTxtColor, #000); padding: 16px; font-size: 16px; position: relative; margin: 0 auto; max-width: 500px; z-index: 2; } .dots--grid .dots--grid-text:after{ content:''; background: var(--dotTxtBGColor, #000); opacity: var(--dotBoxOpacity, 0.8); width: 100%;position: absolute;top: 0;left: 0;height:100%;z-index:-1;} .dots--grid .dots--grid-text:before{content: '';background-color: var(--dynamic);width: 120px;position: absolute;top: -18px;left: 50%;height: 3px;z-index: 1;transform: translateX(-50%);} .dots--grid .dots--grid-text p:last-child{ margin-bottom: 0; } .dots--grid .dots--grid-circle{ font-size: 70px; line-height: 120px; width: 120px; height: 120px; border-radius: var(--dotCorner, 80px); background-color: var(--dotBGColor, #000); color: var(--dotColor, #000); display: inline-block; } .dotSection .separator_title{ display: none; } .dotSection--header{ position: relative; z-index: 2; } .dotSection--header h2{ color:var(--dotTxtUnderTitleColor); } .dotSection--header .biglines{ color:var(--dynamic); } @media(max-width: 800px) { .dotSection, .dots--grid { display: block; } .dots--grid .dots--grid-item:before{ display: none; } .dots--grid .dots--grid-item { padding: 0 0 40px 0; margin-left: auto; margin-right: auto; } } /* Membership section */ .ultimate--ms3{ background-color: var(--membershipBgColor); position: relative; overflow: hidden; } .ultimate--ms3--content{ background-color: var(--membershipBgColor); color: var(--membershipColor); position: relative; z-index: 2; width: auto; display: inline-block; min-width: 30%; max-width: 50%; } .ultimate--ms3--content:after { content: ''; background: var(--membershipBgColor); position: absolute; top: 0; left: 50%; width: 100%; height: 100%; transform: skewX(10deg) translateX(-50%); transform-origin: top; z-index: -1; } .ultimate--ms3--center{ text-align: center; } .ultimate--ms3--Title{ padding: 80px; } .ultimate--ms3--img{ background-size: cover; background-position: center; position: absolute; top: 0; right: 0; width: 100%; max-width: 70%; height: 100%; z-index: 1; } .ultimate--ms3 .separator_title{ max-width: 50px !important; height: 4px; } .ultimate--ms3--offers{ padding-bottom: var(--sectionGap, 80px); } .ultimate--ms3--offers .btnLink{ background: var(--membershipCardBgColor); color: var(--membershipCardColor); display: inline-block; font-size: calc(20px + (36 - 20) * ((100vw - 300px) / (2000 - 300))); border-radius: 0 var(--cornerRadius) var(--cornerRadius) 0; margin-bottom: 10px; padding: 10px calc(20px + (36 - 20) * ((100vw - 300px) / (2000 - 300))) 10px 80px; cursor: pointer; text-decoration: none; } .ultimate--ms3--offers .btnLink span{ padding-left: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ultimate--ms3--offers .btnLink:hover{background: var(--buttonBg); color: var(--buttonColor);} .ultimate--ms3--offers .btnLink:hover span{ padding-left: 25px; } .ultimate--ms3--offers p { font-style: italic; font-size: 24px; opacity: 0.7; padding-left: 40px; } .ultimate--ms3--offers .btnLink p{ margin-bottom: 0; } .ultimate--ms3--center .ultimate--ms3--offers { max-width: 540px; margin: 0 auto; text-align: left; padding-left: 30px; padding-right: 30px; } .ultimate--ms3--center .ultimate--ms3--offers li{ margin-bottom: 30px; } .ultimate--ms3--center .ultimate--ms3--offers .btnLink{ background: var(--buttonBg); color: var(--buttonColor); display:block; font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (2000 - 300))); line-height: 1.5; padding: 10px 62px 10px 15px; border-radius: var(--cornerRadius); position: relative; } .ultimate--ms3--center .ultimate--ms3--offers .btnLink:hover{ background: var(--membershipCardBgColor); color: var(--membershipCardColor); } .ultimate--ms3--center .ultimate--ms3--offers .btnLink span{ position: absolute; right: 30px; top: 50%; transform: translateY(-50%); } .ultimate--ms3--center .ultimate--ms3--offers p { padding-left:0; margin: 0; } @media(max-width: 800px) { .ultimate--ms3--img{ position: relative; max-width: 100%; height: 50vw; z-index: 1; } .ultimate--ms3--Title{ padding: 40px; } .ultimate--ms3--offers .btnLink, .ultimate--ms3--offers p{ font-size: 20px !important; padding-left: 40px; } .ultimate--ms3--offers{ padding-right: 20px; } .ultimate--ms3--offers p { font-size: 16px; } .ultimate--ms3--center { display: block; padding-left: 20px; max-width:100%;} .ultimate--ms3--center .ultimate--ms3--offers{ max-width: 100%; margin: 0 auto; } .ultimate--ms3--content{ max-width: 100%; padding-left: 0px; } } /* Program Slider with only one post display on slide */ .ultimate--sliProg-single{ position: relative; padding-bottom: 80px; } .ultimate--sliProg-single .sliProg-single--item{ display: flex; align-items:center; max-width: 1600px; margin: 0 auto; width: 100%; justify-content: center; } .ultimate--sliProg-single .sliProg-single-img{ max-width: 50%; min-width: 320px; } .ultimate--sliProg-single .sliProg-single-txt{ width: 50%; padding: 20px 80px; min-width: 280px; } .ultimate--sliProg-single .swiper-pagination { bottom: 0; padding-bottom: 30px; } @media(max-width: 800px) { .ultimate--sliProg-single{ padding-top: 0; } .ultimate--sliProg-single .sliProg-single--item{ display: block; } .ultimate--sliProg-single .sliProg-single-img{ max-width: 100%; min-width: auto; } .ultimate--sliProg-single .sliProg-single-txt{ width: 100%; padding: 20px; min-width: 280px; text-align: center; } .ultimate--sliProg-single2 .swiper-button-next, .ultimate--sliProg-single2 .swiper-button-prev { display: block; } .ultimate--sliProg-single .sliProg-single-txt h2 { font-size: 24px; margin-bottom: 15px; } } .ultimate--sliProg-single2{ position: relative; text-align: center; } .ultimate--sliProg-single2 .swiper-wrapper{ padding-top: 60px; } .ultimate--sliProg-single2 .sliProg-single--item{ display: block; max-width: 800px; margin: 0 auto; padding: 0 50px; } .ultimate--sliProg-single2 .sliProg-single-txt{ display: none; } .ultimate--sliProg-single2 .swiper-slide-active .sliProg-single--item{ display: block; } .ultimate--sliProg-single2 .swiper-slide-active .sliProg-single-txt{ display: block; } .ultimate--sliProg-single2 .sliProg-single-img{ margin: 0 auto; max-width: 100%; position: relative; } .ultimate--sliProg-single2 .swiper-slide-active .sliProg-single-img{ margin: 0 auto; max-width: 100%; z-index: 3; top: 0; } .ultimate--sliProg-single2 .swiper-slide-active + .ultimate--sliProg-single2 .swiper-slide{ z-index: 2; top: -30px; } .ultimate--sliProg-single2 .sliProg-single-txt{ width: 100%; padding: 20px; min-width: 280px; } .sliProg-single-img img{ width: 100%; } .sliProg-single-txt .descri{ font-size: 16px; } .sliProg-single-txt h2{ font-weight: bold; font-size: 36px; } #facebook_plugin { max-width: 100%; width: 100%; overflow: hidden; } /* STACK EFFECT CAROUSEL for programs */ .stackSlider97{ position: relative; padding:50px; } .stackSlider97--wrapper{ position: relative; width: 100%; } .stackSlider97--item{ width: 100%; height: 100%; position:absolute; top: 0; left: 0; text-align: center; } .stackSlider97--pagination{ text-align:center; position: absolute; bottom: 20px; left:0; width: 100%; } .stackSlider97--pagination span{ background-color: var(--separator); opacity: 1; margin: 0 10px; position: relative; box-shadow: 0px 0px 0px 1px #ffffff; width: 8px; height: 8px; display: inline-block; border-radius: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .stackSlider97--pagination span.active{ background-color: var(--dynamic); box-shadow: 0px 0px 0px 0px #ffffff; transform: scale(2); } .stackSlider97--left, .stackSlider97--right{ position: absolute; z-index:10; top: 50%; width: 50px; height: 50px; display: block; text-align:center; line-height:50px; } .stackSlider97--left{ left: 0; } .stackSlider97--right{ right: 0; } .stackSlider97--left:after, .stackSlider97--right:after { font-family: 'ultimateIcons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 24px !important; color: var(--color);} .stackSlider97--left:after { content: "\e91c"; color:inherit; } .stackSlider97--right:after { content: "\e91b"; color:inherit; } .stackSlider97--left:hover:after, .stackSlider97--right:hover:after { color: var(--dynamic); } .stackSlider97--item header{ padding: 30px; width:100%; max-width:800px; margin:0 auto 20px auto; position: relative; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .stackSlider97--item.active header{ opacity: 1; visibility: visible; } .stackSlider97--item:nth-child(1){ z-index:3; } .stackSlider97--item:nth-child(2){ z-index:2; } .stackSlider97--item:nth-child(3){ z-index:1; } .stackSlider97 h2{ margin-bottom: 20px; } .stackSlider97--item img{ display: block; position:relative; width:100%; max-width:800px; margin:0 auto 20px auto; -webkit-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, opacity 0.2s ease-in-out; -o-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, opacity 0.2s ease-in-out; transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, opacity 0.2s ease-in-out; } .stackSlider97--item img { transform: scale(0.7); top:-80px; opacity: 0; } .stackSlider97--item.active img{ top:20px; opacity: 1; } .stackSlider97--item:nth-child(1) img{ transform: scale(1); top:20px; } .stackSlider97--item:nth-child(2) img{ transform: scale(0.9); top:-25px; opacity: 0.9; } .stackSlider97--item:nth-child(3) img { transform: scale(0.8); top:-60px; opacity: 0.6; } .gotransition img{ transform: scale(0.8) !important; opacity: 1; } .location-header-dropdown{ font-weight: bold; background: var(--multiLocDropHeaderBg); color: var(--multiLocDropHeaderTColor); }