/*********** Beep! Strap ***********/
body, html {padding: 0 !important; margin: 0 !important; width:100%;}
body {font-size: 16px}
.relative {position: relative}
.table {width: 100%; height: 100%; display: table}
.table-cell {width: 100%; height: 100%; display: table-cell; vertical-align: middle}
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center;}
/* .vcenter { display: flex; flex-direction:column; justify-content:center; } */
.row img {
width:100%;
height:auto;
}
footer img {
width: auto !important;
}
.categorycircle img {
width: auto !important;
}
.text-right {text-align: right}
.text-center {text-align: center}
.text-left {text-align: left}
input:focus, textarea:focus {
outline: none;
}
.medium {
font-weight: 600;
}
.secondfont {
font-family: kepler-std, serif;
font-weight: 500 !important;
font-style: italic;
}
.btn.large {
font-size: 20px; padding:8px 30px 10px 30px;
}
.btn.btn-medium {
font-size: 16px; padding:8px 30px 10px 30px;
font-weight: bold;
}
.bgyellow {
background:#FCF6ED;
}
.mobile-only {display:none !important; }
@media only screen and (max-width: 991px) {
.mobile-only {display:block !important; }
.desktop-only {display: none !important}
}
.mobile-show {display:none !important; }
@media only screen and (max-width: 768px) {
.mobile-show {display:block !important; }
.desktop-show {display: none !important}
}
.img-wrapper {
border-radius: 10px; overflow: hidden !important; -webkit-background-clip: padding-box; transform: translateZ(0);
}
/* h1.reset, h2.reset, h3.reset, h4.reset, h5.reset, h6.reset {padding: 0!important; margin: 0 !important; line-height: 1.4em; font-size: 1em; font-weight: normal} */
.reset{padding: 0; margin: 0 !important; line-height: 1.4em; font-size: 1em; font-weight: normal}
h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0; line-height: 1.4em; font-size: 1em; font-weight: normal}
.semibold {font-weight: 600;}
.bold {font-weight: bold;}
.black {font-weight:900}
.text-balance { text-wrap: balance; }
.uppercase {text-transform: uppercase}
.text12 {font-size: 12px; line-height: 1.3em}
.text14 {font-size: 14px; line-height: 1.3em}
.text16 {font-size: 16px; line-height: 1.3em}
.text18 {font-size: 18px; line-height: 1.3em}
.text20 {font-size: 20px; line-height: 1.3em}
.text22 {font-size: 22px; line-height: 1.3em}
.text24 {font-size: 24px; line-height: 1.3em}
.text28 {font-size: 28px; line-height: 1.3em; }
.text30 {font-size: 30px; line-height: 1.3em; }
.text32 {font-size: 32px; line-height: 1.3em; }
.text35 {font-size: 35px; line-height: 1.3em; }
.text36 {font-size: 36px; line-height: 1.2em; }
.text40 {font-size: 40px; line-height: 1.2em; }
.text45 {font-size: 45px; line-height: 1.2em; }
.text50 {font-size: 50px; line-height: 1.2em}
.text56 {font-size: 56px; line-height: 1.2em}
.text62 {font-size: 62px;line-height: 1.2em }
.text48 {
font-size: 48px; line-height: 1.2em;
}
.opacity10 {opacity: 0.1}
.opacity20 {opacity: 0.2}
.opacity30 {opacity: 0.3}
.opacity40 {opacity: 0.4}
.opacity50 {opacity: 0.5}
.opacity60 {opacity: 0.6}
.opacity70 {opacity: 0.7}
.opacity80 {opacity: 0.8}
.opacity90 {opacity: 0.9}
/* PADDING */
.ptop0 {padding-top: 0px;}
.ptop5 {padding-top: 5px;}
.ptop10 {padding-top: 10px;}
.ptop15 {padding-top: 15px;}
.ptop20 {padding-top: 20px;}
.ptop25 {padding-top: 25px;}
.ptop30 {padding-top: 30px;}
.ptop35 {padding-top: 35px;}
.ptop40 {padding-top: 40px;}
.ptop45 {padding-top: 45px;}
.ptop50 {padding-top: 50px;}
.ptop55 {padding-top: 55px;}
.ptop60 {padding-top: 60px;}
.ptop65 {padding-top: 65px;}
.ptop70 {padding-top: 70px;}
.ptop75 {padding-top: 75px;}
.ptop80 {padding-top: 80px;}
.ptop85 {padding-top: 85px;}
.ptop90 {padding-top: 90px;}
.ptop95 {padding-top: 95px;}
.ptop100 {padding-top: 100px;}
.ptop105 {padding-top: 105px;}
.ptop110 {padding-top: 110px;}
.ptop115 {padding-top: 115px;}
.ptop120 {padding-top: 120px;}
.ptop125 {padding-top: 125px;}
.ptop130 {padding-top: 130px;}
.ptop135 {padding-top: 135px;}
.ptop140 {padding-top: 140px;}
.ptop145 {padding-top: 145px;}
.ptop150 {padding-top: 150px;}
.ptop155 {padding-top: 155px;}
.ptop160 {padding-top: 160px;}
.ptop165 {padding-top: 165px;}
.ptop170 {padding-top: 170px;}
.ptop175 {padding-top: 175px;}
.ptop180 {padding-top: 180px;}
.ptop185 {padding-top: 185px;}
.ptop190 {padding-top: 190px;}
.ptop195 {padding-top: 195px;}
.ptop200 {padding-top: 200px;}
.pbase0 {padding-bottom: 0px;}
.pbase5 {padding-bottom: 5px;}
.pbase10 {padding-bottom: 10px;}
.pbase15 {padding-bottom: 15px;}
.pbase20 {padding-bottom: 20px;}
.pbase25 {padding-bottom: 25px;}
.pbase30 {padding-bottom: 30px;}
.pbase35 {padding-bottom: 35px;}
.pbase40 {padding-bottom: 40px;}
.pbase45 {padding-bottom: 45px;}
.pbase50 {padding-bottom: 50px;}
.pbase55 {padding-bottom: 55px;}
.pbase60 {padding-bottom: 60px;}
.pbase65 {padding-bottom: 65px;}
.pbase70 {padding-bottom: 70px;}
.pbase75 {padding-bottom: 75px;}
.pbase80 {padding-bottom: 80px;}
.pbase85 {padding-bottom: 85px;}
.pbase90 {padding-bottom: 90px;}
.pbase95 {padding-bottom: 95px;}
.pbase100 {padding-bottom: 100px;}
.pbase105 {padding-bottom: 105px;}
.pbase110 {padding-bottom: 110px;}
.pbase115 {padding-bottom: 115px;}
.pbase120 {padding-bottom: 120px;}
.pbase125 {padding-bottom: 125px;}
.pbase130 {padding-bottom: 130px;}
.pbase135 {padding-bottom: 135px;}
.pbase140 {padding-bottom: 140px;}
.pbase145 {padding-bottom: 145px;}
.pbase150 {padding-bottom: 150px;}
.pbase155 {padding-bottom: 155px;}
.pbase160 {padding-bottom: 160px;}
.pbase165 {padding-bottom: 165px;}
.pbase170 {padding-bottom: 170px;}
.pbase175 {padding-bottom: 175px;}
.pbase180 {padding-bottom: 180px;}
.pbase185 {padding-bottom: 185px;}
.pbase190 {padding-bottom: 190px;}
.pbase195 {padding-bottom: 195px;}
.pbase200 {padding-bottom: 200px;}
.pboth0 {padding-top: 0px; padding-bottom: 0px;}
.pboth5 {padding-top: 5px; padding-bottom: 5px;}
.pboth10 {padding-top: 10px; padding-bottom: 10px;}
.pboth15 {padding-top: 15px; padding-bottom: 15px;}
.pboth20 {padding-top: 20px; padding-bottom: 20px;}
.pboth25 {padding-top: 25px; padding-bottom: 25px;}
.pboth30 {padding-top: 30px; padding-bottom: 30px;}
.pboth35 {padding-top: 35px; padding-bottom: 35px;}
.pboth40 {padding-top: 40px; padding-bottom: 40px;}
.pboth45 {padding-top: 45px; padding-bottom: 45px;}
.pboth50 {padding-top: 50px; padding-bottom: 50px;}
.pboth55 {padding-top: 55px; padding-bottom: 55px;}
.pboth60 {padding-top: 60px; padding-bottom: 60px;}
.pboth65 {padding-top: 65px; padding-bottom: 65px;}
.pboth70 {padding-top: 70px; padding-bottom: 70px;}
.pboth75 {padding-top: 75px; padding-bottom: 75px;}
.pboth80 {padding-top: 80px; padding-bottom: 80px;}
.pboth85 {padding-top: 85px; padding-bottom: 85px;}
.pboth90 {padding-top: 90px; padding-bottom: 90px;}
.pboth95 {padding-top: 95px; padding-bottom: 95px;}
.pboth100 {padding-top: 100px; padding-bottom: 100px;}
.pboth105 {padding-top: 105px; padding-bottom: 105px;}
.pboth110 {padding-top: 110px; padding-bottom: 110px;}
.pboth115 {padding-top: 115px; padding-bottom: 115px;}
.pboth120 {padding-top: 120px; padding-bottom: 120px;}
.pboth125 {padding-top: 125px; padding-bottom: 125px;}
.pboth130 {padding-top: 130px; padding-bottom: 130px;}
.pboth135 {padding-top: 135px; padding-bottom: 135px;}
.pboth140 {padding-top: 140px; padding-bottom: 140px;}
.pboth145 {padding-top: 145px; padding-bottom: 145px;}
.pboth150 {padding-top: 150px; padding-bottom: 150px;}
.pboth155 {padding-top: 155px; padding-bottom: 155px;}
.pboth160 {padding-top: 160px; padding-bottom: 160px;}
.pboth165 {padding-top: 165px; padding-bottom: 165px;}
.pboth170 {padding-top: 170px; padding-bottom: 170px;}
.pboth175 {padding-top: 175px; padding-bottom: 175px;}
.pboth180 {padding-top: 180px; padding-bottom: 180px;}
.pboth185 {padding-top: 185px; padding-bottom: 185px;}
.pboth190 {padding-top: 190px; padding-bottom: 190px;}
.pboth195 {padding-top: 195px; padding-bottom: 195px;}
.pboth200 {padding-top: 200px; padding-bottom: 200px;}
.px20 {padding-left: 20px; padding-right: 20px;}
.px30 {padding-left: 30px; padding-right: 30px;}
/* VH PADDING */
.ptop2vh {padding-top: 2vh;}
.ptop3vh {padding-top: 3vh;}
.ptop5vh {padding-top: 5vh;}
.ptop7vh {padding-top: 7vh;}
.ptop10vh {padding-top: 10vh;}
.ptop13vh {padding-top: 13vh;}
.ptop15vh {padding-top: 15vh;}
.ptop20vh {padding-top: 20vh;}
.ptop25vh {padding-top: 25vh;}
.pbase2vh {padding-bottom: 2vh;}
.pbase3vh {padding-bottom: 3vh;}
.pbase5vh {padding-bottom: 5vh;}
.pbase7vh {padding-bottom: 7vh;}
.pbase10vh {padding-bottom: 10vh;}
.pbase13vh {padding-bottom: 13vh;}
.pbase15vh {padding-bottom: 15vh;}
.pbase20vh {padding-bottom: 20vh;}
.pbase25vh {padding-bottom: 25vh;}
.pboth2vh {padding-top: 2vh; padding-bottom: 2vh;}
.pboth3vh {padding-top: 3vh; padding-bottom: 3vh;}
.pboth5vh {padding-top: 5vh; padding-bottom: 5vh;}
.pboth7vh {padding-top: 7vh; padding-bottom: 7vh;}
.pboth10vh {padding-top: 10vh; padding-bottom: 10vh;}
.pboth13vh {padding-top: 13vh; padding-bottom: 13vh;}
.pboth15vh {padding-top: 15vh; padding-bottom: 15vh;}
.pboth20vh {padding-top: 20vh; padding-bottom: 20vh;}
.pboth25vh {padding-top: 25vh; padding-bottom: 25vh;}
@media only screen and (max-width: 720px) {
.row-eq-height { display: block; }
.vcenter { display: block; flex-direction: column; justify-content: center; }
}
.mobileonly {display:none !important; }
@media only screen and (max-width: 767px) {
.text18 {font-size: 14px; line-height: 20px;}
.text40 {font-size: 32px; line-height: 1.2em; }
.text45, .text35 {font-size: 28px; line-height: 1.3em; }
.text48 {font-size: 30px; line-height: 1.2em}
.text50 {font-size: 34px; line-height: 1.2em}
.text56 {font-size: 34px; line-height: 1.2em}
.text32 {font-size: 26px; line-height: 1.2em}
.text24 {font-size: 20px; line-height: 1.5em}
.m-text30 {font-size: 30px; line-height: 1.3em;}
.mobileonly {display:block !important; }
.desktoponly {display: none !important}
.homslider .text50 {font-size: 30px !important}
.homslider .text20 {font-size: 18px !important}
.homslider .text16 {font-size: 14px !important}
.ptop0 {padding-top: 0px;}
.ptop5 {padding-top: 3px;}
.ptop10 {padding-top: 5px;}
.ptop15 {padding-top: 8px;}
.ptop20 {padding-top: 10px;}
.ptop25 {padding-top: 13px;}
.ptop30 {padding-top: 15px;}
.ptop35 {padding-top: 18px;}
.ptop40 {padding-top: 20px;}
.ptop45 {padding-top: 23px;}
.ptop50 {padding-top: 25px;}
.ptop55 {padding-top: 28px;}
.ptop60 {padding-top: 30px;}
.ptop65 {padding-top: 33px;}
.ptop70 {padding-top: 35px;}
.ptop75 {padding-top: 38px;}
.ptop80 {padding-top: 40px;}
.ptop85 {padding-top: 43px;}
.ptop90 {padding-top: 45px;}
.ptop95 {padding-top: 48px;}
.ptop100 {padding-top: 50px;}
.ptop105 {padding-top: 53px;}
.ptop110 {padding-top: 55px;}
.ptop115 {padding-top: 58px;}
.ptop120 {padding-top: 60px;}
.ptop125 {padding-top: 63px;}
.ptop130 {padding-top: 65px;}
.ptop135 {padding-top: 68px;}
.ptop140 {padding-top: 70px;}
.ptop145 {padding-top: 73px;}
.ptop150 {padding-top: 75px;}
.ptop155 {padding-top: 78px;}
.ptop160 {padding-top: 80px;}
.ptop165 {padding-top: 83px;}
.ptop170 {padding-top: 85px;}
.ptop175 {padding-top: 88px;}
.ptop180 {padding-top: 90px;}
.ptop185 {padding-top: 93px;}
.ptop190 {padding-top: 95px;}
.ptop195 {padding-top: 98px;}
.ptop200 {padding-top: 100px;}
.pbase0 {padding-bottom: 0px;}
.pbase5 {padding-bottom: 3px;}
.pbase10 {padding-bottom: 5px;}
.pbase15 {padding-bottom: 8px;}
.pbase20 {padding-bottom: 10px;}
.pbase25 {padding-bottom: 13px;}
.pbase30 {padding-bottom: 15px;}
.pbase35 {padding-bottom: 18px;}
.pbase40 {padding-bottom: 20px;}
.pbase45 {padding-bottom: 23px;}
.pbase50 {padding-bottom: 25px;}
.pbase55 {padding-bottom: 28px;}
.pbase60 {padding-bottom: 30px;}
.pbase65 {padding-bottom: 33px;}
.pbase70 {padding-bottom: 35px;}
.pbase75 {padding-bottom: 38px;}
.pbase80 {padding-bottom: 40px;}
.pbase85 {padding-bottom: 43px;}
.pbase90 {padding-bottom: 45px;}
.pbase95 {padding-bottom: 48px;}
.pbase100 {padding-bottom: 50px;}
.pbase105 {padding-bottom: 53px;}
.pbase110 {padding-bottom: 55px;}
.pbase115 {padding-bottom: 58px;}
.pbase120 {padding-bottom: 60px;}
.pbase125 {padding-bottom: 63px;}
.pbase130 {padding-bottom: 65px;}
.pbase135 {padding-bottom: 68px;}
.pbase140 {padding-bottom: 70px;}
.pbase145 {padding-bottom: 73px;}
.pbase150 {padding-bottom: 75px;}
.pbase155 {padding-bottom: 78px;}
.pbase160 {padding-bottom: 80px;}
.pbase165 {padding-bottom: 83px;}
.pbase170 {padding-bottom: 85px;}
.pbase175 {padding-bottom: 88px;}
.pbase180 {padding-bottom: 90px;}
.pbase185 {padding-bottom: 93px;}
.pbase190 {padding-bottom: 95px;}
.pbase195 {padding-bottom: 98px;}
.pbase200 {padding-bottom: 100px;}
.pboth0 {padding-top: 0px; padding-bottom: 0px;}
.pboth5 {padding-top: 3px; padding-bottom: 3px;}
.pboth10 {padding-top: 5px; padding-bottom: 5px;}
.pboth15 {padding-top: 8px; padding-bottom: 8px;}
.pboth20 {padding-top: 10px; padding-bottom: 10px;}
.pboth25 {padding-top: 13px; padding-bottom: 13px;}
.pboth30 {padding-top: 15px; padding-bottom: 15px;}
.pboth35 {padding-top: 18px; padding-bottom: 18px;}
.pboth40 {padding-top: 20px; padding-bottom: 20px;}
.pboth45 {padding-top: 23px; padding-bottom: 23px;}
.pboth50 {padding-top: 25px; padding-bottom: 25px;}
.pboth55 {padding-top: 28px; padding-bottom: 28px;}
.pboth60 {padding-top: 30px; padding-bottom: 30px;}
.pboth65 {padding-top: 33px; padding-bottom: 33px;}
.pboth70 {padding-top: 35px; padding-bottom: 35px;}
.pboth75 {padding-top: 38px; padding-bottom: 38px;}
.pboth80 {padding-top: 40px; padding-bottom: 40px;}
.pboth85 {padding-top: 43px; padding-bottom: 43px;}
.pboth90 {padding-top: 45px; padding-bottom: 45px;}
.pboth95 {padding-top: 48px; padding-bottom: 48px;}
.pboth100 {padding-top: 50px; padding-bottom: 50px;}
.pboth105 {padding-top: 53px; padding-bottom: 53px;}
.pboth110 {padding-top: 55px; padding-bottom: 55px;}
.pboth115 {padding-top: 58px; padding-bottom: 58px;}
.pboth120 {padding-top: 60px; padding-bottom: 60px;}
.pboth125 {padding-top: 63px; padding-bottom: 63px;}
.pboth130 {padding-top: 65px; padding-bottom: 65px;}
.pboth135 {padding-top: 68px; padding-bottom: 68px;}
.pboth140 {padding-top: 70px; padding-bottom: 70px;}
.pboth145 {padding-top: 73px; padding-bottom: 73px;}
.pboth150 {padding-top: 75px; padding-bottom: 75px;}
.pboth155 {padding-top: 78px; padding-bottom: 78px;}
.pboth160 {padding-top: 80px; padding-bottom: 80px;}
.pboth165 {padding-top: 83px; padding-bottom: 83px;}
.pboth170 {padding-top: 85px; padding-bottom: 85px;}
.pboth175 {padding-top: 88px; padding-bottom: 88px;}
.pboth180 {padding-top: 90px; padding-bottom: 90px;}
.pboth185 {padding-top: 93px; padding-bottom: 93px;}
.pboth190 {padding-top: 95px; padding-bottom: 95px;}
.pboth195 {padding-top: 98px; padding-bottom: 98px;}
.pboth200 {padding-top: 100px; padding-bottom: 100px;}
.ptop2vh {padding-top: 1vh;}
.ptop3vh {padding-top: 1.5vh;}
.ptop5vh {padding-top: 2.5vh;}
.ptop7vh {padding-top: 3.5vh;}
.ptop10vh {padding-top: 5vh;}
.ptop13vh {padding-top: 6.5vh;}
.ptop15vh {padding-top: 7.5vh;}
.ptop20vh {padding-top: 10vh;}
.ptop25vh {padding-top: 12.5vh;}
.pbase2vh {padding-bottom: 1vh;}
.pbase3vh {padding-bottom: 1.5vh;}
.pbase5vh {padding-bottom: 2.5vh;}
.pbase7vh {padding-bottom: 3.5vh;}
.pbase10vh {padding-bottom: 5vh;}
.pbase13vh {padding-bottom: 6.5vh;}
.pbase15vh {padding-bottom: 7.5vh;}
.pbase20vh {padding-bottom: 10vh;}
.pbase25vh {padding-bottom: 12.5vh;}
.pboth2vh {padding-top: 1vh; padding-bottom: 1vh;}
.pboth3vh {padding-top: 1.5vh; padding-bottom: 1.5vh;}
.pboth5vh {padding-top: 2.5vh; padding-bottom: 2.5vh;}
.pboth7vh {padding-top: 3.5vh; padding-bottom: 3.5vh;}
.pboth10vh {padding-top: 5vh; padding-bottom: 5vh;}
.pboth13vh {padding-top: 6.5vh; padding-bottom: 6.5vh;}
.pboth15vh {padding-top: 7.5vh; padding-bottom: 7.5vh;}
.pboth20vh {padding-top: 10vh; padding-bottom: 10vh;}
.pboth25vh {padding-top: 12.5vh; padding-bottom: 12.5vh;}
/* MOBILE PADDING */
.m-ptop0 {padding-top: 0px;}
.m-ptop5 {padding-top: 5px;}
.m-ptop10 {padding-top: 10px;}
.m-ptop15 {padding-top: 15px;}
.m-ptop20 {padding-top: 20px;}
.m-ptop25 {padding-top: 25px;}
.m-ptop30 {padding-top: 30px;}
.m-ptop35 {padding-top: 35px;}
.m-ptop40 {padding-top: 40px;}
.m-ptop45 {padding-top: 45px;}
.m-ptop50 {padding-top: 50px;}
.m-ptop55 {padding-top: 55px;}
.m-ptop60 {padding-top: 60px;}
.m-ptop65 {padding-top: 65px;}
.m-ptop70 {padding-top: 70px;}
.m-ptop75 {padding-top: 75px;}
.m-ptop80 {padding-top: 80px;}
.m-ptop85 {padding-top: 85px;}
.m-ptop90 {padding-top: 90px;}
.m-ptop95 {padding-top: 95px;}
.m-ptop100 {padding-top: 100px;}
.m-ptop105 {padding-top: 105px;}
.m-ptop110 {padding-top: 110px;}
.m-ptop115 {padding-top: 115px;}
.m-ptop120 {padding-top: 120px;}
.m-ptop125 {padding-top: 125px;}
.m-ptop130 {padding-top: 130px;}
.m-ptop135 {padding-top: 135px;}
.m-ptop140 {padding-top: 140px;}
.m-ptop145 {padding-top: 145px;}
.m-ptop150 {padding-top: 150px;}
.m-ptop155 {padding-top: 155px;}
.m-ptop160 {padding-top: 160px;}
.m-ptop165 {padding-top: 165px;}
.m-ptop170 {padding-top: 170px;}
.m-ptop175 {padding-top: 175px;}
.m-ptop180 {padding-top: 180px;}
.m-ptop185 {padding-top: 185px;}
.m-ptop190 {padding-top: 190px;}
.m-ptop195 {padding-top: 195px;}
.m-ptop200 {padding-top: 200px;}
.m-pbase0 {padding-bottom: 0px;}
.m-pbase5 {padding-bottom: 5px;}
.m-pbase10 {padding-bottom: 10px;}
.m-pbase15 {padding-bottom: 15px;}
.m-pbase20 {padding-bottom: 20px;}
.m-pbase25 {padding-bottom: 25px;}
.m-pbase30 {padding-bottom: 30px;}
.m-pbase35 {padding-bottom: 35px;}
.m-pbase40 {padding-bottom: 40px;}
.m-pbase45 {padding-bottom: 45px;}
.m-pbase50 {padding-bottom: 50px;}
.m-pbase55 {padding-bottom: 55px;}
.m-pbase60 {padding-bottom: 60px;}
.m-pbase65 {padding-bottom: 65px;}
.m-pbase70 {padding-bottom: 70px;}
.m-pbase75 {padding-bottom: 75px;}
.m-pbase80 {padding-bottom: 80px;}
.m-pbase85 {padding-bottom: 85px;}
.m-pbase90 {padding-bottom: 90px;}
.m-pbase95 {padding-bottom: 95px;}
.m-pbase100 {padding-bottom: 100px;}
.m-pbase105 {padding-bottom: 105px;}
.m-pbase110 {padding-bottom: 110px;}
.m-pbase115 {padding-bottom: 115px;}
.m-pbase120 {padding-bottom: 120px;}
.m-pbase125 {padding-bottom: 125px;}
.m-pbase130 {padding-bottom: 130px;}
.m-pbase135 {padding-bottom: 135px;}
.m-pbase140 {padding-bottom: 140px;}
.m-pbase145 {padding-bottom: 145px;}
.m-pbase150 {padding-bottom: 150px;}
.m-pbase155 {padding-bottom: 155px;}
.m-pbase160 {padding-bottom: 160px;}
.m-pbase165 {padding-bottom: 165px;}
.m-pbase170 {padding-bottom: 170px;}
.m-pbase175 {padding-bottom: 175px;}
.m-pbase180 {padding-bottom: 180px;}
.m-pbase185 {padding-bottom: 185px;}
.m-pbase190 {padding-bottom: 190px;}
.m-pbase195 {padding-bottom: 195px;}
.m-pbase200 {padding-bottom: 200px;}
.m-pboth0 {padding-top: 0px; padding-bottom: 0px;}
.m-pboth5 {padding-top: 5px; padding-bottom: 5px;}
.m-pboth10 {padding-top: 10px; padding-bottom: 10px;}
.m-pboth15 {padding-top: 15px; padding-bottom: 15px;}
.m-pboth20 {padding-top: 20px; padding-bottom: 20px;}
.m-pboth25 {padding-top: 25px; padding-bottom: 25px;}
.m-pboth30 {padding-top: 30px; padding-bottom: 30px;}
.m-pboth35 {padding-top: 35px; padding-bottom: 35px;}
.m-pboth40 {padding-top: 40px; padding-bottom: 40px;}
.m-pboth45 {padding-top: 45px; padding-bottom: 45px;}
.m-pboth50 {padding-top: 50px; padding-bottom: 50px;}
.m-pboth55 {padding-top: 55px; padding-bottom: 55px;}
.m-pboth60 {padding-top: 60px; padding-bottom: 60px;}
.m-pboth65 {padding-top: 65px; padding-bottom: 65px;}
.m-pboth70 {padding-top: 70px; padding-bottom: 70px;}
.m-pboth75 {padding-top: 75px; padding-bottom: 75px;}
.m-pboth80 {padding-top: 80px; padding-bottom: 80px;}
.m-pboth85 {padding-top: 85px; padding-bottom: 85px;}
.m-pboth90 {padding-top: 90px; padding-bottom: 90px;}
.m-pboth95 {padding-top: 95px; padding-bottom: 95px;}
.m-pboth100 {padding-top: 100px; padding-bottom: 100px;}
.m-pboth105 {padding-top: 105px; padding-bottom: 105px;}
.m-pboth110 {padding-top: 110px; padding-bottom: 110px;}
.m-pboth115 {padding-top: 115px; padding-bottom: 115px;}
.m-pboth120 {padding-top: 120px; padding-bottom: 120px;}
.m-pboth125 {padding-top: 125px; padding-bottom: 125px;}
.m-pboth130 {padding-top: 130px; padding-bottom: 130px;}
.m-pboth135 {padding-top: 135px; padding-bottom: 135px;}
.m-pboth140 {padding-top: 140px; padding-bottom: 140px;}
.m-pboth145 {padding-top: 145px; padding-bottom: 145px;}
.m-pboth150 {padding-top: 150px; padding-bottom: 150px;}
.m-pboth155 {padding-top: 155px; padding-bottom: 155px;}
.m-pboth160 {padding-top: 160px; padding-bottom: 160px;}
.m-pboth165 {padding-top: 165px; padding-bottom: 165px;}
.m-pboth170 {padding-top: 170px; padding-bottom: 170px;}
.m-pboth175 {padding-top: 175px; padding-bottom: 175px;}
.m-pboth180 {padding-top: 180px; padding-bottom: 180px;}
.m-pboth185 {padding-top: 185px; padding-bottom: 185px;}
.m-pboth190 {padding-top: 190px; padding-bottom: 190px;}
.m-pboth195 {padding-top: 195px; padding-bottom: 195px;}
.m-pboth200 {padding-top: 200px; padding-bottom: 200px;}
.m-ptop2vh {padding-top: 2vh;}
.m-ptop3vh {padding-top: 3vh;}
.m-ptop5vh {padding-top: 5vh;}
.m-ptop7vh {padding-top: 7vh;}
.m-ptop10vh {padding-top: 10vh;}
.m-ptop13vh {padding-top: 13vh;}
.m-ptop15vh {padding-top: 15vh;}
.m-ptop20vh {padding-top: 20vh;}
.m-ptop25vh {padding-top: 25vh;}
.m-pbase2vh {padding-bottom: 2vh;}
.m-pbase3vh {padding-bottom: 3vh;}
.m-pbase5vh {padding-bottom: 5vh;}
.m-pbase7vh {padding-bottom: 7vh;}
.m-pbase10vh {padding-bottom: 10vh;}
.m-pbase13vh {padding-bottom: 13vh;}
.m-pbase15vh {padding-bottom: 15vh;}
.m-pbase20vh {padding-bottom: 20vh;}
.m-pbase25vh {padding-bottom: 25vh;}
.m-pboth2vh {padding-top: 2vh; padding-bottom: 2vh;}
.m-pboth3vh {padding-top: 3vh; padding-bottom: 3vh;}
.m-pboth5vh {padding-top: 5vh; padding-bottom: 5vh;}
.m-pboth7vh {padding-top: 7vh; padding-bottom: 7vh;}
.m-pboth10vh {padding-top: 10vh; padding-bottom: 10vh;}
.m-pboth13vh {padding-top: 13vh; padding-bottom: 13vh;}
.m-pboth15vh {padding-top: 15vh; padding-bottom: 15vh;}
.m-pboth20vh {padding-top: 20vh; padding-bottom: 20vh;}
.m-pboth25vh {padding-top: 25vh; padding-bottom: 25vh;}
.m-text-center {
text-align: center !important;
}
}
/***** Bootstrap *****/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container {
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 90px;
padding-left: 90px;
margin-right: auto;
margin-left: auto;
max-width: 1600px;
}
.container-fluid-slider {
padding-right: 80px;
padding-left: 80px;
margin-right: auto;
margin-left: auto;
max-width: 1600px;
}
@media (max-width: 1300px) {
.container-fluid {
padding-right: 50px;
padding-left: 50px;
}
.container-fluid-slider {
padding-right: 40px;
padding-left: 40px;
}
}
@media (max-width: 1200px) {
.container-fluid {
padding-right: 30px;
padding-left: 30px;
}
.container-fluid-slider {
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 1000px) {
.container-fluid {
padding-right: 20px;
padding-left: 20px;
}
.container-fluid-slider {
padding-right: 10px;
padding-left: 10px;
}
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.row-no-gutters {
margin-right: 0;
margin-left: 0;
}
.row-no-gutters [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
display: table;
content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
body, html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Circular';
font-size: 22px;
line-height: 1.3em;
font-weight: 500;
color: #152931;
}
body { }
header { }
body.fixed,
html.fixed { overflow: hidden; /* overflow: hidden!important; -webkit-overflow-scrolling: touch; height: 100%; */ }
/*********** FONTS **************/
header.homepage .sliderh1 { font-size: 4.5em; color: #fff; font-weight: 800; line-height: 1em;}
header.left-text-header h1 { color: #152931; font-size: 1.8em;}
.homeh1 h1 { font-size: 1.36em; font-weight: 600; line-height: 1.2em; ; color: #152931}
h1 { font-size: 2.72em; font-weight: 800; line-height: 1.2em; }
h2 { font-size: 2.72em; font-weight: 600; line-height: 1.2em; margin: 0; }
.business-benefits h2,
.benefits h2 { font-size: 2.72em; }
h3 { font-size: 2.04em; font-weight: 600; line-heighT: 1.2em; margin: 0; }
h4 { font-size: 1.36em; font-weight: 600; line-height: 1.2em; }
h5 { font-size: 1.72em; font-weight: 500; line-height: 1em; margin: 0; }
h5 a { color: #152931; }
p { }
a, a:hover, a:focus, a:visited { text-decoration: none; color: #152931; }
.text-right { text-align: right; }
.story-content h1 { color: #152931; font-size: 1.72em; font-weight: 800; line-height: 1.18em; }
.services-section h2 { font-size: 2.04em; font-weight: 600; line-heighT: 1.2em; margin: 0; }
h2 i { font-size: 0.6em; }
.benefits h4 { font-size: 1.27em; font-weight: 700; }
.why h1 { font-size: 2.27em; }
h1.h1-50 { font-size: 2.27em; }
.why-header,
.strategy-header,
.solutions-header{
background-color: #F2F0EC;
}
.strategy-header{
padding-bottom: 0;
}
.solutions-header header{
max-width: 1565px;
}
.why-header-inner,
.strategy-header-inner,
.solutions-header-inner{
padding-top: 120px;
padding-bottom: 0;
}
.why-header-inner .container,
.strategy-header-inner .container,
.solutions-header.container{
text-align: center;
}
.why-header .panel-wrapper{
display: flex;
margin-top: 100px;
}
.why-header .panel,
.strategy-header .panel,
.solutions-header .panel{
box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.1);
background: #fff;
width: 25%;
margin: 0 10px;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
user-select: none;
}
.solutions-header .panel{
margin: 0;
height: 550px;
}
.why-header .panel:hover,
.solutions-header .panel:hover{
box-shadow: 0px 20px 40px -6px rgba(0,0,0,0.21)
}
.hover-link, .imageframe, .hover-link:hover, .imageframe:hover {
border-radius: 10px; overflow: hidden !important; -webkit-background-clip: padding-box; transform: translateZ(0);
}
@media screen and (max-width: 1100px) {
.why-header .panel-wrapper{
flex-direction:inherit;
padding: 0 30px;
flex-wrap: wrap;
}
.why-header .panel{
width: 47%;
margin: 0 10px 30px 10px;
}
}
@media screen and (max-width: 700px) {
.why-header .panel-wrapper{
flex-direction: column;
padding: 0 0;
}
.why-header .panel{
width: 100%;
margin: 0 0 30px 0;
}
#slider .panel {
margin-right: 20px;
width: 90vw !important;
margin-bottom: 20px;
}
/* .solutions-header .panel-wrapper{
padding: 0 30px;
} */
}
.why-header .circ2,
.strategy-header .circ2 {
position: absolute;
top: 15%;
right: -3%
}
.why-header .circ3,
.strategy-header .circ3 {
position: absolute;
top: 20%;
left: -10%;
}
.roundel-list{
display: flex;
justify-content: space-around;
}
.roundel-list-item{
text-align: center;
font-size: 22px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 15px;
}
.roundel-list-icon{
border-radius: 100px;
background: #D2F7B8;
width: 126px;
height: 126px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
@media screen and (max-width: 700px) {
.roundel-list{
flex-direction: column;
}
.roundel-list-item{
margin: 0 0 30px 0;
}
}
.virtual_training{
color: #fff;
padding: 40px 0;
text-align: center;
background-repeat: no-repeat;
background-position: left bottom;
background-size: 312px;
max-width: 2000px;
margin: 0 auto;
background-color: #6AC4ED;
}
.virtual_training p{
font-size: 20px;
font-weight: 700;
font-family: 'Circular';
display: inline;
margin-right: 40px !important;
z-index: 30;
position: relative;
}
.virtual_training .btn{
background-color: #fff;
color: #142831;
font-size: 18px;
border: solid 2px #fff;
min-width: 180px;
}
.virtual_training .btn:hover{
background-color: #142831;
border: solid 2px #142831;
color: #fff;
}
.virtual_training img {
margin-right: 30px; vertical-align: middle; padding-bottom: 5px;
}
@media screen and (max-width: 1300px) {
.virtual_training p{
display: block;
line-height: 1.1;
}
.virtual_training .btn{
position: relative;
margin-top: 20px;
display: inline-block;
}
.virtual_training p{
margin: 0 0 20px 0 !important;
}
.virtual_training{
padding: 40px 0;
}
}
@media screen and (max-width: 700px) {
.virtual_training img { margin: 0px auto; display: block; margin-bottom: 20px;}
}
.table {width: 100%; height: 100%; display: table}
.tablecell {width: 100%; height: 100%; display: table-cell; vertical-align: middle}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {
body { font-size: 18px; }
h2 { line-height: 1.2em; font-size: 1.77em; }
h1 { font-size: 2.2em; }
h3 { font-size: 1.55em; }
header.homepage .sliderh1 { font-size: 3.5em; }
h4 { font-size: 1.55em; line-height: 1.3em; padding-top: 25px; }
h5 { font-size: 1.38em; }
header.left-text-header h1 {
margin-bottom: 25px!important;
font-size: 2.22em;
line-height: 1.1em;
}
.business-benefits h2,
.benefits h2 { font-size: 1.77em; }
.services-section h2 { font-size: 1.55em; }
.benefits h4 { padding-top: 0; }
/* .ptop40 { padding-top: 0px; } */
}
/*********** PADDING **************/
.mtop80 { margin-top: 80px; }
.mtop50 { margin-top: 50px; }
.mtop30 { margin-top: 30px; }
.mtop15 { margin-top: 15px; }
.mtop100 { margin-top: 100px; }
.pad65 { padding: 65px 0; }
.padtop20 { padding-top: 20px; }
.padleft35 { padding-left: 35px; }
.padright35 { padding-right: 35px; }
.padright70 { padding-right: 70px; }
.pad35 { padding-top: 35px; padding-bottom: 35px; }
.padbtm70 { padding-bottom: 70px; }
.padtop60 { padding-top: 60px; }
.padtop120 { padding-top: 120px; }
.story-content-right img { position: absolute; bottom: -40px; width: 100%; right: 0 }
@media screen and (max-width: 992px) {
.padleft35 { padding-left: 15px; }
.padright35 { padding-right: 15px; }
.padright70 { padding-right: 15px; }
.story-content-right img { width: 35%; bottom: -20px; }
.padtop15 { padding-top: 15px; }
.padbtm70 { padding-bottom: 0px; }
.learning-section .padtop120, .learning-section .padtop60 { padding-top: 20px; }
}
@media screen and (max-width: 768px) {
.mtop80 { margin-top: 40px; }
.mtop50 { margin-top: 0px; }
.mtop30 { margin-top: 15px; }
.text-right { text-align: left; }
.pad65 { padding: 15px 0; }
.story-content-right img { width: 35%; bottom: -40px; }
.padtop60 { padding-top: 20px; }
.nopadtop {padding-top: 0 !important}
}
@media screen and (max-width: 567px) {
.pad35 { padding-top: 0; padding-bottom: 0; }
.story-content-right img { display: none; }
}
/*********** NAVIGATION ******************/
nav { width: 100%; background: #fff; top: 0; left: 0; z-index: 50; position: fixed;
-webkit-box-shadow: 0px 0px 13px -10px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 13px -10px rgba(0,0,0,0.3);
box-shadow: 0px 0px 13px -10px rgba(0,0,0,0.3);
border-bottom: 2px solid #ECEBEC;
}
.logo { width: 185px; display: inline-block; }
.nav-wrapper{
width: 100%;
justify-content: space-between;
display: flex;
flex-direction: row-reverse;
padding-left: 220px;
}
.nav {
list-style-type: none;
}
/*.nav { float: right; padding-left: 0; margin: 5px 0 0 0; }*/
/*.nav li { display: inline-block; text-align: center; padding: 0 15px ; padding-bottom: 20px;}*/
/*.nav li ul li { padding-bottom: 0; }*/
/*.nav li a { font-size: 0.68em; letter-spacing: 0.013em; color: #152931; font-weight: 600; }*/
/*.nav li a:hover { text-decoration: underline; }*/
/*.nav li .sub-menu { display: none; margin-left: -5px; margin-top: 22px; background: #fff; -webkit-box-shadow: 0 0 32px rgba(0,0,0,.1); -moz-box-shadow: 0 0 32px rgba(0,0,0,.1); box-shadow: 0 0 32px rgba(0,0,0,.1); }*/
/*
.sub-menu {opacity: 0; transition: all .2s ease-in-out; }
.nav li:hover .sub-menu { display: block; opacity: 1 }
*/
/*.nav li .sub-menu li { display: block; text-align: left; padding: 3px 15px; }*/
/*.nav-toggle { display: none; }*/
/*.menu-pad { display: none }*/
/*.nav li a.nav-btn { background-color: #385274; border: 2px solid #385274; white-space: nowrap; }*/
/*.nav li a.nav-btn:hover { color: #385274; }*/
@media screen and (min-width: 769px) {
.menu-item-772 {display: none !important}
.menu-item-767 {display: none !important}
.menu-item-768 {display: none !important}
/*.nav li.menu-item-has-children ul.sub-menu { display: none; top: 20px; border-radius: 4px; position: absolute; min-width: 200px; padding: 7.2px 5px 10px 5px; border: 1px solid #ebeaeb; }*/
/*.nav li.menu-item-has-children:hover ul.sub-menu { display: block; }*/
}
/*************** MOBILE NAV STYLING ********************/
.burger-nav {
top: 20px;
color: #385274;
font-weight: bold;
position: absolute;
float: right;
z-index: 9999;
letter-spacing: 0px;
font-size: 30px;
cursor: pointer;
transition: all .4s ease-in-out;
display: none;
}
.burger-nav .close,
.burger-nav.burger-nav-anim .open { visibility: hidden; opacity: 0; transition: all 0.5s ease; }
.burger-nav.burger-nav-anim .close,
.burger-nav .open { visibility: visible; opacity: 1; }
.burger-nav i { transition: all .4s ease-in-out; position: absolute; right: 0; }
/* .burger-nav-anim { color: #385274; top: -2px!important; } */
/* .burger-nav-anim b:first-of-type { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.burger-nav-anim b:nth-of-type(2) { opacity: 0; }
.burger-nav-anim b:last-of-type { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -74%; } */
@media screen and (max-width: 992px) {
/*.nav li { padding: 0 5px 15px 0px; }*/
/*.nav li a { font-size: 0.63em; }*/
}
@media screen and (max-width: 992px) {
.burger-nav { display: block; top: 8px; righT: 15px; }
.nav-toggle { display: block; float: right; }
.nav {
position: fixed;
z-index: 9998;
width: 100%;
min-height: 100vh;
height: 0;
background: #fff;
/* fallback for old browsers */
visibility: hidden;
opacity: 0;
left: 0;
top: 80px;
overflow-y: scroll;
padding-bottom: 100px;
margin-top: 0;
}
.nav {
display: table-cell;
vertical-align: middle;
width: 100%;
text-align: left;
height: 100vh;}
.fadeInNav { opacity: 1 !important; visibility: visible !important; }
.fadeUpNav { opacity: 1 !important; margin-top: 0 !important; }
}
/*********** LAYOUT ******************/
.header {
height: 80px;
}
.flex {
display: flex;
}
.header-logo {
height: 74px;
display: flex;
flex-direction: column;
justify-content: center;
}
.header-logo img {
display: inline-block;
}
.nav-button {
display: flex;
flex-direction: column;
justify-content: center;
height: 55px;
}
.nav-button a {
display: block;
height: 42px;
padding: 10px;
line-height: normal;
}
.why .header-text-wrap { width: 70%; margin-bottom: 75px; }
.services .header-text-wrap { width: 60%; margin-bottom: 60px; }
.services-header .header-text-wrap,
.magazine .header-text-wrap { width: 50%; margin-bottom: 60px; }
.services-header.training .header-text-wrap { width: 60%; }
section { padding: 25px 0; }
.rellax-bg { width: 100%; height: auto; }
.rellax { position: absolute; }
header { max-width: 1400px; margin: 0 auto; position: relative; }
header.homepage { /* height: 800px; */ max-width: 3000px; }
/* header.homepage .container { padding-left: 60px; } */
.left-header-col { text-align: right; }
.right-header-col { text-align: left; }
header.img-circles { height: 660px; background-size: cover; background-repeat: no-repeat; background-position: center; }
header.img-circles.services { background-position: top center; }
header.left-text-header { padding: 200px 0 80px 0; max-width: none; }
header.left-text-header.team { padding: 200px 0 20px 0; }
header.why { background-position: bottom center; }
header.image { height: 560px; }
header.magazine{ height: 560px; }
header.stories { padding: 200px 0 50px 0; }
header.services-header { height: 560px; }
.header-wrap { overflow: hidden; height: 100%; position: relative; }
header.contact-header { height: 560px; }
.text-center { text-align: center; }
#map_canvas { position:absolute; top: 0; left: 0; widtH: 100%; }
.home-section a { font-weight: 600; color: #152931; }
.home-section a:hover,
.home-section a:focus,
.home-section a:active,
.home-section a:visited { text-decoration: none; }
.home-section p a, .home-section p a:hover { text-decoration: underline; }
.home-section p a.btn, .home-section p a.btn:hover { text-decoration: none !important; }
.slide i,
.content i { transition: all 0.5s ease; font-size: 0.9em; padding-left: 5px; margin-top: 2px; }
.slide:hover i { margin-left: 15px; }
.hover-block { display: table; position: relative; height: 280px; width: 100%; }
.hover-block.video { height: 560px; }
.hover-text { display: table-cell; vertical-align: middle; color: #fff; z-index: 2; width: 100%; text-align: center; }
.why-img { width: 100%; }
.home-section h3 { margin-bottom: 0; }
.circle50 { border-radius: 50% }
img.width100 { width: 100%; height: auto; }
.img-circles .table-cell { display: table-cell; vertical-align: bottom; text-align: left; z-index: 1; position: relative; }
.circle-wrap { width: 40%; max-width: 460px; position: absolute; top: 15px; right: 0; }
.circle-wrap.team { width: 30%; max-width: 400px; position: absolute; top: 0; right: 0; }
header.magazine p { color: #fff; }
header.magazine h1 { font-size: 1.72em; }
.approach-img { border-radius: 50%; width: 100%; height: auto; }
.approach-img.right { float: right; }
.approach-section { position: relative; padding: 0; }
.story-img-desktop { right: 0; bottom: -10%; display: block; }
.story-img-mbl { display: none; }
.story-content { position: relative; padding-bottom: 80px; }
.story-content .pright { padding-right: 40px; }
.story-content p.large { font-size: 1.18em; line-height: 1.3em; }
.story-content strong { font-weight: 800; }
.story-content-right { padding-top: 60px; }
.story-content-main { padding-top: 60px; padding-right: 60px; }
.story-content-bottom { padding-right: 60px; }
.story-content-main .main-img { margin: 25px 0 50px 0; }
.results-icon { width: 120px; height: auto; margin: 0 0 15px 0; }
.story-content h4,
.story-content h5 { font-weight: 800; margin-bottom: 25px!important; padding-top: 0; }
.story-content ul li { aadisplay: inline-block; list-style: none; margin: 0 0 16px 1.1225em; padding: 0; position: relative; }
.story-content-right ul li { font-weight: 600; }
.story-content ul li::before { content: "\2022"; display: inline-block; font-size: 1.3em; left: -1.1225em; position: absolute;top: 0em; }
.contact-right { margin-top: -100px; background-color: #fff; padding-left: 30px; padding-top: 30px; }
.contact-right .contact-city { font-weight: 600; }
.pad-right { padding-right: 7.5px; }
.pad-left { padding-left: 7.5px; }
.approach-section .text { padding-top: 70px; padding-bottom: 70px; }
.services-section .text { padding-top: 70px; padding-bottom: 70px; }
.hide-mbl { display: block; }
span.hide-mbl { display: inline-block; }
.show-mbl { display: none; }
.content-mbl { display: none; }
.relative { position: relative; }
.logo-section img { width: 100%; margin: 25px 0; }
.logo-section [class^="col"] { padding: 0 30px; }
.logo-section h3 { margin: 50px 0 25px 0!important; }
header.services img { opacity: 0.7; }
/*********** HOMEPAGE COMPANY LOGOS ******************/
.companylogos { margin-top: 50px; display: flex; width: 100%; justify-content: space-between; }
.companylogos-mbl { display: none; }
.companylogos div { display: inline-block; }
.companylogos svg { width: 70%; height: auto; margin: 0 auto; display: block; }
/* .companylogos svg:not(:hover) { opacity: 0.3; } */
/* .companylogos svg:not(:hover) path { fill:#152931; } */
.companylogos svg * ,
.companylogos svg { -webkit-transition: .25s ease; transition: .25s ease; }
.logoairbnb { width: 21%; }
.logospotify { width: 8%; }
.logony { width: 15%; }
.logotwitter { width: 9%; }
.logoslack { width: 21%; }
.logolyft { width: 12%; }
.logopinterest { width: 9%; }
b, strong {
font-weight: bold;
}
@media screen and (max-width: 992px) {
.approach-img { margin: 0 auto; display: block; float: unset!important; }
header.left-text-header { padding: 280px 0 0 0; }
.pad-right { padding-right: 15px; }
.pad-left { padding-left: 15px; }
.services-section .text,
.approach-section .text { padding-top: 10px; padding-bottom: 10px; }
.circle-wrap.team { width: 40%; float: right; }
header.stories,
header.approach { padding: 200px 0 50px 0; }
.left-header-col,
.right-header-col { text-align: center; }
header.homepage .left-header-col h1,
header.homepage .right-header-col h1 { font-size: 3em; margin-bottom: 0!important; }
header.left-text-header.team { padding: 200px 0 80px 0; }
}
@media screen and (max-width: 768px) {
.results-icon { margin: 10px 0 5px 0; }
.story-content .pright { padding-right: 15px; }
.story-content .mtop50 { margin-top: 50px; }
.header-text-wrap { width: 100%; }
.row-eq-height { display: block; }
.vcenter { display: block; flex-direction: column; justify-content: center; }
/* header.img-circles { height: 520px; } */
header.img-circles .header-text-wrap { margin-top: 150px; width: 100%; }
header.services-header { height: 520px; }
.text-center-xs { text-align: left; }
.why-img { width: 70%; margin: 50px auto 0 auto; display: block; }
section { padding: 25px 0; width: 100vw; }
section.business-benefits { padding: 0; }
.companylogos { display: none; }
.companylogos-mbl { display: block; margin-top: 40px; }
.companylogos-mbl img { margin: 0 auto; display: block; width:90%;}
.logoairbnb { width: 42%; }
.logospotify { width: 16%; }
.logony { width:30%; }
.logotwitter { width: 18%; }
.logoslack { width: 42%; }
.logolyft { width: 22%; }
.logopinterest { width: 18%; }
.approach-section { text-align: left; }
.approach-img { margin: 25px auto; width: 60%; }
.circle-wrap,
.circle-wrap.team { width: 50%; float: right; }
.services-header .header-text-wrap,
.magazine.header-text-wrap { width: 100%; }
.text-center { text-align: left; }
/* header.homepage { height: 520px; } */
.hide-mbl { display: none; }
span.hide-mbl { display: none; }
header.left-text-header.team { padding: 200px 0 40px 0; }
.why .header-text-wrap { margin-bottom: 25px; }
.content-mbl { display: block; margin-top: 25px; margin-bottom: 25px; }
.content-mbl i { padding-left: 5px; }
header.image {
height: 400px;
}
.story-content-main, .story-content-bottom { padding-right: 15px; padding-top: 20px; }
.story-content-main .main-img { width: 100vw!important; margin-left: -39px; }
.story-content-right { padding-top: 25px; }
.approach-section .text { padding-top: 10px; padding-bottom: 10px; }
.show-mbl { display: block; }
.contact-right { padding-left: 15px; padding-bottom: 30px; }
header.left-text-header { padding: 280px 0 0 0; }
}
@media screen and (max-width: 567px) {
.logo-section img { width: 100%; margin: 0; }
.story-content-main h4 { padding-top: 0; }
.circle-wrap,
.circle-wrap.team { width: 100%; }
.stories .circle-wrap { width: 80%; }
.story-img-desktop { display: none; }
.story-img-mbl { display: block; width: 100%; margin-top: 80px; z-index: 2; position: relative; }
header.image {
height: 275px;
}
.approach-img { margin: 25px auto; width: 80%; }
.story-content-main .main-img { margin-left: -30px; }
.services-header .header-text-wrap { margin-bottom: 0; }
.story-slider-container { padding: 0 !important; }
}
@media screen and (min-width: 1200px) {
.container.container-thin { width: 1050px; }
}
@media screen and (max-width: 768px) {
.container { padding-left: 30px; padding-right: 30px; }
}
/*********** HEADER CIRCLES ******************/
.homepage .circ1 { position: absolute; bottom: -19%; left: -5%; z-index: 0; }
.homepage .circ2 { position: absolute; top: 0; right: 30%; }
.homepage .circ3 { position: absolute; bottom: 10%; right: 3% }
.homepage .circ4 { position: absolute; bottom: -9%; right: 0; }
.why .circ1 { position: absolute; bottom: -10%; left: -5%; z-index: 0; }
.why .circ2 { position: absolute; bottom: 15%; right: 3% }
.why .circ3 { position: absolute; bottom: -20%; right: 0; }
.circle-wrap img { width: 100%; }
.approach .circ2 { position: absolute; top: 35%; right: 0; }
.approach .circ3 { position: absolute; top: 65%; right: 35%; }
.approach-section .circ4 { position: absolute; bottom: 0; right: -5%; z-index: 1; }
.approach-section .circ5 { position: absolute; top: 45%; left: 0%; }
.approach-btm .circ6 { position: absolute; top: -20%; left: 5%; z-index: 3; width:20% }
.approach-btm { margin-bottom: 80px; margin-top: 50px; }
.services .circ1 { position: absolute; bottom: -15%; left: 0%; z-index: 0; }
.services .circ2 { position: absolute; bottom: -35%; right: 0; }
.services .circ3 { position: absolute; bottom: -8%; right: 0%; }
.services .circ4 { position: absolute; top: -18%; right: 31%; }
.stories .circ1 { position: absolute; top: 22%; left: -25%; z-index: 0; }
.stories .circ2 { position: absolute; bottom: 15%; right: 10%; }
.team .circ1 { top: 40%; right: 6%; z-index: 0; }
.team .circ2 { top: -18%; right: 75%; position: absolute; }
.strategy .circ1 { top: -25%; left: 0%; z-index: 0; }
.strategy .circ2 { top: 50%; right: 0%; }
.training .circ1 { bottom: -30%; left: 0%; }
.training .circ2 { top: 0; right: 0%; }
.training .circ3 { top: 94%; right: 3%; }
.careers .circ1 { bottom: -60%; left: -2%; }
.careers .circ2 { bottom: -20%; right: 0%; }
.careers .circ3 { top: 94%; right: 3%; }
.single-stories .circ1 { bottom: -30%; left: 0; }
.single-stories .circ2 { top: 0; right: 5%; }
.single-stories .circ3 { bottom: -5%; left: 15%; }
.privacy { position: relative; }
.privacy p { font-size: 0.8em; }
.privacy ul, .privacy ol { font-size: 0.8em; }
.privacy .circ1 { position: absolute; top: -10%; right: 25%; }
.privacy .circ2 { position: absolute; top: 0; right: 0; }
.privacy .circ3 { position: absolute; top: 2%; right: 0; }
.privacy .circ4 { position: absolute; top: 2.8%; right: 0; }
.magazine .circ1 { bottom: -32%; left: 0; opacity: 0.4 }
.magazine .circ2 { top: -15%; right: 25%; }
.magazine .circ3 { right: 0; bottom: -15%; }
.magazine .circ4 { right: 10%; bottom: 10%; position: absolute; }
.events .circ1 { top: 0; left: 0;opacity: 0.4 }
.events .circ2 { right: 0; bottom: -15%; }
.virtual {background: #91A2AA}
.virtual .circ1 { top: 0; left: 0;opacity: 0.4 }
.virtual .circ2 { right: 0; bottom: -15%; }
@media screen and (max-width: 1200px) {
.homepage.circ1 { position: absolute; bottom: -19%; left: -20%; z-index: 0; }
.approach-section .circ5 { left: -15%; }
}
@media screen and (max-width: 768px) {
.homepage .circ2 { width: 45%; }
.homepage .circ3 { width: 47%; right: -13%; }
.homepage .circ4 { width: 46%; right: -20%;}
.why .circ2 { top: 10%; right: -10%; }
.why .circ1 {
width: 100%;
left: -35%;
bottom: -20%;
}
.why .circ3 { righT: -50%; }
.approach-section .circ4 { width: 250px; right: 15px; }
.approach-section .circ5 { left: -45%; top: 35%; }
.team .circ2 { position: absolute; top: -35%; left: -30%; }
.strategy .circ1 { left: -20%; }
.strategy .circ2 { right: -20%; }
.homepage .circ1 {
width: 80%;
bottom: -5%;
left: -30%;
}
.stories .circ1 { top: 50%; }
.services .circ3 { display: none; }
.services .circ4 {
position: absolute;
top: -25%;
right: -40%;
}
.careers .circ3 {
top: 75%;
right: -10%;
}
.single-stories .circ1 { bottom: -30%; left: -50%; }
.privacy img { /* width: 100%; */height: auto; }
}
@media screen and (max-width: 567px) {
.strategy .circ1 { left: -40%; }
.strategy .circ2 { right: -40%; }
.training .circ2 { right: -50%; }
.training .circ1 { left: -70%; }
.training .circ3 { top: 73%; right: -26%; }
.careers .circ1 { left: -70%; }
.careers .circ2 { right: -20%; }
.careers .circ3 { top: 75%; right: -30%; }
.careers .header-text-wrap { margin-bottom: 50px; }
.services .circ1 { left: -40%; }
.services .circ2 { right: -20%; }
.magazine .circ1 { bottom: -32%; left: -50%; }
.magazine .circ2 { top: -15%; right: 5%; }
.magazine .circ3 { right: -25%; bottom: -15%; }
.magazine .circ4 { right: -15%; bottom: 10%; position: absolute; }
}
/*********** SECTION CIRCLES ******************/
.frame { position: relative; width: 90%; }
.frame.right {margin: 0 0 0 auto;}
@media screen and (max-width: 700px) {
.frame {
width: 100%;
}
}
.home-section img { width: 100%; }
.home-section .circ1 { bottom: -10%; left: -10%; }
.home-section .circ2 { position: absolute; left: 0; right: -40px; top: 0; }
.home-section .circ3 { top: 0; right: -10%; }
.home-section .circ4 { top: 15%; right: -12%; }
.home-section .circ5 { top: 11%; left: -9%; z-index: 2; }
.home-section .circ6 { position: absolute; left: 0; top: 0; }
.home-section .circ7 { top: -5%; left: 0; }
.home-section .circ8 { right: -15%; bottom: -8%; }
.home-section .circ9 { top: 0; left: -5%; z-index: 1; }
.home-section .circ10 { position: absolute; left: 0; right: -40px; top: 0; z-index: 1; }
.home-section .circ11 { top: -8%; left: 0; z-index:2; }
.home-section .circ12 { top: -12%; left: 0; }
.home-section .circ13 { top: 2%; right: -5%; z-index: 3; }
.home-section .circ14 { bottom: -10%; left: -10%; }
.home-section .circ15
{top: 2%;
left: 0;
z-index: 9;}
.home-section
.circ16 {top: -13%;
right: -5%;
z-index: -1;}
.circ15 { top: -15%; left: -5%; z-index: 3; }
.circ16 { bottom: -25%; right: -15%; z-index: -1; width:44% }
.strategy-section .circ1 { bottom: -15%; left: -10%; z-index: 0; }
.strategy-section .circ2 { bottom: 15%; left: -20%; z-index: 0; }
.strategy-section .circ3 { top: -8%; right: -10%; }
.strategy-section .circ4 { top: 25%; left: 0; }
.strategy-section .circ5 { top: 68%; left: 0; }
.strategy-section .circ6 { top: 90%; right: 5%; }
.strategy-section .circ7 { top: 95%; right: 5%; }
.training-section .circ1 { bottom: -10%; left: -10%; z-index: 0; }
.training-section .circ2 { bottom: 15%; left: -20%; z-index: 0; }
.training-section .circ3 { bottom: -15%; right: -20% }
.training-section .circ4 { top: 25%; left: 0; }
.training-section .circ5 { bottom: 10%; right: -20%; }
.training-section .circ6 { top: -25%; left: -5%; }
.training-section .circ7 { top: 70%; left: 0%; }
.learning .circ1 { top: 40px;; left: 0%; }
.learning .circ2 { top: 15%; right: 0%; }
.learning-section .circ1 { top: 20%; left: 0%; }
.learning-section .circ2 { top: 90%; left: 0%; }
.learning-section .circ3 { top: 43%; right: 0%; }
.careers-section .circ1 { bottom: -10%; left: -10%; z-index: 0; }
.careers-section .circ2 { bottom: 15%; left: -20%; z-index: 0; }
.careers-section .circ3 { bottom: 0%; right: -10%; z-index: 2; }
.careers-section .circ4 { top: -5%; left: -10%; z-index: 0; }
.careers-section .circ5 { bottom: 13%; right: -20%; z-index: 2; }
.careers-section .circ6 { bottom: 4%; right: -10%; z-index: 2; }
.careers-section .circ7 { bottom: 8%; left: -25%; z-index: 0; }
.careers-section .circ8 { bottom: -5%; left: -4%; z-index: 2; }
.single-stories .circ4 { top: 45%; right: 25%; }
.single-stories .circ5 { top: 50%; right: 0; }
.single-stories .circ6 { top: 65%; right: 0; }
.single-stories .circ7 { bottom: 3%; right: 12%; }
.single-stories .circ8 { bottom: 8%; right: 24%; }
.events-section .circ3 { left: 0; top: 50%; }
.events-section .circ4 { right: 0; bottom: -50px; }
.events-section .circ5 { right: 0; bottom: -150px; }
@media screen and (max-width: 992px) {
.home-section img { width: 100%; }
.frame { width: 90%; }
.services-section .frame { width: 60%; }
.services-section .text-right { text-align: left!important; }
}
@media screen and (max-width: 768px) {
.frame { width: 60%; margin: 50px auto !important; display: block; }
.circ15 { top: 60%; right: unset; left: -30%; width: 60%; z-index: 2; }
.home-section .circ1 { left: -20%; }
.training-section .circ4 { display: none !important }
.learning .circ1 { top: 0px; left: -30%; }
.learning .circ2 { top: 30%; right: -10%; }
}
@media screen and (max-width: 567px) {
.learning .circ1 { top: -12%; left: -50%; }
.learning .circ2 { top: 45%; right: -30%;}
.frame { width: 100%; }
.circ15 { top: -40%; }
.single-stories .circ2 { top: -50%; right: 0%; }
.single-stories .circ5 { top: 50%; right: -40%; }
.single-stories .circ6 { top: 60%; right: -60%; }
.single-stories .circ7 { bottom: 3%; right: -50%; }
.single-stories .circ8 { bottom: 8%; right: -10%; }
.services-section .frame { width: 75%; }
}
/*animation element*/
.animation-element {
opacity: 0;
position: relative;
}
/*animation element sliding left*/
.animation-element.slide-left {
opacity: 0;
-moz-transition: all 900ms linear;
-webkit-transition: all 900ms linear;
-o-transition: all 900ms linear;
transition: all 900ms linear;
-moz-transform: translate3d(100%, 0px, 0px);
-webkit-transform: translate3d(100%, 0px, 0px);
-o-transform: translate(100%, 0px);
-ms-transform: translate(100%, 0px);
transform: translate3d(100%, 0px, 0px);
}
.animation-element.slide-left.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
/*animation slide left styled for testimonials*/
/*************** BUTTONS ********************/
a.btn,
.btn { border-radius: 10px; color: #fff; padding: 10px 30px; font-weight: 600; transition: all 0.5s ease; margin: 0 auto; font-size: 14px;}
a.btn.getstarted,
.btn.getstarted { border-radius: 50px; letter-spacing: 1px; text-transform: uppercase; }
a.btn:hover,
.btn:hover { background-color: transparent; }
.nav li a.nav-btn { color: #fff; letter-spacing: 1px; font-size: 14px; }
.nav li a.nav-btn:hover { background-color: transparent; }
.btn-white,
a.btn-white {
background-color: #fff;
color: #142831;
font-size: 14px;
padding: 12px 25px;
}
.btn-black,
a.btn-black {
background-color: #142831;
color: #fff;
font-size: 14px;
padding: 12px 25px;
}
.btn-reach-blue,
a.btn-reach-blue {
background-color: #076EFD;
color: #fff;
font-size: 14px;
padding: 9px 25px;
border: 2px solid transparent;
}
.btn-reach-blue:hover,
a.btn-reach-blue:hover {
background: transparent;
color: #076EFD;
border-color: #076EFD;
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
.nav li a.nav-btn { display: none!important;}
.m-text-center {
text-align: center;
}
}
/*************** OUR STORIES ********************/
.our-stories .category { font-size: 0.64em; font-weight: 600; padding-top: 30px; }
.our-stories { margin-bottom: 50px; font-size: 22px; }
.our-stories .title { font-size: 1.27em; font-weight: 700; }
.our-stories .slide { font-size: 0.77em; font-weight: 700; }
.our-stories .img-wrapper { overflow: hidden; }
.our-stories a img { transform: scale(1); transition: all 0.5s ease; width: 100%; height: 222px; }
.our-stories a:hover img { transform: scale(1.1); }
.our-stories .title { font-size: 1.27em; font-weight: 700; padding-bottom: 60px; line-height: 1.2em }
.our-stories .learnmore { position: absolute; bottom: 0; left: 15px; font-size: 0.9em }
@media screen and (max-width: 992px) {
.our-stories-frame .col-sm-6:nth-child(2n+1) { clear:left; }
.our-stories-frame .stories-slider .col-sm-6:nth-child(2n+1) { clear: none; }
}
@media screen and (max-width: 768px) {
.our-stories-frame .img-wrapper { height: auto; }
.our-stories .slide { margin-top: 25px!important; }
/* .our-stories .category { font-size: 0.88em; } */
.our-stories a:hover img { transform: scale(1); }
}
/***************** SERVICES PAGES ****************/
.services-img { width: 100%; border-radius: 35px; margin-top: -150px; position: relative }
.learning-section .services-img { width: 300px; margin-bottom: 50px; margin-top: -240px; position: relative; }
.services-section .main-photo { border-radius: 50%; z-index: 2; position: relative; width:100%; height: auto; }
.business-benefits li { font-size: 1.2em; font-weight: 800; line-height: 1.2em; list-style: none; padding: 15px 15px 15px 45px;; }
.business-benefits li:before { font-family: "Font Awesome"; content: "\f00c"; padding-right: 30px; font-size: 1.2em; margin-left: -60px; }
.services-section { position: relative; }
.learning-section .left-img { position: absolute; top:0; right:0}
.learning-section .left-img.large { position: absolute; top:-25%; right:0}
.learning-section .left-img.medium { position: absolute; top:-35%; left:0}
.learning-section .left-img .stats {float: none; margin-top: 20px; margin-right:0; position: relative; z-index:1; margin: 25px auto 0 auto}
.learning-section.virtualstats .left-img.large { position: absolute; top:0; right:50px}
.learning-section .right-img { margin: 0 -120% 0 0; }
.call-us { font-weight: 500; font-size: 1.8em; }
.learning-div { height: 362px; }
/***************** CAREERS PAGE ****************/
.careers-circle { width: 205px; heighT: 205px; display: block; margin: 0 auto; border-radius: 50%; margin-bottom: 25px; margin-top: 30px; }
.careers-circle i { color: #fff; font-size: 2.72em; line-height: 3.4em; display: block; }
.colour1 { animation: multicolor 12s ease infinite; -webkit-backface-visibility: hidden; }
.colour2 { background-color: #F29100; animation: multicolor 12s -1s ease infinite; -webkit-backface-visibility: hidden; }
.colour3 { animation: multicolor 12s -2s ease infinite; -webkit-backface-visibility: hidden; }
.perk-item a { text-decoration: underline; }
/***************** EVENTS PAGE ****************/
.events p { color: #fff; }
.virtual p {color: #fff;}
.events-section { position: relative; padding-top: 60px; }
.event-filter { padding-top: 40px; }
.filter { font-size: 0.77em; font-weight: 700; }
.eventrows { font-size: 0.77em; font-weight: 700; }
.eventrows .border { border-top: 2px solid #ECEBEC; padding: 20px 0; overflow: hidden; }
.event-location i { position: absolute; right: 0; top: 7px; }
.eventrows .row:last-child .border { border-bottom: 2px solid #ECEBEC; }
.event-filter .col-xs-12:first-child { padding-left: 0; }
.event-title svg { height: 35px; position: absolute; left: 0; }
/* .event-title svg.conference { width: 25px; } */
.event-title p { float: left; padding-left: 40px; margin-bottom: 0!important;}
.event-location p { margin-bottom: 0!important; }
.categorycircle img { margin-top: -5px; }
.previous { text-align: right; padding-top: 30px; }
.event-filter { display: block; }
header.events h1 { font-size: 1.72em; padding-right: 150px; }
header.virtual h1 { font-size: 1.72em; padding-right: 150px; }
.event-filter i.on { transform: rotate(180deg); }
.event-filter i.off { transform: rotate(0deg); }
.hidden-date { display: none; }
.eventselect .select-items { z-index: 4; }
.learning-block { margin: 0 0 60px 0; }
.img-shadow { -webkit-box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.39);
box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.39); border-radius: 10px; }
/*************** VIDEO STYLING *****************/
.video-poster {
width: 100%;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
left: 0;
margin-left: 15px;
padding-right: 30px;
cursor: pointer;
object-fit: cover;
height: 415px;
}
/**************** QUOTE **********************/
.quote { text-align: center; padding-bottom: 80px;}
.quote h4,
.stats-slider h4 { font-weight: 800; }
.quote p { padding-bottom: 50px; padding-top: 25px;}
.quote .quote-icon { margin: 0 auto; width: auto; height: 75px; margin-bottom: 25px; max-width: 150px; }
@keyframes multicolor {
0% {
background-color: #FFCB00
}
25% {
background-color: #FF7E01;
}
50% {
background-color: #C1D4DC;
}
75% {
background-color: #004477;
}
100% {
background-color: #FFCB00;
}
}
@-webkit-keyframes multicolor {
0% {
background-color: #FFCB00
}
25% {
background-color: #FF7E01;
}
50% {
background-color: #C1D4DC;
}
75% {
background-color: #004477;
}
100% {
background-color: #FFCB00;
}
}
@-moz-keyframes multicolor {
0% {
background-color: #FFCB00
}
25% {
background-color: #FF7E01;
}
50% {
background-color: #C1D4DC;
}
75% {
background-color: #004477;
}
100% {
background-color: #FFCB00;
}
}
@-o-keyframes multicolor {
0% {
background-color: #FFCB00
}
25% {
background-color: #FF7E01;
}
50% {
background-color: #C1D4DC;
}
75% {
background-color: #004477;
}
100% {
background-color: #FFCB00;
}
}
@media screen and (max-width: 1200px) {
}
.stats-mbl {display: none}
@media screen and (max-width: 992px) {
.stats {display: none}
.services-img { display: none; }
.learning-section .services-img { display: block; width: 250px; margin: 0 auto; margin-top: -150px; }
.services-section .row-eq-height { display: block; }
.services-section .main-photo { display: block; margin: 25px auto; width: 100%; }
.services-section .frame { display: block; margin: 25px auto; }
.learning-section .frame { width: 70%; display: block; margin: 50px auto 25px auto; }
.learning-section .frame img { width: 100%; margin: 0 auto; }
.learning-section.virtualstats .left-img.large { top:unset; position: relative; right:0}
.learning-section .left-img.medium { top: unset; position: relative;}
.learning-div { height: 280px; }
.services-section { padding-top: 50px; }
.learning-section .left-img.large { top:0%; position: relative;}
.learning-section .left-img.medium { position: relative;
width: 60%;
/* width: 40; */
margin: 0 auto;
display: block;
top: 0; }
.mtopsml { margin-top: 120px; }
.learning-div { height: auto; }
.virtualstats {padding-bottom: 60px !important}
.stats-mbl {display: block; width:90%; margin: 20px auto}
}
@media screen and (max-width: 768px) {
.learning-section.virtualstats .stats {display: none}
.business-benefits li:before { padding-right: 33px; }
.business-benefits ul { padding-left: 15px; }
.text-center .careers-circle i { text-align: center!important; line-height: 4.2em; }
.call-us { font-weight: 600;
font-size: 1.55em;
text-align: center!important; line-height: 0.8em; }
.learning-section { padding-top: 50px; }
.services-section { padding-top: 25px; }
.benefits h4, .benefits p, .benefits h2 { text-align: center!important; }
.mtopsml { margin-top: 0px; }
.learning-section .left-img.large { top:unset; position: relative;}
.learning-section.virtualstats .left-img.large { top:unset; position: relative; right:0}
.learning-section .left-img.medium { top: unset; position: relative;}
.learning-div { height: auto; }
.previous { text-align: left; padding-top: 0px; padding-bottom: 15px; }
.event-filter { display: none; }
.events-list .select-wrapper { margin-bottom: 15px; }
.event-category, .event-date, .event-location { padding-left: 40px; }
.eventrows { font-size: 1em; line-height: 1.4em; }
.eventselect .select-items { box-shadow: 0px 8px 16px -13px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 8px 16px -13px rgba(0,0,0,0.75) }
.event-title p { padding-left: 25px; }
header.events h1 { padding-right: 0px; }
header.virtual h1 { padding-right: 0px; }
}
@media screen and (max-width: 567px) {
.business-benefits li:before { padding-right: 14px; margin-left: -40px; }
.business-benefits li { padding: 15px 0px 15px 25px; }
.learning-section .frame { width: 90%; }
/* .learning-div { height: 180px; } */
.learning-section { padding-top: 25px; }
.learning-div { height: auto; }
}
/*************** HOVER EFFECTS ********************/
.hover-block { overflow: hidden; background: #385274; cursor: pointer; border-radius: 10px; overflow: hidden; }
.hover-block .hover-img { -webkit-transition: all 0.3s; z-index: 0; /* Safari prior 6.1 */ transition: all 0.3s; }
.hover-block:hover .hover-img { transform: scale(1.1); opacity: 0.7}
.hover-text { z-index: 10; overflow: hidden !important; position: relative }
.hover-text h2 { position: relative; z-index: 1; }
.hover-link { position: absolute; width: 100%; height: 280px !important; z-index: 2; display: table; }
.hover-block.video .hover-link {height: 560px !important}
.color-hover {overflow: hidden}
.color-hover .hover-block { overflow: hidden; background: #174FB5; cursor: pointer;height: 280px !important; }
.color-hover .hover-block .hover-img { -webkit-transition: all 0.3s; z-index: 0; /* Safari prior 6.1 */ transition: all 0.3s; transform: scale(1); }
.color-hover .hover-block:hover .hover-img { transform: scale(1.1); opacity: 0.2; }
.color-hover .hover-text { z-index: 10; padding: 0 0px; height: 280px !important;}
.color-hover .hover-text h2 { overflow: hidden; z-index: 1; width: 100%; visibility: visible; opacity: 1; height: auto; -webkit-transition: opacity 0.3s; transition: oopacity 0.3s ease; }
.color-hover .hover-block:hover h2 { visibility: none; opacity: 0; height: 0; transform: translate(0); }
.color-hover .hover-block .content { -webkit-transition: opacity 0.4s ease 0.1s; transition: opacity 0.4s ease 0.1s; z-index: 1; visibility: hidden; opacity: 0; height: 0; overflow: hidden; padding: 0 25px; position: relative; }
.color-hover .hover-block .content p { margin: 0; margin-bottom: 30px; }
.color-hover .hover-block:hover .content { visibility: visible; opacity: 1; height: auto; padding:0 25px; }
.color-hover .content a { text-align: left; color: #fff; }
@media screen and (max-width: 768px) {
.hover-block:hover .hover-img { transform: scale(1); opacity: 1}
.color-hover .hover-block:hover .hover-img { transform: scale(1); opacity: 1; }
.color-hover .hover-block:hover h2 { visibility: visible; opacity: 1; height: auto; }
.color-hover .hover-block:hover .content
,.color-hover .hover-block .content { display: none; }
}
.slick-slide:focus { outline: none; }
.slider *:focus { outline: none !important; }
/*************** FORM STYLING ********************/
input,
select,
textarea { width: 100%; margin: 7px 0; padding: 15px 0; }
input.btn.submit { width: auto; }
input.half,
select.half,
textarea.half,
.custom-select.half { width: 48%; float: left; margin: 30px 1% 0 0.5%; padding: 15px 0; }
.custom-select.half { padding: 0; }
.clear-left { clear: left; }
input, textarea { border: none; border-bottom: 2px solid #F4F4F4; }
::placeholder { color: #152931; font-weight: 700; }
.formerrormessage { text-align: left; color: #bf0000; font-size: 0.73em; padding-top: 0px; clear: both; margin-left: 0.5%; padding-bottom: 20px; }
input.error, .select-selected.error { border-bottom: 1px solid #bf0000 !important}
textarea.error,
select.error { border-bottom: 1px solid #bf0000 !important}
.checkboxcontainer.error
.checkboxcontainer.error a { color: #bf0000}
.error .checkmark { border: 1px solid #bf0000 !important;}
.contactformframe .stage2 { color: #152931; }
.btn.submit { float: right; color: #fff; padding: 10px 30px; font-size: 0.8em; font-weight: 700; margin-top: 30px; }
.btn.submit:hover { background-color: transparent; }
textarea:focus, input:focus { outline: none; }
*:focus { outline: none; }
.magazineform i, .newssignup3 i { float: right; margin-top: -25px; font-size: 1.2em; margin-right: -5px; color: #fff;}
.feature-bar {
position: fixed; width: 100%; bottom: 0; z-index: 100; background-color: #fff; font-size: 0.63em; padding: 15px 0;
-webkit-box-shadow: 0px -7px 29px -25px rgba(0,0,0,0.68);
-moz-box-shadow: 0px -7px 29px -25px rgba(0,0,0,0.68);
box-shadow: 0px -7px 29px -25px rgba(0,0,0,0.68);
}
.feature-bar .btn { font-size: 1em; }
/* Customize the label (the container) */
label.container {
display: block;
position: relative;
padding-left: 45px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: left;
color: #152931;
float: left;
width: auto;
font-size: 0.7em;
margin-top: 30px;
line-height: 1.4em;
clear: left;
}
.register-form label.container { color: #fff; }
/* Hide the browser's default checkbox */
label.container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 35px;
width: 35px;
background-color: transparent;
border: 2px solid #F4F4F4;
border-radius: 50%;
margin-top: -5px;
}
.register-form .checkmark { border-color: #fff; }
label.container:hover input ~ .checkmark { background-color: transparent; }
label.container input:checked ~ .checkmark { background-color: transparent; }
.checkmark:after { content: ""; position: absolute; display: none; }
label.container input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
label.container .checkmark:after {
left: 10px;
top: 4px;
width: 9px;
height: 18px;
border: solid #152931;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.register-form label.container .checkmark:after { border-color: #fff; }
@media screen and (max-width: 768px) {
input.half, select.half,
.custom-select.half, textarea.half { width: 99%; font-size: 1.1em; margin-top: 25px; }
form input[type=submit] { margin: 0 auto; float: none; padding: 10px 44px!important; font-size: 1em!important; }
label.container { padding-left: 35px; margin-bottom: 25px; width: 100%; font-size: 1em;}
.checkmark { width: 25px; height: 25px; top: 5px; }
.btn.submit { margin: 0 auto; float: unset; }
.hover-text h2 { font-size: 2.22em; }
.news-block h2 { text-align: center!important; }
label.container .checkmark:after {
left: 7px;
top: 3px;
width: 7px;
height: 14px;
}
input.btn.submit { display: block; }
.slider.stories-slider .category,
.slider.stories-slider .title,
.slider.stories-slider p.slide { padding-left: 2px; }
.hover-block { height: 250px!important; }
.learning-block .hover-block.video { height: 250px!important; }
.hover-block.video .hover-link {height: 250px !important}
}
@media screen and (max-width: 567px) {
.hover-block { height: 175px!important; }
.hover-link { height: 175px !important; }
.hover-block.video .hover-link { height: 250px !important}
.hover-block.video { height: 250px!important; }
.feature-bar .btn { margin-right: 0; display: block; text-align: center; width: 100%; margin: 0 auto; font-size: 1em; margin-bottom: 10px; }
.feature-bar { font-size: 0.7em; line-height: 1.2em; }
}
/*************** SELECT STYLING ********************/
.left-text-header .select-wrapper { position: absolute; bottom: 25px; width: 94%; }
.custom-select { position: relative; }
.custom-select select { display: none; /*hide original SELECT element: */ }
.select-selected { background-color: #fff;; border: 1px solid #ebeaeb; border-radius: 25px; position: relative; z-index: 2;}
.select-wrapper .custom-select .select-selected { font-size: 0.8em; z-index: 3; border: 1px solid #ebeaeb; }
.contactformframe .select-selected,
.contactpageformframe .select-selected { background-color: none;; border: none; border-bottom: 2px solid #F4F4F4; border-radius: 0px; position: relative; z-index: 2; padding: 15px 0 }
.serviceformframe .select-selected,
.learningformframe .select-selected { background-color: none; border: none; border-bottom: 2px solid #F4F4F4; border-radius: 0px; position: relative; z-index: 2; padding: 15px 0 13px 0; }
.select-selected:after { font-family: "Font Awesome"; content: "\f078"; float: right; }
.select-selected.select-arrow-active:after { top: 7px; }
.select-items div,.select-selected { color: #152931; padding: 8px 16px; cursor: pointer; /* font-size: 0.8em; */ font-weight: 800; }
.serviceformframe .select-items div,
.contactformframe .select-items div,
.contactpageformframe .select-items div { color: #152931; padding: 15px 0; cursor: pointer; font-size: 1em; font-weight: 700; }
.select-selected { color: #152931; cursor: pointer; font-size: 1em; font-weight: 700; }
.select-items div { padding: 4px 17px!important}
.select-items { position: absolute; border: 1px solid #ebeaeb; background-color: #fff;; top: 100%; left: 0; right: 0; z-index: 1; padding-top: 25px; margin-top: -25px; }
.select-items .same-as-selected { display: none; }
.serviceformframe .select-items,
.contactformframe .select-items,
.contactpageformframe .select-items { position: absolute; background-color: #fff;; top: unset; left: 0; right: 0; z-index: 1; padding-top: 3px; margin-top: -3px; }
.select-hide { display: none; }
.select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); }
/* .custom-select.magazineselect { position: absolute; bottom: 65px; width: 92%; } */
.custom-select.teamselect { position: absolute; bottom: 0px; width: 92%; }
.magazine-single-left { height: 190px; background: #fff; margin-top: -190px; }
.magazinesearch { position: relative;}
.magazinesearch i {position: absolute; right:35px; top:12px;}
.magazinesearch input {border-radius: 25px; height: 46px; padding: 0 25px; background: #fff; margin: 0; border: 0 !important; }
.serviceformframe .select-items,
.contactformframe .select-items,
.contactpageformframe .select-items {
border: 0;
-webkit-box-shadow: -1px 6px 17px -9px rgba(0,0,0,0.43);
-moz-box-shadow: -1px 6px 17px -9px rgba(0,0,0,0.43);
box-shadow: -1px 6px 17px -9px rgba(0,0,0,0.43);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border: 1px solid #eee;
z-index: 3;
}
.serviceformframe .select-items div,
.contactformframe .select-items div,
.contactpageformframe .select-items div { margin: 0; padding: 8px 17px !important }
@media screen and (max-width: 992px) {
.left-text-header .select-wrapper { width: 90%; }
.custom-select.magazineselect { margin-top: 30px; }
.custom-select.teamselect { bottom: -70px; width: 100%; }
}
@media screen and (max-width: 768px) {
.left-text-header .select-wrapper { position: relative; bottom: 0; width: 100%; margin: 15px 0 25px 0; }
.select-wrapper .custom-select .select-selected { font-size: 1em; }
.serviceformframe .select-selected ,
.contactformframe .select-selected { padding-left: 0; }
/* .custom-select.magazineselect { width: 100%; right: 0; bottom: -70px; padding-left: 15px; padding-right: 15px; } */
/* .magazineselect .select-items { margin-left: 15px; margin-right: 15px; } */
.custom-select.teamselect { width: 100%; right: 0; bottom: -20px; }
.teamselect .select-items { margin-left: 15px; margin-right: 15px; }
.magazine .select-wrapper { position: relative; }
.magazine-single-left { height: 190px; background: #fff; margin-top: -50px; }
.select-selected {
border-radius: 22px;
}
}
/*************** FOOTER ********************/
.border { border-top: 2px solid #F4F4F4; }
.footer-links { padding: 70px 0; }
.footer-btm { background-color: #FFFFFF; }
.footer-btm .container { border-top: 1px solid #DFE3E6; padding-top: 25px;padding-bottom: 25px; }
.footer-btm p { font-size: 0.55em; display: inline-block; margin-bottom: 0!important; }
.footer-social i { padding-right: 15px; }
.footer-logo { width: 85px; }
footer ul { padding-left: 0; display: inline-block; margin: 0; }
footer li,
.footer-col p { font-size: 0.72em; list-style: none; margin: 0!important; }
footer li.footer-title a,
.footer-title { color: #162932; font-weight: 600; margin: 0; }
.footer-title i { display: none; }
footer li a { color: #5A686F!important; }
.address p { color: #5A686F!important; }
.address p.footer-title { color: #162932!important; }
.footer-col ul,
.footer-logo { float: left; }
.footer-title-wrap { float: left; }
.footer-title-wrap a { font-weight: bold;}
footer a, footer a:hover,
footer a { color: #162932; text-decoration: none; }
footer .margin-r { margin-right: 65px; }
footer .margin-r-middle { margin-right: 0px; }
.extra-pad p { margin-bottom: 15px!important; }
@media screen and (max-width: 992px) {
footer .margin-r { margin-right: 15px; }
.footer-logo { width: 50px; }
}
@media screen and (max-width: 768px) {
.border { border-top: 2px solid #F4F4F4; }
footer ul { display: block; width: 100%; }
.footer-links { padding: 15px 0; }
.footer-col ul,
.footer-title { margin-top: 0px; }
.footer-logo { margin: 25px auto 25px auto; display: block; float: unset; width: 85px; }
.footer-col > :first-child { margin-right: auto; }
footer ul { display: none; }
.footer-title-wrap ul { display: block; }
footer .footer-title { display: block; }
footer .margin-r { margin-right: 0; }
.footer-title-wrap { width: 100%;}
.footer-title { margin-top: 0; line-height: 2.6em!important; border-top: 2px solid #F4F4F4; }
.footer-title.contact { border-bottom: 2px solid #F4F4F4; }
.footer-col.address { padding-top: 20px; text-align: center; }
.footer-col.address .footer-title { border-top: none; }
.footer-title i { display: inline-block; float: right; margin-top: 14px; margin-right: 5px; font-size: 0.9em; }
footer li { line-height: 2em; font-size: 0.8em; }
.footer-btm { text-align: center; padding: 25px 0; }
.footer-btm p { font-size: 0.66em; line-height: 1.5em; }
.footer-social { margin-bottom: 15px; }
.footer-social i { font-size: 1.22em; }
.footer-col p { font-size: 0.88em; }
.extra-pad p { margin-bottom: 0px!important; }
.address { padding-bottom: 20px; }
}
/*************** LINK HOVER EFFECT ********************/
.hvr-underline {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.hvr-underline:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #152931;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline:hover:before, .hvr-underline:focus:before, .hvr-underline:active:before {
right: 0;
}
@media screen and (max-width: 768px) {
.hvr-underline.hvr-mbl:before, .hvr-underline.hvr-mbl:before, .hvr-underline.hvr-mbl:before {
right: 0;
}
.hvr-mbl { padding-bottom: 5px; }
.hvr-mbl:before { height: 3px; }
.text-center-important { text-align: center!important; }
}
.width80 {
width: 80%;
margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
.width80 {width: 90%;
margin: 0 auto;
}
}
.addresspad {padding-top: 35px;}
/*************** MAGAZINE ********************/
.magazine-item {font-size: 22px;}
.magazine-heading { margin-bottom: 50px; }
.magazinedrop, .teamdrop {background: #fff; border: 3px solid #000;-webkit-appearance: none; padding: 10px 20px; border-radius: 50px; font-size: 0.81em; font-weight: bold; width: 100%}
.magazineselect:after, .teamselect:after { font-family: "Font Awesome"; content: "\f078"; position: absolute; top:14px; right: 20px; }
.magazine-items p {padding: 0; margin: 0}
.magazineoverviewtext {padding-bottom: 45px; position: relative; transform: translateZ(0);}
.magazine-item {position: relative; margin-bottom: 30px;}
.magazine-item a {display: block;}
.magazine-over-readmore {position: absolute; left: 15px; bottom: 0; font-size: 22px; font-weight: bold;}
.magazine-over-meta {font-size: 12px; padding-top: 10px; font-weight: 600}
.magazine-over-title {font-size: 28px; line-height: 1.2em; font-weight: bold; padding-top: 5px }
.magazine-over-subtitle {font-size: 0.63em; line-height: 1.2em; font-weight: 500; padding-top: 30px }
@media screen and (max-width: 992px) {
/*
.magazine-over-meta {font-size: 0.63em;}
.magazine-over-readmore {font-size: 0.91em;}
*/
}
.magazine-item .categorycircle {width: 60px; height: 60px; top: -30px; background: #000; color: #fff; position: absolute; right: 15px; border-radius: 50%; line-height: 60px; text-align: center; font-size: 1.4em}
.magazine-item {overflow: hidden}
.magazine-item:hover .backgroundimage {transform: scale(1.1);}
.magazine-item .backgroundhover{transition: all 0.2s ease-in-out; }
.magazine-item:hover .backgroundhover{transform: scale(1.1);}
/*************** TEAM ********************/
.teammember { text-align: center; position: relative; padding: 0 25px 25px 25px; }
.teammember .hoverimgcircle img { display: block; border:0px;border:none; border-radius: 49%; -webkit-border-radius:49%;-moz-border-radius:49%;-ms-border-radius:49%;-o-border-radius:49%;border-radius: 49%;overflow: hidden !important; }
/* .teammember .name { padding-bottom: 80px; } */
.teammember .name { padding-bottom: 5px; }
.teammember .jobtitle { font-size: 0.81em; height: 3em;
/* position: absolute;
bottom: 25px;
left: 0;
width: 100%; */
}
.hoverimgcircle { width: 100%; margin-bottom: 20px; position: relative; border-radius: 49%; -webkit-border-radius:49%;-moz-border-radius:49%;-ms-border-radius:49%;-o-border-radius:49%;border-radius: 49%;overflow: hidden !important; }
.hovera { opacity: 0; -webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius: 49%;overflow: hidden !important; }
.hovercircle { width: 80%; height: auto; position: absolute; right:0; top: 30px; opacity: 0}
.teammember i {opacity: 0; position: absolute; top:31%; left: 50%; color: #fff; font-size: 2em; z-index: 9; -ms-transform: translateX(-50%);transform: translateX(-50%);}
.hoverimgcircle img ,.teammember i{ transition: all 0.3s ; }
.teammember .hovera { transition: all 0s ; }
.teammember:hover .hovercircle {opacity: 1}
.teammember:hover .hoverimgcircle img {opacity: 0.6}
.teammember:hover .hoverimgcircle--no-opacity img {opacity: 1}
.teammember:hover .hovera {opacity: 1}
.teammember:hover i {opacity: 1}
.modalcontent {display: none}
.modal {position: fixed; top:0; width:100vw; height: 100vh; left: 0; background: rgba(255,255,255,0.95); display: none; z-index: 99999; text-align: center; overflow-y: hidden;}
.modal .modalimage {margin-top: 140px;}
.modal .name, .modal .name h1 {font-size: 1.31em;
line-height: 1.4em;
padding-top: 28px;
color: #152931;
font-weight: 700;}
.modal .jobtitle {font-size: 1.72em; line-height: 1.2em; }
.modal_top_svg {position: absolute; top: 0px; right:0; width:30%; max-width: 400px; height: auto; display: block; }
.pronouns {padding-bottom:20px;}
html.modalopen,
body.modalopen {
overflow: hidden;
}
svg.modalbase {position: absolute; bottom: 50px; right:50px;}
svg.sidesvg {position: absolute; top:50%; left: -230px}
.closemodal {cursor: pointer}
.sociallinks { padding-bottom: 180px; padding-top: 40px;}
.sociallinks a {margin: 0 10px; font-size: 1.3em; transition: all 0.3s ; }
.sociallinks a:hover {opacity: 0.6}
.modal_top_svg_mbl {
display: none;
}
@media screen and (max-width: 992px) {
.teammember { padding: 0 15px; }
.magazine-heading { widtH: 65%; }
/* .teammember .name b { font-size: 1em; } */
}
@media screen and (max-width: 768px) {
.modal_top_svg {
top: 0;
width: 50%;
}
.magazine-heading { widtH: 100%; }
.magazine-items { padding-top: 30px; }
}
@media screen and (max-width: 769px) {
.teammember .jobtitle { margin-bottom: 15px; }
}
@media screen and (max-width: 567px) {
.modal_top_svg {
display: none;
}
.modal_top_svg_mbl {
display: block;
position: absolute;
top: 0;
right: 0;
width: 50%;
z-index: 1;
}
.magazine-items { padding-top: 50px; }
.mag-mbl { height: 300px; }
.teammember:nth-child(2n+1) { clear:left; }
}
.teammodalfix {width:100%; height: 100vh; position:absolute; top:0; left:0; z-index:0; overflow:scroll}
.modal-evelyn {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
left: 0;
background: rgba(255,255,255,1);
display: none;
z-index: 99999;
text-align: center;
overflow-y: hidden;
z-index: 100;
color: #fff;
}
.evelynlink {
color: #4C817F;
text-align: left;
width: 100%;
padding-top: 40px;
cursor: pointer;
text-decoration: underline;
}
.content-evelyn {
background: #4C817F url(../png/team_bg.png) top right no-repeat;
width: 100%;
max-width: 357px;
height: 477px;
transform:translate(-50%,-50%);
left:50%;
top:50%;
position: absolute;
padding: 30px;
border-radius: 10px;
}
.formtext {
font-weight: bold;
padding-top: 40px;
font-size: 30px;
}
.content-evelyn
.form-thankyou {display: none}
/* Common Classese for Modal Expert and Webinar */
.modal-expert,
.modal-webinar {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
left: 0;
background: rgba(255,255,255,0.5);
display: none;
text-align: center;
overflow-y: scroll;
z-index: 100;
color: #fff;
}
.modal-expert-content,
.modal-webinar-content {
background: linear-gradient(rgba(214, 77, 100, 0.9), #C58FC1);
width: 90%;
max-width: 628px;
min-height: 420px;
transform:translate(-50%,-50%);
left:50%;
top:50%;
position: absolute;
padding: 20px;
border-radius: 10px;
box-shadow: -5px 13px 14px rgba(0, 0, 0, 0.5);
text-align: left;
}
.modal-expert-content:before,
.modal-webinar-content:before {
content: ' ';
background-image: url("../svg/newsletter_mask_top_left.svg"), url("../png/newsletter_mask_bottom_right.png");
background-position: top left, bottom right;
background-repeat: no-repeat, no-repeat;
position: absolute;
top:0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
}
.modal-expert-content h4,
.modal-webinar-content h4{
line-height: 1.45rem;
}
.modal-expert-content form input[type="text"],
.modal-expert-content form input[type="email"],
.modal-webinar-content form input[type="text"],
.modal-webinar-content form input[type="email"]
{
border: 2px solid white;
border-radius: 10px;
margin-right: 20px;
min-width: 150px;
padding: 15px;
background: transparent;
font-size: 20px !important;
}
.modal-expert-content form input[type="submit"],
.modal-webinar-content form input[type="submit"] {
white-space: nowrap;
border: 2px solid white !important;
border-radius: 10px;
background: transparent !important;
display: inline-flex;
padding: 10px 44px !important;
font-size: 20px !important;
}
.modal-expert-content input::placeholder,
.modal-webinar-content input::placeholder {
color: white !important;
padding: 15px 0;
margin:0;
}
.modal-expert-content .field,
.modal-webinar-content .field {
padding-bottom: 0;
}
.modal-expert-content .hs-fieldtype-booleancheckbox,
.modal-webinar-content .hs-fieldtype-booleancheckbox {
margin-top: 10px;
}
.modal-expert-content .hs-fieldtype-booleancheckbox label,
.modal-expert-content .hs-fieldtype-booleancheckbox label a {
color: white !important;
margin-top: 0;
}
.modal-expert-content .hs_submit.hs-submit,
.modal-webinar-content .hs_submit.hs-submit {
padding-top: 10px;
}
.modal-expert-content .hs-button,
.modal-webinar-content .hs-button {
margin-top: 10px;
}
.modal-expert-content .hs-fieldtype-booleancheckbox label,
.modal-webinar-content .hs-fieldtype-booleancheckbox label {
font-size: 0.65rem;
}
.modal-expert-content,
.modal-webinar-content .hs-button {
transition: all 0.2s ease-in-out;
}
.modal-expert-content .hs-button:hover {
background: #c562cf !important;
color: white !important;
}
.modal-close-icon {
position: absolute;
top: 0;
right: 0;
padding: 20px;
cursor: pointer;
}
@media screen and (min-width: 400px) {
.modal-expert-content,
.modal-webinar-content {
padding: 40px;
width: 100%;
}
.modal-expert-content fieldset.form-columns-2,
.modal-webinar-content fieldset.form-columns-2 {
display: inline-flex;
gap: 10px;
}
}
@media (max-height: 500px) or (max-width: 340px) {
.modal-expert-content,
.modal-webinar-content {
margin-top: 50vh;
}
}
/* Specific Classes for Modal Webinars */
.modal-webinar-content {
background: #6CE6B4;
color: #0c0c0c;
}
.modal-webinar-content:before {
background-image: url("../svg/webinar_mask_top_left.svg"), url("../png/webinar_mask_bottom_right.png");
}
.modal-webinar-content form input[type="text"],
.modal-webinar-content form input[type="email"] {
border: 2px solid #152931;
}
.modal-webinar-content form input[type="submit"] {
border: 2px solid #152931 !important;
}
.modal-webinar-content input::placeholder {
color: #152931 !important;
}
.modal-webinar-content .hs-fieldtype-booleancheckbox label,
.modal-webinar-content .hs-fieldtype-booleancheckbox label a {
color: #152931 !important;
margin-top: 0;
}
.modal-webinar-content .hs-fieldtype-booleancheckbox label span:before {
border-color: #152931 !important;
}
.modal-webinar-content .hs-button:hover {
background: #a7f0d2 !important;
color: #152931 !important;
}
/* Classes for the Expert Bar */
.expert-bar {
position: fixed;
bottom: 0;
width: 100%;
background: linear-gradient(#D64D64, #C58FC1);
color: white;
padding: 15px;
overflow-y: scroll;
z-index: 20;
max-height:50vh;
}
.expert-bar a {
color: white;
}
.expert-bar a:hover {
color: #D64D64;
}
.expert-bar-content h4 {
font-size: 1rem;
}
.expert-bar-content .hs-submit .hs-button:hover {
color: #CCC !important;
}
.expert-bar-content .hs-fieldtype-booleancheckbox {
width: 100%;
}
.expert-bar-content .hs-fieldtype-booleancheckbox label {
padding-right: 40px;
margin: 5px;
}
.expert-bar-content form input,
.expert-bar-content form textarea {
font-size: 17px;
}
.expert-bar-content form input[type="text"],
.expert-bar-content form input[type="email"] {
border: 2px solid white;
border-radius: 15px;
min-width: 150px;
padding: 15px;
}
.expert-bar-content form input[type="submit"] {
white-space: nowrap;
min-width: 120px ;
border: 2px solid white !important;
border-radius: 15px;
background: transparent !important;
}
.expert-bar-content input::placeholder {
color: white !important;
padding: 15px 0;
margin:0;
}
.expert-bar-content .field {
margin-right: 0;
}
.expert-bar .form-columns-2, .form-columns-1 {
width: unset !important;
}
.expert-bar .hs_submit.hs-submit {
padding-top: 20px;
}
.expert-bar-close {
position: absolute;
top: 0;
right: 0;
padding: 15px;
cursor: pointer;
z-index: 3;
}
.expert-bar-content fieldset {
z-index: 2;
}
.expert-bar-content .hs-submit {
z-index: 2;
}
@media screen and (min-width: 1205px) {
.expert-bar {
height: 146px;
}
.expert-bar-content .field {
margin-right: 20px;
}
.expert-bar-content:before {
content: ' ';
background-image: url("../svg/expert_mask_top_right.svg"), url("../svg/expert_mask_bottom_left.svg");
background-position: top right, bottom left;
background-repeat: no-repeat, no-repeat;
position: absolute;
top:0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.expert-bar h4 {
font-size: 1.09rem;
}
.expert-bar-content form {
display: flex;
justify-content: space-between;
}
.expert-bar-content fieldset {
display: inline-flex;
z-index: 2;
}
.expert-bar-content .hs-submit {
z-index: 2;
}
.expert-bar .hs_submit.hs-submit {
padding-top: 0;
}
.expert-bar-content .hs-fieldtype-booleancheckbox label {
padding-right: 0;
}
}
@media (max-width: 360px) and (orientation: portrait),
(max-height: 420px) and (orientation: landscape) {
.expert-bar {
height: 100%;
}
}
@media (max-width: 360px),(max-height: 480px) {
.modal-expert-content {
margin: 50vh 0;
}
}
/*************** SINGLE ********************/
.singlemeta{ overflow: hidden;}
.singlecontent iframe {width: 95% !important; height: 346px}
.singlecontent p {padding-right: 25px;}
.singlecontent li {padding-bottom: 10px; padding-right: 25px;}
.singlecontent h1{ padding-top: 25px;}
.singlecontent a {text-decoration: underline}
.singlecontent h2, .singlecontent h3, .singlecontent h4 , .singlecontent h5, .singlecontent h6{ font-size: 1.2em; padding-top: 30px;}
.singlemta {height: 78px; width: 100%; padding: 20px 0}
.singlemeta img {float: left; width:100px !important; height: 100px !important; border-radius: 50%; margin-bottom: 15px; }
.singlemeta .metatext {float: left; font-size: 0.9em; padding-left: 30px; line-height: 1.2em; width: calc(100% - 100px); }
.serviceformframe .select-arrow-active ,
.contactformframe .select-arrow-active ,
.contactpageformframe .select-arrow-active {
border-bottom: 2px solid #F4F4F4!important;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;}
.select-arrow-active {
border-bottom: 1px solid #fff!important;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;}
.select-items { overflow: hidden;
z-index: 2;
padding-top: 6px;
margin-top: -6px;
border: 1px solid #ebeaeb;
-webkit-border-radius: 0;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius: 0;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-radius: 0;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
-webkit-box-shadow: 0px 2px 18px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 18px -10px rgba(0,0,0,0.75);
box-shadow: 0px 2px 18px -10px rgba(0,0,0,0.75);}
.select-items div {margin-bottom: 6px; font-size: 0.8em; }
.desktoppright30 {padding-right: 25px;}
.pbase140 {padding-bottom: 140px;}
@media screen and (max-width: 768px) {
/* .pbase140 {padding-bottom: 0;} */
.singlecontent p {padding-right: 0px;}
.singlecontent iframe {width: 100% !important; height: 346px}
.select-items div {margin-bottom: 6px; font-size: 1em; }
}
/* NEW BURGER */
button.dots {
width: 34px;
height: 20px;
border: none;
background: transparent;
cursor: pointer;
margin: 0;
position: absolute;
top: 29px;
right: 10px;
}
button.dots:focus {
outline: none;
}
button.dots.dots:after, button.dots.dots:before, button.dots.dots span {
width: 6px;
height: 6px;
border-radius: 100px;
position: absolute;
left: 0px;
background: #f6a017;
transform: rotate(0deg);
transition: all 0.3s;
left:0;
right: 0;
margin: 0 auto;
}
button.dots.dots:after, button.dots.dots:before {
content: "";
}
button.dots.dots:after {
top: -2px;
margin-top: 0px;
}
button.dots.dots:before {
bottom: -4px;
margin-bottom: 0px;
}
button.dots.dots span {
top: 50%;
margin-top: -2px;
}
button.dots.dots.on:after {
transform: rotate(135deg) translate(9px, -9px);
width: 100%;
margin-top: -1.5px;
height: 4px;
}
button.dots.dots.on:before {
height: 4px;
transform: rotate(225deg);
bottom: 50%;
margin-bottom: -3px;
width: 100%;
}
button.dots.dots.on span {
transform: rotate(135deg);
}
@media screen and (max-width: 600px) {
.slider .item {Width:320px !important}
.slider .magazine-item {padding: 0 10px !important}
}
@media screen and (max-width: 414px) {
.slider .item {width:374px !important}
.slider .magazine-item {padding: 0 10px !important}
}
@media screen and (max-width: 400px) {
.slider .item {Width:340px !important}
.slider .magazine-item {padding: 0 10px !important}
}
@media screen and (max-width: 375px) {
.slider .item {width:330px !important}
.slider .magazine-item {padding: 0 10px !important}
}
@media screen and (max-width: 325px) {
.slider .item {width:280px !important}
.slider .magazine-item {padding: 0 10px !important}
}
.heightoutermagazine {overflow: hidden}
.signup {cursor: pointer}
.newssignup2 {display: none}
.newssignup3 {display: none}
.newssignup2 {color: #fff}
.newssignup2 input {background: none; color: #fff}
.newssignup2 input::placeholder { color: #fff; font-weight: 700; }
.newssignup2 input[type=submit] {-webkit-appearance: none;
border: 2px solid #fff; margin-top: 40px;
}
.newssignup2 .formerrormessage {color: #fff;}
.newssignup2 label.container { color:#fff; padding-left: 35px; margin-top: 15px; padding-right: 0; }
.newssignup2 label.container a { color: #FFF; }
.newssignup2 .checkmark { height: 25px; width: 25px; margin-top: 3px; }
.newssignup2 label.container .checkmark:after { left: 7px; top: 3px; width: 7px; height: 14px; border: solid #fff; border-width: 0 3px 3px 0; }
.newssignup2.eventpopupform {color: #152931}
.newssignup2.eventpopupform input {background: none; color: #152931; border-bottom: 2px solid #152931}
.newssignup2.eventpopupform input::placeholder { color: #152931; font-weight: 700; }
.newssignup2.eventpopupform input[type=submit] {-webkit-appearance: none;
border: 2px solid #152931; margin-top: 40px;
}
.newssignup2.eventpopupform .formerrormessage {color: #152931;}
.newssignup2.eventpopupform label.container { color:#152931; padding-left: 35px; margin-top: 15px; padding-right: 0; }
.newssignup2.eventpopupform label.container a { color: #152931; }
.newssignup2.eventpopupform .checkmark { height: 25px; width: 25px; margin-top: 3px; border-color: #152931}
.newssignup2.eventpopupform label.container .checkmark:after { left: 7px; top: 3px; width: 7px; height: 14px; border: solid #152931; border-width: 0 3px 3px 0; }
.newssignup2, .newssignup3 {width:100%; max-width: 370px;}
.contentlist {margin-left: 22px}
.contentlist li {margin-bottom: 25px;}
#wpadminbar { top: auto!important; bottom: 0;}
.newsletter_subscriber { height: 1px; overflow: hidden; opacity: 0; margin: 0; display: none; }
.select-items div:first-child { display: none; }
.magazineselect .select-items div:first-child { display: block; }
.magazineselect .select-items .same-as-selected { display: none!important; }
/* REACH SLIDER */
/* Dots */
.reach-slider .slick-dotted.slick-slider { margin-bottom: 30px; }
.reach-slider .slick-dots
{
position: absolute;
bottom: 20%;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: left;
left: 80px;
}
.reach-slider .slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.reach-slider .slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.reach-slider .slick-dots li button:hover,
.reach-slider .slick-dots li button:focus { outline: none; }
.reach-slider .slick-dots li button:hover:before,
.reach-slider .slick-dots li button:focus:before { opacity: 1; }
.reach-slider .slick-dots li button:before
{
font-family: 'slick';
font-size: 50px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #3BC0DF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.reach-slider .slick-dots li.slick-active button:before { opacity: .75; color: #3BC0DF; }
.stats-slider { padding-top: 0; }
/* REACH SILDER IMAGE */
.reach-slider img { position: absolute; }
.lg-circle { top: 12%; left: 0; z-index: 3; width: 55%; }
.dots-bg { z-index: 0; righT: 0; top: 0; width: 70%; }
.circle-frame { heighT: 420px; position: relative; }
.statsimg1 { right: 45%; top: 0.5%; }
.statsimg2 { right: 13%; top: 0.5%; }
.statsimg3 { right: 28%; top: 20%; }
.statsimg4 { right: 0%; top: 18%; }
.statsimg5 { right: 11%; top: 40%; }
.statsimg6 { right: 34%; top: 68%; }
.statsimg7 { right: 0%; top: 65%; }
.circle-frame.animation-element { opacity: 1; }
.circle-frame { display: block!important; width: 100%;}
.mbl-wrap { heighT: 420px; position: relative; display: none!important; }
.item-lgcircle, .item-smlcircle { opacity: 0; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; }
/* .slick-current .item-smlcircle { opacity: 1; transition: opacity 1s ease; } */
@media screen and (max-width: 992px) {
.reach-slider .slick-dots { left: 0px; bottom: -25px; text-align: center; }
.reach-slider .row-eq-height { display: block; }
.reach-slider .vcenter { display: block; flex-direction: column; justify-content: center; }
.circle-frame { width: 80%; margin: 0 auto; text-align: center;}
.text-col { text-align: center; }
}
@media screen and (max-width: 769px) {
.reach-slider .slick-dots, .reach-slider { text-align: center; }
.reach-slider img, .reach-slider svg { width: 80%; margin: 25px auto 0 auto; }
.reach-slider .slick-dots { bottom: -25px; }
.reach-slider img { width: auto; }
.reach-slider .lg-circle { width: 50%; top: 26%; }
.mbl-wrap { display: block!important; height: 550px }
.circle-frame { display: none!important; }
.stats-slider .container-fluid { padding: 0; }
.text-col { padding-left: 30px; padding-right: 30px; }
.stats-slider { margin-bottom: 50px; }
}
@media screen and (max-width: 567px) {
.mbl-wrap { height: 400px; }
}
@media screen and (max-width: 400px) {
.mbl-wrap { height: 300px; }
}
/* VIDEO SLIDER */
.video-slider { width: 640px; display: block; margin: 0 auto; height: 360px; }
.video-section { padding-bottom: 80px; padding-top: 80px; }
.video-section .video-poster { margin: 0 auto; padding-right: 0; height: 370px; width: 640px; }
.video-slider iframe { width: 640px; height: 360px;}
/* Dots */
.video-slider .slick-dotted.slick-slider { margin-bottom: 30px; }
.video-slider .slick-dots
{
position: absolute;
bottom: -50px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.video-slider .slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.video-slider .slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.video-slider .slick-dots li button:hover,
.video-slider .slick-dots li button:focus { outline: none; }
.video-slider .slick-dots li button:hover:before,
.video-slider .slick-dots li button:focus:before { opacity: 1; }
.video-slider .slick-dots li button:before
{
font-family: 'slick';
font-size: 50px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #3BC0DF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.video-slider .slick-dots li.slick-active button:before { opacity: .75; color: #3BC0DF; }
@media screen and (max-width: 640px) {
.video-slider { width: 100%; height: 168px; }
.video-section .video-poster { width: 100%; height: 175px; }
.video-slider iframe { width: 100%; height: 168px; }
}
@media screen and (min-width: 768px) {
.formleadin{
margin-right: 10vw !important;
}
}
.privacy-content ul, .privacy-content ol {margin-left: 30px;}
.privacy-content a {text-decoration: underline;}
.text-solutions-blue{
color: #4FB3CF;
}
.text-reach-blue{
color: #076EFD;
}
.bg-reach-blue{
background-color: #076EFD;
}
/* .swiper-button-disabled{
display: none;
} */
/* #slider .slick-arrow{
position: absolute;
bottom: 0;
background-image: url(/wp-content/themes/paradigm/images/slider-arrow.svg);
background-repeat: no-repeat;
} */
/* #slider .slick-arrow.slick-prev{
left: 0;
rotate: 180;
}
#slider .slick-arrow.slick-next{
right: 0;
} */
#slider .panel{
margin-right: 20px;
width: 370px;
margin-bottom: 20px;
}
@media screen and (max-width: 700px) {
#swiper-button-next, #swiper-button-prev{
display: none!important;
}
}
.why1 {
position: absolute; top: 200px; left:-100px;
}
.why2 {
position: absolute; top: 250px; right:-90px;
}
.why3 {
position: absolute; top: 650px; right:-50px;
}
.why4 {
position: absolute; top: 1050px; right:20px;
}
.why5 {
position: absolute; top: 1100px; left:-50px;
}
.how1 {
position: absolute; top: 120px; left:-110px;
}
.how2 {
position: absolute; top: -40px; right:100px;
}
.how3 {
position: absolute; top: 224px; right:-140px;
}
.how4 {
position: absolute; top: 680px; left:-90px;
}
.how5 {
position: absolute; top: 0; left:0;
}
.strat1 {
position: absolute; top: 90px; right:-140px;
}
.strat2 {
position: absolute; top: -60px; left:-90px;
}
.contentoverflow {
width: 100%; overflow: hidden; position: relative;
}
body.single-workshops .contentoverflow {
width: 100%; overflow: unset; position: relative;
}
body.page-template-page-workshops .contentoverflow {
width: 100%; overflow: unset; position: relative;
}
@media (max-width: 1000px) {
.why1, .why2, .why3, .why4, .why5, .how1, .how2, .how3, .how4, .how5, .strat1, .strat2 {
display: none !important;
}
}
.servicestext ul {
}
.servicestext li {
padding-bottom: 20px;
padding-left: 30px;
position: relative;
font-size: 20px;
}
.servicestext li:before {
content: "\f00c"; /* FontAwesome Unicode */
font-family:"Font Awesome 5 Pro";
font-weight: 600;
position: absolute; left:0px;
font-size: 20px;
}
.fixedbutton {
position: fixed; bottom: 30px; text-align: center; left:0; width: 100%; z-index: 5
}
.services-header {
height: 390px;
}
.servicestext a {
text-decoration: underline;
}
.services-header .innerheader{
height: 100%; width: 100%;
}
@media (max-width: 767px) {
.fixedbutton { display: none;}
.services-header .innerheader{
height: 100%; width: 100%;
}
.services-header {
height: 190px;
}
}
@media screen and (max-width: 768px) {
.text-center-mobile {
text-align: center !important;
}
}
/* Our Approach */
.our-approach {
background-color: #FCF6ED;
padding: 0 0 100px 0;
}
.our-approach-intro {
width: 100vw;
max-width: 1920px;
padding: 110px 0 0 0;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.our-approach-intro .our-approach-intro-title {
margin-bottom: 300px;
}
.intro-element {
aspect-ratio: 1;
border-radius: 50%;
position: absolute;
overflow: hidden;
opacity: 0;
transition: 1s ease-in-out;
}
.intro-element img {
width: 100%;
height: 100%;
object-fit: cover;
}
.intro-element-one {
top: 40%;
right: 10%;
z-index: 6;
width: 30px;
background-color: #30CED0;
}
.intro-element-two {
top: 52%;
right: -3%;
z-index: 2;
width: 150px;
background-color: #076EFD;
}
.intro-element-three {
top: -10%;
z-index: 1;
right: -35%;
width: 250px;
background-color: #75e1e3;
}
.intro-element-four {
top: 38%;
z-index: 4;
right: -28%;
width: 300px;
}
.intro-element-five {
top: 50%;
right: 2%;
z-index: 5;
width: 150px;
}
.our-approach-intro.animate-in .intro-element-one {
right: 90%;
opacity: 1;
transition-delay: 0.3s;
}
.our-approach-intro.animate-in .intro-element-two {
right: 27%;
opacity: 1;
transition-delay: 0.1s;
}
.our-approach-intro.animate-in .intro-element-three {
right: -10%;
opacity: 1;
transition-delay: 0.6s;
}
.our-approach-intro.animate-in .intro-element-four {
right: 18%;
opacity: 1;
transition-delay: 0.1s;
}
.our-approach-intro.animate-in .intro-element-five {
right: 70%;
opacity: 1;
transition-delay: 0s;
}
.our-approach-outro {
max-width: 960px;
text-align: center;
margin: 50px auto 0 auto;
}
.our-approach-intro-inner {
max-width: 600px;
}
.our-approach-circle {
text-align: center;
position: relative;
}
/* .our-approach-circle img {
max-width: calc(100% - 60px);
} */
/* .our-approach-circle > svg {
margin: 0 auto;
width: calc(100% - 60px);
height: calc(100vw - 60px);
} */
.our-approach-balloon {
width: 100%;
display: flex;
padding: 20px;
text-align: left;
margin-bottom: 20px;
border-radius: 10px;
align-items: center;
background-color: #ffffff;
justify-content: space-between;
box-shadow: 0 0 15px 0px rgba(0,0,0,0.2);
}
.our-approach-link__columns {
display: flex;
padding: 0 30px;
flex-wrap: wrap;
margin-top: 50px;
align-items: stretch;
justify-content: space-between;
}
.our-approach-balloon__link {
font-size: 0;
display: inherit;
margin: 0 0 0 30px;
}
.our-approach-balloon h4 {
font-size: 18px;
color: #076EFD;
padding-top: 0;
}
.our-approach-balloon.our-approach-balloon--five h4, .our-approach-balloon.our-approach-balloon--six h4, .our-approach-balloon.our-approach-balloon--seven h4, .our-approach-balloon.our-approach-balloon--eight h4 {
color:#0019FF;
}
.our-approach-balloon svg {
width: 25px;
height: 20px;
font-size: 0;
}
.our-approach-balloon p {
margin: 0;
font-size: 16px;
line-height: 1.3em;
color: rgba(56, 82, 116, 0.75);
}
.circle-text {
margin: 0;
top: 18%;
text-align: center;
position: absolute;
display: none;
}
.circle-text {
top: 46%;
}
.circle-text-center {
left: 50%;
width: 150px;
font-size: 20px;
line-height: 1em;
font-weight: bold;
transform: translate(-50%, -50%);
}
.circle-text-left {
left: 50%;
width: 87px;
font-size: 16px;
color: #ffffff;
line-height: 1.2em;
transform: translate(-181%, -50%);
}
.circle-text-right {
left: 50%;
width: 87px;
font-size: 16px;
color: #ffffff;
line-height: 1.2em;
transform: translate(81%, -50%);
}
@media all and (max-width: 768px) {
.our-approach-link__columns {
display: flex;
padding: 0 30px;
flex-wrap: wrap;
margin-top: 20px;
align-items: stretch;
justify-content: space-between;
}
.circle-text {
top: 160px;
display: block;
}
.center-circle {
width:318px;
height: auto;
margin:0 auto !important;
}
}
@media all and (min-width: 769px) {
.circle-text {
top: 167px;
display: block;
}
.center-circle {
width:330px;
height: auto;
margin:0 auto !important;
}
}
@media all and (min-width: 769px) {
.our-approach-intro {
padding: 280px 0 0 0;
}
.our-approach-balloon {
flex: 0 0 calc(50% - 20px);
}
.our-approach-balloon__link {
margin: 0 10px 0 20px;
transition: .2s ease-in-out;
}
.our-approach-circle > svg {
height: 600px;
}
.our-approach-balloon:hover .our-approach-balloon__link {
margin: 0 0 0 30px;
}
}
@media all and (min-width: 993px) {
.our-approach-intro {
padding: 200px 0 50px 0;
}
}
@media all and (min-width: 1200px) {
.circle-text {
top: 46%;
}
.circle-text-center {
left: 50%;
width: 150px;
font-size: 20px;
line-height: 1em;
font-weight: bold;
transform: translate(-50%, -50%);
}
.circle-text-left {
left: 50%;
width: 87px;
font-size: 16px;
color: #ffffff;
line-height: 1.2em;
transform: translate(-181%, -50%);
}
.circle-text-right {
left: 50%;
width: 87px;
font-size: 16px;
color: #ffffff;
line-height: 1.2em;
transform: translate(81%, -50%);
}
.center-circle {
width:330px;
height: auto;
}
.intro-element-one {
top: 50%;
right: 10%;
}
.intro-element-two {
display: none;
}
.intro-element-three {
top: 5%;
width: 450px;
}
.our-approach-intro.animate-in .intro-element-three {
right: -5%;
}
.intro-element-five {
display: none;
top: 63%;
}
.our-approach-intro.animate-in .intro-element-five {
right: 32%;
}
.our-approach-intro.animate-in .intro-element-one {
right: 40%;
}
.our-approach-circle {
padding: 120px 0;
}
.our-approach-balloon {
max-width: 370px;
position: absolute;
}
.our-approach-balloon.our-approach-balloon--one {
top: 20px;
left: calc(50% - 330px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--two {
top: 175px;
left: calc(50% - 382px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--three {
top: 325px;
left: calc(50% - 382px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--four {
top: 475px;
left: calc(50% - 330px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--five {
top: 20px;
right: calc(50% - 700px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--six {
top: 175px;
right: calc(50% - 752px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--seven {
top: 325px;
right: calc(50% - 752px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--eight {
top: 475px;
right: calc(50% - 700px);
transform: translateX(-50%);
}
.our-approach-intro .our-approach-intro-title {
margin-bottom: 15px;
}
}
@media all and (min-width: 1400px) {
.circle-text {
top: 47%;
}
.circle-text-center {
left: 50%;
width: 220px;
font-size: 32px;
line-height: 1em;
font-weight: bold;
transform: translate(-50%, -50%);
}
.circle-text-left {
left: 50%;
width: 150px;
font-size: 24px;
color: #ffffff;
line-height: 1.2em;
transform: translate(-181%, -50%);
}
.circle-text-right {
left: 50%;
width: 150px;
font-size: 24px;
color: #ffffff;
line-height: 1.2em;
transform: translate(81%, -50%);
}
.center-circle {
width:570px;
height: auto;
}
.our-approach-balloon.our-approach-balloon--one {
top: 20px;
left: calc(50% - 390px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--two {
top: 235px;
left: calc(50% - 502px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--three {
top: 455px;
left: calc(50% - 502px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--four {
top: 675px;
left: calc(50% - 390px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--five {
top: 20px;
right: calc(50% - 780px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--six {
top: 235px;
right: calc(50% - 872px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--seven {
top: 455px;
right: calc(50% - 870px);
transform: translateX(-50%);
}
.our-approach-balloon.our-approach-balloon--eight {
top: 675px;
right: calc(50% - 780px);
transform: translateX(-50%);
}
}
@media all and (min-width: 1500px) {
.intro-element-two,
.intro-element-five {
display: block;
}
.intro-element-four {
right: -21%;
}
.our-approach-intro.animate-in .intro-element-four {
right: 11%;
}
}
/* Stat Roundels */
.stat-roundel {
width: 135px;
height: 135px;
display: flex;
background: #076EFD;
border-radius: 32px;
align-items: center;
flex-direction: column;
justify-content: center;
margin: 0 auto 35px auto;
}
.stat-roundel.light-blue {
background-color: #4FB3CE;
}
.stat-roundel-text {
color: white;
font-size: 26px;
font-weight: 700;
margin: 0 0 15px 0;
}
.stat-roundel-image img {
width: 52px;
}
.stat-roundel-text span {
display: inline-block;
}
.stat-roundel-text span:last-of-type {
margin-left: -10px;
}
.stat-text {
padding: 0 40px;
}
.stat-rounde-bottom-text {
width: 100%;
display: block;
margin: 0 auto;
font-weight: bold;
color: white;
text-align: center;
}
@media all and (min-width: 1024px) {
.stat-roundel-text {
font-size: 40px;
}
.stat-rounde-bottom-text {
max-width: 265px;
}
}
.header-animation {
padding:0 !important;
}
.header-animation img.header-animate1 {
transform: translateX(55vw);
transition: 1.1s;
}
.header-animation img.header-animate2 {
transform: translateX(55vw);
transition:1.2s;
}
.header-animation img.header-animate3 {
transform: translateX(55vw);
transition: 1.3s;
}
.header-animation img.header-animate4 {
transform: translateX(60VW);
transition: 1.4s;
}
@media only screen and (max-width: 991px) {
.header-animation img.header-animate1 {
transform: translateX(100vw);
transition: 1.1s;
}
.header-animation img.header-animate2 {
transform: translateX(100vw);
transition:1.2s;
}
.header-animation img.header-animate3 {
transform: translateX(100vw);
transition: 1.3s;
}
.header-animation img.header-animate4 {
transform: translateX(100vw);
transition: 1.4s;
}
}
.header-animation.animate-in img {
transform: translateX(0);
}
.header-animate1, .header-animate2, .header-animate3 {
width:100%;
height:auto;
}
.header-animate2, .header-animate3 {
position: absolute;
top:0;
left:0;
width:100%;
height:auto;
}
.approach-header {
width:95% !important;
height:auto;
}
.approach-headercircle {
width:431px;
height:431px;
position: absolute;
top: -160px;
right: -190px;
}
@media only screen and (max-width: 991px) {
.approach-headercircle {
width: 110px;
height: 110px;
position: absolute;
top: -140px;
right: -60px;
}
}
.list-row {
display: flex;width: 100%;
}
.list-row .list-col {
display: flex;
}
/* HOME */
.icon-scroll {
position: relative;
}
.icon-scroll:before {
position: absolute;
left: 50%;
}
.icon-scroll {
width: 24px;
height: 38px;
margin-left: 0px;
top: 0%;
margin-top: 0;
box-shadow: inset 0 0 0 1px #9EA8B8;
border-radius: 25px;
}
.icon-scroll:before {
content: '';
width: 4px;
height: 10px;
background: #9EA8B8;
margin-left: -2px;
top: 8px;
border-radius: 4px;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-name: scroll;
}
@keyframes scroll {
0% {
opacity: 0;
transform: translateY(0);
}
8% {
opacity: 1;
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
/* HOME END */
.styled-bullets li {
list-style: none;
position: relative;
padding: 0;
margin: 0;
padding-bottom: 12px;
padding-left: 30px;
}
.styled-bullets li::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
-moz-border-radius: 7.5px;
-webkit-border-radius: 7.5px;
border-radius: 7.5px;
background-color: #0019FF;
position: absolute;
top: 8px;
left: 5px;
}
.styled-bullets.styled-bullets-blue li::before {
background-color: #0019FF;
}
.home-video-rows {
background-color: #ffffff;
padding-bottom: 50px;
}
.results-container {
padding: 25px 10px;
border-radius: 10px;
}
@media (min-width: 320px) {
.results-container {
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
}
@media (min-width: 992px) {
.results-container {
flex-direction: row;
}
}
.results-container > div {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.results-container h4 {
font-weight: 600;
margin-bottom: 0 !important;
font-size: 18px;
}
.footer-mega-nav {
padding: 40px 20px;
background-color: #f8f9fb;
font-family: 'Inter', sans-serif;
}
.footer-mega-nav__grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #e5e7eb;
}
.footer-link-list-col {
flex: 1 1 33%;
min-width: 280px;
border-right: 1px solid #e5e7eb;
padding: 20px;
box-sizing: border-box;
}
.footer-link-list-col:last-child {
border-right: none;
}
.footer-link-list-title {
font-weight: 600;
font-size: 16px;
margin-bottom: 12px;
color: #111827;
}
.footer-links-list {
list-style: none;
padding: 0;
margin: 0;
}
.footer-link-item {
margin-bottom: 10px;
}
.footer-link-item a {
text-decoration: none;
color: #374151;
font-size: 15px;
transition: color 0.2s ease;
}
.footer-link-item a:hover {
color: #1d4ed8;
}
@media screen and (max-width: 768px) {
.footer-links-list {
display: inline-block;
}
.footer-link-list-col {
border-right: none;
border-bottom: 1px solid #e5e7eb;
}
.mobile-margin-top {
margin-top: 10px;
}
.footer-link-list-col:last-child {
border-bottom: none;
}
}
.workshop-hero-wrapper {
width: 100%;
display: flex;
justify-content: center;
text-align: center;
position: relative;
}
.workshop-hero-inner {
width: 100%;
}
@media (min-width: 992px) {
.workshop-hero-inner {
width: 65%;
}
}
.workshop-hero-inner h1 {
font-weight: 900;
font-style: Black;
font-size: 48px;
line-height: 56px;
letter-spacing: 0%;
text-align: center;
}
.workshop-hero-inner p {
font-weight: 450;
font-style: Book;
font-size: 20px;
line-height: 26px;
letter-spacing: 0%;
text-align: center;
}
.workshop-team-circle {
position: absolute;
top: 120px;
display: block;
width: 100%;
left: 0;
}
.workshop-team-circle .circ1 {
left: 0;
top: -20px;
width: 400px;
}
.workshop-team-circle .circ2 {
right: 0;
top: -40px;
width: 500px;
}
@media (max-width: 767px) {
.workshop-team-circle {
display: none;
}
}
.workshop-dropdown {
margin-bottom: 20px;
}
.workshop-content-wrapper {
margin-bottom: 2rem;
}
select.workshop-filter-control {
border: 1px solid #d4d4d4;
padding: 11px 15px;
}
.filter-list-wrapper {
position: -webkit-sticky;
position: relative;
top: 0px;
align-self: flex-start;
z-index: 5;
padding: 15px;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.filter-list-wrapper {
position: sticky;
padding: 0px;
top: 100px;
}
}
.workshop-filter-header {
margin-bottom: 0px;
}
.workshop-wrapper {
display: flex;
flex-direction: column;
gap: 0px;
position: relative;
overflow: visible;
}
@media (min-width: 768px) {
.workshop-wrapper {
flex-direction: row;
gap: 50px;
}
}
.workshop-filter-wrapper {
display: flex;
flex-direction: column;
gap: 5px;
position: sticky;
top: 80px;
}
.workshop-nav-category {
padding: 5px 0px;
border-radius: 0px;
}
@media (min-width: 768px) {
a.workshop-nav-category {
padding: 10px 20px;
border-radius: 10px;
}
a.workshop-nav-category:hover {
background: #F7F8F8;
}
a.workshop-nav-category.active {
color: #076EFD;
}
}
.workshop-nav-category:hover {
background: #FFFFFF;
}
.workshop-nav-category.active {
background: #FFFFFF;
color: #076EFD;
}
.workshop-card {
padding: 20px;
display: flex;
align-items: flex-start;
justify-content: space-between;
cursor: pointer;
transition: all 0.3s ease-in-out;
flex-direction: column;
}
.workshop-cards a:not(:last-child) .workshop-card {
border-bottom: 1px solid rgba(0, 0, 0, 0.095);
}
@media (min-width: 991px) {
.workshop-card {
flex-direction: row;
}
}
.workshop-cards {
box-shadow: 0px 4px 24px 0 #00000012;
border-radius: 10px;
}
.workshop-icon {
display: inline-flex;
align-items: center;
flex-shrink: 0;
min-height: 32px;
white-space: nowrap;
}
.workshop-icon .icon-bg {
width: 32px;
height: 32px;
flex-shrink: 0;
flex-grow: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px; /* or 50% for circular */
margin-right: 10px;
}
.workshop-icon .text14 {
white-space: normal;
line-height: 1.2;
}
.workshop-content h4 {
font-weight: bold;
margin-top: 0;
margin-bottom: 5px !important;
color: #0a192f;
}
.workshop-content p {
margin: 0;
color: #334155;
}
.workshop-arrow {
font-size: 20px;
color: #0070f3;
}
.workshop-arrow-svg {
align-self: flex-end;
}
@media (min-width: 991px) {
.workshop-arrow-svg {
align-self: anchor-center;
}
}
.workshop-arrow svg {
transition: transform 0.3s ease;
}
.workshop-cards a:first-child .workshop-card {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.workshop-cards a:last-child .workshop-card {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.workshop-card:hover{
background: #F7F8F8;
}
.workshop-card:hover .workshop-arrow svg {
transform: translateX(4px);
}
.workshop-items-wrapper-outer {
display: flex;
flex-direction: column;
width: 100%;
}
.workshop-items-wrapper {
border-radius: 10px;
height: fit-content;
padding-top: 0;
padding-bottom: 0;
width: 100%;
padding: 0;
}
.workshop-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 0px;
margin-top: 1rem;
font-family: inherit;
margin-bottom: 1rem;
}
.workshop-pagination a,
.workshop-pagination span {
padding: 6px 12px;
text-decoration: none;
font-size: 18px;
color: #0a192f;
border-radius: 4px;
transition: all 0.2s ease;
}
.workshop-pagination a:hover {
background-color: #f0f0f0;
}
.workshop-pagination .current {
font-weight: bold;
color: #076EFD;
}
.workshop-pagination .dots {
pointer-events: none;
}