/*
Theme Name:   kristina
Description:  Official theme for kristina
Author:       hiremycode
Author URL:   https://www.hiremycode.com
Template:     technico
Version:      0.00000264
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  kristina
*/


:root {	
	--dark-color: #4c2a45;
	--bg-color: #e8e6e3;
	--red-color: #a13e1f;
}

/********************* GENERAL */
html, body {overflow-x: hidden !important}
body, .entry-content {font-family: "Montserrat", sans-serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 26px !important; letter-spacing: 0px; color: var(--dark-color); background: var(--bg-color);}
h1,h2,h3,h4,h5,h6 {font-family: "Gloock", serif; font-weight: 400 !important; letter-spacing: 0px; color: var(--dark-color)}
strong {font-weight: 600 !important}

.entry-content p > a {font-weight: 400; border-bottom: 1px solid var(--dark-color) !important; color: var(--dark-color);}
.entry-content p > a:hover {border-bottom: 1px solid var(--red-color) !important;}
.entry-content ul li {margin-bottom: 10px; color: var(--dark-color);}
.entry-content ol li {margin-bottom: 10px; color: var(--dark-color);}

.centered {text-align: center !important}

.svg-image .vc_figure {width: 100%}
.svg-image .vc_single_image-wrapper {width: 100%}

.main {padding-top: 180px !important; padding-bottom: 80px !important}


/******************* LOGO */
.site-logo {position: relative; top: 3px}
.site-logo a {margin-bottom: 0px !important}
.site-logo img {width: 90px !important}

/******************* HEADER */
.header {position: absolute; width: 100%; left: 0px; top: 0px; background: var(--bg-color); z-index: 800; }
.mast-head-wrap {padding: 15px 0px;}
.header-right {text-align: right; font-family: "Montserrat", sans-serif; font-weight: 600 !important; font-size: 15px !important; line-height: 15px !important; color: var(--dark-color); letter-spacing: 0.5px;}
.header-right .vc_btn3 .vc_btn3-icon:before {content: "" !important; position: absolute !important; display: block !important; width: 21px; height: 21px; background: url(img/arrow-right-long-solid.png); background-size: cover; left: -18px; top: -4px}
.scrollActive .header {position: fixed; background: var(--bg-color); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05) !important; }
.scrollActive .mast-head-wrap {padding: 12px 0px;}


/******************* MENU */
.nav {margin-top: 0px !important}
.nav ul {text-align: center}
.nav ul li a {font-family: "Montserrat", sans-serif; font-weight: 600 !important; font-size: 15px !important; line-height: 23px !important; color: var(--dark-color) !important; letter-spacing: 1.5px; border-bottom: 1px solid transparent !important; margin-left: 30px !important; margin-right: 30px !important;}

.nav ul li a:hover {color: var(--dark-color) !important; border-bottom: 1px solid var(--dark-color) !important}
.nav ul li.current-menu-item a {color: var(--dark-color) !important; border-bottom: 1px solid var(--dark-color) !important}


/****************** HERO ***/
.hero-title {font-size: 140px; color: var(--dark-color) !important; line-height: 160px; letter-spacing: 0px; margin-top: 0px !important}

/********************* SECTIONS ***/
.section {padding-top: 80px; padding-bottom: 80px;}
.section-title {font-size: 62px !important; line-height: 74px; color: var(--dark-color); letter-spacing: 0px; margin-top: 0px !important; margin-bottom: 30px !important}




.paintings-section {padding-top: 40px !important}


.vc_grid.vc_row.vc_grid-gutter-30px {margin-right: -30px !important}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {padding-right: 60px !important; padding-bottom: 40px !important}

.post-title h3 {font-size: 26px !important;}



.paintings-section .vc_gitem-zone-a {
  position: relative;
  transition: transform 0.4s ease;
}

.paintings-section .vc_gitem-zone-a::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(161, 62, 31, 0);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  transition: background 0.4s ease, backdrop-filter 0.4s ease, -webkit-backdrop-filter 0.4s ease;
  pointer-events: none;
}

.paintings-section .vc_pageable-slide-wrapper:has(.vc_grid-item:hover) .vc_grid-item:not(:hover) .vc_gitem-zone-a::after {
  background: rgba(161, 62, 31, 0.50);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.paintings-section .vc_pageable-slide-wrapper:has(.vc_grid-item:hover) .vc_grid-item:hover .vc_gitem-zone-a {
  transform: scale(1.03);
}



.vc_grid-filter {margin-top: 10px !important; margin-bottom: 30px !important }
.vc_grid-filter.vc_grid-filter-color-white > .vc_grid-filter-item {font-size: 15px !important; font-weight: 600 !important; letter-spacing: 1.5px; color: var(--dark-color); background: transparent !important; text-transform: uppercase !important; padding-left: 0px !important; padding-right: 0px !important;}
.vc_grid-filter.vc_grid-filter-color-white > .vc_grid-filter-item span {padding-bottom: 5px !important; margin-right: 30px !important}
.vc_grid-filter.vc_grid-filter-color-white > .vc_grid-filter-item.vc_active > span, .vc_grid-filter.vc_grid-filter-color-white > .vc_grid-filter-item:hover > span {color: var(--dark-color) !important; border-bottom: 1px solid var(--dark-color) !important;}




/*SINGLE PAINTING*/
.painting-characteristic {font-weight: 500}



/*** BUTTONS ***/
.vc_btn3 {background-image: none !important; background-color: transparent !important; font-weight: 600; color: var(--dark-color) !important; font-size: 15px !important; text-transform: uppercase !important; font-family: "Montserrat", sans-serif; letter-spacing: 1.5px; padding: 0px 30px 0px 0px !important; height: auto !important; position: relative; border: 0px !important}
.vc_btn3 .vc_btn3-icon {right: 3px !important; transition: right 0.2s ease}
.vc_btn3:hover .vc_btn3-icon {right: 0px !important; transition: right 0.2s ease}


/*** CONTACT ***/
.wpcf7-form {margin-top: 40px; margin-bottom: 60px}
.wpcf7-form label {color: var(--dark-color); font-weight: 600 !important; text-transform: none; font-size: 15px; letter-spacing: 1.5px; }
.wpcf7-form p {margin-bottom: 25px}

.wpcf7-text {border:0px; border-bottom: 1px solid var(--dark-color); padding: 0px 0px 0px 0px; background: transparent; color: var(--dark-color); margin-top: 5px; height: 50px; font-size: 18px !important; font-weight: 400 !important}

.wpcf7-textarea {border:0px; border-bottom: 1px solid var(--dark-color); padding: 15px 0px 0px 0px; background: transparent; color: var(--dark-color); resize: vertical; height: 150px; margin-top: 5px; font-size: 18px !important; font-weight: 400 !important}

.wpcf7-text:hover,.wpcf7-text:focus, .wpcf7-textarea:hover, .wpcf7-textarea:focus, .wpcf7-select:hover,.wpcf7-select:focus {border-color: var(--red-color)}


.submitbtn p {margin-bottom: 0px !important}
.wpcf7-submit {background: transparent !important; letter-spacing: 1.5px !important; font-weight: 600 !important; font-size: 15px !important; text-transform: none !important; padding: 0px !important; height: auto !important; color: var(--dark-color) !important; border: 0px; }
.wpcf7-submit:hover {background: transparent !important;}

.wpcf7-list-item {margin-left: 0px !important; margin-top: 10px !important; width: 100%}
.wpcf7-list-item a {color: var(--dark-color) !important}
.wpcf7-list-item label {margin-top: 10px; color: var(--dark-color);}
.wpcf7-list-item-label {margin-left: 5px !important}

.forconsent label {font-size: 18px; font-weight: 400 !important; color: var(--dark-color); display: inline-block; letter-spacing: 0px; width: calc(100% - 40px)}
.forconsent a {color: var(--dark-color) !important; border-bottom: 1px solid var(--dark-color);}
.forconsent .wpcf7-form-control-wrap {display: inline-block; margin-right: 15px}

.wpcf7-response-output {text-align: center; font-size: 16px !important; font-weight: 400 !important; margin-left: 0px !important; margin-right: 0px !important; padding: 10px !important}
.wpcf7 form.sent .wpcf7-response-output {background: #46b450 !important; border: 1px solid #46b450 !important; color: #ffffff !important; font-weight: 600 !important}
.wpcf7 form.invalid .wpcf7-response-output {background: #dc3232 !important; border: 1px solid #dc3232 !important; color: #ffffff !important; font-weight: 600 !important}

.wpcf7-list-item input[type="checkbox"] {-webkit-appearance: none; appearance: none; background-color: transparent; margin: 0; font: inherit; color: var(--dark-color); width: 18px; height: 18px; border: 1px solid var(--dark-color); transform: translateY(-0.075em); display: inline-grid; place-content: center;}
.wpcf7-list-item input[type="checkbox"]::before {content: ""; width: 0.65em; height: 0.65em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; background-color: var(--dark-color);}
.wpcf7-list-item input[type="checkbox"]:checked::before {transform: scale(1);}




.privacypolicy {margin-top: 40px !important}
.privacypolicy h2, .privacypolicy h3 {font-family: "Montserrat", sans-serif; font-weight: 500 !important}


/********************* 404 ***/
.error404 .error-hero {display: block; height: 100vh; text-align: center;background: var(--bg-color)}
.error404 .error-title {font-family: "Montserrat", sans-serif !important; font-weight: 500 !important; font-size: 22px; color: var(--dark-color); width: 240px; height: 150px; position: absolute; left: 50%; top: 50vh; margin-left: -120px; margin-top: -75px;}

.error404 .error-title:before {content: "404"; display: block; font-family: "Gloock", serif; font-weight: 400 !important; font-size: 100px; color: var(--dark-color); margin-bottom: 20px; line-height: 100px}

.error404 .thirdcol {display: none !important}


/********************* FOOTER */
.footer {position: relative !important; background-color: var(--red-color) !important; color: var(--bg-color) !important; font-family: "Montserrat", sans-serif; font-weight: 500 !important; font-size: 16px }
.footer-main {padding-top: 140px; padding-bottom: 80px}
.footer-main .footer-content {display: flex; flex-wrap: wrap;}

.widget {font-size: 16px !important; line-height: 23px !important; margin-bottom: 20px; font-weight: 500 !important}

.contactul {list-style-type: none; padding-left: 0px; margin-top: 0px}
.contactul li {margin-bottom: 4px}
.contactul li a {color: var(--bg-color) !important;}
.contactul li a:hover {color: var(--bg-color) !important;}

.footer .menu-item {margin-bottom: 4px}
.footer .menu-item a {color: var(--bg-color) !important; font-weight: 500 !important; font-size: 16px;}
.footer .menu-item.current_page_item a {background: transparent !important; color: var(--bg-color) !important}
.footer .menu-item.current-menu-item a {background: transparent !important; color: var(--bg-color) !important}
.footer .menu-item a:hover {color: var(--bg-color) !important}

.footer svg {width: 120px; height: auto; margin-top: -40px}
.footer svg path {fill: var(--bg-color)}
.footer img {width: 90px}

.footer-copy {border-top: 0px; padding-top: 0px; padding-bottom: 20px; font-family: "Montserrat", sans-serif; font-weight: 600 !important; font-size: 12px !important; letter-spacing: 0.5px; background: transparent; color: var(--bg-color); line-height: 32px}
.footer-copy a {color: var(--bg-color) !important}
.footer-copy a:hover {color: var(--bg-color) !important}








/****************** MIN QUERIES ***/


/****************** CONTAINER ***/
@media screen and (min-width: 300px) {
	
.container {max-width: calc(100% - 25px);}

.wide-section .text-column {padding-left: 25px !important; padding-right: 25px !important; }
.wide-section.right-text .text-column {padding-right: 25px !important; padding-left: 25px !important}

.wide-section .image-column {padding-left: 25px !important; padding-right: 25px !important}
.wide-section.right-text .image-column {padding-right: 25px !important; padding-left: 25px !important}

}

@media screen and (min-width: 400px) {
	
.container {max-width: calc(100% - 40px);}

.wide-section .text-column {padding-left: 35px !important; padding-right: 35px !important; }
.wide-section.right-text .text-column {padding-right: 30px !important; padding-left: 35px !important}

.wide-section .image-column {padding-left: 35px !important; padding-right: 35px !important}
.wide-section.right-text .image-column {padding-right: 30px !important; padding-left: 35px !important}
}

@media screen and (min-width: 650px) {
	
.container {max-width: calc(100% - 40px);}
}

@media screen and (min-width: 768px) {

.container {max-width: calc(100% - 40px);}
}


@media screen and (min-width: 850px) {

.container {max-width: calc(100% - 60px);}

.wide-section .text-column {padding-left: 45px !important; padding-right: 25px !important; }
.wide-section.right-text .text-column {padding-right: 45px !important; padding-left: 25px !important}

.wide-section .image-column {padding-left: 25px !important; padding-right: 0px !important}
.wide-section.right-text .image-column {padding-right: 25px !important; padding-left: 0px !important}

}


@media screen and (min-width: 992px) {

.container {max-width: calc(100% - 60px);}
}


@media screen and (min-width: 1100px) {

.container {max-width: calc(100% - 60px);}

.wide-section .text-column {padding-left: 45px !important; padding-right: 45px !important}
.wide-section.right-text .text-column {padding-right: 45px !important; padding-left: 45px !important}

.wide-section .image-column {padding-left: 45px !important;}
.wide-section.right-text .image-column {padding-right: 45px !important; padding-left: 0px !important}

}

@media screen and (min-width: 1200px) {

.container {max-width: calc(100% - 60px);}
}


@media screen and (min-width: 1300px) {

.container {max-width: calc(100% - 60px);}
}

@media screen and (min-width: 1400px) {

.container {max-width: 1350px;}

.wide-section .text-column {padding-left: calc((100vw - 1320px) / 2) !important; padding-right: 60px !important}
.wide-section.right-text .text-column {padding-right: calc((100vw - 1320px) / 2) !important; padding-left: 60px !important}

.wide-section .image-column {padding-left: 60px !important;}
.wide-section.right-text .image-column {padding-right: 60px !important; padding-left: 0px !important}

}

@media screen and (min-width: 1600px) {

.container {max-width: 1550px;}

.wide-section .text-column {padding-left: calc((100vw - 1520px) / 2) !important; padding-right: 60px !important}
.wide-section.right-text .text-column {padding-right: calc((100vw - 1520px) / 2) !important; padding-left: 60px !important}
}

@media screen and (min-width: 1800px) {

.container {max-width: 1750px;}

.wide-section .text-column {padding-left: calc((100vw - 1720px) / 2) !important; padding-right: 60px !important}
.wide-section.right-text .text-column {padding-right: calc((100vw - 1720px) / 2) !important; padding-left: 60px !important}
}

@media screen and (min-width: 2000px) {

.container {max-width: 1900px;}

.wide-section {width: 1900px !important; margin: 0 auto; position: relative !important; left: auto !important; right: auto !important}
.wide-section .text-column {padding-left: 15px !important; padding-right: 60px !important}
.wide-section .image-column {padding-right: 15px !important; padding-left: 60px !important}
.wide-section.right-text .text-column {padding-left: 60px !important; padding-right: 15px !important}
.wide-section.right-text .image-column {padding-left: 15px !important; padding-right: 60px !important}

}















@media screen and (max-width: 1600px) {

.hero-title {font-size: 126px; line-height: 146px}
.section-title {font-size: 58px !important; line-height: 70px}
}


@media screen and (max-width: 1400px) {

.hero-title {font-size: 112px; line-height: 132px;}



}


@media screen and (max-width: 1300px) {

body, .entry-content {font-size: 16px !important; line-height: 24px !important;}
.wpcf7-text {font-size: 16px !important;}
.wpcf7-textarea {font-size: 16px !important;}
.forconsent label {font-size: 16px;}

.hero-title {font-size: 104px; line-height: 124px;}
.section-title {font-size: 52px !important; line-height: 62px}



}

@media screen and (max-width: 1200px) {

.nav ul li a {margin-left: 20px !important; margin-right: 20px !important}

.hero-title {font-size: 96px; line-height: 116px}
.post-title h3 {font-size: 24px !important; margin-top: 25px}
.section-title {font-size: 50px !important; line-height: 60px}

.hero-description .vc_col-sm-6:first-of-type {width: 65% !important}
.hero-description .vc_col-sm-6:last-of-type {width: 35% !important}

.vc_grid.vc_row.vc_grid-gutter-30px {margin-right: -10px !important}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {padding-right: 40px !important; padding-bottom: 40px !important}

}



@media screen and (max-width: 1100px) {

.hero-title {font-size: 86px; line-height: 106px;}
.section-title {font-size: 46px !important; line-height: 56px;}


.vc_grid.vc_row.vc_grid-gutter-30px {margin-right: -20px !important}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {width: 50% !important; padding-right: 50px !important; padding-bottom: 40px !important}

.painting-characteristic {margin-bottom: 5px !important}
.related-section .vc_col-sm-4:last-of-type {display: none !important}

.footer-main {padding-top: 120px}
.footer-copy {font-size: 11px !important}
}


@media screen and (max-width: 992px) {

/*body, .entry-content {font-size: 16px !important; line-height: 22px !important;}
.wpcf7-text {font-size: 16px !important;}
.wpcf7-textarea {font-size: 16px !important;}
.wpcf7-select {font-size: 16px !important;}
.forconsent label {font-size: 16px;}*/


.firstcol {width: 150px !important}
.secondcol {width: 40px !important; position: absolute; right: 15px}
.thirdcol {width: 100px !important; position: absolute; right: 90px}

.main {padding-top: 160px !important; padding-bottom: 60px !important}

.section {padding-top: 60px !important; padding-bottom: 60px !important}
.wide-section.vc_row.vc_row-flex.vc_row-o-content-middle {align-items:flex-start !important}
.hero-description .vc_col-sm-6:first-of-type {width: 70% !important}
.hero-description .vc_col-sm-6:last-of-type {width: 30% !important}


/****************** TITLES ***/
.hero-title {font-size: 72px; line-height: 92px}
.section-title {font-size: 42px !important; line-height: 52px}

/****************** CONTACT ***/
.wpcf7-form {margin-right: 15px !important; margin-left: 15px !important; margin-top: 40px !important}


/****************** MENU ***/
.mobile-menu-trigger {position: relative; font-size: 0px !important; float: left; width: 50px; height: 50px; display: flex !important; align-items: center; background: transparent; cursor: pointer}
#mobilemenu {display: block !important; text-align: left; color: var(--dark-color); z-index: 600; height: 100% !important; background: transparent; font-family: "Montserrat", sans-serif; font-weight: 400 !important;}

.fa-navicon {position:absolute;display:block;background-color:var(--dark-color);height:2px;top:16px;left:0px;width:36px;} 
.fa-navicon::before,.fa-navicon::after {content:"";position:absolute;display:block;background-color:var(--dark-color);height:2px;width:36px;} 
.fa-navicon::before {top:8px;} 
.fa-navicon::after {top:16px;} 

.mm-menu {max-width: 300px;}
.mm-opened #mobilemenu {background-color: var(--red-color); box-shadow: -12px 0 25px -10px rgba(0,0,0,0.08) !important;}
.mm-menu.mm-top {max-height: 100%; }
.mm-navbar {background: transparent !important; border-bottom: 0px !important; }
.mm-navbar .mm-title {display: none}
.mm-close {top: 0px !important; right: 2px !important; width: auto !important; color: var(--bg-color) !important; text-transform: uppercase; font-size: 0px; letter-spacing: 0.5px}

.mm-close::after {content: ""; width: 36px; height: 36px; background: url(img/close.png); background-size: cover; background-position: center center; display: block; margin-left: 15px; margin-top: 25px}
.mm-panels {background: transparent}
.mm-listview {height: 90%;display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 120px 30px 30px 30px}

.mm-listview > li > a, .mm-listview > li > span {white-space: initial}
.mm-listview li a {font-family: "Montserrat", sans-serif; font-weight: 500 !important; font-size: 15px; line-height: 23px; padding: 0px; color: var(--bg-color) !important; letter-spacing: 1.5px; margin-bottom: 10px; border-bottom: 1px solid transparent; text-transform: uppercase}
.mm-listview li.current-menu-item a {color: var(--bg-color) !important; border-bottom: 1px solid var(--bg-color)}
.mm-listview li:hover a {color: var(--bg-color) !important; border-bottom: 1px solid var(--bg-color)}

.mm-listview li a:active {background: transparent !important}
.mm-listview li a:focus {background: transparent !important}
.mm-listview > li:not(.mm-divider)::after {content: none}

.mm-menu .mm-listview > li a:not(.mm-next) {-webkit-tap-highlight-color: transparent; tap-highlight-color: transparent;}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {background: transparent;}

.mm-opened .fa-navicon {display: none}
.mm-panel.mm-subopened {opacity: 0 !important}

.mm-prev {top: 20px !important; left: 10px !important}
.mm-prev::after {content:""; width: 44px; height: 44px; background: url(img/back.png); background-size: cover; background-position: center center; display: block }
.mm-prev::before {display: none}

.mm-next {right: -70px !important; width: 350px !important;}
.mm-next:before {border: 0px !important}
.mm-next:after {content: ""; border: 0px !important; transform: none !important; width: 32px !important; height: 32px !important; top: -1px !important; background: url(img/right.png); background-size: cover !important; background-position: center center; display: block}
.mm-next:hover + a {color: var(--bg-color) !important}

.menu-item-has-children a {margin-right: 0px !important}
.menu-item-has-children a:hover {border: 0px !important}




/****************** FOOTER ***/
.footer-col:first-child {width: 25% !important}
.footer-col:nth-child(2) {width: 25% !important}
.footer-col:nth-child(3) {width: 30% !important}
.footer-col:nth-child(4) {width: 20% !important}


}


@media screen and (max-width: 849px) {

.main {padding-top: 150px !important; padding-bottom: 40px !important}

.wide-section .vc_col-sm-6 {width: 100% !important}
.wide-section .vc_col-sm-push-6 {left: 0px !important}
.wide-section .vc_col-sm-pull-6 {right: 0px !important}

.hero-title {font-size: 67px; line-height: 80px}

.hero-description .vc_col-sm-6:first-of-type {width: 100% !important}
.hero-description .vc_col-sm-6:last-of-type {display: none !important}

.paintings-section {padding-top: 20px !important}

.vc_grid.vc_row.vc_grid-gutter-30px {margin-right: -10px !important}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {width: 50% !important; padding-right: 40px !important; padding-bottom: 40px !important}

.vc_grid-filter.vc_grid-filter-color-white > .vc_grid-filter-item {font-size: 14px !important}
.vc_grid-filter.vc_grid-filter-color-white > .vc_grid-filter-item span {margin-right: 25px !important}

}

@media screen and (max-width: 768px) {

.vc_grid-styled-select {width: 100% !important; height: 50px !important; border: 0px !important; padding-right: 0px !important; margin-bottom: 20px !important; }
.vc_grid-filter-select .vc_grid-styled-select select {border: 0px; border-bottom: 1px solid var(--dark-color) !important; padding-left: 0px !important; padding-right: 0px !important; background-position: right center !important; text-transform: uppercase;font-family: "Montserrat", sans-serif !important; font-weight: 600 !important; color: var(--dark-color); height: 48px !important; font-size: 14px !important; letter-spacing: 1.5px !important; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: 10px !important; background-color: var(--bg-color) !important}

.vc_grid-filter-dropdown .vc_grid-styled-select .vc_arrow-icon-navicon, .vc_grid-filter-select .vc_grid-styled-select .vc_arrow-icon-navicon {display: none !important}

}



@media screen and (max-width: 767px) {


.vc_grid.vc_row.vc_grid-gutter-30px {margin-right: 0px !important}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {width: 50% !important; float: left; padding-right: 30px !important; padding-bottom: 40px !important}


.footer-col:first-child {width: 50% !important; margin-bottom: 40px !important}
.footer-col:nth-child(2) {width: 50% !important; margin-bottom: 40px !important}
.footer-col:nth-child(3) {width: 50% !important}
.footer-col:nth-child(4) {width: 50% !important}

.footer-copy {font-size: 11px !important; line-height: 20px !important}
.footer-copy .text-right {text-align: left !important}

}


@media screen and (max-width: 650px) {

.hero-title {font-size: 64px; line-height: 76px}
.section-title {font-size: 40px !important; line-height: 50px}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {width: 100% !important;}
}


@media screen and (max-width: 543px) {

.main {padding-top: 140px !important; padding-bottom: 40px !important}

.site-logo img {width: 80px !important}
.footer img {width: 80px}

.hero-title {font-size: 54px; line-height: 64px}

}


@media screen and (max-width: 480px) {

.section-title {font-size: 36px !important; line-height: 46px}


.footer-col:first-child {width: 100% !important; margin-bottom: 30px !important; }
.footer-col:nth-child(2) {width: 100% !important; margin-bottom: 30px !important}
.footer-col:nth-child(3) {width: 100% !important; margin-bottom: 30px !important}
.footer-col:nth-child(4) {width: 100% !important; margin-bottom: 0px !important}


}