/**************/
/* Formatting */
/**************/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {font-family: "Merriweather", sans-serif !important; font-size: 20px; color: #563754; font-weight: normal; background: #ffffff;-webkit-font-smoothing: antialiased; display: block !important;}
.clear {clear: both; height: 0; margin: 0; padding: 0;}
.deskonly {display: block;}
.mobileonly {display: none}
/* Forms */
input,
select,
textarea {border: none; background: #ffffff; width: 100%; padding: 16px 15px 15px; outline: none !important; line-height: 17px; font-weight: normal; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; -ms-transition: .25s; transition: .25s; border-radius: 5px; font-family: 'Lexend', sans-serif; color: #563754; box-shadow: none; font-size: 14px;}
/* Headlines */
h1, h2, h3, h4, h5, h6 {position:relative; color: #563754; font-weight: bold; margin: 0 0 20px 0; background:none; line-height: 1.2; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
h1 strong,
h2 strong,
h3 strong,
h4 strong {color: #FFCE7A; font-weight: 600;}
h1 {font-size: 38px;}
h2 {font-size: 32px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}
@media (max-width: 991px) {
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 26px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
}
@media (max-width: 767px) {
h1 {font-size: 34px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
}
@media (max-width: 500px) {
h1 {font-size: 32px;}
h2 {font-size: 26px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
}
/* Paragraphs */
p {position: relative; margin-bottom: 20px; font-size: 18px; line-height: 1.5; color: #563754;}
@media (max-width: 991px) {
p {font-size: 17px;}
}
@media (max-width: 767px) {
p {font-size: 16px;}
}
/* Links */
a {text-decoration: none; cursor: pointer; color: #302D3F;}
a:hover,
a:focus {text-decoration: none; outline: none; color: #1A7E7E;}
/* Buttons */
button:focus {outline: none;}
.content-area a.button,
a.button,
button.button,
.text-area a.button {color: #ffffff; font-size: 18px; font-weight: 600; padding: 15px 19px 16px; text-align: center; margin: 0; display: inline-block; background-color: #E26334; line-height: 1; border: none; border-radius: 30px; text-transform: uppercase; letter-spacing: 1.5px; font-family: 'Montserrat', sans-serif;}
a.button.white-bg {background-color: #ffffff; color: #2b2868;}
a.button.dark-bg {background-color: #2b2868; color: #ffffff;}
a.button + a.button {margin-left: 25px;}
.content-area a.button:hover,
a.button.white-bg:hover,
a.button.dark-bg:hover,
a.button:hover,
button.button:hover,
.text-area a.button:hover {background-color: #FFC769; color: #5e3d5c;}
@media (max-width: 991px) {
.content-area a.button,
a.button,
button.button,
.text-area a.button {font-size: 16px;}
}
@media (max-width: 767px) {
.content-area a.button,
a.button,
button.button,
.text-area a.button {font-size: 15px;}
a.button span,
button.button span {padding: 15px 15px 15px 25px;}
a.button span:after,
button.button span:after {border-top: 22.5px solid transparent; border-bottom: 22.5px solid transparent; border-left: 24px solid #1A7E7E; left: calc(100% - 1px);}
}
/* Containers */
.site-container {position: relative; padding: 182px 0 0; /* max-width: 1700px; margin: 0 auto; background-color: #ffffff; box-shadow: 0 0 12px 4px rgba(0,0,0,0.2); */}
body.admin-bar .site-container {margin-top: 32px;}
section {padding: 100px 15px; background-color: #ffffff; margin: 0 auto;}
.container {width: 100% !important; max-width: 1260px;}
.container.full-width {max-width: 100%; padding: 0;}
.row.flexit{ display:flex; align-items:flex-start; flex-wrap:wrap;}
@media (max-width: 991px) {
.site-container {padding-top: 148px;}
section {padding: 75px 15px;}
}
@media (max-width: 767px) {
section {padding: 50px 15px;}
}
/* Animation */
/*.animated {opacity: 1 !important;}*/
/*.wow {visibility: hidden;}*/
/* Images */
img {max-width: 100%; height: auto;}
/* No phone links on desktop */
@media (min-width: 1025px) {
a[href^=tel],
a[href^=skype],
a[href^=sms] {cursor: default; pointer-events: none;}
}
/**********/
/* Header */
/**********/
/* Header > Logo */
.menu-item-home {background-image: url('../images/zing-train-logo.png');}
/* Header > Menu */
.primary-menu a,
.primary-menu a:hover {color: #ffffff;}
.primary-menu .sub-menu a,
.primary-menu .sub-menu a:hover {color: #594358;}
/****************************/
/* Modules > Above the Fold */
/****************************/
.atf-section {background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 60px 0 70px;}
.atf-section .mobile-only {display: none;}
.atf-section .container {max-width: 1330px; padding: 0 30px;}
.atf-section .row.order-row {display: flex; justify-content: space-around; align-items: flex-start;}
.atf-section .text-column {padding: 20px 0;}
/* Above the Fold > Text */
.atf-section .text-area {max-width: 650px;}
.atf-section .text-area h1 {color: #ffffff; font-weight: normal; max-width: 600px;}
.atf-section .text-area p {color: #ffffff;}
.atf-section .text-area p:last-child {margin: 0;}
.atf-section .button-area {margin-top: 30px;}
.atf-section .button-area a {display: inline-block; min-width: 227px;}
/* Above the Fold > Video */
.atf-section .video-column {padding: 0;}
.atf-section .video-holder {position: relative; display: flex; justify-content: flex-end;}
.atf-section .video-area {margin: 0; display: block; overflow: hidden; height: 270px; box-shadow: 10px 10px 0 #E26334; max-width: 460px; margin-top: 15px;}
.atf-section .video-area video {max-height: 270px; width: auto; max-width: initial; display: block;}
/* Above the Fold > Image */
.atf-section .image-area {box-shadow: 10px 10px 0 #E26334;}
.atf-section .image-area img {display: block; margin: 0;}
.atf-section .video-area + .image-area {display: none;}
/* Popup */
.atf-section a.popup-video {position: relative;}
.atf-section a.popup-video:before {content: ""; background-color: rgba(73,70,93,0.5); position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; display: block;}
.atf-section a.popup-video:after {content: ""; width: 89px; height: 89px; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto;; background: url('../../img/play-button-white.png') no-repeat center center; position: absolute; z-index: 3; display: block; background-size: contain;}
@media (max-width: 1150px) {
.atf-section .button-area a {display: block; margin: 0 auto; max-width: 300px;}
.atf-section .button-area a.button + a.button {margin-top: 15px; margin-left: auto;}
}
/* Above the Fold > Responsive */
@media (max-width: 991px) {
.atf-section {background-image: none !important; background-color: #563854;}
.atf-section .container {max-width: 600px;}
.atf-section .text-column {max-width: 100%; padding-top: 0;}
.atf-section .text-area {margin: 0 auto 30px; padding: 0 15px;}
.atf-section .text-area h1 {font-size: 35px;}
.atf-section .video-holder {justify-content: center;}
.atf-section .video-area {height: 500px; max-width: 600px; margin: 0 auto;}
.atf-section .video-area video {max-height: 500px;}
}
@media (max-width: 767px) {
.atf-section {min-height: initial; background-color: #563754; background-image: none !important; padding: 0; display: block;}
.atf-section .mobile-only {display: block;}
.atf-section .column-holder {padding: 50px 0 70px;}
.atf-section .text-area {max-width: 460px;}
.atf-section .text-area h1 {font-size: 30px;}
.atf-section .text-area h1 span {font-size: 38px;}
.atf-section .video-area {display: none;}
.atf-section .video-area + .image-area {display: block;}
}
@media (max-width: 500px) {
.atf-section .small-area {max-width: 200px;}
}
/***************************/
/* Modules > Blog Scroller */
/***************************/
.blogscroller-section {padding: 80px 0 60px; max-width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center top; background-color: #ffffff; text-align: center; position: relative; overflow: hidden;}
.blogscroller-section:before {content: ""; position: absolute; left: 0; width: 36px; height: 463px; background: url('../../resources/img/bg-yellow-lines.png') no-repeat center top; display: block; top: -290px;}
.blogscroller-section .container.wide-container {max-width: 100%; padding: 0 30px;}
.blogscroller-section .text-area h2 {margin-bottom: 50px; padding-left: 15px;}
.blogscroller-section .blog-row {max-width: 1420px; margin: 0 auto;}
.blogscroller-section .blog-row .col-lg-12 {padding: 0;}
.blogscroller-section .blog-carousel {display: flex; justify-content: space-between;}
.blogscroller-section .blog-carousel.items-two .slick-track {display: flex; justify-content: space-between;}
.blogscroller-section .blog-carousel.items-three .slick-track {display: flex; justify-content: space-between;}
/* Blog Scroller > Carousel */
.blogscroller-section .blog-carousel .slick-track {display: flex !important;}
.blogscroller-section .blog-carousel .slick-slide {height: inherit !important;}
/* Blog Scroller > Item */
.blogscroller-section .news-area {position: relative; max-width: 373px; margin: 0 25px 15px; overflow: hidden; width: 100%; height: 100%; opacity: 1;}
.blogscroller-section .news-area .image-area {min-height: 160px; background-repeat: no-repeat; background-size: initial; background-position: center top;}
.blogscroller-section .news-area .image-area img {opacity: 0;}
.blogscroller-section .news-area .text-area {padding: 15px;}
.blogscroller-section .news-area h3 {font-size: 22px; line-height: 1.27; margin-bottom: 10px;}
.blogscroller-section .news-area a h3 {position: relative; display: inline-block;}
.blogscroller-section .news-area a h3 span {position: relative; z-index: 2;}
.blogscroller-section .news-area a h3:before {display: block; content: ""; position: absolute; bottom: -3px; left: -3px; width: 0; background-color: #eeb657; top: 15px;}
.blogscroller-section .news-area:hover h3:before {width: calc(100% + 6px);}
.blogscroller-section .news-area p {margin: 0 auto; font-size: 14px; max-width: 307px;}
.blogscroller-section .news-area .text-area p a {color: #563754;}
.blogscroller-section .news-area .text-area p a:hover {color: #1A7E7E;}
/* Blog Scroller > Arrows */
.blogscroller-section .slick-prev {left: 80px;}
.blogscroller-section .slick-next {right: 80px;}
.blogscroller-section .slick-prev,
.blogscroller-section .slick-next {top: 50%; background: none; width: 45px; height: 80px; line-height: 1; border: 0; border-radius: 0; opacity: 1; transform: translateY(-50%);}
.blogscroller-section .slick-prev.slick-disabled,
.blogscroller-section .slick-next.slick-disabled {opacity: 0;}
.blogscroller-section .slick-prev:before,
.blogscroller-section .slick-next:before {opacity: 1; color: #414042; font-size: 120px; font-weight: bold !important; line-height: 80px;}
.blogscroller-section .slick-prev:hover:before,
.blogscroller-section .slick-next:hover:before {color: #1A7E7E;}
/* Blog Scroller > Dots */
.blogscroller-section .slick-dots {margin-top: 20px; position: static;}
.blogscroller-section .slick-dots li button:before {color: #D2D2D2; font-size: 14px; opacity: 1;}
.blogscroller-section .slick-dots li.slick-active button:before {color: #737373; opacity: 1;}
/* Blog Scroller > Text alignment */
.blogscroller-section.left-align {text-align: left;}
/* Blog Scroller > 1 item */
.blogscroller-section .blog-carousel.items-one .slick-prev {left: 35%; top: 99%;}
.blogscroller-section .blog-carousel.items-one .slick-next {right: 35%; top: 99%;}
.blogscroller-section .blog-carousel.items-one .news-area.blank-news {opacity: 0;}
/* Blog Scroller > 2, 3 or 4 items */
.blogscroller-section .blog-carousel.items-two .news-area {max-width: initial;}
.blogscroller-section .blog-carousel.items-two .news-area .image-area {height: 305px;}
.blogscroller-section .blog-carousel.items-three .news-area {max-width: initial;}
.blogscroller-section .blog-carousel.items-three .news-area .image-area {height: 160px;}
.blogscroller-section .slick-prev,
.blogscroller-section .slick-next {position: absolute; width: 30px; height: 30px; background: transparent; margin: 0 !important ; text-align: center; line-height: 30px; top: 43%; font-size: 20px; z-index: 1; opacity: 1; border: none; padding: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; color: transparent; border-radius: 0; cursor: pointer;}
.blogscroller-section .slick-prev {background-image: url('data:image/svg+xml,'); left: -30px;}
.blogscroller-section .slick-next {background-image: url('data:image/svg+xml,'); right: -30px;}
@media (max-width: 1199px) {
.blogscroller-section:before {display: none;}
.blogscroller-section .slick-prev {left: 50px;}
.blogscroller-section .slick-next {right: 50px;}
.blogscroller-section .slick-prev:before,
.blogscroller-section .slick-next:before {font-size: 100px;}
}
@media (max-width: 991px) {
.blogscroller-section {padding: 50px 0;}
.blogscroller-section .blog-carousel {flex-direction: column;}
.blogscroller-section .news-area {margin: 0 auto 15px;}
.blogscroller-section .news-area .text-area {padding: 15px 0;}
.blogscroller-section .news-area h3 {font-size: 21px;}
.blogscroller-section .news-area p {font-size: 18px;}
.blogscroller-section .news-area a.button {font-size: 20px;}
.blogscroller-section .news-area a:after {font-size: 35px; width: 40px; height: 40px; line-height: 37px; padding-left: 3px;}
}
@media (max-width: 767px) {
.blogscroller-section .slick-prev {left: 5px;}
.blogscroller-section .slick-next {right: 5px;}
.blogscroller-section .news-area p,
.blogscroller-section .news-area p a {font-size: 16px;}
.blogscroller-section .news-area a.button {font-size: 18px;}
.blogscroller-section .news-area .button-area {padding-bottom: 30px;}
}
/****************************/
/* Modules > Call To Action */
/****************************/
.cta-section {padding: 40px 0 45px; background-size: cover; background-repeat: no-repeat; background-color: #563754; position: relative;}
.cta-section:before {content: ""; background-image: url('data:image/svg+xml,'); width: 74px; height: 73px; position: absolute; left: 75px; top: -35px;}
.cta-section .text-area {}
.cta-section .text-area h2 {color: #ffffff; font-size: 24px;}
.cta-section .text-area p {color: #ffffff; max-width: 700px;}
.cta-section .text-area p:last-child {margin-bottom: 0;}
.cta-section .image-area img {margin: 0 auto; display: block;}
.cta-section .form-area .hbspt-form {max-width: 390px; margin: 0 auto;}
.cta-section .form-area .hbspt-form .hs-richtext {display: none !important;}
.cta-section .form-area .hbspt-form form label {font-size: 15px !important; color: #ffffff !important; margin-bottom: 5px; font-weight: 600 !important; margin-top: 0 !important;}
.cta-section .form-area .hbspt-form form input[type="email"] {background-color: #EEE2ED !important; color: #402B3F !important; border-radius: 6px !important; min-height: 50px !important; font-size: 15px !important; margin: 6px auto 0 !important; border: none; max-width: 385px;}
.cta-section .form-area .hbspt-form form input[type="email"]#email-c656cc09-74ad-46e0-be08-9b54e04a0f3d {border-radius: 6px !important; border: none !important;}
.cta-section .form-area .hbspt-form form .hs-input {color: #402B3F; font-weight: normal; font-size: 15px;}
.cta-section .form-area .hbspt-form form .actions {margin-top: 25px; padding-top: 0; padding-bottom: 0;}
.cta-section .form-area .hbspt-form form .actions input[type="submit"] {color: #ffffff !important; font-size: 18px !important; font-weight: 600 !important; padding: 15px 19px 16px !important; text-align: center; display: block !important; background-color: #E26334 !important; line-height: 1; border: none; border-radius: 30px; text-transform: uppercase !important; letter-spacing: 1.5px; font-family: 'Montserrat', sans-serif !important; text-shadow: none; min-width: 189px; margin: 0 auto; width: 100% !important; cursor: pointer;}
.cta-section .form-area .hbspt-form form .actions input[type="submit"]:hover {background-color: #FFC769 !important; color: #5e3d5c !important;}
.cta-section .form-area .hbspt-form .submitted-message.hs-main-font-element {color: #FFCE7A;}
@media (max-width: 991px) {
.cta-section .text-area {text-align: center;}
.cta-section .text-area h2 {margin-bottom: 10px;}
.cta-section .text-area p {margin: 0 auto 10px;}
.cta-section .button-area {margin: 30px auto 0;}
.cta-section .form-area .hbspt-form form label {font-size: 14px !important;}
}
@media (max-width: 767px) {
.cta-section .form-area .hbspt-form {margin-top: 20px;}
}
/**************************/
/* Modules > Contact Form */
/**************************/
.form-section {padding: 60px 0 50px; background-color: #42797C; position: relative; overflow: hidden;}
.form-section:before {content: ""; position: absolute; left: 0; width: 58px; height: 364px; background: url('../../resources/img/bg-contact.png') no-repeat center top; display: block;}
.form-section .container {padding: 0 30px; max-width: 1330px;}
.form-section .text-area {margin-bottom: 30px; text-align: center;}
.form-section .text-area h2 {color: #FFCE7A; font-family: cheap-pine-sans, cheap-pine-sans-1, cheap-pine-sans-2, sans-serif; font-size: 70px; font-weight: normal !important;}
.form-section .form-area {max-width: 1100px; margin: 0 auto;}
.form-section .form-area .hbspt-form {margin-bottom: 0;}
.form-section .form-area .hbspt-form form fieldset {max-width: 100%;}
.form-section .form-area .hbspt-form form .holder {margin-bottom: 10px;}
.form-section .form-area .hbspt-form form label {font-size: 15px !important; color: #ffffff !important; margin-bottom: 5px; font-weight: 600 !important;}
.form-section .form-area .hbspt-form form label.hs-form-checkbox-display {text-transform: initial !important;}
.form-section .form-area .hbspt-form form legend {font-size: 15px; color: #ffffff; margin-bottom: 12px; font-weight: normal;}
.form-section .form-area .hbspt-form form .input-holder {position: relative; display: block;}
.form-section .form-area .hbspt-form form li.hs-form-checkbox {margin-bottom: 4px;}
.form-section .form-area .hbspt-form form li.hs-form-checkbox label {margin-top: 0 !important; font-weight: normal !important;}
.form-section .form-area .hbspt-form form .radio-holder {display: block;}
.form-section .form-area .hbspt-form form .radio-holder input[type="radio"] {width: auto; margin-right: 3px;}
.form-section .form-area .hbspt-form form li.hs-form-radio {margin-bottom: 4px;}
.form-section .form-area .hbspt-form form li.hs-form-radio label {margin-top: 0 !important; font-weight: normal !important; text-transform: initial !important;}
.form-section .form-area .hbspt-form form input[type="text"],
.form-section .form-area .hbspt-form form input[type="tel"],
.form-section .form-area .hbspt-form form input[type="email"],
.form-section .form-area .hbspt-form form textarea {background-color: #F3FEFD; color: #402B3F; border-radius: 6px; min-height: 50px !important; font-size: 15px;}
.form-section .form-area .hbspt-form form .hs-input {color: #402B3F; font-weight: normal; font-size: 15px;}
.form-section .form-area .hbspt-form form fieldset.form-columns-2 .hs-form-field.hs_company {width: 100%; float: none;}
.form-section .form-area .hbspt-form form fieldset.form-columns-2 .hs-form-field.hs_company .hs-input {width: 100%;}
.form-section .form-area .hbspt-form select.hs-input {width: 100% !important;}
.form-section .form-area .hbspt-form form input[type="text"]:focus,
.form-section .form-area .hbspt-form form input[type="tel"]:focus,
.form-section .form-area .hbspt-form form input[type="email"]:focus,
.form-section .form-area .hbspt-form form textarea:focus {border-color: #402B3F;}
.form-section .form-area .hbspt-form form ::-webkit-input-placeholder {color: #402B3F;}
.form-section .form-area .hbspt-form form :-moz-placeholder {color: #402B3F; opacity: 1;}
.form-section .form-area .hbspt-form form ::-moz-placeholder {color: #402B3F; opacity: 1;}
.form-section .form-area .hbspt-form form :-ms-input-placeholder {color: #402B3F;}
.form-section .form-area .hbspt-form form textarea {height: 76px; width: calc(100% - 32px) !important;}
.form-section .form-area .hbspt-form form .actions {padding-top: 0; padding-bottom: 0;}
.form-section .form-area .hbspt-form form .actions input[type="submit"] {color: #ffffff !important; font-size: 18px !important; font-weight: 600 !important; padding: 15px 19px 16px !important; text-align: center; display: block !important; background-color: #E26334 !important; line-height: 1; border: none; border-radius: 30px; text-transform: uppercase !important; letter-spacing: 1.5px; font-family: 'Montserrat', sans-serif !important; text-shadow: none; min-width: 189px; margin: 0 auto;}
.form-section .form-area .hbspt-form form .actions input[type="submit"]:hover {background-color: #EDB658 !important; color: #5E3D5C !important;}
.form-section .form-area .hbspt-form form .hs_phone {margin-bottom: 0;}
/*.form-section .form-area .hbspt-form form .hs_website,
.form-section .form-area .hbspt-form form .hs_persona_segmentation_main,
.form-section .form-area .hbspt-form form .hs_persona_segmentation_other,
.form-section .form-area .hbspt-form form .hs_training_topic_segmentation,
.form-section .form-area .hbspt-form form .hs_private_public_segmentation,
.form-section .form-area .hbspt-form form .hs_how_did_you_hear_about_us_ {display: none;}*/
@media (max-width: 1199px) {
.form-section:before {display: none;}
.form-section .text-area h2 {font-size: 60px;}
}
@media (max-width: 991px) {
.form-section .text-area h2 {font-size: 50px;}
.form-section .form-area .hbspt-form form label {font-size: 14px !important;}
}
@media (max-width: 767px) {
.form-section {padding-top: 30px;}
.form-section .text-area h2 {font-size: 40px;}
.form-section .form-area {max-width: 500px; margin: 0 auto;}
.form-section .form-area form label {font-size: 18px;}
.form-section .form-area form legend {font-size: 18px;}
}
/*******************/
/* Modules > Logos */
/*******************/
.logos-section {background-color: #42797C; padding: 60px 0 70px; max-width: 100%; position: relative;}
.logos-section:before {content: ""; background-image: url('data:image/svg+xml,'); width: 74px; height: 73px; position: absolute; right: 75px; top: -35px;}
.logos-section .container {max-width: 1330px; padding: 0 30px;}
.logos-section .text-area {max-width: 1190px; margin: 0 auto;}
.logos-section .text-area h2 {margin-bottom: 50px; color: #FFCE7A;}
.logos-section .text-area p {margin: 50px 0 0; font-size: 20px;}
.logos-section .partner-row {margin: 0;}
.logos-section .partner-carousel {display: flex;}
.logos-section .icon-area {position: relative;}
.logos-section .icon-area .featured-icon {height: 110px; display: flex; align-content: center; padding: 0 25px; align-items: center; max-width: 250px; margin: 0 auto;}
.logos-section .icon-area .featured-icon img {margin: 0 auto; width: auto; height: auto; max-height: 110px; max-width: 100%;}
.logos-section .slick-prev,
.logos-section .slick-next {position: absolute; width: 30px; height: 30px; background: transparent; margin: 0 !important; text-align: center; line-height: 30px; top: 43%; font-size: 20px; z-index: 1; opacity: 1; border: none; padding: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; color: transparent; border-radius: 0; cursor: pointer;}
.logos-section .slick-prev {background-image: url('data:image/svg+xml,'); left: -30px;}
.logos-section .slick-next {background-image: url('data:image/svg+xml,'); right: -30px;}
@media (max-width: 991px) {
.logos-section {padding: 50px 0 60px;}
.logos-section .text-area h2 {text-align: center;}
.logos-section .slick-prev {left: -15px;}
.logos-section .slick-next {right: -15px;}
}
@media (max-width: 767px) {
.logos-section {padding: 40px 0 50px;}
}
/**************************/
/* Modules > Testimonials */
/**************************/
.testimonials-section {background-color: #563754; padding: 55px 70px 60px; position: relative; content-visibility: visible !important; position: relative;}
.testimonials-section .container {max-width: 954px;}
.testimonials-section .text-area h2 {margin-bottom: 15px; color: #ffffff; font-weight: 500;}
.testimonials-section .testimonials-carousel {background-color: #E26334;}
.testimonials-section .quote-area {background-color: #E26334; margin: 0 auto; padding: 45px 55px; min-height: 363px;}
.testimonials-section .quote-area .quote-holder {display: flex; justify-content: space-between;}
.testimonials-section .quote-area p {font-size: 17px; color: #ffffff; position: relative;}
.testimonials-section .quote-area p.quote {font-family: cheap-pine-sans, cheap-pine-sans-1, cheap-pine-sans-2, sans-serif; font-size: 60px; font-weight: normal !important; line-height: 1.1; max-width: 670px;}
.testimonials-section .quote-area.with-image p.quote {max-width: 360px;}
.testimonials-section .quote-area.quote-2.with-image p.quote {max-width: 450px;}
.testimonials-section .quote-area.quote-3.with-image p.quote {max-width: 450px; font-size: 50px;}
.testimonials-section .quote-area p.quote:before {content: "“"; position: absolute; left: -20px;}
.testimonials-section .quote-area p.author {margin: 0; font-weight: bold; font-family: 'Montserrat', sans-serif; text-transform: uppercase; max-width: 410px; line-height: 1.4;}
.testimonials-section .quote-area p.author:before {content: "-"; position: absolute; left: -15px;}
.testimonials-section .quote-area .image-area {min-width: 303px;}
.testimonials-section .slick-prev,
.testimonials-section .slick-next {position: absolute; width: 30px; height: 30px; background: transparent; margin: 0 !important; text-align: center; line-height: 30px; top: 43%; font-size: 20px; z-index: 1; opacity: 1; border: none; padding: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; color: transparent; border-radius: 0; cursor: pointer;}
.testimonials-section .slick-prev {background-image: url('data:image/svg+xml,'); left: -75px;}
.testimonials-section .slick-next {background-image: url('data:image/svg+xml,'); right: -75px;}
@media (max-width: 991px) {
.testimonials-section {padding: 75px 30px 65px;}
.testimonials-section .quote-area p.quote {font-size: 40px;}
.testimonials-section .quote-area.quote-3.with-image p.quote {font-size: 40px;}
.testimonials-section .slick-prev {left: -45px;}
.testimonials-section .slick-next {right: -45px;}
.testimonials-section .quote-area .image-area {min-width: 250px;}
}
@media (max-width: 767px) {
.testimonials-section {padding: 50px 15px 40px;}
.testimonials-section .quote-area .image-area {min-width: 200px; margin-bottom: 20px;}
.testimonials-section .quote-area .quote-holder {flex-direction: column-reverse; align-items: center;}
.testimonials-section .quote-area p.quote {font-size: 35px;}
.testimonials-section .quote-area.quote-3.with-image p.quote {font-size: 35px;}
.testimonials-section .quote-area p {font-size: 16px;}
.testimonials-section .slick-prev {left: -35px;}
.testimonials-section .slick-next {right: -35px;}
}
@media (max-width: 500px) {
.testimonials-section .quote-area p.quote {font-size: 30px;}
.testimonials-section .quote-area.quote-3.with-image p.quote {font-size: 30px;}
.testimonials-section .quote-area p {font-size: 15px;}
}
/**************************/
/* Modules > Wide Content */
/**************************/
.wide-section {padding: 0; background-color: #d8d8dc;}
.wide-section.bg-grey {background-color: #F4F4F4;}
.wide-section .content-holder {padding: 50px 0;}
.wide-section.bg-grey .content-holder {background-color: #F4F4F4;}
.wide-section.bg-white .content-holder {background-color: #ffffff;}
.wide-section.with-background .content-holder {background-repeat: no-repeat; background-position: top center; background-size: cover;}
.wide-section .text-area {background-color: #563754; padding: 45px 50px 55px;}
.wide-section .text-area h2 {color: #FFCE7A; max-width: 950px; font-family: cheap-pine-sans, cheap-pine-sans-1, cheap-pine-sans-2, sans-serif; font-size: 70px; font-weight: normal !important;}
.wide-section .text-area p {color: #ffffff;}
.wide-section .text-area .button-area {margin-top: 35px; background-image: url('data:image/svg+xml,'); width: 100%; max-width: 350px; height: 65px; background-position: right center; background-repeat: no-repeat; padding: 10px 0;}
.wide-section.with-image .content-holder {padding-left: 125px;}
.wide-section.with-image .container {max-width: 1078px;}
.wide-section.with-image .imagetext-holder {display: flex;}
.wide-section .imagetext-holder .image-area {position: absolute; left: -150px; min-width: 353px; top: 50%; transform: translateY(-50%);}
.wide-section.with-image .imagetext-holder .text-area {padding-left: 235px;}
.wide-section.left-align {text-align: left;}
.wide-section.center-align {text-align: center;}
.wide-section.center-align .text-area h2 {margin-left: auto; margin-right: auto; text-align: center;}
.wide-section.center-align .text-area p {text-align: center;}
@media (max-width: 1199px) {
.wide-section.with-image .content-holder {padding-left: 150px;}
.wide-section .text-area h2 {font-size: 60px;}
}
@media (max-width: 991px) {
.wide-section.with-image .content-holder {padding-left: 0; padding-top: 200px;}
.wide-section.with-image .imagetext-holder {display: flex; flex-direction: column;}
.wide-section.with-image .imagetext-holder .text-area {padding-left: 50px;}
.wide-section .imagetext-holder .image-area {position: static; min-width: initial; transform: none; left: 0; top: 0; width: 100%; display: flex; justify-content: center; background-color: #402b3f;}
.wide-section .imagetext-holder .image-area img {margin-top: -150px;}
.wide-section .text-area h2 {font-size: 50px;}
}
@media (max-width: 767px) {
.wide-section .text-area h2 {font-size: 40px;}
.wide-section .text-area {padding: 20px 25px 30px;}
.wide-section.with-image .imagetext-holder .text-area {padding-left: 25px;}
.wide-section .imagetext-holder .image-area img {max-width: 80%;}
}
/**********/
/* Footer */
/**********/
section.zcobbar {padding: 0;}
section.zcobbar ul li {margin-bottom: 0;}
/********************/
/* Link Transitions */
/********************/
/* Background color, font color, border color */
a,
a:before,
a:after,
a .fa,
a span,
a span:before,
a span:after,
a h2,
a h3,
a h4,
a h5,
a h6,
a p,
a img,
a span,
button,
button span,
button span:after,
.slick-prev,
.slick-next,
.slick-prev:before,
.slick-next:before,
form input[type="submit"],
.cta-section .form-area .hbspt-form form .actions input[type="submit"],
.form-section .form-area .hbspt-form form .actions input[type="submit"],
form button {-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;}
a .fa {-webkit-transition: background-color 0s ease-in-out, color 0s ease-in-out, border-color 0s ease-in-out; -o-transition: background-color 0s ease-in-out, color 0s ease-in-out, border-color 0s ease-in-out; transition: background-color 0s ease-in-out, color 0s ease-in-out, border-color 0s ease-in-out;}
.blogscroller-section .news-area a h3:before {-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/***********/
/* Columns */
/***********/
.row {display: flex;}
.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%}
@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%}
}
@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%}
}
@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%}
}
/* Order */
.row.order-row {display: flex; flex-direction: column;}
.row.order-row .text-area {padding-top: 0;}
.flexit {display: flex; flex-wrap: wrap;}
.flexit.switchit,
.row.order-row.flexit.switchit {flex-direction: row-reverse;}
.order-first {order: -1;}
.order-last {order: 13;}
.order-0 {order: 0;}
.order-1 {order: 1;}
.order-2 {order: 2;}
.order-3 {order: 3;}
.order-4 {order: 4;}
.order-5 {order: 5;}
.order-6 {order: 6;}
.order-7 {order: 7;}
.order-8 {order: 8;}
.order-9 {order: 9;}
.order-10 {order: 10;}
.order-11 {order: 11;}
.order-12 {order: 12;}
@media (min-width: 480px) {
.order-xs-first {order: -1;}
.order-xs-last {order: 13;}
.order-xs-0 {order: 0;}
.order-xs-1 {order: 1;}
.order-xs-2 {order: 2;}
.order-xs-3 {order: 3;}
.order-xs-4 {order: 4;}
.order-xs-5 {order: 5;}
.order-xs-6 {order: 6;}
.order-xs-7 {order: 7;}
.order-xs-8 {order: 8;}
.order-xs-9 {order: 9;}
.order-xs-10 {order: 10;}
.order-xs-11 {order: 11;}
.order-xs-12 {order: 12;}
}
@media (min-width: 576px) {
.order-sm-first {order: -1;}
.order-sm-last {order: 13;}
.order-sm-0 {order: 0;}
.order-sm-1 {order: 1;}
.order-sm-2 {order: 2;}
.order-sm-3 {order: 3;}
.order-sm-4 {order: 4;}
.order-sm-5 {order: 5;}
.order-sm-6 {order: 6;}
.order-sm-7 {order: 7;}
.order-sm-8 {order: 8;}
.order-sm-9 {order: 9;}
.order-sm-10 {order: 10;}
.order-sm-11 {order: 11;}
.order-sm-12 {order: 12;}
}
@media (min-width: 768px) {
.footer .row.order-row {flex-direction: row;}
.order-md-first {order: -1;}
.order-md-last {order: 13;}
.order-md-0 {order: 0;}
.order-md-1 {order: 1;}
.order-md-2 {order: 2;}
.order-md-3 {order: 3;}
.order-md-4 {order: 4;}
.order-md-5 {order: 5;}
.order-md-6 {order: 6;}
.order-md-7 {order: 7;}
.order-md-8 {order: 8;}
.order-md-9 {order: 9;}
.order-md-10 {order: 10;}
.order-md-11 {order: 11;}
.order-md-12 {order: 12;}
}
@media (min-width: 992px) {
.row.order-row {flex-direction: row; align-items: center;}
.order-lg-first {order: -1;}
.order-lg-last {order: 13;}
.order-lg-0 {order: 0;}
.order-lg-1 {order: 1;}
.order-lg-2 {order: 2;}
.order-lg-3 {order: 3;}
.order-lg-4 {order: 4;}
.order-lg-5 {order: 5;}
.order-lg-6 {order: 6;}
.order-lg-7 {order: 7;}
.order-lg-8 {order: 8;}
.order-lg-9 {order: 9;}
.order-lg-10 {order: 10;}
.order-lg-11 {order: 11;}
.order-lg-12 {order: 12;}
.offset-lg-0 {margin-left: 0;}
}
@media (min-width: 1200px) {
.order-xl-first {order: -1;}
.order-xl-last {order: 13;}
.order-xl-0 {order: 0;}
.order-xl-1 {order: 1;}
.order-xl-2 {order: 2;}
.order-xl-3 {order: 3;}
.order-xl-4 {order: 4;}
.order-xl-5 {order: 5;}
.order-xl-6 {order: 6;}
.order-xl-7 {order: 7;}
.order-xl-8 {order: 8;}
.order-xl-9 {order: 9;}
.order-xl-10 {order: 10;}
.order-xl-11 {order: 11;}
.order-xl-12 {order: 12;}
}
/*****************/
/* Magnific v1.1 */
/*****************/
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}