/*
Theme Name: Cub Gaz
Theme URI: https://cub-gaz.md/
Author: 2Bros Agency
Author URI: https://2bros.agency
Description:
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cubgaz
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* ============================================== */
/* ================ general styles ============== */
/* ============================================== */
.grecaptcha-badge { visibility: hidden !important; }
@import url('https://fonts.googleapis.com/css2?family=Inter:slnt,wght@-10..0,100..900&display=swap');
:root {
--primary-font: "Inter", sans-serif;
--black-color: #000;
--black-80: #00000085;
--blue-color: #006CAD;
--red-color: #E30613;
--main-color: #263547;
--white-color: #fff;
--gray-color: #4F4F4F;
--hover-color: #79b7f6;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
font-family: var(--primary-font);
color: var(--black-color);
font-size: 18px;
font-weight: 400;
margin: 0;
padding: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
main {
display: block;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
font-weight: normal;
line-height: normal;
}
figure,
img {
padding: 0;
margin: 0;
}
img {
vertical-align: middle;
border-style: none;
}
a:hover {
text-decoration: none;
}
a {
color: var(--black-color);
transition: all 0.2s ease-in;
}
p {
padding: 0;
margin: 0;
line-height: 2;
}
button,
input,
select,
textarea {
font-family: var(--primary-font);
}
.btn:focus,
.btn:active,
a:focus,
a:active,
input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active,
button:focus,
button:active,
span:focus,
span:active {
outline: 0;
box-shadow: none;
}
*,
::after,
::before {
box-sizing: border-box;
}
/* Helper Styles */
.site-container {
max-width: 1440px;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.site-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.site-align-center{
align-items: center;
justify-content: center;
}
.site-col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.site-col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.site-col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.site-col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.site-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.site-col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.site-col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.site-col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.site-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.site-col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.site-col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.site-col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.site-col-1,
.site-col-2,
.site-col-3,
.site-col-4,
.site-col-5,
.site-col-6,
.site-col-7,
.site-col-8,
.site-col-9,
.site-col-10,
.site-col-11,
.site-col-12 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.site-col-offset-4 {
margin-left: 33.333333%;
}
.site-col-offset-3 {
margin-left: 25%;
}
.site-col-offset-2 {
margin-left: 16.666667%;
}
.site-col-offset-1 {
margin-left: 8.333333%;
}
.img-fluid {
max-width: 100%;
height: auto;
}
/* Site Headings */
.text-center {
justify-content: center;
text-align: center;
}
.text-right {
text-align: right;
justify-content: flex-end;
}
.text-left {
text-align: left;
justify-content: flex-start;
}
.site-heading-white {
color: var(--white-color);
}
.site-heading p {
font-weight: 400;
margin-bottom: 15px;
}
.site-heading p:last-of-type {
margin-bottom: 0;
}
.site-heading h2 {
font-size: 40px;
font-weight: 500;
}
.site-heading h2 em{
font-style: normal;
color: var(--red-color);
}
.site-heading h2 em:last-of-type{
color: var(--blue-color);
}
.site-heading h3 {
font-size: 24px;
font-weight: 500;
}
.site-heading h4 {
font-size: 26px;
font-weight: 300;
text-transform: uppercase
}
.site-heading h5 {
font-size: 13px;
font-weight: 500;
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 0 20px;
background-color: var(--white-color);
margin: 0 10px;
text-transform: uppercase;
}
.site-heading div {
display: inline-flex;
background-color: var(--red-color);
border-radius: 5px;
}
/* Site Buttons */
.site-button {
display: inline-block;
}
.site-button a{
font-size: 14px;
font-weight: 500;
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
padding: 0 25px;
height: 50px;
border-radius: 50px;
text-decoration: none;
color: var(--white-color);
text-transform: uppercase;
background-color: var(--blue-color);
}
.site-button a:hover{
background-color: var(--red-color);
}
.site-button-link a {
display: flex;
align-items: center;
color: var(--blue-color);
font-size: 16px;
font-weight: 500;
text-decoration: none;
line-height: 2;
}
/* Sections Spacing */
.site-row-p20x {
padding-top: 20px;
padding-bottom: 20px;
}
.site-row-pt20x {
padding-top: 20px;
}
.site-row-pb20x {
padding-bottom: 20px;
}
.site-row-p25x {
padding-top: 25px;
padding-bottom: 25px;
}
.site-row-pt25x {
padding-top: 25px;
}
.site-row-pb25x {
padding-bottom: 25px;
}
.site-row-p30x {
padding-top: 30px;
padding-bottom: 30px;
}
.site-row-pt30x {
padding-top: 30px;
}
.site-row-pb30x {
padding-bottom: 30px;
}
.site-row-p35x {
padding-top: 35px;
padding-bottom: 35px;
}
.site-row-pt35x {
padding-top: 35px;
}
.site-row-pb35x {
padding-bottom: 35px;
}
.site-row-p50x {
padding-top: 50px;
padding-bottom: 50px;
}
.site-row-pt50x {
padding-top: 50px;
}
.site-row-pb50x {
padding-bottom: 50px;
}
.site-row-p40x {
padding-top: 40px;
padding-bottom: 40px;
}
.site-row-pt40x {
padding-top: 40px;
}
.site-row-pb40x {
padding-bottom: 40px;
}
.site-row-p70x {
padding-top: 70px;
padding-bottom: 70px;
}
.site-row-pt70x {
padding-top: 70px;
}
.site-row-pb70x {
padding-bottom: 70px;
}
.site-row-p100x {
padding-top: 100px;
padding-bottom: 100px;
}
.site-row-pt100x {
padding-top: 100px;
}
.site-row-pb100x {
padding-bottom: 100px;
}
.site-row-p140x {
padding-top: 140px;
padding-bottom: 140px;
}
.site-row-pt140x {
padding-top: 140px;
}
.site-row-pb140x {
padding-bottom: 140px;
}
.site-row-p180x {
padding-top: 180px;
padding-bottom: 180px;
}
.site-row-pt180x {
padding-top: 180px;
}
.site-row-pb180x {
padding-bottom: 180px;
}
.site-row-p200x {
padding-top: 200px;
padding-bottom: 200px;
}
.site-row-pt200x {
padding-top: 200px;
}
.site-row-pb200x {
padding-bottom: 200px;
}
/* Separator */
.block-separator{
width: 100%;
height: 1px;
display: inline-block;
background-color: #dedede;
}
/* VC Styles */
.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li {
margin-bottom: 0 !important;
}
.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
padding-top: 0 !important;
}
.vc_section.vc_section-has-fill,
.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
.vc_section.vc_section-has-fill+.vc_section {
padding-top: 0 !important;
}
.wpb_text_column h1,
.wpb_text_column h2,
.wpb_text_column h3,
.wpb_text_column h4,
.wpb_text_column h5,
.wpb_text_column h6 {
margin-bottom: 15px;
}
.wpb_text_column p {
margin-bottom: 15px;
}
.wpb_text_column p strong {
font-weight: 700 !important;
}
.wpb_text_column iframe {
width: 100% !important;
height: 500px !important;
}
.wpb_text_column ul,
.wpb_text_column ol {
padding: 0 0 0 15px;
margin: 0 0 10px 0;
}
.wpb_text_column ul li,
.wpb_text_column ol li {
margin-bottom: 5px;
line-height: 2;
}
.wpb_text_column p a,
.wpb_text_column li a {
color: #313132;
text-decoration: underline;
}
.wpb_text_column .wp-video {
width: 100% !important;
}
/* 404 Page Styles */
.error404 .main-header{
background-color: #151E30;
}
.no-result-page {
text-align: center;
padding-top: 120px;
padding-bottom: 70px;
}
.no-result-page svg{
width: auto;
height: 120px;
margin-bottom: 35px;
}
.no-result-page svg path:last-of-type{
fill: #000000;
}
.no-result-page h1 {
font-size: 42px;
font-weight: 500;
margin: 0 0 25px 0;
}
.no-result-page p {
margin-bottom: 25px;
}
.no-result-page .site-button-dark {
margin-top: 35px;
justify-content: center;
}
/* CF7 Styles */
.wpcf7-spinner {
display: none;
}
.wpcf7-response-output {
display: none;
}
.wpcf7 .sent .wpcf7-response-output {
font-size: 14px;
display: block;
position: absolute;
left: 0;
right: 0;
text-align: center;
padding: 10px 0 0 0;
}
.wpcf7-not-valid-tip {
font-size: 14px;
position: absolute;
left: auto;
right: 0;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output .wpcf7 form .wpcf7-response-output {
padding: 0;
margin: 0;
border: none;
}
/* Shop Messages */
.woocommerce-info {
border: none;
padding: 0;
margin: 0;
background-color: transparent;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
content: none;
}
/* ============================================== */
/* ================ header styles =============== */
/* ============================================== */
.main-header {
position: fixed;
width: auto;
top: 0;
left: 0;
right: 0;
z-index: 9;
display: flex;
margin: 10px 10px 0 10px;
border-radius: 50px;
padding: 15px 30px;
align-items: center;
transition: 0.3s ease;
}
.main-header-fixed{
background-color: #151E30;
}
.main-nav{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.nav-logo {
width: 25%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.nav-logo a {
display: flex;
}
.nav-logo svg {
width: auto;
height: 50px;
}
.nav-menu {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 25px;
border-radius: 50px;
background-color: var(--white-color);
}
.nav-menu ul {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.nav-menu ul li {
position: relative;
display: flex;
padding: 0;
align-items: center;
margin-right: 20px;
}
.nav-menu ul li:last-of-type {
margin-right: 0;
}
.nav-menu ul li a {
position: relative;
padding: 0;
font-size: 15px;
font-weight: 500;
text-decoration: none;
}
.nav-menu ul li a::after {
content: '';
position: absolute;
top: auto;
bottom: -3px;
left: 0;
width: 0;
height: 1.5px;
transition: width .3s;
background-color: var(--red-color);
}
.nav-menu ul li a:hover::after {
width: 100%
}
.nav-tools {
width: 25%;
gap: 20px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.nav-tools .nav-lang{
display: flex;
align-items: center;
justify-content: center;
}
.nav-tools .nav-lang a{
font-size: 14px;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
color: var(--white-color);
}
.nav-tools .nav-lang a.gt-current-lang{
display: none;
}
.nav-tools .nav-cta .site-button a{
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
height: 45px;
padding: 0 20px;
border-radius: 50px;
color: var(--white-color);
background-color: var(--blue-color);
}
.nav-tools .nav-cta .site-button a:hover{
background-color: var(--red-color);
}
.nav-tools .nav-cta .site-button a svg{
width: auto;
height: 16px;
}
.nav-search a {
width: 18px;
height: 18px;
cursor: pointer;
display: block;
}
/* Search */
.search-header {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
display: none;
border-radius: 15px;
background-color: #151E30;
}
.search-header-holder {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.search-close {
position: absolute;
top: 14px;
right: 15px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: flex-end;
}
.search-form {
width: 492px;
margin: 0 auto;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.search-close svg {
fill: #252a2f;
width: 15px;
height: 15px;
}
.search-header form {
width: 100%;
}
.search-header form input:focus {
border-color: var(--red-color);
}
.search-header form input {
height: 45px;
border-radius: 0;
line-height: 45px;
color: #252a2f;
font-size: 15px;
font-weight: 500;
width: 100%;
border: none;
box-shadow: none;
outline: 0;
padding: 0 15px;
border-radius: 50px;
background-color: var(--white-color);
border: none;
}
.search-items-list{
padding-top: 70px;
padding-bottom: 70px;
}
.search-items-list .search-item:first-of-type{
border-top: 1px solid #dedede;
}
.search-items-list .search-item{
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #dedede;
}
.search-items-list .search-item h3{
font-size: 18px;
font-weight: 500;
}
.search-items-list .search-item a{
text-decoration: none;
}
.search-items-list .search-item a:hover{
color: var(--blue-color);
}
/* Mobile Navigation */
.nav-tools-mobile {
display: none;
}
.menu-open-mobile {
cursor: pointer;
color: var(--white-color);
display: flex;
flex-direction: column;
}
.menu-open-mobile span {
width: 25px;
height: 1px;
background-color: var(--white-color);
}
.menu-open-mobile span:nth-child(2) {
margin-top: 5px;
}
.menu-open-mobile span:nth-child(3) {
margin-top: 5px;
}
.site-overlay {
cursor: pointer;
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
opacity: 0;
visibility: hidden;
transition: all 0.2s linear;
background: rgba(0, 0, 0, 0.6);
}
.mobile-menu {
position: fixed;
right: -10px;
left: auto;
top: 0;
margin: 10px;
bottom: 0;
width: 340px;
z-index: 11;
overflow: auto;
transform: none;
border-radius: 20px;
background-color: #151E30;
transform: translate3d(100%, 0, 0);
transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.mobile-menu-header {
padding: 25px 0 0 0;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.mobile-menu-inner {
padding: 0 15px;
}
.mobile-menu-logo svg{
width: auto;
height: 70px;
}
.mobile-menu-logo {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-menu-active .mobile-menu {
transform: none;
}
body.mobile-menu-open {
overflow: hidden;
}
.mobile-menu-open .site-overlay {
opacity: 1;
visibility: visible;
}
.menu-close {
display: block;
width: 18px;
height: 18px;
text-align: center;
margin-left: auto;
}
.menu-close::before,
.menu-close::after {
position: absolute;
content: ' ';
height: 18px;
width: 1.5px;
background-color: var(--white-color);
}
.menu-close::before {
transform: rotate(45deg);
}
.menu-close::after {
transform: rotate(-45deg);
}
.mobile-menu-close {
position: absolute;
top: 15px;
right: 0;
}
.mobile-menu-close-inner {
cursor: pointer;
display: flex;
color: #313132;
align-items: center;
}
.mobile-menu-content {
padding: 20px 0;
margin: 20px 0;
border-top: 1px solid rgb(245, 245, 245, .3);
border-bottom: 1px solid rgb(245, 245, 245, .3);
}
.mobile-menu-content ul {
padding: 0;
margin: 0;
list-style: none;
}
.mobile-menu-content ul li {
position: relative;
margin-bottom: 15px;
text-align: center;
}
.mobile-menu-content ul li:last-of-type {
margin-bottom: 0;
}
.mobile-menu-content ul li a {
position: relative;
color: var(--white-color);
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
.mobile-menu-content .sub-menu {
display: none;
margin-top: 10px;
padding-left: 0;
}
.mobile-menu-content .sub-menu li a {
opacity: 0.5;
}
.mobile-menu-content .sub-menu .sub-menu {
display: block;
}
.mobile-menu-content li.sub-menu-parent::after {
content: none !important;
}
.mobile-menu-content li.sub-menu-parent .sub-menu {
padding-left: 0;
}
.mobile-menu-content li.sub-menu-separator {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
.mobile-menu-content li.sub-menu-parent>a {
opacity: 1 !important;
}
.mobile-menu-content ul .is-active.menu-item-has-children>a::after {
transform: rotate(-180deg);
}
.mobile-menu-content ul li.menu-item-has-children>a::after {
position: absolute;
top: 6px;
right: -16px;
left: auto;
content: '';
width: 9px;
height: 6px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
transition: transform 0.3s ease;
background-position: center center;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 5'%3E%3Cpath d='M1 .536 4.536 4.07 8.07.536' stroke='%23fff' stroke-linecap='round'/%3E%3C/svg%3E");
}
.mobile-menu-footer{
text-align: center;
}
.mobile-menu-footer .nav-cta{
display: block !important;
}
.mobile-menu-footer .nav-cta .site-button a svg {
width: auto;
height: 16px;
}
/* Single page header */
.site-header {
position: relative;
}
.site-header::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.site-header-image figure {
height: 320px;
}
.site-header-image figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.site-header-caption {
position: absolute;
top: 55%;
left: 50%;
width: 100%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page-breadcrumbs span.breadcrumbs-separator {
padding: 0 5px;
}
.page-breadcrumbs a,
.page-breadcrumbs span {
color: var(--white-color);
padding: 0;
margin: 0;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.5px;
text-decoration: none;
text-transform: uppercase;
}
.page-breadcrumbs span.breadcrumbs-current {
opacity: 0.8;
}
.site-header-inner {
position: relative;
height: 100%;
}
.site-header-content {
color: var(--white-color);
}
.site-header-content h1 {
font-size: 46px;
font-weight: 500;
margin-top: 10px;
}
/* ============================================== */
/* =============== elements styles ============== */
/* ============================================== */
/* Simple Image */
.simple-image {
position: relative;
height: 100%;
}
.simple-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
object-position: center center;
}
/* Companies Logos */
.companies-logos{
padding-top: 50px;
gap: 50px;
display: flex;
align-items: center;
justify-content: space-between;
}
.company-logo-holder{
height: 120px;
}
.company-logo-holder img{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center center;
}
/* Home Hero */
.site-hero{
margin: 10px;
border-radius: 15px;
}
.hero-video::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 15px;
background-color: rgba(0, 0, 0, 0.5);
}
.hero-video{
position: relative;
height: -moz-calc(100vh - 20px);
height: -webkit-calc(100vh - 20px);
height: -o-calc(100vh - 20px);
height: calc(100vh - 20px);
}
.hero-video video{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 15px;
object-position: center center;
}
.hero-caption{
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 80%;
margin: 0 auto;
text-align: center;
transform: translateY(-50%);
}
.hero-caption h1{
font-size: 58px;
font-weight: 500;
letter-spacing: -0.02em;
line-height: normal;
margin-bottom: 20px;
color: var(--white-color);
}
.hero-caption h1 em{
font-style: normal;
color: var(--red-color);
}
.hero-caption h1 em:last-of-type{
color: var(--blue-color);
}
.hero-caption p{
color: var(--white-color);
font-weight: 400;
margin-bottom: 25px;
}
/* page bottom cta */
.page-bottom-cta {
position: relative;
}
.page-bottom-cta-image {
height: 500px;
filter: brightness(0.4);
border-radius: 25px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.page-bottom-cta-caption {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page-bottom-cta-content {
max-width: 80%;
margin: 0 auto;
color: var(--white-color);
}
.page-bottom-cta-content h2 {
font-size: 40px;
font-weight: 500;
margin-bottom: 15px;
}
.page-bottom-cta-content h2 em{
color: var(--blue-color);
font-style: normal;
}
.page-bottom-cta-content .page-bottom-cta-button {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.page-bottom-cta-content .page-bottom-cta-button a{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
height: 50px;
padding: 0 30px;
font-size: 14px;
font-weight: 500;
border-radius: 50px;
text-decoration: none;
color: var(--white-color);
text-transform: uppercase;
background-color: var(--blue-color);
}
.page-bottom-cta-content .page-bottom-cta-button a:hover{
background-color: var(--red-color);
}
/* Categories Block */
.categories-list{
display: grid;
gap: 30px;
grid-template-columns: repeat(2, 1fr);
}
.category-item{
border-radius: 24px;
border: 1px solid #dedede;
background-color: var(--white-color);
}
.category-image figure{
position: relative;
width: auto;
height: 250px;
text-align: center;
border-radius: 24px 24px 0 0;
background-color: #E9F2FF;
}
.category-image img{
border-radius: 24px 24px 0 0;
margin: 0 auto;
width: 100%;
height: 100%;
max-width: 70%;
object-fit: contain;
object-position: center center;
}
.category-content{
padding: 25px;
}
.category-content h3{
color: var(--blue-color);
font-size: 24px;
font-weight: 500;
}
.category-content p{
margin: 15px 0 20px 0;
color: rgba(63, 76, 90, 0.70);
}
/* team Block */
.team-list{
display: grid;
gap: 30px;
margin-top: 50px;
grid-template-columns: repeat(3, 1fr);
}
.member-item{
background-color: var(--white-color);
border-radius: 25px;
}
.member-image figure{
position: relative;
width: auto;
height: 300px;
}
.member-image img{
border-radius: 25px;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.member-content{
padding: 25px;
}
.member-content-holder h3{
font-size: 24px;
font-weight: 600;
margin: 0 0 10px 0;
}
.member-content-holder p{
margin: 0;
font-size: 18px;
font-weight: 400;
line-height: normal;
color: var(--gray-color);
}
.member-link{
position: absolute;
top: 25px;
right: 25px;
}
.member-link a svg{
width: 24px;
height: 24px;
}
.member-link:hover a svg{
transform: scale(1.3);
transition: all 0.2s ease-out;
}
/* Industry Block */
.industry-block-list{
display: grid;
gap: 30px;
margin-top: 50px;
grid-template-columns: repeat(2, 1fr);
}
.industry-block-item{
display: flex;
height: 100%;
align-items: center;
border-radius: 24px;
background-color: var(--white-color);
}
.industry-block-cover{
height: 300px;
width: 100%;
}
.industry-block-content{
width: 100%;
padding: 25px;
}
.industry-block-content h3{
font-size: 24px;
font-weight: 500;
margin-bottom: 15px;
color: var(--blue-color);
}
.industry-block-content p{
color: rgba(63, 76, 90, 0.70);
}
.industry-block-item img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 24px 0 0 24px;
object-position: center center;
}
/* Icon Boxes */
.icons-block{
padding-top: 50px;
}
.icons-block-list{
display: grid;
gap: 20px;
grid-template-columns: repeat(2, 1fr);
}
.icon-block-image img{
width: 70px;
height: 70px;
}
.icon-block-content h4{
font-size: 24px;
font-weight: 500;
margin: 0 0 15px 0;
}
.icons-block-list .icon-block-col .icon-block-content h4 em{
color: var(--red-color);
font-style: normal;
}
.icons-block-list .icon-block-col:nth-child(3) .icon-block-content h4 em,
.icons-block-list .icon-block-col:nth-child(4) .icon-block-content h4 em{
color: var(--blue-color);
}
/* Icon Boxes Second Style*/
.icons-block.icons-block-second-style .icons-block-list{
display: grid;
gap: 30px;
grid-template-columns: repeat(4, 1fr);
}
.icons-block.icons-block-second-style .icons-block-list .icon-block-col:nth-last-of-type(2),
.icons-block.icons-block-second-style .icons-block-list .icon-block-col:nth-last-of-type(1){
grid-column: span 2;
}
.icons-block.icons-block-second-style .icons-block-list .icon-block-col{
background-color: var(--white-color);
border-radius: 25px;
padding: 30px;
}
.icons-block.icons-block-second-style .icon-block-image img{
width: 50px;
height: 50px;
margin-bottom: 20px;
}
.icons-block.icons-block-second-style .icon-block-content p{
color: var(--gray-color);
}
.icons-block.icons-block-second-style .icons-block-list .icon-block-col .icon-block-content h4 em{
color: inherit;
}
/* Icon Boxes Third Style*/
.icons-block.icons-block-third-style .icons-block-list{
display: grid;
gap: 30px;
grid-template-columns: repeat(6, 1fr);
}
.icons-block.icons-block-third-style .icons-block-list .icon-block-col:nth-of-type(1),
.icons-block.icons-block-third-style .icons-block-list .icon-block-col:nth-of-type(2),
.icons-block.icons-block-third-style .icons-block-list .icon-block-col:nth-of-type(3){
grid-column: span 2;
}
.icons-block.icons-block-third-style .icons-block-list .icon-block-col:nth-last-of-type(2),
.icons-block.icons-block-third-style .icons-block-list .icon-block-col:nth-last-of-type(1){
grid-column: span 3;
}
.icons-block.icons-block-third-style .icons-block-list .icon-block-col{
background-color: var(--white-color);
border-radius: 25px;
padding: 30px;
}
.icons-block.icons-block-third-style .icon-block-image img{
width: 50px;
height: 50px;
margin-bottom: 20px;
}
.icons-block.icons-block-third-style .icon-block-content p{
color: var(--gray-color);
}
.icons-block.icons-block-third-style .icons-block-list .icon-block-col .icon-block-content h4 em{
color: inherit;
}
/* Step Boxes */
.steps-block-list{
display: grid;
gap: 30px;
margin-top: 50px;
grid-template-columns: repeat(4, 1fr);
}
.step-block-image img{
width: 55px;
height: 55px;
}
.step-block-col{
display: flex;
flex-direction: column;
}
.step-block-item{
height: 100%;
padding: 30px;
border-radius: 24px;
background-color: #E9F2FF;
}
.step-block-content h4{
font-size: 20px;
font-weight: 400;
margin: 20px 0 0 0;
line-height: 1.6;
}
/* Portfolio Boxes */
.portfolio-block-inner{
display: grid;
gap: 30px;
margin-top: 50px;
grid-template-columns: repeat(2, 1fr);
}
.portfolio-block-item{
height: 100%;
border-radius: 24px;
background-color: #F1F2F4;
}
.portfolio-block-cover{
height: 300px;
}
.portfolio-block-cover img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 24px 24px 0 0;
object-position: center center;
}
.portfolio-block-logo{
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
margin: -50px 0 30px 0;
border-radius: 12px;
background-color: var(--white-color);
border: 1px solid #DEDEDE;
}
.portfolio-block-content{
position: relative;
padding: 0 30px 30px 30px;
}
.portfolio-block-content p{
color: rgba(63, 76, 90, 0.70);
}
/* Services Boxes */
.services-block-inner{
display: grid;
gap: 30px;
margin-top: 50px;
grid-template-columns: repeat(2, 1fr);
}
.services-block-item{
height: 100%;
border-radius: 24px;
background-color: var(--white-color);
}
.services-block-cover{
height: 350px;
}
.services-block-cover img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 24px 24px 0 0;
object-position: center center;
}
.services-block-content{
position: relative;
padding: 30px;
}
.services-block-content h3{
color: var(--blue-color);
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
}
.services-block-content p{
margin-bottom: 15px;
color: rgba(63, 76, 90, 0.70);
}
.services-block-content p:last-of-type{
margin-bottom: 0;
}
/* ============================================== */
/* ================ cristi styles =============== */
/* ============================================== */
/* Careers Archive */
.careers-page-content{
padding: 70px 0;
}
.careers-list{
display: flex;
flex-direction: column;
}
.careers-list .careers-item:first-of-type a{
border-top: 1px solid #000;
}
.careers-item a{
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
padding: 20px 0;
border-bottom: 1px solid #000;
}
.careers-item a svg{
width: 25px;
height: 25px;
}
/* Careers Single Page */
.careers-single-content{
padding: 70px 0;
}
/* About us */
.about-us-image img{
object-fit: cover;
object-position: center center;
border-radius: 25px;
}
/* video block */
.video-block {
height: 400px;
position: relative;
}
.video-block video {
width: 100%;
height: 100%;
border-radius: 25px;
object-fit: cover;
object-position: top center;
}
/* Product Description Block */
.product-description-block h3{
font-size: 24px !important;
font-weight: 600 !important;
margin: 0 0 15px 0 !important;
}
.product-description-block ul{
margin: 0 !important;
padding: 0 0 0 20px;
}
.product-description-block p,
.product-description-block ul li{
font-size: 16px;
font-weight: 400;
line-height: 2;
margin-bottom: 15px !important;
}
.product-description-block ul li::marker{
color: var(--red-color);
}
.product-description-block p:last-of-type,
.product-description-block ul li:last-of-type{
margin: 0;
}
/* Product Characteristic Block */
.site-product-tabs .tab-content .vc_single_image-wrapper{
width: auto;
height: 550px;
}
.site-product-tabs .tab-content .vc_single_image-wrapper img{
width: 100%;
height: 100%;
object-fit: contain;
object-position: center center;
}
.product-characteristic-block{
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.product-characteristic-block:last-of-type{
margin: 0;
padding: 0;
border: none;
}
.product-characteristic-block-holder{
display: flex;
gap: 10%;
}
.product-characteristic-block-left-col{
width: 30%;
}
.product-characteristic-block-right-col{
display: flex;
flex-direction: column;
justify-content: center;
width: 60%;
padding-left: 70px;
}
.product-characteristic-block-right-col:first-of-type{
padding: 0;
width: 100%;
}
.product-characteristic-block-left-col figure {
width: auto;
height: 400px;
border-radius: 25px;
text-align: center;
border: 1px solid #dedede;
}
.product-characteristic-block-left-col figure img{
width: 100%;
height: 100%;
padding: 25px 0;
max-width: 80%;
object-fit: contain;
object-position: center center;
}
.product-characteristic-block-right-col h3{
font-size: 24px !important;
font-weight: 400 !important;
margin: 0 0 15px 0 !important;
}
.product-characteristic-block-right-col p{
font-size: 16px;
font-weight: 400;
line-height: 2;
margin: 0 0 15px 0 !important;
}
.product-characteristic-block-right-col ul{
margin: 0 0 15px 0 !important;
padding: 0 0 0 20px !important;
}
.product-characteristic-block-right-col ul li{
font-size: 16px;
font-weight: 400;
line-height: 1.7;
margin-bottom: 10px;
}
.product-characteristic-block-right-col ul li::marker{
color: var(--red-color);
}
.product-characteristic-block-right-col ul li:last-of-type{
margin: 0;
}
.single-product div.product .site-product-tabs .tab-content .site-heading{
text-align: center !important;
}
.single-product div.product .site-product-tabs .tab-content .site-heading h3{
font-size: 40px;
font-weight: 500;
margin-bottom: 30px;
}
/* Buttons Wrapper */
.buttons-holder{
display: flex;
flex-direction: column;
gap: 10px;
}
.buttons-item{
padding: 15px 25px;
display: flex;
align-items: center;
border-radius: 25px;
justify-content: space-between;
background-color: #f3f4f6;
}
.buttons-item-ico{
width: 10%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.buttons-item-ico svg{
width: auto;
height: 40px;
}
.buttons-item-title{
width: 80%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.buttons-item-title h3{
margin: 0 !important;
font-size: 18px !important;
font-weight: 600 !important;
}
.buttons-item-link{
width: 10%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.buttons-item-link a{
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
height: 45px;
padding: 0 20px;
border-radius: 50px;
text-decoration: none !important;
color: var(--white-color) !important;
background-color: var(--main-color) !important;
}
.buttons-item-link a:hover{
background-color: var(--hover-color);
}
/* Contact Page */
.contact-block-item {
margin-bottom: 30px;
}
.contact-block-item:last-of-type {
margin-bottom: 0;
}
.contact-block-content a {
font-size: 18px;
color: var(--gray-color);
text-decoration: underline;
}
.contact-block-content a:hover {
color: var(--black-color);
}
.site-contact-form br {
display: none;
}
.site-contact-form .wpcf7-spinner {
display: none;
}
.site-contact-form .wpcf7-response-output {
display: none;
}
.site-contact-form .wpcf7 .sent .wpcf7-response-output {
color: #46b450;
font-size: 16px;
font-weight: 400;
display: block;
position: absolute;
left: 15px;
right: 0;
text-align: left;
padding: 10px 0 0 0 !important;
}
.site-contact-form .wpcf7-not-valid-tip {
font-size: 14px;
position: absolute;
left: auto;
right: 0;
}
.site-contact-form .wpcf7 form.sent .wpcf7-response-output,
.site-contact-form .wpcf7 form.invalid .wpcf7-response-output,
.site-contact-form .wpcf7 form.unaccepted .wpcf7-response-output,
.site-contact-form .wpcf7 form.payment-required .wpcf7-response-output .site-contact-form .wpcf7 form .wpcf7-response-output {
padding: 0;
margin: 0;
border: none;
}
.site-contact-form label {
display: block;
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.site-contact-form-input {
margin-bottom: 25px;
}
.site-contact-form-input:last-of-type {
margin-bottom: 0;
}
.site-contact-form label span {
color: var(--black-color);
font-size: 12px;
}
.site-contact-form-title h2{
font-size: 32px;
font-weight: 500;
text-align: center;
margin-bottom: 25px;
}
.site-contact-form input {
font-size: 16px;
height: 45px;
line-height: 45px;
color: var(--black-color);
font-weight: 400;
padding: 0 15px;
margin-bottom: 15px;
width: 100%;
border-radius: 5px;
border: none;
background-color: #F5F5F5;
}
.site-contact-form select {
cursor: pointer;
position: relative;
font-size: 16px;
height: 45px;
line-height: 45px;
color: var(--black-color);
font-weight: 400;
padding: 0 15px;
width: 100%;
border-radius: 5px;
border: none;
background-color: #F5F5F5;
appearance:none;
}
.site-contact-form-select .wpcf7-form-control-wrap::before {
position: absolute;
content: '';
top: 50%;
right: 15px;
width: 10px;
height: 10px;
z-index: 9;
background-size: 9px 5px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.site-contact-form textarea {
height: 120px;
color: #4c596a;
font-size: 16px;
font-weight: 500;
padding: 15px;
margin-bottom: 15px;
width: 100%;
resize: none;
border-radius: 5px;
border: none;
background-color: #F5F5F5;
}
.site-contact-form .site-contact-form-button{
display: flex;
}
.site-contact-form input.wpcf7-submit {
cursor: pointer;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
height: 50px;
padding: 0 30px;
border-radius: 50px;
color: var(--white-color);
background-color: var(--blue-color);
transition: all 300ms ease;
text-transform: uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.site-contact-form input.wpcf7-submit:hover {
background-color: var(--red-color);
}
.contact-page-social-block .footer-social-block ul{
justify-content: flex-start !important;
}
/* Projects Load More Button */
.posts-button.load-more,
.projects-button.load-more{
display: flex;
align-items: center;
justify-content: center;
margin-top: 35px;
}
.posts-button.load-more a,
.projects-button.load-more a{
cursor: pointer;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
height: 45px;
padding: 0 40px;
border-radius: 50px;
text-decoration: none;
text-transform: uppercase;
color: var(--white-color);
background-color: var(--red-color);
}
.posts-button.load-more a:hover,
.projects-button.load-more a:hover{
background-color: var(--blue-color);
}
/* Cat */
.projects-cat-nav{
display: flex;
gap: 20px;
margin: 0;
padding: 0 0 70px 0;
align-items: center;
justify-content: center;
}
.projects-cat-nav ul{
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.projects-cat-nav li{
display: inline-block;
}
.projects-cat-nav li a{
display: block;
color: var(--blue-color);
font-size: 14px;
font-weight: 500;
padding: 10px 25px;
border-radius: 50px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid var(--blue-color);
}
.projects-cat-nav li a:hover{
color: var(--white-color);
background-color: var(--blue-color);
}
.projects-cat-nav .current-cat{
border-radius: 50px;
color: var(--white-color);
background-color: var(--blue-color);
}
.projects-cat-nav .current-cat a{
color: var(--white-color);
}
.projects-cat-nav .servicii-cat p{
margin-bottom: 15px;
}
.projects-cat-nav .servicii-cat ul{
margin: 0;
padding: 0 0 0 15px;
}
.projects-cat-nav .servicii-cat ul li{
margin-bottom: 15px;
}
.projects-cat-nav .servicii-cat ul li:last-of-type{
margin-bottom: 0;
}
.projects-cat-nav .servicii-cat h4{
color: var(--gray-color);
text-align: center;
font-size: 24px;
font-weight: 500;
text-transform: capitalize;
}
/* Related Projects */
.related.projects {
padding: 70px 0;
margin: 70px 0 70px 0;
background-color: #F3F4F6;
}
.related.projects h2 {
font-size: 40px;
font-weight: 500;
text-align: center;
margin-bottom: 35px;
}
/* Projects Archive Page */
.projects-page-content{
padding-top: 70px;
padding-bottom: 70px;
}
.projects-page-content .projects-list,
.projects-loop{
display: grid;
row-gap: 30px;
column-gap: 30px;
grid-template-columns: repeat(3, 1fr);
}
.related.projects .projects-item{
background-color: var(--white-color);
}
.projects-item{
background-color: #f3f4f6;
border-radius: 25px;
}
.projects-item .projects-item-caption{
padding: 25px;
}
.projects-item .projects-item-image figure{
height: 300px;
}
.projects-item .projects-item-image figure img{
width: 100%;
height: 100%;
object-fit: cover;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
object-position: center center;
}
.projects-item .projects-item-caption h4{
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
color: var(--blue-color);
text-transform: capitalize;
}
.projects-item .projects-item-caption h3{
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
}
.projects-item .projects-item-caption h3 a{
text-decoration: none;
}
.projects-item .projects-item-caption p{
font-size: 16px;
font-weight: 400;
color: var(--gray-color);
margin-bottom: 10px;
}
.projects-item .projects-item-caption .post-link{
display: flex;
}
.projects-item .projects-item-caption .post-link a{
padding: 0 25px;
}
/* Projects Single Page */
.projects-info-block{
margin: 10px 10px 0 10px;
border-radius: 15px;
padding: 120px 0 70px;
background-color: #263547;
}
.projects-info-block .info-block-holder .info-block-image{
height: 500px;
}
.projects-info-block .info-block-image img{
object-fit: cover;
height: 100%;
width: 100%;
object-position: center center;
}
.projects-info-block .info-block-holder .info-block-content{
color: #ffffff;
padding: 0;
}
.projects-info-block .info-block-holder .info-block-content h4{
opacity: .6;
line-height: normal;
margin-bottom: 15px;
color: var(--white-color);
}
.projects-info-block .info-block-holder .info-block-content h1{
font-size: 36px;
font-weight: 500;
margin-bottom: 15px;
}
.projects-info-block .info-block-holder .info-block-content p{
color: var(--white-color);
opacity: .6;
line-height: normal;
}
/* Services Single Page */
.services-info-block{
color: var(--white-color);
margin: 10px 10px 0 10px;
border-radius: 15px;
padding: 130px 0 70px;
background-color: #263547;
}
.services-info-block .info-block-holder .info-block-image{
border-radius: 25px;
border: 1px solid rgba(0, 0, 0, 0.14);
height: 500px;
}
.services-info-block .info-block-image img{
object-fit: cover;
height: 100%;
width: 100%;
object-position: center center;
}
.services-info-block .info-block-holder .info-block-content{
padding: 0;
}
.services-info-block .info-block-holder .info-block-content h1{
font-size: 32px;
font-weight: 600;
margin-bottom: 15px;
}
.services-info-block .info-block-holder .info-block-content ul{
margin: 0 0 30px 0;
padding: 0;
list-style: none;
}
.services-info-block .info-block-holder .info-block-content ul li{
font-size: 16px;
font-weight: 400;
padding: 0 0 0 25px;
margin-bottom: 15px;
line-height: normal;
color: var(--white-color);
opacity: .5;
background-size: 17px 12px;
background-repeat: no-repeat;
background-position: 0;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 13'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.8.542a.9.9 0 0 1 .081 1.27L8.033 11.876a.9.9 0 0 1-1.315.039l-5.53-5.591a.9.9 0 0 1 1.28-1.266l4.85 4.905L15.53.623a.9.9 0 0 1 1.27-.08Z' fill='%23fff'/%3E%3C/svg%3E");
}
/* Services Form Popup */
.services-block-modal-active .services-block-modal-holder {
display: block;
}
.services-block-modal-holder {
display: none;;
z-index: 11;
position: fixed;
top: 50%;
left: 50%;
width: 100%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.services-block-content {
max-width: 700px;
margin: 0 auto;
position: relative;
}
body.services-block-modal-open {
overflow: hidden;
}
.services-block-modal-open .site-overlay {
opacity: 1;
visibility: visible;
}
.services-block-close {
top: 0;
right: 0;
z-index: 99;
position: absolute;
}
.services-close {
cursor: pointer;
display: block;
width: 25px;
height: 25px;
text-align: center;
margin-left: auto;
}
.services-close::before,
.services-close::after {
position: absolute;
content: ' ';
height: 25px;
width: 2px;
background-color: var(--white-color);
}
.services-close::before {
transform: rotate(45deg);
}
.services-close::after {
transform: rotate(-45deg);
}
.services-block-form {
color: var(--white-color);
padding: 40px 30px;
border-radius: 25px;
background-color: #263547;
}
.services-block-form h3{
font-size: 32px;
font-weight: 600;
margin-bottom: 15px;
}
.services-block-form p{
color: var(--white-color);
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
}
/* Services Contact Form */
.services-contact-form br {
display: none;
}
.services-contact-form .wpcf7-spinner {
display: none;
}
.services-contact-form .wpcf7-response-output {
display: none;
}
.services-contact-form .wpcf7 .sent .wpcf7-response-output {
color: #46b450;
font-size: 16px;
font-weight: 400;
display: block;
position: absolute;
left: 15px;
right: 0;
text-align: left;
padding: 10px 0 0 0 !important;
}
.services-contact-form .wpcf7-not-valid-tip {
font-size: 14px;
position: absolute;
left: auto;
right: 0;
}
.services-contact-form .wpcf7 form.sent .wpcf7-response-output,
.services-contact-form .wpcf7 form.invalid .wpcf7-response-output,
.services-contact-form .wpcf7 form.unaccepted .wpcf7-response-output,
.services-contact-form .wpcf7 form.payment-required .wpcf7-response-output .services-contact-form .wpcf7 form .wpcf7-response-output {
padding: 0;
margin: 0;
border: none;
}
.services-contact-form label {
display: block;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
color: var(--white-color);
}
.services-contact-form-input{
margin-bottom: 25px;
}
.services-block-form-header{
margin-bottom: 15px;
}
.services-contact-form label span {
color: var(--red-color);
font-size: 12px;
}
.services-contact-form input {
font-size: 16px;
height: 45px;
line-height: 45px;
color: var(--black-color);
font-weight: 400;
padding: 0 15px;
margin-bottom: 0;
width: 100%;
border-radius: 5px;
border: none;
background-color: #F5F5F5;
}
.services-contact-form select {
position: relative;
font-size: 16px;
height: 45px;
line-height: 45px;
color: var(--black-color);
font-weight: 400;
padding: 0 15px;
width: 100%;
border-radius: 5px;
border: none;
background-color: #F5F5F5;
appearance:none;
}
.services-contact-form-select .wpcf7-form-control-wrap::before {
position: absolute;
content: '';
top: 50%;
right: 15px;
width: 10px;
height: 10px;
z-index: 9;
background-size: 9px 5px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.services-contact-form textarea {
height: 120px;
color: #4c596a;
font-size: 16px;
font-weight: 500;
padding: 15px;
margin-bottom: 15px;
width: 100%;
resize: none;
border-radius: 5px;
border: none;
background-color: #F5F5F5;
}
.services-contact-form .services-contact-form-button{
display: flex;
}
.services-contact-form input.wpcf7-submit {
cursor: pointer;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
height: 45px;
margin: 0;
padding: 0 40px;
border-radius: 50px;
text-decoration: none;
text-transform: uppercase;
color: var(--white-color);
background-color: var(--blue-color);
transition: all 300ms ease;
}
.services-contact-form input.wpcf7-submit:hover {
background-color: var(--red-color);
}
/* Certificate Slider */
.images-carousel{
position: relative;
}
.images-carousel .images-carousel-item figure{
height: 300px;
}
.images-carousel .images-carousel-item figure img{
width: 100%;
height: 100%;
border-radius: 25px;
object-fit: cover;
object-position: center center;
}
.images-carousel-holder{
display: grid;
gap: 15px;
grid-template-columns: repeat(4, 1fr);
}
/* Services Page */
.services-page-content{
padding-top: 70px;
padding-bottom: 70px;
}
.services-list .services-item:nth-child(odd){
flex-direction: row-reverse;
}
.services-list .services-item{
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #DEDEDE;
}
.services-list .services-item:last-of-type{
margin: 0;
padding: 0;
border: none;
}
.services-button{
display: flex;
align-items: center;
justify-content: flex-start;
}
.services-button a{
cursor: pointer;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
height: 45px;
padding: 0 30px;
border-radius: 50px;
text-decoration: none;
color: var(--white-color);
text-transform: uppercase;
background-color: var(--blue-color);
}
.services-button a:hover{
background-color: var(--red-color);
}
.services-item{
display: flex;
align-items: center;
}
.services-item-caption,
.services-item-image{
width: 50%;
}
.services-item-caption{
padding: 0 50px;
}
.services-item-caption h3{
font-size: 36px;
font-weight: 500;
margin-bottom: 15px;
}
.services-item-caption p{
margin-bottom: 25px;
}
.services-item-image figure{
height: 450px;
width: auto;
border-radius: 25px;
}
.services-item-image img{
width: 100% !important;
height: 100% !important;
object-fit: cover;
background-color: #F5F5F5;
margin: 0 !important;
border-radius: 25px;
object-position: center center;
}
.services-item .site-row :first-of-type.site-col-6{
background: #fff;
border-radius: 20px;
}
.services-item .site-col-6{
margin-bottom: 30px;
}
.services-item .site-col-6{
display: flex;
align-items: center;
}
.services-item:nth-child(odd) .site-row {
flex-direction: row-reverse;
}
/* Certificate Slider */
.certificates-slider{
padding-top: 50px;
position: relative;
}
.certificates-slider .certificates-item figure{
height: auto;
}
.certificates-slider .certificates-item figure img{
width: 100%;
height: 100%;
padding: 10px;
border-radius: 12px;
object-fit: contain;
background-color: #f3f4f6;
object-position: center center;
}
.certificates-slide-holder{
position: relative;
}
.certificates-slide-holder .swiper-pagination {
margin: 0 !important;
bottom: -50px !important;
}
.certificates-slide-holder .swiper-pagination-bullet {
opacity: 0.5;
margin: 0 7px !important;
background: var(--black-color);
}
.certificates-slide-holder .swiper-pagination-bullet-active {
opacity: 1;
background: var(--black-color);
}
.certificates-slide-holder .swiper-button-prev {
left: -30px
}
.certificates-slide-holder .swiper-button-next {
right: -30px
}
.certificates-slide-holder .swiper-button-prev,
.certificates-slide-holder .swiper-button-next {
width: 40px;
height: 40px;
z-index: 1;
border-radius: 50px;
background-color: var(--blue-color)
}
.certificates-slide-holder .swiper-button-next:after,
.certificates-slide-holder .swiper-button-prev:after {
font-size: 16px!important;
color: var(--white-color)
}
.certificates-slide-holder .swiper-button-prev:after {
margin-left: -3px
}
.certificates-slide-holder .swiper-button-next:after {
margin-right: -3px
}
/* Info Slider */
.image-slider-carousel{
position: relative;
}
.image-slider-carousel .image-slider-carousel-heading{
text-align: center;
margin-bottom: 60px;
}
.image-slider-carousel .image-slider-carousel-heading h2{
font-size: 40px;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
}
.image-slider-carousel .image-slider-carousel-heading p{
font-size: 18px;
font-weight: 400;
}
.image-slider-carousel .image-slider-image figure{
height: 450px;
}
.image-slider-carousel .image-slider-image figure img{
width: 100%;
height: 100%;
border-radius: 25px;
object-fit: cover;
object-position: center center;
}
.image-slider-content-holder{
position: relative;
}
.image-slider-content-holder .swiper-pagination {
margin: 0 !important;
bottom: -50px !important;
}
.image-slider-content-holder .swiper-pagination-bullet {
opacity: 0.5;
margin: 0 7px !important;
background: var(--black-color);
}
.image-slider-content-holder .swiper-pagination-bullet-active {
opacity: 1;
background: var(--black-color);
}
.image-slider-content-holder .swiper-button-prev {
left: -25px
}
.image-slider-content-holder .swiper-button-next {
right: -25px
}
.image-slider-content-holder .swiper-button-prev,
.image-slider-content-holder .swiper-button-next {
width: 40px;
height: 40px;
z-index: 1;
border-radius: 50px;
background-color: var(--blue-color);
}
.image-slider-content-holder .swiper-button-next:after,
.image-slider-content-holder .swiper-button-prev:after {
font-size: 16px!important;
color: var(--white-color)
}
.image-slider-content-holder .swiper-button-prev:after {
margin-left: -3px
}
.image-slider-content-holder .swiper-button-next:after {
margin-right: -3px
}
/* Partners Marquee */
.partners-logos-block{
margin-top: 50px;
}
/*
:root {
--marquee-width: 100%;
--marquee-height: auto;
--marquee-elements-displayed: 7;
--marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
--marquee-animation-duration: calc(var(--marquee-elements) * 5s);
}
.marquee {
width: var(--marquee-width);
height: var(--marquee-height);
overflow: hidden;
position: relative;
}
.marquee-content, .marquee-content-reverse {
list-style: none;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.marquee-content {
margin: 0;
animation: scrolling var(--marquee-animation-duration) linear infinite;
}
.marquee-content-reverse {
margin-top: 50px;
animation: scrolling-reverse var(--marquee-animation-duration) linear infinite;
}
.marquee-content:hover, .marquee-content-reverse:hover {
animation-play-state: paused;
}
@keyframes scrolling {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));
}
}
@keyframes scrolling-reverse {
0% {
transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));
}
100% {
transform: translateX(0);
}
}
.marquee-content li, .marquee-content-reverse li {
display: flex;
padding: 0 25px;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: var(--marquee-element-width);
max-height: 100%;
font-size: calc(var(--marquee-height) * 3 / 4);
white-space: nowrap;
}
*/
ul.marquee-content{
display: grid;
gap: 15px;
grid-template-columns: repeat(8, 1fr);
margin: 0;
padding: 0;
list-style: none;
}
.marquee-content li{
padding: 15px 0;
border-radius: 12px;
background-color: #ffffff;
}
.marquee-content li figure{
height: 100px;
text-align: center;
}
.marquee-content li figure img{
width: 100%;
height: 100%;
max-width: 70%;
object-fit: contain;
object-position: center center;
}
/* services home list */
.services-home-list {
position: relative;
padding-top: 70px;
}
.services-home-list-holder{
display: flex;
margin-left: -15px;
margin-right: -15px;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
}
.services-home-list-col{
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.services-home-image-link {
max-width: 100%;
height: auto;
display: block;
opacity: 1;
transition: opacity 0.2s ease;
}
.services-home-title-link a{
padding: 20px 0;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
font-size: 20px;
font-weight: 500;
text-decoration: none;
color: var(--white-color);
}
.services-home-title-link a svg{
width: auto;
height: 18px;
}
.services-home-title-link:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.33);
}
.services-home-title-link {
transition: all 0.2s ease-in;
border-bottom: 1px solid rgba(255, 255, 255, 0.33);
}
.services-home-title-link:hover a{
color: var(--blue-color);
}
.services-home-title-link:hover a svg path{
stroke: var(--blue-color);
}
.services-home-image{
height: 500px;
margin-right: 20%;
border-radius: 20px;
}
.services-home-image img{
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 20px;
object-position: center center;
}
/* Program Slider */
.program-carousel {
position: relative;
}
.program-carousel .mySwiperProgram{
margin-top: 50px;
}
.program-carousel-top-side{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 15px;
}
.program-carousel-top-side h2{
font-size: 40px;
font-weight: 500;
}
.program-carousel-item{
position: relative;
}
.program-carousel-item .program-carousel-item-count{
position: absolute;
top: 40px;
left: 25px;
width: 35px;
height: 35px;
padding: 5px;
display: flex;
align-items: center;
border-radius: 50px;
justify-content: center;
transform: translateY(-50%);
background-color: var(--blue-color);
}
.program-carousel-item .program-carousel-item-count span{
font-size: 14px;
font-weight: 500;
color: var(--white-color);
}
.program-carousel-item .program-carousel-item-info{
position: absolute;
bottom: 0;
left: 0;
color: var(--white-color);
padding: 30px;
}
.program-carousel-item .program-carousel-item-heading{
position: absolute;
top: 70px;
left: 25px;
}
.program-carousel-item .program-carousel-item-heading h3{
font-size: 24px;
font-weight: 500;
color: var(--white-color);
}
.program-carousel-item .program-carousel-item-info p{
font-size: 16px;
font-weight: 400;
}
.program-carousel-item .program-carousel-item-background figure{
height: 450px;
}
.program-carousel-item .program-carousel-item-background figure:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 25px;
background-color: rgba(0, 0, 0, .6);
}
.program-carousel-item .program-carousel-item-background figure img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 25px;
object-position: center center;
}
.program-carousel-item .program-carousel-item-button{
margin-top: 20px;
display: inline-block;
}
.program-carousel-item .program-carousel-item-button a{
font-size: 15px;
font-weight: 500;
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
padding: 0 15px;
height: 45px;
border-radius: 50px;
text-decoration: none;
background-color: var(--white-color);
}
.program-carousel-item .program-carousel-item-button a svg{
width: auto;
height: 14px;
}
.program-carousel .mySwiperProgram{
overflow: visible;
}
.program-carousel .swiper-scrollbar {
position: static;
width: 100%;
margin: 50px auto 0 auto;
height: 4px;
}
.program-carousel .swiper-scrollbar .swiper-scrollbar-drag {
background: var(--blue-color);
}
.program-carousel .swiper-button-disabled {
display: none
}
.program-carousel .swiper-button-prev {
left: -20px;
}
.program-carousel .swiper-button-next {
right: -20px;
}
.program-carousel .swiper-button-prev,
.program-carousel .swiper-button-next {
width: 40px;
height: 40px;
z-index: 1;
border-radius: 50px;
background-color: var(--blue-color)
}
.program-carousel .swiper-button-next:after,
.program-carousel .swiper-button-prev:after {
font-size: 16px!important;
color: var(--white-color)
}
.program-carousel .swiper-button-prev:after {
margin-left: -3px
}
.program-carousel .swiper-button-next:after {
margin-right: -3px
}
/* Single Page Header Default */
.page-header-default {
margin: 10px 10px 0 10px;
border-radius: 15px;
padding: 140px 0 100px;
background-color: #263547;
}
.page-header-default .page-breadcrumbs{
margin-bottom: 15px;
}
.page-header-default .page-breadcrumbs span.breadcrumbs-separator {
padding: 0 5px;
}
.page-header-default .page-breadcrumbs a,
.page-header-default .page-breadcrumbs span {
color: var(--white-color);
padding: 0;
margin: 0;
font-size: 12px;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
}
.page-header-default .page-breadcrumbs span.breadcrumbs-current {
color: var(--white-color);
opacity: 0.5;
}
.page-header-default h1 {
font-size: 40px;
font-weight: 500;
color: var(--white-color);
}
.page-header-default p {
font-size: 18px;
font-weight: 400;
color: rgba(255, 255, 255, 0.39);
}
/* Posts Page Related Posts */
.related.posts{
padding: 70px 0;
background-color: #F3F4F6;
}
.related.posts h2{
font-size: 40px;
font-weight: 500;
text-align: center;
margin-bottom: 35px;
}
.related.posts .posts-loop{
gap: 30px;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.related.posts .posts-loop .posts-item{
background-color: var(--white-color);
border-radius: 25px;
}
.related.posts .posts-loop .posts-item .posts-item-caption{
padding: 25px;
}
.related.posts .posts-loop .posts-item .posts-item-caption h4{
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
color: var(--blue-color);
text-transform: capitalize;
}
.posts-item .posts-item-image figure{
height: 300px;
}
.posts-item .posts-item-image figure img{
width: 100%;
height: 100%;
object-fit: cover;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
object-position: center center;
}
.posts-item .posts-item-caption h3{
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
}
.posts-item .posts-item-caption p{
font-size: 16px;
font-weight: 400;
color: var(--gray-color);
margin-bottom: 10px;
}
.posts-item .posts-item-caption .post-link{
display: flex;
}
/* Posts Single Page */
.posts-single-content{
padding: 70px 0;
}
.posts-single-content p{
margin-bottom: 15px;
}
.posts-single-content h1,
.posts-single-content h2,
.posts-single-content h3,
.posts-single-content h4,
.posts-single-content h5,
.posts-single-content h6{
margin-bottom: 15px;
}
.posts-single-content ul,
.posts-single-content ol{
margin: 0;
padding: 0 0 0 20px;
}
.posts-single-content ul li,
.posts-single-content ol li{
margin-bottom: 15px;
line-height: 1.7;
}
.posts-info-block{
padding-top: 120px;
padding-bottom: 70px;
background-color: #263547;
}
.posts-info-block .info-block-holder .info-block-image{
height: 500px;
}
.posts-info-block .info-block-image img{
object-fit: cover;
height: 100%;
width: 100%;
object-position: center center;
}
.posts-info-block .info-block-holder .info-block-content .info-block-content-top{
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
}
.posts-info-block .info-block-holder .info-block-content{
padding: 0;
}
.posts-info-block .info-block-holder .info-block-content .info-block-content-top p{
margin: 0;
opacity: .6;
line-height: normal;
padding: 0 10px 0 0;
color: var(--white-color);
border-right: 1px solid var(--white-color);
}
.posts-info-block .info-block-holder .info-block-content p:last-of-type{
margin: 0;
padding: 0;
border: none;
}
.posts-info-block .info-block-holder .info-block-content h1{
color: #ffffff;
font-size: 36px;
font-weight: 500;
margin-bottom: 15px;
}
/* resources block */
.posts-page {
padding-top: 70px;
padding-bottom: 70px;
}
.posts-page .site-row .site-col-12:nth-child(even) .post-item .post-details-holder{
display: flex;
flex-direction: row-reverse;
}
.posts-page .site-row .site-col-12 .post-item{
margin-top: 35px;
}
.posts-page .site-row .site-col-12:first-of-type .post-item{
margin: 0;
}
.site-post {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.posts-page .post-details {
width: 50%;
padding: 0 40px;
}
.posts-page .post-item .post-details-holder{
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f3f4f6;
border-radius: 25px;
}
.posts-page .post-image{
width: 50%;
}
.posts-page .post-image figure {
height: 450px;
}
.post-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 25px;
object-position: center center;
}
.posts-page .post-title h4 {
font-size: 32px;
font-weight: 500;
line-height: normal;
}
.post-title h2,
.post-title h4 {
font-size: 22px;
font-weight: 600;
padding: 0;
color: var(--black-color);
margin: 0 0 15px 0;
line-height: 1.6;
}
.post-title a{
color: inherit;
text-decoration: none;
}
.post-link-holder {
display: flex;
}
.post-excerpt {
margin-bottom: 20px;
}
.post-excerpt p{
font-size: 16px;
font-weight: 400;
color: var(--gray-color);
}
.post-link a{
cursor: pointer;
font-size: 15px;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
height: 45px;
padding: 0 30px;
border-radius: 50px;
text-decoration: none;
color: var(--white-color);
background-color: var(--blue-color);
}
.post-link a svg{
width: auto;
height: 14px;
}
.post-link a:hover {
background-color: var(--red-color);
}
/* Blog Grid - Home Post */
.home-posts{
margin-top: 50px;
}
.home-posts .site-col-4 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.home-posts-item .video figure{
position: relative;
}
.home-posts-item .video figure::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 15px;
background-color: rgba(0, 0, 0, 0.4);
}
.home-posts-item .video figure a::after{
content: '';
position: absolute;
width: 50px;
height: 50px;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg clip-path='url(%23play-button_120625 1__a)'%3E%3Cpath d='M256 0C114.617 0 0 114.617 0 256c0 141.383 114.617 256 256 256 141.383 0 256-114.617 256-256C512 114.617 397.383 0 256 0Zm88.484 269.57-128 80A16.011 16.011 0 0 1 208 352c-2.672 0-5.344-.664-7.75-2.008A15.985 15.985 0 0 1 192 336V176c0-5.82 3.156-11.172 8.25-13.992 5.047-2.844 11.281-2.656 16.234.422l128 80A16.024 16.024 0 0 1 352 256a16.022 16.022 0 0 1-7.516 13.57Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='play-button_120625 1__a'%3E%3Cpath fill='%23fff' d='M0 0h512v512H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.home-posts .site-post .post-date h3{
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
color: var(--blue-color);
text-transform: capitalize;
}
.home-posts .site-post .post-title h2{
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
}
.home-posts .site-post .post-image figure{
width: auto;
height: 350px;
margin-bottom: 15px;
}
.home-posts .site-post .post-image figure img{
border-radius: 12px;
}
.home-posts .site-post .post-details{
padding: 0;
}
.home-posts .site-post .post-link a{
align-items: center;
gap: 10px;
border: none;
color: var(--white-color);
background-color: var(--blue-color);
}
.home-posts .site-post .post-link a:hover{
background-color: var(--red-color);
}
/* Blog Single Post */
.post-single-header {
position: relative;
padding-top: 70px;
padding-bottom: 70px;
background-color: #253b90;
}
.post-single-image figure {
height: 600px;
}
.post-single-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
object-position: center center;
}
.post-single-header h1 {
font-size: 42px;
font-weight: 400;
margin: 20px 0 0 0;
color: var(--white-color);
}
.post-single-header p {
color: #939393;
font-size: 16px;
}
.post-single-text {
padding-top: 70px;
padding-bottom: 60px;
}
.post-single-text h1,
.post-single-text h2,
.post-single-text h3,
.post-single-text h4,
.post-single-text h5,
.post-single-text h6 {
margin-bottom: 15px;
}
.post-single-text p {
margin-bottom: 15px;
line-height: 1.8;
}
.post-single-text p a {
color: var(--main-color);
text-decoration: underline;
}
.post-single-text p:last-of-type{
margin-bottom: 0;
}
.post-single-text blockquote{
margin: 0 0 15px 0;
padding: 0 0 0 20px;
border-left: 3px solid var(--main-color);
}
.post-single-text ul,
.post-single-text ol {
margin: 0 0 15px 0;
padding: 0 0 0 20px;
}
.post-single-text li {
line-height: 1.8;
}
.post-single-text .gallery {
margin-top: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.post-single-text .gallery .gallery-item {
margin-bottom: 10px;
}
.post-single-text .gallery .gallery-icon {
height: 300px;
margin-bottom: 0;
}
.post-single-text .gallery img {
object-fit: cover;
height: 100%;
width: 100%;
object-position: center center;
}
.post-single-text .gallery figcaption {
display: none;
}
.post-single-text .gallery-columns-5 .gallery-item .gallery-icon {
height: 150px;
}
.post-single-text .gallery-columns-2 .gallery-item {
position: relative;
width: 100%;
padding-right: 5px;
padding-left: 5px;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.post-single-text .gallery-columns-3 .gallery-item {
position: relative;
width: 100%;
padding-right: 5px;
padding-left: 5px;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.post-single-text .gallery-columns-4 .gallery-item {
position: relative;
width: 100%;
padding-right: 5px;
padding-left: 5px;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.post-single-text .gallery-columns-5 .gallery-item {
position: relative;
width: 100%;
padding-right: 5px;
padding-left: 5px;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
body.mfp-zoom-out-cur {
overflow: hidden!important;
margin: 0!important;
padding: 0!important;
height: 100%!important;
touch-action: none!important;
-webkit-overflow-scrolling: touch!important
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
font-size: 32px;
font-weight: 300;
opacity: 1!important;
font-family: inter,sans-serif
}
.mfp-arrow {
opacity: 1!important
}
.mfp-arrow-right:before {
margin-left: 50px!important
}
.mfp-arrow:before,.mfp-arrow:after {
opacity: 1!important;
border: none!important
}
.mfp-arrow-left:before {
width: 25px!important;
height: 25px!important;
background: url('assets/images/arrow_left.svg') no-repeat
}
.mfp-arrow-right:before {
width: 25px!important;
height: 25px!important;
background: url('assets/images/arrow_right.svg') no-repeat
}
.mfp-arrow-left:before,.mfp-arrow-left:after {
border: none!important
}
.post-single-text .wp-video {
width: 100% !important;
}
.post-single-text .wp-video video {
width: 100% !important;
height: 100% !important;
}
.post-single-footer {
padding-top: 70px;
padding-bottom: 35px;
background-color: #e8f1fe;
}
.post-single-footer h2 {
font-size: 36px;
font-weight: 700;
margin-bottom: 35px;
text-align: center;
}
/* Shop Pagination */
.woocommerce nav.woocommerce-pagination ul{
display: flex;
border: none;
margin: 70px 0 0 0;
align-items: center;
justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
display: flex;
padding: 0;
align-items: center;
justify-content: center;
color: var(--black-color);
font-size: 14px;
font-weight: 500;
margin: 0 10px;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
text-decoration: none;
background-color: #f3f4f6;
}
.woocommerce nav.woocommerce-pagination ul li{
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
color: #ffffff;
background-color: var(--blue-color);
}
.woocommerce nav.woocommerce-pagination ul li a.prev{
text-indent: -99999px;
background-size: 8px 12px;
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath d='M6.667 12.333 1.01 6.676 6.667 1.02' stroke='%23333' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.woocommerce nav.woocommerce-pagination ul li a.next{
text-indent: -99999px;
background-size: 8px 12px;
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath d='M1.333 12.333 6.99 6.676 1.333 1.02' stroke='%23333' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
/* Ordering */
.shop-content .shop-sidebar-mobile-filter{
display: none;
}
.shop-content .shop-sidebar-mobile-filter span{
font-size: 14px;
font-weight: 500;
}
.woocommerce-products-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 35px;
}
.woocommerce-products-header p{
color: var(--blue-color);
font-size: 15px;
font-weight: 500;
margin: 0 !important;
}
.woocommerce-products-header h1 {
font-size: 32px;
font-weight: 500;
}
.woocommerce .woocommerce-ordering{
display: flex;
align-items: center;
position: relative;
padding: 0 20px;
margin: 0;
height: 40px;
border-radius: 25px;
border: none;
background-color: #f5f5f5;
}
.woocommerce .woocommerce-ordering select {
vertical-align: inherit;
}
.woocommerce-ordering select {
color: #222831;
cursor: pointer;
font-size: 15px;
font-weight: 500;
border: none;
height: 20px;
box-shadow: none;
text-align: left;
padding: 0 20px 0 0;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
outline: none;
background-color: transparent;
}
.woocommerce-ordering svg {
position: absolute;
pointer-events: none;
top: 18px;
right: 10px;
width: auto;
height: 6px;
}
.products-sorting-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
/* Single Product */
.single-product .main-header{
background-color: #151E30;
}
.single-product .page-header-default .page-breadcrumbs span.breadcrumbs-current{
color: var(--black-color);
}
.single-product div.product .site-product-tabs .tab-content{
max-width: 1440px;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.single-product div.product .site-product-tabs ul.nav-tabs{
display: flex;
align-items: center;
justify-content: center;
gap: 65px;
height: 65px;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
}
.single-product div.product .site-product-tabs ul.nav-tabs:before{
content: none;
}
.single-product div.product .site-product-tabs ul.nav-tabs li{
width: auto;
margin: 0;
padding: 0;
height: 100%;
}
.single-product div.product .site-product-tabs ul.nav-tabs li a{
font-size: 16px;
font-weight: 500;
height: 100%;
display: flex;
align-items: center;
margin: 0;
padding: 0;
}
.tc-tabs-style3 .nav-tabs li a:hover:after{
width: 100% !important;
}
.single-product div.product{
padding: 0 !important;
}
.single-product .page-header-default{
padding-top: 110px;
padding-bottom: 0;
background-color: transparent;
}
.single-product .page-breadcrumbs a,
.single-product .page-breadcrumbs span{
color: var(--black-color);
}
.woocommerce div.product .product_title{
font-size: 36px;
font-weight: 600;
margin-bottom: 15px;
text-transform: uppercase;
}
.woocommerce table.shop_attributes{
padding: 0;
margin: 0;
border: none;
background-color: transparent;
}
.woocommerce table.shop_attributes th{
margin: 0 10px 0 0;
padding: 0;
color: rgba(63, 76, 90, 0.70);
}
.woocommerce table.shop_attributes td{
padding: 0;
margin: 0;
font-style: normal;
}
.woocommerce table.shop_attributes td a{
font-weight: 500;
color: var(--blue-color);
text-decoration: none;
}
.woocommerce table.shop_attributes td p{
padding: 0;
margin: 0;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td{
font-size: 16px;
font-weight: 400;
width: auto;
border: none;
line-height: normal;
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th{
background-color: transparent;
}
.woocommerce table.shop_attributes tr.woocommerce-product-attributes-item{
display: flex;
align-items: center;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #dedede;
}
.woocommerce table.shop_attributes tr.woocommerce-product-attributes-item:last-of-type{
margin-bottom: 0;
}
/* Product Form Popup */
.single-product-button a{
cursor: pointer;
font-size: 14px;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 10px;
height: 50px;
padding: 0 50px;
border-radius: 50px;
text-decoration: none;
color: var(--white-color);
text-transform: uppercase;
background-color: var(--red-color);
}
.single-product-button a:hover{
background-color: var(--blue-color);
}
.product-block-modal-active .product-block-modal-holder {
display: block;
}
.product-block-modal-holder {
display: none;;
z-index: 11;
position: fixed;
top: 50%;
left: 50%;
width: 100%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product-block-content {
max-width: 700px;
margin: 0 auto;
position: relative;
}
body.product-block-modal-open {
overflow: hidden;
}
.product-block-modal-open .site-overlay {
opacity: 1;
visibility: visible;
}
.product-block-close {
top: -30px;
right: -30px;
z-index: 99;
position: absolute;
}
.product-close {
cursor: pointer;
display: block;
width: 25px;
height: 25px;
text-align: center;
margin-left: auto;
}
.product-close::before,
.product-close::after {
position: absolute;
content: ' ';
height: 25px;
width: 2px;
background-color: var(--white-color);
}
.product-close::before {
transform: rotate(45deg);
}
.product-close::after {
transform: rotate(-45deg);
}
.product-block-form {
color: var(--white-color);
padding: 40px 30px;
border-radius: 25px;
background-color: #263547;
}
.product-block-form h3{
color: var(--blue-color);
font-size: 32px;
font-weight: 600;
margin-bottom: 15px;
}
.product-block-content p:last-of-type {
margin-bottom: 0;
}
.product-block-form p{
color: var(--white-color);
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
}
/* product Contact Form */
.product-contact-form br {
display: none;
}
.product-contact-form .wpcf7-spinner {
display: none;
}
.product-contact-form .wpcf7-response-output {
display: none;
}
.product-contact-form .wpcf7 .sent .wpcf7-response-output {
color: #46b450;
font-size: 16px;
font-weight: 400;
display: block;
position: absolute;
left: 15px;
right: 0;
text-align: left;
padding: 10px 0 0 0 !important;
}
.product-contact-form .wpcf7-not-valid-tip {
font-size: 14px;
position: absolute;
left: auto;
right: 0;
}
.product-contact-form .wpcf7 form.sent .wpcf7-response-output,
.product-contact-form .wpcf7 form.invalid .wpcf7-response-output,
.product-contact-form .wpcf7 form.unaccepted .wpcf7-response-output,
.product-contact-form .wpcf7 form.payment-required .wpcf7-response-output .product-contact-form .wpcf7 form .wpcf7-response-output {
padding: 0;
margin: 0;
border: none;
}
.product-block-form-header{
margin-bottom: 15px;
}
.product-contact-form label {
display: block;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
color: var(--white-color);
}
.product-contact-form-input {
margin-bottom: 10px;
}
.product-contact-form-input:last-of-type {
margin-bottom: 0;
}
.product-contact-form label span {
color: var(--red-color);
font-size: 12px;
}
.product-contact-form input {
font-size: 16px;
height: 45px;
line-height: 45px;
color: var(--black-color);
font-weight: 400;
padding: 0 15px;
margin-bottom: 15px;
width: 100%;
border-radius: 5px;
border: none;
background-color: #F5F5F5;
}
.product-contact-form select {
position: relative;
font-size: 16px;
height: 45px;
line-height: 45px;
color: var(--black-color);
font-weight: 400;
padding: 0 15px;
width: 100%;
border-radius: 5px;
border: none;
background-color: #F5F5F5;
appearance:none;
}
.product-contact-form-select .wpcf7-form-control-wrap::before {
position: absolute;
content: '';
top: 50%;
right: 15px;
width: 10px;
height: 10px;
z-index: 9;
background-size: 9px 5px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.product-contact-form textarea {
height: 120px;
color: #4c596a;
font-size: 16px;
font-weight: 500;
padding: 15px;
margin-bottom: 15px;
width: 100%;
resize: none;
border-radius: 5px;
border: none;
background-color: #F5F5F5;
}
.product-contact-form .product-contact-form-button{
display: flex;
margin-top: 15px;
}
.product-contact-form input.wpcf7-submit {
cursor: pointer;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
gap: 10px;
height: 45px;
margin: 0;
padding: 0 40px;
border-radius: 50px;
text-decoration: none;
text-transform: uppercase;
color: var(--white-color);
background-color: var(--blue-color);
transition: all 300ms ease;
}
.product-contact-form input.wpcf7-submit:hover {
background-color: var(--red-color);
}
/* Shop page */
/* Shop Product SKU */
.woocommerce-page .product .shop-product-sku{
position: absolute;
top: 17px;
left: 17px;
z-index: 8;
display: flex;
}
.woocommerce-page .product .shop-product-sku span{
font-size: 13px;
font-weight: 500;
padding: 5px 20px;
border-radius: 15px;
text-transform: uppercase;
color: var(--white-color);
background-color: var(--blue-color);
}
/* Single Product SKU */
.single-product .summary .single-product-sku{
display: flex;
margin-bottom: 25px;
}
.single-product .summary .single-product-sku span{
font-size: 13px;
font-weight: 500;
padding: 8px 15px;
border-radius: 50px;
text-transform: uppercase;
color: var(--white-color);
background-color: var(--blue-color);
}
.woocommerce div.product div.images {
width: 100%;
float: none;
margin: 0;
}
.woocommerce div.product div.summary{
margin: 0;
position: relative;
width: 100%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
padding-left: 15px;
padding-right: 15px;
}
.woocommerce div.product div.summary .product-price {
display: flex;
align-items: flex-start;
justify-content: space-between
}
.woocommerce div.product div.summary .product-stock {
display: flex;
color: #4c596a;
font-size: 16px;
font-weight: 500;
align-items: center;
padding: 7px 15px;
border-radius: 100px;
background-color: #eef9fb
}
.product-action-block {
display: flex;
align-items: center;
justify-content: center
}
.product .product-price .price bdi {
font-size: 24px;
font-weight: 400;
color: var(--gray-color);
}
.woocommerce-product-details__short-description p {
opacity: .6;
margin-bottom: 25px !important;
color: var(--black-color) !important;
}
.woocommerce-product-details__short-description p a {
display: inline-block;
color: var(--black-color);
}
.woocommerce div.product div.images .woocommerce-product-gallery__image{
height: 550px;
}
.pswp--zoom-allowed .pswp__button--zoom,
.pswp--supports-fs .pswp__button--fs,
.pswp__caption{
display: none !important;
}
.woocommerce div.product div.images img {
height: 100%;
width: 100%;
max-width: 80%;
margin: 0 auto;
object-fit: contain;
object-position: center center;
}
.woocommerce div.product div.images .flex-direction-nav {
display: none;
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce div.product div.images .flex-nav-prev,
.woocommerce div.product div.images .flex-nav-next {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
z-index: 1;
transform: translateY(-50%);
}
.woocommerce div.product div.images .flex-nav-prev {
left: 15px;
}
.woocommerce div.product div.images .flex-nav-next {
right: 15px;
}
.woocommerce div.product div.images .flex-nav-prev a,
.woocommerce div.product div.images .flex-nav-next a {
display: flex;
align-items: center;
justify-content: center;
text-indent: -99999px;
font-size: 0;
margin: 0;
padding: 0;
width: 40px;
height: 40px;
border-radius: 50px;
background-color: var(--black-color);
}
.woocommerce div.product div.images .flex-nav-next a.flex-next::before {
content: '';
width: 7px;
height: 14px;
margin-right: -2px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 15'%3E%3Cpath d='M.602 14.531 7.572 7.5.602.469' stroke='%23fff' stroke-width='1.25'/%3E%3C/svg%3E");
}
.woocommerce div.product div.images .flex-nav-prev a.flex-prev::before {
content: '';
width: 7px;
height: 14px;
margin-left: -2px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 15'%3E%3Cpath d='M8.398 14.531 1.428 7.5 8.398.469' stroke='%23fff' stroke-width='1.25'/%3E%3C/svg%3E");
}
.woocommerce div.product div.images .flex-control-nav {
display: flex;
align-items: center;
justify-content: start;
padding: 0;
list-style: none;
margin: 20px 0 0 0;
}
.woocommerce div.product div.images .flex-control-nav li {
width: 70px;
height: 70px;
margin-right: 10px;
border-radius: 15px;
border: 1px solid #dedede;
background-color: transparent;
}
.woocommerce div.product div.images .flex-control-nav li img {
object-fit: contain;
margin: 0 auto;
border-radius: 10px;
}
.woocommerce div.product div.images .flex-control-nav li a {
display: block;
font-size: 0;
width: 8px;
height: 8px;
opacity: 0.5;
text-indent: -99999px;
border-radius: 50px;
background-color: #252a2f;
}
.woocommerce div.product div.images .flex-control-nav li a.flex-active {
opacity: 1;
}
/* Product card */
.product {
position: relative;
padding: 25px;
display: flex;
flex-direction: column;
border-radius: 20px;
background-color: var(--white-color);
}
.product .product-item-image figure{
height: 300px;
}
.product .product-item-image img{
width: 100% !important;
height: 100% !important;
object-fit: contain;
margin: 0 !important;
padding: 30px 0 !important;
object-position: center center;
}
.product .product-item-details{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.product .product-item-badge {
top: 25px;
right: 25px;
position: absolute;
}
.product .product-item-badge span {
font-style: var(--secondary-font);
font-size: 14px;
color: #1C1C1F;
padding: 5px 10px;
border-radius: 24px 24px 0 0;
background-color: #CDF6E2;
}
.product .product-item-image figure .onsale {
font-style: var(--secondary-font);
font-size: 14px;
color: var(--white-color);
padding: 5px 10px;
border-radius: 20px;
background-color: var(--black-color);
}
.woocommerce ul.products li.product .product-item-details .price {
display: flex;
margin: 0;
flex-direction: column;
color: var(--gray-color);
}
.woocommerce ul.products li.product .button {
display: flex;
margin: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
padding: 0;
margin: 0;
}
.product .product-item-details .woocommerce-loop-product__title h3 a {
font-size: 20px;
}
.product .product-item-details .price del,
.product .product-item-details .price ins {
text-decoration: none !important;
}
.product .product-item-details .price del bdi {
font-size: 13px;
color: #CC0100;
text-decoration: line-through;
}
.product .product-item-details .product-item-price {
display: flex;
margin-top: auto;
align-items: center;
justify-content: space-between;
}
.product .product-item-details .product-item-price span.price {
width: 35%;
text-align: left;
color: var(--gray-color);
font-size: 16px !important;
font-weight: 500 !important;
}
.product .product-item-details .product-item-price .shop-button {
width: 65%;
text-align: right;
}
.product .product-item-details .product-item-price a {
margin: 0;
}
.product .product-item-details .product-item-price svg {
width: 20px;
height: auto;
}
.product-title h3 {
color: var(--black-color);
font-weight: 600;
font-size: 18px !important;
margin-bottom: 10px !important;
}
.product .product-item-details .product-item-price .shop-button .added_to_cart {
display: none;
}
.product .product-item-details .product-item-price .shop-button a {
position: relative;
display: inline-flex;
align-items: center;
font-size: 15px;
font-weight: 500;
gap: 5px;
height: 45px;
padding: 0 20px;
border-radius: 100px;
color: var(--white-color);
background-color: var(--black-color);
}
.product .product-item-details .product-item-price .shop-button a:hover {
background-color: var(--hover-color);
}
.product-button{
display: flex;
margin: auto 0 0 0;
}
.product-button a{
display: flex;
align-items: center;
color: var(--blue-color);
font-size: 14px;
font-weight: 500;
border-radius: 50px;
padding: 10px 20px;
border: 1px solid var(--blue-color);
}
.product-button a:hover{
color: var(--white-color);
background-color: var(--blue-color);
}
.product-button a:hover svg path{
fill: var(--white-color);
}
.product-button a svg{
width: auto;
height: 12px;
margin-left: 10px;
}
.product-button a svg path{
fill: var(--blue-color);
}
/* Shop Sidebar */
.site-sidebar{
padding: 17px;
border-radius: 10px;
border: 1px solid #DEDEDE;
}
.site-sidebar .wcpf-field-title{
color: var(--black-color);
font-size: 18px;
font-weight: 600;
padding: 0;
margin: 0;
text-transform: none;
}
.site-sidebar .wcpf-field-checkbox-list .wcpf-content{
padding: 0;
margin: 0;
}
.site-sidebar .wcpf-checkbox-list .wcpf-checkbox-item{
margin-bottom: 20px;
}
.site-sidebar .wcpf-checkbox-list .wcpf-checkbox-item.checked span.wcpf-title{
color: var(--blue-color);
}
.site-sidebar .wcpf-checkbox-list .wcpf-checkbox-item:last-of-type{
margin-bottom: 0;
}
.site-sidebar .wcpf-filter-inner .wcpf-field-item{
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #DEDEDE;
}
.site-sidebar .wcpf-filter-inner .wcpf-field-item:last-of-type{
margin: 0;
padding: 0;
border-bottom: none;
}
.site-sidebar .wcpf-filter-inner .wcpf-field-button{
display: inline-block;
width: 100%;
}
.site-sidebar .wcpf-filter-inner .wcpf-field-button .wcpf-button{
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--white-color);
font-size: 15px;
font-weight: 500;
height: 45px;
padding: 0 30px;
width: auto;
border-radius: 50px;
text-decoration: none;
border: none;
background-color: var(--red-color);
}
.site-sidebar .wcpf-filter-inner .wcpf-field-button .wcpf-button:hover{
background-color: var(--blue-color);
}
.site-sidebar .wcpf-item-inner .wcpf-item-label{
position: relative;
display: flex !important;
}
.site-sidebar .wcpf-item-inner .wcpf-item-label .wcpf-title-container{
padding: 0;
margin: 0;
line-height: normal;
color: rgba(63, 76, 90, 0.70);
font-size: 15px;
font-weight: 500;
}
.site-sidebar .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item.checked > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-input-container{
opacity: 1;
border: none;
background-color: var(--blue-color);
}
.site-sidebar .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item.checked > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-input-container::after{
content: '';
position: absolute;
right: auto;
left: 5px;
top: 8px;
width: 6px;
z-index: 2;
height: 10px;
border: solid #FFF;
border-width: 0 2px 2px 0;
margin: 0;
-webkit-box-sizing: inherit;
box-sizing: inherit;
transform: rotate(45deg) translate(-50%, -50%);
}
.site-sidebar .wcpf-item-inner .wcpf-item-label .wcpf-input-container{
width: 18px;
height: 18px;
margin: 0 10px 0 0;
padding: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
border-radius: 3px;
border: 1px solid #D8D8D8;
background-color: var(--white-color);
}
.wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-children-container{
padding: 0;
}
.site-sidebar .wcpf-checkbox-list div[data-item-key="aparate-de-aer-conditionat"],
.site-sidebar .wcpf-checkbox-list div[data-item-key="echipamente-de-refrigerare"],
.site-sidebar .wcpf-checkbox-list div[data-item-key="echipamente-de-tratare-a-aerului"],
.site-sidebar .wcpf-checkbox-list div[data-item-key="grile-de-ventilatie-si-difuzoare"]{
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #DEDEDE;
}
.site-sidebar .wcpf-checkbox-list div[data-item-key="aparate-de-aer-conditionat"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-input-container,
.site-sidebar .wcpf-checkbox-list div[data-item-key="echipamente-de-refrigerare"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-input-container,
.site-sidebar .wcpf-checkbox-list div[data-item-key="echipamente-de-tratare-a-aerului"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-input-container,
.site-sidebar .wcpf-checkbox-list div[data-item-key="grile-de-ventilatie-si-difuzoare"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-input-container,
.site-sidebar .wcpf-checkbox-list div[data-item-key="sisteme-de-automatizare"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-input-container{
display: none !important;
}
.site-sidebar .wcpf-checkbox-list div[data-item-key="aparate-de-aer-conditionat"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label,
.site-sidebar .wcpf-checkbox-list div[data-item-key="echipamente-de-refrigerare"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label,
.site-sidebar .wcpf-checkbox-list div[data-item-key="echipamente-de-tratare-a-aerului"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label,
.site-sidebar .wcpf-checkbox-list div[data-item-key="grile-de-ventilatie-si-difuzoare"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label,
.site-sidebar .wcpf-checkbox-list div[data-item-key="sisteme-de-automatizare"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label{
pointer-events: none;
}
.site-sidebar .wcpf-checkbox-list div[data-item-key="aparate-de-aer-conditionat"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-title-container span,
.site-sidebar .wcpf-checkbox-list div[data-item-key="echipamente-de-refrigerare"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-title-container span,
.site-sidebar .wcpf-checkbox-list div[data-item-key="echipamente-de-tratare-a-aerului"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-title-container span,
.site-sidebar .wcpf-checkbox-list div[data-item-key="grile-de-ventilatie-si-difuzoare"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-title-container span,
.site-sidebar .wcpf-checkbox-list div[data-item-key="sisteme-de-automatizare"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-title-container span{
display: block;
color: var(--black-color);
font-size: 17px;
font-weight: 600;
padding: 0;
margin: 0 0 20px 0;
text-transform: none;
}
.woocommerce div.product div.left-summary-side{
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.site-single-product-info{
padding-bottom: 70px;
}
.site-product-tabs{
width: 100%;
}
.site-product-tabs .woocommerce-Tabs-panel{
display: block !important;
}
.site-product-tabs .woocommerce-Tabs-panel h2{
display: none;
}
.site-single-product-info .site-row{
align-items: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
display: flex;
align-items: center;
justify-content: center;
gap: 70px;
padding: 0;
margin: 0;
margin-bottom: 35px;
background-color: #F5F5F5;
border: 1px solid #DEDEDE;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
content: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
color: var(--gray-color);
padding: 0;
margin: 0;
border: none;
background: #F5F5F5;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after{
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
height: 3px;
background-color: var(--gray-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
margin-right: 30px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-of-type{
margin-right: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
color: var(--black-color);
font-size: 16px;
font-weight: 500;
padding: 0;
margin: 0;
border: none;
border-radius: 0;
background-color: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
padding: 20px 0;
}
/* Shop */
.woocommerce-order-received .woocommerce table.shop_table tfoot,
.woocommerce table.shop_table tbody .product-total,
.woocommerce table.shop_table tfoot tr.order-total,
.woocommerce div.product div.summary .product-price,
.mini-cart-content .total,
.product .product-item-details .product-item-price{
display: none !important;
}
.shop-content-holder{
padding-top: 70px;
padding-bottom: 70px;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
content: none;
}
.woocommerce ul.products,
.woocommerce-page ul.products {
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
position: relative;
align-items: center;
float: none !important;
width: 100% !important;
padding: 17px !important;
margin: 0 !important;
border-radius: 10px;
border: 1px solid #DEDEDE;
}
.woocommerce ul.products li.product .product-item-details p,
.woocommerce-page ul.products li.product .product-item-details p{
font-size: 16px;
}
.woocommerce .products ul,
.woocommerce ul.products {
margin: 0;
padding: 0;
}
.woocommerce div.product form.cart div.woocommerce-variation-add-to-cart {
display: flex;
align-items: center;
margin-top: 30px;
}
.woocommerce div.product form.cart div.quantity {
display: flex;
align-items: center;
justify-content: center;
position: relative;
float: none;
padding: 0;
margin: 0;
width: 25%;
height: 55px;
border-radius: 100px;
border: 1px solid #e4e7ea
}
.woocommerce div.product form.cart div.quantity input {
pointer-events: none;
font-size: 15px;
font-weight: 500;
margin: 0;
padding: 0;
height: 55px;
width: 35px;
border: none;
text-align: center;
background-color: transparent
}
.woocommerce div.product form.cart div.quantity input[type=number]::-webkit-inner-spin-button,
.woocommerce div.product form.cart div.quantity input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.woocommerce div.product form.cart div.quantity input::-webkit-outer-spin-button,
.woocommerce div.product form.cart div.quantity input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important
}
.woocommerce div.product form.cart div.quantity input[type=number] {
-moz-appearance: textfield !important
}
.woocommerce div.product form.cart div.quantity span.minus,
.woocommerce div.product form.cart div.quantity span.plus {
padding: 0 5px;
cursor: pointer;
display: flex;
width: 25px;
height: 100%;
align-items: center;
justify-content: center
}
.woocommerce div.product form.cart div.quantity svg {
width: 13px;
height: 13px
}
.woocommerce div.product form.cart div.quantity .quantity-input {
width: 35px;
padding: 0;
display: flex;
align-items: center;
justify-content: center
}
.woocommerce div.product form.cart div.quantity .qty-suff {
color: #939393;
font-size: 14px;
font-weight: 500
}
.woocommerce div.product form.cart .button {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 500;
width: 100%;
height: 50px;
border: none;
padding: 0;
letter-spacing: 0;
margin: 35px 0 0 0;
border-radius: 50px;
text-decoration: none;
color: #fff !important;
text-transform: uppercase;
background-color: var(--blue-color);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.woocommerce div.product form.cart {
margin-bottom: 0;
}
/* Related products */
.related.products {
margin: 70px 0 70px 0;
}
.related.products h2 {
font-size: 36px;
font-weight: 500;
text-align: center;
margin-bottom: 50px;
}
.related ul.products{
grid-template-columns: repeat(4, 1fr);
}
/* Login & Register Page */
/* My Account */
.logged-in.woocommerce-account .page-content{
padding-top: 70px;
padding-bottom: 70px;
}
.woocommerce-MyAccount-content .woocommerce-message{
padding: 0 !important;
margin: 0 0 15px 0 !important;
border: none !important;
background-color: transparent !important;
}
.woocommerce-MyAccount-content .woocommerce-message::before{
content: none !important;
}
.woocommerce-MyAccount-content p a{
color: #000000;
text-decoration: underline;
}
.woocommerce-MyAccount-navigation ul{
border-radius: 10px;
border: none;
padding: 0;
margin: 0;
list-style: none;
background-color: #F1F2F4;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
width: 25%;
}
.woocommerce-MyAccount-navigation ul li{
padding: 15px 25px;
border-bottom: 1px solid #E4E7EA;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.woocommerce-MyAccount-navigation ul li:hover a{
color: #3E63DD;
}
.woocommerce-MyAccount-navigation ul li:last-of-type:hover{
border-radius: 0;
}
.woocommerce-MyAccount-navigation ul li.is-active{
border-radius: 0;
background-color: transparent;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
color: #3E63DD;
}
.woocommerce-MyAccount-navigation ul li:last-of-type{
border-bottom: none;
}
.woocommerce-MyAccount-navigation ul li a{
font-size: 16px;
font-weight: 500;
position: relative;
color: #252A2F;
text-decoration: none;
}
.woocommerce-account.logged-in .woocommerce {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.logged-in .woocommerce .woocommerce-MyAccount-navigation{
float: none;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
position: relative;
width: 100%;
}
.logged-in .woocommerce .woocommerce-MyAccount-content{
float: none;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
position: relative;
width: 100%;
margin-left: 5%;
}
.logged-in .wtwraq-filter-quotes{
display: none;
}
.logged-in .woocommerce .woocommerce-MyAccount-content table.my_account_orders tbody{
border-bottom: none !important;
}
.logged-in .woocommerce .woocommerce-MyAccount-content table.my_account_orders span.woocommerce-Price-amount{
color: #3E63DD;
font-weight: 500;
margin-right: 10px;
}
.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-message--info a.button{
display: none;
}
.woocommerce-MyAccount-content .woocommerce-customer-details{
padding: 35px 0 0 0;
margin: 0;
}
.woocommerce-MyAccount-content .woocommerce-customer-details address{
padding: 20px;
font-size: 16px;
line-height: 2;
border: none;
border-radius: 10px;
background-color: #F1F2F4;
}
.woocommerce-MyAccount-content .col-1.woocommerce-Address,
.woocommerce-MyAccount-content .col-2.woocommerce-Address{
margin-top: 25px;
}
.woocommerce-MyAccount-content .col-1.woocommerce-Address address,
.woocommerce-MyAccount-content .col-2.woocommerce-Address address{
padding: 20px;
font-size: 18px;
line-height: 1.6;
font-style: normal;
border: none;
margin: 0;
border-radius: 10px;
border: none;
background-color: #F1F2F4;
}
.woocommerce-MyAccount-content p strong{
font-weight: 500;
}
.woocommerce-MyAccount-content p a{
color: #3E63DD;
}
.woocommerce-MyAccount-content .col-1.woocommerce-Address{
padding: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-MyAccount-content .col-1.woocommerce-Address a,
.woocommerce-MyAccount-content .col-2.woocommerce-Address a{
color: #3E63DD;
font-size: 16px;
font-weight: 500;
text-decoration: underline;
}
.woocommerce-MyAccount-content .col-1.woocommerce-Address h3,
.woocommerce-MyAccount-content .col-2.woocommerce-Address h3,
.woocommerce-MyAccount-content form h3{
font-size: 24px;
font-weight: 500;
margin: 0 0 20px 0;
padding: 0;
}
.woocommerce-MyAccount-content form .woocommerce-address-fields__field-wrapper{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.woocommerce-MyAccount-content form .woocommerce-address-fields .form-row{
display: block !important;
margin: 0 0 20px 0 !important;
padding: 0 15px 0 15px !important;
float: none !important;
width: 100% !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.woocommerce-MyAccount-content form .woocommerce-address-fields label{
display: block;
color: #252A2F;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
.woocommerce-MyAccount-content form .woocommerce-address-fields input{
height: 50px;
line-height: 50px;
color: #4C596A;
font-size: 16px;
font-weight: 500;
padding: 0 15px;
width: 100%;
border-radius: 10px;
border: none;
background-color: #F1F2F4;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
color: #757575;
}
.woocommerce-MyAccount-content form .button:hover,
.woocommerce-MyAccount-content form .button:focus,
.woocommerce-MyAccount-content form .button:active{
background-color: #3E63DD !important;
}
.woocommerce-MyAccount-content form p{
padding: 0 !important;
margin: 0 !important;
}
.woocommerce-MyAccount-content .button{
font-size: 14px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 20px !important;
width: auto !important;
height: 50px !important;
border-radius: 50px !important;
text-decoration: none !important;
text-transform: uppercase !important;
color: var(--white-color) !important;
background-color: var(--blue-color) !important;
}
.woocommerce-MyAccount-content form .button{
color: var(--white-color) !important;
font-size: 16px;
font-weight: 500;
display: inline-block;
height: 55px;
padding: 0 40px;
line-height: 55px;
border-radius: 10px;
text-decoration: none;
border: none;
width: auto;
margin-bottom: 0;
letter-spacing: 0;
text-transform: none;
background-color: #3E63DD;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.logged-in .woocommerce .woocommerce-MyAccount-content .woocommerce-error{
color: #E6130F;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row{
margin-bottom: 20px !important;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row:last-of-type{
margin-bottom: 0;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm label{
display: block;
color: #252A2F;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm input{
height: 50px;
line-height: 50px;
color: #4C596A;
font-size: 16px;
font-weight: 500;
padding: 0 15px;
width: 100%;
border-radius: 10px;
border: none;
background-color: #F1F2F4;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm legend{
font-size: 24px;
font-weight: 500;
margin: 0 0 20px 0;
padding: 0;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset{
border: none;
padding: 0;
margin: 35px 0 0 0;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset .form-row{
display: block !important;
margin-bottom: 20px !important;
}
/* Checkout & Billing Page */
.woocommerce-privacy-policy-text {
padding-bottom: 15px;
}
.woocommerce-terms-and-conditions-wrapper {
margin: 15px 0;
}
.woocommerce-checkout .blockUI.blockOverlay {
opacity: 1 !important;
background: rgba(255, 255, 255, 0.5) !important;
}
.woocommerce-checkout .woocommerce-checkout-payment .blockUI.blockOverlay {
display: none !important;
}
.woocommerce-NoticeGroup-checkout {
display: none !important;
}
.woocommerce-checkout .page-content {
padding-top: 70px;
padding-bottom: 70px;
}
.woocommerce-checkout .woocommerce-error {
color: #e6130f;
padding: 0;
margin: 0;
border: none;
background-color: transparent;
}
.woocommerce-checkout .woocommerce-error strong {
font-weight: 400;
}
.woocommerce-checkout .woocommerce-error::before,
.woocommerce-checkout .woocommerce-error::after {
content: none;
}
.woocommerce-checkout .bottom-header,
.woocommerce-account .bottom-header {
border-bottom: 1px solid #c4c4c4;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
font-size: 16px;
color: #1c1c1f;
margin: 0;
border-radius: 0;
padding: 0;
background-color: transparent;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
content: none !important;
}
.woocommerce-checkout #payment div.payment_box p {
display: none;
}
.woocommerce .woocommerce-checkout h3 {
font-size: 22px;
font-weight: 500;
margin: 0 0 20px 0;
padding: 0;
}
.woocommerce .woocommerce-checkout .form-row {
margin: 0;
padding: 0 0 35px 0;
display: block;
flex-wrap: nowrap;
}
.woocommerce .woocommerce-checkout label {
color: rgba(63, 76, 90, 0.70);
display: inline-block;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
line-height: normal !important;
}
.woocommerce .woocommerce-checkout label span.required {
color: #000000;
font-size: 12px;
}
.woocommerce .woocommerce-checkout input.input-text {
height: 45px;
line-height: 45px !important;
color: #0f0f0f;
font-size: 16px;
font-weight: 400;
padding: 0 15px;
width: 100%;
border-radius: 10px;
border: none;
background-color: #F1F2F4;
}
.woocommerce .woocommerce-checkout textarea {
height: 120px !important;
color: #0f0f0f;
font-size: 16px;
font-weight: 400;
padding: 15px;
width: 100%;
resize: none;
border-radius: 10px;
border: none;
background-color: #F1F2F4;
}
.select2-container {
width: 100% !important;
}
.select2-container--default .select2-selection--single {
position: relative;
height: 45px;
line-height: 45px;
color: #0f0f0f;
font-size: 16px;
font-weight: 400;
padding: 0 15px;
width: 100%;
border-radius: 10px;
border: none;
background-color: #F1F2F4;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0;
margin: 0;
color: #0f0f0f;
line-height: 45px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #0f0f0f transparent transparent transparent;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
right: 19px;
width: auto;
height: 45px;
}
.select2-dropdown {
border: none;
border-radius: 0;
background-color: #f9f9f9;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
padding: 5px 15px;
border: none;
border-radius: 0;
background-color: #F1F2F4;
}
.select2-search--dropdown {
padding: 0 15px;
}
.select2-results__option {
font-size: 16px;
font-weight: 400;
padding: 5px 10px;
margin: 0 5px;
border-radius: 8px;
}
.woocommerce form .form-row .required {
color: var(--blue-color);
font-size: 12px;
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: #000000;
}
.woocommerce-password-strength.bad,
.woocommerce-password-strength.short {
color: var(--white-color);
font-size: 16px;
font-weight: 500;
border-radius: 8px;
margin-top: 5px;
background-color: #e6130f;
border-color: #e6130f;
}
.woocommerce-password-strength.good {
color: #1c1c1f;
font-size: 16px;
font-weight: 500;
border-radius: 8px;
margin-top: 5px;
background-color: #fede01;
border-color: #fede01;
}
.woocommerce-password-strength.strong {
color: var(--white-color);
font-size: 16px;
font-weight: 500;
border-radius: 8px;
margin-top: 5px;
background-color: #1ada43;
border-color: #1ada43;
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
top: 10px;
right: 15px;
}
.select2-container--default .select2-results__option[aria-selected='true'],
.select2-container--default .select2-results__option[data-selected='true'] {
color: var(--white-color);
background-color: #000000;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
margin: 0;
border: none;
padding: 20px;
border-radius: 10px;
border: none;
background: #F1F2F4;
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
height: 20px;
margin: 0 0 0 10px;
}
.woocommerce-checkout #payment ul.payment_methods li {
line-height: normal;
font-size: 18px;
margin-bottom: 15px;
}
.woocommerce-checkout #payment ul.payment_methods li:last-of-type {
margin-bottom: 0;
}
.woocommerce-checkout #payment ul.payment_methods li label {
cursor: pointer;
margin-bottom: 0;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
margin: 0;
border: none;
}
.woocommerce-checkout #payment ul.payment_methods li input {
cursor: pointer;
margin-right: 5px !important;
}
.woocommerce table.shop_table {
padding: 0;
border: none;
margin: 0 0 30px 0;
border-radius: 10px;
}
.woocommerce table.shop_table strong {
font-weight: 400;
}
.woocommerce table.shop_table tbody {
display: block;
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: 1px solid #e1e1e1;
}
.woocommerce table.shop_table thead {
display: none;
}
.woocommerce table.shop_table thead th {
padding: 15px 25px;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
}
.woocommerce table.shop_table tbody tr.cart_item {
display: flex;
width: 100%;
align-items: center;
margin-bottom: 15px;
}
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot label {
font-size: 16px !important;
font-weight: 500 !important;
font-style: var(--primary-font);
}
.woocommerce table.shop_table tfoot tr {
display: flex;
width: 100%;
align-items: center;
margin-bottom: 0;
justify-content: space-between;
}
.woocommerce ul#shipping_method .amount{
color: var(--gray-color);
font-weight: 600 !important;
}
.woocommerce table.shop_table tfoot .shipping-details{
color: var(--gray-color);
font-weight: 500;
margin-bottom: 20px;
}
.woocommerce table.shop_table tbody .product-name {
display: flex;
align-items: center;
padding: 0 0 0 10px;
color: var(--black-color);
font-size: 16px;
font-weight: 400;
}
.woocommerce table.shop_table tbody .product-name p {
font-size: 16px;
font-weight: 500;
color: var(--neutral-grey-60);
}
.woocommerce table.shop_table tbody .product-name strong {
color: var(--black-color);
font-size: 15px;
font-weight: 500;
}
.woocommerce table.shop_table tbody .product-total {
text-align: right;
margin-left: auto;
}
.woocommerce table.shop_table tbody .product-total span {
font-size: 16px;
font-weight: 400;
color: var(--black-color);
}
.woocommerce table.shop_table td a,
.woocommerce table.shop_table tbody th a {
color: var(--black-color);
padding: 0;
margin: 0;
text-decoration: underline;
background-color: transparent;
}
.woocommerce table.shop_table tbody .product-name {
padding-right: 0 !important;
}
.woocommerce table.shop_table td.product-thumbnail .woocommerce table.shop_table tfoot tr.cart-subtotal {
display: none;
}
.woocommerce table.shop_table tfoot tr.order-total {
position: relative;
}
.woocommerce table.shop_table tfoot tr.order-total td {
position: absolute;
top: 0;
right: 0;
}
.woocommerce table.shop_table tfoot .cart-discount td {
display: flex;
}
.woocommerce table.shop_table td.product-thumbnail{
border-radius: 12px;
text-align: center;
border: 1px solid #dedede;
background-color: #FFF;
}
.woocommerce table.shop_table td.product-thumbnail img {
padding: 0 !important;
margin: 0 !important;
object-fit: contain !important;
height: 80px !important;
width: 80px !important;
max-width: 80%;
border-radius: 15px;
object-position: center center !important;
}
.order-number,
.order-date,
.order-status {
color: var(--white-color);
background-color: #000000;
}
.woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions,
.woocommerce-orders-table thead th.woocommerce-orders-table__header-order-actions {
display: none;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th {
font-size: 16px;
font-weight: 400;
border-top: none;
padding: 0;
line-height: normal;
}
.woocommerce table.shop_table tfoot td strong {
font-weight: 500 !important;
}
.woocommerce table.shop_table tfoot th {
display: block;
font-weight: 500 !important;
margin-right: -2px !important;
}
.woocommerce table.shop_table tfoot td {
font-weight: 500 !important;
}
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
font-size: 16px;
padding: 0;
margin: 0;
border: none;
line-height: normal;
}
.woocommerce-form-coupon-toggle {
margin-bottom: 35px;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-message {
color: #1ada43;
}
.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order .woocommerce-error {
margin-bottom: 10px;
}
.woocommerce form.checkout_coupon {
padding: 25px;
margin: 0 0 25px 0;
border-radius: 10px;
border: none;
background: #f9f9f9;
}
.woocommerce form.checkout_coupon .form-row {
float: left;
width: 50%;
margin: 0;
padding: 0;
}
.woocommerce form.checkout_coupon .form-row:last-of-type {
margin: 0 0 0 20px;
width: 40%;
}
.woocommerce form.checkout_coupon p {
font-size: 16px;
color: #525252;
padding: 0;
margin: 0 0 15px 0;
line-height: 1.6;
}
.woocommerce form.checkout_coupon input {
height: 50px;
line-height: 50px;
color: #4c596a;
font-size: 16px;
font-weight: 500;
padding: 0 15px;
width: 100%;
border-radius: 10px;
border: none;
background-color: var(--white-color) !important;
}
.woocommerce form.checkout_coupon button.button {
color: var(--white-color) !important;
font-size: 16px;
font-weight: 500;
display: inline-block;
height: 50px;
padding: 0 40px;
line-height: 50px;
border-radius: 10px;
text-decoration: none;
border: none;
width: 100%;
margin-bottom: 0;
letter-spacing: 0;
text-transform: none;
background-color: var(--main-color);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.woocommerce form.checkout_coupon button.button:hover {
background-color: var(--hover-color) !important;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
color: #1c1c1f;
font-size: 18px;
border: none;
padding: 0;
display: block;
margin-bottom: 0;
border-radius: 0;
background-color: transparent;
}
.woocommerce-form-coupon-toggle .woocommerce-info a {
font-size: 18px;
color: #000000;
text-decoration: none;
}
.woocommerce-form-coupon-toggle .woocommerce-info::before,
.woocommerce-form-coupon-toggle .woocommerce-info::after {
content: none;
}
.woocommerce-checkout form.woocommerce-checkout {
padding: 0;
gap: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
}
.woocommerce-checkout form.woocommerce-checkout #customer_details {
width: 60%;
}
.woocommerce-checkout form.woocommerce-checkout #order_review {
width: 40%;
}
.woocommerce-checkout form.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout form.woocommerce-checkout .col2-set .col-2 {
padding: 0 !important;
float: none !important;
width: 100% !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-search--dropdown {
display: none !important;
}
.woocommerce-checkout form.woocommerce-checkout #checkout-radio .woocommerce-input-wrapper {
padding: 25px;
display: block;
border-radius: 8px;
background-color: #f7f8fa;
}
.woocommerce-checkout form.woocommerce-checkout #checkout-radio .woocommerce-input-wrapper input {
float: left;
}
.woocommerce-checkout form.woocommerce-checkout #checkout-radio .woocommerce-input-wrapper label {
cursor: pointer;
padding: 0;
margin: 0;
}
.woocommerce-checkout form.woocommerce-checkout input[type='radio'] {
background-color: transparent !important;
border: 1px solid #c4c4c4 !important;
border-radius: 50% !important;
cursor: pointer !important;
display: inline-block !important;
height: 18px !important;
margin-right: 5px !important;
margin-top: 0 !important;
margin-bottom: -4px !important;
margin-left: 0 !important;
position: relative !important;
width: 18px !important;
-webkit-appearance: none !important;
}
.woocommerce-checkout form.woocommerce-checkout input[type='radio']:after {
background-color: transparent;
border-radius: 25px;
content: '';
display: block;
height: 10px;
left: 3px;
position: relative;
top: 3px;
width: 10px;
}
.woocommerce-checkout form.woocommerce-checkout input[type='radio']:checked:after {
background-color: var(--blue-color) !important;
}
.woocommerce-checkout form.woocommerce-checkout input[type='file']:focus,
.woocommerce-checkout form.woocommerce-checkout input[type='radio']:focus,
.woocommerce-checkout form.woocommerce-checkout input[type='checkbox']:focus {
outline: 0;
outline-style: none;
outline-width: 0;
}
.woocommerce-checkout form.woocommerce-checkout .col2-set .woocommerce-billing-fields #billing_tip_comanda_field input {
position: absolute !important;
width: 0px !important;
height: 0px !important;
opacity: 1;
visibility: hidden;
}
.woocommerce-checkout form.woocommerce-checkout .col2-set .woocommerce-billing-fields #billing_tip_comanda_field label.radio {
cursor: pointer;
display: inline-block !important;
font-size: 14px;
font-weight: 500;
letter-spacing: 0 !important;
color: var(--main-color);
padding: 12px 20px;
margin: 0 10px 0 0 !important;
border-radius: 12px;
background-color: transparent;
border: 1.5px solid var(--main-color);
}
.woocommerce-checkout form.woocommerce-checkout .col2-set .woocommerce-billing-fields #billing_tip_comanda_field input[type='radio']:checked+label {
color: var(--white-color);
background-color: var(--main-color);
}
.woocommerce-checkout #payment div.form-row {
padding: 0;
margin: 0;
}
.woocommerce-checkout #payment div.form-row p {
color: #9e9e9e;
font-size: 16px;
font-weight: 400;
padding: 0;
margin: 0;
line-height: 1.6;
}
.woocommerce-checkout #payment div.form-row p a {
color: var(--black-color);
text-decoration: underline;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
color: var(--white-color) !important;
font-size: 14px;
font-weight: 500;
display: inline-block;
height: 50px;
padding: 0;
line-height: 50px;
border-radius: 50px;
text-decoration: none;
border: none;
width: 100%;
margin-bottom: 0;
letter-spacing: 0;
text-transform: none;
text-transform: uppercase;
background-color: var(--blue-color);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.woocommerce-invalid #terms {
outline: none;
outline-offset: 0;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #e6130f;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
border-color: #e6130f;
}
.woocommerce-billing-fields__field-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
#billing_country_field {
display: none;
}
.woocommerce-billing-fields__field-wrapper p.form-row {
padding-left: 15px !important;
padding-right: 15px !important;
float: none !important;
width: 100% !important;
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.woocommerce-checkout .woocommerce-NoticeGroup {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
ul.paynet-awailable-options.active {
display: none !important;
}
.toggle-paynet-options {
display: none !important;
}
/* Request quote */
.page-id-214 main{
margin: 70px 0;
}
.page-id-214 .woocommerce-notices-wrapper{
display: flex;
justify-content: space-between;
}
.page-id-214 .woocommerce-notices-wrapper form{
order: 1;
width: 35%;
}
.page-id-214 .woocommerce-notices-wrapper div{
width: 60%;
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row label{
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
color: var(--black-color);
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row label span.wtwraq-mandatory{
color: var(--blue-color);
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row span.woocommerce-input-wrapper input{
height: 45px;
line-height: 45px !important;
color: #0f0f0f;
font-size: 16px;
font-weight: 400;
padding: 0 15px;
width: 100%;
border-radius: 10px;
border: none;
background-color: #F1F2F4;
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row span.woocommerce-input-wrapper textarea{
height: 120px !important;
color: #0f0f0f;
font-size: 16px;
font-weight: 400;
padding: 15px;
width: 100%;
resize: none;
border-radius: 10px;
border: none;
background-color: #F1F2F4;
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row:nth-of-type(1),
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row:nth-of-type(2){
width: 50%;
width: calc(50% - 10px);
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row:nth-of-type(3),
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form p.form-row:nth-of-type(4){
width: 100%;
}
.woocommerce .woocommerce-notices-wrapper div form.wtwraq-request-quote-form input[type=submit]{
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
width: auto;
height: 50px;
border-radius: 50px;
text-decoration: none;
text-transform: uppercase;
color: var(--white-color);
background-color: var(--blue-color);
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr:last-of-type{
display: none;
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr{
display: flex;
align-items: center;
margin-bottom: 15px;
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr td.product-remove{
order: 1;
padding: 0 0 0 10px;
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr td.product-remove a{
text-decoration: none;
color: var(--blue-color) !important;
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr td.product-remove a:hover{
color: var(--hover-color) !important;
background-color: var(--blue-color);
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr td.product-name {
display: block;
padding: 0 0 0 10px;
color: var(--black-color);
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr td.product-name a{
text-decoration: none;
}
.woocommerce .woocommerce-notices-wrapper form table.wtwraq-request-quote-product-list tbody tr td.product-quantity{
min-width: auto;
margin: 0 0 0 auto;
}
/* Order Received */
.woocommerce-order-details h2.woocommerce-order-details__title,
.woocommerce-customer-details h2.woocommerce-column__title {
font-size: 22px;
font-weight: 500;
margin: 0 0 20px 0;
padding: 0;
}
.woocommerce table.shop_table td.woocommerce-table__product-name a {
pointer-events: none;
color: #1c1c1f;
text-decoration: none;
}
.woocommerce-order-received .woocommerce-thankyou-order-received {
font-size: 16px;
font-weight: 400;
color: #000000;
}
.woocommerce-order-received .woocommerce-order-details .shop_table {
padding: 25px;
border-radius: 24px;
margin-bottom: 15px;
background-color: #F1F2F4;
}
.woocommerce-order-received .woocommerce-order-details .shop_table:last-of-type {
margin-bottom: 0;
}
.woocommerce-order-received table.shop_table tbody {
border-bottom: 0;
margin-bottom: 0;
}
.woocommerce-order-received table.shop_table tbody .product-name {
padding: 0;
}
.woocommerce-order-received table.shop_table tbody tr.order_item .wc-item-meta {
display: none;
}
.woocommerce-order-received table.shop_table tbody tr.order_item td,
.woocommerce-order-received table.shop_table tbody tr.order_item th,
.woocommerce-order-received table.shop_table tbody tr.order_item strong {
font-size: 16px !important;
font-weight: 500 !important;
}
.woocommerce-order-received table.shop_table tfoot th,
.woocommerce-order-received table.shop_table tfoot td {
font-weight: 400 !important;
}
.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr {
display: flex;
padding-bottom: 10px;
align-items: center;
justify-content: space-between;
}
.woocommerce-order-received .woocommerce-order-details .woocommerce-table tbody tr:last-of-type {
margin-bottom: 0;
}
.woocommerce ul.order_details {
margin: 25px 0 25px 0;
padding: 0;
}
.woocommerce ul.order_details li {
color: var(--blue-color);
font-size: 16px;
font-weight: 500;
text-transform: none;
border: none;
padding: 20px;
border-radius: 12px;
background-color: #E9F2FF;
}
.woocommerce ul.order_details li:last-of-type {
margin-right: 0;
}
.woocommerce ul.order_details li strong {
font-size: 16px;
font-weight: 400;
color: #000000;
margin-top: 10px;
}
.woocommerce-order-received address {
font-size: 16px;
line-height: 1.7 ;
padding: 25px !important;
margin: 0 !important;
border: none !important;
border-radius: 24px !important;
background-color: #F1F2F4 !important;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
content: none;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
padding-left: 0;
}
.woocommerce-order-received .woocommerce-order {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.woocommerce-order-received .woocommerce-order p,
.woocommerce-order-received .woocommerce-order .woocommerce-notice,
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview {
font-size: 16px;
font-weight: 400;
position: relative;
width: 100%;
padding-left: 15px;
padding-right: 15px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details,
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details {
position: relative;
width: 100%;
margin: 0;
padding-left: 15px;
padding-right: 15px;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.woocommerce-order-received .woocommerce table.shop_table tbody {
padding: 0;
}
.woocommerce td.product-name dl.variation {
margin: 10px 0 0 0;
padding-left: 0;
border-left: 2px solid rgba(0, 0, 0, .1);
}
.woocommerce td.product-name dl.variation dt {
color: var(--gray-color);
font-weight: 500;
padding: 0 0 5px;
margin: 0 4px 0 0;
clear: left;
}
.woocommerce td.product-name dl.variation dd {
margin: 0;
padding: 0;
float: left;
}
.woocommerce table.shop_table tbody .product-name p {
font-size: 16px !important;
font-weight: 500;
margin: 0 0 5px 0;
line-height: normal;
}
/* Contact Page */
.contact-block-inner{
margin-bottom: 30px;
}
.contact-block-content h4 {
font-size: 24px;
font-weight: 500;
margin-bottom: 10px;
}
.contact-block-item {
margin-bottom: 30px;
}
.contact-block-item:last-of-type {
margin-bottom: 0;
}
.contact-block-content a {
font-size: 16px;
color: var(--blue-color);
text-decoration: underline;
}
.contact-block-content p {
font-size: 16px;
color: var(--gray-color);
}
.contact-map {
margin: 0 15px 12px 15px;
}
.contact-map iframe {
width: 100%;
height: 600px;
border-radius: 20px;
background-color: #F1F0ED;
}
/* Loader UI */
body.archive .blockUI.blockOverlay {
opacity: 1 !important;
background: rgba(0, 0, 0, .5) !important;
}
body.archive .blockUI.blockOverlay::before,
body.woocommerce-checkout .blockUI.blockOverlay::before {
border: 5px solid #f3f3f3 !important;
border-radius: 50% !important;
border-top: 5px solid var(--blue-color) !important;
width: 50px !important;
height: 50px !important;
background-image: none !important;
-webkit-animation: spin 2s linear infinite !important;
animation: spin 2s linear infinite !important;
background-color: transparent !important;
}
/* ============================================== */
/* ================ footer styles =============== */
/* ============================================== */
/* Footer */
.main-footer {
margin: 0 10px 10px 10px;
position: relative;
border-radius: 15px;
background-color: #151E30;
}
.footer-logo{
margin-bottom: 15px;
}
.footer-text p{
font-size: 16px;
margin-bottom: 15px;
color: var(--white-color);
}
.footer-logo svg{
height: 100px;
width: auto;
}
.footer-top {
padding-top: 70px;
padding-bottom: 70px;
}
.footer-navigation h4 {
color: var(--white-color);
font-size: 18px;
font-weight: 500;
margin-bottom: 25px;
}
.footer-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-navigation ul li {
margin-bottom: 15px;
}
.footer-navigation ul li:last-of-type {
margin-bottom: 0;
}
.footer-navigation ul li a{
color: #ffffff80;
font-size: 15px;
font-weight: 400;
text-decoration: none;
}
.footer-navigation ul li a:hover{
color: var(--white-color);
}
.footer-bottom {
padding: 20px 0;
border-top: 1px solid rgba(153, 153, 153, 0.3);
}
.footer-copyright p {
font-size: 14px;
font-weight: 400;
color: var(--white-color);
}
.footer-links {
gap: 15px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.footer-links a:first-of-type {
padding-right: 15px;
border-right: 1px solid var(--white-color);
}
.footer-links a {
font-size: 14px;
font-weight: 400;
color: #ffffff80;
text-decoration: none;
}
.footer-links a:hover {
color: var(--white-color);
}
.footer-social-block ul {
display: flex;
gap: 10px;
padding: 0;
margin: 0;
list-style: none;
justify-content: flex-start;
}
.footer-social-block ul li {
display: flex;
align-items: center;
justify-content: center;
}
.footer-social-block ul li a {
display: flex;
}
.footer-social-block ul li svg {
height: 40px;
width: 40px;
}
.footer-contact-block{
gap: 10px;
display: flex;
flex-direction: column;
}
.footer-contact-block a{
color: var(--blue-color);
font-size: 15px;
font-weight: 400;
text-decoration: underline;
}
.footer-contact-block p{
font-size: 15px;
font-weight: 400;
color: var(--white-color);
}
/* ============================================== */
/* ================ cubgaz styles =============== */
/* ============================================== */
/* info block (multiple page) */
.info-block {
position: relative;
}
.info-block-left .site-row {
flex-direction: row-reverse;
}
.info-block-content {
padding-right: 70px;
}
.info-block-left .info-block-content {
padding-right: 0;
padding-left: 70px;
}
.info-block-content .info-block-subtitle {
display: inline-flex;
background-color: var(--red-color);
border-radius: 5px;
margin-bottom: 25px;
}
.info-block-content .info-block-subtitle h5 {
font-size: 13px;
font-weight: 500;
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 0 20px;
background-color: #F3F4F6;
margin: 0 10px;
text-transform: uppercase;
}
.info-block-content h2 {
font-size: 40px;
font-weight: 500;
margin: 0 0 25px 0;
}
.info-block-content h2 em{
font-style: normal;
color: var(--red-color);
}
.info-block-content h2 em:last-of-type{
color: var(--blue-color);
}
.info-block-content .site-button a{
margin-top: 35px;
}
.info-block-content p {
margin-bottom: 15px;
color: var(--gray-color);
}
.info-block-content p:last-of-type {
margin-bottom: 0;
}
.info-block-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 25px;
object-position: center center;
}
.info-block-image {
position: relative;
height: 600px;
}
/* ============================================== */
/* ================ responsive styles =========== */
/* ============================================== */
@media (max-width: 1440px) {
.site-container {
max-width: 1300px;
}
}
/*end*/
@media (max-width: 1300px) {
.site-container {
max-width: 1200px;
}
}
/*end*/
@media (max-width: 1200px) {
.nav-logo svg{
height: 45px;
}
.nav-menu{
height: 45px;
}
.nav-tools .nav-cta .site-button a{
font-size: 13px;
}
.nav-tools .nav-lang a{
font-size: 13px;
}
.main-header{
padding: 15px 25px;
}
.hero-caption h1{
font-size: 52px;
}
.info-block-content h2,
.site-heading h2,
.program-carousel-top-side h2,
.page-bottom-cta-content h2,
.page-header-default h1,
.single-product div.product .site-product-tabs .tab-content .site-heading h3{
font-size: 36px;
}
.services-home-list{
padding-top: 35px;
}
.program-carousel .mySwiperProgram{
margin-top: 35px;
}
.home-posts{
margin-top: 35px;
}
.partners-logos-block{
margin-top: 35px;
}
.search-items-list{
padding-top: 35px;
padding-bottom: 35px;
}
.program-carousel .swiper-button-next{
right: -10px;
}
.program-carousel .swiper-button-prev{
left: -10px;
}
.footer-top{
padding-top: 35px;
padding-bottom: 35px;
}
.site-row-pt70x{
padding-top: 35px;
}
.site-row-pb70x{
padding-bottom: 35px;
}
.site-row-p70x{
padding-top: 35px;
padding-bottom: 35px;
}
.page-header-default{
padding: 100px 0 60px 0;
}
.icons-block.icons-block-second-style .icons-block-list .icon-block-col{
padding: 25px;
}
.icons-block{
padding-top: 35px;
}
.icon-block-content h4{
font-size: 22px;
}
.certificates-slider{
padding-top: 35px;
}
.services-page-content{
padding-top: 35px;
padding-bottom: 35px;
}
.services-info-block{
padding: 100px 0 60px 0;
}
.images-carousel .images-carousel-item figure{
height: 250px;
}
.shop-content-holder{
padding-top: 35px;
padding-bottom: 35px;
}
.product .product-item-image figure{
height: 250px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
padding: 15px !important;
}
.site-sidebar{
padding: 15px;
}
.site-sidebar .wcpf-checkbox-list div[data-item-key="aparate-de-aer-conditionat"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-title-container span, .site-sidebar .wcpf-checkbox-list div[data-item-key="echipamente-de-refrigerare"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-title-container span, .site-sidebar .wcpf-checkbox-list div[data-item-key="echipamente-de-tratare-a-aerului"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-title-container span, .site-sidebar .wcpf-checkbox-list div[data-item-key="grile-de-ventilatie-si-difuzoare"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-title-container span, .site-sidebar .wcpf-checkbox-list div[data-item-key="sisteme-de-automatizare"] > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-title-container span{
font-size: 16px;
}
.woocommerce nav.woocommerce-pagination ul{
margin: 35px 0 0 0;
}
.single-product .page-header-default{
padding-top: 100px;
}
.site-single-product-info{
padding-bottom: 35px;
}
.projects-page-content{
padding-top: 35px;
padding-bottom: 35px;
}
.projects-cat-nav{
padding: 0 0 35px 0;
}
.projects-info-block{
padding: 100px 0 60px 0;
}
.related.projects{
padding: 35px 0;
margin: 35px 0 35px 0;
}
.posts-page{
padding-top: 35px;
padding-bottom: 35px;
}
.posts-single-content{
padding: 35px 0;
}
.related.posts{
padding: 35px 0;
}
.posts-info-block{
padding-top: 100px;
padding-bottom: 60px;
}
}
/*end*/
@media (max-width: 1100px) {
.hero-caption{
width: 100%;
}
.hero-caption h1{
font-size: 46px;
}
.nav-menu ul li a{
font-size: 14px;
}
.nav-tools{
gap: 10px;
}
.nav-tools .nav-cta .site-button a{
padding: 0 15px;
font-size: 12px;
}
.nav-tools .nav-lang a{
font-size: 12px;
}
.nav-tools .nav-cta .site-button a svg{
height: 14px;
}
.site-button a{
font-size: 13px;
}
.services-home-image{
margin-right: 0;
}
.page-bottom-cta-image{
height: 370px;
}
}
/*end*/
@media (max-width: 1024px) {
body{
font-size: 16px;
}
.nav-cta,
.nav-menu{
display: none;
}
.nav-search a{
width: 15px;
height: 15px;
}
.search-header form input{
height: 40px;
font-size: 14px;
line-height: 40px;
}
.search-close{
top: 12px;
}
.nav-tools-mobile{
display: block;
}
.nav-logo svg{
height: 35px;
}
.main-header{
padding: 10px 20px;
}
.hero-caption h1{
font-size: 42px;
}
.info-block-content h2,
.site-heading h2,
.program-carousel-top-side h2,
.page-bottom-cta-content h2,
.page-header-default h1,
.single-product div.product .site-product-tabs .tab-content .site-heading h3{
font-size: 32px;
}
.footer-logo svg{
height: 70px;
}
.services-item-caption{
padding: 0 25px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image{
height: 450px;
}
.product-characteristic-block-left-col{
width: 40%;
}
.product-characteristic-block-right-col{
padding-left: 25px;
}
.projects-item .projects-item-caption{
padding: 20px;
}
.projects-item .projects-item-image figure{
height: 250px;
}
}
/*end*/
@media (max-width: 768px) {
.hero-video{
position: relative;
height: -moz-calc(80vh - 20px);
height: -webkit-calc(80vh - 20px);
height: -o-calc(80vh - 20px);
height: calc(80vh - 20px);
}
.info-block-content{
padding-right: 0;
}
.program-carousel-item .program-carousel-item-info{
padding: 20px;
}
.program-carousel-item .program-carousel-item-background figure{
height: 400px;
}
.program-carousel-item .program-carousel-item-info p{
font-size: 15px;
}
.home-posts .site-post .post-image figure{
height: 300px;
}
ul.marquee-content{
grid-template-columns: repeat(5, 1fr);
}
.footer-top .site-col-3,
.footer-top .site-col-2{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 35px;
}
.footer-top .site-col-offset-1{
margin-left: 0;
}
.footer-top{
padding-bottom: 0;
}
.footer-navigation h4{
margin-bottom: 15px;
}
.icons-block.icons-block-second-style .icons-block-list .icon-block-col:nth-last-of-type(2), .icons-block.icons-block-second-style .icons-block-list .icon-block-col:nth-last-of-type(1){
grid-column: auto;
}
.icons-block.icons-block-second-style .icons-block-list{
gap: 15px;
grid-template-columns: repeat(3, 1fr);
}
.certificates-slide-holder .swiper-button-prev, .certificates-slide-holder .swiper-button-next{
width: 35px;
height: 35px;
}
.certificates-slide-holder .swiper-button-prev{
left: -10px;
}
.certificates-slide-holder .swiper-button-next{
right: -10px;
}
.services-item-caption h3{
font-size: 32px;
}
.services-item-image figure{
height: 400px;
}
.icons-block.icons-block-third-style .icons-block-list{
gap: 15px;
grid-template-columns: repeat(2, 1fr);
}
.icons-block.icons-block-third-style .icons-block-list .icon-block-col:nth-of-type(1), .icons-block.icons-block-third-style .icons-block-list .icon-block-col:nth-of-type(2), .icons-block.icons-block-third-style .icons-block-list .icon-block-col:nth-of-type(3){
grid-column: auto;
}
.icons-block.icons-block-third-style .icons-block-list .icon-block-col:nth-last-of-type(2), .icons-block.icons-block-third-style .icons-block-list .icon-block-col:nth-last-of-type(1){
grid-column: auto;
}
.woocommerce ul.products, .woocommerce-page ul.products{
gap: 15px;
}
/* Mobile Sidebar */
.shop-content-holder .site-col-9{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count{
display: none;
}
.shop-content .shop-sidebar-mobile-filter{
display: block;
}
.shop-sidebar-filter-holder{
display: flex;
align-items: center;
justify-content: center;
}
.shop-sidebar-filter-holder::after{
content: '';
width: 15px;
height: 15px;
margin-left: 5px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M18 13H6c-.6 0-1-.4-1-1s.4-1 1-1h12c.6 0 1 .4 1 1s-.4 1-1 1zM15 19H9c-.6 0-1-.4-1-1s.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1zM21 7H3c-.6 0-1-.4-1-1s.4-1 1-1h18c.6 0 1 .4 1 1s-.4 1-1 1z' fill='%23000000' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.shop-content .site-sidebar{
position: fixed;
left: 0;
top: 0;
right: auto;
bottom: 0;
width: 100%;
max-width: 300px;
background-color: #ffffff;
z-index: 11;
overflow: auto;
transform: none;
border-radius: 0;
transform: translate3d(-100%,0,0);
transition: transform .4s cubic-bezier(.19,1,.22,1);
}
.site-sidebar-active{
transform: none !important;
}
body.shop-sidebar-filter-open{
overflow: hidden;
}
.shop-sidebar-filter-open .site-overlay{
opacity: 1;
visibility: visible;
}
.shop-sidebar-filter-close{
margin: 0;
display: block;
width: 20px;
height: 20px;
text-align: center;
margin-left: auto;
}
.shop-sidebar-filter-close::before,
.shop-sidebar-filter-close::after{
position: absolute;
content: ' ';
height: 20px;
width: 1px;
background-color: #000000;
}
.shop-sidebar-filter-close::before{
transform: rotate(45deg);
}
.shop-sidebar-filter-close::after{
transform: rotate(-45deg);
}
.shop-sidebar-filter-holder{
display: flex;
align-items: center;
justify-content: center;
}
.shop-sidebar-filter-holder::after{
content: '';
width: 15px;
height: 15px;
margin-left: 5px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M18 13H6c-.6 0-1-.4-1-1s.4-1 1-1h12c.6 0 1 .4 1 1s-.4 1-1 1zM15 19H9c-.6 0-1-.4-1-1s.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1zM21 7H3c-.6 0-1-.4-1-1s.4-1 1-1h18c.6 0 1 .4 1 1s-.4 1-1 1z' fill='%23000000' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.product-title h3{
font-size: 16px !important;
}
.product-description-block h3{
font-size: 20px !important;
}
.projects-page-content .projects-list,
.projects-loop{
row-gap: 15px;
column-gap: 15px;
grid-template-columns: repeat(2, 1fr);
}
.projects-cat-nav li a{
padding: 7px 15px;
font-size: 13px;
}
.projects-cat-nav{
gap: 10px;
}
.projects-info-block .info-block-holder .info-block-image{
height: 400px;
}
.projects-info-block .info-block-holder .info-block-content h1{
font-size: 32px;
}
.images-carousel .images-carousel-item figure{
height: 200px;
}
.related.projects h2{
font-size: 32px;
}
.posts-page .post-details{
padding: 0 20px;
}
.posts-page .post-title h4{
font-size: 24px;
}
.posts-info-block .info-block-holder .info-block-content h1{
font-size: 32px;
}
.related.posts .posts-loop{
gap: 15px;
grid-template-columns: repeat(2, 1fr);
}
}
/*end*/
@media (max-width: 576px) {
.info-block-holder .site-col-6,
.home-posts .site-col-4,
.footer-top .site-col-3,
.footer-top .site-col-2,
.footer-bottom .site-col-6{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.hero-caption h1{
font-size: 32px;
}
.hero-caption h1 br,
.hero-caption p br,
.site-heading p br,
.info-block-content h2 br,
.site-heading h2 br,
.program-carousel-top-side h2 br,
.page-bottom-cta-content h2 br,
.program-carousel-top-side p br{
display: none;
}
.site-button a{
height: 45px;
}
.info-block-content h2,
.site-heading h2,
.program-carousel-top-side h2,
.page-bottom-cta-content h2,
.page-header-default h1,
.single-product div.product .site-product-tabs .tab-content .site-heading h3{
font-size: 26px;
}
.info-block-image{
height: 400px;
margin-bottom: 20px;
}
.info-block-holder .site-row{
flex-direction: column-reverse;
}
.info-block-content .info-block-subtitle h5,
.site-heading h5{
font-size: 12px;
height: 35px;
padding: 0 15px;
}
.info-block-content h2{
margin: 0 0 20px 0;
}
.info-block-content .site-button a{
margin-top: 20px;
}
.program-carousel .swiper-button-prev,
.program-carousel .swiper-button-next{
display: none;
}
.program-carousel-item .program-carousel-item-background figure{
height: 350px;
}
.program-carousel-item .program-carousel-item-heading h3{
font-size: 22px;
}
.program-carousel-item .program-carousel-item-heading{
left: 20px;
}
.program-carousel-item .program-carousel-item-count{
left: 20px;
width: 30px;
height: 30px;
}
.program-carousel-item .program-carousel-item-count span{
font-size: 13px;
}
.program-carousel-item .program-carousel-item-button a{
font-size: 14px;
height: 40px;
padding: 0 10px;
}
.program-carousel-item .program-carousel-item-button a svg{
height: 12px;
}
.services-home-list-holder{
flex-direction: column;
}
.services-home-list-col{
width: 100%;
}
.services-home-image{
height: 300px;
margin-top: 20px;
}
.services-home-title-link a{
font-size: 18px;
}
.home-posts .site-post .post-image figure{
height: 250px;
}
.home-posts .site-col-4:first-of-type{
margin-bottom: 30px;
}
.home-services-block .site-heading h2{
margin-bottom: 15px;
}
.home-services-block .site-heading h2,
.home-services-block .site-heading p,
.home-services-block .site-heading.text-left{
text-align: center;
}
.home-posts .site-post .post-title h2{
font-size: 18px;
}
ul.marquee-content {
grid-template-columns: repeat(3, 1fr);
}
.marquee-content li figure img{
max-width: 65%;
}
.marquee-content li figure{
height: 70px;
}
.marquee-content li{
padding: 10px 0;
}
.page-bottom-cta-content{
max-width: 100%;
}
.page-bottom-cta-content h2 br,
.page-bottom-cta-content p br{
display: none;
}
.page-bottom-cta-content .page-bottom-cta-button{
margin-top: 20px;
}
.page-bottom-cta-content .page-bottom-cta-button a{
height: 45px;
padding: 0 25px;
}
.page-bottom-cta-image{
background-position: 100% 100%;
}
.main-footer{
text-align: center;
}
.footer-social-block ul{
justify-content: center;
}
.footer-links{
gap: 10px;
margin-top: 15px;
flex-direction: column;
}
.footer-links a:first-of-type{
border: none;
padding: 0;
}
.icons-block.icons-block-second-style .icons-block-list .icon-block-col{
padding: 20px;
}
.icons-block.icons-block-second-style .icon-block-image img{
width: 40px;
height: 40px;
}
.icon-block-content h4{
font-size: 20px;
}
.icons-block.icons-block-second-style .icons-block-list{
gap: 15px;
grid-template-columns: repeat(1, 1fr);
}
.certificates-slide-holder .swiper-button-prev, .certificates-slide-holder .swiper-button-next{
width: 35px;
height: 35px;
}
.certificates-slide-holder .swiper-button-prev{
left: -10px;
}
.certificates-slide-holder .swiper-button-next{
right: -10px;
}
.icons-block-list{
gap: 10px;
}
.page-header-default{
text-align: center;
padding: 70px 0 20px 0;
}
.services-item-caption, .services-item-image{
width: 100%;
}
.services-item{
flex-direction: column-reverse !important;
}
.services-item-caption{
padding: 0;
}
.page-header-default .page-breadcrumbs{
margin-bottom: 5px;
}
.page-header-default .page-breadcrumbs a, .page-header-default .page-breadcrumbs span{
font-size: 10px;
}
.services-item-image figure{
height: 300px;
margin-bottom: 25px;
}
.services-item-caption h3{
font-size: 26px;
}
.services-button a{
font-size: 13px;
}
.single-servicii .info-block-holder .site-row{
flex-direction: row-reverse;
}
.services-info-block .info-block-holder .info-block-image{
height: 300px;
}
.services-info-block{
padding: 70px 0 35px 0;
}
.services-info-block .info-block-holder .info-block-content h1{
font-size: 28px;
}
.services-block-form{
padding: 20px 15px;
}
.services-block-form h3{
font-size: 24px;
}
.services-contact-form input{
height: 40px;
line-height: 40px;
}
.images-carousel-holder{
gap: 10px;
grid-template-columns: repeat(2, 1fr);
}
.images-carousel .images-carousel-item figure{
height: 150px;
}
.icons-block.icons-block-third-style .icons-block-list{
grid-template-columns: repeat(1, 1fr);
}
.icons-block.icons-block-third-style .icons-block-list .icon-block-col{
padding: 20px;
}
.services-block-content{
padding: 15px;
}
.woocommerce ul.products, .woocommerce-page ul.products{
grid-template-columns: repeat(1, 1fr);
}
.woocommerce-products-header{
margin-bottom: 15px;
}
.shop-content-holder{
padding-top: 15px;
}
.woocommerce-ordering select{
font-size: 13px;
}
.woocommerce .woocommerce-ordering{
height: 35px;
padding: 0 15px;
}
.woocommerce-ordering svg{
top: 14px;
}
.product .product-item-image img{
padding: 0 !important;
}
.woocommerce div.product div.left-summary-side,
.woocommerce div.product div.summary{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
.single-product .summary .single-product-sku{
justify-content: center;
}
.woocommerce div.product div.images .flex-control-nav{
justify-content: center;
}
.woocommerce div.product div.left-summary-side{
margin-bottom: 25px;
}
.single-product .page-header-default{
padding-top: 70px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image{
height: 300px;
}
.woocommerce div.product div.images .flex-control-nav li{
width: 60px;
height: 60px;
}
.woocommerce div.product .product_title{
font-size: 28px;
}
.single-product-button a{
font-size: 13px;
height: 45px;
padding: 0 40px;
}
.single-product div.product .site-product-tabs ul.nav-tabs{
padding: 0 15px;
gap: 20px;
height: 55px;
white-space: nowrap;
overflow-x: auto;
justify-content: flex-start;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.product-block-form{
padding: 20px 15px;
}
.product-block-form h3{
font-size: 24px;
}
.product-block-close{
right: 15px;
}
.single-product div.product .site-product-tabs ul.nav-tabs li a{
font-size: 15px;
}
.product-characteristic-block-left-col{
width: 100%;
}
.product-characteristic-block-right-col{
width: 100%;
}
.product-characteristic-block-holder{
flex-direction: column;
}
.product-characteristic-block-left-col figure{
height: 250px;
}
.product-characteristic-block-right-col{
padding-left: 0;
margin-top: 25px;
}
.product-characteristic-block{
padding-bottom: 15px;
margin-bottom: 15px;
}
.product-characteristic-block-right-col h3{
font-size: 22px !important;
}
.buttons-item{
padding: 15px 0;
justify-content: center;
flex-direction: column;
}
.buttons-item-ico,
.buttons-item-title,
.buttons-item-link{
width: 100%;
justify-content: center;
}
.buttons-item-link a{
height: 40px;
padding: 0 15px;
}
.buttons-item-title{
margin: 15px 0;
}
.projects-page-content .projects-list, .projects-loop{
grid-template-columns: repeat(1, 1fr);
}
.projects-cat-nav{
white-space: nowrap;
overflow-x: auto;
justify-content: flex-start;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.projects-item .projects-item-caption{
padding: 15px;
}
.projects-item .projects-item-caption h3{
font-size: 20px;
}
.projects-item .projects-item-caption .post-link a{
padding: 0 20px;
}
.post-link a{
height: 40px;
}
.projects-item .projects-item-image figure{
height: 200px;
}
.posts-button.load-more a, .projects-button.load-more a{
height: 40px;
padding: 0 30px;
}
.projects-info-block{
padding: 70px 0 35px 0;
}
.projects-info-block .info-block-holder .site-row{
flex-direction: row-reverse;
}
.projects-info-block .info-block-holder .info-block-image{
height: 300px;
}
.projects-info-block .info-block-holder .info-block-content h1{
font-size: 28px;
}
.images-carousel-holder{
grid-template-columns: repeat(3, 1fr);
}
.images-carousel .images-carousel-item figure{
height: 100px;
}
.images-carousel .images-carousel-item figure img{
border-radius: 15px;
}
.related.projects h2{
font-size: 28px;
}
.posts-page .post-item .post-details-holder{
flex-direction: column !important;
}
.posts-page .post-image,
.posts-page .post-details{
width: 100%;
}
.posts-page .post-image figure{
height: 250px;
}
.posts-page .post-details{
padding: 15px;
}
.posts-page .post-title h4{
font-size: 20px;
}
.posts-info-block{
padding-top: 70px;
padding-bottom: 35px;
}
.posts-info-block .info-block-holder .info-block-content h1{
font-size: 24px;
}
.posts-info-block .info-block-holder .info-block-image{
height: 300px;
}
.posts-info-block .info-block-holder .site-row{
flex-direction: row-reverse;
}
.related.posts h2{
font-size: 28px;
}
.related.posts .posts-loop{
grid-template-columns: repeat(1, 1fr);
}
.posts-item .posts-item-image figure{
height: 250px;
}
.related.posts .posts-loop .posts-item .posts-item-caption{
padding: 15px;
}
.posts-item .posts-item-caption h3{
font-size: 20px;
}
.contact-page-social-block{
margin-bottom: 35px;
}
.contact-block-item{
margin-bottom: 20px;
}
.contact-block-content h4{
font-size: 20px;
}
.site-contact-form .site-col-6{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.site-contact-form-select{
margin-bottom: 20px;
}
.contact-map iframe{
height: 400px;
}
.video-block{
height: 300px;
}
.video-block{
margin-top: 20px;
}
.search-form{
width: 100%;
}
}
/*end*/