/********************************* OVERALL STYLING ************************************/ html{ font-family: 'Montserrat', sans-serif; color:#171717; font-size:18px; } body{ font-family: 'Montserrat', sans-serif; } body.mobile-menu-active{ overflow-y:hidden; } /********************************* SITE COLOURS ************************************/ .font-blue-standard{ color:#30B0E5; } .bg-blue-standard{ background-color:#30B0E5; } .font-blue-pale{ color:#DEEFF0; } .bg-blue-pale{ background-color:#DEEFF0; } .font-blue-green{ color:#A5D4D3; } .bg-blue-green{ background-color:#A5D4D3; } /*********************** GENERAL STYLES FOR THIS WEBSITE ***********************/ /***** FONTS *****/ p{ font-size:1rem; font-weight:400; } a{ color:#212529; transition:color .3s; } a:hover{ color:inherit; } body.desktop-device a:hover{ color:#30B0E5; } iframe{ float:left; max-width:100%; } @media screen and (max-width:479px){ p, li{ font-size:0.85rem; } } /***** FORMS *****/ .form-field{ float:left; width:100%; position:relative; padding-bottom:20px; overflow:hidden; } .form-field-label{ position:absolute; top:6px; left:0; color:#212529; -webkit-transition:top .5s, color .5s; -moz-transition:top .5s, color .5s; -o-transition:top .5s, color .5s; transition:top .5s, color .5s; } .form-field-line{ position:absolute; bottom:39px; width:100%; height:1px; -webkit-transition:left .5s; -moz-transition:left .5s; -o-transition:left .5s; transition:left .5s; } .form-field-line-inactive{ left:0; background-color:#67A8C5; } .form-field-line-active{ left:-100%; background-color:#0FB3F0; } .form-field.active .form-field-label{ top:calc(100% - 39px); color:#C1C8CE; } .form-half.form-field.active .form-field-label-row{ top:calc(100% - 39px); color:#C1C8CE; } .form-field.active .form-field-line-active{ left:0; } .form-field-checkboxes .form-field-label{ position:relative; } .form-field-checkboxes span.wpcf7-form-control-wrap{ position:initial; width: auto; } .form-field-checkboxes .wpcf7-not-valid-tip{ position: absolute; top: auto; right: auto; float: left; width: 100%; left: 0; } @media screen and (max-width:767px){ .form-field-checkboxes span.wpcf7-form-control-wrap{ width:100%; } .form-field-checkboxes span.wpcf7-list-item{ margin:0 1em 0 0; } } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], textarea, select{ padding: 10px 0; border:none; background:none; font-size:0.9rem; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { } form .required-field, form .sensitive-data{ float:right; font-size:0.85rem; text-align:right; } .form-field-insurance-policy .form-field-label, .review-score-field .form-field-label { position: relative; overflow: hidden; } .starratingawesome:not(:checked) > label { font-size: 2rem; } .starratingawesome:not(:checked) > label:hover, .starratingawesome:not(:checked) > label:hover ~ label { color: #2593C0; /* color: #FFD700;*/ } .starratingawesome > input:checked ~ label { /* color: #5DB4EC; */ color: #212529; } .starratingawesome > input:checked + label:hover, .starratingawesome > input:checked + label:hover ~ label, .starratingawesome > input:checked ~ label:hover, .starratingawesome > input:checked ~ label:hover ~ label, .starratingawesome > label:hover ~ input:checked ~ label { /* color: #EEAA00; */ color: #2593C0; } .form-submit-with-arrow-circle-wrapper{ cursor:pointer; } .form-submit-with-arrow-circle-wrapper input.link-with-arrow-circle, .form-submit-with-arrow-circle-wrapper button.link-with-arrow-circle{ margin-right:0; padding:8px 60px 8px 0; background:none; } .form-submit-with-arrow-circle-wrapper .ajax-loader{ position:absolute; } .form-submit-with-arrow-circle-wrapper .link-with-arrow-circle-wrapper{ z-index:-1; } .desktop-device .form-submit-with-arrow-circle-wrapper:hover .link-with-arrow-circle-wrapper{ border-color:#000; } span.wpcf7-not-valid-tip{ position: absolute; top: 49px; right: 0; width: auto; margin: 0; } div.wpcf7-response-output{ clear:both; } #fos-statement p{ font-size: 0.9rem; } /*********************** FORMATTING STYLES FOR THIS WEBSITE ***********************/ .hero-heading, .section-heading, .sub-heading{ float:left; width:100%; } .hero-heading{ margin-bottom:4%; font-size:4rem; line-height:110%; } .section-heading{ margin-bottom:40px; font-size:3rem; line-height:110%; font-weight:800; } .sub-heading{ margin-bottom:20px; font-size:2rem; font-weight:400; line-height:120%; } .highlighted-text-large{ } .highlighted-text-small{ } .body-text-large{ } .body-text-small{ font-size:0.8rem; } .button-standard{ float:left; padding:8px 50px; font-size: 0.9rem; background-color:#67a8c5; border:none; color:#fff; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s; transition:background-color .5s; } .desktop-device .button-standard:hover { background-color:#0FB3F0; } @media screen and (max-height:767px){ .hero-heading{ font-size:2.5rem; } .section-heading{ font-size:2.5rem; } .sub-heading{ font-size:1.2rem; } .highlighted-text-large{ } .highlighted-text-small{ } .body-text-large{ } .body-text-small{ } } @media screen and (max-width:1023px){ .hero-heading{ font-size:2.5rem; } .section-heading{ font-size:2.5rem; } .sub-heading{ } .highlighted-text-large{ } .highlighted-text-small{ } .body-text-large{ } .body-text-small{ } } @media screen and (max-width:767px){ .hero-heading{ margin-bottom: 20px; font-size:2rem; } .section-heading{ font-size:2rem; } .sub-heading{font-size:1.1rem; } .highlighted-text-large{ } .highlighted-text-small{ } .body-text-large{ } .body-text-small{ } } @media screen and (max-width:479px){ .hero-heading{ margin-bottom: 0; font-size:1.5rem; } .section-heading{ font-size:1.4rem; } .sub-heading{ font-size:1rem; } .highlighted-text-large{ } .highlighted-text-small{ } .body-text-large{ } .body-text-small{ } } /*************************************************************************************************** ADDITIONAL CLASSES ****************************************************************************************************/ .mask{ } .mask-dark{ background:rgba(0,0,0,0.6); } .page-top-padding{ padding-top:110px; } /*************************************************************************************************** RE-USED ELEMENTS ****************************************************************************************************/ /***** HEADINGS WITH SUBHEADING ON LEFT WITH LINE *****/ .heading-with-subheading-on-left-wrapper{ } .heading-with-subheading-on-left-subheading-wrapper{ } .heading-with-subheading-on-left-subheading{ float: right; width:100%; max-width: 600px; padding: 0 30px; margin-bottom: 5%;} .heading-with-subheading-on-left-subheading-text-line{ float: left; height:1px; width:100px; margin-top: 26px; background-color:#30B0E5; -webkit-transition:width .3s; -moz-transition:width .3s; -o-transition:width .3s; transition:width .3s; } .heading-with-subheading-on-left-subheading-text{ float: right; width: calc(100% - 120px); font-size: 2rem; font-weight: 300; transition: width .3s; } .heading-with-subheading-on-left-subheading-text p { float: right; /*width: calc(100% - 120px);*/ font-size: 2rem; font-weight: 300; transition: width .3s; padding-left: 20px; padding-right: 20px;} .heading-with-subheading-on-left-subheading-text span{ } .heading-with-subheading-on-left-heading-wrapper{ } .heading-with-subheading-on-left-heading{ margin-bottom:10px; font-size: 4rem; font-weight: 700; } .heading-with-subheading-on-left-heading{ } .top-sub-heading-text-logo{ float: left; height: 30px; margin-right: 10px; margin-top: 11px; } @media screen and (max-width:1399px){ .heading-with-subheading-on-left-subheading-text{ font-size:1.8rem; } .top-sub-heading-text-logo{ height: 27px; margin-top: 10px; } /*.hero-heading{ font-size:5rem; }*/ } @media screen and (max-width:1199px){ .heading-with-subheading-on-left-subheading-text{ font-size:1.6rem; } .top-sub-heading-text-logo{ height: 23px; } /*.heading-with-subheading-on-left-heading{ font-size:4rem; }*/ } @media screen and (max-width:1023px){ .heading-with-subheading-on-left-subheading{ padding-left:0; } .heading-with-subheading-on-left-subheading-text-line{ width:50px; margin-top:16px; } .product-heading-with-subheading-on-left-subheading-text-line{ width:50px; margin-top:16px; } .heading-with-subheading-on-left-subheading-text{ width: calc(100% - 70px); font-size:1.2rem; } .top-sub-heading-text-logo{ height: 20px; margin-top: 6px; } .heading-with-subheading-on-left-heading{ font-size:3rem; } } @media screen and (max-width:767px){ .heading-with-subheading-on-left-subheading-text-line{ width:30px; } .product-heading-with-subheading-on-left-subheading-text-line{ width:30px; } .heading-with-subheading-on-left-subheading{ float:left; } .heading-with-subheading-on-left-subheading-wrapper{ margin-bottom:30px; } .heading-with-subheading-on-left-subheading-text{ width: calc(100% - 40px); font-size:1.4rem; } .top-sub-heading-text-logo{ margin-top: 9px; } .heading-with-subheading-on-left-heading-wrapper{ margin-left: 5%; text-align:right; } .heading-with-subheading-on-left-heading{ font-size:2.5rem; } } @media screen and (max-width:479px){ .heading-with-subheading-on-left-subheading-text-line{ margin-top: 15px; } .product-heading-with-subheading-on-left-subheading-text-line{ margin-top: 15px; } .heading-with-subheading-on-left-subheading-text{ font-size:1.2rem; } .top-sub-heading-text-logo{ margin-top: 5px; } .heading-with-subheading-on-left-heading{ font-size:2rem; } } /***** LEFT AND RIGHT TEXT/IMAGE SPLIT *****/ .image-text-split{ padding-bottom:150px; overflow:hidden; } .image-text-split-left-text{ } .image-text-split-text-wrapper{ background: #000; color: #fff; } .image-text-split-text-wrapper *{ font-size:1.3rem; line-height: 170%; color: #fff; } .image-text-split-text-wrapper a{ -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; } .desktop-device .image-text-split-text-wrapper a:hover{ color:#30B0E5; } .image-text-split-text-links-wrapper{ margin-top:20px; } .image-text-split-image-wrapper{ position: absolute; top: 70px; } .image-text-split-image-wrapper img{ width:100%; } /* VERSION WITH TEXT ON LEFT */ .image-text-split-left-image .image-text-split-text-wrapper{ padding: 100px 150px 100px 300px; margin-top: 50px;} .image-text-split-left-image .image-text-split-image-wrapper{ right:auto; left:0; top:0; z-index:1; } /* VERSION WITH TEXT ON RIGHT */ .image-text-split-left-text .image-text-split-text-wrapper{ padding: 100px 300px 100px 150px; } .image-text-split-left-text .image-text-split-text-wrapper{ padding: 100px 300px 100px 150px; } .image-text-split-left-text .image-text-split-image-wrapper{ right:0; left:auto; top: 0; } @media screen and (max-width:1699px){ .image-text-split { padding-bottom: /*100px*/ 50px; margin-bottom: 0; } } @media screen and (max-width:1499px){ } @media screen and (max-width:1299px){ .image-text-split-left-text .image-text-split-text-wrapper{ padding: 80px 250px 80px 120px; } .image-text-split-left-image .image-text-split-text-wrapper{ padding: 80px 120px 80px 250px; } .image-text-split-text-wrapper *{ font-size:1.4rem; } } @media screen and (max-width:1199px){ .image-text-split-left-text .image-text-split-text-wrapper{ padding: 80px 170px 80px 120px; } .image-text-split-left-image .image-text-split-text-wrapper{ padding: 80px 120px 80px 170px; } } @media screen and (max-width:1099px){ .image-text-split-text-wrapper *{ font-size:1.2rem; } } @media screen and (max-width:1023px){ .image-text-split-left-text .image-text-split-text-wrapper { padding: 80px 170px 80px 100px; } .image-text-split-left-image .image-text-split-text-wrapper { padding: 80px 100px 80px 170px; } } @media screen and (max-width:899px){ .image-text-split-left-text .image-text-split-text-wrapper, .image-text-split-left-image .image-text-split-text-wrapper{ padding: 70px 15% 60px 15%; } .image-text-split-text-wrapper *{ font-size:1rem; } } @media screen and (max-width:767px){ .image-text-split-text-wrapper *{ font-size:1rem; } .image-text-split { /*margin-bottom:100px;*/ } .image-text-split-left-text .image-text-split-image-wrapper, .image-text-split-left-image .image-text-split-image-wrapper{ position: relative; top: 0; } .image-text-split-left-text .image-text-split-text-wrapper, .image-text-split-left-image .image-text-split-text-wrapper{ margin-top:0; } } .image-text-split-left-image .image-text-split-text-wrapper{ } .image-text-split-left-image .image-text-split-image-wrapper{ } .image-text-split-left-text .image-text-split-text-wrapper{ } .image-text-split-left-text .image-text-split-image-wrapper{ } /* CONTACT PAGE - ACCOUNT FOR LONG EMAIL ADDRESS GOING UNDER LARGE MAP IMAGE */ body.page-id-9 .image-text-split-text-wrapper *{ font-size:1.3rem; } @media screen and (max-width:1199px){ body.page-id-9 .image-text-split-left-text .image-text-split-text-wrapper{ padding-left:70px; } body.page-id-9 .image-text-split-text-wrapper *{ font-size:1.2rem; } } @media screen and (max-width:1023px){ body.page-id-9 .image-text-split-left-text .image-text-split-text-wrapper{ padding-left:50px; } body.page-id-9 .image-text-split-text-wrapper *{ font-size:1rem; } } @media screen and (max-width:1023px){ body.page-id-9 .image-text-split-text-wrapper *{ font-size:0.9rem; } } @media screen and (max-width:767px){ body.page-id-9 .image-text-split-text-wrapper *{ font-size:1.2rem; } } @media screen and (max-width:479px){ body.page-id-9 .image-text-split-text-wrapper *{ font-size:1rem; } } @media screen and (max-width:399px){ body.page-id-9 .image-text-split-left-text .image-text-split-text-wrapper{ padding-left:30px; } body.page-id-9 .image-text-split-text-wrapper *{ font-size:0.9rem; } } .cta-bg{ background-color: #30B0E5; padding: 30px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .cta-bg:hover { background-color: #11293D; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .product-cta{ display: flex; align-items: center; justify-content: center; } .cta-line{ float: left; height: 1px; width: 100px; margin: 0 26px; background-color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .cta-bg:hover .cta-line{ margin: 0 36px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .cta-text{ position: relative; float: left; font-size: 2rem; font-weight: 300; transition: width .3s; color: #ffffff; } /************************* LINKS WITH ARROWS IN CIRCLES TO THE SIDE ***********************/ a.link-with-arrow-circle, span.link-with-arrow-circle > a, input.link-with-arrow-circle, button.link-with-arrow-circle{ position:relative; float:left; padding: 7px 60px 7px 0; margin-top: -2px; color:#11293D; } a.link-with-arrow-circle:hover, .desktop-device span.link-with-arrow-circle > a:hover{ } .link-with-arrow-circle-wrapper{ position: absolute; top:0; right:0; width:41px; height:41px; border:1px solid #30B0E5; border-radius:50%; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; animation:linkArrowCirclePulse 3s infinite; } /*a.link-with-arrow-circle:hover .link-with-arrow-circle-wrapper, span.link-with-arrow-circle > a:hover .link-with-arrow-circle-wrapper, input.link-with-arrow-circle:hover .link-with-arrow-circle-wrapper, button.link-with-arrow-circle:hover .link-with-arrow-circle-wrapper{ animation:none; }*/ .link-with-arrow-circle-line{ height: 1px; position: absolute; background-color: #11293D; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } .link-with-arrow-circle-line-horizontal{ width: 24px; top: 20px; left: 8px; } .link-with-arrow-circle-line-diagonal-1{ width: 10px; top: 17px; right: 6px; transform: rotate(45deg); } .link-with-arrow-circle-line-diagonal-2{ width: 10px; top: 23px; right: 6px; transform: rotate(-45deg); } a.link-with-arrow-circle-header, a.link-with-arrow-circle-right{ float:right; } @keyframes linkArrowCirclePulse{ 0% { transform: scale(1); } 80% { transform: scale(1); } 90% { transform: scale(0.9); } 100% { transform: scale(1); } } /***** VERSIONS *****/ /* White version */ a.link-with-arrow-circle-white, span.link-with-arrow-circle-white > a{ color:#fff; } a.link-with-arrow-circle-white .link-with-arrow-circle-line, span.link-with-arrow-circle-white > a .link-with-arrow-circle-line{ background-color: #fff; } /* Arrow on left */ a.link-with-arrow-circle-left{ padding: 7px 0 7px 60px; } a.link-with-arrow-circle-left .link-with-arrow-circle-wrapper{ right:auto; left:0; } a.link-with-arrow-circle-left .link-with-arrow-circle-line-diagonal-1{ right: auto; left: 6px; transform: rotate(-45deg); } a.link-with-arrow-circle-left .link-with-arrow-circle-line-diagonal-2{ right: auto; left: 6px; transform: rotate(45deg); } /* Header version */ body.transparent-header-bar a.link-with-arrow-circle-header, body.transparent-header-bar span.link-with-arrow-circle-header > a{ color:#fff; } body.transparent-header-bar a.link-with-arrow-circle-header .link-with-arrow-circle-line, body.transparent-header-bar span.link-with-arrow-circle-header > a .link-with-arrow-circle-line{ background-color: #fff; } @media screen and (max-width:1199px){ a.link-with-arrow-circle-header{ padding: 8px 50px 8px 0; margin-top:-3px; font-size:0.9rem; } } @media screen and (max-width:1023px){ } /* Large version */ a.link-with-arrow-circle-large{ padding-right: 80px; font-size: 1.7rem; } a.link-with-arrow-circle-large .link-with-arrow-circle-wrapper{ width: 61px; height: 61px; } a.link-with-arrow-circle-large .link-with-arrow-circle-line-horizontal { width: 34px; top: 30px; left: 13px; } a.link-with-arrow-circle-large .link-with-arrow-circle-line-diagonal-1 { width: 20px; top: 23px; right: 9px; } a.link-with-arrow-circle-large .link-with-arrow-circle-line-diagonal-2 { width: 20px; top: 37px; right: 9px; } /* Split image / text section version */ .image-text-split-text-wrapper .link-with-arrow-circle{ padding: 0px 60px 0px 0; font-size: 1.4rem; } .image-text-split-text-wrapper .link-with-arrow-circle:first-of-type{ margin-right:50px; margin-bottom: 10px; } .image-text-split-text-wrapper .link-with-arrow-circle .link-with-arrow-circle-wrapper{ top:1px; } @media screen and (max-width:1299px){ .image-text-split-text-wrapper .link-with-arrow-circle{ font-size:1.2rem; } .image-text-split-text-wrapper .link-with-arrow-circle .link-with-arrow-circle-wrapper{ top:-2px; } } @media screen and (max-width:1199px){ .image-text-split-text-wrapper .link-with-arrow-circle{ font-size:1.1rem; } .image-text-split-text-wrapper .link-with-arrow-circle:first-of-type { margin-right:30px; } .image-text-split-text-wrapper .link-with-arrow-circle .link-with-arrow-circle-wrapper{ top:-4px; } } @media screen and (max-width:1099px){ .image-text-split-text-wrapper .link-with-arrow-circle{ font-size:1.1rem; } .image-text-split-text-wrapper .link-with-arrow-circle:first-of-type { margin-right:30px; } } @media screen and (max-width:1023px){ .image-text-split-text-wrapper .link-with-arrow-circle{ clear:both; } .image-text-split-text-wrapper .link-with-arrow-circle:first-of-type { margin-right:0; margin-bottom:20px; } } @media screen and (max-width:767px){ a.link-with-arrow-circle-large{ font-size:1.3rem; } a.link-with-arrow-circle-large .link-with-arrow-circle-wrapper { width: 51px; height: 51px; } a.link-with-arrow-circle-large .link-with-arrow-circle-line-horizontal{ top: 25px; left: 11px; width: 30px; } a.link-with-arrow-circle-large .link-with-arrow-circle-line-diagonal-1{ top: 19px; width: 16px; right: 7px; } a.link-with-arrow-circle-large .link-with-arrow-circle-line-diagonal-2{ top: 31px; right: 7px; width: 16px; } } @media screen and (max-width:479px){ a.link-with-arrow-circle-large{ font-size:1.3rem; } } /***** HOVER VERSIONS *****/ .desktop-device .link-with-arrow-circle-hover-extend{ } .desktop-device .link-with-arrow-circle-hover-extend:hover{ } .desktop-device .link-with-arrow-circle-hover-extend:hover .link-with-arrow-circle-wrapper{ right: -20px; } .desktop-device .link-with-arrow-circle-hover-extend:hover .link-with-arrow-circle-line-horizontal{ width: 44px; left: -12px; } .desktop-device .link-with-arrow-circle-hover-extend:hover .link-with-arrow-circle-line-diagonal-1{ } .desktop-device .link-with-arrow-circle-hover-extend:hover .link-with-arrow-circle-line-diagonal-2{ } .desktop-device .link-with-arrow-circle-hover-circle-color{ } .desktop-device .link-with-arrow-circle-hover-circle-color:hover{ } .desktop-device .link-with-arrow-circle-hover-circle-color:hover .link-with-arrow-circle-wrapper{ border-color:#11293D; } body.transparent-header-bar.desktop-device a.link-with-arrow-circle-hover-circle-color:hover .link-with-arrow-circle-wrapper, body.desktop-device a.link-with-arrow-circle-white.link-with-arrow-circle-hover-circle-color:hover .link-with-arrow-circle-wrapper, body.desktop-device.transparent-header-bar span.link-with-arrow-circle-header.link-with-arrow-circle-hover-circle-color > a:hover .link-with-arrow-circle-wrapper, body.desktop-device span.link-with-arrow-circle-white.link-with-arrow-circle-hover-circle-color > a:hover .link-with-arrow-circle-wrapper{ border-color:#fff; } /**************** LINK WITH LINE TO THE LEFT ***************/ .link-with-left-line{ } .link-with-left-line-line{ background-color: #30B0E5; height: 1px; width: 70px; float: left; margin: 12px 20px 0 0; -webkit-transition:background-color .3s; -moz-transition:background-color .3s; -o-transition:background-color .3s; transition:background-color .3s; } .link-with-left-line-text{ } .desktop-device .link-with-left-line:hover .link-with-left-line-line{ background-color: #999; } /***************************** TEASERS ***************************/ .teaser-standard{ padding:0 20px; margin-bottom:50px; } .teaser-standard-1{ } .teaser-standard-2{ } .teaser-standard-2:nth-of-type(2n+1){ clear:left; } .teaser-standard-3{ } .teaser-standard-3:nth-of-type(3n+1){ clear:left; } .teaser-standard-4{ } .teaser-standard-4:nth-of-type(4n+1){ clear:left; } .teaser-standard-image{ overflow:hidden; } .desktop-device .teaser-standard > .teaser-standard-image > img{ -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; } .desktop-device .teaser-standard:hover > .teaser-standard-image > img{ transform:scale(1.1); } .teaser-standard-content{ padding:20px 0 0; } .teaser-standard-content-heading-line{ margin-top: 17px; } .teaser-standard-content-heading{ clear:none; font-size: 1.5rem; } .teaser-standard-content-name{ margin-right: 10px; font-weight:700; } .teaser-standard-content-job-title{ } .teaser-date{ } .blog-section-main .teaser-title{ margin-bottom:10px; font-weight: 600; } body.desktop-device .blog-section-main .teaser-standard .teaser-title{ color:#212529; } .blog-section-main .teaser-excerpt p{ font-size: 0.8rem; } .teaser-standard-image-blank{ } .teaser-standard-image-blank-link{ } .teaser-standard-image-blank .link-with-arrow-circle-wrapper{ position: relative; display:block; margin: auto; width: 200px; height: 200px; border-width: 2px; -webkit-transition:border-color .3s; -moz-transition:border-color .3s; -o-transition:border-color .3s; transition:border-color .3s; } .teaser-standard-image-blank .link-with-arrow-circle-line{ height: 3px; width: 50px; right: 39px; } .teaser-standard-image-blank .link-with-arrow-circle-line-horizontal{ top: 98px; left: auto; right:46px; width: 100px; } .teaser-standard-image-blank .link-with-arrow-circle-line-diagonal-1{ top: 81px; } .teaser-standard-image-blank .link-with-arrow-circle-line-diagonal-2{ top: 115px; } .desktop-device .teaser-standard-image-blank-link:hover { border-color:#11293D; } @media screen and (max-width:1199px){ .teaser-standard-content-heading { font-size: 1rem; } .teaser-standard-4:nth-of-type(2n+1){ clear:left; } .teaser-standard-content-heading-line{ width:50px; } .teaser-standard-content-heading{ max-width: calc(100% - 60px); } } @media screen and (max-width:1023px){ .teaser-standard-3:nth-of-type(3n+1){ clear:none; } .teaser-standard-3:nth-of-type(2n+1){ clear:left; } .teaser-standard-content-heading-line{ width:40px; } .teaser-standard-content-heading{ max-width: calc(100% - 50px); } } @media screen and (max-width:767px){ .teaser-standard-content-heading-line{ width:30px; } .teaser-standard-content-heading{ max-width: calc(100% - 40px); } } @media screen and (max-width:479px){ .teaser-standard-image-blank{ margin-top:0; } .teaser-standard-image-blank .link-with-arrow-circle-wrapper{ width: 100px; height: 100px; } .teaser-standard-image-blank .link-with-arrow-circle-line-horizontal{ width: 50px; right: 22px; top: 49px; } .teaser-standard-image-blank .link-with-arrow-circle-line-diagonal-1{ top: 41px; width: 25px; right: 18px; } .teaser-standard-image-blank .link-with-arrow-circle-line-diagonal-2{ width: 25px; right: 18px; top: 57px; } } /*************************** STAGGERED TEASERS *****************************/ .teaser-staggered{ } .teaser-staggered.content-width-1-2:nth-of-type(2n+1){ margin-top:0; clear:left; } .teaser-staggered.content-width-1-2:nth-of-type(2n+2){ margin-top:70px; } .teaser-staggered.content-width-1-3:nth-of-type(3n+1){ margin-top:0; clear:left; } .teaser-staggered.content-width-1-3:nth-of-type(3n+2){ margin-top:40px; } .teaser-staggered.content-width-1-3:nth-of-type(3n+3){ margin-top:80px; } .teaser-staggered > a > .teaser-staggered-image-wrapper{ overflow:hidden; } .teaser-staggered > a > .teaser-staggered-image-wrapper > img{ -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; } .teaser-staggered > a:hover > .teaser-staggered-image-wrapper > img{ transform:scale(1.1); } .teaser-staggered-text-wrapper{ max-width:none; padding:0; } .teaser-staggered-content-heading-line{ margin-top: 46px; } .teaser-staggered-content-heading{ margin-top: 30px; clear:none; font-size:1.4rem; -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s; transition:color .3s; } .desktop-device .teaser-staggered:hover > a{ color:#30B0E5; } @media screen and (max-width:1199px){ .teaser-staggered.content-width-1-3:nth-of-type(3n+1){ clear:none; } .teaser-staggered.content-width-1-3:nth-of-type(3n+2){ margin-top:0; } .teaser-staggered.content-width-1-3:nth-of-type(3n+3){ margin-top:0; } .teaser-staggered.content-width-1-3:nth-of-type(2n+1){ margin-top:0; clear:left; } .teaser-staggered.content-width-1-3:nth-of-type(2n+2){ margin-top:70px; } .teaser-staggered-content-heading-line{ width:50px; } .teaser-staggered-content-heading{ width: calc(100% - 60px); } } @media screen and (max-width:1023px){ .teaser-staggered-content-heading{ font-size: 1.2rem; } } @media screen and (max-width:767px){ .teaser-staggered-content-heading-line{ width:30px; margin-top: 39px; } .teaser-staggered-content-heading{ width: calc(100% - 40px); font-size: 0.9rem; } } @media screen and (max-width:479px){ .teaser-staggered.content-width-1-2:nth-of-type(2n+2), .teaser-staggered.content-width-1-3:nth-of-type(2n+2){ margin-top:0; } .teaser-staggered-content-heading-line{ width:50px; margin-top: 44px; } .teaser-staggered-content-heading{ width: calc(100% - 70px); font-size: 1.2rem; } } /****************************** CAROUSEL TEASERS - POPULAR, FEATURED AND RELATED TEASERS *******************/ .slick-carousel-teasers{ width:75%; max-width:none; } .slick-carousel-teasers .slick-list{ overflow:visible; } .carousel-teaser-wrapper{ padding: 0 20px; } .carousel-teaser{ } .carousel-teaser > img{ } .carousel-teaser-mask{ position: absolute; top: 0; left: 20px; width: calc(100% - 40px); height: 100%; background: rgba(0,0,0,0.7); opacity:0; -webkit-transition:opacity .3s; -moz-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s; } .carousel-teaser-title{ padding:0 20px; color:#fff; font-size: 1.4rem; transform:scale(0.97); -webkit-transition:transform .3s; -moz-transition:transform .3s; -o-transition:transform .3s; transition:transform .3s; } .carousel-teaser:hover .carousel-teaser-mask{ opacity:1; } .carousel-teaser:hover .carousel-teaser-title{ transform:scale(1); } .carousel-mask{ width:calc(12.5% - 20px); height:100%; background-color:rgba(0,0,0,0.7); } .carousel-mask-left{ } .carousel-mask-right{ } .slick-carousel-teasers .slick-arrow{ top:calc(50% - 30px); z-index: 2; border-color:#30B0E5; } .slick-carousel-teasers .slick-prev{ left:-12%; } .slick-carousel-teasers .slick-next{ right:-12%; left:auto; } /* MAKE SURE THE TITLES ARE ALREADY DISPLAYED WITHOUT HOVER ON MOBILE DEVICES */ .mobile-device .carousel-teaser-mask{ opacity:1; } @media screen and (max-width:1199px){ .slick-carousel-teasers .slick-prev{ left: -13%; } .slick-carousel-teasers .slick-next{ right: -13%; } } @media screen and (max-width:1023px){ .carousel-teaser-title{ padding: 0 10px; font-size:0.9rem; } .slick-carousel-teasers .slick-prev{ left: -14%; } .slick-carousel-teasers .slick-next{ right: -14%; } } @media screen and (max-width:899px){ .carousel-teaser-title{ font-size:0.8rem; } .slick-carousel-teasers .slick-prev{ left: -15%; } .slick-carousel-teasers .slick-next{ right: -15%; } } @media screen and (max-width:767px){ .carousel-mask{ width: calc(12.5% - 10px); } .carousel-teaser-mask{ left:10px; width:calc(100% - 20px); } .carousel-teaser-wrapper{ padding: 0 10px; } .carousel-teaser-title{ padding: 0 10px; font-size:0.75rem; } .slick-carousel-teasers .slick-prev{ left: -15%; } .slick-carousel-teasers .slick-next{ right: -15%; } } @media screen and (max-width:599px){ .carousel-teaser-title{ font-size:0.7rem; } } @media screen and (max-width:479px){ .carousel-mask{ width: calc(12.5% - 5px); } .carousel-teaser-mask{ left:5px; width:calc(100% - 10px); } .carousel-teaser-wrapper{ padding: 0 5px; } .carousel-teaser-title{ padding: 0 5px; font-size:0.6rem; } .slick-carousel-teasers .slick-arrow{ top:100px; background-color:#000; } .slick-carousel-teasers .slick-prev{ left: -5%; } .slick-carousel-teasers .slick-next{ right: -5%; } } @media screen and (max-width:399px){ .carousel-teaser-title{ font-size:0.5rem; } } /*************************************************************************************************** COMMON SECTIONS ****************************************************************************************************/ /******** SEARCH FIELDS ********/ .search-form{ float:left; width:100%; max-width:500px; } .search-form label{ float:left; width:100%; margin:0; } .search-field, .search-form input[type=search], .search-form input[type=text], .search-form input[type=submit], .search-form button[type=submit]{ float:left; margin:0; } .search-form input[type=search], .search-form input[type=text]{ width: calc(100% - 50px); } .search-form-submit-wrapper{ position:relative; width:35px; height:43px; margin:0; } .search-submit{ } .search-form-submit-wrapper input[type=submit], .search-form-submit-wrapper button[type=submit]{ text-indent: -5000px; position:absolute; top:0; left:0; width:100%; height:100%; padding:0; z-index:1; background:none; font-size:0.9rem; } .search-form-submit-wrapper .fa-search{ position:absolute; top:0; left:0; width:100%; height:100%; padding-top:10px; text-align:center; font-size:1.2rem; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } /* Hover */ .desktop-device .search-form-submit-wrapper:hover .fa-search{ color:#30B0E5; } /**************************************************************************************** HEADER *****************************************************************************************/ #site-header{ height:110px; background-color: #fff; color:#000; } body.transparent-header-bar #site-header{ background:none; color:#fff; } body.scrolled-down #site-header{ height:60px; } body.mobile-menu-active #site-header{ height:100vh; overflow-y: auto; overflow-x: hidden; background-color:#fff; } #header-contents-wrapper{ height:110px; overflow-y:hidden; overflow-x: hidden; } body.scrolled-down #header-contents-wrapper{ height:60px; } body.mobile-menu-active #header-contents-wrapper{ height:auto; } body.mobile-device.mobile-menu-active #header-contents-wrapper{ padding-bottom:50px; } @media screen and (max-width:1023px){ #site-header{ height:60px; } } /*************************** SEARCH BUTTON ***************************/ .link-with-arrow-circle-search, a.link-with-arrow-circle-search{ position: fixed; top: 35px; right: 30px; padding-right:50px; z-index: 12; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } .search-toggle-text, a.search-toggle-text{ } .link-with-arrow-circle-line-search-circle, a.link-with-arrow-circle-line-search-circle{ width: 13px; top: 10px; left: 16px; border-radius: 50%; height: 13px; background: none; border: 2px solid #000; } .link-with-arrow-circle-line-search-diagonal, a.link-with-arrow-circle-line-search-diagonal{ width: 10px; height:2px; top: 24px; right: 19px; transform: rotate(-45deg); } body.scrolled-down #search-toggle { top: 8px; } body.transparent-header-bar a.link-with-arrow-circle-search .link-with-arrow-circle-line-search-circle{ border-color: #fff; background:none; } body.transparent-header-bar.desktop-device a.link-with-arrow-circle-search .search-toggle-text{ color:#fff; } @media screen and (max-width:1599px){ .search-toggle-text, a.search-toggle-text{ display:none; } } @media screen and (max-width:1499px){ .search-toggle-text, a.search-toggle-text{ display:block; } } @media screen and (max-width:1023px){ .link-with-arrow-circle-search, a.link-with-arrow-circle-search{ top:18px; } } @media screen and (max-width:479px){ #search-toggle{ display:none; } .link-with-arrow-circle-search, a.link-with-arrow-circle-search{ top:0; color:#fff; } .link-with-arrow-circle-search .link-with-arrow-circle-line-search-circle, a.link-with-arrow-circle-search .link-with-arrow-circle-line-search-circle{ border-color:#fff; } .link-with-arrow-circle-search .link-with-arrow-circle-line-search-diagonal, a.link-with-arrow-circle-search .link-with-arrow-circle-line-search-diagonal{ background-color:#fff; } body.desktop-device .link-with-arrow-circle-search:hover .link-with-arrow-circle-wrapper, body.desktop-device a.link-with-arrow-circle-search:hover .link-with-arrow-circle-wrapper{ border-color:#fff; } } /*** MEGA MENU VERSION ***/ #search-toggle-mobile{ display:none; } @media screen and (max-width:479px){ #search-toggle-mobile{ display:block; } } /******************************** HEADER SEARCH BAR *********************************/ #search-bar{ height:0; z-index:1003; overflow:hidden; background-color:#222; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } #search-bar.active{ height:50px; } #search-bar-form-wrapper{ width:100%; padding-right:20px; padding-left: 15px; } #search-bar-form-wrapper .search-form{ float:right; max-width: 400px; } #search-bar-form-wrapper .search-form label{ width:100%; } #search-bar-form-wrapper .search-form input[type=search], #search-bar .search-form input[type=text], #search-bar-form-wrapper .search-form input[type=submit], #search-bar .search-form button[type=submit]{ margin:0; padding-top:5px; padding-bottom:5px; } #search-bar-form-wrapper .search-form input[type=search], #search-bar .search-form input[type=text]{ margin-top:8px; margin-bottom:8px; margin-left:0; padding:5px 20px; color:#fff; } #search-bar-form-wrapper .search-form-submit-wrapper{ margin:4px 0; } #search-bar-form-wrapper .search-form-submit-wrapper input[type=submit], #search-bar-form-wrapper .search-form-submit-wrapper button[type=submit]{ text-indent: -5000px; } #search-bar-form-wrapper .search-form-submit-wrapper .fa-search{ color:#ddd; } #search-bar-close{ width:50px; height:50px; cursor:pointer; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } .search-bar-close-line{ background-color:#212529; height:3px; width:30px; position:absolute; top:23px; left:10px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } #search-bar-close-line-1{ transform:rotate(45deg); } #search-bar-close-line-2{ transform:rotate(-45deg); } .desktop-device #search-bar-close:hover{ background-color:#ccc; } .desktop-device #search-bar-close:hover .search-bar-close-line{ background-color:#30B0E5; } body.search-bar-active #main-menu-toggle, body.search-bar-active #search-toggle, body.search-bar-active.desktop-device #mobile-menu.active #mobile-menu-wrapper{ } body.search-bar-active #site-header{ } /*************************** HEADER BAR - LOGO AND TOP NAV **************************/ #header-bar{ height:110px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } body.transparent-header-bar #header-bar, body.mobile-menu-active #header-bar{ background:none; } body.mobile-menu-active #header-bar{ height:60px; } body.scrolled-down #header-bar{ height:60px; } @media screen and (max-width:399px){ #header-bar{ height:60px; } } /* Top - large screen */ #site-logo{ z-index: 10; margin-left: /*1.5%*/ 15px; } #site-logo #site-logo-link{ width:270px; height:50px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } body.scrolled-down #site-logo #site-logo-link, body.mobile-menu-active #site-logo #site-logo-link{ width:162px; height:30px; } #site-logo img{ height:50px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } body.scrolled-down #site-logo img, body.mobile-menu-active #site-logo img{ height:30px; } #site-logo #site-logo-light{ opacity:0; } #site-logo #site-logo-dark{ opacity:1; } body.transparent-header-bar #site-logo #site-logo-dark{ display: none;} body.transparent-header-bar #site-logo #site-logo-light{ opacity:1; } body.mobile-menu-active #site-logo #site-logo-light{ display: none; } body.mobile-menu-active #site-logo #site-logo-dark{ display: none; } /*body.mobile-menu-active #site-logo #site-logo-light{ opacity:1; }*/ /*body.mobile-menu-active #site-logo #site-logo-dark{ opacity:0; }*/ /*.main-navigation{ width: calc(100% - 250px);}*/ .main-navigation-home{ width: calc(100% - 250px);} body.desktop-device .main-navigation{ display:block; } /*body.mobile-device .main-navigation{ display:none; }*/ @media screen and (max-width:1519px){ /*#site-navigation{ width:calc(100% - 70px); }*/ #site-navigation-home{ width:calc(100% - 70px); } } @media screen and (max-width:1349px){ /*#site-navigation{ width:calc(100% - 70px); }*/ #site-navigation-home{ width:calc(100% - 70px); } } @media screen and (max-width:1199px){ /*#site-navigation{ display:none; }*/ #site-navigation-home{ display:none; } } @media screen and (max-width:1023px){ #site-logo img{ height:40px; } /*.main-navigation{ height:40px; }*/ .main-navigation-home{ height:40px; } body.scrolled-down #site-logo img{ height:30px; } body.scrolled-down .main-navigation{ height:30px; } } @media screen and (max-width:399px){ #site-logo #site-logo-link{ width:162px; height:30px; } #site-logo img{ /*height:30px;*/ height:60px; } /*.main-navigation{ height:30px; }*/ .main-navigation-home{ height:30px; } } /***** MAIN NAV *****/ #mega-menu-top-menu > li { float: left; width:auto; position: relative; } #mega-menu-top-menu > li > a { float:left; width:100%; text-decoration: none; text-align:center; transition:background .1s linear; -moz-transition:background .1s linear; -webkit-transition:background .1s linear; } #mega-menu-top-menu > li > ul > li > a{ text-align:left; } #mega-menu-top-menu > li.current_page_item > ul > li > a{ text-transform:none; } #main-menu{ width:100%; margin:0; } #main-menu > li{ margin: 0 35px 0 0; padding: 0px 10px 10px 10px } #main-menu > li > a{ padding:4px 0 6px; margin:0; color:#11293D; font-size:1rem; letter-spacing:1px; /*border-bottom: 1px solid transparent;*/ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } body.scrolled-down #main-menu > li > a{ padding:5px 0; } #main-menu > li.current-menu-item > a, body.desktop-device #main-menu > li > a:hover{ color: #30B0E5; /*border-bottom:1px solid #11293D;*/ } body.transparent-header-bar #main-menu > li.current-menu-item > a, body.transparent-header-bar.desktop-device #main-menu > li > a:hover{ /*border-bottom:1px solid #fff; */} #main-menu > li:last-of-type{ margin-right:0; } body.transparent-header-bar #main-menu > li > a{ /*color:#fff;*/ } body.transparent-header-bar.desktop-device #main-menu > li > a:hover{ /*border-bottom:1px solid #fff;*/ } @media screen and (max-width:1799px){ #main-menu > li{ margin-right:30px; } } @media screen and (max-width:1699px){ #main-menu > li{ margin-right:20px; } } @media screen and (max-width:1599px){ #main-menu > li > a{ font-size:0.9rem; } } /* Toggle button */ .menu-toggle{ display:block; float:right; top: 33px; right: 15px; width:auto; /*width:135px;*/ height:auto; z-index:11; text-indent:0; -webkit-transition:top .5s; -moz-transition:top .5s; -o-transition:top .5s; transition:top .5s; } .menu-toggle-line{ height:2px; width:80%; background-color:#555; } #menu-toggle-line-1{ top:30%; left:10%; width:80%; } #menu-toggle-line-2{ top:50%; left:15%; width:70%; } #menu-toggle-line-3{ top:70%; left:10%; width:80%; } #main-menu-toggle .link-with-arrow-circle-wrapper{ position: relative; float: right; height:27px; border: none; animation: none; right:18px; } #main-menu-toggle .link-with-arrow-circle-line{ height:2px; /*background-color: #ffffff;*/ background-color: black; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; /*background-color: black; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s;*/ } .home #main-menu-toggle .link-with-arrow-circle-line{ height:2px; background-color: #ffffff; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } .home #main-menu-toggle:hover{ border: #30B0E5 1px solid; border-radius: 22px; background: #30B0E5; color: #11293D; /*-webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s;*/ } #main-menu-toggle .link-with-arrow-circle-line-top{ width: 24px; top: 7px; left: 5px; } #main-menu-toggle .link-with-arrow-circle-line-middle{ width: 18px; top: 13px; left: 8px; } #main-menu-toggle .link-with-arrow-circle-line-bottom{ width: 24px; top: 19px; left: 5px; } body.transparent-header-bar .menu-toggle-line{ background-color:#fff; } #main-menu-toggle{ width:150px; margin-top: 0; padding: 7px 0 7px 20px; /*border: #30B0E5 1px solid;*/ border: black 1px solid; border-radius: 22px; /*background-color: #30B0E5;*/ /*color: #ffffff; */color: black; /*-webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; */ -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .home #main-menu-toggle{ width:150px; margin-top: 0; padding: 7px 0 7px 20px; border: #30B0E5 1px solid; border-radius: 22px; background-color: #30B0E5; color: #ffffff; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } #main-menu-toggle.active{ /*width:auto;*/ width: 43px; } .menu-toggle-text{ color:black; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; } .home .menu-toggle-text{ color:#ffffff; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s; } body.transparent-header-bar .menu-toggle-text{ color:#fff; } #main-menu-toggle #main-menu-toggle-closed{ position:relative; float:left; width:80px; opacity:1; } #main-menu-toggle #main-menu-toggle-open{ position:absolute; left:20px; opacity:0; } #main-menu-toggle.active #main-menu-toggle-closed{ position:absolute; left:20px; width:auto; opacity:0; } #main-menu-toggle.active #main-menu-toggle-open{ position:relative; float:left; left:auto; opacity:1; } #main-menu-toggle.active .link-with-arrow-circle-line-top{ top: 13px; left: 9px; transform:rotate(45deg); } #main-menu-toggle.active .link-with-arrow-circle-line-middle{ opacity:0; } #main-menu-toggle.active .link-with-arrow-circle-line-bottom{ top: 13px; left: 9px; transform:rotate(-45deg); } body.scrolled-down #main-menu-toggle, body.mobile-menu-active #main-menu-toggle{ top: 9px; -webkit-transition: top .3s; -moz-transition: top .3s; -o-transition: top .3s; transition: top .3s; } #main-menu-toggle:hover{ border: #30B0E5 1px solid; border-radius: 22px; background: transparent; color: #11293D; /*-webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s;*/ } #main-menu-toggle:hover .menu-toggle-closed { color: #11293D; /*-webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s;*/ } #main-menu-toggle:hover .link-with-arrow-circle-line{ background-color: #11293D; /*-webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s;*/ } @media screen and (max-width:1499px){ } @media screen and (max-width:1519px){ #main-menu-toggle{ width: 43px; } .home #main-menu-toggle #main-menu-toggle-closed, .home #main-menu-toggle #main-menu-toggle-open{ display:block; } #main-menu-toggle #main-menu-toggle-closed, #main-menu-toggle #main-menu-toggle-open{ display:none; } #main-menu-toggle .link-with-arrow-circle-wrapper{ right: 9px; width: 27px; } #main-menu-toggle .link-with-arrow-circle-line-top{ top: 8px; left: 0; } #main-menu-toggle .link-with-arrow-circle-line-middle{ top: 13px; left: 3px; } #main-menu-toggle .link-with-arrow-circle-line-bottom{ top: 18px; left: 0; } #main-menu-toggle.active{ width: 43px; } #main-menu-toggle.active .link-with-arrow-circle-line-top{ left: 0; } #main-menu-toggle.active .link-with-arrow-circle-line-bottom{ left: 0; } } @media screen and (max-width:1349px){ /*#main-menu-toggle{ width:50px; }*/ } @media screen and (max-width:1199px){ /*#main-menu-toggle{ width: 135px; }*/ /*#main-menu-toggle{ width: 200px; }*/ .home #main-menu-toggle #main-menu-toggle-closed, .home #main-menu-toggle #main-menu-toggle-open{ display:block; padding-top:2px; } #main-menu-toggle #main-menu-toggle-closed, #main-menu-toggle #main-menu-toggle-open{ /*display:block; */ display:none; padding-top:2px; } #main-menu-toggle #main-menu-toggle-closed{ /*width: 125px;*/ width: auto; } #main-menu-toggle .link-with-arrow-circle-wrapper{ right: 9px; width: 41px; } /*#main-menu-toggle.active{ width: 130px; }*/ } @media screen and (max-width:1023px){ #main-menu-toggle{ top:10px; } #site-logo #site-logo-link{ height: 75px; } } @media screen and (max-width:767px){ #main-menu-toggle{ /*right:170px;*/ } } @media screen and (max-width:479px){ #main-menu-toggle{ width: 43px; } .home #main-menu-toggle #main-menu-toggle-closed, .home #main-menu-toggle #main-menu-toggle-open{ display:block; } #main-menu-toggle #main-menu-toggle-open{ display:none; } #main-menu-toggle .link-with-arrow-circle-wrapper{ right: 9px; width: 27px; } #main-menu-toggle.active{ width: 43px; } } @media screen and (max-width:399px){ #main-menu-toggle{ top:9px; /*top:-50px;*/ } } /***** FEEDBACK FORM *****/ #feedback-form{ } #feedback-form .form-field-label p{ width: auto; margin-left: 0.15rem; } #feedback-form .form-field-label p:first-of-type{ margin-left: 0; } #feedback-form .form-field-label div:first-of-type{ position: relative; float: left; margin-left: 0.15rem; } #feedback-form span.wpcf7-list-item { margin: 0; z-index:1; } #feedback-form label{ position: relative; float: left; margin-bottom:10px; width: 100%; } #feedback-form .wpcf7-list-item:first-of-type{ margin-left: 7px; } #feedback-form .rating-wrapper{ position:relative; float:left; width: 100%; margin:0 0 30px 10px; } #feedback-form .rating-wrapper input[type=radio]{ /*display:none;*/ position:absolute; top:20px; left:7px; z-index:-1; } #feedback-form .rating-wrapper label span{ float:left; width:50px; height:50px; padding-top:3px; box-sizing:border-box; clear:none; cursor:pointer; border:2px solid #75afe9; background-color:#fff; color:#000; font-size:1.7rem; text-align:center; margin: 0 -6px; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); transform:scale(0.8); -webkit-transition:-webkit-all .3s, z-index .3s; -moz-transition:-moz-all .3s, z-index .3s; transition:all .3s, z-index .3s; } #feedback-form .rating-wrapper input:checked ~ span { } #feedback-form .rating-wrapper .wpcf7-list-item:hover span, #feedback-form .rating-wrapper .wpcf7-list-item span.active{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); margin: 0 -1px; z-index:2; } #feedback-form .rating-wrapper .wpcf7-list-item:hover ~ span.wpcf7-list-item.first{ margin-left: 0; } #feedback-form .rating-wrapper label span{ } #feedback-form textarea{ margin-bottom:30px; } /***************************************************************************************************************** TEMP STYLING TO ACCOMMODATE TEMPORARY, LONG MENU ITEM ******************************************************************************************************************/ /*#header-left{ max-width:300px;}*/ #header-left{ width: 20%; padding-right: 10px; margin-right: 3px;} #header-center { } #header-right{ float:right; /*width:calc(100% - 300px); overflow: hidden;*/ } /*.menu-main-nav-container{ float:right; margin-right:30px; }*/ /*@media screen and (max-width:1299px){ .menu-main-nav-container{ margin-right:0; } } */ @media screen and (max-width:1249px){ #main-menu > li > a { font-size: 0.8rem; } } /*@media screen and (min-width:1900px){ #header-left{margin-right: 85px;} }*/ /****************************************** MEGA MENU **************************************/ #mobile-menu{ width:100%; z-index:11; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } body.mobile-menu-active #mobile-menu{ opacity: 1; } #mobile-menu-wrapper{ bottom:auto; width: 100%; /*max-height:100vh;*/ margin: 0; height:0; opacity: 0; list-style: none; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #mobile-menu.active #mobile-menu-wrapper{ top:auto; height:auto; position:relative; opacity: 1; } #mobile-menu-wrapper a{ margin-bottom: 3px; font-size:0.8rem; } .mega-menu-column{ width:20%; padding:0 15px; } .mega-menu-column .menu{ width:100%; } #mobile-menu a{ /*color:#fff;*/ -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } #mobile-menu .mega-menu-column-heading, #mega-menu-left-menu > li > a{ color:black; font-weight:500; } #mobile-menu .mega-menu-column-heading{ font-size:1.5rem; } #mega-menu-left-menu > li > a{ font-size:2rem; } /*.mega-menu-list{ }*/ .mega-menu-list-item{ margin-bottom:2px; } .mega-menu-list-item a{ position: relative; float:left; /*padding-left: 15px; */} .mega-menu-link-line{ /*position: absolute; left: 0; background: #fff; height: 1px; width: 5px; top: 10px;*/ } body.desktop-device .mega-menu-list-item a:hover{ /*padding-left:25px;*/ /*padding-left:15px; */} body.desktop-device .mega-menu-list-item a:hover .mega-menu-link-line{ /*width:15px;*/ } #mega-menu-left-menu > .current_page_item > a, .mega-menu-list-item.current_page, #mobile-menu .mega-menu-column-heading.current_page{ font-weight:600; } /*#mega-menu-column-1{ }*/ #mega-menu-column-1 .mega-menu-column-heading{ padding:0 15px; } #mega-menu-column-1 {padding: 10px 50px 0px 50px; } /*#mega-menu-list-id-109{ }*/ #mobile-menu-social{ width:150px; margin:0 auto; } body.mobile-menu-active #main-menu > li > a, body.mobile-menu-active #mega-menu-top-menu > li > a{ /*color:#fff;*/ } body.mobile-menu-active #main-menu-toggle-open, body.mobile-menu-active #main-menu-toggle-closed{ /*color:#fff; */} body.mobile-menu-active #main-menu-toggle .link-with-arrow-circle-line{ background-color:black; } body.mobile-menu-active.desktop-device #main-menu-toggle:hover .link-with-arrow-circle-wrapper{ border-color:black; } body.mobile-menu-active #main-menu > li.current-menu-item > a, body.mobile-menu-active.desktop-device #main-menu > li > a:hover, body.mobile-menu-active #mega-menu-top-menu > li.current-menu-item > a, body.mobile-menu-active.desktop-device #mega-menu-top-menu > li > a:hover{ /*border-color:#fff;*/ } /*#mega-menu-latest-news-article-title{ font-size: 1.1rem; -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s; transition:color .3s; } #mega-menu-latest-news-article-image-wrapper{ overflow:hidden; } #mega-menu-latest-news-teaser #mega-menu-latest-news-article-image{ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } body.desktop-device #mega-menu-latest-news-teaser:hover #mega-menu-latest-news-article-image{ transform: scale(1.1); }*/ /*body.desktop-device #mega-menu-latest-news-teaser:hover #mega-menu-latest-news-article-title{ color:#30B0E5; }*/ @media screen and (max-width:1599px){ #mega-menu-left-menu > li > a{ font-size:1.8rem; } /*#main-menu > li:first-of-type { margin-left: 0px !important; }*/ } @media screen and (max-width:1499px){ #mega-menu-left-menu > li > a{ font-size:1.5rem; } } @media screen and (max-width:1299px){ #mega-menu-left-menu > li > a{ font-size:1.3rem; } #main-menu > li { margin-right: 5px; } } @media screen and (max-width:1199px){ .mega-menu-column{ padding-bottom:30px; } #main-menu > li { margin-right: 0px; } } @media screen and (min-width:1024px){ #mega-menu-column-4 { width: 40%; } #mega-menu-column-4-c1{ width: 50%; padding-right: 15px; } #mega-menu-column-4-c2 { width: 50%; padding-left: 15px; } } @media screen and (max-width:1023px){ body #mobile-menu.active #mobile-menu-wrapper{ } /*.mega-menu-column{ width:25%; }*/ .mega-menu-column{ width:33%; } /*#mega-menu-column-5{ display:none; }*/ .mega-menu-list-item a{ font-size:0.9rem; } #main-menu > li { margin-right: 20px; } .home-menu-links { display: none; } #mega-menu-column-4{ float:right; width:65.666%; padding-left:0; padding-right:0; clear:left; } #mega-menu-column-4-c1{ width: 50%; padding-right: 15px; } #mega-menu-column-4-c2 { width: 50%; padding-left: 15px; } /*#mega-menu-column-5 {clear: left; padding-left: 50px !important;}*/ } @media screen and (max-width:767px){ .mega-menu-column{ width:33.333%; } #mega-menu-column-4{ float:right; width:66.666%; padding-left:0; padding-right:0; clear:left; } #mega-menu-column-4-c1{ width: 55%; padding-right: 15px; } #mega-menu-column-4-c2 { width: 45%; padding-left: 15px; } /*#mega-menu-column-4 { float: none; }*/ /*#mega-menu-column-5 {clear: none; padding-left: 0px !important;}*/ } @media screen and (max-width:599px){ .mega-menu-column{ width:50%; } /*#mega-menu-column-1, #mega-menu-column-4{ width:100%; }*/ /*#mega-menu-left-menu > li{ width:50%; }*/ /*#main-menu-toggle{ top:9px; top:-210px; }*/ /*body.scrolled-down #main-menu-toggle, body.mobile-menu-active #main-menu-toggle{ top: -80px; }*/ #mega-menu-column-1 {display: none;} /*#header-right { float: none; width: 100%; } #header-right li { width: 100%; }*/ /*.main-navigation { margin-left: auto; margin-right: auto; width: 100% }*/ } @media screen and (max-width:767px), screen and (max-height:479px){ } @media screen and (max-width:599px) { #mega-menu-column-4{ float:none; width:100%; padding: 0 15px; } } @media screen and (max-width:500px) { #main-menu > li > a { font-size: 1.0rem; } #main-menu > li { width: 80%; } body.mobile-menu-active #site-logo img { margin-left: 50%; width: 100% !important; } body.mobile-menu-active #site-logo-link { width: 100% !important; } } @media screen and (max-width:479px) { .mega-menu-list{ display:none; } .mega-menu-column{ padding:0 15px; margin-bottom:0; width:100%; } #mobile-menu .mega-menu-column-heading{ font-size:1.3rem; } #mega-menu-column-4-c1{ width: 100%; } #mega-menu-column-4-c2 { width: 100%; padding-left: 0px; } .mega-menu-column-heading { text-align: center; width: inherit; } .header-product-menu { width: 100% !important; text-align: center; } body.mobile-menu-active #site-logo img { margin-left: 13%; } } @media screen and (max-width:379px) { /*.mega-menu-column{ width:100%; }*/ /*.mega-menu-column *{ text-align: center; }*/ /*#mega-menu-column-2{ width:100%; padding-right:15px; }*/ /*#mega-menu-column-3{ padding-left:15px; }*/ /*#mega-menu-column-4 > div{ width:100%; margin-bottom:0; }*/ #mega-menu-left-menu > li{ width: 100%; /*text-align: center;*/ } /*.mega-menu-column a{ float:none; }*/ /*#main-menu-toggle{ top:9px; top:-110px; }*/ } /********* MEGA MENU FOOTER **********/ #mega-menu-footer{ opacity:0; } #mega-menu-footer *{ font-size: 0.9rem; } body.mobile-menu-active #mega-menu-footer{ opacity:1; background-color: black; padding-top: 30px; margin-bottom: 10px;} /*.mega-menu-footer-column{ padding: 0 15px; }*/ #mega-menu-footer *{ /*text-align:center;*/ } #mega-menu-footer-column-1, #mega-menu-footer-column-2, #mega-menu-footer-column-3, #mega-menu-footer-column-4, #mega-menu-footer-column-5{ padding: 0px 0px 0px 15px; height: 75px;} /* Social media */ .mega-menu-footer-column .footer-social-wrapper{ margin:0; list-style:none; width: 100%;} #mega-menu-footer .footer-social-link{ padding: 9px; border-radius: 50%; border: 1px solid #30B0E5; line-height: 100%; float: left; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } body.desktop-device #mega-menu-footer .footer-social-link:hover{ background-color:white; } /*.desktop-device #mega-menu-footer a:hover{ color:#fff; }*/ body.desktop-device #mega-menu-footer .footer-social-link:hover i.footer-social-icon.fa.fa-facebook{ color: #3b5998 !important; } body.desktop-device #mega-menu-footer .footer-social-link:hover i.footer-social-icon.fa.fa-twitter{ color: #00acee !important; } body.desktop-device #mega-menu-footer .footer-social-link:hover i.footer-social-icon.fa.fa-linkedin{ color: #0077B5 !important; } #mega-menu-footer .footer-social-icon{ color: #fff; width: 17px; height: 17px; text-align: center; font-size: 1rem; } /*#mega-menu-footer-column-5 .wpcf7-form *{ } #mega-menu-footer-column-5 .form-field{ padding:0; } #mega-menu-footer-column-5 p{ } #mega-menu-footer-column-5 label{ top: 0; margin: 0; color:#fff; } #mega-menu-footer-column-5 .form-field.active label{ top: 49px; font-size: 0.6rem; } #mega-menu-footer-column-5 .wpcf7-form-control-wrap{ } #mega-menu-footer-column-5 input[type=email], #mega-menu-footer-column-5 input[type=text]{ padding-top: 0; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #30B0E5; color:#fff; text-align:left; } #mega-menu-footer-column-5 .form-field-line{ bottom: auto; top: 30px; } #mega-menu-footer-column-5 button[type=submit], #mega-menu-footer-column-5 input[type=submit]{ padding:6px 45px 6px 0; margin:0; color:#fff; } #mega-menu-footer-column-5 .link-with-arrow-circle-wrapper{ width: 30px; height: 30px; margin:0; } #mega-menu-footer-column-5 .link-with-arrow-circle-wrapper .link-with-arrow-circle-line{ background-color:#fff; } #mega-menu-footer-column-5 .link-with-arrow-circle-line-horizontal{ top: 14px; width: 15px; left: 7px; } #mega-menu-footer-column-5 .link-with-arrow-circle-line-diagonal-1{ top: 11px; right: 5px; } #mega-menu-footer-column-5 .link-with-arrow-circle-line-diagonal-2{ top: 17px; right: 5px; } #mega-menu-footer-column-5 .form-submit-with-arrow-circle-wrapper .ajax-loader{ position:absolute; left:0; bottom:0; } .desktop-device #mega-menu-footer-column-5 .form-submit-with-arrow-circle-wrapper:hover .link-with-arrow-circle-wrapper{ border-color:#fff; }*/ @media screen and (max-width:1299px){ /*#mega-menu-footer-column-5 .form-field.active label{ opacity:0; }*/ } @media screen and (max-width:899px){ .mega-menu-footer-column .footer-social-wrapper{ width: 130px; float: none; margin: 0 auto; } #mega-menu-footer *{ text-align:center; } } @media screen and (max-width:767px){ /*#mega-menu-footer-column-5{ float:right; clear:both; }*/ } @media screen and (max-width:479px){ /*#mega-menu-footer *{ text-align:center; }*/ /*.mega-menu-footer-column .footer-social-wrapper{ width: 180px; float: none; margin: 0 auto; }*/ /*#mega-menu-footer-column-5 .wpcf7{ max-width: 300px; margin: 0 auto; }*/ } /*#mobile-menu a{ opacity: 0; transform: translateY(20px); transition: opacity .3s linear, transform .3s cubic-bezier(.25,.46,.45,.94); color:#fff; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } #mobile-menu.active a{ opacity: 1; transform: translateY(0); } /* HANDLE THE SMALL SLIDE IN ANIMATION PER MENU ITEM */ /*#mobile-menu li:nth-last-child(1) a{ transition: opacity .5s linear .06s, transform .5s cubic-bezier(.25,.46,.45,.94) .06s; } #mobile-menu li:nth-last-child(2) a{ transition: opacity .5s linear .12s, transform .5s cubic-bezier(.25,.46,.45,.94) .12s; } #mobile-menu li:nth-last-child(3) a{ transition: opacity .5s linear .18s, transform .5s cubic-bezier(.25,.46,.45,.94) .18s; } #mobile-menu li:nth-last-child(4) a{ transition: opacity .5s linear .24s, transform .5s cubic-bezier(.25,.46,.45,.94) .24s; } #mobile-menu li:nth-last-child(5) a{ transition: opacity .5s linear .30s, transform .5s cubic-bezier(.25,.46,.45,.94) .30s; } #mobile-menu li:nth-last-child(6) a{ transition: opacity .5s linear .36s, transform .5s cubic-bezier(.25,.46,.45,.94) .36s; } #mobile-menu li:nth-last-child(7) a{ transition: opacity .5s linear .42s, transform .5s cubic-bezier(.25,.46,.45,.94) .42s; } #mobile-menu li:nth-last-child(8) a{ transition: opacity .5s linear .48s, transform .5s cubic-bezier(.25,.46,.45,.94) .48s; } #mobile-menu li:nth-last-child(9) a{ transition: opacity .5s linear .54s, transform .5s cubic-bezier(.25,.46,.45,.94) .54s; } #mobile-menu li:nth-last-child(10) a{ transition: opacity .5s linear .60s, transform .5s cubic-bezier(.25,.46,.45,.94) .60s; } #mobile-menu.active li:nth-child(1) a{ transition: opacity .5s linear .06s, transform .5s cubic-bezier(.25,.46,.45,.94) .06s; } #mobile-menu.active li:nth-child(2) a{ transition: opacity .5s linear .12s, transform .5s cubic-bezier(.25,.46,.45,.94) .12s; } #mobile-menu.active li:nth-child(3) a{ transition: opacity .5s linear .18s, transform .5s cubic-bezier(.25,.46,.45,.94) .18s; } #mobile-menu.active li:nth-child(4) a{ transition: opacity .5s linear .24s, transform .5s cubic-bezier(.25,.46,.45,.94) .24s; } #mobile-menu.active li:nth-child(5) a{ transition: opacity .5s linear .30s, transform .5s cubic-bezier(.25,.46,.45,.94) .30s; } #mobile-menu.active li:nth-child(6) a{ transition: opacity .5s linear .36s, transform .5s cubic-bezier(.25,.46,.45,.94) .36s; } #mobile-menu.active li:nth-child(7) a{ transition: opacity .5s linear .42s, transform .5s cubic-bezier(.25,.46,.45,.94) .42s; } #mobile-menu.active li:nth-child(8) a{ transition: opacity .5s linear .48s, transform .5s cubic-bezier(.25,.46,.45,.94) .48s; } #mobile-menu.active li:nth-child(9) a{ transition: opacity .5s linear .54s, transform .5s cubic-bezier(.25,.46,.45,.94) .54s; } #mobile-menu.active li:nth-child(10) a{ transition: opacity .5s linear .60s, transform .5s cubic-bezier(.25,.46,.45,.94) .60s; }*/ /********** FOOTER SEARCH FIELD ***************/ #site-footer .search-form{ border-bottom: /*#A5D4D3*/ #30B0E5 1px solid; } #site-footer .search-form input[type="search"], #site-footer .search-form input[type="text"]{ padding-top: 5px; } #site-footer .search-form-submit-wrapper{ height: 35px; } #site-footer .search-form-submit-wrapper .fa-search{ padding-top:5px; } #site-footer .search-field:active, #site-footer .search-field:focus, #site-footer .search-form input[type="search"]:active, #site-footer .search-form input[type="search"]:focus, #site-footer .search-form input[type="text"]:active, #site-footer .search-form input[type="text"]:focus, #site-footer .search-form input[type="submit"]:active, #site-footer .search-form input[type="submit"]:focus, #site-footer .search-form button[type="submit"]:active, #site-footer .search-form button[type="submit"]:focus{ color: #212529; } .desktop-device #site-footer .search-form-submit-wrapper:hover .fa-search{ color:#30B0E5; } /***** SOCIAL *****/ [class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1.4rem; } @media screen and (max-width:1139px){ .header-social{ margin-left:20px; } [class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1.2rem; } } @media screen and (max-width:1023px){ [class^="i"]::before, [class*=" i"]::before, .header-social-link .fa{ font-size:1rem; } } @media screen and (max-width:939px){ .header-social{ margin:0 100px 0 0; } } /****************************** SIDEBAR MENU **************************/ .sidebar-menu{ } .sidebar-menu ul, .sidebar-menu-alt ul{ margin: 0; list-style: none; } .sidebar-menu li, .sidebar-menu-alt li{ } .sidebar-menu a, .sidebar-menu-alt a{ } .desktop-device .sidebar-menu a:hover{ color:#30B0E5; } .sidebar-menu .sidebar-menu-list, .sidebar-menu-alt .sidebar-menu-alt-list{ } .sidebar-menu .sidebar-menu-item{ position:relative; padding-right:20px; margin-bottom: 20px; } .sidebar-menu .sidebar-menu-item > a, .sidebar-menu-alt .sidebar-menu-alt-heading{ font-size: 1.3rem; font-weight: 700; letter-spacing: 1px; } .desktop-device .sidebar-menu .sidebar-menu-item > a:hover{ } .sidebar-menu-alt .sidebar-menu-alt-section{ } .sidebar-menu-alt .sidebar-menu-alt-heading{ position:relative; } .sidebar-menu .sidebar-submenu-list, .sidebar-menu-alt .sidebar-menu-alt-wrapper{ display:none; } .sidebar-menu .sidebar-submenu-item, .sidebar-menu-alt .sidebar-menu-alt-item{ } .sidebar-menu .sidebar-submenu-item > a, .sidebar-menu-alt .sidebar-menu-alt-item > a, .sidebar-menu-alt-items-widget > ul > li > a{ font-size:0.9rem; } .desktop-device .sidebar-menu .sidebar-submenu-item > a:hover, .desktop-device .sidebar-menu-alt .sidebar-menu-alt-item > a:hover{ } .sidebar-menu-item.active .sidebar-submenu-list{ } .sidebar-menu-expand, .sidebar-menu-alt-expand{ position: absolute; right: 0; top: 9px; width: 19px; height: 19px; cursor:pointer; } .sidebar-menu-expand-line, .sidebar-menu-alt-expand-line{ background-color: #000; position: absolute; } .sidebar-menu-expand-line-1, .sidebar-menu-alt-expand-line-1{ width: 19px; height: 1px; top: 9px; } .sidebar-menu-expand-line-2, .sidebar-menu-alt-expand-line-2{ height: 19px; width: 1px; left: 9px; } .sidebar-menu li.active > .sidebar-menu-expand .sidebar-menu-expand-line-2, .sidebar-menu-alt-parent.active .sidebar-menu-alt-expand-line-2{ opacity:0; } /****************************** HERO **********************************/ #hero-wrapper{ max-height:600px; /*overflow:hidden;*/ } @media screen and (max-height:767px){ #hero-wrapper{ /* max-height:400px; */ } } @media screen and (max-width:1023px){ #hero-wrapper{ max-height:400px; } } @media screen and (max-width:767px){ #hero-wrapper{ max-height:300px; } } @media screen and (max-width:479px){ #hero-wrapper{ max-height:none; } } /****************************************** FOOTER **************************************/ #site-footer *{ color: /*#A5D4D3;*/ #30B0E5; } #site-footer p{ margin-bottom:0; } .desktop-device #site-footer a{ -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } .desktop-device #site-footer a:hover{ color:#30B0E5; } #footer-top-wrapper{ border-top:1px solid /*#DEEFF0*/ #30B0E5; } #footer-bottom-wrapper .link-with-left-line-text{ color:#212529; } .footer-social-wrapper{ } .footer-social-item{ width:auto; /*margin-right:5.5%;*/ margin-right:2.5%; } .footer-social-item:last-of-type{ margin-right:0; } .footer-social-link{ padding:5px; } .footer-social-icon{ display:block; font-size:1.2rem; transition: all .3s; } .desktop-device #site-footer .footer-social-link:hover .footer-social-icon{ color:#30B0E5; } #footer-logo{ padding-right:5%; } #footer-logo img{ max-width:120px; max-height:120px; margin-bottom:20px; } .footer-menu-column ul{ margin-left:0; padding-right:20px; } .footer-menu-column a{ margin-bottom:5px; font-size:0.9rem; } #footer-bottom-wrapper{ } #footer-bottom-wrapper *{ } #footer-bottom-wrapper p{ font-size:0.9rem; } #footer-bottom-wrapper a{ } @media screen and (max-width:1299px){ #site-footer .search-form{ float:right; width:27%; } } @media screen and (max-width:1199px){ #footer-top-column-1 *, #footer-top-column-2 *, #footer-top-column-3 *{ font-size:0.9rem; } } @media screen and (max-width:1023px){ } @media screen and (max-width:899px){ #footer-top-column-5{ float:right; } #site-footer .search-form{ width: 75%; float: left; } } @media screen and (max-width:767px){ } /***** MEGA MENU FOOTER *****/ #mobile-only-top-level-menu{ display:none; } #mobile-menu-wrapper a{ -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } .desktop-device #mobile-menu-wrapper a:hover{ color:#30B0E5; } #mega-menu-footer *, #mega-menu-footer a{ color:#30B0E5; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s; } /*.desktop-device #mega-menu-footer a:hover{ color:#fff; }*/ #mega-menu-footer-top-wrapper{ border-top:1px solid #122324; border-bottom:1px solid #122324; } #mega-menu-footer-bottom-wrapper p{ margin-bottom:0; } #mega-menu-footer-column-5 .wpcf7-not-valid-tip{ position: relative; top: 0; margin:30px 0 10px; } #mega-menu-footer-column-5 .wpcf7-response-output{ position: relative; margin-top: 10px; } @media screen and (max-width:1023px){ } @media screen and (max-width:767px){ #mega-menu-footer-bottom-column-2{ text-align:right; } } /******************************** DROPDOWN SECTIONS ******************************/ .dropdown-info{ list-style:none; margin:0; } .dropdown-info-item{ padding-right:25px; } .dropdown-info-item-heading{ font-size: 1.3rem; font-weight: 700; letter-spacing: 1px; } .dropdown-info-expand{ top: 4px; } .dropdown-info-item.active .sidebar-menu-expand-line-2{ opacity:0; } .dropdown-info-item-content{ display:none; margin-bottom:20px; } .dropdown-info-item-content ul{ margin-bottom:20px; } @media screen and (max-width:479px){ .dropdown-info-item-heading{ font-size:1.1rem; } } /*************************************************************************************************** INDIVIDUAL PAGES ****************************************************************************************************/ /***************************** FULL SCREEN PAGE WITH BACKGROUND IMAGE ******************************/ #slick-wrapper-full-screen{ z-index:1; } .slick-track{ } .slick-slide{ } /* Slide counter */ #slick-slide-counter-wrapper{ bottom: calc(50% - 5px); right: 75%; color: #fff; width: 20%; z-index:2; } #slick-slide-counter-line-left{ height: 1px; background-color: #fff; float: left; width: 20%; margin-top: 12px; margin-right: 20px; } #slick-slide-counter-numbers-wrapper{ float: left; margin-right: 20px; } .slick-slide-counter-number{ } #slick-slide-counter-numbers-current{ } #slick-slide-counter-numbers-divider{ } #slick-slide-counter-numbers-total{ } #slick-slide-counter-line-right-wrapper{ float: left; width: 50%; margin-top: 12px; position: relative; } .slick-slide-counter-line{ } .slick-slide-counter-line-right{ position: absolute; top: 0; left: 0; height:1px; } #slick-slide-counter-line-right-default{ width: 100%; background-color: #666; } #slick-slide-counter-line-right-active{ width: 20%; background-color: #fff; -webkit-transition:width .3s; -moz-transition:width .3s; -o-transition:width .3s; transition:width .3s; } /* Next/previous section on left */ .slick-arrow{ position:absolute; bottom:calc(50% - 20px); width:60px; height:60px; border: 1px /*#666*/ #30B0E5 solid; border-radius:50%; background:url(../img/assets/slick-slide-next-prev-arrows.png) no-repeat; text-indent:-5000px; -webkit-transition:border-color .3s; -moz-transition:border-color .3s; -o-transition:border-color .3s; transition:border-color .3s; } .slick-prev{ right:70%; z-index:1; background-position:0 0; } .slick-next{ right:65%; background-position:100% 0; } .slick-disabled{ } .desktop-device .slick-arrow:hover{ border-color:#fff; } /* Pager buttons */ .slick-dots{ position:absolute; bottom:0; left:41.666667%; margin: 0 0 40px 15px; list-style:none; } .slick-dots > li{ width:16px; height:16px; margin-right:40px; } .slick-dots > .slick-active{ } .slick-dots > li > button{ width:100%; height:100%; border:none; text-indent:-5000px; cursor:pointer; background:rgba(255,255,255,0.3); border-radius:50%; } .slick-dots > .slick-active > button{ background:url(../img/assets/carousel-nav-active.png) no-repeat 0 0; } .desktop-device .slick-dots > li > button:hover{ } /* Image */ .slick-slide-image-wrapper{ } .slick-slide-image{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover; display:none; } .slick-slide-image-full{ } .slick-slide-image-x-large{ } .slick-slide-image-large{ } .slick-slide-image-medium{ display:block; } .slick-slide-image-wrapper > picture{ height: 100%; } .slick-slide-image-wrapper > picture > img{ height: 100%; } .slick-slide-image-wrapper > img{ height: 100%; } /* Video */ .slick-slide-type-video{ width: 100vw; } .slick-slide-video-wrapper{ } .slick-slide-video{ min-width:100vw; height: auto; min-height: 100vh; } /* Content */ .slick-slide-content-wrapper{ color:#fff; } .slick-wrapper-with-text .slick-slide-content-wrapper > div{ transition:all 1.3s; -webkit-transition:all 1.3s; -moz-transition:all 1.3s; -o-transition:all 1.3s; transform:translateX(100px); opacity:0; } .slick-wrapper-with-text .slick-slide.slick-current .slick-slide-content-wrapper > div{ transform:translateX(0); opacity:1; } .slick-slide-heading{ margin-bottom: 50px; font-size: 6.35rem; line-height: 100%; font-weight: 600; color: #30B0E5; } .slick-slide-heading-text{ } .slick-slide-heading-text-before{ margin-right:30px; padding-top: 8px; } .slick-slide-heading-image{ height: 108px; margin-right:30px; } .slick-slide-heading-text-after{ padding-top:8px; } .slick-slide-body-text{ margin-bottom:30px; max-width:600px; clear:both; } .slick-slide-body-text a{ color:#fff; } .slick-slide-body-text ul{ width:calc( 100% - 1.25em ); } .slick-slide-body-text p{ font-size: 1.4rem; font-weight: 300; } .link-with-arrow-circle-slick-slide-margin-right{ margin-right:50px; } /* Portrait version */ body.orientation-portrait .slick-slide-image-wrapper{ overflow:hidden; } body.orientation-portrait .slick-slide-image-wrapper > picture{ } body.orientation-portrait .slick-slide-image-wrapper > picture > img{ width: auto; height: 100vh; max-width: none; position: absolute; left: -50%; } @media screen and (max-width:1299px){ #slick-slide-counter-line-left{ width:15%; } #slick-slide-counter-line-right-wrapper{ width: 40%; } .slick-prev{ right: 69%; } .slick-next{ right: 62%; } } @media screen and (max-width:1199px){ .slick-slide-heading{ font-size: 5rem; } .slick-slide-heading-image{ height: 88px; } } @media screen and (max-width:1099px){ } @media screen and (max-width:1023px){ #slick-slide-counter-wrapper{ right: 55%; width: 40%; } .slick-arrow{ right: auto; top: 53%; } .slick-prev{ left: 5%; } .slick-next{ left: 14%; } .slick-slide-heading{ font-size: 4rem; } .slick-slide-heading-image{ height: 71px; } .slick-slide-body-text p{ font-size:1.2rem; } } @media screen and (max-width:767px){ .slick-arrow{ top: auto; bottom: 20px; } .slick-prev{ left: 20px; } .slick-next{ left: 100px; } #slick-slide-counter-wrapper{ right: auto; left: 200px; bottom: 35px; } .slick-dots{ display:none !important; } .slick-slide-heading{ margin-bottom: 30px; font-size: 3.5rem; } .slick-slide-heading-top-line{ width:auto; } .slick-slide-heading-top-line > .slick-slide-heading-text-after{ margin-right:20px; } .slick-slide-heading-image{ height: 64px; margin-right: 20px; } .slick-slide-body-text{ max-width:none; margin-bottom:30px; } .slick-slide-body-text p{ font-size:1.2rem; } a.link-with-arrow-circle-slick-slide-2{ clear:left; margin-top:10px; } } @media screen and (max-height:767px){ .slick-slide-heading{ margin-bottom: 30px; font-size: 3.5rem; } .slick-slide-heading-top-line{ width:auto; } .slick-slide-heading-top-line > .slick-slide-heading-text-after{ margin-right:20px; } .slick-slide-heading-image{ height: 64px; margin-right: 20px; } .slick-slide-body-text{ max-width:none; margin-bottom:30px; } .slick-slide-body-text p{ font-size:1.2rem; } } @media screen and (max-width:479px){ #slick-slide-counter-wrapper{ left: 20px; bottom: 70px; width: calc(100% - 40px); } .slick-arrow{ width: 40px; height: 40px; } .slick-prev{ background-position: -12px -10px; } .slick-next{ background-position: -87px -9px; } .slick-slide-heading{ margin-bottom: 30px; font-size: 3rem; } .slick-slide-heading-image{ height: 56px; } .slick-slide-body-text p{ font-size:1.2rem; } .slick-slide-links{ margin-bottom: 50px; } } @media screen and (max-height:479px){ /*#slick-slide-counter-wrapper{ left: 20px; bottom: 70px; width: calc(100% - 40px); } .slick-arrow{ width: 40px; height: 40px; } .slick-prev{ background-position: -12px -10px; } .slick-next{ background-position: -87px -9px; }*/ .slick-slide-heading{ margin-bottom: 30px; font-size: 3rem; } .slick-slide-heading-image{ height: 56px; } .slick-slide-body-text p{ font-size:1.2rem; } .slick-slide-links{ margin-bottom: 50px; } } @media screen and (max-width:399px){ .slick-slide-heading{ font-size:2.5rem; } .slick-slide-heading-image{ height:48px; } .slick-slide-body-text{ margin-bottom: 10px; } .slick-slide-body-text p{ font-size:1rem; } } @media screen and (max-height:399px){ .slick-slide-heading{ margin-bottom: 15px; font-size:1.7rem; } .slick-slide-heading-text-before{ margin-right:15px; } .slick-slide-heading-image{ height:34px; margin-right:15px; } .slick-slide-body-text{ margin-bottom: 0; } .slick-slide-body-text p{ font-size:0.8rem; } a.link-with-arrow-circle-slick-slide-2 { clear: none; margin-top: 0; } } /***************************** ABOUT PAGE ******************************/ #about-team-content .team-teaser{ display:none; } #about-team-content .team-teaser:first-of-type, #about-team-content .team-teaser:nth-of-type(2){ display:block; } /***************************** PRODUCT PAGE ******************************/ .teaser-category-teasers{ } .teaser-standard-image img{ width:100%; } .teaser-title-product{ padding-bottom:15px; border-bottom: 1px solid #019ADD; font-size: 1.5rem; font-weight: 300; } .desktop-device .teaser-category-teasers:hover .teaser-title-product{ color:#30B0E5; } #product-embed-video-wrapper{ } #product-embed-video-wrapper iframe{ max-width: 100%; float: left; } @media screen and (max-width:1199px){ .teaser-category-teasers:nth-of-type(4n+1){ clear:none; } .teaser-category-teasers:nth-of-type(2n+1){ clear:left; } } @media screen and (max-width:1023px){ .sidebar-menu .sidebar-menu-item > a{ font-size: 1.1rem; } .sidebar-menu .sidebar-submenu-item > a { margin-top: 3px; font-size: 0.85rem; } .teaser-title-product{ font-size:1.2rem; } } @media screen and (max-width:767px){ #sidebar-category{ display:none; } } /***************************** CONTACT PAGE ******************************/ /* GOOGLE MAP */ #hero-wrapper iframe{ height:400px; width:100%; } @media screen and (max-height:767px){ #hero-wrapper iframe{ height:300px; } } @media screen and (max-width:767px){ #hero-wrapper iframe{ height:300px; } } @media screen and (max-width:479px){ #hero-wrapper iframe{ height:200px; } } /***************************** BLOG PAGES ******************************/ .blog-section-main{ } body.single .heading-with-subheading-on-left-heading{ font-size: 3rem; } #blog-sidebar-wrapper{ } #blog-sidebar{ max-width:300px; } #blog-sidebar .sub-heading{ padding-bottom: 20px; border-bottom: 1px solid #30B0E5; font-weight: 300; margin-bottom: 30px; } #blog-sidebar.active{ min-height: calc(100vh - 100px); } #blog-sidebar.active-top{ position:fixed; top:100px; } #blog-sidebar.active-bottom{ position: absolute; bottom: 0; } .page-numbers, .nav-links a{ background-color:#D0EDF9; color:#30B0E5; } .page-numbers.current{ background-color:#30B0E5; color:#fff; } .pagination a:hover{ color:#000; } #blog-sidebar-search .search-field{ width:calc(100% - 50px); } #blog-sidebar-search .search-form-submit-wrapper{ height: 45px; width: 40px; } #blog-sidebar-search .search-form-submit-wrapper .search-submit{ padding: 0; margin: 0; width: 100%; height: 100%; background: none; } #blog-sidebar-search .search-form-submit-wrapper .fa-search{ right: 0; z-index: -1; } .blog-main{ } .blog-section-main.short #blog-sidebar-wrapper{ height: auto !important; width: 100%; margin-bottom: 50px; } .blog-section-main.short #blog-sidebar{ min-height: auto !important; position: relative !important; bottom: auto !important; } .blog-section-main.short #blog-main-category{ width: 100%; } .alm-btn-wrap{ float:left; width:100%; } .alm-btn-wrap .alm-load-more-btn{ background: #30B0E5 !important; } .teaser-related-article{ padding: 0 40px 0 0; } @media screen and (max-width:1399px){ #blog-sidebar-wrapper{ /*width:280px;*/ } #blog-sidebar{ /*width:280px;*/ } #blog-main-category{ width:calc(100% - 280px); } } @media screen and (max-width:1023px){ body.single .heading-with-subheading-on-left-heading{ font-size: 2.5rem; } } @media screen and (max-width:767px){ body.single .heading-with-subheading-on-left-heading{ font-size: 2rem; } #blog-sidebar-wrapper{ height: auto !important; width: 100%; margin-bottom: 50px; /*padding: 0 40px;*/ } #blog-sidebar{ position: relative !important; bottom: auto !important; min-height: auto !important; width:100%; max-width:320px; padding: 0; } #blog-main-category{ width:100%; } } @media screen and (max-width:479px){ body.single .heading-with-subheading-on-left-heading{ font-size: 1.5rem; } } /*********************** MEET THE TEAM PAGE **********************/ .team-index-teaser-vacancy .teaser-staggered-image-wrapper{ } /************************** MEET THE TEAM POPUP **************************/ #team-popup-logo-wrapper{ z-index:10; } #team-popup-logo-wrapper img{ height: 30px; top: 10px; position: fixed; left: 15px; } #team-popup-close .link-with-arrow-circle-line-horizontal{ opacity:0; } #team-popup-close .link-with-arrow-circle-line-diagonal-1{ right: 10px; width: 18px; top: 19px; } #team-popup-close .link-with-arrow-circle-line-diagonal-2{ width: 18px; right: 10px; top: 19px; } .slick-slide-content-section{ height:calc(100vh - 80px); } body.page-id-99 .team-teaser, body.page-id-27 .team-teaser{ cursor:pointer; } #meet-the-team-popup-wrapper{ opacity:0; z-index:-2; background: rgba(0,0,0,0.8); -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } #meet-the-team-popup-wrapper.show{ opacity:1; } #meet-the-team-popup-wrapper.front{ z-index:30; } #meet-the-team-popup-content{ position:relative; opacity:0; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } #meet-the-team-popup-content.active{ opacity:1; } #meet-the-team-popup-wrapper .slick-initialized .slick-slide{ } #meet-the-team-popup-wrapper .slick-arrow{ z-index:10; } #meet-the-team-popup-wrapper .slick-dots{ z-index:10; } #meet-the-team-popup-content .slick-slide-content-wrapper{ padding-top: 50px; } body.team-popup-active{ } #team-popup-close-wrapper{ top:8px; right:30px; z-index:10; } #team-popup-close{ } #team-popup-close .menu-toggle-text{ color:#fff; } #team-popup-close .link-with-arrow-circle-line{ background-color:#fff; } .desktop-device #team-popup-close:hover .link-with-arrow-circle-wrapper{ border-color:#fff; } #team-popup-next-prev-wrapper{ bottom: 20px; right: 30px; z-index: 10; } .link-with-arrow-circle-team-next-prev{ height:41px; } .team-pop-member-next-prev-order-text{ color:#fff; } #team-popup-member-prev-order{ padding-left:55px; } #team-popup-member-next-order{ padding-right:55px; } /* LOADING ICON */ .loading-icon-wrapper{ position:absolute; top:0; left:0; width:100%; height:100vh; } .loading-icon{ position: relative; top: 50%; left: 50%; transform: translate(-50px, 0); width: 100px; height: 100px; border-radius: 50%; } .loading-icon:after { content: ''; position: absolute; border-radius: 50%; top: 50%; left: 50%; border: 0px solid white; transform: translate(-50%, -50%); animation: loading 1250ms ease-out forwards infinite; } @keyframes loading { 0% { border: 0px solid white; width: 0%; height: 0%; opacity:1; } 20% { opacity:1; } 100% { border: 8px solid white; width: 100%; height: 100%; opacity:0; } } @media screen and (max-width:1199px){ #meet-the-team-popup-wrapper .slick-dots{ display:none !important; } #team-popup-description, #team-popup-contact-details{ font-size:0.9rem; } } @media screen and (max-width:1023px){ #meet-the-team-popup-content .slick-arrow, #meet-the-team-popup-content #slick-slide-counter-wrapper{ display:none !important; } } @media screen and (max-width:767px){ #meet-the-team-popup-wrapper .slick-arrow, #slick-slide-counter-wrapper{ display:none !important; } #team-popup-next-prev-wrapper{ width:calc(100% - 60px); } #team-popup-member-prev-order{ float:left; } #team-popup-member-next-order{ float:right; } #meet-the-team-popup-wrapper .slick-slide-heading{ margin-bottom: 20px; font-size: 2.5rem; } #team-popup-description, #team-popup-contact-details { margin-bottom: 10px; font-size: 0.85rem; } } @media screen and (max-width:599px){ #team-popup-next-prev-wrapper{ display:none; } } @media screen and (max-width:479px){ #team-popup-description{ font-size:0.9rem; } #team-popup-member-prev-order{ margin-right:0; } #team-popup-member-next-order{ clear:left; } #meet-the-team-popup-wrapper .slick-slide-heading{ margin-bottom: 10px; font-size: 1.5rem; } #team-popup-description, #team-popup-description li { font-size: 0.8rem; } } @media screen and (max-height:549px){ #team-popup-contact-details{ display:none; } #team-popup-description{ margin-bottom: 10px; font-size: 0.85rem; } } @media screen and (max-height:499px){ #team-popup-next-prev-wrapper{ display:none; } } /*************************************** SEARCH PAGE **************************************/ .search-result-wrapper:nth-of-type(2n+1){ clear:left; } .search-result-wrapper .entry-meta{ } .search-result-wrapper .entry-meta a{ } .search-everything-highlight-color{ background-color: #30B0E5; padding-left: 5px; padding-right: 5px; color: #fff; } /***************************** TWO COLUMN LAYOUT ************************/ .two-column-layout-item{ } .two-column-layout-item:nth-of-type(2n+1){ clear:left; } .two-column-layout-item iframe{ float: left; max-width: 100%; } /***************************** PRIVACY PAGE ************************/ #gdpr *{ } #gdpr p{ } #gdpr a{ } #gdpr li{ line-height:160%; } #gdpr table{ width:100%; } #gdpr table{ margin-bottom:20px; border-collapse:collapse; } #gdpr table tr{ } #gdpr table th{ padding:5px 10px; border:#333 solid 1px; background: #666; color:#fff !important; } #gdpr table th p{ color:#fff !important; } #gdpr table td{ padding:5px 10px; border:#333 solid 1px; vertical-align: top; } #gdpr table p{ padding:0; margin:0; line-height: 160%; } /**************************** CAREERS PAGE *************************/ body.page-template-template-career_single #career-full-details h2, body.page-template-template-career_single #career-full-details h3{ margin-bottom:20px; } body.page-template-template-career_single #career-full-details h2{ } body.page-template-template-career_single #career-full-details h3{ } .career-dropdown-item-heading{ font-size:1.1rem; } .career-dropdown-item-content ul li{ /*font-size:0.9rem;*/ } /******************************************************************************* Business Health Landing Page *******************************************************************************/ .hero-left{ display: table-cell; width: 55%; vertical-align: middle; float: left; } .hero-left .wrapper{ position: relative; overflow: hidden; } .hero-right{ display: table-cell; width: 45%; vertical-align: middle; float: right;} .hero-right .wrapper{ position: relative; overflow: hidden; margin-left: 40px; } .business_health.title-bar{ width: 100%; float: left; position: relative; margin-bottom: 80px; } .business_health.title-bar > .background{ height: 700px; width: 100%; float: left; background-size: cover; background-position: center; } .fitness-page.business_health.title-bar > .background{ height: 100%; min-height: 800px; } .business_health.title-bar > .background:after{ display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.4); z-index: 1; } .fitness-page.business_health.title-bar .section-heading{ font-weight: 500; } .fitness-page .form-field { padding: 0; } .fitness-page .form-field-label { font-weight: 500; top: -4px;} .fitness-page.business_health.title-bar .form-field-label { color: #ffffff;} .fitness-page .form-field-radio { margin-top: 23px; overflow: visible; max-width: calc(100% - 150px); } .fitness-page .form-field-radio .form-field-label { top: -27px; } .fitness-page span.wpcf7-list-item { margin: 0.25rem 1.5rem 0.25rem 0; } .fitness-page.business_health.title-bar span.wpcf7-list-item { display: block; margin: 0.25rem 0 0.25rem 0; } .fitness-page span.wpcf7-list-item label { margin-bottom: 0rem; } .fitness-page span.wpcf7-list-item label input { display:none; } .fitness-page span.wpcf7-list-item label span:hover { padding-left: 2.2rem; } .fitness-page.business_health.title-bar span.wpcf7-list-item label span { background: url('../img/assets/checkbox_unchecked.png') left center / contain no-repeat; } .fitness-page.business_health.title-bar span.wpcf7-list-item label input:checked ~ span { background: url('../img/assets/checkbox_checked.png') left center / contain no-repeat; } .fitness-page span.wpcf7-list-item label span { padding-left: 2rem; background: url('../img/assets/checkbox_unchecked_black.png') left center / contain no-repeat; cursor: pointer; transition: all 0.2s; } .fitness-page span.wpcf7-list-item label input:checked ~ span { background: url('../img/assets/checkbox_checked_black.png') left center / contain no-repeat; } .fitness-page .form-field-submit { position: absolute; bottom: 20px; width: auto; right: 0; } .business_health.title-bar .text-content{ display: table; flex-direction: row; justify-content: flex-start; align-items: center; height: 100%; color: #fff; position: relative; z-index: 2; margin-top: 130px; } .business_health.title-bar .text-content img{ max-width: 100%; max-height: 350px; border-bottom: 5px solid #fff; padding-right: 40px; padding-bottom: 25px; } .business_health.title-bar .text-content p{ font-size: 22pt; } .fitness-page form .required-field, form .sensitive-data { float: left; text-align: left; } .fitness-page.business_health.title-bar .text-content .hero-right p{ font-size: 1rem; } .fitness-page.business_health.title-bar .form-submit-with-arrow-circle-wrapper input.link-with-arrow-circle, .fitness-page.business_health.title-bar .form-submit-with-arrow-circle-wrapper button.link-with-arrow-circle { color: #ffffff; padding: 11px 50px 8px 0; } .fitness-page.business_health.title-bar .form-submit-with-arrow-circle-wrapper:hover input.link-with-arrow-circle, .fitness-page.business_health.title-bar .form-submit-with-arrow-circle-wrapper:hover button.link-with-arrow-circle { padding: 11px 55px 8px 0; } .fitness-page.business_health.title-bar .link-with-arrow-circle-wrapper { border: 2px solid #ffffff; } .fitness-page.business_health.title-bar .cta { position: relative; float: left; color: #ffffff; margin-top: 1.5rem;} .fitness-page.business_health.title-bar .cta .link-with-arrow-circle-wrapper { top: -5px; right: -50px; } .fitness-page.business_health.title-bar .cta:hover .link-with-arrow-circle-wrapper { right: -55px; } .fitness-page.business_health.title-bar .link-with-arrow-circle-line { background-color: #ffffff;} .fitness-page.business_health.title-bar .link-with-arrow-circle-line-horizontal { width: 19px; top: 18px; } .fitness-page.business_health.title-bar .link-with-arrow-circle-line-diagonal-1 { top: 15px; } .fitness-page.business_health.title-bar .link-with-arrow-circle-line-diagonal-2 { top: 21px; } .fitness-page.business_health.title-bar .link-with-arrow-circle-line { height: 2px; } .business_health.title-bar .text-content strong{ color: #30B0E5; font-weight: 800; } .business_health.title-bar .text-content > .wrapper{ flex: 0 0 50%; } .business_health.title-bar .popout-container{ height: 0px; width: 100%; float: left; position: relative; z-index: 2; } .business_health.title-bar .popout-container .content-width{ position: relative; } .business_health.title-bar .popout-container .popout{ background-color: #30B0E5; color: #fff; position: absolute; bottom: -50%; right: 0; transform: translateY(50%); padding: 60px 80px; } .business_health.title-bar .popout-container .popout p{ margin: 0; line-height: 1.8; } .fitness-page .image-text-split { position: relative; float: right; margin-top: 100px; overflow: visible; padding-bottom: 70px; } .fitness-image-text-split-image-wrapper{ position: absolute; top: 70px; } .fitness-image-text-split-image-wrapper img{ width:100%; } /* VERSION WITH TEXT ON LEFT */ .image-text-split-left-image .fitness-image-text-split-image-wrapper{ padding: 100px 150px 100px 300px; } .image-text-split-left-image .fitness-image-text-split-image-wrapper{ right:auto; left:0; top:0; z-index:1; } /* VERSION WITH TEXT ON RIGHT */ .image-text-split-left-text .fitness-image-text-split-image-wrapper{ padding: 0; margin-top: -100px; } .image-text-split-left-text .fitness-image-text-split-image-wrapper{ right:0; left:auto; top: 0; } @media screen and (max-width:767px){ .fitness-page .image-text-split-left-text .fitness-image-text-split-image-wrapper, .image-text-split-left-image .fitness-image-text-split-image-wrapper{ position: relative; top: 0; } } .image-text-split-left-image .fitness-image-text-split-image-wrapper{ } .image-text-split-left-text .fitness-image-text-split-image-wrapper{ } #business_health-image_split a{ color: #30B0E5 } #business_health-image_split a:hover{ color: #fff; } .fitness-page .image-text-split-text-wrapper.tickbox-list * { list-style: none; } .fitness-page .image-text-split-text-wrapper.tickbox-list ul { margin: 0 0 1rem 0; } .fitness-page .image-text-split-text-wrapper.tickbox-list ul li { padding-left: 2rem; background: url('../img/assets/tickbox.png') left center / auto no-repeat; } .fitness-page .image-text-split-text-wrapper .blue{ color: #30B0E5; } .fitness-page .text-button{ position: relative; float: left; font-weight: 600; padding: 10px 20px; background-color: #ffffff; color: #000000; margin-top: 1rem; } .desktop-device .fitness-page .text-button:hover{ background-color: #30B0E5; color: #ffffff; } .fitness-page #fos-statement{ text-align: center; } .fitness-page #fos-statement p{ color: #30b0e5; } .fitness-page #fos-statement a{ color: #30b0e5; } .fitness-page #fos-statement a:hover{ color: #231f20; } @media screen and (max-width: 1200px){ .business_health.title-bar{ margin: 0; } .business_health.title-bar .background{ height: 600px; } .business_health.title-bar .popout-container{ height: auto; background-color: #30B0E5; padding: 50px 25px; } .business_health.title-bar .popout-container .popout{ float: none; position: static; transform: none; margin:auto; padding: 0; width: 100%; } .business_health.title-bar .popout-container .popout p{ } .business_health.title-bar .text-content img{ max-height: 300px; } .business_health.title-bar .text-content > .wrapper br{ display: none; } .business_health.title-bar .text-content > .wrapper{ flex: 0 0 75%; } } @media screen and (max-width: 800px){ .hero-left{ display: table-row; width: 100%; } .hero-left .wrapper{ margin-bottom: 100px; } .hero-right{ display: table-row; width: 100%; } .hero-right .wrapper{ margin: 0 0 100px 0; } .business_health.title-bar .text-content{ display: table; padding-top: 100px; } .business_health.title-bar .popout-container{ padding: 40px 0; } .image-text-split-left-text .fitness-image-text-split-image-wrapper{ margin-top: 0px; } } @media screen and (max-width: 600px){ .business_health.title-bar .background{ height: 500px; } .business_health.title-bar .text-content > .wrapper{ flex: 0 0 100%; } .fitness-page .form-field-radio { max-width: calc(100% - 38px); } .fitness-page .form-field-submit { position: relative; float: right; margin: 20px 0 0 0; } } body.scrolled-down.page-template-template-landing-business_health #main-menu > li > a{ color: #11293D; } body.scrolled-down.page-template-template-landing-business_health #main-menu > li.current-menu-item > a{ border-bottom: 1px solid #11293D; } .menu-toggle-text{ transition: color 0.5s; } body.scrolled-down.page-template-template-landing-business_health .menu-toggle-text{ color: #11293D; } body.scrolled-down.page-template-template-landing-business_health #site-logo #site-logo-dark, body.scrolled-down.page-template-template-fit-landing-page #site-logo #site-logo-dark{ opacity: 1; } body.scrolled-down.page-template-template-landing-business_health #site-logo #site-logo-light, body.scrolled-down.page-template-template-fit-landing-page #site-logo #site-logo-light{ opacity: 0; } body.scrolled-down.page-template-template-landing-business_health a.link-with-arrow-circle-header .link-with-arrow-circle-line, body.scrolled-down.page-template-template-landing-business_health span.link-with-arrow-circle-header > a .link-with-arrow-circle-lin{ background-color: #11293D; } body.scrolled-down.page-template-template-landing-business_health, body.scrolled-down.page-template-template-fit-landing-page #site-header{ background-color: #fff; } .grecaptcha-badge { display: none !important; } /* SERVICE PAGE REDESIGN */ .product-image-text-split-text-wrapper { padding: 70px 120px 70px 120px; background: #000; z-index: 1; } .product-image-text-split-text-wrapper p { color: #fff; font-size: 1.3rem; line-height: 170%; } .service-page-heading{ /* margin: -270px 0 72px 0; position: relative; */ position: absolute; bottom: 0; left: 0; width: calc(100% - 25px); height: calc(100% - 270px); color: #fff; z-index: 1; display: flex; flex-direction: column; } .scroll-box { /*margin-top: 55px;*/ margin-top: 180px; z-index: 1; } .scroll-container{ width: 15%; height: 50px; } .scroll-container .scroll-label{ width: 100%; position: absolute; top: -35px; } .scroll-container .scroll-label p{ text-align: center; color: white; font-size: 1.3rem; } .scroll-container .scroll-arrow-line-move{ animation: scroll-arrow 2.5s infinite; width: 1px; position: absolute; left: 50%; background-color: white; transition: height .5s; -webkit-transition: height .5s; -moz-transition: height .5s; -o-transition: height .5s; } @keyframes scroll-arrow{ 0% {top: 0; bottom: auto; height: 0px; } 33.33% {top: 0; bottom: auto; height: 100%; } 33.34% {bottom: 0; top: auto; height: 100%; } 66.66% {bottom: 0; top: auto; height: 0px; } 66.67% {top: 0; bottom: auto; height: 0px; } 100% {top: 0; bottom: auto; height: 0px; background-color: #30B0E5; } } @media screen and (max-width:1500px){ .product-service-page { width: 75% !important; } } @media screen and (max-width:1399px){ #mega-menu-footer-column-3 { display: none; } #mega-menu-footer-column-1 { padding-left: 50px; } } @media screen and (max-width:1209px){ .scroll-container .scroll-label p { color: #30B0E5; } } @media screen and (max-width:1023px){ .product-details-button { margin-left: 0% !important; } .scroll-box { margin-top: 55px; } } @media screen and (max-width:1024px){ .heading-with-subheading-on-left-subheading-text p { font-size: 1.5rem; } /*.button-on-left-subheading-text { margin-left: 25% !important; }*/ div#heading-with-subheading-on-left-subheading-wrapper-header { height: calc(100% - 210px) !important; } #mega-menu-footer * { font-size: 0.8rem; } } @media screen and (max-width:767px){ .product-image-text-split-text-wrapper { padding: 70px 25px 32px 25px; } .product-heading-with-subheading-on-left-subheading-text-line { display: none; } span.heading-with-subheading-on-left-subheading-text.pad-b-30 { display: none; } div#heading-with-subheading-on-left-subheading-wrapper-header { height: calc(100% - 125px) !important; } } @media screen and (max-width:500px){ .product-service-page { width: 100% !important; } .scroll-container { display: none; } .scroll-container .scroll-label { display: none; } div#heading-with-subheading-on-left-subheading-wrapper-header-text { width: 100% !important; } /*.button-on-left-subheading-text { margin-left: 10% !important; }*/ div#heading-with-subheading-on-left-subheading-wrapper-header { height: calc(100% - 90px) !important; } .right-content.content-width-7-12.content-width-1-2-1023.content-width-11-12-767.pad-b-30-767.heading-with-subheading-on-left-heading-wrapper, .left-content.content-width-5-12.content-width-1-2-1023.content-width-11-12-767.heading-with-subheading-on-left-subheading-wrapper{ width: 100%; } .heading-with-subheading-on-left-subheading { padding: 0 0px !important; } #header-left { width: 50%; } } .product-details-button { margin-top: 0; padding: 7px 40px 7px 40px; border: #30B0E5 1px solid; border-radius: 22px; background-color: #30B0E5; color: #ffffff !important; letter-spacing: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-left: 35%; float: left; } .product-details-button:hover, .hero-product-details-button:hover { background-color: white; color: black !important; } .hero-product-details-button { margin-top: 0; padding: 7px 15px 7px 15px; border: #30B0E5 1px solid; border-radius: 22px; background-color: #30B0E5; color: #ffffff !important; letter-spacing: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .link-with-arrow-circle-wrapper-service { display: inline-block; top: 0; right: 0; width: 35px; height: 35px; border: 1px solid #30B0E5; border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; animation: linkArrowCirclePulse 3s infinite; } .link-with-arrow-circle-line-service { height: 1px; position: absolute; background-color: white; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .form-half:first-of-type { padding-right: 5px; } .form-half { width: 50%; float: left; } .form-row { width: 100%; float: left; } .form-field-label-row{ position:absolute; top:6px; left:0; color:#212529; -webkit-transition:top .5s, color .5s; -moz-transition:top .5s, color .5s; -o-transition:top .5s, color .5s; transition:top .5s, color .5s; } .form-field-line-row{ position:absolute; bottom:39px; width:95%; height:1px; -webkit-transition:left .5s; -moz-transition:left .5s; -o-transition:left .5s; transition:left .5s; } .form-field-line-row:first-of-type { margin-right: 10px; } .form-field-line-inactive-row{ left:0; background-color:#67A8C5; } .form-field-line-active-row{ left:-100%; background-color:#0FB3F0; } .form-field.active-row .form-field-line-active-row{ left:0; } .blue-text{ color: #30B0E5; } .product-heading-with-subheading-on-left-subheading-text-line{ float: left; height:1px; width:20%; margin-top: 26px; background-color:white; -webkit-transition:width .3s; -moz-transition:width .3s; -o-transition:width .3s; transition:width .3s; } .heading-with-subheading-on-left-wrapper { margin-left: auto; margin-right: auto; } .link-with-arrow-circle-line-horizontal-service{ width: 17px; top: 16px; left: 8px; } .link-with-arrow-circle-line-diagonal-1-service{ width: 10px; top: 13px; right: 6px; transform: rotate(45deg); } .link-with-arrow-circle-line-diagonal-2-service{ width: 10px; top: 20px; right: 6px; transform: rotate(-45deg); } .hero-split-text:hover { color: #30B0E5 !important; } .service-page-hero { max-height: 800px; overflow: hidden; width: 100%; } .hero-mask-dark{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index:1; } #hero-wrapper img { width: 100%; /* max-height: 800px; */ } /* menu changes */ .menu-footer-buttons { width: 150px; margin-top: 0; padding: 7px 25px 7px 25px; color: #ffffff !important; border: #30B0E5 1px solid; border-radius: 22px; background: transparent; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; } .menu-footer-buttons:hover { background-color: #30B0E5; } .menu-footer-links { color: #ffffff !important; padding-bottom: 10px; margin-bottom: 0px; border-bottom:1px solid black; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .desktop-device .menu-footer-links:hover { border-bottom:1px solid #ffffff; } #main-menu-toggle .link-with-arrow-circle-wrapper { width: 23px; } #mega-menu-left-bottom-menu-wrapper { margin-top: 100px; } .header-get-fit { background: url('../img/assets/how-fit-is-your-business.png') left center / contain no-repeat; width: 100%; height: 150px; margin-bottom: 20px; } .header-product-menu { color: #30B0E5; padding-bottom: 5px; border-bottom:1px solid black; padding-top: 5px; border-top:1px solid black; font-weight: 500; width: auto; } .header-address { font-weight: 500; color: #30B0E5; } .header-blue-links { color: #30B0E5; margin-right: 10px; float: left; } .home-menu-links { color: #ffffff !important; /*padding-bottom: 10px;*/ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: auto; margin-right: 50px; float: right; margin-top: 30px; } /*.home-menu-links:hover { border-bottom:1px solid #ffffff; }*/ .find-out-more { color: black !important; } .find-out-more:hover { color: #30B0E5 !important; } .header-menu-logo { margin-left: 35px; } .white-text { color: white !important; margin-bottom: 0px; } body.mobile-menu-active .home-menu-links { display: none; } .page-template-template-product .hero-product-details-button, .page-template-template-product .product-details-button { pointer-events: none; } .page-template-template-product .hero-product-details-button:hover, .page-template-template-product .product-details-button:hover { background-color: #30B0E5; color: white !important; } /*body.desktop-device #panel-1, body.desktop-device #panel-2, body.desktop-device #panel-3, body.desktop-device #panel-4 { display: none; }*/ .page-template-templates .form-row span.wpcf7-form-control-wrap { width: 100% !important; } body.home #cookie-notice{ visibility: visible; }