/****/ html { overflow-x: hidden; } body { overflow-x: hidden; } a:hover, a:focus, a:active { -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; outline: none !important; color: var(--halpes-theme-color); } input:hover, input:focus, input:active, select:hover, select:focus, select:active, textarea:hover, textarea:focus, textarea:active { outline: none !important; } img { border: 0; vertical-align: top; max-width: 100%; height: auto; } .video-responsive { height: 0; padding-top: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; } .video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } .body-page input[type="text"], .body-page input[type="tel"], .body-page input[type="password"], .body-page input[type="email"], .body-page textarea, .body-page select { background-color: #f7f7f9; border: 0; padding: 9px 12px; } @media (max-width: 575.98px) { .body-page input[type="text"], .body-page input[type="tel"], .body-page input[type="password"], .body-page input[type="email"], .body-page textarea, .body-page select { min-height: auto; } } .body-page input[type="text"]:focus, .body-page input[type="text"]:active, .body-page input[type="text"]:hover, .body-page input[type="tel"]:focus, .body-page input[type="tel"]:active, .body-page input[type="tel"]:hover, .body-page input[type="password"]:focus, .body-page input[type="password"]:active, .body-page input[type="password"]:hover, .body-page input[type="email"]:focus, .body-page input[type="email"]:active, .body-page input[type="email"]:hover, .body-page textarea:focus, .body-page textarea:active, .body-page textarea:hover, .body-page select:focus, .body-page select:active, .body-page select:hover { outline: none; } .body-page select { margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-color: #f7f7f9; display: inline-block; font: inherit; line-height: 1.5em; padding: 10px 25px 10px 12px; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%); background-position: calc(100% - 15px) calc(50% + 1px), calc(100% - 10px) calc(50% + 1px); background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; } h1, h2, h3, h4, h5, h6 { margin-top: 15px; margin-bottom: 20px; } .label { color: #000 !important; } .list-menu ul li { list-style: none; padding: 15px 2px; font-size: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .list-menu ul li:last-child { border-bottom: none; } ul { margin: 0; padding-left: 30px; } ul ul { padding-left: 20px; } ul li { list-style: inherit; } ul li i { margin-right: 3px; font-size: 16px; min-width: 20px; text-align: center; } .item-list ul li { margin-left: 0; } ul.menu > li { position: relative; padding: 4px 0; } ul.feature-list > li { position: relative; margin-bottom: 5px; font-size: 18px; font-weight: 900; color: var(--body-link-color); } ul.feature-list > li:before { content: "\f35a"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 14px; line-height: 1; margin-right: 10px; padding-bottom: 2px; z-index: 1; color: var(--halpes-theme-color); } ul.inline > li { display: inline-block; margin-left: 5px; } ul.inline.social > li { margin-left: 15px; } table { width: 100%; margin-bottom: 20px; border: 1px solid #dee2e6; } table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td { border-color: #dee2e6; border-width: 1px 1px 1px 0; border-style: solid; } table > thead > tr > th, table > thead > tr > td { border-bottom-width: 2px; } .no-padding { padding: 0 !important; } a.disable { pointer-events: none; cursor: default; } /************************* Pagination ************************/ .pager .paginations { border-radius: 5px; display: inline-block; margin: 0 30px; padding: 4px 3px; } .pager .paginations a { border: 1px solid #dee2e6; font-weight: 700; display: inline-block; height: 35px; line-height: 34px; margin: 0 1px; text-align: center; width: 35px; margin-right: 10px; } .pager .paginations a:last-child { margin-right: 0; } .pager .paginations a.active { background: var(--halpes-theme-color); border-color: var(--halpes-theme-color); color: #fff; } .pager { padding-left: 0; list-style: none; text-align: center; } .pager ul { padding-left: 0; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #dee2e6; font-weight: 400; } .pager li > a:hover { color: #fff; background: var(--halpes-theme-color); } .pager li.is-active > a { background-color: var(--halpes-theme-color); border-color: var(--halpes-theme-color); color: #fff; } .breadcrumb-content-inner { margin-bottom: 50px; } .breadcrumb-content-inner .gva-breadcrumb-content .page-title { font-size: 45px; z-index: 1; position: relative; margin: 0px auto; max-width: 1200px; padding: 0 15px; } @media (max-width: 1199px) { .breadcrumb-content-inner .gva-breadcrumb-content .page-title { font-size: 36px; } } @media (max-width: 1024px) { .breadcrumb-content-inner .gva-breadcrumb-content .page-title { font-size: 28px; } } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style { padding: 100px 0 95px; position: relative; background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; } @media (max-width: 1024px) { .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style { padding: 70px 0 80px; } } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style:before { content: ""; background-color: rgba(17, 22, 31, 0.5); position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style .breadcrumb-content-main { z-index: 2; } .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .page-title, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light .page-title { color: #fff; } .breadcrumb-content-inner .gva-breadcrumb-content .breacrumb-link-content { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } .breadcrumb-content-inner .gva-breadcrumb-content .breacrumb-link-content > div { max-width: 1200px; padding: 0 15px; margin: 0 auto; } .breadcrumb-content-inner .gva-breadcrumb-content .breacrumb-link-content > div:before, .breadcrumb-content-inner .gva-breadcrumb-content .breacrumb-link-content > div:after { content: " "; display: table; } .breadcrumb-content-inner .gva-breadcrumb-content .breacrumb-link-content > div:after { clear: both; } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links { position: relative; float: right; background: #fff; } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb { display: block; } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb ol { padding: 15px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; } @media (max-width: 1024px) { .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb ol { padding: 10px 15px; } } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li { font-size: 16px; font-weight: 800; color: var(--halpes-theme-color); text-transform: capitalize; } @media (max-width: 1024px) { .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li { font-size: 14px; } } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li a { color: var(--body-link-color); } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li a:hover { color: var(--halpes-theme-color); } .breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb .line { color: #a9a9a9; margin-right: 8px; } nav.breadcrumb { margin-bottom: 0 !important; background: none; color: #999999; } nav.breadcrumb ol { list-style: none; margin-bottom: 0 !important; padding: 0; } nav.breadcrumb ol:before, nav.breadcrumb ol:after { content: " "; display: table; } nav.breadcrumb ol:after { clear: both; } nav.breadcrumb ol > li { float: left; font-size: 13px; } nav.breadcrumb ol > li a { color: #999999; } nav.breadcrumb ol > li a:hover { color: var(--halpes-theme-color); } nav.breadcrumb ol > li span { padding: 0 0 0 5px; } pre { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; margin: 30px 0; } .drupal-message { background: #CDCDCD; max-width: 1170px; margin: 0 auto; position: fixed; z-index: 99; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-height: 50%; overflow: auto; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -webkit-transition-delay: 4px; transition-delay: 4px; } .drupal-message .messages__wrapper { padding: 2px 30px 2px 15px; } .messages:first-child { margin-top: 12px !important; } .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { color: #fff; } .hidden { display: none !important; } .pull-left { float: left; } .pull-right { float: right; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } @media (max-width: 575px) { .hidden-xs { display: none !important; } } @media (min-width: 576px) and (max-width: 767px) { .hidden-sm { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md { display: none !important; } } @media (max-width: 1024px) and (min-width: 992px) { .hidden-lg { display: none !important; } } @media (max-width: 480px) { .d-small-none { display: none !important; } } @media (max-width: 325px) { .col-6 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (max-width: 510px) { .col-2, .col-3, .col-4, .col-5 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .nav-tabs, .topbar ul, ul.contact-info, ul.menu { list-style: none !important; padding-left: 0; } .node--view-mode-full p { margin-top: 0; margin-bottom: 10px; } @font-face { font-family: 'Reey'; src: url("../fonts/reey/reey-regular.ttf") format("ttf"), url("../fonts/reey/reey-regular.woff") format("woff"), url("../fonts/reey/reey-regular.eot") format("eot"), url("../fonts/reey/reey-regular.otf") format("otf"), url("../fonts/reey/reey-regular.svg") format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'flaticon'; src: url("../fonts/icon/flaticon.eot"); src: url("../fonts/icon/flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/icon/flaticon.woff2") format("woff2"), url("../fonts/icon/flaticon.woff") format("woff"), url("../fonts/icon/flaticon.ttf") format("truetype"), url("../fonts/icon/flaticon.svg#flaticon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: 'flaticon'; src: url("../fonts/icon/flaticon.svg#flaticon") format("svg"); } } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: flaticon; font-style: normal; } [class^="flaticon-"], [class*=" flaticon-"] { line-height: 1; display: inline-block; } .flaticon-selection:before { content: "\f100"; } .flaticon-delete:before { content: "\f101"; } .flaticon-exploration:before { content: "\f102"; } .flaticon-magnifying-glass:before { content: "\f103"; } .flaticon-heart:before { content: "\f104"; } .flaticon-clipboard:before { content: "\f105"; } .flaticon-quote:before { content: "\f106"; } .flaticon-focus:before { content: "\f107"; } .flaticon-left-arrow-1:before { content: "\f108"; } .flaticon-right-arrow-1:before { content: "\f109"; } .flaticon-left-arrow-2:before { content: "\f10a"; } .flaticon-right-arrow-2:before { content: "\f10b"; } .flaticon-checked:before { content: "\f10c"; } .flaticon-check:before { content: "\f10d"; } .flaticon-comment:before { content: "\f10e"; } .flaticon-star:before { content: "\f10f"; } .flaticon-plus:before { content: "\f110"; } .flaticon-support:before { content: "\f111"; } .flaticon-phone:before { content: "\f112"; } .flaticon-phone-call:before { content: "\f113"; } .flaticon-message:before { content: "\f114"; } .flaticon-message-1:before { content: "\f115"; } .flaticon-email:before { content: "\f116"; } .flaticon-shopping-cart:before { content: "\f117"; } .flaticon-chat:before { content: "\f118"; } .flaticon-address:before { content: "\f119"; } .flaticon-coin:before { content: "\f11a"; } .flaticon-college-graduation:before { content: "\f11b"; } .flaticon-graduation:before { content: "\f11c"; } .flaticon-charity:before { content: "\f11d"; } .flaticon-fundraiser:before { content: "\f11e"; } .flaticon-water:before { content: "\f11f"; } .flaticon-health-check:before { content: "\f120"; } .flaticon-generous:before { content: "\f121"; } .flaticon-heart-1:before { content: "\f122"; } .flaticon-fast-food:before { content: "\f123"; } .flaticon-maternity:before { content: "\f124"; } .flaticon-dove:before { content: "\f125"; } .flaticon-cheque:before { content: "\f126"; } .flaticon-donation:before { content: "\f127"; } .flaticon-handshake:before { content: "\f128"; } .flaticon-charity-1:before { content: "\f129"; } .flaticon-adoption:before { content: "\f12a"; } .flaticon-donation-1:before { content: "\f12b"; } html { overflow-x: hidden; } body { overflow-x: hidden; font-size: 16px; } body div.body-page { background: #fff; } body.boxed { max-width: 1440px; margin: 0 auto; -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15); background-color: #efefef; } body.logged-in.toolbar-horizontal .header-v1 { top: 39px; } @media (max-width: 1024px) { body.logged-in.toolbar-horizontal .header-v1 { top: 0; } } .area.slideshow_content .block { margin-bottom: 0; } .area-panel { padding: 30px 0; } .promotion { padding: 0; margin-bottom: 0; } #page-main-content { min-height: 360px; } @media (max-width: 575.98px) { #page-main-content { min-height: 100px; } } .main-menu .area-main-menu .area-inner .block { margin-bottom: 0; } .sidebar { position: relative; } body.hidden-footer .footer-center { display: none !important; } .footer { font-size: 16px; color: var(--footer-color); background: url("../images/bg-footer.jpg") no-repeat top left var(--footer-bg-color); background-attachment: scroll; background-size: cover; line-height: 32px; } .footer a:not(.btn-theme) { color: var(--footer-link-color); } .footer a:not(.btn-theme):hover, .footer a:not(.btn-theme):focus { color: var(--footer-link-color-hover); } .footer ul.menu, .footer ul.contact-info { margin: 0; padding: 0; } .footer ul.menu > li, .footer ul.contact-info > li { display: block; width: 100%; } .footer ul.menu > li > a, .footer ul.contact-info > li > a { -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .footer ul.menu > li > a:hover, .footer ul.contact-info > li > a:hover { color: var(--footer-link-color-hover); } .footer .footer-center { padding: 120px 0 90px; } @media (max-width: 767.98px) { .footer .footer-center { padding: 70px 0 40px; } } @media (max-width: 767.98px) { .footer .footer-center .about-info { margin-bottom: 45px; } .footer .footer-center .block .block-title { margin-bottom: 20px; } } .footer .block { padding-bottom: 0; margin-bottom: 0; } .footer .block .block-title { color: #fff; font-size: 22px; line-height: 1; margin-bottom: 25px; margin-top: 0; } .footer .text-copyright { text-align: right; } @media (max-width: 767px) { .footer .text-copyright { text-align: center; } } @media (max-width: 767px) { .footer .gsc-socials { text-align: center; } } .footer-top .block { margin-bottom: 0; } .copyright .copyright-inner { border-top: 1px solid #2D313E; padding: 30px 0; } .copyright .copyright-inner a { color: var(--footer-link-color); } .copyright .copyright-inner .block { margin-bottom: 0; } .contact-info__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .contact-info__item:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; } .contact-info__item .title { font-size: 14px; font-weight: 700; margin: 0 0 5px; color: #afb2c0; } .contact-info__item .desc { color: #fff; font-size: 16px; line-height: 1; font-weight: 800; } .contact-info__title { font-size: 22px; line-height: 1; color: #fff; margin: 0 0 30px; } .contact-info__icon { margin-right: 15px; width: 30px; font-size: 30px; line-height: 1; color: var(--halpes-theme-color); -webkit-box-flex: 0; -ms-flex: 0 0 25px; flex: 0 0 25px; -webkit-transition: all 0.35s; transition: all 0.35s; } .contact-info__item:hover .contact-info__icon { color: var(--halpes-theme-color); } .menu--footer ul li { padding-bottom: 10px; } .topbar { font-size: 14px; font-weight: 700; line-height: 1; position: relative; z-index: 11; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .topbar__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: var(--topbar-color); padding: 12px 30px; } .topbar__content a { color: var(--topbar-link-color); } .topbar__content a:hover, .topbar__content a:focus { color: var(--topbar-link-color-hover); } .topbar__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } @media (max-width: 860px) { .topbar__left { display: none; } } .topbar__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } @media (max-width: 860px) { .topbar__right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .topbar ul { margin: 0 !important; } .topbar .region .block { margin: 0 20px 0 0 !important; } .topbar .region .block:last-child { margin-right: 0 !important; } .region__topbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .region__topbar-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-branding-logo { max-width: 135px; display: inline-block; } .header-one { background: var(--body-link-color); } .header-one__top .header-one__inner { padding: 15px 0; } @media (max-width: 1024px) { .header-one__top .header-one__inner { padding: 5px 0; } } .header-one__content { padding: 0 15px; } .header-one__content.stuck { background: #fff; } .header-one__inner { max-width: 1200px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .header-one__branding { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } @media (max-width: 991px) { .header-one__branding { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 15px; } } .header-one__branding .logo-default { display: none; } .header-one__branding .logo-default.logo-white { display: inline-block !important; } .header-one__top-right { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; padding-right: 150px; } @media (max-width: 991px) { .header-one__top-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0; } } .header-one__top-right .header-button { position: absolute; right: 0; bottom: 0; z-index: 10; } @media (max-width: 1024px) { .header-one__top-right .header-button { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: auto; } } .header-one__main { position: relative; z-index: 10; } @media (min-width: 1025px) { .header-one__main { margin-bottom: -40px; } } .header-one__main .header-one__inner { background: #fff; padding: 10px 35px; position: relative; } @media (max-width: 1024px) { .header-one__main .header-one__inner { padding: 10px 15px; } } @media (max-width: 1024px) { .header-one__main .header-one__content { padding: 0; } } .header-one__main-menu { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } @media (max-width: 1024px) { .header-one__main-menu { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; } } @media (min-width: 1024px) { .header-one__main-menu .navigation:not(.menu--account) .gva_menu > li { padding-top: 15px; padding-bottom: 15px; } .header-one__main-menu .navigation:not(.menu--account) .gva_menu > li:first-child { padding-left: 0; } } .header-one__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-one__right > div { margin-left: 30px; } .header-one__right > div:first-child { margin-left: 0; } @media (max-width: 767px) { .header-one__right > div { margin-left: 20px; } } .header-one__right .topbar-social { padding-right: 30px; border-right: 1px solid #e5eeec; } @media (max-width: 1024px) { .header-one__right .topbar-social { display: none; } } .header-one #menu-bar { right: auto; left: 15px; } .header-button a { padding: 12px 24px; font-size: 14px; font-weight: 800; color: #fff; } .header-button a i { font-size: 12px; margin-right: 5px; } .topbar__two { padding: 10px 0; } .topbar__two .topbar__content { padding: 0 15px; max-width: 1200px; margin: 0 auto; } .topbar__two .header-button { padding-left: 30px; margin-left: 30px; border-left: 1px solid #e5eeec; } @media (max-width: 767px) { .topbar__two .header-button { display: none; } } .header-two { position: relative; background: #fff; z-index: 99; } .header-two__main { background: #fff; } .header-two__content { padding: 0 15px; max-width: 1200px; margin: 0 auto; } .header-two__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .header-two__branding { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } @media (max-width: 991px) { .header-two__branding { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; padding-right: 15px; } } .header-two__main-menu { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 120px); flex: 0 0 calc(100% - 120px); } @media (min-width: 1025px) { .header-two__main-menu .navigation:not(.menu--account) .gva_menu { float: none; text-align: right; } } .header-two__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; } @media (max-width: 991px) { .header-two__right { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } } .header-two__right > div { margin-left: 30px; } .header-two__right > div:first-child { margin-left: 0; } .header-two #menu-bar { right: 65px; } .topbar__three { background: var(--topbar-bg-color); } .topbar__three .topbar__content { padding: 12px 60px; } @media (max-width: 1600px) { .topbar__three .topbar__content { padding-left: 30px; padding-right: 30px; } } .topbar__three .topbar__content a { color: var(--topbar-color); } .topbar__three .search-one__box { padding-left: 30px; margin-left: 30px; border-left: 1px solid #e5eeec; } .topbar__three .search-one__icon { font-size: 24px; } .header-three { background: #fff; } .header-three .logo-default { display: none; } .header-three .logo-default.logo-white-2 { display: inline-block !important; } .header-three__main { max-width: 1920px; margin: 0 auto; } .header-three__main-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1024px) { .header-three__main-inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .header-three__left { background: var(--halpes-theme-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1025px) { .header-three__left { -webkit-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; } } @media (max-width: 1024px) { .header-three__left { padding: 0 15px; } } .header-three__main-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-three__main-menu .gva-offcanvas-mobile { -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; } @media (max-width: 1350px) { .header-three__main-menu .gva-offcanvas-mobile { -webkit-box-flex: 0; -ms-flex: 0 0 68%; flex: 0 0 68%; } } .header-three__main-menu__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1350px) { .header-three__main-menu__right { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; } } @media (min-width: 1024px) and (min-width: 1601px) { .header-three__main-menu .navigation .gva_menu { padding-left: 60px; } } @media (min-width: 1024px) and (max-width: 1600px) { .header-three__main-menu .navigation .gva_menu { padding-left: 30px; } } @media (min-width: 1024px) { .header-three__main-menu .navigation .gva_menu > li:first-child { padding-left: 0; } } @media (min-width: 1024px) and (max-width: 1199px) { .header-three__main-menu .navigation .gva_menu > li { padding-left: 8px; padding-right: 8px; } } .header-three__right { background: #fff; } @media (min-width: 1025px) { .header-three__right { -webkit-box-flex: 0; -ms-flex: 0 0 85%; flex: 0 0 85%; } } @media (max-width: 1024px) { .header-three .search-one__icon { top: 15px; } } .header-three .gva-cart-region { padding-left: 30px; } @media (max-width: 1024px) { .header-three .gva-cart-region { padding-left: 15px; padding-right: 25px; top: 15px; position: relative; } } .header-three .header-information { margin-left: 40px; max-width: 40%; width: 100%; } @media (max-width: 1350px) { .header-three .header-information { display: none; } } .header-three .header-button { padding: 26px 60px; } @media (max-width: 1600px) { .header-three .header-button { padding: 26px 30px; } } .header-three .stuck { background: #fff; } .header-three #menu-bar { right: 39px; } .header-four { position: relative; background: #fff; z-index: 99; -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .header-four__content { padding: 0 15px; max-width: 1200px; margin: 0 auto; } .header-four__main-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-four__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 88%; flex: 0 0 88%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .header-four__left { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); width: calc(100% - 100px); } } .header-four__branding { margin-right: 35px; } .header-four__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; -webkit-box-flex: 0; -ms-flex: 0 0 12%; flex: 0 0 12%; } @media (max-width: 1024px) { .header-four__right { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; padding-right: 40px; } } .header-four__right > div { margin-right: 25px; } .header-four__right > div:last-child { margin-right: 0; } .header-four .stuck { background: #fff; } header .site-branding-logo { padding: 10px 0 10px; display: inline-block; height: auto; } header .site-branding-logo img { max-width: 100%; } header .block { overflow: visible; margin-bottom: 0; } .search-one__box { position: relative; } .search-one__icon { font-size: 22px; color: var(--topbar-color); position: relative; top: 2px; } .search-one__icon:hover { cursor: pointer; color: var(--halpes-theme-color); } .search-one__content { display: none; width: 250px; position: absolute; top: 100%; right: -35px; margin-top: 16px; z-index: 99; background: #fff; padding: 15px; -webkit-box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.8); box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.8); border: 1px solid rgba(0, 0, 0, 0.06); } .search-one__content:after { content: ''; border: 10px solid transparent; border-bottom-color: #fff; position: absolute; bottom: 100%; right: 35px; } @media (max-width: 1250px) { .search-one__content { right: 0; } } @media (max-width: 767px) { .search-one__content { width: 200px; } .search-one__content:after { right: 10px; } } .search-one__box.style-white .search-one__icon { color: #fff; } .search-one__box.show .search-one__content { display: block; } .quick-side-icon { z-index: 1; width: 34px; height: 34px; text-align: center; line-height: 32px; -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.35s; transition: all 0.35s; } .quick-side-icon .qicon { font-size: 20px; line-height: 34px; color: #000; display: block; -webkit-transition: all 0.35s; transition: all 0.35s; } .quick-side-icon .qicon:hover { background: var(--halpes-theme-color); color: #fff; } .quick-side-icon.style-white .qicon { background: var(--halpes-theme-color); color: #fff; } .gva-quick-side { position: fixed; width: 350px; top: 0; right: -355px; z-index: 99; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background: #fff; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-align: left; padding: 20px 30px; overflow-x: hidden; height: 100%; } @media (max-width: 355px) { .gva-quick-side { width: 100%; } } .gva-quick-side .quick-side-close { margin-bottom: 15px; font-size: 18px; display: inline-block; } .gva-quick-side .content-inner .block { text-align: left; } .gva-quick-side .content-inner .block .block-title { text-align: left; font-weight: 700; } .gva-quick-side .content-inner .block .block-title:after { left: 0; } .gva-quick-side .content-inner ul { width: 100%; } .gva-quick-side .content-inner ul > li { display: block; width: 100%; margin-bottom: 10px; } .gva-quick-side .content-inner ul > li:last-child { border-bottom: none; } .gva-quick-side .content-inner ul > li .post-block .post-content .post-title { font-size: 14px; } .gva-quick-side .content-inner ul.gva_menu li a { font-size: 13px; } .gva-quick-side .block { border-bottom: 1px solid #dee2e6; margin-bottom: 30px; padding-bottom: 30px; float: left; width: 100%; } .gva-quick-side.open { right: 0; width: 352px; } body.logged-in.toolbar-horizontal .gva-quick-side { padding-top: 90px; } .gv-sticky-menu { position: static; top: -75px; -webkit-transition: all 0.25s; transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; } .stuck { position: fixed !important; top: 0; left: 0; z-index: 99 !important; width: 100%; -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.35s; transition: all 0.35s; } @media (min-width: 992px) { .sticky-is-hidden .stuck { top: -200px; } .sticky-is-show .stuck { -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1); top: 0; } } .topbar-info { font-size: 16px; } .topbar-info__list { list-style: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .topbar-info__item { padding-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .topbar-info__item:first-child { padding-left: 0; } .topbar-info__item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .topbar-info__item i { margin-right: 5px; font-size: 14px; color: var(--topbar-color-icon); } .topbar-social a { display: inline-block; width: 36px; height: 36px; background: #e5eeec; color: var(--body-link-color); border-radius: 50%; text-align: center; line-height: 38px; font-size: 14px; margin-left: 5px; } .topbar-social a:first-child, .topbar-social a:hover { background: var(--halpes-theme-color); color: #fff; } .block-dropdown-language { position: relative; z-index: 12; min-height: 24px; min-width: 110px; } .block-dropdown-language:before, .block-dropdown-language:after { content: " "; display: table; } .block-dropdown-language:after { clear: both; } .block-dropdown-language .dropbutton-wrapper { position: relative; } .block-dropdown-language .dropbutton-wrapper:hover { cursor: pointer; } .block-dropdown-language .dropbutton-wrapper ul.dropbutton { position: absolute; top: -5px; right: 0; display: inline-block; float: right; z-index: 9; padding: 5px 30px 5px 35px; } .block-dropdown-language .dropbutton-wrapper ul.dropbutton:after { content: "\f0ac"; font-family: "Font Awesome 6 Free"; left: 10px; top: 4px; position: absolute; z-index: 1; color: var(--halpes-theme-color); font-weight: 900; font-size: 16px; } .block-dropdown-language .dropbutton-wrapper ul.dropbutton > li a { text-align: right; } .block-dropdown-language .dropbutton-wrapper ul.dropbutton > li.dropbutton-toggle .dropbutton-arrow { margin-top: -2px; border-width: 5px; border-top-color: var(--body-color); } .block-dropdown-language .dropbutton-wrapper.open { background: #fff; padding-top: 5px; } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton { -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); border-radius: 3px; background: #fff; } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton > li { color: #000; padding: 4px 0; font-size: 14px; } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton > li:first-child { padding-top: 0; } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton > li > a { color: #000; } .block-dropdown-language .dropbutton-wrapper.open ul.dropbutton > li > a:hover { color: var(--halpes-theme-color) !important; } .block-dropdown-language .dropbutton-wrapper.open .dropbutton-arrow { margin-top: 1px !important; border-top-color: transparent !important; } .topbar-links { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; padding: 0; } .topbar-links > li a i { color: var(--topbar-link-color); } .topbar-links > li a:hover i, .topbar-links > li a:focus i { color: var(--halpes-theme-color); } .topbar-links > li + li { padding-left: 20px; } .header-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-info__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-info__item .title { font-size: 14px; font-weight: 700; margin: 0 0 5px; color: #afb2c0; } .header-info__item .desc { color: #fff; font-size: 16px; line-height: 1; font-weight: 800; } @media (max-width: 767px) { .header-info__item .desc { font-size: 13px; } } .header-info__item + .header-info__item { padding-left: 30px; margin-left: 30px; border-left: 1px solid #363945; } .header-info__icon { margin-right: 15px; margin-top: 5px; width: 36px; font-size: 32px; line-height: 1; color: var(--halpes-theme-color); -webkit-box-flex: 0; -ms-flex: 0 0 36px; flex: 0 0 36px; display: inline-block; } .header-information { padding: 20px; background: #eff5f4; } .header-information .header-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-information .header-icon { width: 57px; height: 57px; text-align: center; line-height: 57px; background: #fff; color: var(--halpes-theme-color); font-size: 32px; border-radius: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 57px; flex: 0 0 57px; margin-right: 10px; } .header-information .title { font-size: 14px; font-weight: 700; margin: 0 0 5px; } .header-information .title a { color: var(--body-color); } .header-information .text { font-size: 18px; line-height: 1; font-weight: 800; color: var(--body-link-color); } /* #Block grid --------------------------------------------------------------- */ .item-columns { padding: 0 15px; } [class*="block-grid-"] { display: block; margin: 0 -15px; padding: 0; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { display: table; content: " "; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > div { display: block; float: left; height: auto; padding: 0 15px; width: 100%; } [class*="block-grid-"] > div:after { display: block; } @media (min-width: 480px) { .xs-block-grid-1 > div { width: 100%; } .xs-block-grid-1 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-1 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-1 > div:nth-of-type(1n+1) { clear: both; } .xs-block-grid-1 > div:nth-of-type(1n+1):after { display: none; } .xs-block-grid-1 > div:nth-last-child(-n+1):before { content: none; } .xs-block-grid-2 > div { width: 50%; } .xs-block-grid-2 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-2 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-2 > div:nth-of-type(2n+1) { clear: both; } .xs-block-grid-2 > div:nth-of-type(2n+1):after { display: none; } .xs-block-grid-2 > div:nth-last-child(-n+2):before { content: none; } .xs-block-grid-3 > div { width: 33.33333%; } .xs-block-grid-3 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-3 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-3 > div:nth-of-type(3n+1) { clear: both; } .xs-block-grid-3 > div:nth-of-type(3n+1):after { display: none; } .xs-block-grid-3 > div:nth-last-child(-n+3):before { content: none; } .xs-block-grid-4 > div { width: 25%; } .xs-block-grid-4 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-4 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-4 > div:nth-of-type(4n+1) { clear: both; } .xs-block-grid-4 > div:nth-of-type(4n+1):after { display: none; } .xs-block-grid-4 > div:nth-last-child(-n+4):before { content: none; } .xs-block-grid-5 > div { width: 20%; } .xs-block-grid-5 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-5 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-5 > div:nth-of-type(5n+1) { clear: both; } .xs-block-grid-5 > div:nth-of-type(5n+1):after { display: none; } .xs-block-grid-5 > div:nth-last-child(-n+5):before { content: none; } .xs-block-grid-6 > div { width: 16.66667%; } .xs-block-grid-6 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-6 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-6 > div:nth-of-type(6n+1) { clear: both; } .xs-block-grid-6 > div:nth-of-type(6n+1):after { display: none; } .xs-block-grid-6 > div:nth-last-child(-n+6):before { content: none; } .xs-block-grid-7 > div { width: 14.28571%; } .xs-block-grid-7 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-7 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-7 > div:nth-of-type(7n+1) { clear: both; } .xs-block-grid-7 > div:nth-of-type(7n+1):after { display: none; } .xs-block-grid-7 > div:nth-last-child(-n+7):before { content: none; } .xs-block-grid-8 > div { width: 12.5%; } .xs-block-grid-8 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-8 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-8 > div:nth-of-type(8n+1) { clear: both; } .xs-block-grid-8 > div:nth-of-type(8n+1):after { display: none; } .xs-block-grid-8 > div:nth-last-child(-n+8):before { content: none; } .xs-block-grid-9 > div { width: 11.11111%; } .xs-block-grid-9 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-9 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-9 > div:nth-of-type(9n+1) { clear: both; } .xs-block-grid-9 > div:nth-of-type(9n+1):after { display: none; } .xs-block-grid-9 > div:nth-last-child(-n+9):before { content: none; } .xs-block-grid-10 > div { width: 10%; } .xs-block-grid-10 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-10 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-10 > div:nth-of-type(10n+1) { clear: both; } .xs-block-grid-10 > div:nth-of-type(10n+1):after { display: none; } .xs-block-grid-10 > div:nth-last-child(-n+10):before { content: none; } .xs-block-grid-11 > div { width: 9.09091%; } .xs-block-grid-11 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-11 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-11 > div:nth-of-type(11n+1) { clear: both; } .xs-block-grid-11 > div:nth-of-type(11n+1):after { display: none; } .xs-block-grid-11 > div:nth-last-child(-n+11):before { content: none; } .xs-block-grid-12 > div { width: 8.33333%; } .xs-block-grid-12 > div:nth-of-type(1n) { clear: none; } .xs-block-grid-12 > div:nth-of-type(1n):after { display: block; } .xs-block-grid-12 > div:nth-of-type(12n+1) { clear: both; } .xs-block-grid-12 > div:nth-of-type(12n+1):after { display: none; } .xs-block-grid-12 > div:nth-last-child(-n+12):before { content: none; } } @media (min-width: 768px) { .sm-block-grid-1 > div { width: 100%; } .sm-block-grid-1 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-1 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-1 > div:nth-of-type(1n+1) { clear: both; } .sm-block-grid-1 > div:nth-of-type(1n+1):after { display: none; } .sm-block-grid-1 > div:nth-last-child(-n+1):before { content: none; } .sm-block-grid-2 > div { width: 50%; } .sm-block-grid-2 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-2 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-2 > div:nth-of-type(2n+1) { clear: both; } .sm-block-grid-2 > div:nth-of-type(2n+1):after { display: none; } .sm-block-grid-2 > div:nth-last-child(-n+2):before { content: none; } .sm-block-grid-3 > div { width: 33.33333%; } .sm-block-grid-3 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-3 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-3 > div:nth-of-type(3n+1) { clear: both; } .sm-block-grid-3 > div:nth-of-type(3n+1):after { display: none; } .sm-block-grid-3 > div:nth-last-child(-n+3):before { content: none; } .sm-block-grid-4 > div { width: 25%; } .sm-block-grid-4 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-4 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-4 > div:nth-of-type(4n+1) { clear: both; } .sm-block-grid-4 > div:nth-of-type(4n+1):after { display: none; } .sm-block-grid-4 > div:nth-last-child(-n+4):before { content: none; } .sm-block-grid-5 > div { width: 20%; } .sm-block-grid-5 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-5 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-5 > div:nth-of-type(5n+1) { clear: both; } .sm-block-grid-5 > div:nth-of-type(5n+1):after { display: none; } .sm-block-grid-5 > div:nth-last-child(-n+5):before { content: none; } .sm-block-grid-6 > div { width: 16.66667%; } .sm-block-grid-6 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-6 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-6 > div:nth-of-type(6n+1) { clear: both; } .sm-block-grid-6 > div:nth-of-type(6n+1):after { display: none; } .sm-block-grid-6 > div:nth-last-child(-n+6):before { content: none; } .sm-block-grid-7 > div { width: 14.28571%; } .sm-block-grid-7 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-7 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-7 > div:nth-of-type(7n+1) { clear: both; } .sm-block-grid-7 > div:nth-of-type(7n+1):after { display: none; } .sm-block-grid-7 > div:nth-last-child(-n+7):before { content: none; } .sm-block-grid-8 > div { width: 12.5%; } .sm-block-grid-8 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-8 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-8 > div:nth-of-type(8n+1) { clear: both; } .sm-block-grid-8 > div:nth-of-type(8n+1):after { display: none; } .sm-block-grid-8 > div:nth-last-child(-n+8):before { content: none; } .sm-block-grid-9 > div { width: 11.11111%; } .sm-block-grid-9 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-9 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-9 > div:nth-of-type(9n+1) { clear: both; } .sm-block-grid-9 > div:nth-of-type(9n+1):after { display: none; } .sm-block-grid-9 > div:nth-last-child(-n+9):before { content: none; } .sm-block-grid-10 > div { width: 10%; } .sm-block-grid-10 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-10 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-10 > div:nth-of-type(10n+1) { clear: both; } .sm-block-grid-10 > div:nth-of-type(10n+1):after { display: none; } .sm-block-grid-10 > div:nth-last-child(-n+10):before { content: none; } .sm-block-grid-11 > div { width: 9.09091%; } .sm-block-grid-11 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-11 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-11 > div:nth-of-type(11n+1) { clear: both; } .sm-block-grid-11 > div:nth-of-type(11n+1):after { display: none; } .sm-block-grid-11 > div:nth-last-child(-n+11):before { content: none; } .sm-block-grid-12 > div { width: 8.33333%; } .sm-block-grid-12 > div:nth-of-type(1n) { clear: none; } .sm-block-grid-12 > div:nth-of-type(1n):after { display: block; } .sm-block-grid-12 > div:nth-of-type(12n+1) { clear: both; } .sm-block-grid-12 > div:nth-of-type(12n+1):after { display: none; } .sm-block-grid-12 > div:nth-last-child(-n+12):before { content: none; } } /* Medium */ @media (min-width: 992px) { [class*="block-grid-"] { margin: 0 -15px; } [class*="block-grid-"] > div { padding: 0 15px; } .item-columns { padding: 0 15px; } .md-block-grid-1 > div { width: 100%; } .md-block-grid-1 > div:nth-of-type(1n) { clear: none; } .md-block-grid-1 > div:nth-of-type(1n):after { display: block; } .md-block-grid-1 > div:nth-of-type(1n+1) { clear: both; } .md-block-grid-1 > div:nth-of-type(1n+1):after { display: none; } .md-block-grid-1 > div:nth-last-child(-n+1):before { content: none; } .md-block-grid-2 > div { width: 50%; } .md-block-grid-2 > div:nth-of-type(1n) { clear: none; } .md-block-grid-2 > div:nth-of-type(1n):after { display: block; } .md-block-grid-2 > div:nth-of-type(2n+1) { clear: both; } .md-block-grid-2 > div:nth-of-type(2n+1):after { display: none; } .md-block-grid-2 > div:nth-last-child(-n+2):before { content: none; } .md-block-grid-3 > div { width: 33.33333%; } .md-block-grid-3 > div:nth-of-type(1n) { clear: none; } .md-block-grid-3 > div:nth-of-type(1n):after { display: block; } .md-block-grid-3 > div:nth-of-type(3n+1) { clear: both; } .md-block-grid-3 > div:nth-of-type(3n+1):after { display: none; } .md-block-grid-3 > div:nth-last-child(-n+3):before { content: none; } .md-block-grid-4 > div { width: 25%; } .md-block-grid-4 > div:nth-of-type(1n) { clear: none; } .md-block-grid-4 > div:nth-of-type(1n):after { display: block; } .md-block-grid-4 > div:nth-of-type(4n+1) { clear: both; } .md-block-grid-4 > div:nth-of-type(4n+1):after { display: none; } .md-block-grid-4 > div:nth-last-child(-n+4):before { content: none; } .md-block-grid-5 > div { width: 20%; } .md-block-grid-5 > div:nth-of-type(1n) { clear: none; } .md-block-grid-5 > div:nth-of-type(1n):after { display: block; } .md-block-grid-5 > div:nth-of-type(5n+1) { clear: both; } .md-block-grid-5 > div:nth-of-type(5n+1):after { display: none; } .md-block-grid-5 > div:nth-last-child(-n+5):before { content: none; } .md-block-grid-6 > div { width: 16.66667%; } .md-block-grid-6 > div:nth-of-type(1n) { clear: none; } .md-block-grid-6 > div:nth-of-type(1n):after { display: block; } .md-block-grid-6 > div:nth-of-type(6n+1) { clear: both; } .md-block-grid-6 > div:nth-of-type(6n+1):after { display: none; } .md-block-grid-6 > div:nth-last-child(-n+6):before { content: none; } .md-block-grid-7 > div { width: 14.28571%; } .md-block-grid-7 > div:nth-of-type(1n) { clear: none; } .md-block-grid-7 > div:nth-of-type(1n):after { display: block; } .md-block-grid-7 > div:nth-of-type(7n+1) { clear: both; } .md-block-grid-7 > div:nth-of-type(7n+1):after { display: none; } .md-block-grid-7 > div:nth-last-child(-n+7):before { content: none; } .md-block-grid-8 > div { width: 12.5%; } .md-block-grid-8 > div:nth-of-type(1n) { clear: none; } .md-block-grid-8 > div:nth-of-type(1n):after { display: block; } .md-block-grid-8 > div:nth-of-type(8n+1) { clear: both; } .md-block-grid-8 > div:nth-of-type(8n+1):after { display: none; } .md-block-grid-8 > div:nth-last-child(-n+8):before { content: none; } .md-block-grid-9 > div { width: 11.11111%; } .md-block-grid-9 > div:nth-of-type(1n) { clear: none; } .md-block-grid-9 > div:nth-of-type(1n):after { display: block; } .md-block-grid-9 > div:nth-of-type(9n+1) { clear: both; } .md-block-grid-9 > div:nth-of-type(9n+1):after { display: none; } .md-block-grid-9 > div:nth-last-child(-n+9):before { content: none; } .md-block-grid-10 > div { width: 10%; } .md-block-grid-10 > div:nth-of-type(1n) { clear: none; } .md-block-grid-10 > div:nth-of-type(1n):after { display: block; } .md-block-grid-10 > div:nth-of-type(10n+1) { clear: both; } .md-block-grid-10 > div:nth-of-type(10n+1):after { display: none; } .md-block-grid-10 > div:nth-last-child(-n+10):before { content: none; } .md-block-grid-11 > div { width: 9.09091%; } .md-block-grid-11 > div:nth-of-type(1n) { clear: none; } .md-block-grid-11 > div:nth-of-type(1n):after { display: block; } .md-block-grid-11 > div:nth-of-type(11n+1) { clear: both; } .md-block-grid-11 > div:nth-of-type(11n+1):after { display: none; } .md-block-grid-11 > div:nth-last-child(-n+11):before { content: none; } .md-block-grid-12 > div { width: 8.33333%; } .md-block-grid-12 > div:nth-of-type(1n) { clear: none; } .md-block-grid-12 > div:nth-of-type(1n):after { display: block; } .md-block-grid-12 > div:nth-of-type(12n+1) { clear: both; } .md-block-grid-12 > div:nth-of-type(12n+1):after { display: none; } .md-block-grid-12 > div:nth-last-child(-n+12):before { content: none; } } /* Large */ @media (min-width: 1200px) { [class*="block-grid-"] { margin: 0 -15px; } [class*="block-grid-"] > div { padding: 0 15px; } .item-columns { padding: 0 15px; } .lg-block-grid-1 > div { width: 100%; } .lg-block-grid-1 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-1 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-1 > div:nth-of-type(1n+1) { clear: both; } .lg-block-grid-1 > div:nth-of-type(1n+1):after { display: none; } .lg-block-grid-1 > div:nth-last-child(-n+1):before { content: none; } .lg-block-grid-2 > div { width: 50%; } .lg-block-grid-2 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-2 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-2 > div:nth-of-type(2n+1) { clear: both; } .lg-block-grid-2 > div:nth-of-type(2n+1):after { display: none; } .lg-block-grid-2 > div:nth-last-child(-n+2):before { content: none; } .lg-block-grid-3 > div { width: 33.33333%; } .lg-block-grid-3 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-3 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-3 > div:nth-of-type(3n+1) { clear: both; } .lg-block-grid-3 > div:nth-of-type(3n+1):after { display: none; } .lg-block-grid-3 > div:nth-last-child(-n+3):before { content: none; } .lg-block-grid-4 > div { width: 25%; } .lg-block-grid-4 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-4 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-4 > div:nth-of-type(4n+1) { clear: both; } .lg-block-grid-4 > div:nth-of-type(4n+1):after { display: none; } .lg-block-grid-4 > div:nth-last-child(-n+4):before { content: none; } .lg-block-grid-5 > div { width: 20%; } .lg-block-grid-5 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-5 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-5 > div:nth-of-type(5n+1) { clear: both; } .lg-block-grid-5 > div:nth-of-type(5n+1):after { display: none; } .lg-block-grid-5 > div:nth-last-child(-n+5):before { content: none; } .lg-block-grid-6 > div { width: 16.66667%; } .lg-block-grid-6 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-6 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-6 > div:nth-of-type(6n+1) { clear: both; } .lg-block-grid-6 > div:nth-of-type(6n+1):after { display: none; } .lg-block-grid-6 > div:nth-last-child(-n+6):before { content: none; } .lg-block-grid-7 > div { width: 14.28571%; } .lg-block-grid-7 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-7 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-7 > div:nth-of-type(7n+1) { clear: both; } .lg-block-grid-7 > div:nth-of-type(7n+1):after { display: none; } .lg-block-grid-7 > div:nth-last-child(-n+7):before { content: none; } .lg-block-grid-8 > div { width: 12.5%; } .lg-block-grid-8 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-8 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-8 > div:nth-of-type(8n+1) { clear: both; } .lg-block-grid-8 > div:nth-of-type(8n+1):after { display: none; } .lg-block-grid-8 > div:nth-last-child(-n+8):before { content: none; } .lg-block-grid-9 > div { width: 11.11111%; } .lg-block-grid-9 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-9 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-9 > div:nth-of-type(9n+1) { clear: both; } .lg-block-grid-9 > div:nth-of-type(9n+1):after { display: none; } .lg-block-grid-9 > div:nth-last-child(-n+9):before { content: none; } .lg-block-grid-10 > div { width: 10%; } .lg-block-grid-10 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-10 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-10 > div:nth-of-type(10n+1) { clear: both; } .lg-block-grid-10 > div:nth-of-type(10n+1):after { display: none; } .lg-block-grid-10 > div:nth-last-child(-n+10):before { content: none; } .lg-block-grid-11 > div { width: 9.09091%; } .lg-block-grid-11 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-11 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-11 > div:nth-of-type(11n+1) { clear: both; } .lg-block-grid-11 > div:nth-of-type(11n+1):after { display: none; } .lg-block-grid-11 > div:nth-last-child(-n+11):before { content: none; } .lg-block-grid-12 > div { width: 8.33333%; } .lg-block-grid-12 > div:nth-of-type(1n) { clear: none; } .lg-block-grid-12 > div:nth-of-type(1n):after { display: block; } .lg-block-grid-12 > div:nth-of-type(12n+1) { clear: both; } .lg-block-grid-12 > div:nth-of-type(12n+1):after { display: none; } .lg-block-grid-12 > div:nth-last-child(-n+12):before { content: none; } } .no-gutter [class*="block-grid-"] { margin: 0 !important; } .no-gutter [class*="block-grid-"] > div { padding: 0 !important; } .no-gutter .row { margin-left: 0 !important; margin-right: 0 !important; } .no-gutter [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } body.hidden-title .node--view-mode-full header { display: none !important; } /* ----- Maintenance page ----- */ body.maintenance-page { background-color: #fff; color: #000; } .maintenance-page #page-wrapper { background: #fff; margin-left: auto; margin-right: auto; min-width: 0; min-height: 0; border: 1px solid #ddd; margin-top: 40px; } .maintenance-page #page { margin: 10px; } .maintenance-page #main-wrapper { min-height: inherit; } .maintenance-page #header { width: auto; } .maintenance-page #main { margin: 0; } .maintenance-page .content .section { padding: 0 0 0 10px; /* LTR */ } [dir="rtl"] .maintenance-page .content .section { padding-left: 0; padding-right: 10px; } .maintenance-page #header { background-color: #fff; background-image: none; } .maintenance-page .site-branding-text { margin-bottom: 50px; margin-left: 0; /* LTR */ padding-top: 20px; font-size: 90%; } [dir="rtl"] .maintenance-page .site-branding-text { margin-right: 0; } .maintenance-page .site-branding-text, .maintenance-page .site-branding-text a, .maintenance-page .site-branding-text a:hover, .maintenance-page .site-branding-text a:focus { color: #777; } .maintenance-page .page-title { line-height: 1em; margin-top: 0; } @media all and (min-width: 800px) { .maintenance-page #page-wrapper { width: 800px; } .maintenance-page #header div.section, .maintenance-page #main { width: 700px; } } @media all and (min-width: 600px) { /* @TODO find the proper breakpoint */ .maintenance-page #page { margin: 20px 40px 40px; } } .path-user .branding .logo-white { display: none; } .page-notfound { text-align: center; padding: 150px 0; background: #f6f6f6; } @media (max-width: 575.98px) { .page-notfound { padding: 50px 0; } } .page-notfound header { display: none !important; } .page-notfound .big-title { font-size: 200px; font-weight: 600; font-family: var(--halpes-heading-font-family); text-transform: uppercase; color: #000; line-height: 1; } @media (max-width: 575.98px) { .page-notfound .big-title { font-size: 90px; } } .page-notfound .sub-title { color: #999999; padding: 30px 0; } .page-notfound .content { color: #666666; font-size: 16px; max-width: 450px; margin: 0 auto; line-height: 30px; } @media (max-width: 575.98px) { .page-notfound .content { padding: 0 20px; } } .page-notfound .action { text-align: center; margin-top: 30px; } .page-notfound .action a { font-size: 16px; color: var(--halpes-theme-color); font-weight: 600; font-family: var(--halpes-heading-font-family); text-transform: uppercase; letter-spacing: 1px; } .page-notfound .action a:hover { color: #000; } .view-page { margin-bottom: 80px; } @media (max-width: 575.98px) { .view-page { margin-bottom: 50px; } } .view-page ul.pager__items { padding-left: 0; } .node--view-mode-full.node--type-portfolio .post-title { font-size: 24px; text-transform: uppercase; padding: 0; } .node--view-mode-full.node--type-portfolio .post-meta { padding-bottom: 20px; } .node--view-mode-full.node--type-portfolio .portfolio-images .owl-nav .owl-prev { left: 20px !important; } .node--view-mode-full.node--type-portfolio .portfolio-images .owl-nav .owl-next { right: 20px !important; } .node--view-mode-full.node--type-portfolio .portfolio-images .owl-dots { position: absolute; bottom: 10px; left: 0; width: 100%; } .portfolio-single { padding-bottom: 30px; } .portfolio-single .portfolio-informations { margin-bottom: 15px; } .portfolio-single .portfolio-informations .item-information { border-bottom: 1px solid #dee2e6; padding: 15px 0; } .portfolio-single .portfolio-informations .item-information span:first-child { font-weight: 600; min-width: 120px; display: inline-block; } .portfolio-single .post-content ul { padding-left: 20px; margin-top: 15px; } .team-single-page .team-name { margin-bottom: 30px; } .team-single-page .team-name .name { font-size: 30px; font-weight: 600; color: #000; line-height: 42px; } .team-single-page .team-name .job { font-size: 12px; color: #999999; } .team-single-page .team-name .line { text-align: center; float: left; } .team-single-page .team-name .line span { width: 30px; height: 5px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; display: inline-block; margin: 0 5px; } .team-single-page .team-name .line span.one { background: #5EB4E7; margin-left: 0; } .team-single-page .team-name .line span.second { background: #F8C44F; } .team-single-page .team-name .line span.three { background: #F49626; margin-right: 0; } .team-single-page .socials { margin-top: 10px; } .team-single-page .heading { font-size: 18px; font-weight: 600; color: #000; } .team-single-page .team-contact { margin-bottom: 25px; } .team-single-page .team-contact .content-inner, .team-single-page .team-education .content-inner { color: #999999; font-size: 13px; line-height: 28px; } .team-single-page .team-education .field__item { padding-left: 20px; position: relative; } .team-single-page .team-education .field__item:after { content: ""; width: 6px; height: 6px; background: var(--halpes-theme-color); position: absolute; top: 8px; left: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; z-index: 1; } .team-single-page .team-info { margin-bottom: 30px !important; } .team-single-page .team-quote { font-size: 16px; color: #999999; margin-top: 20px; padding-left: 50px; position: relative; } .team-single-page .team-quote:after { font-family: "FontAwesome"; content: "\f10d"; left: 0; top: 0; position: absolute; z-index: 1; color: var(--halpes-theme-color); font-size: 24px; text-align: center; line-height: 40px; font-weight: 900; } .page-user-login, .page-user-register, .page-user-pass, .page-user-edit { position: relative; } .page-user-login .bg, .page-user-register .bg, .page-user-pass .bg, .page-user-edit .bg { background: #f1f1f1; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; } .page-user-login input, .page-user-register input, .page-user-pass input, .page-user-edit input { max-width: 100%; } .page-user-login input[type="text"], .page-user-login input[type="tel"], .page-user-login input[type="password"], .page-user-login input[type="email"], .page-user-login textarea, .page-user-login select, .page-user-register input[type="text"], .page-user-register input[type="tel"], .page-user-register input[type="password"], .page-user-register input[type="email"], .page-user-register textarea, .page-user-register select, .page-user-pass input[type="text"], .page-user-pass input[type="tel"], .page-user-pass input[type="password"], .page-user-pass input[type="email"], .page-user-pass textarea, .page-user-pass select, .page-user-edit input[type="text"], .page-user-edit input[type="tel"], .page-user-edit input[type="password"], .page-user-edit input[type="email"], .page-user-edit textarea, .page-user-edit select { width: 100%; } .page-user-login .help.show, .page-user-register .help.show, .page-user-pass .help.show, .page-user-edit .help.show { display: block !important; } .page-user-login .main-page, .page-user-register .main-page, .page-user-pass .main-page, .page-user-edit .main-page { -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); max-width: 800px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; margin: 50px auto 30px; position: relative; z-index: 99; } .page-user-login .main-page .page-use-main-content, .page-user-register .main-page .page-use-main-content, .page-user-pass .main-page .page-use-main-content, .page-user-edit .main-page .page-use-main-content { padding: 10px 30px 30px; } .page-user-login .main-page details > summary, .page-user-register .main-page details > summary, .page-user-pass .main-page details > summary, .page-user-edit .main-page details > summary { background: var(--halpes-theme-color); color: #fff; padding: 2px 20px; margin-bottom: 15px; } .page-user-login .branding, .page-user-register .branding, .page-user-pass .branding, .page-user-edit .branding { margin-bottom: 20px; background: #f5f5f5; padding: 25px 15px; } .page-user-login .container, .page-user-register .container, .page-user-pass .container, .page-user-edit .container { padding: 0; } .page-user-login .nav-tabs, .page-user-register .nav-tabs, .page-user-pass .nav-tabs, .page-user-edit .nav-tabs { margin-bottom: 20px; } .page-user-login .nav-tabs > li > a, .page-user-register .nav-tabs > li > a, .page-user-pass .nav-tabs > li > a, .page-user-edit .nav-tabs > li > a { padding: 4px 10px !important; } .page-user-login form .form-item, .page-user-register form .form-item, .page-user-pass form .form-item, .page-user-edit form .form-item { margin-bottom: 15px; } .page-user-login form .form-item label, .page-user-register form .form-item label, .page-user-pass form .form-item label, .page-user-edit form .form-item label { font-family: var(--halpes-heading-font-family); color: #161c26; margin-bottom: 0; font-weight: 700; } .page-user-login form .form-item .description, .page-user-register form .form-item .description, .page-user-pass form .form-item .description, .page-user-edit form .form-item .description { margin-top: 10px; } .page-user-login form .form-action, .page-user-register form .form-action, .page-user-pass form .form-action, .page-user-edit form .form-action { margin-top: 10px; } .page-user-login .main-page { max-width: 680px; border-radius: 5px; overflow: hidden; } .user-profile { font-size: 14px; line-height: 28px; margin-bottom: 30px; } .user-profile .user-fullname { font-size: 22px; font-weight: 700; color: #000; margin-top: 15px; text-transform: uppercase; } .user-profile .user-position { color: #999999; margin: 5px 0 10px; } .user-profile .form-item { margin: 15px 0 10px !important; } .user-profile .label { padding: 0 !important; margin: 0 !important; display: inline-block; font-size: 16px; } body.path-product { background: #f7f7f9; } .profile-customer-edit-form { margin-bottom: 80px; } .post-block { margin-bottom: 50px; } .post-block .post-thumbnail { position: relative; } .post-block .post-thumbnail a { display: block; } .post-block .post-thumbnail img { width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; } .post-block .post-thumbnail:hover a:before, .post-block .post-thumbnail:hover a:after { -webkit-transform: scale(1); transform: scale(1); } .post-block .post-thumbnail .post-created { position: absolute; right: 20px; bottom: -10px; } .post-block .post-created { font-size: 14px; font-weight: 800; line-height: 1; background: var(--halpes-theme-color); color: #fff; padding: 10px 20px; display: block; } .post-block .post-title { font-size: 22px; margin: 10px 0 10px; line-height: 32px; position: relative; } .post-block .post-title a { word-wrap: break-word; } .post-block .post-meta { margin-bottom: 15px; font-size: 14px; line-height: 18px; font-weight: 800; text-transform: capitalize; color: var(--body-color); } .post-block .post-meta .line { margin: 0 10px; } .post-block .post-meta i { color: var(--halpes-theme-color); margin-right: 5px; } .post-block .post-meta a { color: var(--body-color); } .post-block .post-categories { font-size: 15px; font-weight: 500; background: var(--halpes-theme-color-second); padding: 3px 20px; color: #fff; display: inline-block; position: relative; top: -15px; margin-left: 20px; margin-right: 20px; } .post-block .post-categories a { color: #fff; } .post-one__single { max-width: 500px; margin: 0 auto 30px; } .post-one__image { position: relative; } .post-one__image .item-image { overflow: hidden; } .post-one__image img { -webkit-transition: all 5s; transition: all 5s; } .post-one__content { border: solid 1px #e5eeec; border-top: 0; background: #fff; padding: 40px; padding-bottom: 35px; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (max-width: 1024px) { .post-one__content { padding: 40px 20px 30px; } } @media (max-width: 991px) { .post-one__categories { margin-left: 10px; margin-right: 10px; } } .post-one__created { background: var(--halpes-theme-color); color: #fff; position: absolute; bottom: 0; right: 20px; margin-bottom: -10px; z-index: 1; text-align: center; padding: 10px 20px; font-size: 14px; font-weight: 800; line-height: 1; } .post-one__meta { margin-bottom: 10px; font-size: 14px; line-height: 18px; font-weight: 800; text-transform: capitalize; } .post-one__meta .line { margin: 0 10px; } .post-one__meta i { color: var(--halpes-theme-color); margin-right: 3px; } .post-one__meta a { color: var(--body-color); } .post-one__title { font-size: 24px; line-height: 1.38; margin-bottom: 15px; } .post-one__title a { word-wrap: break-word; } @media (max-width: 1024px) { .post-one__title { font-size: 22px; } } .post-one__desc { line-height: 1.88; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .post-one .read-more { margin-top: 15px; } .post-one__single:hover .post-one__image img, .post-one__single:focus .post-one__image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .post-one__single:hover .post-one__title a, .post-one__single:focus .post-one__title a { color: var(--halpes-theme-color); } .post-one__single:hover .post-one__content, .post-one__single:focus .post-one__content { -webkit-box-shadow: 0px 10px 25px 0 rgba(0, 0, 0, 0.06); box-shadow: 0px 10px 25px 0 rgba(0, 0, 0, 0.06); } .post-two__single { max-width: 500px; margin: 0 auto 30px; } .post-two__image { position: relative; } .post-two__image .item-image { overflow: hidden; } .post-two__image img { -webkit-transition: all 5s; transition: all 5s; } .post-two__content { border: solid 1px #e5eeec; background: #EFF5F5; border-top: 0; padding: 40px; padding-bottom: 35px; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (max-width: 1024px) { .post-two__content { padding: 30px; } } @media (max-width: 991px) { .post-two__categories { margin-left: 10px; margin-right: 10px; } } .post-two__created { background: var(--halpes-theme-color); color: #fff; position: absolute; bottom: 0; right: 20px; margin-bottom: -10px; z-index: 1; text-align: center; padding: 10px 20px; font-size: 14px; font-weight: 800; line-height: 1; } .post-two__meta { margin-bottom: 10px; font-size: 14px; line-height: 18px; font-weight: 800; text-transform: capitalize; } .post-two__meta .line { margin: 0 10px; } .post-two__meta i { color: var(--halpes-theme-color); margin-right: 3px; } .post-two__meta a { color: var(--body-color); } .post-two__title { font-size: 24px; line-height: 1.38; margin-bottom: 15px; } .post-two__title a { word-wrap: break-word; } @media (max-width: 1024px) { .post-two__title { font-size: 22px; } } .post-two__desc { line-height: 1.88; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .post-two .read-more { margin-top: 15px; } .post-two__single:hover .post-two__image img, .post-two__single:focus .post-two__image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .post-two__single:hover .post-two__title a, .post-two__single:focus .post-two__title a { color: var(--halpes-theme-color); } .post-two__single:hover .post-two__content, .post-two__single:focus .post-two__content { -webkit-box-shadow: 0px 10px 25px 0 rgba(0, 0, 0, 0.06); box-shadow: 0px 10px 25px 0 rgba(0, 0, 0, 0.06); } .post-three__single { display: -webkit-box; display: -ms-flexbox; display: flex; } .post-three__image { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; margin-right: 20px; position: relative; overflow: hidden; } .post-three__image .item-image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .post-three__image a { display: block; width: 100%; height: 100%; } .post-three__image img { -webkit-transition: all 5s; transition: all 5s; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .post-three__author { color: var(--body-color); font-size: 14px; line-height: 18px; font-weight: 800; text-transform: capitalize; } .post-three__author .line { margin: 0 10px; } .post-three__author i { color: var(--halpes-theme-color); } .post-three__title { font-size: 18px; font-weight: 800; line-height: 1.67; margin-top: 5px; margin-bottom: 0; } .post-three__title a { word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .gallery-post { position: relative; display: block; width: 100%; } .gallery-post:after { content: ""; width: 100%; height: 100%; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; top: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.5); z-index: 9; opacity: 0; filter: alpha(opacity=0); } .gallery-post .images { overflow: hidden; position: relative; } .gallery-post .images img { -webkit-transition: all 5s; transition: all 5s; -moz-transition: all 5s; -ms-transition: all 5s; } .gallery-post a.zoomGallery { position: absolute; width: 32px; height: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; z-index: 99; color: #fff; font-size: 30px; line-height: 1; opacity: 0; filter: alpha(opacity=0); } @media (max-width: 680px) { .gallery-post a.zoomGallery { display: none; } } .gallery-post:hover:after { opacity: 1; filter: alpha(opacity=100); } .gallery-post:hover a.zoomGallery { opacity: 1; filter: alpha(opacity=100); } .post-style-horizontal .post-block:before, .post-style-horizontal .post-block:after { content: " "; display: table; } .post-style-horizontal .post-block:after { clear: both; } .post-style-grid ul.js-pager__items { display: none; } .feed-icon { background: var(--halpes-theme-color); padding: 15px 30px; color: #fff; } .feed-icon:hover { background: var(--halpes-theme-color-three); color: #fff; } ul.js-pager__items.pager { list-style: none; padding: 0; } .node--view-mode-full .post-thumbnail { margin-bottom: 30px; } .node--view-mode-full .post-thumbnail iframe { min-height: 400px; } .node-detail iframe { width: 100%; display: block; } .node-detail .post-thumbnail.post-gallery { overflow: hidden; } .node-detail .post-thumbnail.post-gallery .owl-nav { opacity: 1; filter: alpha(opacity=100); } .node-detail .post-thumbnail.post-gallery .owl-nav .owl-prev { margin-left: 100px; } .node-detail .post-thumbnail.post-gallery .owl-nav .owl-next { margin-right: 100px; } .node-detail .post-title { font-size: 30px; line-height: 1.2; margin-bottom: 20px; } .node-detail .field--name-field-tags { margin-top: 30px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #dee2e6; border-top: 1px solid #dee2e6; } .node-detail .field--name-field-tags .field__label { display: inline-block; font-size: 24px; color: var(--halpes-theme-color-three); font-weight: 600; margin-right: 20px; } .node-detail .field--name-field-tags .field__items { display: inline-block; } .node-detail .field--name-field-tags .field__item { display: inline-block; margin-right: 10px; } .node-detail .field--name-field-tags .field__item a { font-size: 18px; color: var(--body-color); } .node-detail .field--name-field-tags .field__item a:hover, .node-detail .field--name-field-tags .field__item a:focus, .node-detail .field--name-field-tags .field__item a:active { color: var(--halpes-theme-color); } .node__content .field--name-field-tags + ul.links { border-top: 0; margin-top: 0; } .node__content ul.links { margin-top: 30px; padding-left: 0; } .node__content ul.links a { font-weight: 900; padding: 10px 20px; background: var(--halpes-theme-color); color: #fff; font-size: 16px; display: inline-block; text-transform: capitalize; } .node__content ul.links a:hover, .node__content ul.links a:focus { -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08); opacity: 0.9; } .categories-view-content.layout-grid .post-block, .categories-view-content.layout-masonry .post-block { margin-bottom: 30px; text-align: left; } .categories-view-content.layout-grid .post-block .post-categories, .categories-view-content.layout-masonry .post-block .post-categories { margin: 0; } .categories-view-content.layout-grid .post-block .post-categories h2, .categories-view-content.layout-grid .post-block .post-categories h3, .categories-view-content.layout-grid .post-block .post-categories h4, .categories-view-content.layout-masonry .post-block .post-categories h2, .categories-view-content.layout-masonry .post-block .post-categories h3, .categories-view-content.layout-masonry .post-block .post-categories h4 { margin: 0; line-height: 1; } .categories-view-content.layout-grid .post-block .post-title, .categories-view-content.layout-masonry .post-block .post-title { padding: 0; } .categories-view-content.layout-grid .post-block .post-meta, .categories-view-content.layout-masonry .post-block .post-meta { margin-top: 0; } .categories-view-content.layout-grid .post-block .post-body, .categories-view-content.layout-masonry .post-block .post-body { padding: 10px 0 15px; } .categories-view-content.layout-grid .post-block .post-content, .categories-view-content.layout-masonry .post-block .post-content { padding: 15px; border: 1px solid #dee2e6; border-top: 0; } .categories-view-content.layout-list .post-block { margin-bottom: 0; } .categories-view-content.layout-list .post-block:before, .categories-view-content.layout-list .post-block:after { content: " "; display: table; } .categories-view-content.layout-list .post-block:after { clear: both; } .categories-view-content.layout-list .post-block .post-thumbnail { width: 45%; float: left; } @media (max-width: 575.98px) { .categories-view-content.layout-list .post-block .post-thumbnail { width: 100%; } } .categories-view-content.layout-list .post-block .post-title { padding: 0; margin: 0; } .categories-view-content.layout-list .post-block .post-content { width: 55%; float: left; padding-left: 30px; } @media (max-width: 575.98px) { .categories-view-content.layout-list .post-block .post-content { width: 100%; } } .categories-view-content.layout-list .post-block .post-content .post-categories { line-height: 1; padding-bottom: 0; margin-bottom: 0; } .categories-view-content.layout-list .post-block .post-content .post-categories h2 { margin: 0; } .post-style-stick .item-list > ul > li { display: block; float: right; overflow: hidden; clear: right; } @media (max-width: 767.98px) { .post-style-stick .item-list > ul > li { width: 100%; clear: both; } } .post-style-stick .item-list > ul > li .post-title, .post-style-stick .item-list > ul > li .post-meta, .post-style-stick .item-list > ul > li .post-meta-wrap { clear: both; } .post-style-stick .item-list > ul > li:last-child { margin-bottom: 0 !important; } .post-style-stick .item-list > ul > li:not(:first-child) { margin-bottom: 50px; width: 45%; } @media (max-width: 767.98px) { .post-style-stick .item-list > ul > li:not(:first-child) { width: 100%; } } .post-style-stick .item-list > ul > li:not(:first-child) .post-image { width: 200px; float: left; z-index: 10; } @media (max-width: 767.98px) { .post-style-stick .item-list > ul > li:not(:first-child) .post-image { width: 150px; } } @media (max-width: 380px) { .post-style-stick .item-list > ul > li:not(:first-child) .post-image { margin-top: 10px; width: 100%; float: left; } } .post-style-stick .item-list > ul > li:not(:first-child) .post-content { padding-left: 230px; } @media (max-width: 767.98px) { .post-style-stick .item-list > ul > li:not(:first-child) .post-content { padding-left: 165px; } } @media (max-width: 380px) { .post-style-stick .item-list > ul > li:not(:first-child) .post-content { padding-left: 0; margin-top: 15px; float: left; width: 100%; } } .post-style-stick .item-list > ul > li:not(:first-child) .post-content .post-meta { float: left; width: 100%; padding: 0 0 10px; } .post-style-stick .item-list > ul > li:not(:first-child) .post-title, .post-style-stick .item-list > ul > li:not(:first-child) .post-meta, .post-style-stick .item-list > ul > li:not(:first-child) .post-meta-wrap { clear: none !important; } .post-style-stick .item-list > ul > li:first-child { border-bottom: 0 none; display: block; float: left; padding-right: 4% !important; width: 55%; clear: none; padding-bottom: 0; margin-bottom: 0; } @media (max-width: 767.98px) { .post-style-stick .item-list > ul > li:first-child { width: 100%; clear: both; margin-bottom: 20px; padding-right: 0 !important; } } .post-style-stick .item-list > ul > li:first-child .post-content { padding-top: 30px; padding-bottom: 30px; } .post-style-stick .item-list > ul > li:first-child .post-title { font-family: var(--halpes-font-sans-serif); } .post-style-stick .item-list > ul > li:first-child .post-title a { font-size: 30px; line-height: 40px; } .post-style-stick .item-list > ul > li:first-child .post-title a:hover { color: var(--halpes-theme-color); } .post-style-stick .item-list > ul > li:first-child .post-meta { margin: 0 0 5px; } .post-style-stick .item-list > ul > li:first-child:after { content: none; } .post-style-stick.list .item-list > ul > li { width: 100% !important; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px; padding-bottom: 15px !important; } .post-style-stick.list .item-list > ul > li:first-child { border-bottom: 1px solid #e1e1e1; display: block; float: left; padding-right: 0 !important; clear: none; margin-bottom: 15px; padding-bottom: 15px; } .post-style-stick.list .item-list > ul > li:last-child { border: none; } /*******************/ .testimonial-one__single { text-align: left; position: relative; max-width: 820px; margin: 0 auto 30px; background: #fff; padding: 55px 60px 60px; -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07); } @media (max-width: 1024px) { .testimonial-one__single { padding: 25px 30px 30px; } } .testimonial-one__avatar { margin-top: 20px; border-radius: 50%; position: relative; width: 56px; border: 1px solid rgba(0, 0, 0, 0.036); } .testimonial-one__avatar img { max-width: 100%; width: 100%; height: auto; border-radius: 100%; } .testimonial-one__icon-quote { position: absolute; top: 0; right: 0; z-index: 11; font-size: 38px; line-height: 1; color: var(--halpes-theme-color); } .testimonial-one__meta { margin-top: 25px; position: relative; padding-right: 50px; } .testimonial-one__quote { font-size: 18px; line-height: 1.89; color: var(--body-color); display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .testimonial-one__name { font-size: 18px; font-weight: 700; margin: 0; } .testimonial-one__job { font-size: 15px; } .testimonial-two__single { position: relative; -webkit-transition: all .35s; transition: all .35s; margin-bottom: 30px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07); background-color: #fff; padding: 60px; padding-top: 55px; } @media (max-width: 1024px) { .testimonial-two__single { padding: 25px 30px 30px; } } .testimonial-two__avatar { -webkit-box-flex: 0; -ms-flex: 0 0 77px; flex: 0 0 77px; margin-right: 30px; border-radius: 50%; position: relative; } .testimonial-two__avatar img { max-width: 100%; width: auto; height: auto; border-radius: 100%; border: 1px solid rgba(0, 0, 0, 0.036); } .testimonial-two__icon-quote { width: 44px; height: 44px; position: absolute; top: 20px; right: -15px; z-index: 1; background: var(--halpes-theme-color); border-radius: 50%; font-size: 50px; font-weight: 900; color: #fff; line-height: 65px; text-align: center; } .testimonial-two__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 25px; } .testimonial-two__quote { font-size: 18px; line-height: 1.89; color: var(--body-color); } .testimonial-two__name { font-size: 18px; margin: 0; } .testimonial-two__job { font-size: 15px; font-weight: 700; } .testimonial-three__single { position: relative; -webkit-transition: all .35s; transition: all .35s; padding-left: 65px; max-width: 800px; margin: 0 auto 45px; } @media (max-width: 767px) { .testimonial-three__single { padding-top: 65px; padding-left: 0; } } .testimonial-three__content { background: #fff; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.07); position: relative; border-radius: 4px; } .testimonial-three__content:after { content: ''; background: url("../images/bg-arrow.png") repeat bottom center transparent; width: 166px; height: 110px; position: absolute; top: 100%; left: 30px; z-index: 11; } .testimonial-three__avatar { border: 10px solid #fff; padding: 10px; border-radius: 50%; position: absolute; top: 60px; left: -65px; -webkit-transition: all .35s; transition: all .35s; } @media (max-width: 1199px) { .testimonial-three__avatar { left: -60px; } } @media (max-width: 767px) { .testimonial-three__avatar { top: -60px; left: 30px; } } .testimonial-three__avatar img { width: 90px; height: 90px; border-radius: 50%; } @media (max-width: 1199px) { .testimonial-three__avatar img { width: 80px; height: 80px; } } .testimonial-three__content-inner { padding: 50px 45px 55px 95px; margin: 0 auto; position: relative; } @media (max-width: 1199px) { .testimonial-three__content-inner { padding: 50px 30px 55px 85px; } } @media (max-width: 767px) { .testimonial-three__content-inner { padding: 85px 30px 30px; } } .testimonial-three__icon-quote { font-size: 60px; line-height: 1; color: #f0f3f6; position: absolute; top: -30px; right: 0; z-index: 1; -webkit-transition: all .35s; transition: all .35s; } @media (max-width: 1199px) { .testimonial-three__icon-quote { font-size: 45px; top: -20px; } } .testimonial-three__meta { position: relative; } .testimonial-three__quote { font-size: 18px; line-height: 34px; font-weight: 500; margin-bottom: 15px; margin: 0 auto; } .testimonial-three__info { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .testimonial-three__name { font-size: 20px; font-weight: 600; margin: 0; } .testimonial-three__job { font-size: 14px; line-height: 1.1; font-weight: 600; margin-left: 5px; } .testimonial-three__single:hover .testimonial-three__avatar { border-color: var(--halpes-theme-color); } .testimonial-three__single:hover .testimonial-three__icon-quote { color: var(--halpes-theme-color); } .testimonial-carousel .owl-item.center .testimonial-three__avatar { border-color: var(--halpes-theme-color); } .testimonial-carousel .owl-item.center .testimonial-three__icon-quote { color: var(--halpes-theme-color); } .box-margin-0 { margin-bottom: 0; } .box-margin-small { margin-bottom: 30px; } .box-margin-medium { margin-bottom: 60px; } @media (max-width: 575.98px) { .box-margin-medium { margin-bottom: 30px; } } .box-margin-large { margin-bottom: 80px; } @media (max-width: 767.98px) { .box-margin-large { margin-bottom: 60px; } } @media (max-width: 575.98px) { .box-margin-large { margin-bottom: 30px; } } .no-margin { margin: 0 !important; } .margin-1 { margin-bottom: -150px; } @media (max-width: 767.98px) { .margin-1 { margin-bottom: 0px; } } .margin-2 { margin-top: 60px; } @media (max-width: 575.98px) { .margin-2 { margin-top: 20px; } } .margin-3 { margin-top: 80px; } @media (max-width: 575.98px) { .margin-3 { margin-top: 50px; } } .margin-4 { margin-top: 30px; } @media (max-width: 768px) { .margin-4 { margin-top: 0; } } .mt-0 { margin-top: 0 !important; } .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mb-0 { margin-bottom: 0 !important; } .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } @media (max-width: 1024px) { .mb-50 { margin-bottom: 30px !important; } } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .padding-10 { padding: 10px !important; } .padding-20 { padding: 20px !important; } .padding-30 { padding: 30px !important; } .padding-40 { padding: 40px !important; } .padding-50 { padding: 50px !important; } .pb-0 { padding-bottom: 0 !important; } .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-25 { padding-bottom: 25px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } @media (max-width: 1024px) { .pb-60 { padding-bottom: 30px !important; } } .pb-100 { padding-bottom: 100px !important; } @media (max-width: 1024px) { .pb-100 { padding-bottom: 30px !important; } } .pt--10 { padding-top: 10px !important; } .pt--20 { padding-top: 20px !important; } .pt--30 { padding-top: 30px !important; } .pt--40 { padding-top: 40px !important; } .pt--50 { padding-top: 50px !important; } a:hover { text-decoration: none; } .hidden { display: none; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible !important; } table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td, .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.8; vertical-align: top; border-top: 1px solid #ddd; } .no-margin { margin: 0 !important; } .margin-top-0 { margin-top: 0 !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-top-200 { margin-top: 200px; } @media (max-width: 575.98px) { .margin-top-200 { margin-top: 0; } } .margin-top_1, .margin-top_84 { margin-top: -78px !important; } @media (max-width: 767.98px) { .margin-top_1, .margin-top_84 { margin-top: 50px !important; } } .margin-top_100 { margin-top: -100px !important; } @media (max-width: 767.98px) { .margin-top_100 { margin-top: 50px !important; } } .margin-top_200 { margin-top: -200px; } @media (max-width: 575.98px) { .margin-top_200 { margin-top: 50px; } } .margin-bottom-0 { margin-bottom: 0 !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } @media (max-width: 575.98px) { .margin-bottom-100 { margin-bottom: 50px !important; } } .margin-bottom-120 { margin-bottom: 120px !important; } @media (max-width: 575.98px) { .margin-bottom-120 { margin-bottom: 60px !important; } } .margin-bottom_100 { margin-bottom: -100px !important; } @media (max-width: 767.98px) { .margin-bottom_100 { margin-bottom: 50px !important; } } .margin-bottom_200 { margin-bottom: -200px !important; } @media (max-width: 767.98px) { .margin-bottom_200 { margin-bottom: 50px !important; } } .margin-bottom_376 { margin-bottom: -376px !important; } @media (max-width: 767.98px) { .margin-bottom_376 { margin-bottom: 50px !important; } } .padding-10 { padding: 10px !important; } .padding-20 { padding: 20px !important; } .padding-30 { padding: 30px !important; } .padding-40 { padding: 40px !important; } .padding-50 { padding: 50px !important; } .padding-bottom-0 { padding-bottom: 0 !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-bottom-60 { padding-bottom: 60px !important; } @media (max-width: 575.98px) { .padding-bottom-60 { padding-bottom: 30px !important; } } .padding-bottom-100 { padding-bottom: 100px !important; } @media (max-width: 575.98px) { .padding-bottom-100 { padding-bottom: 30px !important; } } .padding-bottom-280 { padding-bottom: 280px !important; } @media (max-width: 575.98px) { .padding-bottom-280 { padding-bottom: 50px !important; } } .padding-top-10 { padding-top: 10px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-40 { padding-top: 40px !important; } .padding-top-50 { padding-top: 50px !important; } .padding-top-80 { padding-top: 80px !important; } @media (max-width: 1281px) { .padding-top-80 { padding-top: 50px !important; } } .padding-top-100 { padding-top: 100px !important; } @media (max-width: 1281px) { .padding-top-100 { padding-top: 30px !important; } } .padding-top-300 { padding-top: 300px !important; } @media (max-width: 1281px) { .padding-top-300 { padding-top: 0px !important; } } .padding-top-333 { padding-top: 333px !important; } @media (max-width: 1281px) { .padding-top-333 { padding-top: 0px !important; } } .padding-left-80 { padding-left: 80px !important; } @media (max-width: 1281px) { .padding-left-80 { padding-left: 15px !important; } } .padding-left-100 { padding-left: 100px !important; } @media (max-width: 1281px) { .padding-left-100 { padding-left: 15px !important; } } .padding-left-120 { padding-left: 120px !important; } @media (max-width: 1281px) { .padding-left-120 { padding-left: 30px !important; } } .width-100 { max-width: 100px !important; margin: 0 auto; } .width-200 { max-width: 200px !important; margin: 0 auto; } .width-300 { max-width: 300px !important; margin: 0 auto; } .width-400 { max-width: 400px !important; margin: 0 auto; } .width-500 { max-width: 500px !important; margin: 0 auto; } .width-600 { max-width: 600px !important; margin: 0 auto; } .width-700 { max-width: 700px !important; margin: 0 auto; } .width-800 { max-width: 800px !important; margin: 0 auto; } .width-900 { max-width: 900px !important; margin: 0 auto; } .width-950 { max-width: 950px !important; margin: 0 auto; } .width-1000 { max-width: 1000px !important; margin: 0 auto; } .z-index-10 { z-index: 10; position: relative; } .radius-1x { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .radius-2x { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .radius-5x { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .padding-responsive { padding: 30px 120px; } @media (max-width: 575.98px) { .padding-responsive { padding: 30px; } } .special-margin-top { margin-top: -100px; } @media (max-width: 575.98px) { .special-margin-top { margin-top: 30px; } } .margin-top-contact { margin-top: -100px; padding-bottom: 80px; } @media (max-width: 575.98px) { .margin-top-contact { margin-top: 30px; padding-bottom: 45px; } } .padding-lr-15p { padding-left: 15%; padding-right: 15%; } @media (max-width: 575.98px) { .padding-lr-15p { padding-left: 20px; padding-right: 20px; } } .border-1 { border: 1px solid #dee2e6; } .border-2 { border: 2px solid #dee2e6; } .border-3 { border: 3px solid #dee2e6; } .border-4 { border: 4px solid #dee2e6; } .border-5 { border: 5px solid #dee2e6; } .text-light .border-1, .text-light .border-2, .text-light .border-3, .text-light .border-4, .text-light .border-5 { border-color: rgba(255, 255, 255, 0.6) !important; } .border-bottom-white { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .border-top-white { border-top: 1px solid rgba(255, 255, 255, 0.05); } .border-top-light { border-top: 1px solid rgba(255, 255, 255, 0.1); } @media (min-width: 992px) { .border-right-light { border-right: 1px solid rgba(255, 255, 255, 0.1); } } .border-bottom-2 { border-bottom: 2px solid #dee2e6; } .fsize-14 { font-size: 14px !important; } .fsize-15 { font-size: 15px !important; } .fsize-16 { font-size: 16px !important; } .fsize-17 { font-size: 17px !important; } .fsize-18 { font-size: 18px !important; } .fsize-19 { font-size: 19px !important; } .fsize-20 { font-size: 20px !important; } .fsize-21 { font-size: 21px !important; } .fsize-22 { font-size: 22px !important; } .fsize-23 { font-size: 23px !important; } .fsize-24 { font-size: 24px !important; } .fsize-25 { font-size: 25px !important; } .fsize-26 { font-size: 26px !important; } .fsize-27 { font-size: 27px !important; } .fsize-28 { font-size: 28px !important; } .fsize-29 { font-size: 29px !important; } .fsize-30 { font-size: 30px !important; } .fsize-31 { font-size: 31px !important; } .fsize-32 { font-size: 32px !important; } .fsize-33 { font-size: 33px !important; } .fsize-34 { font-size: 34px !important; } .fsize-35 { font-size: 35px !important; } .fsize-36 { font-size: 36px !important; } .fsize-37 { font-size: 37px !important; } .fsize-38 { font-size: 38px !important; } .fsize-39 { font-size: 39px !important; } .fsize-40 { font-size: 40px !important; } .fsize-41 { font-size: 41px !important; } .fsize-42 { font-size: 42px !important; } .fsize-44 { font-size: 44px !important; } .fsize-46 { font-size: 46px !important; } @media (max-width: 767.98px) { .fsize-46 { font-size: 38px !important; } } .fsize-48 { font-size: 48px !important; } @media (max-width: 767.98px) { .fsize-48 { font-size: 38px !important; } } .fsize-50 { font-size: 50px !important; } @media (max-width: 767.98px) { .fsize-50 { font-size: 38px !important; } } .fsize-52 { font-size: 52px !important; } @media (max-width: 767.98px) { .fsize-52 { font-size: 38px !important; } } .fsize-54 { font-size: 54px !important; } .fsize-56 { font-size: 56px !important; } @media (max-width: 767.98px) { .fsize-56 { font-size: 38px !important; } } .fsize-58 { font-size: 58px !important; } @media (max-width: 767.98px) { .fsize-58 { font-size: 38px !important; } } .fsize-60 { font-size: 60px !important; } @media (max-width: 767.98px) { .fsize-60 { font-size: 40px !important; } } .fsize-70 { font-size: 70px !important; } @media (max-width: 1024.98px) { .fsize-70 { font-size: 50px !important; } } @media (max-width: 991.98px) { .fsize-70 { font-size: 30px !important; } } .fsize-80 { font-size: 80px !important; } @media (max-width: 767.98px) { .fsize-80 { font-size: 50px !important; } } .fsize-90 { font-size: 90px !important; line-height: 68px !important; } @media (max-width: 1024px) { .fsize-90 { font-size: 65px !important; line-height: 60px !important; } } @media (max-width: 767px) { .fsize-90 { font-size: 45px !important; line-height: 50px !important; } } .fsize-100 { font-size: 100px !important; } @media (max-width: 767.98px) { .fsize-100 { font-size: 60px !important; } } .lheight-18 { line-height: 18px !important; } .lheight-19 { line-height: 19px !important; } .lheight-20 { line-height: 20px !important; } .lheight-21 { line-height: 21px !important; } .lheight-22 { line-height: 22px !important; } .lheight-23 { line-height: 23px !important; } .lheight-24 { line-height: 24px !important; } .lheight-25 { line-height: 25px !important; } .lheight-26 { line-height: 26px !important; } .lheight-27 { line-height: 27px !important; } .lheight-28 { line-height: 28px !important; } .lheight-29 { line-height: 29px !important; } .lheight-30 { line-height: 30px !important; } .lheight-31 { line-height: 31px !important; } .lheight-32 { line-height: 32px !important; } .lheight-33 { line-height: 33px !important; } .lheight-34 { line-height: 34px !important; } .lheight-35 { line-height: 35px !important; } .lheight-36 { line-height: 36px !important; } .lheight-37 { line-height: 37px !important; } .lheight-38 { line-height: 38px !important; } .lheight-39 { line-height: 39px !important; } .lheight-40 { line-height: 40px !important; } .lheight-41 { line-height: 41px !important; } .lheight-42 { line-height: 42px !important; } .lheight-43 { line-height: 43px !important; } .lheight-44 { line-height: 44px !important; } .lheight-46 { line-height: 46px !important; } @media (max-width: 767.98px) { .lheight-46 { line-height: 38px !important; } } .lheight-48 { line-height: 48px !important; } @media (max-width: 767.98px) { .lheight-48 { line-height: 38px !important; } } .lheight-50 { line-height: 50px !important; } @media (max-width: 767.98px) { .lheight-50 { line-height: 38px !important; } } .lheight-52 { line-height: 52px !important; } @media (max-width: 767.98px) { .lheight-52 { line-height: 38px !important; } } .lheight-54 { line-height: 54px !important; } @media (max-width: 767.98px) { .lheight-54 { line-height: 38px !important; } } .lheight-56 { line-height: 56px !important; } @media (max-width: 767.98px) { .lheight-56 { line-height: 38px !important; } } .lheight-58 { line-height: 58px !important; } @media (max-width: 767.98px) { .lheight-58 { line-height: 38px !important; } } .lheight-60 { line-height: 60px !important; } @media (max-width: 767.98px) { .lheight-60 { line-height: 40px !important; } } .lheight-70 { line-height: 70px !important; } @media (max-width: 767.98px) { .lheight-70 { line-height: 60px !important; } } .lheight-80 { line-height: 80px !important; } @media (max-width: 767.98px) { .lheight-80 { line-height: 70px !important; } } .lheight-90 { line-height: 90px !important; } @media (max-width: 767.98px) { .lheight-90 { line-height: 70px !important; } } .lheight-100 { line-height: 100px !important; } @media (max-width: 767.98px) { .lheight-100 { line-height: 80px !important; } } .fweight-400 { font-weight: 400 !important; } .fweight-500 { font-weight: 500 !important; } .fweight-600 { font-weight: 600 !important; } .fweight-700 { font-weight: 700 !important; } .fweight-800 { font-weight: 800 !important; } .fweight-900 { font-weight: 900 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-900 { font-weight: 900 !important; } .float-left { float: left; } .no-bg { background-color: transparent !important; } .col-no-padding div[class*="col-"] { padding: 0 !important; } .p-static { position: static !important; } .p-relative { position: relative !important; } .bg-theme { background: var(--halpes-theme-color) !important; } .bg-theme-second { background: var(--halpes-theme-color-second) !important; } .bg-white { background: #fff !important; } .bg-black { background: var(--body-link-color) !important; } .bg-primary-overlay:before { background-color: rgba(var(--halpes-theme-color), 0.95); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .text-style-1 { font-size: 24px; font-weight: 800; line-height: 1.42; color: var(--halpes-theme-color); } .youtube-bg { position: relative; z-index: 9; } .youtube-bg:after { content: ""; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 9; } .youtube-bg .bb-inner { position: relative; z-index: 99; } .ui-widget-content { color: var(--body-color); } .text-normal { font-size: 15px; } .text-size-medium { font-size: 24px; line-height: 38px; font-weight: 700; color: var(--halpes-theme-color-second); } @media (max-width: 767.98px) { .text-size-medium { font-size: 20px; line-height: 32px; } } .text-size-big { font-size: 42px; font-family: var(--halpes-heading-font-family); font-weight: 700; text-transform: uppercase; line-height: 48px; letter-spacing: 1px; } @media (max-width: 767.98px) { .text-size-big { font-size: 30px; line-height: 38px; } } .text-size-big { font-size: 36px; } @media (max-width: 767.98px) { .text-size-big { font-size: 20px; } } .text-black { color: var(--body-link-color) !important; } .text-black > a { color: var(--body-link-color) !important; } .text-white { color: #fff !important; } .text-white > a { color: #fff !important; } .text-theme { color: var(--halpes-theme-color) !important; } .text-theme > a { color: var(--halpes-theme-color) !important; } .text-theme-2, .text-theme-second { color: var(--halpes-theme-color-second) !important; } .text-theme-2 > a, .text-theme-second > a { color: var(--halpes-theme-color-second) !important; } .text-gray { color: var(--body-color) !important; } .text-gray > a { color: var(--body-color) !important; } .text-gray-light { color: #b8bbc9 !important; } .text-gray-light > a { color: #b8bbc9 !important; } .color-theme { color: var(--halpes-theme-color) !important; } .color-theme > a { color: var(--halpes-theme-color) !important; } .color-white { color: #fff !important; } .color-white > a { color: #fff !important; } .color-dark { color: #f1f1f1 !important; } .color-dark > a { color: #f1f1f1 !important; } .color-black { color: #000 !important; } .color-black > a { color: #000 !important; } .align-content-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .gavias-parallax { background-attachment: fixed !important; } @media (max-width: 575.98px) { .gavias-parallax { background-attachment: scroll !important; } } .gavias-parallax.fp-section { background-attachment: scroll !important; } .socials { display: inline-block; text-align: left; width: 100%; } .socials a { color: var(--body-color); text-decoration: none; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; margin-right: 5px; font-size: 14px; } .socials a:last-child { margin-right: 0; } .socials a:hover, .socials a:focus, .socials a:active { opacity: 0.7; filter: alpha(opacity=70); } .socials a i { color: #fff; width: 41px; height: 41px; display: inline-block; text-align: center; line-height: 41px; font-size: 12px; } .socials a i.fa-facebook-square, .socials a i.fa-facebook { background: #3b5998; } .socials a i.fa-twitter, .socials a i.fa-twitter-square { background: #1696d2; } .socials a i.fa-skype { background: #12a5f4; } .socials a i.fa-dribbble { background: #ea4c89; } .socials a i.fa-linkedin-square, .socials a i.fa-linkedin { background: #0e76a8; } .socials a i.fa-apple { background: #f2f2f2; } .socials a i.fa-pinterest, .socials a i.fa-pinterest-p { background: #c92228; } .socials a i.fa-google-plus-square, .socials a i.fa-google-plus { background: #d34836; } .socials a i.fa-youtube-square, .socials a i.fa-youtube { background: #c4302b; } .socials a i.fa-vimeo-square, .socials a i.fa-vimeo { background: #4ebbff; } .socials a i.fa-tumblr-square, .socials a i.fa-tumblr { background: #35465c; } .socials a i.fa-xing-square, .socials a i.fa-xing { background: #126567; } .socials a i.fa-instagram { background: #59a1b9; } .socials-v1 a { display: inline-block; width: 47px; height: 47px; line-height: 47px; margin-right: 10px; text-align: center; padding: 0; color: var(--halpes-theme-color-three); background-color: #fff; position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .socials-v1 a:after { content: ''; width: 9px; height: 9px; background: #fff; position: absolute; top: 0; right: 0; z-index: 10; } .socials-v1 a:hover { color: var(--halpes-theme-color-three); background: var(--halpes-theme-color-second); } .post-masonry-style > div, .isotope-items > div { margin-left: -1px; -webkit-transform: translateX(1px); transform: translateX(1px); } .nav-tabs > li > a { font-weight: 600; color: #000; padding: 8px 18px; border: none; font-size: 16px; background: none; font-family: var(--halpes-heading-font-family); } .nav-tabs > li > a i { margin-right: 5px; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active { color: var(--halpes-theme-color); } .nav-tabs > li.active > a, .nav-tabs > li > a.active { color: var(--halpes-theme-color); } .box-quick-link ul { padding: 0; margin: 0; } .box-quick-link ul > li { width: 46%; height: 70px; border: 1px solid #dee2e6; float: left; list-style: none; text-align: center; margin-bottom: 8%; } .box-quick-link ul > li:nth-child(2n) { margin-left: 4%; } .box-quick-link ul > li:nth-child(2n+1) { margin-right: 4%; } .box-quick-link ul > li a { font-weight: 600; font-size: 13px; display: block; line-height: 1.8; padding-top: 12px; } .box-quick-link ul > li a i { display: block; font-size: 23px; color: #777777; } .box-quick-link ul > li a:hover { color: #fff; } .box-quick-link ul > li a:hover i { color: #fff; } .box-quick-link ul > li:hover { background-color: #555555; } .box-quick-link ul > li:hover * { color: #fff; } .init-carousel-owl { margin-left: -15px; margin-right: -15px; width: auto; /*&[data-items*="1"]{ margin-left: 0!important; margin-right: 0!important; .owl-item > .item{ padding-left: 0!important; padding-right: 0!important; } }*/ } .init-carousel-owl .owl-item > .item { padding-left: 15px; padding-right: 15px; } .init-carousel-owl.carousel-no-padding, .init-carousel-owl.no-padding { margin-left: 0 !important; margin-right: 0 !important; } .init-carousel-owl.carousel-no-padding .owl-item > .item, .init-carousel-owl.no-padding .owl-item > .item { padding-left: 0 !important; padding-right: 0 !important; } div.error { background-repeat: no-repeat !important; background-image: none !important; } .owl-carousel { background: none !important; position: relative; max-height: 200px; } .owl-carousel .item { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -moz-transition: opacity 0.35s; -ms-transition: opacity 0.35s; visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .owl-carousel .owl-stage-outer .item { opacity: 1; filter: alpha(opacity=100); visibility: visible; } .owl-carousel.owl-loaded { max-height: none; } .owl-carousel .owl-item img { display: inline-block; width: auto; } .owl-carousel .owl-controls { margin: 0; } .owl-carousel .owl-controls .owl-pagination { position: relative; bottom: 10px; z-index: 9; display: inline-block; width: 100%; left: 0; } .owl-carousel .owl-controls .owl-pagination .owl-page span { background: #d6d6d6; width: 10px; height: 10px; } .owl-carousel .owl-controls .owl-pagination .owl-page.active span { background: #869791; } .owl-carousel .owl-dots { margin-top: -8px; margin-bottom: -8px; text-align: center; float: left; width: 100%; } .owl-carousel .owl-dots .owl-dot { width: 11px; height: 11px; background: var(--body-link-color); opacity: 0.5; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; display: inline-block; margin: 0 2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover { opacity: 1; } .owl-carousel .owl-nav { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; } .owl-carousel .owl-nav > div { -webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; position: absolute; top: 50%; margin-top: -25px; width: 45px; height: 45px; color: var(--body-link-color); opacity: 1; filter: alpha(opacity=100); line-height: 48px; text-align: center; font-size: 16px; padding: 0; background: #eff5f4; border-radius: 50%; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16); } .owl-carousel .owl-nav > div span { position: relative; z-index: 9; } .owl-carousel .owl-nav > div:hover { background: var(--halpes-theme-color); color: #fff; } .owl-carousel .owl-nav > div:hover i { color: #fff; } .owl-carousel .owl-nav > div.owl-prev { right: auto; left: -20px; } @media (max-width: 1024px) { .owl-carousel .owl-nav > div.owl-prev { left: 0; } } .owl-carousel .owl-nav > div.owl-next { left: auto; right: -20px; } @media (max-width: 1024px) { .owl-carousel .owl-nav > div.owl-next { right: 0; } } .owl-carousel:hover .owl-nav { opacity: 1; filter: alpha(opacity=100); } .owl-carousel.carousel-thumbnail.text.top { padding-top: 60px; } .owl-carousel.carousel-thumbnail.text.top .owl-dots { position: absolute; top: 10px; left: 0; width: 100%; z-index: 99; margin-top: 0; } .owl-carousel.carousel-thumbnail.text.top .owl-dots .owl-dot { width: auto; height: auto; background: none; text-transform: uppercase; font-family: var(--halpes-heading-font-family); font-size: 13px; margin: 0 10px; color: #000; font-weight: 600; } .owl-carousel.carousel-thumbnail.text.top .owl-dots .owl-dot.active { color: var(--halpes-theme-color); } .owl-carousel.carousel-thumbnail.text.vertical { padding-left: 25%; } .owl-carousel.carousel-thumbnail.text.vertical .owl-nav { display: none; } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots { position: absolute; top: 0; left: 0; width: 25%; z-index: 99; margin-top: 0; padding-right: 30px; } @media (max-width: 575.98px) { .owl-carousel.carousel-thumbnail.text.vertical .owl-dots { width: 100%; } } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot { width: 100%; display: block; text-align: left; background: none; text-transform: uppercase; font-family: var(--halpes-heading-font-family); font-size: 13px; color: #000; font-weight: 600; background: #fff; padding: 25px 20px; border-bottom: 1px solid #dee2e6; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; height: auto; line-height: 1; position: relative; } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot:after { content: ""; position: absolute; right: 0; top: 15px; bottom: 15px; width: 3px; background: var(--halpes-theme-color); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot:last-child { border-bottom: 0; } @media (max-width: 575.98px) { .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot { display: inline-block; width: auto; text-align: center; } } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot.active { color: var(--halpes-theme-color); } .owl-carousel.carousel-thumbnail.text.vertical .owl-dots .owl-dot.active:after { opacity: 1; filter: alpha(opacity=100); } .owl-carousel.pagination-right .owl-dots { position: absolute; right: -30px; top: 50%; margin-top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: auto; } .owl-carousel.pagination-right .owl-dots .owl-dot { display: block; margin: 10px 0; } .owl-carousel.padding-left .owl-dots { float: left; width: auto; margin-top: 15px; } .owl-carousel.white .owl-dots .owl-dot { background: #AAABAC; } .owl-carousel.white .owl-dots .owl-dot.active { background: #fff; } .button, .btn, .btn-white, .btn-theme, .btn-black, .btn-theme-second, .more-link a, .btn-theme-submit, .btn-theme-outline, .btn-theme-2 { font-size: 16px; background: var(--halpes-theme-color); color: #fff; font-weight: 800; padding: 20px 35px; line-height: 1; position: relative; z-index: 1; display: inline-block; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border: none; text-transform: none; border-radius: 0; } @media (max-width: 1199.98px) { .button, .btn, .btn-white, .btn-theme, .btn-black, .btn-theme-second, .more-link a, .btn-theme-submit, .btn-theme-outline, .btn-theme-2 { padding-left: 30px; padding-right: 30px; } } @media (max-width: 767.98px) { .button, .btn, .btn-white, .btn-theme, .btn-black, .btn-theme-second, .more-link a, .btn-theme-submit, .btn-theme-outline, .btn-theme-2 { padding: 15px 20px; font-size: 15px; } } .button span, .btn span, .btn-white span, .btn-theme span, .btn-black span, .btn-theme-second span, .more-link a span, .btn-theme-submit span, .btn-theme-outline span, .btn-theme-2 span { position: relative; /*&:before{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f004"; margin-right: 5px; }*/ } .button i, .btn i, .btn-white i, .btn-theme i, .btn-black i, .btn-theme-second i, .more-link a i, .btn-theme-submit i, .btn-theme-outline i, .btn-theme-2 i { font-size: 14px; margin-right: 10px; } .button:hover, .button:focus, .btn:hover, .btn:focus, .btn-white:hover, .btn-white:focus, .btn-theme:hover, .btn-theme:focus, .btn-black:hover, .btn-black:focus, .btn-theme-second:hover, .btn-theme-second:focus, .more-link a:hover, .more-link a:focus, .btn-theme-submit:hover, .btn-theme-submit:focus, .btn-theme-outline:hover, .btn-theme-outline:focus, .btn-theme-2:hover, .btn-theme-2:focus { cursor: pointer; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); color: #fff; opacity: 0.9; } .button.full-width, .btn.full-width, .btn-white.full-width, .btn-theme.full-width, .btn-black.full-width, .btn-theme-second.full-width, .more-link a.full-width, .btn-theme-submit.full-width, .btn-theme-outline.full-width, .btn-theme-2.full-width { width: 100%; padding-left: 15px; padding-right: 15px; line-height: 25px; text-align: center; } .btn-theme.btn-sm { padding: 15px 20px; font-size: 14px; } .btn-theme.btn-sm span:before { font-size: 12px; } .btn-theme-2 { background: #eff5f4; color: var(--body-link-color); } .btn-theme-2:hover, .btn-theme-2:focus { background: var(--halpes-theme-color); color: #fff; } .btn-black { background: var(--body-link-color); } .btn-black.btn-sm { padding: 15px 20px; font-size: 14px; } .btn-black.btn-sm span:before { font-size: 12px; } .btn-black:hover, .btn-black:focus { background: #fff; color: var(--body-link-color); } .btn-white { background: #fff; color: var(--body-link-color); } .btn-white:hover, .btn-white:focus, .btn-white:active { background: var(--body-link-color); color: #fff; } .more-link { text-align: center; margin-top: 30px; } .btn-theme-second { background: var(--halpes-theme-color-second); color: #fff; } .btn-theme-second:hover, .btn-theme-second:focus, .btn-theme-second:active { color: #fff; } .btn-inline { font-size: 14px; color: var(--body-color); position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-weight: 500; padding-right: 28px; white-space: nowrap; } .btn-inline:after { content: '\f061'; font-family: "Font Awesome 5 Free"; z-index: 1; line-height: 1; font-weight: 900; color: var(--halpes-theme-color); margin-left: 7px; } .btn-inline:hover { text-decoration: underline; color: var(--halpes-theme-color); } .btn-inline-white { color: #fff; font-size: 16px; font-weight: 500; letter-spacing: -0.4px; display: inline-block; } .btn-inline-white i { font-size: 20px; margin-left: 15px; } .btn-theme-outline { background: transparent; color: var(--body-link-color); border: 2px solid var(--halpes-theme-color); } .btn-theme-outline:hover, .btn-theme-outline:focus { background: var(--halpes-theme-color); color: #fff; } .gsc-button.btn-white, .btn-white { background: #fff; } .gsc-button.btn-white span, .btn-white span { color: var(--halpes-theme-color-three); } .gsc-button.btn-white:after, .btn-white:after { background: var(--halpes-theme-color-three); } .gsc-button.btn-white:hover, .gsc-button.btn-white:focus, .gsc-button.btn-white:active, .btn-white:hover, .btn-white:focus, .btn-white:active { color: #fff; } .gsc-button.btn-white:hover span, .gsc-button.btn-white:focus span, .gsc-button.btn-white:active span, .btn-white:hover span, .btn-white:focus span, .btn-white:active span { color: #fff; } .gsc-button.btn-default { background: #000; color: #fff; } .gsc-button.btn-default:hover, .gsc-button.btn-default:focus, .gsc-button.btn-default:active { color: var(--halpes-theme-color); background: black; } .button--danger { font-weight: 500; padding: 22px 38px; line-height: 20px; letter-spacing: 3px; background: #dc3545; color: #fff; text-transform: uppercase; } .button--danger:hover, .button--danger:focus, .button--danger:active { color: var(--halpes-theme-color-three); cursor: pointer; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); } .user-login-form input[type*='submit'], .user-register-form input[type*='submit'], .user-form input[type*='submit'], .user-pass input[type*='submit'] { font-size: 12px; text-transform: uppercase; font-family: var(--halpes-heading-font-family); background: var(--halpes-theme-color); color: #fff; font-weight: 600; letter-spacing: 1px; padding: 16px 35px; position: relative; display: inline-block; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border: 1px solid transparent; margin-top: 10px; } .user-login-form input[type*='submit']:hover, .user-login-form input[type*='submit']:focus, .user-login-form input[type*='submit']:active, .user-register-form input[type*='submit']:hover, .user-register-form input[type*='submit']:focus, .user-register-form input[type*='submit']:active, .user-form input[type*='submit']:hover, .user-form input[type*='submit']:focus, .user-form input[type*='submit']:active, .user-pass input[type*='submit']:hover, .user-pass input[type*='submit']:focus, .user-pass input[type*='submit']:active { background: #fff; color: #000; border-color: var(--halpes-theme-color); } .button-right { text-align: right; } @media (max-width: 767px) { .button-right { text-align: left; } } /*************** Progress Bars ***************/ .progress-label { font-size: 20px; color: var(--body-link-color); font-weight: 900; margin-bottom: 10px; } .progress { height: 14px; background-color: #eff5f4; border-radius: 10px; position: relative; overflow: visible; } .progress .progress-bar { -webkit-transition: width 2s ease-in-out; transition: width 2s ease-in-out; -moz-transition: width 2s ease-in-out; -ms-transition: width 2s ease-in-out; line-height: 16px; background: var(--halpes-theme-color); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .progress .progress-bar .percentage { position: relative; font-size: 16px; font-weight: 700; text-align: center; position: absolute; right: 0; top: -28px; z-index: 9; color: var(--body-color); } .panel { border: none; margin-top: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; background: #fff; padding: 15px; } .panel .panel-heading { background: none; padding: 0; } .panel .panel-title { font-size: 18px; } .panel .panel-title > a { display: block; position: relative; } .panel .panel-title > a:after { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; font-size: 14px; top: 4px; right: 0px; z-index: 1; color: var(--halpes-theme-color); font-weight: 900; display: inline-block; } .panel .panel-title > a.collapsed:after { content: "\f067"; color: #fff; } .panel .panel-body { border: none; line-height: 1.88; padding: 15px 30px 0; } .dropcap { display: block; float: left; font-size: 40px; line-height: 34px; color: #444; margin: 6px 8px 0 0; } .dropcap.border-dropcap { border: 2px solid #444; width: 46px; height: 46px; font-size: 28px; font-weight: 500; line-height: 42px; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; margin: 8px 12px 0 0; } .dropcap.bg-dropcap { background-color: #444; color: #fff; width: 48px; height: 48px; font-size: 28px; font-weight: 500; line-height: 48px; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; margin: 8px 12px 0 0; } .dropcap.circle-dropcap { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 2px solid #444; width: 46px; height: 46px; font-size: 28px; font-weight: 500; line-height: 42px; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; margin: 8px 12px 0 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .rotate-text { max-width: 900px; margin: 0 auto; text-align: center; } .rotate-text .primary-text { font-family: var(--halpes-heading-font-family); font-size: 40px; color: white; font-weight: 600; } .rotate-text .second-text { font-size: 16px; color: #fff; } .rotate-text .link { margin-top: 30px; } .info-contact > div { float: left; margin-right: 100px; margin-top: 10px; margin-bottom: 10px; } @media (max-width: 767.98px) { .info-contact > div { margin-right: 50px; } } @media (max-width: 575.98px) { .info-contact > div { margin-right: 30px; } } .info-contact > div:last-child { margin-right: 0; } .info-contact > div .icon { width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; float: left; margin-right: 10px; line-height: 40px; color: #fff; background: var(--halpes-theme-color); text-align: center; margin-top: -7px; } .info-contact > div.phone .icon { background: var(--halpes-theme-color-second); } .info-contact > div.address .icon { background: var(--halpes-theme-color-three); } .about-info img { max-width: 140px; } .contact-info ul { list-style-type: none; padding-left: 0; } .contact-info ul li { padding-bottom: 10px; } .contact-info i { font-size: 21px; color: var(--halpes-theme-color-second); margin-right: 20px; } .scroll-to-top { display: inline-block; width: 45px; height: 45px; background: var(--halpes-theme-color-second); position: fixed; bottom: 40px; right: 40px; opacity: 0; visibility: hidden; z-index: 1000; text-align: center; -webkit-transition: all .4s ease; transition: all .4s ease; } .scroll-to-top.show { opacity: 1; visibility: visible; } .scroll-to-top:after, .scroll-to-top:before { width: 45px; height: 45px; background-color: var(--halpes-theme-color-second); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-transition: all .4s ease; transition: all .4s ease; } .scroll-to-top:after { -webkit-animation-delay: .6s; animation-delay: .6s; } .scroll-to-top i { font-size: 18px; line-height: 45px; color: var(--halpes-theme-color-three); position: relative; z-index: 10; -webkit-transition: all .4s ease; transition: all .4s ease; } .scroll-to-top:hover { background: #fff; } .scroll-to-top:hover i { color: #222429; } .scroll-to-top:hover:before, .scroll-to-top:hover:after { background-color: #fff; } @-webkit-keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .social-sharing-buttons { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } /* This is required to win over specificity of #content h2 */ .links .comment-add { display: none; } #node-single-comment h2 { margin-top: 30px; margin-bottom: 30px; font-size: 22px; position: relative; padding-bottom: 20px; } #node-single-comment h2:before { content: ""; position: absolute; width: 50px; height: 2px; background: var(--halpes-theme-color); left: 0; bottom: 0; z-index: 1; } #node-single-comment #comment-form .form-item { margin-bottom: 20px; } #node-single-comment #comment-form .form-item.js-form-type-textarea { margin: 0; } #node-single-comment #comment-form .form-item label { text-transform: uppercase; font-size: 14px; display: block; font-weight: 700; color: #6a6a6a; } #node-single-comment #comment-form input[type*='text'], #node-single-comment #comment-form input[type*='email'], #node-single-comment #comment-form input[type*='phone'], #node-single-comment #comment-form input[type*='tel'], #node-single-comment #comment-form select { height: 52px; } #node-single-comment input[type*='text'], #node-single-comment textarea { width: 100%; } .comment-wrapper h2.comment-form__title { margin-bottom: 1em; } .field-node--comment { font-size: 0.934em; } .comment { margin-bottom: 19px; vertical-align: top; display: table; } [dir="rtl"] .comment { direction: rtl; } .comment__meta { padding: 0 30px 0 0; /* LTR */ font-size: 1.071em; width: 115px; } @media (max-width: 768.9px) { .comment__meta { width: 90px; } } [dir="rtl"] .comment__meta { padding: 0 0 0 30px; } .comment__attribution img { border: 1px solid #d3d7d9; } /* This is required to win over specificity of .field--type-image img */ .comment .field--name-user-picture img { margin: 0; } .comment__author .username { white-space: nowrap; text-transform: uppercase; color: #000; font-weight: 700; font-size: 12px; } .comment__author { margin: 4px 0; line-height: 1.2; text-transform: uppercase; color: #000; font-weight: 700; font-size: 12px; } .comment__time { margin-bottom: 4px; color: #68696b; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.733em; line-height: 1.2; } .comment__permalink { font-size: 0.733em; line-height: 1.2; } .comment__content { position: relative; display: table-cell; padding: 10px 25px 10px 25px; vertical-align: top; width: 100%; border: 1px solid #d3d7d9; font-size: 0.929em; line-height: 1.6; word-break: break-all; } .comment__content h3 a { font-size: 18px; font-weight: 700; } .comment__content .links.inline { margin-top: 10px; } .comment__content .links.inline > li { float: left; } .comment__content .links.inline > li a { text-transform: uppercase; font-weight: 700; font-size: 12px; } .comment__content:before { content: ''; position: absolute; right: 100%; /* LTR */ top: 20px; border-top: 20px solid transparent; border-right: 20px solid #d3d7d9; /* LTR */ border-bottom: 20px solid transparent; } [dir="rtl"] .comment__content:before { right: auto; left: 100%; border-right: none; border-left: 20px solid #d3d7d9; } .comment__content:after { content: ''; position: absolute; right: 100%; /* LTR */ top: 20px; border-top: 20px solid transparent; border-right: 20px solid #fff; /* LTR */ border-bottom: 20px solid transparent; margin-right: -1px; /* LTR */ } [dir="rtl"] .comment__content:after { right: auto; left: 100%; border-right: none; border-left: 20px solid #fff; margin-right: 0; margin-left: -1px; } .comment__content h3 { margin-top: 0.94em; margin-bottom: 0.45em; font-size: 1.171em; } .comment__content nav { padding-top: 1px; } .indented { margin-left: 40px; /* LTR */ } [dir="rtl"] .indented { margin-right: 40px; margin-left: 0; } .comment .links { padding: 0 0 0.25em 0; } .comment .links li { padding: 0 0.5em 0 0; /* LTR */ font-size: 1.08em; } [dir="rtl"] .comment .links li { padding: 0 0 0 0.5em; } .comment--unpublished { margin-right: 5px; /* LTR */ padding: 5px 2px 5px 5px; /* LTR */ background: #fff4f4; } [dir="rtl"] .comment--unpublished { margin-left: 5px; margin-right: 0; padding: 5px 5px 5px 2px; } /** * @todo: unpublished nodes have class .node--unpublished. * change this to .comment--unpublished. */ .unpublished .comment-text .comment-arrow { border-left: 1px solid #fff4f4; border-right: 1px solid #fff4f4; } .unpublished { padding: 20px 15px 0; } .comment-footer { display: table-row; } .comment--unpublished .comment__text:after, .node--unpublished .comment__text:after { border-right-color: #fff4f4; /* LTR */ } [dir="rtl"] .comment--unpublished .comment__content:after, [dir="rtl"] .node--unpublished .comment__content:after { border-left-color: #fff4f4; } .comment-form .filter-help { float: right; } .comment-form .js-filter-wrapper { display: block; width: 100%; float: left; margin-top: 15px; } .comment-form .js-form-type-select { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .comment-form .js-form-type-select label { margin-right: 6px; margin-top: 4px !important; font-size: 12px !important; } .comment-form .js-filter-list { width: auto; height: 36px !important; padding: 0 26px 0px 15px; } .comment-form .ck-label.ck-voice-label { display: none !important; } .comment-form .filter-guidelines { float: left; width: 100%; margin-bottom: 20px; } .mailchimp-signup-subscribe-form { position: relative; } .mailchimp-signup-subscribe-form form { -webkit-box-shadow: 0px 10px 60px 0 rgba(30, 40, 69, 0.07); box-shadow: 0px 10px 60px 0 rgba(30, 40, 69, 0.07); background-color: #fff; padding: 12px; } .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields { width: calc(100% - 115px); } .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields label { display: none; } .mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields input { width: 100%; border: none; padding: 0 10px; line-height: 50px; font-size: 16px; height: 41px; border-radius: 0; border: solid 1px rgba(35, 35, 35, 0); background-color: #fff; } .mailchimp-signup-subscribe-form .form-actions { display: inline-block; position: absolute; right: 0; top: 0; padding: 12px; width: 120px; } .mailchimp-signup-subscribe-form .form-actions .button { padding: 12px 20px; padding-left: 35px; height: 42px; width: 100%; } .mailchimp-signup-subscribe-form .form-actions .button:hover { background: var(--halpes-theme-color-second); color: #fff; } .mailchimp-signup-subscribe-form .form-actions:after { color: #fff; content: "\f35a"; font-family: "Font Awesome 5 Free"; position: absolute; top: 26px; left: 30px; z-index: 10; line-height: 1; font-weight: 900; font-size: 13px; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .form-control { -webkit-box-shadow: none; box-shadow: none; } #user-login-form .form-item label { width: 100%; } #user-login-form .form-item input { width: 100%; } #user-login-form ul { width: 100%; padding: 10px 0 30px; } #user-login-form ul > li { width: 49%; float: left; text-align: center; } #user-login-form ul > li:first-child { margin-right: 2%; } #user-login-form ul > li a { width: 100%; display: inline-block; float: none; font-size: 11px; text-transform: uppercase; font-weight: 600; padding: 10px 5px; } #user-login ul { margin: 0 0 5px; } #user-login ul li { margin: 0; } #user-login li.openid-link { background: none; } #search-form .panel { border: none; -webkit-box-shadow: none; box-shadow: none; } #search-form .panel-default > .panel-heading { border-bottom: none; } .hide-label label { background: none; clip: rect(1px); } .exposed-filters .form-item { margin-bottom: 10px; margin-top: 0; } #article-admin-filter ul { padding: .5em 0; } #article-admin-filter ul li { list-style: none; } #edit-operation-wrapper select { margin: .5em; } div.resizable-textarea textarea { margin-top: 0; border: 1px solid #dee2e6; } .search-advanced .criterion { float: none; margin: 0 5px; } #edit-keywords-fieldset .form-item:first-child { margin-top: 5px; } #user-admin-filter ul li { list-style: none; } .field-type-text-long fieldset { padding: 10px 0; border: #dee2e6; } .field-type-text-long fieldset .form-item { margin: 0; padding: 0 0 0 15px; } #comment-form label { display: inline-block; font-size: 18px; font-weight: normal; margin-bottom: 5px; } #contact-site-form .form-checkbox { margin-left: 0; } #comment-form-wrapper .form-item label { min-width: 120px; display: inline-block; font-weight: 600; text-transform: uppercase; font-size: 14px; } .search-form input[type="search"] { padding: 14px 20px; border: 1px solid #dee2e6; } .block-search .search-block-form { position: relative; } .block-search .search-block-form input.form-search { height: 55px; padding: 2px 20px; padding-right: 50px; background: #fff; border: 0; width: 100%; border-radius: 0; border: 1px solid #dee2e6; } .block-search .search-block-form input.form-submit { line-height: 1; width: 100%; height: 55px; font-size: 0; border: 0; border-radius: 0; padding: 0; z-index: 11; background: none; } .block-search .search-block-form input.form-submit:hover, .block-search .search-block-form input.form-submit:focus { cursor: pointer; -webkit-box-shadow: none; box-shadow: none; } .block-search .search-block-form .form-item { width: 100%; } .block-search .search-block-form .form-actions { position: absolute; right: 1px; top: 0; bottom: 1px; width: 40px; -webkit-transition: all 0.35s; transition: all 0.35s; } .block-search .search-block-form .form-actions:before { font-family: "Flaticon"; font-style: normal; font-weight: normal; content: "\f103"; -moz-osx-font-smoothing: grayscale; line-height: 1; display: inline-block; position: absolute; top: 18px; right: 15px; z-index: 2; font-size: 18px; font-weight: 700; } .block-search .search-block-form .form-actions:hover, .block-search .search-block-form .form-actions:focus { color: var(--body-link-color); } .contact-message-form { margin: 0 auto; } .contact-message-form div[id*="edit-name"], .contact-message-form div[id*="edit-mail"], .contact-message-form .js-form-item-mail { height: 45px; line-height: 45px; padding: 5px; border-bottom: 2px solid #CCCCCC; } .contact-message-form .form-item { margin-bottom: 30px; color: var(--body-color); } .contact-message-form .form-item label { font-size: 12px; text-transform: uppercase; } .contact-message-form .form-item #edit-copy { display: inline-block; margin-right: 5px; } .contact-message-form .form-item input[type='text'], .contact-message-form .form-item input[type='email'], .contact-message-form .form-item textarea { width: 100%; border: none; border-bottom: 2px solid #CCCCCC; position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; height: 45px; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; padding-left: 5px; } .contact-message-form .form-item input[type='text']::-webkit-input-placeholder, .contact-message-form .form-item input[type='email']::-webkit-input-placeholder, .contact-message-form .form-item textarea::-webkit-input-placeholder { color: var(--body-color); text-transform: capitalize; } .contact-message-form .form-item input[type='text']:-moz-placeholder, .contact-message-form .form-item input[type='email']:-moz-placeholder, .contact-message-form .form-item textarea:-moz-placeholder { color: var(--body-color); text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .contact-message-form .form-item input[type='text']::-moz-placeholder, .contact-message-form .form-item input[type='email']::-moz-placeholder, .contact-message-form .form-item textarea::-moz-placeholder { color: var(--body-color); text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .contact-message-form .form-item input[type='text']:-ms-input-placeholder, .contact-message-form .form-item input[type='email']:-ms-input-placeholder, .contact-message-form .form-item textarea:-ms-input-placeholder { color: var(--body-color); text-transform: capitalize; } .contact-message-form .form-item textarea { height: 200px; padding-top: 15px; } @media (max-width: 575.98px) { .contact-message-form .form-item textarea { height: 120px; } } .contact-message-form .form-item-copy { margin-bottom: 10px !important; } .contact-message-form #edit-actions { width: 100%; text-align: center; } .contact-message-form #edit-actions:before, .contact-message-form #edit-actions:after { content: " "; display: table; } .contact-message-form #edit-actions:after { clear: both; } .contact-message-form #edit-preview { display: inline-block; font-size: 12px; letter-spacing: 2px; background: var(--halpes-theme-color); font-weight: 600; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; height: 45px; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; margin-right: 20px; } .contact-message-form #edit-preview:hover { background: #000 !important; } .contact-message-form #edit-preview { display: none; } .text-light .contact-message-form #edit-name, .text-light .contact-message-form #edit-mail, .text-light .contact-message-form input[type='text'], .text-light .contact-message-form input[type='email'], .text-light .contact-message-form textarea { background: none; border: 2px solid rgba(255, 255, 255, 0.2); color: #fff; } .text-light .contact-message-form #edit-name::-webkit-input-placeholder, .text-light .contact-message-form #edit-mail::-webkit-input-placeholder, .text-light .contact-message-form input[type='text']::-webkit-input-placeholder, .text-light .contact-message-form input[type='email']::-webkit-input-placeholder, .text-light .contact-message-form textarea::-webkit-input-placeholder { color: #fff; text-transform: capitalize; } .text-light .contact-message-form #edit-name:-moz-placeholder, .text-light .contact-message-form #edit-mail:-moz-placeholder, .text-light .contact-message-form input[type='text']:-moz-placeholder, .text-light .contact-message-form input[type='email']:-moz-placeholder, .text-light .contact-message-form textarea:-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .text-light .contact-message-form #edit-name::-moz-placeholder, .text-light .contact-message-form #edit-mail::-moz-placeholder, .text-light .contact-message-form input[type='text']::-moz-placeholder, .text-light .contact-message-form input[type='email']::-moz-placeholder, .text-light .contact-message-form textarea::-moz-placeholder { color: #fff; text-transform: capitalize; opacity: 1; filter: alpha(opacity=100); } .text-light .contact-message-form #edit-name:-ms-input-placeholder, .text-light .contact-message-form #edit-mail:-ms-input-placeholder, .text-light .contact-message-form input[type='text']:-ms-input-placeholder, .text-light .contact-message-form input[type='email']:-ms-input-placeholder, .text-light .contact-message-form textarea:-ms-input-placeholder { color: #fff; text-transform: capitalize; } .block-system .contact-message-form { margin-bottom: 60px; } /******** Contact form ********/ .messages__wrapper { margin-bottom: 25px; } /****** commerce-product-campaign-add-form ******/ form.commerce-product-campaign-add-form { max-width: 960px; margin: 0 auto 120px; } @media (max-width: 575.98px) { form.commerce-product-campaign-add-form { margin-bottom: 60px; } } form.commerce-product-campaign-add-form .layout-region-product-main { width: 100% !important; } form.commerce-product-campaign-add-form .layout-region-product-main label { font-size: 12px; text-transform: uppercase; margin-bottom: 0; vertical-align: text-top; } form.commerce-product-campaign-add-form .layout-region-product-main label.form-required { position: relative; } form.commerce-product-campaign-add-form .layout-region-product-main label.form-required:after { content: "*"; color: #dc3545; font-size: 14px; } form.commerce-product-campaign-add-form .layout-region-product-main input[type="text"] { height: 45px; margin-top: 0; display: inline-block; -webkit-box-shadow: none; box-shadow: none; } form.commerce-product-campaign-add-form .layout-region-product-main .filter-wrapper { font-style: italic; } form.commerce-product-campaign-add-form .layout-region-product-main .filter-wrapper a { color: #dc3545; font-size: 14px; } form.commerce-product-campaign-add-form .layout-region-product-main .field--name-title .form-text { width: 100%; } form.commerce-product-campaign-add-form .layout-region-product-main .field--name-title, form.commerce-product-campaign-add-form .layout-region-product-main .field--name-body { margin-bottom: 30px; } form.commerce-product-campaign-add-form .layout-region-product-main legend, form.commerce-product-campaign-add-form .layout-region-product-main .field--widget-commerce-price-default label, form.commerce-product-campaign-add-form .layout-region-product-main .field--name-field-campaign-video label { font-size: 18px; font-weight: 400; color: #000; padding-top: 30px; text-transform: none; display: block; } form.commerce-product-campaign-add-form .layout-region-product-main .field--widget-image-image { border: 1px solid #dee2e6; padding: 20px; margin-bottom: 30px; } form.commerce-product-campaign-add-form .layout-region-product-main .field--widget-image-image summary { color: #000; font-weight: 400; text-transform: uppercase; } form.commerce-product-campaign-add-form .layout-region-product-main .field--widget-image-image .description { font-size: 15px; font-style: italic; margin-top: 20px; } form.commerce-product-campaign-add-form .layout-region-product-main .field--widget-image-image details { overflow-x: auto; } form.commerce-product-campaign-add-form .layout-region-product-main .field--widget-datetime-default .form-item { display: inline-block; } form.commerce-product-campaign-add-form .layout-region-product-main .field--name-field-campaign-featured { margin-top: 20px; } form.commerce-product-campaign-add-form .layout-region-product-main .form-date, form.commerce-product-campaign-add-form .layout-region-product-main .form-time { font-size: 14px; padding: 6px 10px; } form.commerce-product-campaign-add-form .layout-region-product-secondary { display: none !important; } form.commerce-product-campaign-add-form .layout-region-product-secondary .form-actions { margin-top: 30px; } form.commerce-product-campaign-add-form .layout-region-product-footer { width: 100%; margin-top: 15px; } form.commerce-product-campaign-add-form .layout-region-product-footer .layout-region-product-footer__content { padding-top: 30px; } form.commerce-product-campaign-add-form .layout-region-product-footer .layout-region-product-footer__content .field--name-status { display: none !important; } .webform-submission-form .form-content-inner { max-width: 900px; margin: 0 -15px; padding: 0; } .webform-submission-form .form-item { margin-bottom: 10px; position: relative; } .webform-submission-form .form-item:before, .webform-submission-form .form-item:after { content: " "; display: table; } .webform-submission-form .form-item:after { clear: both; } .webform-submission-form .form-item label { font-size: 16px; font-weight: 400; color: #161c26; font-family: var(--halpes-heading-font-family); } .webform-submission-form .form-item input, .webform-submission-form .form-item textarea, .webform-submission-form .form-item select { width: 100%; background: #fff; border: 0; font-size: 16px; padding: 0 30px; margin-top: 0; min-height: 60px; color: var(--body-color); font-weight: 400; -webkit-box-shadow: none; box-shadow: none; } .webform-submission-form .form-item input::-webkit-input-placeholder, .webform-submission-form .form-item textarea::-webkit-input-placeholder, .webform-submission-form .form-item select::-webkit-input-placeholder { color: var(--body-color); font-weight: 400; font-size: 15px; } .webform-submission-form .form-item input:-moz-placeholder, .webform-submission-form .form-item textarea:-moz-placeholder, .webform-submission-form .form-item select:-moz-placeholder { color: var(--body-color); font-weight: 400; font-size: 15px; opacity: 1; filter: alpha(opacity=100); } .webform-submission-form .form-item input::-moz-placeholder, .webform-submission-form .form-item textarea::-moz-placeholder, .webform-submission-form .form-item select::-moz-placeholder { color: var(--body-color); font-weight: 400; font-size: 15px; opacity: 1; filter: alpha(opacity=100); } .webform-submission-form .form-item input:-ms-input-placeholder, .webform-submission-form .form-item textarea:-ms-input-placeholder, .webform-submission-form .form-item select:-ms-input-placeholder { color: var(--body-color); font-weight: 400; font-size: 15px; } .webform-submission-form .form-item input:focus, .webform-submission-form .form-item textarea:focus, .webform-submission-form .form-item select:focus { border-color: var(--halpes-theme-color); } .webform-submission-form .form-item input { line-height: 40px; } .webform-submission-form .form-item select { height: 60px; margin-top: 0.25rem; } .webform-submission-form .form-item textarea { padding-top: 20px; display: block; } .webform-submission-form .form-actions { width: 100%; } .webform-submission-form .row { margin-left: -5px; margin-right: -5px; } .webform-submission-form .row > * { padding-left: 5px; padding-right: 5px; } .webform-submission-form.webform-submission-donate-form-form .form-item input { background: #fff; } .webform-submission-form.webform-submission-donate-form-form .form-item textarea { background: #fff; } .text-light .webform-submission-form .form-item:after { color: #fff; } .text-light .webform-submission-form .form-item input, .text-light .webform-submission-form .form-item textarea { background: none; border-color: rgba(255, 255, 255, 0.2); color: #fff; } .text-light .webform-submission-form .form-item input::-webkit-input-placeholder, .text-light .webform-submission-form .form-item textarea::-webkit-input-placeholder { color: #fff; } .text-light .webform-submission-form .form-item input:-moz-placeholder, .text-light .webform-submission-form .form-item textarea:-moz-placeholder { color: #fff; opacity: 1; filter: alpha(opacity=100); } .text-light .webform-submission-form .form-item input::-moz-placeholder, .text-light .webform-submission-form .form-item textarea::-moz-placeholder { color: #fff; opacity: 1; filter: alpha(opacity=100); } .text-light .webform-submission-form .form-item input:-ms-input-placeholder, .text-light .webform-submission-form .form-item textarea:-ms-input-placeholder { color: #fff; } .text-light .webform-submission-form .form-actions input.form-submit { border-color: #fff; color: #fff; background: #fff; color: #000; } .text-light .webform-submission-form .form-actions input.form-submit:hover { background: rgba(255, 255, 255, 0.8); } .text-light .webform-submission-form label { color: #fff; } .block { background: transparent; margin-bottom: 30px; } .block .block { margin-bottom: 0 !important; } .block .block-title { font-size: 22px; color: #000; } .block.block-system-main-block { margin-bottom: 0; } .block.block-system-breadcrumb-block { overflow: visible; margin-bottom: 20px; } .block.block-none, .block.no-padding { background: none !important; padding: 0 !important; } .block.block-none .block-content, .block.no-padding .block-content { padding: 0 !important; } .block.no-title { margin-top: 0; border: none; } .block.no-title:before { content: none; } .block.style-higlight { background: #34495E; padding-left: 20px; padding-right: 20px; } .block.style-higlight .block-title { border: none; } .block.style-higlight .block-title span:before { content: none; } .block.style-higlight .block-title h2 { margin: 0; padding: 0; border: none; } .block.style-higlight .block-title h2 span { padding: 10px; background: #4E6984; color: #fff; } .block.style-higlight .post-title a { color: #fff; } .block.style-higlight .more-link a { color: #fff; padding: 0 15px 15px; display: block; } .block.style-higlight .more-link a:hover { color: var(--halpes-theme-color); } .block#block-system-main { padding-top: 10px; } .block.block-local-tasks-block { margin-bottom: 0; } .block.no-title { border: none; } .block.no-title > .block-title, .block.no-title > div > .block-title { padding: 0; margin: 0; border: none; } .block.no-title > .block-title:before, .block.no-title > div > .block-title:before { content: none; } .block.block-simplenews { width: 100%; margin: 0 auto; padding: 0; } .block.block-simplenews .description { display: none; } .block.block-simplenews #edit-mail-wrapper { margin-top: 20px; } .block.block-simplenews #edit-mail-wrapper label { display: none; } .block.block-simplenews #edit-mail-wrapper input.form-email { padding: 0 20px; width: 100%; height: 40px; background: none; border: 2px solid rgba(255, 255, 255, 0.3); max-width: 320px; } .block.block-simplenews input#edit-subscribe { background: var(--halpes-theme-color); border: none; padding: 0 20px; line-height: 40px; text-align: center; font-size: 16px; font-family: var(--halpes-heading-font-family); -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; display: inline-block; width: auto; margin-top: 15px; color: #fff; font-weight: 400; } .block.block-simplenews input#edit-subscribe:hover, .block.block-simplenews input#edit-subscribe:focus, .block.block-simplenews input#edit-subscribe:active { background: #fff; color: var(--halpes-theme-color); } .block.block-blocktabs { position: relative; } .block.block-blocktabs .ui-widget { font-family: var(--halpes-font-sans-serif); font-size: 1rem; } .block.block-blocktabs .ui-tabs-nav { padding: 0; border: none; background: none !important; display: inline-block; float: right; position: absolute; right: 20px; top: -60px; z-index: 99; } .block.block-blocktabs .ui-tabs-nav > li { background: none; padding: 0; margin: 0; border: 0; position: relative; } .block.block-blocktabs .ui-tabs-nav > li > a { font-size: 14px; text-transform: none; font-family: var(--halpes-font-sans-serif); font-weight: 600; } .block.block-blocktabs .ui-tabs-nav > li:last-child > a { padding-right: 0; } .block.block-blocktabs .ui-tabs-nav > li.ui-tabs-active > a { color: var(--halpes-theme-color); } .block.block-blocktabs .blocktabs { border: none; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .block.block-blocktabs .blocktabs .ui-tabs-panel { padding: 0 !important; } .block.block-blocktabs .block { margin-bottom: 0 !important; } .block.site-branding { margin-bottom: 0; } .block-local-tasks-block { position: relative; z-index: 99; } .drupal-tabs { border-bottom: 1px solid #dee2e6; } .drupal-tabs:before, .drupal-tabs:after { content: " "; display: table; } .drupal-tabs:after { clear: both; } .drupal-tabs a { font-size: 12px; } .drupal-tabs .is-active a { color: var(--halpes-theme-color); } .help { position: relative; z-index: 1; display: none; width: 100%; } .help .drupal-tabs { padding: 10px 0; margin-bottom: 25px; } .help .messages__wrapper { padding: 10px 20px; border: 1px solid #dee2e6; margin-top: 20px; } .text-light .title { color: #fff !important; } .region-main-menu .block { background: transparent; } .region-main-menu .block .block-content { padding: 0; } .sidebar .block { background: #eff5f4; padding: 35px 40px; } @media (max-width: 768px) { .sidebar .block { padding: 25px 30px; } } .sidebar .block .block-title { margin-top: 0; padding-bottom: 15px; margin-bottom: 25px; font-size: 20px; position: relative; } .sidebar .block .block-title:after { content: ''; width: 45px; height: 2px; background: var(--halpes-theme-color); position: absolute; bottom: 0; left: 0; z-index: 1; } .sidebar .block.no-background { background: transparent; padding: 0; } .sidebar .block:last-child { margin-bottom: 50px; } .sidebar .block-menu:before, .sidebar .block-menu:after { content: " "; display: table; } .sidebar .block-menu:after { clear: both; } .sidebar .block-menu ul li { border: none; margin-bottom: 20px; float: left; width: 100%; list-style: none; } .sidebar .block-menu ul li a { display: block; text-transform: none; font-size: 16px; line-height: 26px; overflow: hidden; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; position: relative; color: var(--body-color); } .sidebar .block-menu ul li a:hover, .sidebar .block-menu ul li a:focus, .sidebar .block-menu ul li a:active { color: var(--halpes-theme-color); } .sidebar .block-menu ul li.menu-item--active-trail > a { color: var(--halpes-theme-color) !important; } .item-list ul { overflow: hidden; padding: 0; } .item-list ul li.view-list-item { margin: 0 0 30px; overflow: hidden; list-style-type: none; } .item-list ul li.view-list-item .post-block { margin: 0; } .item-list ul li.view-list-item:last-child { margin-bottom: 0; } .padding-small .item-list ul li.view-list-item { margin-bottom: 20px !important; } .padding-small .item-list ul li.view-list-item:last-child { margin-bottom: 0 !important; } .category-list .item-list ul li { margin-bottom: 20px; } .category-list .item-list ul li:last-child { margin-bottom: 0; } .category-list .item-list ul li a { display: block; text-transform: none; font-size: 16px; line-height: 26px; color: var(--body-color); -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; position: relative; font-weight: 600; } .category-list .item-list ul li a:before { content: "\f35a"; font-family: "Font Awesome 5 Free"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; color: var(--halpes-theme-color); margin-right: 8px; width: 16px; font-size: 14px; display: inline-block; text-align: center; } .category-list .item-list ul li a:hover, .category-list .item-list ul li a:focus, .category-list .item-list ul li a:active { color: var(--halpes-theme-color); } .tags-list .item-list > ul > li { margin-right: 10px; margin-bottom: 10px; display: inline-block; float: left; } .tags-list .item-list > ul > li a { color: var(--body-link-color); font-size: 14px; font-weight: 800; line-height: 1; display: inline-block; background: #fff; padding: 10px 20px; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .tags-list .item-list > ul > li a:hover, .tags-list .item-list > ul > li a:focus, .tags-list .item-list > ul > li a:active { background: var(--halpes-theme-color); color: #fff; } .recent-comment-block .views-field-title { margin-top: -4px; } .recent-comment-block .views-field-title a { font-weight: 500; text-transform: uppercase; } .recent-comment-block .views-field-name { color: #a4a4a4; } .recent-comment-block .views-field-name a { color: #a4a4a4; } .list-tags .view-list ul > li { float: left; border: 1px solid #dee2e6; display: inline-block; width: auto !important; padding: 0 !important; margin: 0 10px 10px 0 !important; } .list-tags .view-list ul > li a { padding: 6px 10px; display: block; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .list-tags .view-list ul > li:hover { background: var(--halpes-theme-color); } .list-tags .view-list ul > li:hover a { color: #fff; } .contact-link { background: var(--halpes-theme-color-second); color: #000; padding: 30px; font-size: 14px; } .contact-link .title { font-size: 16px; font-weight: 600; margin-bottom: 10px; } .contact-link .action { margin-top: 20px; } .social-border { text-align: center; overflow: hidden; } .social-border .socials { display: inline-block; position: relative; text-align: center; width: auto; } .social-border .socials:after { content: ""; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: absolute; top: 50%; left: 100%; width: 1000px; } .social-border .socials:before { content: ""; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: absolute; top: 50%; right: 100%; width: 1000px; } .social-border .socials a { margin: 0 10px; display: inline-block; color: #fff; background: none; } .social-border .socials a i { background: none; font-size: 20px; } .social-border .socials a:hover i, .social-border .socials a:active i, .social-border .socials a:focus i { background: inherit; } .navigation ul { list-style: none; padding: 0; margin: 0; } .area-main-menu .menu-toggle { display: none; } @media (min-width: 1024.1px) { .navigation.menu--main { position: relative; clear: both; } .navigation.menu--main ul { list-style: none; padding: 0; margin: 0; } .navigation.menu--main .gva_menu { float: left; position: relative; } .navigation.menu--main .gva_menu li { position: relative; } .navigation.menu--main .gva_menu li a { text-align: left !important; } .navigation.menu--main .gva_menu li a .icaret { margin-left: 4px; border: none !important; font-size: 9px; } .navigation.menu--main .gva_menu > li { display: inline-block; padding: 32px 20px; } } @media (min-width: 1024.1px) and (max-width: 1430px) { .navigation.menu--main .gva_menu > li { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1024.1px) and (max-width: 1199px) { .navigation.menu--main .gva_menu > li { padding-left: 12px; padding-right: 12px; } } @media (min-width: 1024.1px) { .navigation.menu--main .gva_menu > li > a { display: inline-block; position: relative; font-size: 16px; line-height: 1; font-weight: 700; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-align: center; color: var(--menu-link-color); padding-bottom: 10px; } .navigation.menu--main .gva_menu > li > a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--halpes-theme-color); opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .navigation.menu--main .gva_menu > li > a:hover, .navigation.menu--main .gva_menu > li > a:focus { color: var(--menu-link-color-hover); } .navigation.menu--main .gva_menu > li > .sub-menu .menu-item--active-trail > a { color: var(--halpes-theme-color); } .navigation.menu--main .gva_menu > li.gva-mega-menu { position: static !important; } .navigation.menu--main .gva_menu > li.gva-mega-menu > .sub-menu { width: 100%; } .navigation.menu--main .gva_menu > li:hover > a:before, .navigation.menu--main .gva_menu > li:focus > a:before { opacity: 1; width: 100%; } .navigation.menu--main .gva_menu > li:hover > a > span:first-child:before, .navigation.menu--main .gva_menu > li:focus > a > span:first-child:before { opacity: 1; bottom: 1px; } .navigation.menu--main .gva_menu > li:hover > ul.sub-menu, .navigation.menu--main .gva_menu > li:hover div.sub-menu, .navigation.menu--main .gva_menu > li:focus > ul.sub-menu, .navigation.menu--main .gva_menu > li:focus div.sub-menu { display: block; visibility: visible; opacity: 1; top: 100%; margin-top: -2px; -webkit-transform: rotateX(0); transform: rotateX(0); } .navigation.menu--main .gva_menu > li:hover > ul.sub-menu > li, .navigation.menu--main .gva_menu > li:hover div.sub-menu > li, .navigation.menu--main .gva_menu > li:focus > ul.sub-menu > li, .navigation.menu--main .gva_menu > li:focus div.sub-menu > li { opacity: 1; visibility: visible; ransform: translateY(0); } .navigation.menu--main .gva_menu > li:hover > a, .navigation.menu--main .gva_menu > li:focus > a { color: var(--menu-link-color-hover); } .navigation.menu--main .gva_menu > li.menu-item--active-trail > a { color: var(--menu-link-color-hover); } .navigation.menu--main .gva_menu > li.menu-item--active-trail > a:before { opacity: 1; width: 100%; } .navigation.menu--main .gva_menu > li.megamenu.menu-columns-2 > ul.sub-menu > li { width: 50%; float: left; } .navigation.menu--main .gva_menu > li.megamenu.menu-columns-3 > ul.sub-menu > li { width: 33.33%; float: left; } .navigation.menu--main .gva_menu > li.megamenu.menu-columns-4 > ul.sub-menu > li { width: 25%; float: left; } .navigation.menu--main .gva_menu > li.megamenu.menu-columns-5 > ul.sub-menu > li { width: 20%; float: left; } .navigation.menu--main .gva_menu > li.menu-list ul.sub-menu { min-width: 250px; } .navigation.menu--main .gva_menu > li.menu-list ul.sub-menu > li { border-bottom: 1px solid #dee2e6; } .navigation.menu--main .gva_menu > li.menu-list ul.sub-menu > li > a { padding: 10px 15px; text-transform: uppercase; } .navigation.menu--main .gva_menu .megamenu, .navigation.menu--main .gva_menu .gva-mega-menu { position: static; } .navigation.menu--main .gva_menu .megamenu > ul > li, .navigation.menu--main .gva_menu .gva-mega-menu > ul > li { -webkit-transition: none; transition: none; opacity: 1; visibility: visible; -webkit-transform: none; transform: none; -webkit-transition-delay: 0s; transition-delay: 0s; } .navigation.menu--main .gva_menu .megamenu > .sub-menu, .navigation.menu--main .gva_menu .gva-mega-menu > .sub-menu { width: 100%; padding: 20px; } .navigation.menu--main .gva_menu .megamenu > .sub-menu > li, .navigation.menu--main .gva_menu .gva-mega-menu > .sub-menu > li { border: none; position: static; padding: 0 15px; } .navigation.menu--main .gva_menu .megamenu > .sub-menu > li > ul.sub-menu, .navigation.menu--main .gva_menu .gva-mega-menu > .sub-menu > li > ul.sub-menu { position: static; border-width: 0; padding: 0; min-width: inherit; width: 100%; background-color: transparent; opacity: 1; -webkit-box-shadow: none; box-shadow: none; } } @media (min-width: 1024.1px) and (min-width: 768px) { .navigation.menu--main .gva_menu .megamenu > .sub-menu > li > ul.sub-menu, .navigation.menu--main .gva_menu .gva-mega-menu > .sub-menu > li > ul.sub-menu { display: block !important; visibility: visible; -webkit-transform: rotateX(0); transform: rotateX(0); } } @media (min-width: 1024.1px) { .navigation.menu--main .gva_menu .megamenu > .sub-menu > li > ul.sub-menu li, .navigation.menu--main .gva_menu .gva-mega-menu > .sub-menu > li > ul.sub-menu li { padding: 10px 0 0; margin-bottom: 0; border: none; } .navigation.menu--main .gva_menu .megamenu > .sub-menu > li > a, .navigation.menu--main .gva_menu .gva-mega-menu > .sub-menu > li > a { display: block; font-size: 14px; color: #000; font-weight: 500; text-transform: uppercase; padding: 0 0 5px; margin-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; position: relative; font-family: var(--halpes-heading-font-family); } .navigation.menu--main .gva_menu .megamenu > .sub-menu > li > a:after, .navigation.menu--main .gva_menu .gva-mega-menu > .sub-menu > li > a:after { display: none; } .navigation.menu--main .gva_menu .megamenu:hover ul.sub-menu > li, .navigation.menu--main .gva_menu .gva-mega-menu:hover ul.sub-menu > li { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .navigation.menu--main .gva_menu .sub-menu { top: 101%; border-top: 1px solid rgba(0, 0, 0, 0.06); position: absolute; min-width: 260px; background-color: var(--submenu-bg-color); z-index: 999; left: 0; padding: 20px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; color: var(--submenu-color); } .navigation.menu--main .gva_menu .sub-menu > li { border-bottom: 1px solid #e2dfeb; padding: 12px 0; -webkit-transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s; transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s; opacity: 0; visibility: hidden; -webkit-transform: translateY(5px); transform: translateY(5px); } .navigation.menu--main .gva_menu .sub-menu > li > a { display: block; line-height: 26px; text-decoration: none; font-size: 16px; font-weight: 400; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; position: relative; color: var(--submenu-link-color); } .navigation.menu--main .gva_menu .sub-menu > li > a:hover, .navigation.menu--main .gva_menu .sub-menu > li > a:focus, .navigation.menu--main .gva_menu .sub-menu > li > a:active { color: var(--submenu-link-color-hover); } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+1) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+4) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+5) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+6) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+7) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+8) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+9) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+10) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+11) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+12) { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+13) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+14) { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } .navigation.menu--main .gva_menu .sub-menu > li:nth-child(2n+15) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .navigation.menu--main .gva_menu .sub-menu > li:last-child { border-bottom: 0; } .navigation.menu--main .gva_menu .sub-menu > li ul { position: absolute; top: 0; right: 0; min-width: 250px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); display: none; z-index: 11; } } @media (min-width: 1024.1px) and (min-width: 768px) { .navigation.menu--main .gva_menu .sub-menu > li:hover > ul { visibility: visible; opacity: 1; display: block; left: 100%; -webkit-transform: rotateX(0); transform: rotateX(0); } .navigation.menu--main .gva_menu .sub-menu > li:hover > ul > li { opacity: 1; visibility: visible; } } body.header-absolute .navigation ul.gva_menu > li > a { color: #fff !important; } .gva-mega-menu .block-blocktabs { position: relative; } .gva-mega-menu .block-blocktabs .ui-widget { font-size: 1rem; } .gva-mega-menu .block-blocktabs .ui-tabs-nav { padding: 0; position: static; width: 15%; float: left; } .gva-mega-menu .block-blocktabs .ui-tabs-nav > li { background: none; padding: 0; margin: 0; position: relative; width: 100%; float: none; clear: both; padding-right: 20px; } .gva-mega-menu .block-blocktabs .ui-tabs-nav > li > a { font-size: 12px; text-transform: uppercase; border-bottom: 1px solid #dee2e6; font-weight: 700; padding-bottom: 10px; margin-bottom: 10px; width: 100%; } .gva-mega-menu .block-blocktabs .ui-tabs-nav > li:last-child > a { padding-right: 0; } .gva-mega-menu .block-blocktabs .ui-tabs-nav > li.ui-tabs-active > a { color: var(--halpes-theme-color); } .gva-mega-menu .block-blocktabs .ui-tabs-panel { float: left; width: 85%; } /*********** cart view ******************/ .gva-view td.views-field.views-field-title { font-size: 14px; } ul[data-drupal-views-infinite-scroll-pager].pager { margin: 10px 0 10px; } ul[data-drupal-views-infinite-scroll-pager].pager a { font-family: var(--halpes-heading-font-family); font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; border: 1px solid var(--halpes-theme-color); background: var(--halpes-theme-color); display: inline-block; color: #fff; padding: 6px 18px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } ul[data-drupal-views-infinite-scroll-pager].pager a:hover, ul[data-drupal-views-infinite-scroll-pager].pager a:active, ul[data-drupal-views-infinite-scroll-pager].pager a:focus { background: #fff; color: var(--halpes-theme-color); } .more-link { text-align: center; margin-top: 35px; } .more-link a { font-family: var(--halpes-heading-font-family); font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; border: 2px solid var(--halpes-theme-color); display: inline-block; padding: 5px 15px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .more-link a:hover { background: var(--halpes-theme-color); color: #fff; } .views-view-grid .views-row { width: auto; clear: none; float: none !important; } .views-view-grid .views-row:last-child { margin-bottom: 0; } .post-masonry-style > div.views-col { margin-bottom: 10px; } .no-padding .gva-portfolio-items .row { margin: 0 !important; } .no-padding .gva-portfolio-items .isotope-items > div { padding: 0 !important; } .no-padding .gva-portfolio-items .isotope-items > div .isotope-item { margin-bottom: 0 !important; } .brand-grid .views-view-grid .views-row { margin-bottom: 65px; } .brand-grid .views-view-grid .views-row .views-field-field-image { text-align: center; } @media (max-width: 575.98px) { .brand-grid .views-view-grid .views-row .views-field-field-image { margin-bottom: 20px; } } .testimonial-v1 .testimonial-item { text-align: center; background: #fff; padding: 60px 30px; } .testimonial-v1 .testimonial-item .quote { line-height: 28px; position: relative; padding-top: 35px; } .testimonial-v1 .testimonial-item .avatar { text-align: center; } .testimonial-v1 .testimonial-item .avatar img { width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .testimonial-v1 .testimonial-item .content .title { margin: 30px 0 10px; font-size: 16px; font-weight: 600; line-height: 1; color: #000; } .testimonial-v1 .testimonial-item .content .job { font-size: 12px; color: #bbbbbb; } .view-testimonial-v2 { position: relative; float: left; width: 100%; } .view-testimonial-v2 .owl-dots { text-align: left; position: relative; margin-top: 20px; float: left; width: 100%; } .view-testimonial-v2 .owl-dots .owl-dot { display: inline-block; padding: 0; margin: 5px; background: none; width: 45px; height: 45px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: 2px solid #dee2e6; -webkit-box-shadow: none; box-shadow: none; text-align: center; position: relative; z-index: 9; } .view-testimonial-v2 .owl-dots .owl-dot.active { border-color: var(--halpes-theme-color); } .view-testimonial-v2 .owl-nav { display: none; } .testimonial-grid .item-grid { margin-bottom: 45px; } .testimonial-grid .item-grid:before, .testimonial-grid .item-grid:after { content: " "; display: table; } .testimonial-grid .item-grid:after { clear: both; } .testimonial-grid .item-grid .testimonials-quote { font-size: 16px; color: #000; padding: 30px; border: 1px solid #dee2e6; font-weight: 300; font-style: italic; } .testimonial-grid .item-grid .testimonials-profile { display: inline-block; position: relative; margin-left: 30px; float: left; padding-top: 20px; } .testimonial-grid .item-grid .testimonials-profile:after { content: ""; position: absolute; width: 50px; height: 2px; background: var(--halpes-theme-color); top: -1px; left: 0; z-index: 1; } .testimonial-grid .item-grid .testimonials-profile .right { padding-left: 70px; } .testimonial-grid .item-grid .testimonials-profile .right .name { font-size: 16px; font-weight: 600; color: #000000; margin: 0; text-transform: uppercase; } .testimonial-grid .item-grid .testimonials-profile .right .job { font-size: 12px; font-weight: 900; color: var(--halpes-theme-color); text-transform: uppercase; } .testimonial-grid .item-grid .testimonials-profile .left { display: inline-block; float: left; } .testimonial-grid .item-grid .testimonials-profile .left img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 50px; height: auto; } .slider-gallery-v1 { margin-left: -3px !important; margin-right: -3px !important; } .slider-gallery-v1 .carousel-item { float: left; padding-right: 3px !important; } .slider-gallery-v1 img { -webkit-transform-style: none !important; transform-style: none !important; -webkit-transform: none !important; transform: none !important; } .slider-gallery-v1 .gallery-large { background: #fff; } .slider-gallery-v1 .gallery-large img { width: 100%; height: auto; } .slider-gallery-v1 div > .gallery-small { width: 50% !important; background: transparent !important; float: left; } .slider-gallery-v1 div > .gallery-small .gallery-small-item { background: #fff; width: 100% !important; height: auto !important; float: left; clear: both; padding-bottom: 3px; margin: 0; } .slider-gallery-v1 div > .gallery-small .gallery-small-item:last-child { padding-bottom: 0; } .slider-gallery-v1 div > .gallery-small .gallery-small-item img { width: 100%; height: auto; } .small-list .item-list ul > li { border-bottom: 1px solid #dee2e6; margin-bottom: 15px !important; padding-bottom: 15px; } .small-list .item-list ul > li a { font-size: 12px; font-family: var(--halpes-heading-font-family); text-transform: uppercase; color: #000; font-weight: 600; } .small-list .item-list ul > li a:hover { color: var(--halpes-theme-color); } .small-list .item-list ul > li:last-child { border: none; margin-bottom: 0 !important; padding-bottom: 0; } .banner-carousel .init-carousel-owl { margin-left: 0; margin-right: 0; } .banner-carousel .init-carousel-owl .item { padding: 0; text-align: center; height: 180px; position: relative; } @media (max-width: 767.98px) { .banner-carousel .init-carousel-owl .item { height: 140px; } } .banner-carousel .init-carousel-owl .item:hover img { opacity: 1; filter: alpha(opacity=100); -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .banner-carousel .init-carousel-owl .item-image { top: 50%; left: 0; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 1; } .banner-carousel .init-carousel-owl img { display: inline-block; max-width: 100%; opacity: 0.38; filter: alpha(opacity=38); -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .banner-carousel.v2 .item { padding: 0; border-color: #D6D8D9; height: auto; } .banner-carousel.v2 .item > div { padding: 20px 30px; background: #EFF1F2; text-align: center; border-bottom: 1px solid #D6D8D9; height: 180px; position: relative; } .banner-carousel.v2 .item > div .item-image { top: 50%; left: 0; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 1; } .banner-carousel.v2 .item > div:last-child { border: none; } .gva-googlemap { position: relative; } .gva-googlemap .map_canvas { z-index: 11 !important; } .gva-googlemap .gm-style div { border: none !important; } .gva-googlemap .gm-style-iw { max-width: 590px; } .gva-googlemap .gm-style-iw > div { max-width: 100% !important; width: 100%; } .gva-googlemap .gm-style-iw div { height: auto !important; overflow: hidden; } .gva-googlemap .gm-style-iw div .marker { width: 99%; max-width: 590px; background: #fff !important; padding: 15px 0 5px 5px; margin-top: 1px; margin-left: 1px; } .gva-googlemap .gm-style-iw div .marker .image { width: 45%; float: left; } @media (max-width: 640px) { .gva-googlemap .gm-style-iw div .marker .image { width: 100%; } } .gva-googlemap .gm-style-iw div .marker .image img { width: 100%; height: auto; } .gva-googlemap .gm-style-iw div .marker .info { float: left; width: 55%; padding-left: 20px; font-size: 15px; line-height: 24px; font-family: var(--halpes-font-sans-serif); } @media (max-width: 640px) { .gva-googlemap .gm-style-iw div .marker .info { width: 100%; } } .gva-googlemap .gm-style-iw div .marker .info h3 { font-size: 18px; font-weight: 700; text-transform: none; margin: 5px 0 10px; } .gva-googlemap .gm-style-iw div .marker .info p { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .gva-googlemap .gm-style-iw div .marker .info .link-visit { font-size: 12px; text-transform: uppercase; font-weight: 700; color: var(--halpes-theme-color); -webkit-transition: color 0.35s; transition: color 0.35s; -moz-transition: color 0.35s; -ms-transition: color 0.35s; } .gva-googlemap .gm-style-iw div .marker .info .link-visit:hover { color: #000; } .gva-googlemap .makers { padding: 50px 30px; background: #f5f5f5; } .gva-googlemap .makers .row { margin-bottom: 30px; } @media (max-width: 767.98px) { .gva-googlemap .makers .row { margin-bottom: 0; } } .gva-googlemap .makers .row:last-child { margin-bottom: 0; } .gva-googlemap .makers .maker-item-inner { font-size: 14px; margin-top: 0; } @media (max-width: 767.98px) { .gva-googlemap .makers .maker-item-inner { margin-bottom: 20px; } } .gva-googlemap .makers .maker-item-inner .left { width: 30px; height: auto; float: left; } .gva-googlemap .makers .maker-item-inner .left .icon { font-size: 24px; margin-top: 5px; color: #000; } .gva-googlemap .makers .maker-item-inner .right { padding-left: 30px; line-height: 24px; } .gva-googlemap .makers .maker-item-inner .right h3 { font-size: 18px; text-transform: none; margin-top: 0; margin-bottom: 5px; } .gva-googlemap .makers .maker-item-inner .right h3:hover { cursor: pointer; color: var(--halpes-theme-color); } .gva-googlemap .makers .maker-item-inner:hover, .gva-googlemap .makers .maker-item-inner.active { cursor: pointer; } .gva-googlemap .makers .maker-item-inner:hover h3, .gva-googlemap .makers .maker-item-inner.active h3 { color: var(--halpes-theme-color); } .gva-googlemap .makers .maker-item-inner:hover .icon, .gva-googlemap .makers .maker-item-inner.active .icon { color: var(--halpes-theme-color); -webkit-animation: bounce 800ms ease-out; animation: bounce 800ms ease-out; } .block.block-gavias-blockbuilder { padding-bottom: 0 !important; margin-bottom: 0 !important; } .block.block-gavias-blockbuilder ul > li { list-style: none; } .row-box { padding-left: 100px; padding-right: 100px; } @media (max-width: 575.98px) { .row-box { padding-left: 50px; padding-right: 50px; } } .container .container { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .column-background { background: #f1f1f1; padding: 30px; } .vertical-start { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .vertical-center { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .vertical-end { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .column-style-1 > .column-inner { padding-left: calc((100vw - 1200px) / 2); } @media (max-width: 991.98px) { .column-style-1 > .column-inner { padding-left: calc((100vw - 992px) / 2); } } @media (max-width: 767.98px) { .column-style-1 > .column-inner { padding-left: 15px; padding-right: 15px; } } .column-style-2 > .column-inner { padding-right: calc((100vw - 1200px) / 2); } @media (max-width: 991.98px) { .column-style-2 > .column-inner { padding-right: calc((100vw - 992px) / 2); } } @media (max-width: 767.98px) { .column-style-2 > .column-inner { padding-left: 15px; padding-right: 15px; } } .column-style-3 { max-width: 700px; margin: 0 auto; padding: 80px 30px; } @media (max-width: 575.98px) { .column-style-3 { padding: 30px 20px; } } .column-style-4 { max-width: 800px; margin: 0 auto; padding: 80px 20px; } @media (max-width: 575.98px) { .column-style-4 { padding: 30px 10px; } } .column-style-5 { padding: 60px; } @media (max-width: 991.98px) { .column-style-5 { padding: 30px; } } .column-margin-1 { width: 160%; margin-top: -200px; } @media (max-width: 767.98px) { .column-margin-1 { margin-top: -50px; width: 100%; } } .column-padding-1 { padding-top: 80px; padding-left: 80px; background: #fff; } @media (max-width: 767.98px) { .column-padding-1 { padding-top: 50px; padding-left: 15px; } } .column-box-shadow { background: #fff; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.06); padding: 60px; } @media (max-width: 767.98px) { .column-box-shadow { padding: 30px; } } .grid-small .container { max-width: 900px; margin: 0 auto; } @media (max-width: 767px) { .col-xs-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xs-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } } .gavias-blockbuilder-content { position: relative; } .gavias-blockbuilder-content .link-edit-blockbuider { border: 1px solid #dee2e6; position: absolute; top: 60px; left: 0px; z-index: 999; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); background: var(--halpes-theme-color); color: #fff; text-transform: uppercase; font-weight: 600; font-size: 12px; display: inline-block; padding: 10px; } .gavias-blockbuilder-content .link-edit-blockbuider:hover, .gavias-blockbuilder-content .link-edit-blockbuider:focus, .gavias-blockbuilder-content .link-edit-blockbuider:active { color: #fff; } .gsc-box-parallax { position: relative; margin-bottom: 80px; } .gsc-box-parallax .col-first { width: 60%; float: right; } @media (max-width: 575.98px) { .gsc-box-parallax .col-first { width: 100% !important; } } .gsc-box-parallax .col-second { padding: 20px 30px 30px; background: #fff; position: absolute; width: 50%; height: auto; z-index: 9; height: 80%; left: 0; -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); } .gsc-box-parallax .col-second .content-inner { position: relative; } @media (max-width: 575.98px) { .gsc-box-parallax .col-second { width: 100% !important; position: static !important; height: auto !important; float: left; } .gsc-box-parallax .col-second:before, .gsc-box-parallax .col-second:after { content: " "; display: table; } .gsc-box-parallax .col-second:after { clear: both; } } .gsc-box-parallax .content-inner .subtitle { font-size: 14px; text-transform: uppercase; color: #000; font-family: var(--halpes-heading-font-family); font-weight: 600; } .gsc-box-parallax .content-inner .title { font-size: 26px; margin-bottom: 10px; } .gsc-box-parallax .content-inner .title h3 { margin: 0; font-size: 20px; } .gsc-box-parallax .content-inner .readmore { margin-top: 30px; } .gsc-box-parallax.content-align-right .col-first { float: left; text-align: right; } .gsc-box-parallax.content-align-right .col-second { right: 0; left: auto; } .gva-fixed-background { background-attachment: fixed; } .gsc-hover-background { position: relative; background: #F5F5F5; padding: 85px 0; margin-bottom: 30px; } .gsc-hover-background .front { text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -webkit-transform: scale(1); transform: scale(1); } .gsc-hover-background .front .icon { line-height: 1; font-size: 42px; color: var(--halpes-theme-color); } .gsc-hover-background .front h2 { font-size: 16px; font-weight: 600; color: #000; font-family: var(--halpes-heading-font-family); text-transform: uppercase; margin-top: 15px; letter-spacing: -1px; } .gsc-hover-background .back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -ms-background-size: cover !important; background-size: cover !important; } .gsc-hover-background .back:after { content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; position: absolute; } .gsc-hover-background .back .content { color: #fff; padding: 10px 30px; vertical-align: middle; font-size: 14px; font-weight: 400; line-height: 24px; display: inline-block; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; } .gsc-hover-background .back .content .content-text { font-size: 15px; color: #fff; padding-bottom: 15px; } .gsc-hover-background:hover .front { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); } .gsc-hover-background:hover .back { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); } .gsc-block-view.remove-margin-on { margin-bottom: 0 !important; } .quote-icon { position: relative; } @media (max-width: 575.98px) { .quote-icon { padding-top: 50px; } } .quote-icon:before { content: "\f10d"; font-family: "FontAwesome"; display: inline-block; position: absolute; top: 50%; left: -64px; background: #fff; line-height: 128px; width: 128px; height: 128px; border-radius: 128px; -webkit-border-radius: 128px; -moz-border-radius: 128px; -ms-border-radius: 128px; -o-border-radius: 128px; text-align: center; color: var(--halpes-theme-color); font-size: 50px; font-weight: 900; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 22; } @media (max-width: 575.98px) { .quote-icon:before { line-height: 80px; width: 80px; height: 80px; font-size: 30px; top: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .column-content.text-quote { padding: 165px 20px; max-width: 820px; margin: 0 auto; } @media (max-width: 575.98px) { .column-content.text-quote { padding: 20px 20px; } } .column-content.text-quote-2 { padding: 80px 20px; max-width: 1000px; margin: 0 auto; } @media (max-width: 575.98px) { .column-content.text-quote-2 { padding: 20px 20px; } } .gsc-our-history-carousel .item { padding-top: 30px; margin-bottom: 45px; } .gsc-our-history-carousel .item .content-inner { background: #fff; -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.02); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.02); text-align: left; padding: 30px; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-our-history-carousel .item .content-inner .year { width: 60px; height: 60px; color: 16px; text-align: center; position: absolute; top: 0; left: 50%; margin-left: -30px; z-index: 9; background: var(--halpes-theme-color); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #fff; line-height: 60px; font-weight: 600; } .gsc-our-history-carousel .item .content-inner .title { font-size: 16px; color: var(--halpes-theme-color); padding: 10px 0; } .gsc-our-history-carousel .item .content-inner:hover { -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); } .gsc-our-history-timeline { margin-bottom: 30px; } .gsc-our-history-timeline .item { position: relative; padding-bottom: 20px; } .gsc-our-history-timeline .item:before { content: ""; width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: var(--halpes-theme-color); position: absolute; top: 10px; left: 90px; z-index: 1; } @media (max-width: 575.98px) { .gsc-our-history-timeline .item:before { left: 70px; } } .gsc-our-history-timeline .item:after { content: ""; width: 6px; height: 100%; background: #F6F6F6; position: absolute; top: 20px; left: 92px; z-index: 1; } @media (max-width: 575.98px) { .gsc-our-history-timeline .item:after { left: 72px; } } .gsc-our-history-timeline .item:last-child:after { display: none; } .gsc-our-history-timeline .item .year { font-size: 18px; color: #000; top: 0; left: 0; z-index: 1; position: absolute; font-weight: 600; } .gsc-our-history-timeline .item .content-right { padding-left: 150px; } @media (max-width: 575.98px) { .gsc-our-history-timeline .item .content-right { padding-left: 100px; } } .gsc-our-history-timeline .item .content-right .title { font-size: 18px; color: #000; font-weight: 600; } .gsc-our-history-timeline .item .content-right .description { padding-top: 10px; } @-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spinAround { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .gbb-row-wrapper { position: relative; } .gbb-row-wrapper .particles-js-canvas-el { position: absolute; top: 0; left: 0; } .gbb-row-wrapper > .icon-row { color: var(--halpes-theme-color-second); background: transparent; -webkit-box-shadow: none; box-shadow: none; font-size: 60px; top: unset; bottom: -22px; width: auto; height: auto; line-height: normal; } .gbb-row-wrapper > .icon-row:after { content: none; } .gbb-row-wrapper .gbb-row-wrapper .bb-inner { padding: 0; } .gbb-row-wrapper .bb-container { position: relative; z-index: 2; } .gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper::before, .gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper::after { display: none; } .gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper > .gsc-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper > .gsc-column > .column-inner { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper > .gsc-column > .column-inner::before, .gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper > .gsc-column > .column-inner::after { content: " "; display: table; } .gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper > .gsc-column > .column-inner::after { clear: both; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper > .gsc-column > .column-inner > * { min-height: 1em; } } .gbb-row.gsc-equal-height > .bb-inner > .bb-container > .row > .row-wrapper .column-content-inner { position: relative; } .gbb-row.row-border .row-wrapper > .gsc-column:after { content: ''; width: 1px; height: auto; position: absolute; right: 0; top: 30px; bottom: 30px; z-index: 1; background: rgba(0, 0, 0, 0.1); } .gbb-row.row-border .row-wrapper > .gsc-column .column-inner { padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 30px; } .gbb-row.row-border .row-wrapper > .gsc-column:last-child:after { display: none !important; } .gbb-row.row-border .row-wrapper > .gsc-column[class*='col-lg-12']:after { display: none; } .gbb-row.special-row .bb-inner { padding-top: 0; } .gbb-row.special-row .row-wrapper { margin-top: -60px; position: relative; z-index: 9; background: #fff; float: left; width: 100%; padding: 50px 30px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } .gbb-row.special-row-2 .bb-inner { padding-top: 0; } .gbb-row.special-row-2 .row-wrapper { margin-top: -60px; position: relative; z-index: 9; background: transparent; float: left; width: 100%; } .gbb-row.special-row-2 .row-wrapper .column-inner { background: #fff; border: 1px solid #dee2e6; -webkit-box-shadow: 0px 30px 90px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 30px 90px 0px rgba(0, 0, 0, 0.1); padding: 35px 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } @media (min-width: 768px) { .gsc-column.align-flex-end, .gsc-column.align-flex-center, .gsc-column.align-flex-start { display: -webkit-box; display: -ms-flexbox; display: flex; } .gsc-column.align-flex-end .column-inner, .gsc-column.align-flex-center .column-inner, .gsc-column.align-flex-start .column-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .gsc-column.align-flex-end .column-inner .column-content-inner, .gsc-column.align-flex-center .column-inner .column-content-inner, .gsc-column.align-flex-start .column-inner .column-content-inner { width: 100%; } .gsc-column.align-flex-end .column-inner { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .gsc-column.align-flex-center .column-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gsc-column.align-flex-start .column-inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .gsc-column.align-flex-right, .gsc-column.align-flex-left, .gsc-column.align-flex-center-h { display: -webkit-box; display: -ms-flexbox; display: flex; } .gsc-column.align-flex-right .column-inner, .gsc-column.align-flex-left .column-inner, .gsc-column.align-flex-center-h .column-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .gsc-column.align-flex-left .column-inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .gsc-column.align-flex-center-h .column-inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gsc-column.align-flex-right .column-inner { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media (min-width: 768px) and (max-width: 767px) { .gsc-column.align-flex-right .column-inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1231px) { .column-style-1 > .column-inner { padding-left: calc((100vw - 1200px) / 2); } .column-style-1 > .column-inner .bb-container { margin: 0; } } @media (max-width: 1230px) { .column-style-1 > .column-inner { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1231px) { .column-style-2 > .column-inner { padding-right: calc((100vw - 1200px) / 2); } .column-style-2 > .column-inner .bb-container { margin: 0; } } @media (max-width: 1230px) { .column-style-2 > .column-inner { padding-right: 15px; padding-left: 15px; } } .column-bg { position: relative; background-position: 1000vh 100% !important; } .column-bg:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; background-image: inherit; background-repeat: no-repeat; right: 100%; margin-right: -215px; background-size: cover; } .row-style-1 { -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07); } .row-style-1 > .bb-inner > .bb-container > .row > .gsc-column { border-right: 1px solid #e5eeec; } @media (max-width: 992px) { .row-style-1 > .bb-inner > .bb-container > .row > .gsc-column { border: 0; } } .row-style-1 > .bb-inner > .bb-container > .row > .gsc-column:last-child { border-right: 0; } .row-style-2 > .bb-inner > .bb-container > .row > .gsc-column { border-right: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 992px) { .row-style-2 > .bb-inner > .bb-container > .row > .gsc-column { border: 0; } } .row-style-2 > .bb-inner > .bb-container > .row > .gsc-column:last-child { border-right: 0; } .gbb-row.row-background-particles-js > .bb-inner { position: relative; z-index: 9; } .gbb-row.row-background-particles-js > .particles-js-canvas-el { z-index: 8; } .bb-container.full-screen { display: table; table-layout: fixed; width: 100%; } .bb-container.full-screen .bb-inner { padding: 0 !important; } .bb-container.full-screen > .row { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .bb-container.container-wide { max-width: 1600px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } @media (max-width: 991px) { .bb-container.container-wide { max-width: 768px; } } @media (max-width: 767px) { .bb-container.container-wide { max-width: 540px; } } @media (max-width: 575px) { .bb-container.container-wide { max-width: 100%; } } .bb-container.container-right { position: relative; width: calc(100% - calc((100% - 1200px)/2)); left: calc((100% - 1200px)/2); padding: 0 15px; /*position: relative; left: calc((100% - 1200px)/2); padding: 0 15px; @media (max-width: 1400px){ left: 0; }*/ } @media (max-width: 1200px) { .bb-container.container-right { width: 100%; left: auto; } } @media (max-width: 767.98px) { .gbb-row[style*="padding-top"] { padding-top: 25px !important; } .gbb-row[style*="padding-bottom"] { padding-bottom: 25px !important; } } .gbb-row .bb-inner { padding-top: 100px; padding-bottom: 100px; } @media (max-width: 1024px) { .gbb-row .bb-inner { padding-top: 80px; padding-bottom: 80px; } } .gbb-row .bb-inner.padding-small { padding-top: 50px; padding-bottom: 50px; } .gbb-row .bb-inner.padding-bottom-small { padding-bottom: 70px; } @media (max-width: 767.98px) { .gbb-row .bb-inner.padding-bottom-small { padding-bottom: 40px; } } .gbb-row .bb-inner.padding-top-large { padding-top: 160px; } @media (max-width: 767.98px) { .gbb-row .bb-inner.padding-top-large { padding-top: 130px; } } @media (max-width: 768.9px) { .gbb-row .bb-inner.padding-top-large { padding-top: 90px; } } .gbb-row .bb-inner.padding-bottom-large { padding-bottom: 160px; } @media (max-width: 767.98px) { .gbb-row .bb-inner.padding-bottom-large { padding-bottom: 130px; } } @media (max-width: 768.9px) { .gbb-row .bb-inner.padding-bottom-large { padding-bottom: 90px; } } .gbb-row .bb-inner.remove_margin { margin: 0 !important; } .gbb-row .bb-inner.remove_padding { padding: 0 !important; } .gbb-row .bb-inner.remove_padding_col > .bb-container > .row-wrapper { margin-left: 0 !important; margin-right: 0 !important; } .gbb-row .bb-inner.remove_padding_col > .bb-container > .row-wrapper > div.gsc-column { padding-left: 0 !important; padding-right: 0 !important; } .gbb-row .bb-inner.remove_padding_top { padding-top: 0 !important; } .gbb-row .bb-inner.remove_padding_bottom { padding-bottom: 0 !important; } .gbb-row .bb-inner.padding-large { padding-top: 180px; padding-bottom: 180px; } @media (max-width: 767.98px) { .gbb-row .bb-inner.padding-large { padding-top: 120px !important; padding-bottom: 120px !important; } } @media (max-width: 768.9px) { .gbb-row .bb-inner.padding-large { padding-top: 80px !important; padding-bottom: 80px !important; } } .gsc-service-carousel.text-white h1, .gsc-service-carousel.text-white .h1, .gsc-service-carousel.text-white h2, .gsc-service-carousel.text-white .h2, .gsc-service-carousel.text-white h3, .gsc-service-carousel.text-white .h3, .gsc-service-carousel.text-white h4, .gsc-service-carousel.text-white .h4, .gsc-service-carousel.text-white h5, .gsc-service-carousel.text-white .h5, .gsc-service-carousel.text-white h6, .gsc-service-carousel.text-white .h6 { color: #fff; } .service-one__single { text-align: center; margin-bottom: 30px; } .service-one__content { position: relative; z-index: 2; } .service-one__icon { border: solid 1px rgba(255, 255, 255, 0.15); background-color: var(--body-link-color); max-width: 152px; width: 100%; height: 145px; font-size: 64px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px; color: var(--halpes-theme-color); margin-bottom: 20px; -webkit-transition: all 1s; transition: all 1s; } @media (max-width: 1024px) { .service-one__icon { font-size: 40px; padding: 30px; height: 120px; } } .service-one__title { font-size: 20px; margin: 0; } .service-one__desc { padding-top: 10px; } .service-one__link { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .service-one__single:hover .service-one__icon, .service-one__single:focus .service-one__icon, .service-one__single:active .service-one__icon { background: var(--halpes-theme-color); color: #fff; } .service-two__single { border: 1px solid rgba(255, 255, 255, 0.2); background: none; min-height: 170px; padding: 30px; margin-bottom: 30px; margin-top: 10px; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -webkit-box-shadow: 6px 5px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 6px 5px 15px 0px rgba(0, 0, 0, 0.06); } @media (max-width: 767.98px) { .service-two__single { padding: 30px 20px; } } .service-two__icon { margin: 30px 0; font-size: 56px; color: var(--halpes-theme-color); line-height: 56px; } .service-two__title { font-size: 18px; color: #fff; } @media (max-width: 767.98px) { .service-two__title { font-size: 16px; } } .service-two__desc { font-size: 14px; position: relative; padding-top: 15px; color: rgba(255, 255, 255, 0.6); } .service-two__desc:after { content: ''; width: 20px; height: 2px; background: rgba(255, 255, 255, 0.8); position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; } .service-two__link { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .service-two__single:hover, .service-two__single:focus, .service-two__single:active { -webkit-box-shadow: 0px 6px 21px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 21px 3px rgba(0, 0, 0, 0.1); background: #fff; border-color: #fff; } .service-two__single:hover .service-two__title, .service-two__single:focus .service-two__title, .service-two__single:active .service-two__title { color: #161c26; } .service-two__single:hover .service-two__desc, .service-two__single:focus .service-two__desc, .service-two__single:active .service-two__desc { color: var(--body-color); } .service-two__single:hover .service-two__desc:after, .service-two__single:focus .service-two__desc:after, .service-two__single:active .service-two__desc:after { background: var(--halpes-theme-color); width: 45px; } .service-three__single { background: #fff; padding: 30px; margin-bottom: 30px; margin-top: 15px; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -webkit-box-shadow: 1px 5px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 1px 5px 15px 0px rgba(0, 0, 0, 0.06); text-align: center; position: relative; z-index: 1; } @media (max-width: 767.98px) { .service-three__single { padding: 30px 20px; } } .service-three__single:after { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 100%; background-color: var(--halpes-theme-color); -webkit-transition: all 500ms ease; transition: all 500ms ease; opacity: 1; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .service-three__icon { margin: 0 auto; font-size: 62px; color: var(--halpes-theme-color); line-height: 62px; width: 122px; height: 122px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--halpes-theme-color); border-radius: 50%; position: relative; z-index: 1; -webkit-transition: all 500ms ease; transition: all 500ms ease; overflow: hidden; } .service-three__title { font-size: 20px; color: #161c26; margin: 15px 0 10px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } @media (max-width: 767.98px) { .service-three__title { font-size: 18px; } } .service-three__desc { font-size: 14px; position: relative; color: var(--body-color); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .service-three__link { font-size: 14px; font-weight: 700; padding: 8px 10px; text-align: center; background: var(--halpes-theme-color); width: 100%; display: inline-block; margin-top: 15px; } .service-three__link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; } .service-three__single:hover, .service-three__single:focus, .service-three__single:active { -webkit-box-shadow: 0px 6px 21px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 21px 3px rgba(0, 0, 0, 0.1); } .service-three__single:hover:after, .service-three__single:focus:after, .service-three__single:active:after { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .service-three__single:hover .service-three__title, .service-three__single:focus .service-three__title, .service-three__single:active .service-three__title { color: #fff; } .service-three__single:hover .service-three__icon, .service-three__single:focus .service-three__icon, .service-three__single:active .service-three__icon { -webkit-transform: scale(0.86); transform: scale(0.86); opacity: 0.9; } .service-three__single:hover .service-three__desc, .service-three__single:focus .service-three__desc, .service-three__single:active .service-three__desc { color: rgba(255, 255, 255, 0.8); } .service-four__single { background: #100D17; min-height: 190px; padding: 40px 15px; margin-bottom: 30px; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } @media (max-width: 767.98px) { .service-four__single { padding: 30px 15px; } } .service-four__icon { margin: 0 0 30px; font-size: 62px; color: var(--halpes-theme-color); line-height: 1; } .service-four__title { font-size: 16px; color: #fff; } .service-four__desc { font-size: 14px; position: relative; padding-top: 10px; color: rgba(255, 255, 255, 0.6); } .service-four__link { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .service-four__single:hover, .service-four__single:focus, .service-four__single:active { -webkit-box-shadow: 0px 6px 21px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 21px 3px rgba(0, 0, 0, 0.1); background: var(--halpes-theme-color); } .service-four__single:hover .service-four__icon, .service-four__single:focus .service-four__icon, .service-four__single:active .service-four__icon { color: #fff; } .service-four__single:hover .service-four__desc, .service-four__single:focus .service-four__desc, .service-four__single:active .service-four__desc { color: rgba(255, 255, 255, 0.8); } .owl-carousel .owl-item.center .service-one__icon { background: var(--halpes-theme-color); color: #fff; } .owl-carousel .owl-item.center .service-two__single { -webkit-box-shadow: 0px 6px 21px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 21px 3px rgba(0, 0, 0, 0.1); background: #fff; border-color: #fff; } .owl-carousel .owl-item.center .service-two__single .service-two__title { color: #161c26; } .owl-carousel .owl-item.center .service-two__single .service-two__desc { color: var(--body-color); } .owl-carousel .owl-item.center .service-two__single .service-two__desc:after { background: var(--halpes-theme-color); width: 45px; } .owl-carousel .owl-item.center .service-four__single { -webkit-box-shadow: 0px 6px 21px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 6px 21px 3px rgba(0, 0, 0, 0.1); background: var(--halpes-theme-color); } .owl-carousel .owl-item.center .service-four__icon { color: #fff; } .owl-carousel .owl-item.center .service-four__desc { color: rgba(255, 255, 255, 0.8); } .gsc-accordion .panel-body { padding-left: 0; padding-right: 0; } .gsc-accordion .panel-group.skin-white .panel { border: 1px solid #E2DFEB !important; margin-bottom: 10px; padding-left: 30px; position: relative; } .gsc-accordion .panel-group.skin-white .panel:last-child { margin-bottom: 0; } .gsc-accordion .panel-group.skin-white .panel .panel-title a:after { top: 0; right: 0; } .gsc-accordion .panel-group.skin-white .panel .panel-collapse.show:after { content: ''; width: 4px; height: 100%; background: var(--halpes-theme-color); position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.5s; transition: all 0.5s; } .gsc-accordion .panel-group.skin-dark { background: #1b1e2b; border: 1px solid rgba(255, 255, 255, 0.1); } .gsc-accordion .panel-group.skin-dark .panel { background: #1b1e2b; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 30px; } .gsc-accordion .panel-group.skin-dark .panel .panel-title { background: #1b1e2b; margin: 0; } .gsc-accordion .panel-group.skin-dark .panel .panel-title > a { color: var(--halpes-theme-color); padding-right: 18px; } .gsc-accordion .panel-group.skin-dark .panel .panel-title > a.collapsed { color: #fff; } .gsc-accordion .panel-group.skin-dark .panel .panel-title a { background: none; } .gsc-accordion .panel-group.skin-dark .panel .panel-title a:after { right: 0; } .gsc-accordion .panel-group.skin-dark .panel:last-child { border-bottom: none; } .gsc-accordion .panel-group.skin-dark .panel .panel-body { color: #b8bbc9; margin-bottom: -5px; padding-right: 18px; } .gsc-accordion .panel-group.skin-white-border { background: #fff; } .gsc-accordion .panel-group.skin-white-border .panel { padding: 0 0 15px; border-bottom: 1px solid #dee2e6; margin-bottom: 18px; } .gsc-accordion .panel-group.skin-white-border .panel .panel-title a:after { right: 0; } .gsc-accordion .panel-group.skin-white-border .panel .panel-body { padding-top: 10px; } .gsc-accordion .panel-group.skin-white-border .panel:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } /********************** Call to action **************************/ .call-to-action-one__single { text-align: center; max-width: 780px; margin: 0 auto; } .call-to-action-one__title { font-size: 60px; line-height: 1.2; font-weight: 900; margin: -10px 0 45px; } @media (max-width: 1024px) { .call-to-action-one__title { font-size: 45px; margin-bottom: 30px; } } @media (max-width: 991px) { .call-to-action-one__title { font-size: 30px; } } @media (min-width: 768px) { .call-to-action-two__content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .call-to-action-two__content { text-align: left; } @media (max-width: 767px) { .call-to-action-two__content { max-width: 100% !important; } } .call-to-action-two__sub-title { margin-top: -20px; font-family: Reey; font-size: 50px; line-height: 1; color: rgba(255, 255, 255, 0.2); } @media (max-width: 1024px) { .call-to-action-two__sub-title { margin-top: 0; font-size: 40px; color: rgba(255, 255, 255, 0.5); } } @media (max-width: 767px) { .call-to-action-two__sub-title { font-size: 26px; } } .call-to-action-two__title { font-size: 50px; line-height: normal; margin-top: -40px; margin-bottom: -12px; } @media (max-width: 1024px) { .call-to-action-two__title { font-size: 40px; margin-bottom: 0; } } @media (max-width: 991px) { .call-to-action-two__title { font-size: 30px; } } @media (max-width: 767px) { .call-to-action-two__title { margin-bottom: 30px; margin-top: 0; } } .iconbox-one__overlay-link { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .iconbox-one__single { position: relative; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .iconbox-one__icon-inner { color: var(--halpes-theme-color); -webkit-box-flex: 0; -ms-flex: 0 0 64px; flex: 0 0 64px; font-size: 64px; line-height: 1; margin-right: 32px; } @media (max-width: 991px) { .iconbox-one__icon-inner { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; font-size: 50px; margin-right: 30px; } } .iconbox-one__content-inner p { margin: 0; } .iconbox-one__title { font-size: 20px; margin: 0; } .iconbox-one__desc { margin-top: 20px; line-height: 1.88; } .iconbox-one__single.text-light .iconbox-one__title { color: #fff; } .iconbox-one__single.text-light .iconbox-one__desc { color: rgba(255, 255, 255, 0.7); } .iconbox-one__single.bg-black { background: var(--body-link-color); padding: 30px; border-radius: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .iconbox-one__single.bg-black .iconbox-one__icon-inner { color: #fff; margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 42px; flex: 0 0 42px; font-size: 42px; text-align: center; line-height: 1; } .iconbox-one__single.bg-black .iconbox-one__desc { color: #C5C5C5; } .iconbox-one__single.bg-black .iconbox-one__title { font-size: 20px; color: #fff; } .iconbox-two__overlay-link { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .iconbox-two__single { margin-bottom: 30px; position: relative; } .iconbox-two__icon-inner .icon { font-size: 116px; line-height: 1; color: var(--halpes-theme-color); } .iconbox-two__title { font-size: 26px; line-height: 38px; font-weight: 700; margin-bottom: 0; } .iconbox-two__desc { margin-top: 20px; } .iconbox-three__overlay-link { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .iconbox-three__single { width: 100%; position: relative; } .iconbox-three__icon-inner { color: var(--halpes-theme-color); font-size: 64px; line-height: 50px; margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 64px; flex: 0 0 64px; } .iconbox-three__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .iconbox-three__title { font-size: 14px; font-weight: 500; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; margin: 0; } .iconbox-three__desc { font-size: 36px; font-weight: 700; line-height: 42px; margin-top: 2px; } @media (max-width: 1024px) { .iconbox-three__desc { font-size: 30px; line-height: 35px; } } @media (max-width: 991px) { .iconbox-three__desc { font-size: 22px; line-height: 28px; } } .iconbox-three__single.text-light .iconbox-three__icon-inner { color: #fff; } .iconbox-three__single.text-light .iconbox-three__title { color: #E6E4E3; } .iconbox-three__single.text-light .iconbox-three__desc { color: #fff; } .iconbox-four__overlay-link { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .iconbox-four__single { border: 1px solid rgba(0, 0, 0, 0.05); padding: 30px; margin: 0 0 30px; -webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1); border-radius: 8px; position: relative; background: #fff; -webkit-transition: all 0.35s; transition: all 0.35s; } .iconbox-four__single:after { content: ''; background: var(--halpes-theme-color); position: absolute; top: -1px; left: -1px; right: -1px; bottom: 100%; z-index: 1; -webkit-transition: all 0.5s; transition: all 0.5s; border-radius: 8px; opacity: 0; } .iconbox-four__icon-inner { color: var(--halpes-theme-color); font-size: 54px; line-height: 40px; margin-right: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 54px; flex: 0 0 54px; -webkit-transition: all 0.35s; transition: all 0.35s; } .iconbox-four__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; } .iconbox-four__title { font-size: 20px; margin: 0 0 15px; -webkit-transition: all 0.35s; transition: all 0.35s; } .iconbox-four__desc { line-height: 26px; -webkit-transition: all 0.5s; transition: all 0.5s; } .iconbox-four__single:hover, .iconbox-four__single:focus { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .iconbox-four__single:hover:after, .iconbox-four__single:focus:after { bottom: -1px; opacity: 1; } .iconbox-four__single:hover .iconbox-four__icon-inner, .iconbox-four__single:focus .iconbox-four__icon-inner { color: #fff; } .iconbox-four__single:hover .iconbox-four__title, .iconbox-four__single:focus .iconbox-four__title { color: #fff; } .iconbox-four__single:hover .iconbox-four__desc, .iconbox-four__single:focus .iconbox-four__desc { color: #fff; } .iconbox-five__single { position: relative; overflow: hidden; } .iconbox-five__single:after { content: ''; width: 100%; height: 0; position: absolute; background: var(--halpes-theme-color); top: 0; left: 0; z-index: 1; -webkit-transition: all 0.35s; transition: all 0.35s; opacity: 0; border-radius: 8px; } .iconbox-five__content { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; overflow: hidden; position: relative; padding: 40px 10px 25px 10px; text-align: center; z-index: 2; } .iconbox-five__title { font-size: 20px; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; margin: 0; line-height: 24px; } .iconbox-five__desc { line-height: 22px; font-size: 16px; margin-top: 10px; } .iconbox-five__icon-inner { color: var(--halpes-theme-color); font-size: 64px; line-height: 1; margin-bottom: 15px; } .iconbox-five__overlay-link { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .iconbox-five__single.text-light .iconbox-five__title { color: #fff; } .iconbox-five__single.text-light .iconbox-five__desc { color: #fff; } .iconbox-five__single:hover:after { height: 100%; opacity: 1; } .iconbox-five__single:hover .iconbox-five__icon-inner { color: #fff; } .iconbox-five__single:hover .iconbox-five__icon-inner i { -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .iconbox-six__single { position: relative; overflow: hidden; } .iconbox-six__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .iconbox-six__title { font-size: 20px; margin: 0 0 3px; } .iconbox-six__icon-inner { color: var(--halpes-theme-color); font-size: 50px; line-height: 1; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; margin-right: 20px; } .iconbox-six__overlay-link { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .iconbox-six__single:hover .iconbox-six__icon-inner i { -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .iconbox-seven__single { position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; overflow: hidden; padding: 0 0 10px; } .iconbox-seven__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .iconbox-seven__overlay-link { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .iconbox-seven__icon-inner { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; } .iconbox-seven__icon-inner .icon { color: #fff; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-size: 30px; line-height: 1; display: inline-block; width: 70px; height: 70px; border-radius: 8px; background: var(--halpes-theme-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .iconbox-seven__content-inner { text-align: left; -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 70px); flex: 0 0 calc(100% - 70px); padding-left: 20px; } .iconbox-seven__title { color: var(--body-color); font-size: 16px; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; margin: 0 0 8px; line-height: 20px; font-weight: 500; } .iconbox-seven__desc { color: #161c26; line-height: 24px; font-size: 18px; font-weight: 600; } .iconbox-seven__desc p { margin-bottom: 0; } .iconbox-seven__desc a { text-decoration: underline; } .iconbox-seven__desc a:hover { color: var(--halpes-theme-color); } .iconbox-eight__single { position: relative; overflow: hidden; margin-bottom: 30px; } .iconbox-eight__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .iconbox-eight__title { font-size: 20px; margin: 0 0 3px; } .iconbox-eight__icon-inner { color: var(--halpes-theme-color); font-size: 41px; line-height: 1; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 41px; flex: 0 0 41px; margin-right: 20px; } .iconbox-eight__overlay-link { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .iconbox-eight__single:hover .iconbox-eight__icon-inner i { -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .iconbox-group-one__single { position: relative; } .iconbox-group-one__overlay-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .iconbox-group-one__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 45px; position: relative; } @media (max-width: 1199px) { .iconbox-group-one__wrapper { padding-bottom: 30px; } } .iconbox-group-one__icon-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .iconbox-group-one__icon-check { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; height: 24px; background: url("../images/badge-check.png") no-repeat center center transparent; z-index: 1; display: block; } .iconbox-group-one__icon { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; width: 80px; height: 80px; font-size: 40px; line-height: 1; color: var(--halpes-theme-color); background: #fff; border-radius: 50%; -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 30px; margin-left: 30px; position: relative; } .iconbox-group-one__icon:after { content: ''; height: 100px; width: 2px; background: url("../images/line.png") repeat-y top center transparent; position: absolute; top: 100%; } @media (max-width: 1199px) { .iconbox-group-one__icon { margin-left: 10px; margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; width: 70px; height: 70px; } } .iconbox-group-one__title { font-size: 22px; margin: 0 0 10px; } .iconbox-group-one__single:last-child .iconbox-group-one__icon:after { content: none; } .iconbox-group-two__single { border-radius: 8px; padding: 15px; background: #f3f8f6; overflow: hidden; -webkit-transition: all 0.35s; transition: all 0.35s; position: relative; } .iconbox-group-two__overlay-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .iconbox-group-two__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .iconbox-group-two__icon { -webkit-box-flex: 0; -ms-flex: 0 0 32px; flex: 0 0 32px; font-size: 32px; line-height: 1; margin-right: 15px; color: var(--halpes-theme-color); -webkit-transition: all 0.35s; transition: all 0.35s; } .iconbox-group-two__title { font-size: 18px; margin: 0; -webkit-transition: all 0.35s; transition: all 0.35s; } .iconbox-group-two__desc { margin-top: 10px; -webkit-transition: all 0.35s; transition: all 0.35s; } .iconbox-group-two__single:hover, .iconbox-group-two__single:focus { background: var(--halpes-theme-color-second); color: #fff; -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.18); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.18); } .iconbox-group-two__single:hover .iconbox-group-two__title, .iconbox-group-two__single:focus .iconbox-group-two__title { color: #fff; } .iconbox-group-two__single:hover .iconbox-group-two__icon, .iconbox-group-two__single:focus .iconbox-group-two__icon { color: #fff; } .gsc-iconbox-group.style-2 .iconbox-group-list { background: #fff; padding: 30px; border-radius: 10px; } .gsc-iconbox-group.style-2 .iconbox-group-two__single { margin-bottom: 20px; } .gsc-iconbox-group.style-2 .iconbox-group-two__single:first-child { background: var(--halpes-theme-color-second); color: #fff; } .gsc-iconbox-group.style-2 .iconbox-group-two__single:first-child .iconbox-group-two__title { color: #fff; } .gsc-iconbox-group.style-2 .iconbox-group-two__single:first-child .iconbox-group-two__icon { color: #fff; } .gsc-iconbox-group.style-2 .iconbox-group-two__single:last-child { margin-bottom: 0; } .iconbox-group-three__single { position: relative; margin-bottom: 25px; padding: 16px 30px; background-color: #FFFFFF; border-radius: 10px; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.15); } @media (max-width: 1024px) { .iconbox-group-three__single { padding: 10px 20px; } } @media (max-width: 991px) { .iconbox-group-three__single { padding: 10px; } } .iconbox-group-three__overlay-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .iconbox-group-three__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .iconbox-group-three__icon { -webkit-box-flex: 0; -ms-flex: 0 0 22px; flex: 0 0 22px; font-size: 22px; line-height: 1; margin-right: 15px; color: var(--halpes-theme-color-second); -webkit-transition: all 0.35s; transition: all 0.35s; } .iconbox-group-three__title { font-size: 18px; margin: 0; -webkit-transition: all 0.35s; transition: all 0.35s; } .iconbox-group-three__single:hover .iconbox-group-three__icon, .iconbox-group-three__single:focus .iconbox-group-three__icon { color: var(--halpes-theme-color); } @media (min-width: 481px) { .gsc-iconbox-group.style-3 .iconbox-group-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 520px; margin-top: 10px; margin-left: -10px; margin-right: -10px; } .gsc-iconbox-group.style-3 .iconbox-group-list > div { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 50%; padding-left: 10px; padding-right: 10px; } .gsc-iconbox-group.style-3 .iconbox-group-list > div:nth-child(odd) { -webkit-transform: rotateZ(-8deg); transform: rotateZ(-8deg); } .gsc-iconbox-group.style-3 .iconbox-group-list > div:nth-child(even) { -webkit-transform: rotateZ(3.5deg); transform: rotateZ(3.5deg); } } .gsc-iconbox-group.style-3 .iconbox-group-three__single { display: inline-block; } .gsc-icon-list i { color: var(--halpes-theme-color); font-size: 16px; padding-right: 10px; margin: 0; } .gsc-icon-list span { line-height: 18px; } .gsc-icon-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: 800; line-height: 1.5; color: var(--body-link-color); padding-bottom: 20px; } .gsc-icon-list li.fsize-18 i, .gsc-icon-list li.fsize-16 i { font-size: 14px; } .gsc-icon-list.style-2 li { font-size: 18px; } .gsc-icon-list.style-2 i { padding-right: 18px; } .gsc-icon-box-classic { position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; } .gsc-icon-box-classic:before, .gsc-icon-box-classic:after { content: " "; display: table; } .gsc-icon-box-classic:after { clear: both; } .gsc-icon-box-classic .highlight-icon.verticle-align-top { vertical-align: top; } .gsc-icon-box-classic .highlight-icon.verticle-align-bottom { vertical-align: bottom; } .gsc-icon-box-classic .highlight-icon.verticle-align-middle { vertical-align: middle; } .gsc-icon-box-classic .highlight_content { margin-top: 5px; } .gsc-icon-box-classic .highlight_content .title { font-size: 20px; color: #161c26; margin: 0 0 10px; } .gsc-icon-box-classic .highlight_content .desc p { margin-bottom: 0; } .gsc-icon-box-classic .highlight_content.verticle-align-top { vertical-align: top; } .gsc-icon-box-classic .highlight_content.verticle-align-bottom { vertical-align: bottom; } .gsc-icon-box-classic .highlight_content.verticle-align-middle { vertical-align: middle; } .gsc-icon-box-classic .highlight-icon .icon-container { text-align: center; line-height: 1; position: relative; color: var(--body-link-color); } .gsc-icon-box-classic .highlight-icon .icon-container .icon { position: relative; z-index: 11; display: inline-block; } .gsc-icon-box-classic .highlight-icon .icon-container.icon-shadow { -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16); box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16); } .gsc-icon-box-classic .highlight-icon .icon-container.fa-stack { line-height: 2.3em; width: 2.2em; height: 2.2em; } .gsc-icon-box-classic .highlight-icon .icon-container.text-theme[class*="border-"] { border-color: rgba(0, 0, 0, 0.1); } .gsc-icon-box-classic .highlight-icon .icon-container.text-white[class*="border-"] { border-color: rgba(255, 255, 255, 0.2); } .gsc-icon-box-classic .highlight-icon .icon-container.text-black { color: #161c26; } .gsc-icon-box-classic .highlight-icon .icon-container.text-black[class*="border-"] { border-color: rgba(0, 0, 0, 0.1); } .gsc-icon-box-classic .highlight-icon .icon-container.radius-1x:after { border-radius: 3px; } .gsc-icon-box-classic .highlight-icon .icon-container.radius-2x:after { border-radius: 5px; } .gsc-icon-box-classic .highlight-icon .icon-container.radius-5x:after { border-radius: 50%; } .gsc-icon-box-classic .highlight-icon .icon-container.fa-1x.fa-stack { font-size: 32px !important; width: 65px !important; height: 65px !important; line-height: 65px !important; } .gsc-icon-box-classic .highlight-icon .icon-container.fa-2x.fa-stack { font-size: 40px !important; width: 89px !important; height: 89px !important; line-height: 89px !important; } .gsc-icon-box-classic .highlight-icon .icon-container.fa-3x { font-size: 64px !important; } .gsc-icon-box-classic.icon-background .highlight-icon .icon-container { -webkit-transition: all 0.5s; transition: all 0.5s; } .gsc-icon-box-classic.icon-background .highlight-icon .icon-container:after { top: 0px; left: 0px; z-index: 1; position: absolute; width: 100%; height: 100%; content: ''; -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; } .gsc-icon-box-classic.icon-background .highlight-icon .icon-container.bg-black:after { background: #222222; } .gsc-icon-box-classic.icon-background .highlight-icon .icon-container.bg-theme:after { background: var(--halpes-theme-color); } .gsc-icon-box-classic.icon-background.icon-border .highlight-icon .icon-container.bg-black { border-color: #222222; } .gsc-icon-box-classic.icon-background.icon-border .highlight-icon .icon-container.bg-theme { border-color: var(--halpes-theme-color); } .gsc-icon-box-classic.icon-border:not(.icon-background) .highlight-icon .icon-container { color: var(--halpes-theme-color); } .gsc-icon-box-classic.top-center { text-align: center; max-width: 550px; margin-right: auto; margin-left: auto; } .gsc-icon-box-classic.top-center .highlight-icon { text-align: center; padding-right: 0 !important; margin-bottom: 15px; } .gsc-icon-box-classic.top-center .highlight-icon .icon-container { display: inline-block; } .gsc-icon-box-classic.top-center .highlight-icon .icon-container.fa-1x { font-size: 1.4em; } .gsc-icon-box-classic.top-center .title { position: relative; margin: 18px 0 16px; } .gsc-icon-box-classic.top-center .highlight_content { text-align: center; max-width: 300px; margin: 0 auto; } .gsc-icon-box-classic.top-center .highlight_content .desc { text-align: center; font-weight: 400; text-transform: normal; } .gsc-icon-box-classic.top-left { text-align: left; clear: both; } .gsc-icon-box-classic.top-left .highlight-icon { margin-bottom: 25px; } .gsc-icon-box-classic.top-left .highlight-icon .icon-container { font-size: 50px; line-height: 1; } .gsc-icon-box-classic.top-left .highlight-icon .icon-container.fa-stack { width: 100px; height: 100px; line-height: 110px; } .gsc-icon-box-classic.top-left .title { margin: 0 0 15px; font-size: 22px; } .gsc-icon-box-classic.top-right { text-align: right; clear: both; float: right; } .gsc-icon-box-classic.top-right .title { margin: 16px 0 15px; } .gsc-icon-box-classic.top-right .highlight-icon { width: 100%; text-align: right; } .gsc-icon-box-classic.top-right .highlight-icon .icon-container { display: inline-block; } .gsc-icon-box-classic.right, .gsc-icon-box-classic.left, .gsc-icon-box-classic.left-2, .gsc-icon-box-classic.left-3, .gsc-icon-box-classic.left-4 { display: table; max-width: 600px; } .gsc-icon-box-classic.right .highlight-icon, .gsc-icon-box-classic.left .highlight-icon, .gsc-icon-box-classic.left-2 .highlight-icon, .gsc-icon-box-classic.left-3 .highlight-icon, .gsc-icon-box-classic.left-4 .highlight-icon { display: table-cell; } .gsc-icon-box-classic.right .highlight_content, .gsc-icon-box-classic.left .highlight_content, .gsc-icon-box-classic.left-2 .highlight_content, .gsc-icon-box-classic.left-3 .highlight_content, .gsc-icon-box-classic.left-4 .highlight_content { display: table-cell; } .gsc-icon-box-classic.right .title, .gsc-icon-box-classic.left .title, .gsc-icon-box-classic.left-2 .title, .gsc-icon-box-classic.left-3 .title, .gsc-icon-box-classic.left-4 .title { margin: 0 0 15px; } .gsc-icon-box-classic.right .desc, .gsc-icon-box-classic.left .desc, .gsc-icon-box-classic.left-2 .desc, .gsc-icon-box-classic.left-3 .desc, .gsc-icon-box-classic.left-4 .desc { margin-top: 0; } .gsc-icon-box-classic.right.icon-background .highlight-icon, .gsc-icon-box-classic.left.icon-background .highlight-icon, .gsc-icon-box-classic.left-2.icon-background .highlight-icon, .gsc-icon-box-classic.left-3.icon-background .highlight-icon, .gsc-icon-box-classic.left-4.icon-background .highlight-icon { padding-top: 0; } .gsc-icon-box-classic .right { text-align: right; } .gsc-icon-box-classic .right .highlight-icon { padding-left: 20px; } .gsc-icon-box-classic.left, .gsc-icon-box-classic.left-2, .gsc-icon-box-classic.left-3, .gsc-icon-box-classic.left-4 { text-align: left; } .gsc-icon-box-classic.left .highlight-icon, .gsc-icon-box-classic.left-2 .highlight-icon, .gsc-icon-box-classic.left-3 .highlight-icon, .gsc-icon-box-classic.left-4 .highlight-icon { padding-right: 20px; } .gsc-icon-box-classic.left .highlight-icon { padding-right: 28px; } @media (max-width: 1024px) { .gsc-icon-box-classic.left .highlight-icon { padding-right: 15px; } } .gsc-icon-box-classic.left .highlight-icon .icon-container { font-size: 40px; } .gsc-icon-box-classic.left .title { font-size: 22px; line-height: 1.36; margin: 0 0 10px; } .gsc-icon-box-classic.left-2 .highlight-icon { padding-right: 20px; } .gsc-icon-box-classic.left-2 .highlight-icon .icon-container { font-size: 32px; } .gsc-icon-box-classic.left-2 .title { color: var(--body-color); font-size: 16px; font-weight: 700; margin: 0; } .gsc-icon-box-classic.left-2 .desc { font-size: 20px; font-weight: 800; color: var(--body-link-color); } @media (max-width: 1024px) { .gsc-icon-box-classic.left-2 .desc { font-size: 16px; } } .gsc-icon-box-classic.left-2.box-border, .gsc-icon-box-classic.left-2.box-border-top { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 370px; } .gsc-icon-box-classic.left-3 .highlight-icon { padding-right: 20px; } .gsc-icon-box-classic.left-3 .highlight-icon .icon-container { width: 52px; height: 52px; display: inline-block; line-height: 60px; background: var(--halpes-theme-color-second); color: #fff; font-size: 25px; border-radius: 50%; } .gsc-icon-box-classic.left-3 .title { font-size: 18px; margin: 0; } .gsc-icon-box-classic.left-3 .desc { margin-top: 0; } .gsc-icon-box-classic.left-4 .highlight-icon { padding-right: 25px; } .gsc-icon-box-classic.left-4 .highlight-icon .icon-container { width: 90px; height: 90px; display: inline-block; line-height: 100px; background: var(--halpes-theme-color); color: #fff; font-size: 50px; border-radius: 6px; } .gsc-icon-box-classic.left-4 .title { font-size: 20px; margin: 0 0 5px; } @media (max-width: 767px) { .gsc-icon-box-classic.responsive-1 { margin: 0 auto; float: none; } .gsc-icon-box-classic.responsive-1 .highlight-icon { width: 100%; display: block; margin-bottom: 10px; } .gsc-icon-box-classic.responsive-1 .highlight_content { width: 100%; display: block; padding: 0; } } @media (max-width: 640px) { .gsc-icon-box-classic.responsive-2 { margin: 0 auto; float: none; } .gsc-icon-box-classic.responsive-2 .highlight-icon { width: 100%; display: block; margin-bottom: 20px; } .gsc-icon-box-classic.responsive-2 .highlight_content { width: 100%; display: block; padding: 0; } } .gsc-icon-box-classic.box-background { padding: 30px; border-radius: 10px; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); } .gsc-icon-box-classic.box-border { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5eeec; } .gsc-icon-box-classic.box-border-top { padding-top: 30px; margin-top: 30px; border-top: 1px solid #e5eeec; } .gsc-icon-box-classic.border-s1 .icon-inner { padding: 6px; border: 2px solid #dee2e6; display: inline-block; } .gsc-icon-box-classic.border-s1 .icon-inner .fa-stack { line-height: 2.3em !important; width: 2.2em; height: 2.2em; } .gsc-icon-box-classic.border-s1 .icon-inner .fa-2x { font-size: 1.6em; } .gsc-icon-box-classic.border-s1 .icon-inner .fa-1x { font-size: 1.2em; } .gsc-icon-box-classic.border-s1 .icon-inner .fa-1x .fa-stack { line-height: 2.3em !important; width: 2.2em; height: 2.2em; } .gsc-icon-box-classic .i-border-theme { border-color: var(--halpes-theme-color) !important; } .gsc-icon-box-classic .i-border-black { border-color: var(--body-link-color) !important; } .gsc-icon-box-classic .i-border-dark { border-color: #f1f1f1 !important; } .gsc-icon-box-classic .i-border-white { border-color: #fff !important; } .gsc-icon-box-classic:hover .highlight-icon .icon { -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .milestone-one__single { position: relative; } .milestone-one__icon { color: var(--halpes-theme-color); font-size: 30px; margin-bottom: 20px; } .milestone-one__number-inner { font-size: 44px; line-height: 1; font-weight: 900; color: var(--halpes-theme-color); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .milestone-one__text { font-size: 16px; line-height: 26px; font-weight: 700; margin-bottom: 0; margin-top: 5px; } .milestone-one__single.text-light .milestone-one__number-inner { color: #fff; } .milestone-two__single { display: block; width: 100%; text-align: center; } .milestone-two__icon { color: var(--halpes-theme-color); font-size: 48px; line-height: 1; margin-bottom: 20px; } .milestone-two__content { display: inline-block; } .milestone-two__number-inner { font-size: 50px; font-weight: 900; line-height: 1; margin-bottom: 5px; color: var(--halpes-theme-color); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .milestone-two__text { font-size: 18px; margin: 0; color: var(--body-color); font-weight: 800; line-height: 1.89; } .milestone-two__single.text-light .milestone-two__number-inner { color: #fff; } .milestone-two__single:hover .milestone-two__icon .icon, .milestone-two__single:focus .milestone-two__icon .icon { -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .milestone-three__single { text-align: center; display: block; width: 100%; margin-bottom: 30px; } .milestone-three__icon { color: var(--halpes-theme-color); font-size: 32px; line-height: 1; } .milestone-three__content { display: block; text-align: left; float: none; width: 100%; } .milestone-three__number-inner { font-size: 50px; font-weight: 600; line-height: 1; color: var(--halpes-theme-color); display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1024px) { .milestone-three__number-inner { font-size: 38px; } } .milestone-three__text { font-size: 16px; margin: 10px 0 0; font-weight: 600; line-height: 22px; } .milestone-three__single.text-light .milestone-three__number-inner { color: #fff; } /******************** Block for drupal ***********************/ .gsc-block-drupal { margin-bottom: 30px; } .gsc-block-drupal.hidden-title-off .block-title { display: none !important; } .gsc-block-drupal.title-align-center .block-title { text-align: center; } .gsc-block-drupal.title-align-left .block-title { text-align: left; } .gsc-block-drupal.title-align-right .block-title { text-align: right; } .gsc-block-drupal.noborder-box div { color: #fff; } .gsc-block-drupal.noborder-box .block-inner .block-title { color: #fff; } .gsc-block-drupal.noborder-box .block-inner .block-content *, .gsc-block-drupal.noborder-box .block-inner .block-content div { color: #fff; } .gsc-block-drupal.noborder-box .block-inner .block-content *:after, .gsc-block-drupal.noborder-box .block-inner .block-content *:before, .gsc-block-drupal.noborder-box .block-inner .block-content div:after, .gsc-block-drupal.noborder-box .block-inner .block-content div:before { color: rgba(255, 255, 255, 0.2); } .gsc-block-drupal.remove-margin-on { margin-bottom: 0 !important; } .gsc-block-drupal.remove-margin-on .block { margin-bottom: 0 !important; } .gsc-block-drupal.text-light div { color: #fff; } .gsc-block-drupal.text-light .block-inner .block-title { color: #fff; } .gsc-block-drupal.text-light .block-inner .block-content *, .gsc-block-drupal.text-light .block-inner .block-content div { color: #fff; } .gsc-block-drupal.text-light .block-inner .block-content *:after, .gsc-block-drupal.text-light .block-inner .block-content *:before, .gsc-block-drupal.text-light .block-inner .block-content div:after, .gsc-block-drupal.text-light .block-inner .block-content div:before { color: rgba(255, 255, 255, 0.2); } .gsc-video-box { position: relative; margin: 0 auto; } .gsc-video-box.style-1 .image { min-width: 100px; min-height: 100px; } @media (max-width: 991px) { .gsc-video-box.style-1 .image { min-width: 80px; min-height: 80px; } } .gsc-video-box.style-1 .image .popup-video { display: inline-block; font-size: 24px; border: 2px solid #fff; background: transparent; color: #fff; text-align: center; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; width: 100px; height: 100px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 11; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gsc-video-box.style-1 .image .popup-video .icon { -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } @media (max-width: 991px) { .gsc-video-box.style-1 .image .popup-video { width: 80px; height: 80px; } } .gsc-video-box.style-1 .image .popup-video::before { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; border: 1px solid #fff; opacity: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-animation: pulse-border-2 1.5s linear infinite; animation: pulse-border-2 1.5s linear infinite; } .gsc-video-box.style-1 .image .popup-video::after { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; border: 1px solid #fff; opacity: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-animation: pulse-border 1s linear infinite; animation: pulse-border 1s linear infinite; } .gsc-video-box.style-1 .image .popup-video:hover { border: 2px solid var(--halpes-theme-color); background: var(--halpes-theme-color); color: #fff; } .gsc-video-box.style-1 .image .popup-video:hover .icon { -webkit-transform: scale(0.9); transform: scale(0.9); } .gsc-video-box.style-1 .video-content-left { position: relative; width: 100px; } .gsc-video-box.style-1 .video-content-right { padding-left: 50px; } .gsc-video-box.style-1 .video-desc { font-family: Reey; font-size: 30px; color: var(--halpes-theme-color); } @media (max-width: 767px) { .gsc-video-box.style-2.align-right { float: none; } } .gsc-video-box.style-2 .image { position: relative; min-width: 120px; min-height: 120px; } @media (max-width: 767.98px) { .gsc-video-box.style-2 .image { min-width: 80px; min-height: 80px; } } .gsc-video-box.style-2 .image img { width: 100%; height: 100%; } .gsc-video-box.style-2 .image.has-image { -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1); } .gsc-video-box.style-2 .image.has-image:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: rgba(30, 40, 69, 0.3); } .gsc-video-box.style-2 .image .popup-video { display: inline-block; font-size: 24px; background: #fff; color: var(--halpes-theme-color); text-align: center; position: relative; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; width: 84px; height: 84px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 11; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767.98px) { .gsc-video-box.style-2 .image .popup-video { width: 60px; height: 60px; font-size: 18px; } } .gsc-video-box.style-2 .image .popup-video::before { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; border: 1px solid #fff; opacity: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-animation: pulse-border-2 1.5s linear infinite; animation: pulse-border-2 1.5s linear infinite; } .gsc-video-box.style-2 .image .popup-video::after { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; border: 1px solid #fff; opacity: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-animation: pulse-border 1s linear infinite; animation: pulse-border 1s linear infinite; } .gsc-video-box.style-2 .image .popup-video:hover { background: var(--halpes-theme-color); color: #fff !important; } .gsc-video-box.style-2 .video-content .link-video { font-size: 12px; font-weight: 400; margin: 20px 0 0 35px; position: relative; float: left; text-transform: capitalize; } .gsc-video-box.style-2 .video-content .link-video:after { content: ""; position: absolute; width: 30px; height: 1px; background-color: #000; top: 14px; left: -35px; } .gsc-video-box.style-2 .video-content .link-video strong { font-size: 14px; } .gsc-video-box.style-2 .video-content .button-review { float: right; margin-top: 20px; } .gsc-video-box.style-2 .video-content .button-review a { -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; color: #000; border: 1px solid #000; padding: 4px 15px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; font-weight: 700; font-size: 12px; text-transform: capitalize; letter-spacing: 2px; } .gsc-video-box.style-2 .video-content .button-review a:hover { color: #fff; background: var(--halpes-theme-color); border-color: var(--halpes-theme-color); } .gsc-video-box.style-2 .video-inner { position: relative; } .gsc-video-box.style-2.button-video-big .image .popup-video { background: var(--halpes-theme-color); color: #fff; } @media (min-width: 1025px) { .gsc-video-box.style-2.button-video-big .image .popup-video { width: 110px; height: 110px; } } .gsc-video-box.style-2.button-video-big .image.has-image { -webkit-box-shadow: none; box-shadow: none; } .gsc-video-box.style-2.button-video-big .image.has-image:after { content: none; } .gsc-video-box.style-3 { position: relative; padding-bottom: 20px; padding-left: 20px; margin-bottom: 30px; } .gsc-video-box.style-3 .video-inner { min-height: 120px; min-width: 120px; text-align: center; } .gsc-video-box.style-3 .video-inner:after { content: ''; position: absolute; top: 50px; right: 190px; bottom: 0; left: 0; background: var(--halpes-theme-color-second); z-index: -1; border-radius: 10px; } .gsc-video-box.style-3 .image { overflow: hidden; border-radius: 10px; } .gsc-video-box.style-3 .popup-video { width: 138px; height: 138px; line-height: 138px; border-radius: 8px; font-size: 28px; color: #fff; display: inline-block; background: var(--halpes-theme-color); text-align: center; position: relative; -webkit-transition: all .35s; transition: all .35s; position: absolute; bottom: 0; right: 0; z-index: 11; } @media (max-width: 767px) { .gsc-video-box.style-3 .popup-video { width: 100px; height: 100px; line-height: 100px; } } .gsc-video-box.style-3 .popup-video::before { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; border: 1px solid var(--halpes-theme-color); opacity: 0; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-animation: pulse-border-2 1.5s linear infinite; animation: pulse-border-2 1.5s linear infinite; } .gsc-video-box.style-3 .popup-video::after { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 100%; border: 1px solid var(--halpes-theme-color); opacity: 0; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-animation: pulse-border 1s linear infinite; animation: pulse-border 1s linear infinite; } .team-one__single { margin-bottom: 30px; } .team-one__image { position: relative; overflow: hidden; background: #fff; } .team-one__image img { mix-blend-mode: luminosity; -webkit-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; } .team-one__socials { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; } .team-one__socials .gva-social { display: block; color: var(--body-link-color); margin: 0; font-size: 12px; width: 36px; height: 36px; text-align: center; line-height: 36px; background: #e5eeec; margin-right: 10px; border-radius: 50%; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .team-one__socials .gva-social:hover, .team-one__socials .gva-social:focus, .team-one__socials .gva-social:active, .team-one__socials .gva-social:first-child { color: #fff; background: var(--halpes-theme-color); } .team-one__content { position: relative; padding-top: 50px; } .team-one__name { position: absolute; bottom: 100%; right: 30px; font-family: Reey; font-size: 50px; line-height: normal; color: var(--halpes-theme-color); text-align: right; margin: 0; margin-bottom: -30px; } .team-one__name a { color: var(--halpes-theme-color); } @media (max-width: 991px) { .team-one__name { font-size: 40px; } } .team-one__job { font-size: 20px; font-weight: 800; color: var(--body-link-color); text-transform: capitalize; } .team-one__single:hover .team-one__image img, .team-one__single.active .team-one__image img { mix-blend-mode: normal; } .teams-grid .gva-view-grid-inner { margin: 0 -65px; } @media (max-width: 1199px) { .teams-grid .gva-view-grid-inner { margin: 0 -15px; } } .teams-grid .gva-view-grid-inner .item-columns { padding: 0 65px; } @media (max-width: 1199px) { .teams-grid .gva-view-grid-inner .item-columns { padding: 0 15px; } } .team-list .team-block .team-image { width: 35%; float: left; } .team-list .team-block .team-content { padding-left: 30px; width: 65%; float: left; } .team-list .team-block .team-content .team-body { display: block !important; visibility: visible !important; padding: 10px 0; } /*************** Pricing Tables ***************/ .pricing-table { position: relative; background-color: #fff; top: 0; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border: 1px solid #dee2e6; padding: 20px; margin-bottom: 30px; } @media (max-width: 575.98px) { .pricing-table { margin-bottom: 35px; } } .pricing-table ul li { list-style: none; } .pricing-table .plan-name { -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-weight: 600; padding: 15px 0 2px; } .pricing-table .plan-name .title { font-weight: 400; color: #000; font-size: 20px; font-family: var(--halpes-heading-font-family); line-height: 20px; } .pricing-table .content-wrap .plan-price { margin: 10px 0 10px; } .pricing-table .content-wrap .plan-price .price-value { display: inline-block; } .pricing-table .content-wrap .plan-price .price-value .dollar { font-size: 24px; font-weight: 400; display: inline-block; position: relative; line-height: 36px; float: left; color: var(--halpes-theme-color); } .pricing-table .content-wrap .plan-price .price-value .value { font-size: 40px; font-weight: 400; display: inline-block; line-height: 40px; float: left; font-family: var(--halpes-heading-font-family); color: var(--halpes-theme-color); } .pricing-table .content-wrap .plan-price .interval { margin-top: 18px; font-size: 14px; line-height: 22px; font-weight: 600; position: relative; display: block; color: #7b7b7b; float: left; } .pricing-table .plan-list { padding: 0; text-align: left; } .pricing-table .plan-list ul { padding: 0; } .pricing-table .plan-list ul li { padding: 5px 0 5px 20px; font-size: 14px; list-style: none; position: relative; } .pricing-table .plan-list ul li:after { content: '\f058'; font-family: "Font Awesome 6 Free"; position: absolute; top: 8px; left: 0; z-index: 1; color: var(--halpes-theme-color); font-size: 12px; } .pricing-table .plan-list ul li.off { color: #bbb; } .pricing-table .plan-list ul li.off:after { content: '\f057'; color: #bbb; font-size: 10px; top: 10px; } .pricing-table .plan-signup { margin-top: 30px; } .pricing-table .plan-signup a { width: 100%; text-align: center; } .pricing-table:hover { -webkit-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.1); } .pricing-table.highlight-plan { -webkit-box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1); position: relative; z-index: 9; } .pricing-table.highlight-plan .recommended-plan { background: var(--halpes-theme-color); color: #fff; font-size: 13px; font-family: var(--halpes-heading-font-family); font-weight: 600; text-transform: uppercase; text-align: center; position: absolute; top: -15px; left: 15px; right: 15px; width: auto; letter-spacing: 1px; padding: 3px 5px; } .pricing-table.highlight-plan .plan-name .title { color: var(--halpes-theme-color); } /************** Pricing Vertical ***************************/ .pricing-vertical { border: 1px solid #dee2e6; background: #fff; } @media (max-width: 768.9px) { .pricing-vertical { border: none; background: none; } } .pricing-vertical ul { list-style: none; padding: 0; margin: 0 !important; } .pricing-vertical ul > li { height: 90px; padding: 1.625em 0; } .pricing-vertical ul > li:nth-child(odd) { background: #f5f5f5; } .pricing-vertical ul > li .checkmark, .pricing-vertical ul > li .crossmark { width: 1.625em; height: 1.625em; line-height: 1.625em; background: #64b671; border-radius: 50%; display: inline-block; position: relative; text-align: center; } .pricing-vertical ul > li .checkmark:before, .pricing-vertical ul > li .crossmark:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; position: absolute; color: #fff; width: 100%; left: 0; opacity: 1; font-size: 11px; font-weight: 900; } .pricing-vertical ul > li .crossmark { background: #e34747; } .pricing-vertical ul > li .crossmark:before { content: '\f00d'; } .pricing-vertical .row { margin: 0 !important; } .pricing-vertical div[class*='col-'] { padding: 0 !important; border-right: 1px solid #dee2e6; } @media (max-width: 768.9px) { .pricing-vertical div[class*='col-'] { margin-bottom: 30px; border: 1px solid #dee2e6 !important; background: #fff; } } .pricing-vertical div[class*='col-']:last-child { border-right: 0; } .pricing-vertical div[class*='col-'].pricing-highlight { -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.08); z-index: 2; } .pricing-vertical div[class*='col-']:not(:first-child) ul li:last-child { height: auto !important; } .pricing-vertical div[class*='col-'] .pricing-title { min-height: 109px; padding: 1.625em 0; position: relative; } .pricing-vertical div[class*='col-'] .pricing-title h6 { text-transform: uppercase; font-size: 12px; margin: 0; color: var(--body-color); letter-spacing: 1px; } .pricing-vertical div[class*='col-'] .pricing-title .pricing-price { line-height: 1; } .pricing-vertical div[class*='col-'] .pricing-title .pricing-price .pricing-dollar { font-size: 16px; position: relative; top: -8px; color: #000; } .pricing-vertical div[class*='col-'] .pricing-title .pricing-price .price { font-size: 30px; font-weight: 700; color: #000; font-family: var(--halpes-heading-font-family); } .pricing-vertical .col-heading { font-size: 16px; font-weight: 700; color: #000; } .pricing-vertical .col-heading ul li { height: 90px; font-family: var(--halpes-heading-font-family); font-size: 20px; line-height: 18px; } .gsc-quote-text { position: relative; padding: 30px 30px 30px 70px; margin-bottom: 30px; } .gsc-quote-text .icon { position: absolute; left: 20px; top: 30px; z-index: 1; font-size: 20px; color: var(--halpes-theme-color); } .gsc-quote-text .content { line-height: 30px; font-size: 16px; letter-spacing: 0.5px; color: #999999; } .gsc-quote-text.has-border { border: 2px solid #dee2e6; } .gsc-quote { position: relative; padding-top: 125px; } .gsc-quote:after { position: absolute; content: ""; background: url("../images/testimonial-icon.png") no-repeat center center transparent; width: 30px; height: 30px; left: 0; top: 50px; z-index: 1; } .gsc-quote .content { line-height: 28px; } .gsc-quote .signature { margin-top: 60px; } .gsc-quote .position { margin-top: 25px; } .gva-job-box { padding: 30px; border: 1px solid #dee2e6; background: #fff; margin-bottom: 30px; display: table; width: 100%; } .gva-job-box .logo-inner { width: 60px; text-align: center; display: table-cell; } .gva-job-box .content-inner { display: table-cell; padding-left: 20px; } .gva-job-box .content-inner .job-type { font-size: 12px; text-transform: uppercase; font-weight: 700; display: inline-block; color: var(--halpes-theme-color); } .gva-job-box .content-inner .box-title { margin: 0 0 20px; font-size: 20px; } .gva-job-box .content-inner .information ul { margin: 0; padding: 0; list-style: none; } .gva-job-box .content-inner .information ul li { position: relative; font-size: 14px; } .gva-job-box .content-inner .information ul li i { color: var(--halpes-theme-color); width: 20px; text-align: left; font-size: 14px; } .gsc-our-gallery .owl-nav > div.owl-prev { left: 15px !important; } .gsc-our-gallery .owl-nav > div.owl-next { right: 15px !important; } .gsc-our-gallery.small-padding .init-carousel-owl { margin-left: -10px; margin-right: -10px; } .gsc-our-gallery.small-padding .init-carousel-owl .owl-item > .item { padding-left: 10px; padding-right: 10px; } .gallery-grid .gallery-one__single { margin-bottom: 30px; } .gallery-one__single { position: relative; overflow: hidden; } .gallery-one__image { text-align: center; } .gallery-one__image img { display: inline-block; width: 100% !important; -o-object-fit: cover; object-fit: cover; } .gallery-one__image a.zoomGallery { position: absolute; z-index: 10; left: 10px; top: 10px; opacity: 0; color: transparent; width: 100%; height: 100%; -webkit-transition: all 0.35s; transition: all 0.35s; } .gallery-one__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(21, 200, 160, 0.9); opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; } .gallery-one__content-inner { position: relative; text-align: center; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .gallery-one__icon { width: 46px; height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; background: var(--halpes-theme-color-second); color: #fff; font-size: 18px; border-radius: 50%; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; display: none; } .gallery-one__title { color: #fff; font-size: 24px; margin-bottom: 0; } .gallery-one__desc { font-family: Reey; font-size: 30px; color: #fff; } .gallery-one__single:hover .gallery-one__image a.zoomGallery { opacity: 1; } .gallery-one__single:hover .gallery-one__content { opacity: 1; } .gsc-heading { padding: 0 0 40px; display: block; width: 100%; } .gsc-heading:before, .gsc-heading:after { content: " "; display: table; } .gsc-heading:after { clear: both; } @media (max-width: 767px) { .gsc-heading { padding: 0 0 30px; } } .gsc-heading__title { position: relative; margin: 0; } .gsc-heading__sub-title { color: var(--body-color); font-size: 14px; font-weight: 600; margin-bottom: 15px; } .gsc-heading__sub-title.text-light { color: #a0a0c0 !important; } .gsc-heading__sub-title + .gsc-heading__title { margin-top: 0 !important; } .gsc-heading__desc { margin: 25px 0 0; } .gsc-heading__desc .title-desc { font-size: 20px; margin-top: -15px; margin-bottom: -5px; } .gsc-heading__desc.text-gray { color: #a0a0c0 !important; } .gsc-heading__desc ul.features-list-2 { padding-top: 15px; } .gsc-heading__action { margin-top: 30px; } @media (max-width: 767.98px) { .gsc-heading__action { margin-top: 15px; } } .gsc-heading__align-center { text-align: center; margin: 0 auto; } .gsc-heading__align-center .gsc-heading__desc { margin: 15px 0 0; } .gsc-heading__align-left { text-align: left; } .gsc-heading__align-right { text-align: right; float: right; } .gsc-heading__align-right:before, .gsc-heading__align-right:after { content: " "; display: table; } .gsc-heading__align-right:after { clear: both; } .style-1 .gsc-heading__sub-title, .style-6 .gsc-heading__sub-title { font-size: 18px; line-height: 1; font-weight: 800; color: var(--halpes-theme-color); } .style-1 .gsc-heading__sub-title span, .style-6 .gsc-heading__sub-title span { position: relative; } .style-1 .gsc-heading__sub-title span:before, .style-6 .gsc-heading__sub-title span:before { content: ""; width: 38px; height: 2px; background: var(--halpes-theme-color); display: inline-block; margin-bottom: 5px; margin-right: 10px; } .style-1 .gsc-heading__title, .style-6 .gsc-heading__title { font-size: 50px; margin-top: -10px; font-weight: 900; } @media (max-width: 1024px) { .style-1 .gsc-heading__title, .style-6 .gsc-heading__title { font-size: 39px; } } @media (max-width: 991px) { .style-1 .gsc-heading__title, .style-6 .gsc-heading__title { font-size: 34px; } } @media (max-width: 767px) { .style-1 .gsc-heading__title, .style-6 .gsc-heading__title { font-size: 30px; } } @media (max-width: 575px) { .style-1 .gsc-heading__title, .style-6 .gsc-heading__title { font-size: 28px; } } .style-1 .gsc-heading__desc, .style-6 .gsc-heading__desc { font-size: 16px; line-height: 1.89; } .style-2.gsc-heading { padding-bottom: 30px; } .style-2 .gsc-heading__title { margin-top: -13px; font-size: 60px; } @media (max-width: 1024.98px) { .style-2 .gsc-heading__title { font-size: 40px; margin-top: -7px; } } @media (max-width: 991.98px) { .style-2 .gsc-heading__title { font-size: 36px; } } @media (max-width: 767.98px) { .style-2 .gsc-heading__title { font-size: 30px; letter-spacing: 0; } } .style-3.gsc-heading { padding-bottom: 25px; } .style-3 .gsc-heading__title { position: relative; margin: 0; font-size: 20px; line-height: 22px; letter-spacing: 0; } .style-3 .gsc-heading__title span { position: relative; } .style-3 .gsc-heading__title span:after { content: ''; width: 18px; height: 26px; background: url("../images/arrow.png") no-repeat center center transparent; display: inline-block; position: absolute; top: 12px; left: calc(100% + 12px); } .style-3 .gsc-heading__desc { font-size: 16px; font-weight: 500; line-height: 26px; margin-top: 29px; } .style-4.gsc-heading { padding-bottom: 30px; } .style-4 .gsc-heading__content { position: relative; display: inline-block; } .style-4 .gsc-heading__sub-title { font-size: 18px; font-weight: 500; color: #fff; display: inline-block; background: var(--halpes-theme-color-second); padding: 5px 20px; position: absolute; z-index: 9; left: 0; top: -36px; -webkit-transform: rotate(-15deg) translateX(-36%); transform: rotate(-15deg) translateX(-36%); } @media (max-width: 767px) { .style-4 .gsc-heading__sub-title { font-size: 16px; -webkit-transform: rotate(-12deg) translateX(-20%); transform: rotate(-12deg) translateX(-20%); } } .style-4 .gsc-heading__title { letter-spacing: 5px; font-size: 86px; line-height: 1.1; } @media (max-width: 1024px) { .style-4 .gsc-heading__title { font-size: 50px; letter-spacing: 2px; } } @media (max-width: 767px) { .style-4 .gsc-heading__title { font-size: 36px; } } .style-5.gsc-heading { padding-bottom: 30px; } .style-5 .gsc-heading__content { position: relative; display: inline-block; } .style-5 .gsc-heading__sub-title { font-size: 18px; font-weight: 500; color: #fff; display: inline-block; background: var(--halpes-theme-color-second); padding: 5px 20px; position: absolute; z-index: 9; left: 0; top: -36px; -webkit-transform: rotate(-15deg) translateX(-36%); transform: rotate(-15deg) translateX(-36%); } @media (max-width: 767px) { .style-5 .gsc-heading__sub-title { font-size: 16px; -webkit-transform: rotate(-12deg) translateX(-20%); transform: rotate(-12deg) translateX(-20%); } } .style-5 .gsc-heading__title { font-size: 58px; line-height: 1.1; } @media (max-width: 1024px) { .style-5 .gsc-heading__title { font-size: 42px; } } @media (max-width: 767px) { .style-5 .gsc-heading__title { font-size: 36px; } } @media (max-width: 575px) { .style-5 .gsc-heading__title { margin-top: 0; } } .style-5 .gsc-heading__desc { color: #DADADA; font-size: 22px; } .style-6 .gsc-heading__title { font-size: 82px; } @media (max-width: 1349px) { .style-6 .gsc-heading__title { font-size: 60px; } } @media (max-width: 1199px) { .style-6 .gsc-heading__title { font-size: 50px; } } @media (max-width: 1024px) { .style-6 .gsc-heading__title { font-size: 42px; } } @media (max-width: 767px) { .style-6 .gsc-heading__title { font-size: 32px; } } .style-6 .gsc-heading__desc { font-size: 18px; line-height: 32px; } @media (max-width: 1024px) { .style-6 .gsc-heading__desc { font-size: 16px; } } /******************** Chart *****************************/ .gsc-chart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gsc-chart .easyPieChart { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; margin-right: 15px; } .gsc-chart .content > div { display: block; } .gsc-chart .content .icon { font-size: 25px; margin-top: 5px; } .gsc-chart .content .title { font-size: 20px; line-height: 1.5; position: relative; margin: 15px 0; } .easyPieChart { font-size: 24px; font-weight: 400; position: relative; text-align: center; display: inline-block; } .easyPieChart:last-child { margin-right: 0; } .easyPieChart span { line-height: 1; color: var(--body-link-color); font-size: 24px; font-weight: 900; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } .gsc-map { position: relative; } .gsc-map .content-inner { position: absolute; bottom: 30px; left: 30px; z-index: 9; max-width: 400px; padding: 20px; background: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border: 1px solid #dee2e6; } @media (max-width: 600px) { .gsc-map .content-inner { position: static; width: 100%; max-width: 100%; } } .gsc-map .info { margin-bottom: 10px; padding-left: 28px; position: relative; } .gsc-map .info span.icon { font-size: 18px; top: 5px; left: 0; position: absolute; z-index: 1; color: #000; } .gsc-map .phone { color: var(--halpes-theme-color); } .gsc-map .social-inline { float: left; width: 100%; text-align: left; margin-top: 0; } .gsc-map .social-inline > a { margin: 0 10px 0 0; font-size: 16px; } .gsc-tabs .tabs_horizontal .nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -5px; border: 0; } .gsc-tabs .tabs_horizontal .nav-tabs > li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; text-align: center; padding-left: 5px; padding-right: 5px; } @media (max-width: 480px) { .gsc-tabs .tabs_horizontal .nav-tabs > li { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; } } .gsc-tabs .tabs_horizontal .nav-tabs > li > a { background: var(--halpes-theme-color-second); color: var(--halpes-theme-color-three); padding: 15px 20px; font-size: 16px; font-weight: 500; display: inline-block; width: 100%; position: relative; } @media (max-width: 767.98px) { .gsc-tabs .tabs_horizontal .nav-tabs > li > a { padding: 10px; font-size: 18px; } } .gsc-tabs .tabs_horizontal .nav-tabs > li > a:after { content: ""; position: absolute; right: 0; top: 0; background: var(--halpes-theme-color-second); width: 11px; height: 11px; } .gsc-tabs .tabs_horizontal .nav-tabs > li > a.active { background: var(--halpes-theme-color); color: #fff; } .gsc-tabs .tabs_horizontal .tab-content { padding: 60px 0 0; font-size: 18px; line-height: 36px; } @media (max-width: 991.98px) { .gsc-tabs .tabs_horizontal .tab-content { padding-top: 30px; } } .gsc-tabs .tabs_vertical .nav-tabs { width: 25%; float: left; } .gsc-tabs .tabs_vertical .nav-tabs > li { -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); display: block; margin-bottom: 20px; width: 100%; margin-right: 0; padding-right: 0; } .gsc-tabs .tabs_vertical .nav-tabs > li a { width: 100%; display: block; padding: 10px 20px; font-size: 18px; background: var(--halpes-theme-color); color: #fff; } .gsc-tabs .tabs_vertical .nav-tabs > li a.active { background: #fff; color: #000; } .gsc-tabs .tabs_vertical .nav-tabs > li:last-child { margin-bottom: 0; } .gsc-tabs .tabs_vertical .tab-content { width: 75%; float: left; padding-left: 15px; } .gsc-tabs .tabs_vertical .tab-content .tab-pane { background: #fff; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); padding: 30px; } .gsc-button { -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; font-weight: 700; border: 2px solid transparent; margin-bottom: 20px; display: inline-block; clear: both; } .gsc-button.radius-2x { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .gsc-button.radius-5x { border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; } .gsc-button.mini { font-size: 10px; padding: 3px 10px; } .gsc-button.small { font-size: 10px; padding: 8px 15px; } .gsc-button.medium { font-size: 12px; padding: 10px 35px; } .gsc-button.large { font-size: 14px; padding: 12px 60px; } @media (max-width: 767.98px) { .gsc-button.large { padding: 12px 15px; } } .gsc-button.extra-large { font-size: 18px; padding: 15px 60px; } @media (max-width: 767.98px) { .gsc-button.extra-large { padding: 15px; } } .gsc-our-partners { margin-bottom: 30px; } .gsc-our-partners:before, .gsc-our-partners:after { content: " "; display: table; } .gsc-our-partners:after { clear: both; } .gsc-our-partners .image { width: 35%; float: left; } @media (max-width: 575.98px) { .gsc-our-partners .image { width: 100%; margin-bottom: 20px; } } .gsc-our-partners .content-inner { width: 65%; float: left; padding-left: 30px; } @media (max-width: 575.98px) { .gsc-our-partners .content-inner { width: 100%; padding-left: 0; } } .gsc-our-partners .content-inner .title { font-size: 20px; color: #000; font-weight: 700; } .gsc-our-partners .content-inner .info { font-size: 14px; padding: 5px 0 12px; } .gsc-our-partners .content-inner .info .category { color: var(--halpes-theme-color); } .image-content-one__single { position: relative; max-width: 592px; overflow: hidden; padding-bottom: 50px; } @media (min-width: 1400px) { .image-content-one__single { margin-left: -60px; } } @media (max-width: 1024px) { .image-content-one__single { margin-left: auto; margin-right: auto; } } @media (max-width: 460px) { .image-content-one__single { padding-bottom: 0; } } .image-content-one__single .image-inner { overflow: hidden; display: block; } .image-content-one__single .image-inner:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .image-content-one__single img { -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .image-content-one__wrap { position: relative; } .image-content-one__image { position: relative; z-index: 11; padding-left: 60px; padding-bottom: 30px; } .image-content-one__image:before { content: ''; width: 30px; height: 329px; background: var(--halpes-theme-color); position: absolute; left: 0; top: 0; margin-bottom: 30px; z-index: 1; } @media (max-width: 1024px) { .image-content-one__image { padding-bottom: 120px; } } .image-content-one__image-second { position: absolute; left: 0; bottom: 0; z-index: 11; max-width: 75%; } .image-content-one__image-second .image-inner { max-height: 340px; } .image-content-one__image-second img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .image-content-one__link-overlay { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .image-content-one__content { z-index: 11; position: absolute; bottom: -60px; right: 0; padding-right: 120px; background: url("../images/bg-img-content.png") no-repeat center right; background-size: contain; } @media (max-width: 460px) { .image-content-one__content { padding-right: 62px; bottom: 0; } } .image-content-one__title { font-size: 50px; line-height: 144px; padding-right: 7px; margin: 0; font-weight: 400; font-family: Reey; color: var(--halpes-theme-color); white-space: nowrap; } .image-content-one__title a { color: var(--halpes-theme-color); } @media (max-width: 1024px) { .image-content-one__title { font-size: 40px; line-height: 130px; } } @media (max-width: 460px) { .image-content-one__title { font-size: 30px; line-height: 80px; } } .image-content-one__read-more { margin-top: 15px; } .image-content-one__read-more a { color: #fff !important; } .image-content-one__read-more a:hover { text-decoration: underline; } .image-content-two__single { position: relative; max-width: 510px; margin: 0 auto; margin-top: 60px; } .image-content-two__image { text-align: center; } .image-content-two__link-overlay { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .image-content-two__title { font-size: 26px; font-weight: 500; line-height: 38px; margin: 0; } @media (max-width: 1024px) { .image-content-two__title { font-size: 20px; line-height: 30px; } } .image-content-two__title .icon { font-size: 62px; line-height: 120px; width: 120px; height: 120px; text-align: center; border-radius: 50%; background: var(--halpes-theme-color); color: #fff; position: absolute; top: -60px; right: 30px; } .image-content-two__title .icon i { width: 62px; } @media (max-width: 1024px) { .image-content-two__title .icon { font-size: 45px; line-height: 85px; width: 85px; height: 85px; } .image-content-two__title .icon i { width: 45px; } } .image-content-two__desc { font-size: 14px; font-weight: 500; } .image-content-two__read-more { margin-top: 20px; } @media (min-width: 426px) { .image-content-two__read-more { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; } } .image-content-two__read-more a { width: 60px; height: 60px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 30px; padding: 0; border-radius: 50%; -webkit-box-shadow: 0px 10px 60px 0px rgba(99, 171, 69, 0.61); box-shadow: 0px 10px 60px 0px rgba(99, 171, 69, 0.61); } @media (max-width: 1024px) { .image-content-two__read-more a { font-size: 20px; width: 50px; height: 50px; } } .image-content-two__read-more a i { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .image-content-three__content-inner { background: #eff5f4; padding: 52px 45px; } @media (max-width: 991px) { .image-content-three__content-inner { padding: 25px 30px; } } .image-content-three__image img { width: 100%; } .image-content-three__link-overlay { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .image-content-three__title { font-size: 26px; line-height: 1.54; margin: 0; } @media (max-width: 991px) { .image-content-three__title { font-size: 22px; } } @media (max-width: 991px) { .image-content-three__title { font-size: 18px; } } .image-content-three__desc { margin-top: 15px; } .image-content-four__single { position: relative; background: #fff; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06); } @media (min-width: 576px) { .image-content-four__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 576px) { .image-content-four__left { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } } .image-content-four__content { padding: 30px 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .image-content-four__content { padding: 30px; } } .image-content-four__image { position: relative; overflow: hidden; width: 100%; height: 100%; display: block; } .image-content-four__image:after { content: ''; height: 100%; width: 10px; background: var(--halpes-theme-color); position: absolute; top: 0; right: 0; z-index: 1; } @media (max-width: 575px) { .image-content-four__image:after { width: 100%; height: 10px; top: auto; bottom: 0; } } @media (min-width: 576px) { .image-content-four__image img { position: absolute; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; } } .image-content-four__link-overlay { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .image-content-four__title { font-size: 24px; margin: 0 0 20px; } .image-content-five__single { position: relative; max-width: 560px; margin: 0 auto; } .image-content-five__single .image-inner { overflow: hidden; border-bottom: 10px solid var(--halpes-theme-color); } .image-content-five__single .image-inner:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .image-content-five__single img { -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; width: 100%; } .image-content-five__link-overlay { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .image-content-five__title { position: absolute; bottom: 70px; left: -50px; max-width: 262px; margin: 0; font-size: 24px; line-height: normal; padding: 50px; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); background: #fff; display: inline-block; } .image-content-five__title span { color: var(--halpes-theme-color); } @media (max-width: 1250px) { .image-content-five__title { left: 20px; bottom: 30px; padding: 30px; } } @media (max-width: 767px) { .image-content-five__title { font-size: 18px; max-width: 206px; } } .image-content-six__single { position: relative; max-width: 570px; margin: 0 auto 30px; text-align: center; } .image-content-six__image { position: relative; z-index: 2; margin-bottom: 30px; } .image-content-six__link-overlay { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .gsc-box-download { background: var(--halpes-theme-color); color: #fff; padding: 30px; margin: 20px 0; } .gsc-box-download .info .title { font-size: 18px; } .gsc-box-download .info .desc { font-size: 12px; line-height: 24px; } .gsc-box-download .box-files a { display: inline-block; margin-bottom: 10px; text-align: center; color: #000; font-weight: 600; font-size: 13px; background: #fff; padding: 15px; width: 100%; } .gsc-box-download.horizontal:before, .gsc-box-download.horizontal:after { content: " "; display: table; } .gsc-box-download.horizontal:after { clear: both; } .gsc-box-download.horizontal .info { width: 70%; float: left; } @media (max-width: 575.98px) { .gsc-box-download.horizontal .info { width: 100%; margin-bottom: 15px; } } .gsc-box-download.horizontal .box-files { width: 30%; float: left; } @media (max-width: 575.98px) { .gsc-box-download.horizontal .box-files { width: 100%; } } .gsc-socials.style-1:before, .gsc-socials.style-1:after { content: " "; display: table; } .gsc-socials.style-1:after { clear: both; } .gsc-socials.style-1 a { width: 36px; height: 36px; line-height: 36px; text-align: center; color: var(--body-link-color); background: #fff; font-size: 12px; display: inline-block; margin: 0 3px 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .gsc-socials.style-1 a:hover, .gsc-socials.style-1 a:active, .gsc-socials.style-1 a:focus { background: var(--halpes-theme-color); color: #fff; } .gsc-socials.style-2 { margin-bottom: 30px; } .gsc-socials.style-2 a { text-decoration: none; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; margin-right: 12px; font-size: 14px; } .gsc-socials.style-2 a:last-child { margin-right: 0; } .gsc-socials.style-2 a:hover, .gsc-socials.style-2 a:focus, .gsc-socials.style-2 a:active { opacity: 0.7; filter: alpha(opacity=70); } .gsc-socials.style-2 a i { color: #fff; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; text-align: center; line-height: 40px; font-size: 12px; } .gsc-socials.style-2 a i.fa-facebook-square, .gsc-socials.style-2 a i.fa-facebook { background: #3b5998; } .gsc-socials.style-2 a i.fa-twitter, .gsc-socials.style-2 a i.fa-twitter-square { background: #4099ff; } .gsc-socials.style-2 a i.fa-skype { background: #12a5f4; } .gsc-socials.style-2 a i.fa-dribbble { background: #ea4c89; } .gsc-socials.style-2 a i.fa-linkedin-square, .gsc-socials.style-2 a i.fa-linkedin { background: #0e76a8; } .gsc-socials.style-2 a i.fa-apple { background: #f2f2f2; } .gsc-socials.style-2 a i[class*="fa-pinterest"] { background: #c92228; } .gsc-socials.style-2 a i.fa-google-plus-square, .gsc-socials.style-2 a i.fa-google-plus { background: #d34836; } .gsc-socials.style-2 a i.fa-youtube-square, .gsc-socials.style-2 a i.fa-youtube { background: #c4302b; } .gsc-socials.style-2 a i.fa-vimeo-square, .gsc-socials.style-2 a i.fa-vimeo { background: #4ebbff; } .gsc-socials.style-2 a i.fa-tumblr-square, .gsc-socials.style-2 a i.fa-tumblr { background: #35465c; } .gsc-socials.style-2 a i.fa-xing-square, .gsc-socials.style-2 a i.fa-xing { background: #126567; } .gsc-socials.style-2 a i.fa-instagram { background: #e8e2d9; } .gsc-socials.style-2 a i.fa-behance { background: #0075FF; } /***********************************************/ .gsc-progress { margin-bottom: 20px; } .gsc-progress.noborder-box .progress-label { color: #fff; } .el-feature-block { margin-bottom: 30px; position: relative; } .el-feature-block .overlay-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; cursor: pointer; } .el-feature-block.text-light .feature-one__icon { color: #fff; } .el-feature-block.text-light .feature-one__desc { color: #fff; } .feature-one__single { -webkit-transition: all .5s; transition: all .5s; position: relative; padding: 60px; padding-bottom: 30px; } @media (max-width: 1600px) { .feature-one__single { max-width: 500px; margin: 0 auto; padding-right: 30px; padding-left: 30px; } } @media (max-width: 1024px) { .feature-one__single { padding-left: 15px; padding-right: 15px; } } .feature-one__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .feature-one__icon { font-size: 64px; line-height: 1; -webkit-box-flex: 0; -ms-flex: 0 0 64px; flex: 0 0 64px; } @media (max-width: 1199px) { .feature-one__icon { font-size: 50px; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; } } .feature-one__content { padding-left: 30px; } @media (max-width: 1199px) { .feature-one__content { padding-left: 20px; } } .feature-one__title { font-size: 30px; -webkit-transition: all 0.6s; transition: all 0.6s; margin-top: 0; margin-bottom: 20px; } @media (max-width: 1199px) { .feature-one__title { font-size: 24px; margin-top: 0; } } .feature-one__desc { font-size: 18px; line-height: 1.89; } .feature-one__action { margin-top: 30px; } .feature-one__action a { padding: 13px 20px; font-size: 14px; } .feature-two__single { background: #fff; position: relative; max-width: 320px; margin: 0 auto 95px; } @media (max-width: 1199px) { .feature-two__single { margin-bottom: 70px; } } .feature-two__image { mix-blend-mode: luminosity; } .feature-two__image img { width: 100%; -o-object-fit: cover; object-fit: cover; } .feature-two__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(31, 34, 48, 0.75); padding: 60px 45px; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; } @media (max-width: 1199px) { .feature-two__content { padding: 30px 15px; } } .feature-two__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f4f3f8; width: 130px; height: 130px; border-radius: 50%; background: #fff; font-size: 64px; color: var(--halpes-theme-color); position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: -65px; -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } @media (max-width: 1199px) { .feature-two__icon { width: 100px; height: 100px; font-size: 50px; margin-bottom: -50px; } } .feature-two__title { font-size: 26px; line-height: 1.23; margin: 0 0 15px; color: #fff; } .feature-two__title a { color: #fff; } .feature-two__desc { color: #fff; line-height: 2.13; } .feature-two__overlay-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 21; } .feature-two__single:hover .feature-two__icon { background: var(--body-link-color); color: var(--halpes-theme-color); } .feature-two__single:hover .feature-two__icon i { -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .feature-two__single:hover .feature-two__content { background: rgba(21, 200, 160, 0.9); } .el-feature-block.active.style-2 .feature-two__icon { background: var(--body-link-color); color: var(--halpes-theme-color); } .el-feature-block.active.style-2 .feature-two__content { background: rgba(21, 200, 160, 0.9); } .feature-three__single { margin-bottom: 30px; background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 10px 60px 0 rgba(0, 0, 0, 0.07); box-shadow: 0px 10px 60px 0 rgba(0, 0, 0, 0.07); overflow: hidden; text-align: center; } @media (min-width: 768px) { .feature-three__single { min-height: 382px; } } .feature-three__content { padding: 15px 30px 15px; position: relative; -webkit-clip-path: polygon(50% 18px, 100% 0%, 100% 100%, 0 100%, 0% 0%); clip-path: polygon(50% 18px, 100% 0%, 100% 100%, 0 100%, 0% 0%); background: #fff; top: -14px; } .feature-three__image { position: relative; } .feature-three__image:after { content: ''; -webkit-clip-path: polygon(50% 28px, 100% 0, 100% 12px, 50% 40px, 0 12px, 0 0); clip-path: polygon(50% 28px, 100% 0, 100% 12px, 50% 40px, 0 12px, 0 0); width: 100%; height: 39px; left: 0; bottom: -16px; z-index: 1; position: absolute; background: #fff; -webkit-transition: all .35s; transition: all .35s; } .feature-three__image img { width: 100%; -o-object-fit: cover; object-fit: cover; } .feature-three__content-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--halpes-theme-color-second); width: 80px; height: 80px; border-radius: 50%; font-size: 32px; color: #fff; position: absolute; bottom: -40px; left: 50%; margin-left: -40px; z-index: 2; -webkit-transition: all 0.35s; transition: all 0.35s; } .feature-three__content-title { font-size: 20px; margin: 60px 0 10px; letter-spacing: -0.8px; } .feature-three__content-desc { font-size: 15px; font-weight: 500; line-height: 1.71; } .feature-three__overlay-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .feature-three__single:hover .feature-three__content-icon { background: var(--halpes-theme-color); color: #fff; } .feature-three__single:hover .feature-three__image:after { background: var(--halpes-theme-color); } .feature-four__single { background: #fff; text-align: center; border: 10px solid transparent; -webkit-transition: all .5s; transition: all .5s; position: relative; margin-bottom: 30px; border-radius: 8px; overflow: hidden; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .feature-four__content { border: 1px solid #e2dfeb; padding: 0 30px 25px; -webkit-transition: all .5s; transition: all .5s; border-radius: 8px; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .feature-four__content-inner { position: relative; z-index: 2; } .feature-four__image { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: .5s; transition: .5s; } .feature-four__image img { width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .feature-four__icon { width: 80px; height: 80px; font-size: 32px; background: var(--halpes-theme-color); color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .feature-four__icon:before { content: ''; width: 100%; height: 0; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(var(--halpes-theme-color-second)), to(var(--halpes-theme-color))); background: linear-gradient(0deg, var(--halpes-theme-color-second) 0%, var(--halpes-theme-color) 100%); -webkit-transition: all .5s; transition: all .5s; opacity: 0; } .feature-four__icon i { position: relative; z-index: 1; } .feature-four__title { font-size: 20px; letter-spacing: -0.8px; margin: 30px 0 10px; } .feature-four__desc { font-size: 14px; line-height: 1.71; font-weight: 500; } .feature-four__overlay-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .feature-four__single:hover, .feature-four__single:focus, .feature-four__single:active { border-color: var(--halpes-theme-color); } .feature-four__single:hover .feature-four__content, .feature-four__single:focus .feature-four__content, .feature-four__single:active .feature-four__content { border-color: var(--halpes-theme-color); border-radius: 0; } .feature-four__single:hover .feature-four__icon:before, .feature-four__single:focus .feature-four__icon:before, .feature-four__single:active .feature-four__icon:before { height: 100%; opacity: 1; } .feature-four__single:hover .feature-four__image, .feature-four__single:focus .feature-four__image, .feature-four__single:active .feature-four__image { opacity: 0.2; } .owl-carousel .owl-item.center .feature-one__single .feature-one__image { opacity: 1; } .owl-carousel .owl-item.center .feature-one__single .feature-one__image:after { height: 100%; opacity: 0.8; } .owl-carousel .owl-item.center .feature-one__single .feature-one__icon .icon-inner { background: var(--halpes-theme-color); color: #fff; } .owl-carousel .owl-item.center .feature-one__single .feature-one__icon:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .owl-carousel .owl-item.center .feature-one__single .feature-one__title { color: #fff; } .owl-carousel .owl-item.center .feature-one__single .feature-one__desc { color: #fff; } .banner__single { text-align: center; } .banner__single.style-1 .banner__image { padding: 20px; width: 100%; height: 104px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.35s; transition: all 0.35s; } .banner__single.style-1 .banner__image img { -webkit-transition: all 0.35s; transition: all 0.35s; opacity: 0.3; display: inline-block; } .banner__single.style-1 .banner__overlay-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .banner__single.style-1:hover .banner__image { background: #fff; -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05); } .banner__single.style-1:hover .banner__image img { opacity: 1; -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .banner__single.style-2 { max-width: 650px; margin: 0 auto; } .banner__single.style-2 .banner__image { width: 100%; border-radius: 300px 300px 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.35s; transition: all 0.35s; overflow: hidden; } .banner__single.style-2 .banner__image img { -webkit-transition: all 10s; transition: all 10s; display: inline-block; } .banner__single.style-2 .banner__overlay-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .banner__single.style-2:hover .banner__image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .banner__single.style-3 .banner__image { -webkit-transition: all 0.35s; transition: all 0.35s; } .banner__single.style-3 .banner__image img { -webkit-transition: all 0.35s; transition: all 0.35s; opacity: 0.3; display: inline-block; } .banner__single.style-3 .banner__overlay-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .banner__single.style-3:hover .banner__image img { opacity: 1; -webkit-animation: beat 1.5s ease 0s infinite; animation: beat 1.5s ease 0s infinite; } .el-carousel-banner.style-1 .owl-item.center .banner__image { background: #fff; -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05); } .el-carousel-banner.style-1 .owl-item.center .banner__image img { opacity: 1; } .gsc-image.border-white-10 a { display: inline-block; border-radius: 10px; border: 10px solid #fff; } /** * jPreloader */ @media (max-width: 780px) { #jpreContent { display: none !important; } } @media (min-width: 780px) { .js-preloader .gva-body-page { opacity: 0; } .js-preloader.preloader-done .gva-body-page { opacity: 1; } #jpreContent { display: none; } #jpreOverlay { background-color: transparent; height: auto !important; top: 0 !important; position: absolute !important; } #jpreSlide { width: 100%; text-align: center; top: 50% !important; bottom: auto !important; margin-top: -10px; } #jpreSlide #jpreContent { display: block; position: relative; margin-bottom: 40px; } .js-preloader #jpreOverlay { background-color: #ffffff; height: 100% !important; position: fixed !important; } .js-preloader #jpreLoader { top: 50% !important; height: 2px; left: 50% !important; margin-left: -250px; width: 500px; background: #D8D8D8; } .js-preloader #jprePercentage { display: block !important; text-align: center; } #jpreBar { z-index: 2; background-color: #000000; } #jpreButton, #jprePercentage { display: none !important; } #jprePercentage { font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-top: -40px; } } @-webkit-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--halpes-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--halpes-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--halpes-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--halpes-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5); -webkit-transform: scale(1.5); opacity: 0; } } @keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--halpes-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--halpes-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--halpes-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--halpes-theme-color), 0 0 0 10px rgba(255, 255, 255, 0.5); -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes beat { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.82); transform: scale(0.82); } } @keyframes beat { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.82); transform: scale(0.82); } } @-webkit-keyframes pulse-border { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; } } @keyframes pulse-border { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0; } } @-webkit-keyframes pulse-border-2 { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @keyframes pulse-border-2 { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @media (max-width: 1024.1px) { .gva-offcanvas-mobile { background: #fff; position: fixed !important; left: 0; top: 0; width: 100%; max-width: 350px; top: 0; bottom: 0; z-index: 999; height: auto; overflow-y: auto; overflow-x: hidden; text-align: left; webkit-overflow-scrolling: touch; -webkit-box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.2); padding-top: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); } .gva-offcanvas-mobile.show-view { -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); } .gva-offcanvas-mobile .after-offcanvas { display: block !important; visibility: visible !important; } .gva-offcanvas-mobile .after-offcanvas .block { float: left; width: 100%; } .gva-offcanvas-mobile .close-offcanvas { display: block !important; visibility: visible !important; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; padding: 15px 0; opacity: 1; filter: alpha(opacity=100); color: #111111; font-size: 20px; } .gva-offcanvas-mobile .close-offcanvas span { font-size: 24px; } .gva-offcanvas-mobile .close-offcanvas:hover { cursor: pointer; color: var(--halpes-theme-color); } .gva-offcanvas-mobile .block { border-bottom: 1px solid #dee2e6; padding: 20px; } .gva-offcanvas-mobile .block .block-content:before, .gva-offcanvas-mobile .block .block-content:after { content: " "; display: table; } .gva-offcanvas-mobile .block .block-content:after { clear: both; } .gva-offcanvas-mobile .gva-navigation .gva_menu { padding: 10px 0 0; width: 100% !important; background: none !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li { display: block; clear: both; width: 100%; margin-bottom: 12px !important; padding-bottom: 12px !important; padding-top: 2px !important; border-bottom: 1px solid #dee2e6; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li:last-child { border-bottom: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li:after, .gva-offcanvas-mobile .gva-navigation .gva_menu > li:before { content: none; display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a { display: block; width: 100%; line-height: 32px; font-size: 17px; padding: 0 !important; font-weight: 700; color: #000 !important; font-family: var(--halpes-heading-font-family); text-transform: capitalize; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:after, .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:before { content: none; display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:hover { color: var(--halpes-theme-color) !important; background: none !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.menu-parent:hover .sub-menu { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu { padding-left: 20px !important; margin-bottom: 10px; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu .icaret { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a { font-size: 16px; line-height: 24px; padding-top: 2px !important; padding-bottom: 2px !important; font-weight: 400; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a:hover { color: var(--halpes-theme-color) !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu ul.sub-menu { display: block !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu .sub-menu > li { width: 100% !important; float: none !important; display: block; padding: 0; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu .sub-menu > li > a { padding: 0; border: 0; margin: 0; font-size: 15px; } .gva-offcanvas-mobile .gva-navigation .gva_menu > li.megamenu .sub-menu > li.block-image { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a { position: relative; display: block; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a:hover { color: var(--halpes-theme-color); } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret { position: absolute; width: 60px; height: 40px; top: 0; bottom: 0; right: -10px; font-size: 16px; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret.nav-minus:before { content: '\f077'; } .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret:before { position: absolute; font-family: "Font Awesome 6 Free"; content: '\f107'; text-transform: inherit; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gva-offcanvas-mobile .gva-navigation .gva_menu li ul { display: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu { -webkit-transition: none; transition: none; -moz-transition: none; -ms-transition: none; min-width: inherit; display: none; width: 100%; position: static; padding: 0 !important; visibility: visible; border: 0; background: none; opacity: 1; filter: alpha(opacity=100); -webkit-box-shadow: none; box-shadow: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu:after, .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu:before { content: none; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a { border-width: 0; padding-left: 0; padding-right: 0; font-size: 15px; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:before, .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:after { content: none !important; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu li a:hover { text-indent: 0; } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu ul { display: none; visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu .block-image { display: none; } } .menu-bar { position: absolute; right: 24px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; height: 35px; width: 38px; } .menu-bar:hover { cursor: pointer; } .menu-bar span { display: block; width: 24px; height: 2px; background-color: var(--halpes-theme-color-three); position: absolute; left: 0; right: 0; margin: auto; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .menu-bar span.one { top: 6px; } .menu-bar span.two { top: 0; bottom: 0; } .menu-bar span.three { bottom: 6px; } .menu-bar.show-view span.two { opacity: 0; filter: alpha(opacity=0); } .menu-bar.show-view span.one, .menu-bar.show-view span.three { top: 0; bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-bar.show-view span.three { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .event-list-item .event-date { display: inline-block; background: #28292B; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; padding: 0 15px; font-size: 13px; line-height: 30px; line-height: 24px; } .event-list-item .event-title { margin-top: 5px; } .event-list-item .event-title a { font-size: 20px; color: var(--halpes-theme-color); font-weight: 400; } .event-list-item .event-body { color: #232526; } .event-one__single { margin-bottom: 30px; -webkit-box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.2); overflow: hidden; } .event-one__wrap { min-height: 340px; position: relative; } .event-one__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 10s; transition: all 10s; } .event-one__image img { position: absolute; height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; } .event-one__date { position: absolute; top: 0; left: 30px; z-index: 2; overflow: hidden; padding: 10px 15px; font-weight: 800; font-size: 16px; line-height: 1; background: var(--halpes-theme-color); color: #fff; text-align: center; display: block; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .event-one__date .month { margin-top: 3px; } .event-one__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; padding-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .event-one__content:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(#1b1e2b), to(rgba(27, 30, 43, 0))); background-image: linear-gradient(to top, #1b1e2b, rgba(27, 30, 43, 0)); z-index: 1; -webkit-transition: all 5s; transition: all 5s; pointer-events: none; } .event-one__info { position: relative; z-index: 3; } .event-one__title { font-size: 22px; font-weight: 800; line-height: 1.27; display: block; margin: 5px 0 0; } .event-one__title a { color: #fff; } @media (max-width: 575px) { .event-one__title { font-size: 20px; } } .event-one__time { font-size: 14px; font-weight: 400; color: #fff; } .event-one__single:hover .event-one__content:after { background-image: -webkit-gradient(linear, left bottom, left top, from(var(--halpes-theme-color)), to(rgba(27, 30, 43, 0))); background-image: linear-gradient(to top, var(--halpes-theme-color), rgba(27, 30, 43, 0)); } .events-carousel .owl-carousel .owl-nav { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 15px; } @media (max-width: 991px) { .events-carousel .owl-carousel .owl-nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .events-carousel .owl-carousel .owl-nav > div { position: initial; margin-top: 0px; background: #eff5f4; margin-left: 9px; } .events-carousel .owl-carousel .owl-nav > div:hover, .events-carousel .owl-carousel .owl-nav > div:focus { background: var(--halpes-theme-color); } .event-two__single { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dee2e6; display: -webkit-box; display: -ms-flexbox; display: flex; } .event-two__single:before, .event-two__single:after { content: " "; display: table; } .event-two__single:after { clear: both; } @media (max-width: 575.98px) { .event-two__single { display: block; } } .event-two__content { padding-left: 30px; position: relative; z-index: 9; } @media (max-width: 575.98px) { .event-two__content { padding-left: 0; } } .event-two__content .content-inner { position: relative; } .event-two__title { font-size: 22px; margin-top: 0; } .event-two__image { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; position: relative; z-index: 1; } @media (max-width: 575.98px) { .event-two__image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; float: none; margin-bottom: 20px; } } .event-two__image .field--type-image, .event-two__image .field--type-image * { width: 100%; height: 100%; } .event-two__image img { -o-object-fit: cover; object-fit: cover; } .event-two__date { -webkit-box-shadow: 0px 4px 26px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 26px 3px rgba(0, 0, 0, 0.1); padding: 5px 10px 10px; min-width: 75px; float: left; text-align: center; line-height: 1.1; padding-top: 10px; position: absolute; background: #fff; right: 15px; top: 15px; } .event-two__date .date { font-size: 28px; font-weight: 700; color: var(--halpes-theme-color); display: block; } .event-two__date .month { font-size: 12px; text-transform: uppercase; font-weight: 700; color: #000; font-family: var(--halpes-heading-font-family); } .event-two__meta { font-size: 15px; margin-top: 5px; line-height: 22px; font-weight: 600; } .event-two__line { width: 50px; height: 2px; background: var(--halpes-theme-color); margin: 15px 0 15px; } .event-block-list .event-date { width: 110px; height: auto; float: left; background: var(--halpes-theme-color); color: #fff; padding: 12px 10px; } .event-block-list .event-date span { display: block; } .event-block-list .event-date span.day { font-size: 30px; font-family: var(--halpes-heading-font-family); border-bottom: 1px solid rgba(255, 255, 255, 0.5); line-height: 1; margin-bottom: 3px; padding-bottom: 3px; } .event-block-list .event-title a { font-weight: 600; font-family: var(--halpes-heading-font-family); font-size: 14px; display: inline-block; line-height: 24px; } .event-block-list .event-address { font-size: 14px; } .event-block-list .event-address i { font-size: 16px; color: var(--halpes-theme-color); } .event-block-list .event-content { padding-left: 125px; } .event-full { margin-bottom: 30px; } .event-full .post-title { margin: 20px 0; } .event-full .event-info { background: #f5f5f5; padding: 20px; font-size: 16px; } .event-full .event-info .date > *, .event-full .event-info .address > * { float: left; } .event-full .event-info .date i, .event-full .event-info .address i { margin-right: 10px; margin-top: 6px; } .portfolio-filter { margin-bottom: 35px; } .portfolio-filter ul.nav-tabs { padding: 5px 0; border-bottom: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .portfolio-filter ul.nav-tabs > li { margin-bottom: 10px; } .portfolio-filter ul.nav-tabs > li > a { -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); background: none; font-weight: 700; background: #fff; color: #000; padding: 10px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin-right: 15px; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; text-transform: uppercase; font-size: 13px; } .portfolio-filter ul.nav-tabs > li > a.active { background: var(--halpes-theme-color); color: #fff; } .gva-portfolio-items { float: left; width: 100%; } .gva-portfolio-items .view-portfolio { width: 100%; } .portfolio-v1 { position: relative; max-width: 500px; margin: 0 auto; margin-bottom: 30px; background: none; } .portfolio-v1 .portfolio-content { position: relative; -webkit-transition: box-shadow 0.3s ease; -webkit-transition: -webkit-box-shadow 0.3s ease; transition: -webkit-box-shadow 0.3s ease; transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -ms-transition: box-shadow 0.3s ease; } .portfolio-v1 .portfolio-images { position: relative; text-align: center; } .portfolio-v1 .portfolio-images:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; opacity: 0; filter: alpha(opacity=0); background: var(--halpes-theme-color); -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .portfolio-v1 .portfolio-images .image-popup { opacity: 0; filter: alpha(opacity=0); width: 32px; height: 32px; background: #fff; line-height: 32px; position: absolute; top: 15px; right: 15px; z-index: 99; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; margin-top: 30px; } .portfolio-v1 .portfolio-images .image-popup:hover { color: #fff; background: #000; } .portfolio-v1 .portfolio-images .link { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.45s; transition: all 0.45s; -moz-transition: all 0.45s; -ms-transition: all 0.45s; width: 32px; height: 32px; background: #fff; line-height: 33px; position: absolute; top: 55px; right: 15px; z-index: 99; text-align: center; margin-top: 45px; } .portfolio-v1 .portfolio-images .link:hover { color: #fff; background: #000; } .portfolio-v1 .content-inner { position: absolute; width: 100%; height: auto; left: 0; bottom: -20px; z-index: 11; text-align: left; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; opacity: 0; filter: alpha(opacity=0); padding: 30px; } @media (max-width: 767.98px) { .portfolio-v1 .content-inner { padding: 20px; } } .portfolio-v1 .content-inner .title { -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; } .portfolio-v1 .content-inner .title a { display: block; font-size: 20px; color: #fff; font-weight: 400; line-height: 26px; letter-spacing: 1px; text-transform: uppercase; } .portfolio-v1 .content-inner .title a:hover, .portfolio-v1 .content-inner .title a:focus, .portfolio-v1 .content-inner .title a:active { text-decoration: underline; } .portfolio-v1 .content-inner .category { -webkit-transition: all 0.45s; transition: all 0.45s; -moz-transition: all 0.45s; -ms-transition: all 0.45s; } .portfolio-v1 .content-inner .category a { color: rgba(255, 255, 255, 0.8); font-size: 12px; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; } .portfolio-v1 .content-inner .category a:hover, .portfolio-v1 .content-inner .category a:focus, .portfolio-v1 .content-inner .category a:active { text-decoration: underline; } .portfolio-v1:hover .content-inner, .portfolio-v1:active .content-inner, .portfolio-v1:focus .content-inner { opacity: 1; filter: alpha(opacity=100); bottom: 0; } .portfolio-v1:hover .portfolio-images:after, .portfolio-v1:active .portfolio-images:after, .portfolio-v1:focus .portfolio-images:after { opacity: 0.8; filter: alpha(opacity=80); } .portfolio-v1:hover .portfolio-images .image-popup, .portfolio-v1:active .portfolio-images .image-popup, .portfolio-v1:focus .portfolio-images .image-popup { opacity: 1; filter: alpha(opacity=100); margin-top: 0; } .portfolio-v1:hover .portfolio-images a.link, .portfolio-v1:active .portfolio-images a.link, .portfolio-v1:focus .portfolio-images a.link { opacity: 1; filter: alpha(opacity=100); margin-top: 0; } .portfolio-v1 ul { list-style: none; padding: 0; } .portfolio-v1.portfolio-carousel { margin-bottom: 0; } .owl-carousel .portfolio-v1 { margin-bottom: 0; } .portfolio-carousel-single { max-width: 1080px; margin: 0 auto; } .portfolio-carousel-single .portfolio-item { overflow: hidden; } .portfolio-carousel-single .portfolio-item .images { text-align: center; } .portfolio-carousel-single .portfolio-item .images img { max-width: 750px; position: relative; z-index: 9; } .portfolio-carousel-single .portfolio-item .images .image-popup { position: absolute; left: 50%; z-index: 99; width: 32px; height: 32px; margin-left: -16px; line-height: 32px; text-align: center; background: #000; color: #fff; } .portfolio-carousel-single .portfolio-item .images .image-popup:hover { background: #1a1a1a; } .portfolio-carousel-single .portfolio-item .images .read-more { position: absolute; right: 0; bottom: 30px; z-index: 1; width: 300px; text-align: right; } .portfolio-carousel-single .portfolio-item .images .read-more a { text-transform: uppercase; font-weight: 700; font-size: 12px; letter-spacing: 1px; -webkit-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; padding-right: 40px; opacity: 0; filter: alpha(opacity=0); color: #000; } .portfolio-carousel-single .portfolio-item .images .read-more a:hover { color: var(--halpes-theme-color); } .portfolio-carousel-single .portfolio-item .images .read-more:after { content: ""; width: 0px; height: 1px; background: #000; position: absolute; bottom: 0; left: 0; -webkit-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; } .portfolio-carousel-single .portfolio-item .portfolio-content { position: absolute; top: 100px; left: 50px; z-index: 11; } @media (max-width: 767.98px) { .portfolio-carousel-single .portfolio-item .portfolio-content { left: 30px; } } .portfolio-carousel-single .portfolio-item .portfolio-content:after { content: ""; -webkit-transition: all 1s; transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; width: 1px; height: 0; background: #000; position: absolute; top: -110px; left: 0; } .portfolio-carousel-single .portfolio-item .portfolio-content .category { margin-bottom: 5px; } .portfolio-carousel-single .portfolio-item .portfolio-content .category a { text-transform: uppercase; color: #000; font-weight: 700; letter-spacing: 1px; background: #fff; display: inline-block; padding: 0 5px; font-size: 12px; } .portfolio-carousel-single .portfolio-item .portfolio-content .category a:hover { color: var(--halpes-theme-color); } .portfolio-carousel-single .portfolio-item .portfolio-content .title { background: rgba(255, 255, 255, 0.8); padding: 15px 20px 5px; max-width: 350px; position: relative; padding-bottom: 8px; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; } .portfolio-carousel-single .portfolio-item .portfolio-content .title:after { content: ''; width: 60px; height: 2px; background: var(--halpes-theme-color); position: absolute; bottom: 0; left: 20px; z-index: 9; } .portfolio-carousel-single .portfolio-item .portfolio-content .title a { font-size: 20px; font-weight: 600; text-transform: uppercase; color: #000; } .portfolio-carousel-single .portfolio-item .portfolio-content .title a:hover { color: var(--halpes-theme-color); } .portfolio-carousel-single .portfolio-item .portfolio-content .desc { background: rgba(255, 255, 255, 0.8); padding: 10px 20px 20px; max-width: 350px; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 0; } .portfolio-carousel-single .portfolio-item .portfolio-content .category { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.5s; -webkit-transform: translate(0, -70%); transform: translate(0, -70%); ms-transform: translate(0, -70%); opacity: 0; filter: alpha(opacity=0); } .portfolio-carousel-single .portfolio-item .portfolio-content .title { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.9s; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); ms-transform: translate(0, -50%); opacity: 0; filter: alpha(opacity=0); } .portfolio-carousel-single .portfolio-item .portfolio-content .desc { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; -webkit-transform: translate(0, -30%); transform: translate(0, -30%); ms-transform: translate(0, -30%); opacity: 0; filter: alpha(opacity=0); } .portfolio-carousel-single .portfolio-item .image-popup { -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; bottom: -30px; opacity: 0; filter: alpha(opacity=0); } .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content:after { height: 100px; } .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content .category, .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content .title, .portfolio-carousel-single .active-effect .portfolio-item .portfolio-content .desc { -webkit-transform: translate(0, 0); transform: translate(0, 0); ms-transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); } .portfolio-carousel-single .active-effect .image-popup { opacity: 1; filter: alpha(opacity=100); bottom: 20px; } .portfolio-carousel-single .active-effect .portfolio-item .images .read-more a { padding-right: 10px; opacity: 1; filter: alpha(opacity=100); } .portfolio-carousel-single .active-effect .portfolio-item .images .read-more:after { width: 300px; } .text-light .portfolio-carousel-single .portfolio-item .portfolio-content::after { background: #fff; } .text-light .portfolio-carousel-single .portfolio-item .images .read-more:after { background: #fff; } .text-light .portfolio-carousel-single .portfolio-item .images .read-more a { color: #fff; } .campaign-one__single { margin-bottom: 30px; background-color: #fff; margin-top: 30px; border: solid 1px #e5eeec; } .campaign-one__block-inner { padding: 30px; padding-top: 0; padding-bottom: 25px; } .campaign-one__image { margin-top: -30px; position: relative; text-align: center; } .campaign-one__image .icon-expand { position: absolute; top: 15px; right: 50px; width: 32px; height: 32px; line-height: 35px; border-radius: 50%; color: rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.36); z-index: 11; font-size: 15px; display: inline-block; -webkit-transition: all 0.35s; transition: all 0.35s; } .campaign-one__image .icon-expand:hover { color: #fff; background: var(--halpes-theme-color); } .campaign-one__image .video-link { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; border-radius: 50%; line-height: 33px; text-align: center; color: rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.36); z-index: 11; font-size: 15px; -webkit-transition: all 0.35s; transition: all 0.35s; } .campaign-one__image .video-link:hover { color: #fff; background: var(--halpes-theme-color); } .campaign-one__image .link-overlay { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .campaign-one__image .lightGallery { position: relative; } .campaign-one__image .lightGallery:before { position: absolute; content: ""; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: var(--body-link-color); opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; } .campaign-one__categories { display: inline-block; background: var(--halpes-theme-color); color: #fff; font-size: 14px; font-weight: 800; padding: 0 20px; position: absolute; left: -10px; bottom: 10px; z-index: 11; } .campaign-one__categories a { color: #fff; } .campaign-one__title { font-size: 22px; line-height: 30px; margin: 25px 0 20px; } .campaign-one__progress { height: 10px; border-radius: 10px; background: #fff; margin-bottom: 5px; } .campaign-one__progress .progress-bar { background: var(--halpes-theme-color); border-radius: 10px; overflow: visible; position: relative; } .campaign-one__progress .progress-bar .percentage { background: var(--halpes-theme-color); padding: 2px 5px; top: -30px; left: 100%; right: auto; color: #fff; font-size: 12px; font-weight: 800; left: 100%; right: auto; } .campaign-one__progress .progress-bar .percentage:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 0; border-top: 5px solid var(--halpes-theme-color); border-right: 5px solid transparent; } .campaign-one__progress.progress-left .progress-bar .percentage { right: 0; left: auto; } .campaign-one__progress.progress-left .progress-bar .percentage:after { left: auto; right: 0; border-left: 5px solid transparent; border-right: none; } .campaign-one__goal { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .campaign-one__goal .value-goal { font-size: 20px; font-weight: 900; color: var(--body-link-color); margin-right: 5px; } @media (max-width: 1024px) { .campaign-one__goal .value-goal { font-size: 16px; } } .campaign-one__goal .goal { color: var(--body-color); font-size: 14px; font-weight: 700; } .campaign-one__raised { font-size: 14px; font-weight: 700; color: var(--body-color); margin-bottom: 2px; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .campaign-one__raised .value-raised { font-size: 20px; line-height: 1; font-weight: 900; color: var(--body-link-color); margin-right: 5px; } @media (max-width: 1024px) { .campaign-one__raised .value-raised { font-size: 16px; } } .campaign-one__raised .raised { color: var(--body-color); font-size: 14px; font-weight: 700; } .campaign-one__bottom { background: #eff5f4; padding: 30px; padding-top: 60px; padding-bottom: 25px; } .campaign-one__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .campaign-one__description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .campaign-one__single:hover .campaign-one__image .lightGallery:before { opacity: 0.2; } .campains-style-list .campaign-one__block-inner { padding-bottom: 0; } .campains-style-list .campaign-one__description { display: none; } .campains-style-list .campaign-one__progress { margin-bottom: 10px; background: #eff5f4; } .campains-style-list .campaign-one__bottom { border-top: 1px solid #e9e9ee; background: #fff; } .campaign-two__single { margin-bottom: 30px; overflow: hidden; } .campaign-two__block-inner { min-height: 452px; position: relative; margin-left: 10px; } .campaign-two__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 10s; transition: all 10s; } .campaign-two__image img { position: absolute; height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; } .campaign-two__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 15px; color: #fff; background: var(--halpes-theme-color); -webkit-transition: all 1s; transition: all 1s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .campaign-two__content-inner { max-width: 80%; margin: 0 auto; display: block; } @media (max-width: 991px) { .campaign-two__content-inner { max-width: 90%; } } @media (max-width: 480px) { .campaign-two__content-inner { max-width: 100%; } } .campaign-two__categories { display: inline-block; background: var(--body-link-color); color: #fff; font-size: 14px; font-weight: 800; padding: 2px 20px; position: absolute; left: -10px; top: 10px; } .campaign-two__categories a { color: #fff; } .campaign-two__title { font-size: 24px; line-height: 30px; margin: 0 0 20px; } .campaign-two__title a { color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .campaign-two__progress { height: 10px; border-radius: 10px; background: var(--body-link-color); margin-bottom: 5px; } .campaign-two__progress .progress-bar { background: #fff; border-radius: 10px; overflow: visible; position: relative; } .campaign-two__progress .progress-bar .percentage { background: #fff; padding: 2px 5px; top: -30px; left: 100%; right: auto; color: var(--body-link-color); font-size: 12px; font-weight: 800; } .campaign-two__progress .progress-bar .percentage:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 0; border-top: 5px solid #fff; border-right: 5px solid transparent; } .campaign-two__progress.progress-left .progress-bar .percentage { right: 0; left: auto; } .campaign-two__progress.progress-left .progress-bar .percentage:after { left: auto; right: 0; border-left: 5px solid transparent; border-right: none; } .campaign-two__goal { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .campaign-two__goal .value-goal { font-size: 20px; font-weight: 900; color: #fff; margin-right: 5px; } @media (max-width: 1024px) { .campaign-two__goal .value-goal { font-size: 16px; } } .campaign-two__goal .goal { color: #fff; font-size: 14px; font-weight: 700; } .campaign-two__raised { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 2px; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .campaign-two__raised .value-raised { font-size: 20px; line-height: 1; font-weight: 900; color: #fff; margin-right: 5px; } @media (max-width: 1024px) { .campaign-two__raised .value-raised { font-size: 16px; } } .campaign-two__raised .raised { color: #fff; font-size: 14px; font-weight: 700; } .campaign-two__bottom { padding-top: 40px; padding-bottom: 30px; } .campaign-two__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .campaign-two__description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .campaign-two__single:hover .campaign-two__content { background: rgba(21, 200, 160, 0.8); } .campaign-three__single { margin-bottom: 30px; overflow: hidden; } .campaign-three__block-inner { position: relative; margin-left: 10px; min-height: 390px; margin-left: 0; } .campaign-three__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 10s; transition: all 10s; } .campaign-three__image img { position: absolute; height: 100% !important; width: 100% !important; -o-object-fit: cover; object-fit: cover; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; } .campaign-three__image .icon-expand { position: absolute; top: 15px; right: 50px; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; color: rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.36); z-index: 11; font-size: 15px; display: inline-block; -webkit-transition: all 0.35s; transition: all 0.35s; text-align: center; } .campaign-three__image .icon-expand:hover { color: #fff; background: var(--halpes-theme-color); } .campaign-three__image .video-link { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; border-radius: 50%; line-height: 33px; text-align: center; color: rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.36); z-index: 11; font-size: 15px; -webkit-transition: all 0.35s; transition: all 0.35s; } .campaign-three__image .video-link:hover { color: #fff; background: var(--halpes-theme-color); } .campaign-three__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background: var(--halpes-theme-color); -webkit-transition: all 1s; transition: all 1s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 30px 30px 20px; background: -webkit-gradient(linear, left bottom, left top, from(#1b1f2e), to(rgba(27, 31, 46, 0))); background: linear-gradient(0deg, #1b1f2e 0%, rgba(27, 31, 46, 0) 100%); } @media (max-width: 1024px) { .campaign-three__content { padding-left: 15px; padding-right: 15px; } } .campaign-three__content-inner { margin: 0 auto; display: block; max-width: 100%; } .campaign-three__categories { display: inline-block; color: #fff; font-size: 14px; font-weight: 800; padding: 2px 20px; background: var(--halpes-theme-color); margin-bottom: 10px; } .campaign-three__categories a { color: var(--body-link-color); } .campaign-three__categories a { color: #fff; } .campaign-three__title { font-size: 22px; line-height: 30px; margin: 0 0 15px; } .campaign-three__title a { color: #fff; } .campaign-three__progress { height: 10px; border-radius: 10px; margin-bottom: 5px; background: #fff; } .campaign-three__progress .progress-bar { background: var(--halpes-theme-color); border-radius: 10px; overflow: visible; position: relative; } .campaign-three__progress .progress-bar .percentage { background: #fff; padding: 2px 5px; top: -30px; left: 100%; right: auto; color: var(--body-link-color); font-size: 12px; font-weight: 800; } .campaign-three__progress .progress-bar .percentage:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 0; border-top: 5px solid #fff; border-right: 5px solid transparent; } .campaign-three__progress.progress-left .progress-bar .percentage { right: 0; left: auto; } .campaign-three__progress.progress-left .progress-bar .percentage:after { left: auto; right: 0; border-left: 5px solid transparent; border-right: none; } .campaign-three__goal { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .campaign-three__goal .value-goal { font-size: 20px; font-weight: 900; color: #fff; margin-right: 5px; } @media (max-width: 1024px) { .campaign-three__goal .value-goal { font-size: 16px; } } .campaign-three__goal .goal { color: #fff; font-size: 14px; font-weight: 700; } .campaign-three__raised { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 2px; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .campaign-three__raised .value-raised { font-size: 20px; line-height: 1; font-weight: 900; color: #fff; margin-right: 5px; } @media (max-width: 1024px) { .campaign-three__raised .value-raised { font-size: 16px; } } .campaign-three__raised .raised { color: #fff; font-size: 14px; font-weight: 700; } .campaign-three__bottom { padding-top: 30px; padding-bottom: 0; } .campaign-three__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .campaign-three__description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .campaign-three__single:hover .campaign-two__content { background: rgba(21, 200, 160, 0.6); } .campains-style-grid .owl-carousel .owl-dots { margin-top: -8px; margin-bottom: -8px; } .campaign-four__block-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .campaign-four__image { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; margin-right: 20px; position: relative; overflow: hidden; } .campaign-four__image .item-image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .campaign-four__image a { display: block; width: 100%; height: 100%; } .campaign-four__image img { -webkit-transition: all 5s; transition: all 5s; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .campaign-four__raised .value-raised { color: var(--halpes-theme-color); } .campaign-four__title { font-size: 18px; font-weight: 800; line-height: 1.2; margin-top: 5px; margin-bottom: 0; } .campaign-four__title a { word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .campaign-single .campaign-single-top { background: #EFF5F5; padding: 80px 0 100px; } .campaign-single .campaign-image { position: relative; text-align: center; } .campaign-single .campaign-image .icon-expand { position: absolute; top: 15px; right: 50px; width: 32px; height: 32px; line-height: 35px; border-radius: 50%; color: rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.36); z-index: 11; font-size: 15px; display: inline-block; -webkit-transition: all 0.35s; transition: all 0.35s; } .campaign-single .campaign-image .icon-expand:hover { background: var(--halpes-theme-color); color: #fff; } .campaign-single .campaign-image .video-link { position: absolute; top: 15px; right: 15px; width: 32px; height: 32px; border-radius: 50%; line-height: 33px; text-align: center; color: rgba(255, 255, 255, 0.8); background: rgba(0, 0, 0, 0.36); z-index: 11; font-size: 15px; -webkit-transition: all 0.35s; transition: all 0.35s; } .campaign-single .campaign-image .video-link:hover { background: var(--halpes-theme-color); color: #fff; } .campaign-single .campaign-categories { display: inline-block; background: var(--halpes-theme-color); color: #fff; font-size: 14px; font-weight: 800; padding: 0 20px; position: absolute; left: -10px; bottom: 10px; } .campaign-single .campaign-categories a { color: #fff; } .campaign-single .field--name-field-campaign-short { margin-top: 25px; } .campaign-single .field--name-field-campaign-short .field__label { font-weight: 700; font-size: 26px; color: #000; } .campaign-single .campaign-single-summary { padding-left: 50px; } @media (max-width: 1024px) { .campaign-single .campaign-single-summary { padding-left: 0; } } .campaign-single .campaign-single-summary .post-title { margin: 0 0 20px; } .campaign-single .add-to-cart-content-inner .field--widget-commerce-product-variation-attributes .fieldset-wrapper { margin-bottom: 20px; } .campaign-single .add-to-cart-content-inner .field--widget-commerce-product-variation-attributes .fieldset-wrapper .form-item { border: 1px solid #dee2e6; background: #fff; padding: 5px 15px; margin-right: 10px; margin-bottom: 10px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .campaign-single .add-to-cart-content-inner .field--widget-commerce-product-variation-attributes .fieldset-wrapper .form-item input { position: relative; color: var(--halpes-theme-color); } .campaign-single .add-to-cart-content-inner .field--widget-commerce-product-variation-attributes .fieldset-wrapper .form-item label { font-weight: 600; margin-left: 5px; } .campaign-single .add-to-cart-content-inner .field--widget-commerce-product-variation-attributes .fieldset-wrapper .form-item label:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 11; } .campaign-single .add-to-cart-content-inner .field--widget-commerce-product-variation-attributes .fieldset-wrapper .form-item label:hover { cursor: pointer; } .campaign-single .add-to-cart-content-inner .field--widget-commerce-product-variation-attributes .ajax-progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.26); overflow: hidden; color: transparent; padding-top: 3px; padding-left: 11px; } .campaign-single .add-to-cart-content-inner .field--name-price { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; color: var(--halpes-theme-color); margin-bottom: 15px; } .campaign-single .add-to-cart-content-inner .field--name-price > div { background: #fff; } .campaign-single .add-to-cart-content-inner .field--name-price .field__label { position: relative; padding: 8px 5px 8px 25px; } .campaign-single .add-to-cart-content-inner .field--name-price .field__label:after { content: ':'; } .campaign-single .add-to-cart-content-inner .field--name-price .field__item { padding: 8px 25px 8px 0; } .campaign-single .add-to-cart-content-inner .attribute-widgets legend { font-size: 14px; text-transform: uppercase; font-weight: 700; } .campaign-single .social-sharing-buttons { margin: 15px 0 30px; } .campaign-single .campaign-progress { height: 10px; border-radius: 10px; background: #fff; margin-bottom: 2px; } .campaign-single .campaign-progress .progress-bar { background: var(--halpes-theme-color); border-radius: 10px; overflow: visible; position: relative; } .campaign-single .campaign-progress .progress-bar .percentage { background: var(--halpes-theme-color); padding: 2px 5px; top: -30px; left: 100%; right: auto; color: #fff; font-size: 12px; font-weight: 800; } .campaign-single .campaign-progress .progress-bar .percentage:after { content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 0; border-top: 5px solid var(--halpes-theme-color); border-right: 5px solid transparent; } .campaign-single .campaign-progress.progress-left .progress-bar .percentage { right: 0; left: auto; } .campaign-single .campaign-progress.progress-left .progress-bar .percentage:after { left: auto; right: 0; border-left: 5px solid transparent; border-right: none; } .campaign-single .campaign-goal { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .campaign-single .campaign-goal .value-goal { font-size: 20px; font-weight: 900; color: var(--body-link-color); margin-right: 5px; } @media (max-width: 1024px) { .campaign-single .campaign-goal .value-goal { font-size: 16px; } } .campaign-single .campaign-goal .goal { color: var(--body-color); font-size: 14px; font-weight: 700; } .campaign-single .campaign-raised { font-size: 14px; font-weight: 700; color: var(--body-color); margin-bottom: 2px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .campaign-single .campaign-raised .value-raised { font-size: 20px; font-weight: 900; color: var(--body-link-color); margin-right: 5px; } @media (max-width: 1024px) { .campaign-single .campaign-raised .value-raised { font-size: 16px; } } .campaign-single .campaign-raised .raised { color: var(--body-color); font-size: 14px; font-weight: 700; } .campaign-single .campaign-funded { padding-top: 50px; padding-bottom: 25px; border-top: 1px solid #dee2e6; } .campaign-single .campaign-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 6px; } .campaign-single .text-raised { position: absolute; top: -20px; color: var(--body-color); font-size: 14px; font-weight: 500; left: 0; } .campaign-single .button-donation { margin-top: 40px; } .campaign-bottom { max-width: 1200px; padding: 0 15px; margin: 0 auto; } .campaign-tabs { margin-top: -40px; padding-bottom: 30px; } .campaign-tabs .nav-tabs { padding: 0; list-style: none; -webkit-box-shadow: 0px 10px 30px 0px rgba(195, 195, 195, 0.3); box-shadow: 0px 10px 30px 0px rgba(195, 195, 195, 0.3); margin-bottom: 30px; text-align: center; display: block; position: relative; background: #fff; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .campaign-tabs .nav-tabs:after { content: ''; background: #eaeaea; position: absolute; left: 15px; right: 15px; top: 100%; height: 10px; z-index: 1; } .campaign-tabs .nav-tabs > li > a { color: #161c26; margin-right: 10px; padding: 20px 30px; font-size: 18px; font-weight: 800; display: inline-block; border-bottom: 3px solid transparent; } .campaign-tabs .nav-tabs > li > a.active { border-bottom: 3px solid var(--halpes-theme-color); color: var(--halpes-theme-color); } .campaign-tabs .tab-content { margin: 30px 0 50px; } .campaign_update_wrapper { padding-left: 10px; padding-top: 30px; } .campaign_update_wrapper .campaign-crowdfunding-update { border-left: 3px solid #e7e7e7; padding-left: 20px; } .campaign_update_wrapper .field--name-field-campaign-update { max-width: 980px; } .campaign_update_wrapper .field--name-field-campaign-update > .field__item:not(:last-child) { padding-bottom: 50px; } .campaign_update_wrapper .field--name-field-campaign-update .paragraph--type--project-update { position: relative; padding-left: 15px; } .campaign_update_wrapper .field--name-field-campaign-update .paragraph--type--project-update:after { content: ''; position: absolute; top: 6px; left: -32px; height: 22px; width: 22px; border-radius: 50%; background: #e7e7e7; display: block; } .campaign_update_wrapper .field--name-field-campaign-update .paragraph--type--project-update .field--name-field-update-date { font-size: 16px; font-weight: 800; color: var(--body-color); margin-top: -28px; } .campaign_update_wrapper .field--name-field-campaign-update .paragraph--type--project-update .field--name-field-update-title { margin: 6px 0; color: var(--body-link-color); font-size: 18px; font-weight: 900; } .related-campaigns .campaign-block { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 2px solid #dee2e6; } .related-campaigns .campaign-block .campaign-content { padding: 0; } .related-campaigns .campaign-block .content-action { display: none; } .related-campaigns .campaign-block .content-raised { display: none; } .related-campaigns .campaign-block:last-child { border-bottom: none; margin-bottom: 0; } .gva-cart-region .cart-block--link__expand { position: relative; display: inline-block; } .gva-cart-region .cart-block--summary__icon { display: inline-block; font-size: 22px; } .gva-cart-region .cart-block--summary__count { position: absolute; top: 0; right: -10px; background: var(--halpes-theme-color); color: #fff; width: 15px; height: 15px; display: inline-block; border-radius: 10px; line-height: 15px; text-align: center; font-size: 12px; } .gva-cart-region .cart-block--contents { padding: 20px 20px 10px; border-top: 2px solid var(--halpes-theme-color); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); background: #fff; width: 300px; right: 0; } .gva-cart-region .cart-block--contents .cart-block--contents__items { overflow: hidden; } .gva-cart-region .cart-block--contents .cart-block--contents__items td { vertical-align: middle; } .gva-cart-region .cart-block--contents .cart-block--contents__links { font-weight: 600; color: var(--halpes-theme-color); } .gva-cart-region .cart-block--contents .alert { padding: 0; } @media (max-width: 550px) { .cart-form table thead { display: none; } } @media (max-width: 550px) { .cart-form table tr { border-bottom: 1px solid #dee2e6; } } @media (max-width: 550px) { .cart-form table tr td { width: 100%; display: block; text-align: center; padding: 5px 15px; border: none; } } .cart-form table tr td.views-field-edit-quantity { text-align: center; } .cart-form table tr td.views-field-edit-quantity input { text-align: center; } .cart-form table tr td.views-field-remove-button { text-align: center; } .cart-form table tr td.views-field-remove-button input { background: none; color: var(--halpes-theme-color); padding: 5px; } .layout-checkout-form { margin: 30px 0 60px; } .layout-checkout-form fieldset legend { color: #000; font-size: 18px; font-weight: 500; text-transform: uppercase; border-bottom: 1px solid #dee2e6; margin-bottom: 20px; } .layout-checkout-form .checkout-pane-payment-information div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) { margin-bottom: 20px; width: 100%; float: left; display: block; } .layout-checkout-form .checkout-pane-payment-information div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) label { display: block; width: 100%; float: left; font-weight: 500; color: #000; font-size: 15px; margin-bottom: 2px; } .layout-checkout-form .checkout-pane-payment-information div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) input, .layout-checkout-form .checkout-pane-payment-information div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) select { width: 100%; float: left; min-height: 50px; } .layout-checkout-form .checkout-pane-payment-information div[class*='form-item'].js-form-type-radio { line-height: 1; margin-bottom: 5px; } .layout-checkout-form .checkout-pane-payment-information div[id*='edit-payment-information-payment-method'] { margin-bottom: 15px; } .layout-checkout-form .checkout-pane-payment-information div[id*='edit-payment-information-payment-method'] legend { margin-bottom: 10px; } .layout-checkout-form .checkout-pane-payment-information div[id*='edit-payment-information-payment-method'] .form-item { margin-bottom: 10px; } .layout-checkout-form .checkout-pane-payment-information div[id*='edit-payment-information-payment-method'] .form-item label { color: #000; } .layout-checkout-form .credit-card-form .form-item { width: auto !important; float: left; margin-bottom: 5px; margin-right: 15px; } .layout-checkout-form .credit-card-form .form-item input, .layout-checkout-form .credit-card-form .form-item select { margin-top: 0; line-height: 25px; } .layout-checkout-form .credit-card-form .form-item-payment-information-add-payment-method-payment-details-number { max-width: 200px; } .layout-checkout-form .credit-card-form .credit-card-form__divider { margin: 36px 0 0; } .layout-checkout-form .credit-card-form .credit-card-form__expiration { display: inline-block; float: left; } .layout-checkout-form .form-item-payment-information-add-payment-method-billing-information-copy-to-address-book { float: left; width: 100%; margin-bottom: 10px; } .layout-checkout-form .layout-region-checkout-secondary h3 { text-transform: uppercase; font-weight: 600; font-size: 18px; } .layout-checkout-form .layout-region-checkout-secondary .order-total-line .order-total-line-label { color: #000; } .profile-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox), .commerce-payment-method-add-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) { margin-bottom: 10px; width: 100%; float: left; display: block; } .profile-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) label, .commerce-payment-method-add-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) label { display: block; width: 100%; float: left; } .profile-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) input, .profile-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) select, .commerce-payment-method-add-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) input, .commerce-payment-method-add-form div[class*='form-item']:not(.js-form-type-radio):not(.js-form-type-checkbox) select { width: 100%; float: left; } .profile-form div[class*='form-item'].js-form-type-radio, .commerce-payment-method-add-form div[class*='form-item'].js-form-type-radio { line-height: 1; margin-bottom: 5px; } .profile-form .credit-card-form .form-item, .commerce-payment-method-add-form .credit-card-form .form-item { width: auto !important; float: left; margin-bottom: 5px; margin-right: 15px; } .profile-form .credit-card-form .form-item input, .profile-form .credit-card-form .form-item select, .commerce-payment-method-add-form .credit-card-form .form-item input, .commerce-payment-method-add-form .credit-card-form .form-item select { margin-top: 0; line-height: 25px; } .profile-form .credit-card-form .form-item-payment-information-add-payment-method-payment-details-number, .commerce-payment-method-add-form .credit-card-form .form-item-payment-information-add-payment-method-payment-details-number { max-width: 200px; } .profile-form .credit-card-form .credit-card-form__expiration, .commerce-payment-method-add-form .credit-card-form .credit-card-form__expiration { display: inline-block; float: left; } .views-profiles .views-col { margin-top: 15px; padding-bottom: 15px; position: relative; } .views-profiles .views-col:after { content: ''; position: absolute; left: 15px; right: 15px; bottom: 0; z-index: 1; border-bottom: 1px solid #dee2e6; } .path-user .customer-information { float: left; width: 100%; border-bottom: 1px solid #dee2e6; margin-bottom: 15px; padding-bottom: 15px; } .path-user .customer-information > div { float: left; } .path-user .customer-information > div.field--name-mail { width: 33%; } @media (max-width: 575.98px) { .path-user .customer-information > div.field--name-mail { width: 100%; } } .path-user .customer-information > div.customer-billing { width: 67%; } @media (max-width: 575.98px) { .path-user .customer-information > div.customer-billing { width: 100%; } } .path-user .customer-information > div .field__label { width: 100%; float: left; font-weight: 600; font-family: var(--halpes-heading-font-family); } .path-user .customer-information > div .field__item { float: left; width: 100%; } .path-user .customer-information > div.customer-billing .address { margin: 0; } .path-user .customer-information > div.customer-billing .address span { margin-right: 6px; padding-right: 8px; position: relative; display: inline-block; } .path-user .customer-information > div.customer-billing .address span:after { content: ''; width: 1px; height: 15px; position: absolute; top: 6px; right: 0; z-index: 1; background: rgba(0, 0, 0, 0.2); } .path-user .customer-information > div.customer-billing .address span:last-child:after { display: none; } .path-user .customer-information > div.customer-billing .address br { display: none; } .path-user .order-information { float: left; width: 100%; } .path-user .order-information > .field { float: left; margin-right: 20px; width: 30%; } @media (max-width: 300px) { .path-user .order-information > .field { width: 100%; } } .path-user .order-information > .field .field__label { font-weight: 600; color: #000; } .path-user .order-information > .field.field--name-order-items, .path-user .order-information > .field.field--name-total-price { width: 100%; margin-top: 20px; margin-right: 0; } .cart--cart-block .cart-block--contents__links a { color: #000 !important; } .cart--cart-block .cart-block--contents__links a:hover { color: var(--halpes-theme-color) !important; } .path-product .breadcrumb-content-inner { margin-bottom: 0; } .path-product .breadcrumb-content-inner .breadcrumb-links { background: #EFF5F5; } .path-product .breadcrumb-content-inner .block { margin-bottom: 0; } .colorpicker { z-index: 9999999 !important; } .permission-save-hidden #gavias_customize_save { display: none !important; } .gavias-skins-panel { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); background: #fff; right: -403px; position: fixed; height: auto; top: 0px; bottom: 0; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; width: 400px; z-index: 999; } .gavias-skins-panel .gavias-skins-panel-inner { bottom: 0; padding: 10px 10px 10px; height: auto; overflow-x: hidden; overflow-y: scroll; position: absolute; top: 0; width: 100%; } .gavias-skins-panel.active { right: 0 !important; } .gavias-skins-panel #gavias_profile_customize_name option { color: #000; } .gavias-skins-panel .control-panel { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); position: absolute; top: 150px; left: -40px; width: 40px; height: 40px; background: var(--halpes-theme-color); color: #fff; font-size: 16px; line-height: 45px; text-align: center; } .gavias-skins-panel .control-panel:hover { cursor: pointer; } .gavias-skins-panel .panel-skins-content { padding-bottom: 20px; overflow: hidden; } .gavias-skins-panel .panel-skins-content:last-child { padding-bottom: 0; } .gavias-skins-panel .panel-skins-content .title { font-size: 14px; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-transform: uppercase; color: #000; margin-bottom: 10px; } #customize-gavias-preivew { font-size: 14px; } #customize-gavias-preivew .accordion-item .accordion-button { -webkit-box-shadow: none; box-shadow: none; font-weight: 600; } #customize-gavias-preivew select, #customize-gavias-preivew input { font-size: 14px; padding: 10px 10px; line-height: 20px; } #customize-gavias-preivew .form-group { position: relative; float: left; width: 100%; margin-bottom: 10px; } #customize-gavias-preivew .form-group label { width: 170px; float: left; padding-top: 10px; font-size: 13px; color: #161c26; font-weight: 400; } #customize-gavias-preivew .form-group label.fw { width: 100%; } #customize-gavias-preivew .form-group input { width: calc(100% - 170px); float: left; } #customize-gavias-preivew .form-group .colorselector { width: calc(100% - 170px); position: relative; } #customize-gavias-preivew .form-group .colorselector input { width: 100% !important; } #customize-gavias-preivew .form-group .colorselector .input-group-addon { border: 1px solid #dee2e6; position: absolute; width: 30px; height: 100%; top: 0; right: 0; z-index: 1; } #customize-gavias-preivew .form-group .colorselector .input-group-addon i { width: 30px; height: 20px; display: inline-block; } #customize-gavias-preivew .form-group .colorselector .remove { width: 34px; height: 34px; color: #000; position: absolute; top: 4px; right: 25px; line-height: 34px; text-align: center; z-index: 99; } #customize-gavias-preivew .form-group .colorselector .remove:hover { cursor: pointer; } .gavias_customize_form .form-group.action { float: left; width: 100%; margin-top: 20px; } .gavias_customize_form .form-group.action input { width: 28%; margin-left: 10px; color: #fff; font-weight: 600; margin-bottom: 10px; padding: 10px 0; } .gavias_customize_form .form-group.action input#gavias_customize_save { background: theme-color("success"); } .gavias_customize_form .form-group.action input#gavias_customize_preview { background: theme-color("info"); } .gavias_customize_form .form-group.action input#gavias_customize_reset { background: theme-color("warning"); } .gavias_sliderlayer { background: #fff; } .tp-parallax-wrap { visibility: visible !important; -webkit-transform-style: unset !important; transform-style: unset !important; } .tp-parallax-wrap:before, .tp-parallax-wrap:after { content: " "; display: table; } .tp-parallax-wrap:after { clear: both; } .slotholder { -webkit-filter: unset !important; filter: unset !important; } .layer-style-image { display: inline-block; text-align: center; } .layer-style-image img { max-width: 100% !important; height: auto !important; } .gavias_sliderlayer .tp-bullets, #gavias_slider_single .tp-bullets { -webkit-opacity: 1 !important; -ms-opacity: 1 !important; -o-opacity: 1 !important; opacity: 1 !important; visibility: visible !important; margin-left: -40px; } .gavias_sliderlayer .tp-bullets .tp-bullet, #gavias_slider_single .tp-bullets .tp-bullet { width: 11px; height: 11px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); } .gavias_sliderlayer .tp-bullets .tp-bullet.selected, #gavias_slider_single .tp-bullets .tp-bullet.selected { background: #fff; } .gavias_sliderlayer .tparrows, #gavias_slider_single .tparrows { width: 60px; height: 60px; line-height: 60px; color: var(--body-link-color); font-size: 16px; background: #fff; opacity: 0.5; border-radius: 50%; } @media (max-width: 1024px) { .gavias_sliderlayer .tparrows, #gavias_slider_single .tparrows { width: 45px; height: 45px; line-height: 45px; } } .gavias_sliderlayer .tparrows:before, #gavias_slider_single .tparrows:before { opacity: 0.5; font-size: 18px; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--body-link-color); line-height: 60px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } @media (max-width: 1024px) { .gavias_sliderlayer .tparrows:before, #gavias_slider_single .tparrows:before { line-height: 45px; } } .gavias_sliderlayer .tparrows.tp-leftarrow:before, #gavias_slider_single .tparrows.tp-leftarrow:before { content: "\f053"; } .gavias_sliderlayer .tparrows.tp-rightarrow:before, #gavias_slider_single .tparrows.tp-rightarrow:before { content: "\f054"; } .gavias_sliderlayer .tparrows:hover:before, .gavias_sliderlayer .tparrows:focus:before, #gavias_slider_single .tparrows:hover:before, #gavias_slider_single .tparrows:focus:before { opacity: 1; } .gavias_sliderlayer .tp-caption, #gavias_slider_single .tp-caption { z-index: 99; line-height: 28px; color: #000; } .gavias_sliderlayer .tp-caption img, #gavias_slider_single .tp-caption img { max-width: 100% !important; height: auto !important; } .gavias_sliderlayer .slide-style-1, #gavias_slider_single .slide-style-1 { font-family: "Reey"; padding-right: 30px !important; } .gavias_sliderlayer .slide-style-2, #gavias_slider_single .slide-style-2 { text-transform: uppercase; letter-spacing: 1px; font-weight: 500; } .gavias_sliderlayer .slide-style-3, #gavias_slider_single .slide-style-3 { font-family: "Nunito"; font-weight: 900; } .gavias_sliderlayer .shape, #gavias_slider_single .shape { -webkit-transform: rotate(26deg); transform: rotate(26deg); background-color: rgba(99, 171, 69, 0.35); width: 260px; height: 1200px; display: block; margin: 260px !important; } .gavias_sliderlayer .sub-title, #gavias_slider_single .sub-title { font-size: 18px; line-height: 40px; font-weight: 500; position: relative; margin: 20px 10px !important; padding-left: 20px; padding-right: 20px; color: #fff; background: var(--halpes-theme-color-second); -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } .gavias_sliderlayer .text-large, #gavias_slider_single .text-large { color: #000; font-size: 36px; line-height: 48px; letter-spacing: 1px; font-weight: 700; text-transform: none; } .gavias_sliderlayer .text-big, #gavias_slider_single .text-big { color: #000; font-size: 48px; line-height: 60px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; } .gavias_sliderlayer .text-medium, #gavias_slider_single .text-medium { color: rgba(0, 0, 0, 0.6); font-size: 20px; line-height: 22px; letter-spacing: 2px; font-weight: 700; text-transform: uppercase; } .gavias_sliderlayer .small-text, #gavias_slider_single .small-text { color: rgba(255, 255, 255, 0.8); font-size: 16px; color: #fff; line-height: 18px; } .gavias_sliderlayer .text-black, #gavias_slider_single .text-black { color: #000 !important; } .gavias_sliderlayer .text-theme, #gavias_slider_single .text-theme { color: var(--halpes-theme-color) !important; } .gavias_sliderlayer .text-theme-second, #gavias_slider_single .text-theme-second { color: var(--halpes-theme-color-second) !important; } .gavias_sliderlayer .text-white, #gavias_slider_single .text-white { color: #fff !important; } .gavias_sliderlayer .text-center, #gavias_slider_single .text-center { text-align: center; } .gavias_sliderlayer .text-left, #gavias_slider_single .text-left { text-align: left; } .gavias_sliderlayer .inner.btn-slide, .gavias_sliderlayer .btn-slide a, #gavias_slider_single .inner.btn-slide, #gavias_slider_single .btn-slide a { font-size: 16px; background: var(--halpes-theme-color); color: #fff; font-weight: 900; font-family: "Nunito"; text-transform: none; padding: 25px 50px; line-height: 1; position: relative; z-index: 1; display: inline-block; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border: none; text-transform: none; border-radius: 0; } @media (max-width: 1199.98px) { .gavias_sliderlayer .inner.btn-slide, .gavias_sliderlayer .btn-slide a, #gavias_slider_single .inner.btn-slide, #gavias_slider_single .btn-slide a { padding-left: 30px; padding-right: 30px; } } @media (max-width: 767.98px) { .gavias_sliderlayer .inner.btn-slide, .gavias_sliderlayer .btn-slide a, #gavias_slider_single .inner.btn-slide, #gavias_slider_single .btn-slide a { padding: 15px 20px; font-size: 15px; } } .gavias_sliderlayer .inner.btn-slide:hover, .gavias_sliderlayer .btn-slide a:hover, #gavias_slider_single .inner.btn-slide:hover, #gavias_slider_single .btn-slide a:hover { cursor: pointer; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); color: #fff; opacity: 0.9; } .gavias_sliderlayer .inner.btn-slide-black, .gavias_sliderlayer .btn-slide-black a, #gavias_slider_single .inner.btn-slide-black, #gavias_slider_single .btn-slide-black a { font-size: 16px; background: var(--body-link-color); color: #fff; font-weight: 900; font-family: "Nunito"; text-transform: none; padding: 25px 50px; line-height: 1; position: relative; z-index: 1; display: inline-block; -webkit-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; border: none; text-transform: none; border-radius: 0; } @media (max-width: 1199.98px) { .gavias_sliderlayer .inner.btn-slide-black, .gavias_sliderlayer .btn-slide-black a, #gavias_slider_single .inner.btn-slide-black, #gavias_slider_single .btn-slide-black a { padding-left: 30px; padding-right: 30px; } } @media (max-width: 767.98px) { .gavias_sliderlayer .inner.btn-slide-black, .gavias_sliderlayer .btn-slide-black a, #gavias_slider_single .inner.btn-slide-black, #gavias_slider_single .btn-slide-black a { padding: 15px 20px; font-size: 15px; } } .gavias_sliderlayer .inner.btn-slide-black:hover, .gavias_sliderlayer .btn-slide-black a:hover, #gavias_slider_single .inner.btn-slide-black:hover, #gavias_slider_single .btn-slide-black a:hover { cursor: pointer; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); color: #fff; opacity: 0.9; } .gavias_sliderlayer .gavias-overlay:after, #gavias_slider_single .gavias-overlay:after { content: ""; background: url(../imagesgrid-slide.png) repeat rgba(0, 0, 0, 0.3); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .rs-background-video-layer { position: relative; } .rs-background-video-layer:after { content: ""; background: url(../images/grid-slide.png) repeat rgba(0, 0, 0, 0.39); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }