/**
 * Theme Name:     argyropoulou
 * Author:         Hiremycode
 * Template:       technico
 * Text Domain:	   argyropoulou
 * Description:    Official theme for Katerina Argyropoulou Law
 * Version:   	   0.000365
 */

:root {	
	--dark-color: #0E111A;
	--brown-color: #B8967E;
	--dark-brown-color: #947965;
}

/****************** GENERAL ***/
body, html {overflow-x: hidden !important;}
body {background: var(--dark-color) !important}
body, .entry-content {font-family: "Geologica"; font-weight: 200 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 0px}
h1,h2,h3,h4,h5,h6 {font-family: "Tinos", serif; font-weight: 400 !important; letter-spacing: 0.5px !important}
.entry-content p > a {color: var(--brown-color); border-bottom: 0px !important; font-family: "Geologica"; font-weight: 400 !important;}
.entry-content strong {font-family: "Geologica"; font-weight: 400 !important;}
.nodesktop {display: none !important}

.espa {position: absolute; width: 300px; bottom: 30px; left: 30px}

.main {padding-top: 0px !important; padding-bottom: 0px !important; background: #ffffff !important}

.centered {text-align: center}

.witheffect img {border-top-left-radius: 60px !important; border-bottom-right-radius: 60px !important}



/****************** MENU ***/
.nav {margin-top: 0px !important; display: inline-block}
.nav li a {text-transform: uppercase; font-family: "Geologica"; font-weight: 400 !important; font-size: 14px; color: #ffffff !important; letter-spacing: 0.5px; margin-right: 15px !important; margin-left: 15px !important; border-bottom: 0px !important; position: relative}
.nav li a:hover {color: var(--brown-color) !important}
.nav li.current-menu-item a  {color: var(--brown-color) !important}



/****************** BUTTONS ***/
.vc_btn3 {background-image: none !important; letter-spacing: 0.5px !important; font-family: "Geologica"; font-weight: 400 !important; font-size: 14px !important; text-transform: none !important; padding: 10px 20px 10px 20px !important; height: auto; border-top-left-radius: 8px !important; border-bottom-right-radius: 8px !important; }
.vc_btn3:hover {border-radius: 0px !important;}

.floated-button {position: absolute; right: 30px; top: 35px}


/****************** HERO ***/
.hero {height: 100vh !important; background-size: cover !important; background-position: center center !important; background-color: var(--dark-color) !important; margin-bottom: 0px !important}
.hero-title {font-size: 78px; letter-spacing: 0px; color: #ffffff; margin-top: 10px !important; margin-bottom: 20px !important; line-height: 88px}
.hero-hypertitle {color: var(--brown-color); font-family: "Geologica"; font-weight: 500 !important; position: relative; font-size: 17px; letter-spacing: 0.5px}
.hero-text {color: #ffffff; padding-right: 100px}
.hero-text ul {margin-top: 0px !important}

.small-hero {background: var(--dark-color); padding-top: 180px; padding-bottom: 60px; position: relative}
.small-hero .hero-title {font-size: 58px; line-height: 68px}
.small-hero .hero-text {padding-top: 50px; padding-left: 20px; padding-right: 0px}
.small-hero:before {content: "" !important; position: absolute !important; display: block !important; left: 0px; top: 0px; width: 50%; height: 100%; border-right: 1px solid #ffffff}


/****************** HEADER ***/
.pre-head {background: var(--dark-color) !important; border-bottom: 1px solid #ffffff; padding-left: 15px !important; padding-right: 15px !important; font-family: "Geologica"; font-weight: 400 !important; font-size: 13px}
.home .pre-head {background: transparent !important}
.preheader-left {text-align: left}
.preheader-right {text-align: right}
.header {position: absolute; width: 100%; top: 0px; z-index: 100; background: var(--dark-color) !important; border-bottom: 1px solid #ffffff; transition: all 0.5s ease}
.home .header {background: transparent !important}
.mast-head-wrap {padding: 0px !important}
.site-logo a {margin-bottom: 0px; color: #ffffff !important}


.firstcol {width: 350px !important; padding-top: 20px; padding-bottom: 20px; border-right: 1px solid #ffffff}
.secondcol {width: calc(100% - 700px) !important; padding-top: 20px; padding-bottom: 20px; text-align: center}
.thirdcol {width: 350px !important; padding-top: 20px; padding-bottom: 20px; text-align: right; color: #ffffff; font-family: "Geologica"; font-weight: 400 !important; font-size: 15px; letter-spacing: 0.5px}



/****************** SECTIONS ***/
.section {padding-top: 80px; padding-bottom: 80px;}
.about-section {padding-top: 100px; padding-bottom: 100px;}
.section-title {font-size: 58px; letter-spacing: 0px; color: var(--dark-color); line-height: 64px; margin-top: 0px !important; margin-bottom: 60px !important; position: relative}
.section-title:after {content: "" !important; position: absolute !important; display: block !important; width: 200px; height: 2px; left: 0px; bottom: -30px; background: var(--brown-color);}
.section-hypertitle {color: var(--dark-color); font-family: "Geologica"; font-weight: 400 !important; position: relative; font-size: 15px; letter-spacing: 0.5px}

.section-title.no-border {margin-bottom: 30px !important}
.section-title.no-border:after {display: none !important}


.quote-section {font-style: italic; font-size: 17px; line-height: 22px; padding-left: 50px; position: relative}
.quote-section:before {content: "" !important; position: absolute !important; display: block !important; left: 0px; top: 0px; width: 32px; height: 30px; background: url(img/quote.png); background-size: cover}


.grey-section {background: #f5f5f5;}


.teasers-section {background: url(img/law-bg.jpg); background-position: right bottom; background-repeat: no-repeat; background-size: contain}
.teaser-column > .vc_column-inner > .wpb_wrapper {background: #ffffff; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);  }

.teaser-title {background: var(--dark-color); margin-bottom: 0px !important; padding-left: 40px; padding-right: 40px; padding-bottom: 35px; padding-top: 130px; color: #ffffff; font-size: 30px; position: relative; border-bottom-right-radius: 20px }

.teaser-text {padding-left: 40px; padding-right: 40px; padding-bottom: 40px; padding-top: 40px; min-height: 160px}


.astiko-dikaio:before {content: "" !important; position: absolute !important; display: block !important; width: 100px; height: 74px; background: url(/wp-content/uploads/2024/03/astiko-icon.png); background-size: contain; background-repeat: no-repeat; bottom: 85px }
.poiniko-dikaio:before {content: "" !important; position: absolute !important; display: block !important; width: 100px; height: 74px; background: url(/wp-content/uploads/2024/03/poiniko-icon.png); background-size: contain; background-repeat: no-repeat; bottom: 90px }
.dioikhtiko-dikaio:before {content: "" !important; position: absolute !important; display: block !important; width: 100px; height: 74px; background: url(/wp-content/uploads/2024/03/dioikhtiko-icon.png); background-size: contain; background-repeat: no-repeat; bottom: 90px }



/****************** SERVICES PAGE ***/
.service-section {margin-bottom: 60px !important}
.service-section:last-child {margin-bottom: 0px !important}
.service-icon img {width: 50% !important}
.service-title {font-size: 30px; margin-top: 15px !important; margin-bottom: 15px !important}


/****************** CONTACT ***/
.wpcf7-form label {color: var(--dark-color); font-family: "Geologica"; font-weight: 400 !important; text-transform: none; font-size: 14px; letter-spacing: 0.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: 14px;}

.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: 14px;}
.wpcf7-text:hover,.wpcf7-text:focus, .wpcf7-textarea:hover, .wpcf7-textarea:focus, .wpcf7-select:hover,.wpcf7-select:focus {border-color: var(--brown-color)}

.submitbtn p {margin-bottom: 0px !important}
.wpcf7-submit {background: var(--brown-color) !important; letter-spacing: 0.5px !important; font-family: "Geologica" !important; font-weight: 400 !important; font-size: 13px !important; text-transform: none !important; padding: 10px 20px 10px 20px !important; height: auto; border-top-left-radius: 8px !important; border-bottom-right-radius: 8px !important; color: var(--dark-color) !important; border: 2px solid var(--brown-color) !important; transition: all 0.5s ease !important}
.wpcf7-submit:hover {border-radius: 0px !important; color: var(--dark-color) !important; transition: all 0.5s ease !important}

.wpcf7-list-item {margin-left: 0px !important; margin-top: 10px !important; width: 100%}
.wpcf7-list-item a {font-family: "Geologica"; font-weight: 400 !important; color: var(--dark-color) !important}
.wpcf7-list-item label {font-size: 14px; font-family: "Geologica"; font-weight: 200 !important; margin-top: 10px; color: var(--dark-color);}
.wpcf7-list-item-label {margin-left: 5px !important}

.forconsent label {font-size: 14px;font-family: "Geologica"; font-weight: 200 !important; color: var(--dark-color); display: inline-block; letter-spacing: 0px; width: calc(100% - 40px)}
.forconsent a {font-family: "Geologica"; font-weight: 400 !important; color: var(--dark-color) !important;}
.forconsent .wpcf7-form-control-wrap {display: inline-block; margin-right: 15px}

.wpcf7-response-output {text-align: center; font-size: 14px !important; font-family: "Geologica"; 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: 400 !important}
.wpcf7 form.invalid .wpcf7-response-output {background: #dc3232 !important; border: 1px solid #dc3232 !important; color: #ffffff !important; font-weight: 400 !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);}



/****************** PRIVACY POLICY ***/
.privacy-section {padding-top: 40px !important; padding-bottom: 60px}
.privacy-section a {color: var(--dark-color) !important; border-bottom: 1px solid var(--brown-color) !important}



/****************** 404 ***/
.error404 .error-hero {display: block; height: 100vh; text-align: center; background: transparent; position: relative}
.error404 .error-title {font-family: "Geologica"; font-weight: 400 !important; font-size: 18px; color: #ffffff; 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: "Geologica"; font-weight: 500 !important; font-size: 100px; color: var(--brown-color); margin-bottom: 20px; line-height: 100px}



/*COOKIES*/
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {background: var(--dark-color) !important}
.moove-gdpr-info-bar-container {padding: 9px 40px !important}
.mgbutton {padding: 8px 10px !important; letter-spacing: 0.5px !important; font-family: "Geologica"; font-weight: 400 !important; color: #ffffff !important; background: transparent !important; border: 0px !important}
.mgbutton:hover {background: transparent !important; color: var(--brown-color) !important}
.mgbutton.moove-gdpr-infobar-settings-btn {background:transparent !important; color: #ffffff !important; box-shadow: none !important; opacity: 1 !important}
.mgbutton.moove-gdpr-infobar-settings-btn:hover {background: transparent !important; color: var(--brown-color) !important}
.moove_gdpr_text {font-family: "Geologica"; font-weight: 200 !important;}

.gdpr_lightbox {background: rgba(0, 0, 0, 0.9) !important}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img {max-width: 63% !important}
.moove-gdpr-modal-right-content, .moove-gdpr-modal-footer-content {background: #ffffff !important}
.moove-gdpr-modal-left-content {box-shadow: none !important; background: var(--dark-color) !important; border-right: 0px}
.moove-gdpr-modal-footer-content .mgbutton {background: var(--brown-color) !important; color: var(--dark-color) !important; border: 1px solid var(--brown-color) !important; border-radius: 0px !important; border-top-left-radius: 8px !important; border-bottom-right-radius: 8px !important; font-family: "Geologica"; font-weight: 400 !important; transition: all 0.5s ease}
.moove-gdpr-modal-footer-content .mgbutton:hover {background: var(--brown-color) !important; border-top-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transition: all 0.5s ease}

#moove-gdpr-menu li {margin-bottom: 0px !important}
#moove-gdpr-menu li button {background: transparent !important; font-family: "Geologica"; font-weight: 400 !important; color: #ffffff !important; border: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important}
#moove-gdpr-menu li.menu-item-selected button {color: var(--brown-color) !important}
.icon-3rd-party {height: 26px !important; position: relative; left: 4px}
.icon-strict-necessary {height: 26px !important; position: relative; left: 2px; top: 1px}
.moove-gdpr-branding {display: none !important; color: #ffffff !important}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_text {font-family: "Geologica"; font-weight: 400 !important;}
#moove_gdpr_save_popup_settings_button {background: var(--brown-color) !important; color: var(--dark-color) !important; font-family: "Geologica"; font-weight: 400 !important;}
#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon {background: var(--brown-color) !important}
#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon svg {height: 23px !important; margin-left: -1px}




/****************** FOOTER ***/
.footer {position: relative !important; background-color: var(--dark-color) !important; color: #ffffff; font-family: "Geologica"; font-weight: 400 !important; font-size: 14px }
.footer-main {padding-top: 120px; padding-bottom: 60px}
.footer-main .footer-content {display: flex; flex-wrap: wrap;}

.footer .widget {font-size: 14px !important}
.footer .widget-title {font-size: 20px; border-bottom: 0px; position: relative; color: #ffffff; text-transform: uppercase}
.footer img {width: 222px !important; margin-top: -8px}

.contactul {list-style-type: none; padding-left: 0px; margin: 20px 0 0 0}
.contactul li {margin-bottom: 6px; font-size: 14px; padding-left: 0px; letter-spacing: 0.5px; position: relative}
.contactul li a {color: #ffffff !important}

.footer .contactul {margin: 0px;}
.footer .contactul li {margin-bottom: 0px; font-family: "Geologica"; font-weight: 400 !important;}
.footer .contactul li a {color: #ffffff !important;}

.footer .menu-item a {color: #ffffff !important; font-size: 14px; font-family: "Geologica"; font-weight: 400 !important; position: relative; letter-spacing: 0.5px}
.footer .menu-item a:hover {color: var(--brown-color) !important;}
.footer .menu-item.current_page_item a {background: transparent !important; color: var(--brown-color) !important;}
.footer .menu-item.current-menu-item a {background: transparent !important; color: var(--brown-color) !important;}

.social-icon {background: transparent !important; color: var(--brown-color) !important; width: 32px !important; height: 26px !important; font-size: 21px; line-height: 26px; text-align: left !important;}
.social-icon .fa-facebook:before {font-size: 18px; position: relative; top: -1px}
.social-icon:hover {color: var(--brown-color) !important}


.footer-copy {border-top: 1px solid #ffffff; padding-top: 20px; padding-bottom: 20px; font-family: "Geologica"; font-weight: 400 !important; font-size: 12px !important; letter-spacing: 0.5px; background: transparent; color: #ffffff; line-height: 26px}
.footer-copy a {color: #ffffff !important}
.footer-copy a:hover {color: var(--brown-color) !important;}







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

}


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

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

}

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

.container {max-width: 800px}


}

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

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

}



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

/***************** CONTAINER WIDTH */
.container {max-width: 1200px}

}


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

/***************** CONTAINER WIDTH */
.container {max-width: 1300px}

}


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

/***************** CONTAINER WIDTH */
.container {max-width: 1400px}

}


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

/***************** CONTAINER WIDTH */
.container {max-width: 1500px}

}


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


.hero-title {font-size: 66px; line-height: 74px}


}


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


.hero-title {font-size: 62px; line-height: 72px}


}



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


.firstcol {width: 300px !important;}
.secondcol {width: calc(100% - 600px) !important;}
.thirdcol {width: 300px !important;}


.hero-title {font-size: 58px; line-height: 68px}
.section-title {font-size: 50px; line-height: 58px}
.teaser-title {font-size: 26px}
.small-hero .hero-title {font-size: 50px; line-height: 58px}
.service-title {font-size: 26px}

}


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


.nodesktop {display: block !important}
.firstcol {width: 300px !important;}
.secondcol {width: calc(100% - 300px) !important; text-align: right}
.thirdcol {display: none !important;}
.nav li a:last-child {margin-right: 0px !important}


.hero-left-column {width: 60% !important}
.hero-right-column {display: none !important}
}


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


.hero-title {font-size: 58px; line-height: 68px}
.section {padding-top: 60px; padding-bottom: 60px}
.about-section {padding-top: 80px; padding-bottom: 80px}

.section-title {font-size: 44px; line-height: 52px}
.teaser-title {font-size: 24px}
.small-hero {padding-top: 170px; padding-bottom: 20px}
.small-hero .hero-title {font-size: 44px; line-height: 52px}
.small-hero .hero-text {padding-top: 45px}
.service-title {font-size: 24px}

.floated-button {top: 25px}
.teaser-title {padding-left: 30px; padding-right: 30px; padding-bottom: 30px; padding-top: 125px;}
.teaser-text {padding-left: 30px; padding-right: 30px; padding-bottom: 30px; padding-top: 30px; margin-bottom: 20px !important}

.poiniko-dikaio:before {bottom: 80px;}
.dioikhtiko-dikaio:before {bottom: 80px;}
.astiko-dikaio:before {bottom: 80px;}

.quote-section {font-size: 16px; line-height: 20px}

.footer-main {padding-top: 80px; padding-bottom: 20px}
.footer img {width: 200px !important}


}


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

.nomobile {display: none !important}
.pre-head {padding-left: 20px !important; padding-right: 20px !important}
.mast-head {padding-left: 20px; padding-right: 20px}

.hero {height: 700px !important}

.nav {display: none !important}
.mobile-menu-trigger {display: block !important; font-size: 0px !important}
#mobilemenu {display: block !important; text-align: center; color: #ffffff; z-index: 600; height: 100% !important; background: transparent;font-family: "Geologica"; font-weight: 400 !important;}

.fa-navicon:before {content:""; width: 32px; height: 32px; background: url(img/open-menu.png); background-size: cover; background-position: center center; display: block;}

.mm-opened #mobilemenu {background: var(--dark-color);}
.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: 10px !important; right: 20px !important; width: auto !important; color: #ffffff !important; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px}

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

.mm-listview > li > a, .mm-listview > li > span {white-space: initial}
.mm-listview li a {font-family: "Geologica"; font-weight: 400 !important; font-size: 24px; line-height: 30px; padding: 0px; color: #ffffff !important; letter-spacing: 0.5px; margin-bottom: 10px; text-transform: uppercase}
.mm-listview li.current-menu-item a {color: var(--brown-color) !important}
.mm-listview li:hover a {color: var(--brown-color) !important}

.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.1 !important}

.mm-prev {top: 25px !important; left: 0px !important}
.mm-prev::after {content:""; width: 32px; height: 32px; background: url(img/left.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: #ffffff !important}

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






.hero-title {font-size: 46px; line-height: 52px}
.section {padding-top: 60px; padding-bottom: 60px}
.about-section {padding-top: 60px;}

.section-title {font-size: 34px; line-height: 40px}
.teaser-title {font-size: 24px}
.small-hero {padding-top: 170px; padding-bottom: 20px}
.small-hero::before {content: none !important;}
.small-hero .hero-title {font-size: 46px; line-height: 52px; margin-bottom: 0px !important}
.small-hero .hero-text {padding-top: 0px; padding-left: 0px}
.service-title {font-size: 24px}

.floated-button {top: 20px}


.teasers-section {background-size: 380px; background-position: 100% 140%}
.teasers-section .vc_col-sm-4 {width: 50% !important}
.teaser-title {padding-left: 30px; padding-right: 30px; padding-bottom: 30px; padding-top: 125px;}
.teaser-text {padding-left: 30px; padding-right: 30px; padding-bottom: 30px; padding-top: 30px; margin-bottom: 20px !important}














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




.wpcf7-form {padding-right: 15px !important; padding-left: 15px !important; margin-top: 0px !important;}

}




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

.pre-head {padding-left: 15px !important; padding-right: 15px !important}

.mast-head {padding-left: 15px; padding-right: 15px}

.hero-left-column {width: 75% !important}



.floated-button {top: 20px !important}

.teasers-section .vc_col-sm-4 {float: left}



.footer-copy, .footer-copy .text-right {text-align: left !important}
}



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

/*COOKIES*/
.moove-gdpr-cookie-notice {margin-bottom: 0px !important; text-align: center !important}
.moove-gdpr-button-holder {text-align: center !important; display: inherit !important}
.moove-gdpr-info-bar-container {padding: 15px 20px 0px 20px !important}
.moove-gdpr-modal-left-content {padding-top: 20px !important}
.moove-gdpr-modal-right-content {padding: 25px 25px !important}

.moove-gdpr-company-logo-holder {text-align: center !important}
.moove-gdpr-company-logo-holder img {max-height: 60px !important}

.icon-3rd-party {height: 23px !important; position: relative; left: 0px}
.icon-strict-necessary {height: 25px !important; position: relative; left: 0px; top: 0px}
}


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

.pre-head {display: none !important}

.hero {height: 650px !important}
.hero-left-column {width: 100% !important}

.small-hero {padding-top: 140px}

.teasers-section {padding-top: 40px; padding-bottom: 120px !important; background: transparent !important}
.teasers-section .vc_col-sm-4 {width: 100% !important}
.teaser-title {margin-top: 10px !important; }
.teaser-text {min-height: auto}
.floated-button {top: auto !important; bottom: -40px !important; right: auto !important}

}





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

.hero {height: 600px !important}
.hero-title {font-size: 42px; line-height: 48px}
.hero-text {padding-right: 0px !important}

.section-title {font-size: 29px; line-height: 36px}
.teasers-section {padding-top: 40px !important}
.teaser-title {font-size: 24px}
.small-hero .hero-title {font-size: 42px; line-height: 48px;}
.service-title {font-size: 24px}




.footer-main, .footer-copy {padding-left: 15px !important; padding-right: 15px !important}
.footer #media_image-2 {display: none !important}
}


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

.firstcol {width: 240px !important;}
.secondcol {width: calc(100% - 240px) !important; text-align: right}
.header img.custom-logo {width: 180px !important}

.mm-listview li a {font-size: 22px; line-height: 28px}


.hero-title {font-size: 36px; line-height: 40px}
.small-hero .hero-title {font-size: 36px; line-height: 40px;}


}


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


.hero-title {font-size: 34px; line-height: 38px}

.section-title {font-size: 29px; line-height: 36px}
.teaser-title {font-size: 24px}
.small-hero .hero-title {font-size: 34px; line-height: 38px;}
.service-title {font-size: 24px}


.about-section {padding-top: 50px !important}


}