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

:root {	
	--dark-color: #2C2C2C;
	--grey-color: #E7E9EB;
	--red-color: #FF6F61;
	--green-color: #349196;
	--dark-green-color: #25676B;
}

/****************** GENERAL ***/
html, body {overflow-x: hidden !important}
body, .entry-content {font-family: "Montserrat", serif; font-weight: 500 !important; font-size: 16px !important; line-height: 24px !important; color: var(--dark-color); letter-spacing: 0px }
h1,h2,h3,h4,h5,h6 {font-family: "Montserrat Alternates", serif; font-weight: 900 !important; letter-spacing: 0px; color: var(--dark-color)}
strong {font-weight: 600 !important}

.site-logo a {margin-bottom: 0px !important; position: relative;}

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

.centered {text-align: center !important}

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

.withshadow {position: relative}
.withshadow img {position: relative}
.withshadow:before {content: "" !important; position: absolute !important; display: block; width: 100% !important; height: 100% !important; background: var(--red-color); top: 20px; left: 20px; border-radius: 32px}
.withradius img {border-radius: 32px;}

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

.withicon {position: relative; padding-left: 30px; }
.withicon:before {content: "\f05d" !important; position: absolute !important; display: block !important; font-family: fontawesome; left: 0px; font-weight: 400 !important; top: -1}

/****************** BUTTONS ***/
.vc_btn3 {background-image: none !important; font-weight: 900; font-size: 14px;letter-spacing: 0.5px; border-radius: 24px !important; padding: 15px 30px !important}
.vc_btn3:hover {background: var(--dark-green-color) !important}
.standout-btn {font-weight: 900; font-size: 14px;letter-spacing: 0.5px; border-radius: 24px; padding: 15px 30px !important; background: var(--dark-color); color: #ffffff; text-align: center; transition: background 0.2s ease-in-out}
.standout-btn:hover {background: var(--dark-green-color) !important; color: #ffffff !important; transition: background 0.2s ease-in-out}

.plainbtn .vc_btn3 {color: var(--dark-color) !important; padding: 0px !important; padding-right: 40px !important}
.plainbtn .vc_btn3:hover {background: transparent !important; padding-right: 45px !important}

.btn {background: transparent !important; font-weight: 900 !important; font-size: 14px !important; letter-spacing: 0.5px !important; padding-left: 0px !important; position: relative}
.btn:after {content: "\f061"; font-family: fontawesome; position: absolute; top: 12px; right: -2px; transition: all 0.2s ease-in-out}
.btn:hover {color: var(--dark-color) !important; }
.btn:hover:after {right: -6px; transition: all 0.2s ease-in-out}


/****************** HEADER ***/
.header {position: absolute; z-index: 200; width: 100%; top: 30px; left: 0px}
.scrollActive .header {position: fixed; top: 0px}

.mast-head-wrap {background: #ffffff;width: calc(100% + 100px); margin-left: -50px; padding: 25px 35px; border-radius: 64px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10);}

.thirdcol {text-align: right}


/****************** NAVIGATION ***/
.nav {margin-top: 0px}
.nav ul {text-align: center}
.nav ul li a {color: var(--dark-color); font-size: 16px; letter-spacing: 0.5px; font-weight: 900; border-bottom: 0px !important; position: relative; margin-right: 35px}
.nav ul li a:after {content: "" !important; position: absolute !important; display: block !important; width: 8px; height: 8px; border-radius: 100%; background: transparent; top: 22px; left: 50%; margin-left: -4px; transition: background 0.5s ease}
.nav ul li.current-menu-item a:after {background: var(--dark-color); transition: background 0.5s ease}
.nav ul li a:hover:after {background:var(--dark-color); transition: background 0.5s ease}


/****************** MAIN ***/
.main {padding-top: 0px; padding-bottom: 0px}


/****************** HERO ***/
.hero {height: 670px; background: var(--red-color); padding-top: 290px; border-bottom-right-radius: 32px; border-bottom-left-radius: 32px; }
.hero-title-column {padding-right: 80px !important}
.hero-title {letter-spacing: 0px}
.hero-text {padding-top: 15px}


/****************** PAGE HERO ***/
.page-hero {border-bottom-right-radius: 32px; border-bottom-left-radius: 32px;}
.page-title {font-size: 52px; line-height: 68px; color: var(--dark-color); margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 200px}


/****************** SECTIONS ***/
.section {padding-top: 100px; padding-bottom: 100px}
.section-title {font-size: 52px; line-height: 68px; color: var(--dark-color); margin-top: 0px !important; margin-bottom: 25px !important}

.bottom-section {padding-top: 0px !important}

.grey-section {background: var(--grey-color);}
.red-section {background: var(--red-color);}

.top-radius {border-top-left-radius: 32px; border-top-right-radius: 32px; }
.all-radius {border-radius: 32px;}


/****************** CTA ***/
.cta {position: relative !important;}
.home .cta {background: var(--grey-color) !important}
.page-id-91 .cta {background: var(--grey-color) !important}
.cta:after {content: "" !important; position: absolute !important; display: block !important; background: var(--red-color); width: 100%; height: 100%; top: 0px; left: 0px; border-top-left-radius: 32px; border-top-right-radius: 32px;}
.home .cta:after {border-bottom-left-radius: 32px; border-bottom-right-radius: 32px}

.cta-content {position: relative; z-index: 50; display: flex; align-items: center; justify-content: center; }
.cta-content .left-column {padding-top: 15px; padding-bottom: 15px;}
.cta-content .right-column {padding-top: 15px; padding-bottom: 15px;}

.cta-content .section-title {text-align: left !important}
.cta-content .standout-btn {display: inline-block; margin-top: 20px}
.cta-content .withradius {padding-left: 15px}

.page-id-471 .cta {display: none !important}
.error404 .cta {display: none !important}

/****************** TITLES ***/
.small-title {font-size: 30px; margin-bottom: 25px !important}
.experiences-section .small-title {margin-top: 0px !important; margin-bottom: 50px !important}


/****************** EXPERIENCES ***/
.experiences-section .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {display: flex !important; flex-wrap: wrap; margin-right: -40px !important;}
.experiences-section.vc_row.vc_column-gap-30 .vc_grid-item {flex: 1 1 33.33%; max-width: 33.33%; display: flex !important; padding-right: 40px !important; padding-bottom: 40px !important}
.experiences-section .vc_grid-item-mini.vc_clearfix:before {content: none !important}
.experiences-section .vc_grid-item-mini {background: #ffffff; border-radius: 32px; display: flex !important; flex-wrap: wrap}
.experiences-section .vc_gitem-animated-block {display: flex; width: 100% }
.experiences-section .vc_gitem-animated-block .vc_gitem-zone {width: 100%; align-self: flex-end; border-radius: 32px;}
.experiences-section .posttitle h3 {margin-top: 10px !important; margin-bottom: 20px !important; font-size: 24px; line-height: 34px}
.experiences-section .postexcerpt {margin-bottom: 30px !important;}


/****************** SINGLE EXPERIENCE ***/
.single-experience {background: var(--grey-color)}
.single-experience .entry-thumb img {border-radius: 32px}

.experience-content {padding-right: 55px !important}
.experience-sidebar {padding-left: 0px !important}
.experience-sidebar .vc_grid-item-mini {background: #ffffff; border-radius: 32px;}
.experience-sidebar .posttitle h3 {margin-top: 0px !important; margin-bottom: 20px !important; font-size: 21px; line-height: 29px}
.experience-sidebar .postexcerpt {margin-bottom: 30px !important;}
.experience-sidebar .vc_gitem-animated-block .vc_gitem-zone {border-radius: 32px;}


/****************** NEWSLETTER ***/
.newsletter input[type="email"] {background: #464646; border: 0px; width: 100%; display: block; padding-left: 15px; color: #ffffff; position: relative; border-radius: 32px; height: 50px}
.newsletter input[type="submit"] {background: var(--green-color); color: #ffffff; font-weight: 400 !important; width: 50px; height: 50px; padding: 0px; display: block; position: absolute; top: 0px; right: 0px; font-size: 32px; letter-spacing: 0px; border-radius: 100%}
.newsletter input[type="submit"]:hover {background: var(--dark-green-color); color: #ffffff !important}
.newsletter-widget {position: relative; margin-top: 20px}
.newsletter-consent {margin-top: 15px}
.newsletter-consent-text {position: relative; left: 28px; top: -26px; font-size: 14px; font-weight: 500}
.newsletter-consent-text a {color: var(--red-color) !important}
.newsletter-consent-text a:hover {color: var(--red-color) !important}

.newsletter-consent input[type="checkbox"] {-webkit-appearance: none; appearance: none; background-color: transparent; margin: 0; font: inherit; color: #ffffff; width: 18px; height: 18px; border: 1px solid #ffffff; transform: translateY(-0.075em); display: inline-grid; place-content: center;}
.newsletter-consent 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: #ffffff;}
.newsletter-consent input[type="checkbox"]:checked::before {transform: scale(1);}


/****************** FAQ ***/
.vc_tta-panel-heading {border-radius: 32px !important}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a {color: var(--dark-color) !important; font-weight: 800 !important; font-size: 20px !important}
.vc_tta.vc_general .vc_tta-panel-title > a {padding: 25px 40px !important}


/****************** CONTACT ***/
.wpcf7-form {margin-top: 0px !important;}
.wpcf7-form label {color: var(--dark-color); font-family: "Montserrat", serif; font-weight: 500 !important; text-transform: none; font-size: 16px; letter-spacing: 0px; }
.wpcf7-form p {margin-bottom: 20px}

.wpcf7-text {border: 1px solid #E7E9EB; padding: 20px 25px 20px 25px; height: auto; background: #E7E9EB; color: var(--dark-color); margin-top: 10px; font-size: 16px; border-radius: 32px}
.wpcf7-textarea {border: 1px solid #E7E9EB; padding: 20px 25px 20px 25px; background: #E7E9EB; color: var(--dark-color); resize: vertical; height: 140px; margin-top: 10px; font-size: 16px; border-radius: 32px}
.wpcf7-date {border:1px solid #E7E9EB; padding: 20px 25px 20px 25px; background: #E7E9EB; color: var(--dark-color); margin-top: 10px; height: auto; font-size: 16px; border-radius: 32px}
.wpcf7-text:hover,.wpcf7-text:focus, .wpcf7-textarea:hover, .wpcf7-textarea:focus, .wpcf7-select:hover,.wpcf7-select:focus {border-color: #e0e3e5 !important; background: #e0e3e5 !important }

.wpcf7-submit {background: var(--green-color) !important; font-family: "Montserrat", serif; font-weight: 900 !important; font-size: 14px !important; margin-top: 20px !important; letter-spacing: 0.5px !important; padding: 10px 30px !important; color: #ffffff !important; border: 1px solid var(--green-color) !important; border-radius: 24px !important}
.wpcf7-submit:hover {background: var(--dark-green-color) !important; border: 1px solid var(--dark-green-color) !important; color: #ffffff !important}

.wpcf7-list-item {margin-left: 0px !important; margin-top: 10px !important; width: 100%}
.wpcf7-list-item a {font-weight: 500 !important; color: var(--red-color) !important}
.wpcf7-list-item label {font-size: 16px; font-family: "Montserrat", serif; font-weight: 500 !important; margin-top: 10px; color: var(--dark-color);}
.wpcf7-list-item-label {margin-left: 5px !important}

.forconsent label {font-size: 16px; font-family: "Montserrat", serif !important; font-weight: 500 !important; color: var(--dark-color); display: inline-block; letter-spacing: 0px; width: calc(100% - 40px)}
.forconsent a {font-family: "Montserrat", serif; font-weight: 600 !important; color: var(--red-color) !important;}
.forconsent .wpcf7-form-control-wrap {display: inline-block; margin-right: 15px}

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


/****************** BLOG ***/
.post-wrapper {padding-right: 50px !important; padding-left: 0px !important; margin-bottom: 50px}

.post .entry-thumb {position: relative;}
.post .entry-thumb img {border-radius: 32px}

.post .entry-title {font-size: 26px !important; font-weight: 900 !important; margin-bottom: 0px !important; }
.post .entry-title a {color: var(--dark-color) !important}

.post .entry-meta {margin-bottom: 20px !important; margin-top: 20px !important;}
.post .entry-meta::after {display: none}
.post .entry-meta-item {font-family: "Montserrat Alternates", serif; font-weight: 800 !important; color: #9f9f9f !important; margin-right: 4px !important}
.post .entry-meta-item a {color: #9f9f9f !important;}
.post .entry-meta-item a:hover {color: var(--red-color) !important}
.post .entry-meta-item::after {content: "•"; color: #9f9f9f !important; margin-left: 7px;}

.post .entry-tags {border: 0px !important}
.post .submitbtn p {margin-bottom: 0px !important}

.blog-message {font-family: "Montserrat Alternates", serif; font-weight: 800 !important; color: var(--dark-color) !important; margin-bottom: 30px}

.blog-mobile {display: none}
.blog-mobile .widget {margin-bottom: 30px !important}
.blog-mobile .widget-title {display: none}
.blog-mobile select {border: 2px solid var(--grey-color);background-color: var(--grey-color); border-radius: 24px; font-size: 14px; color: #7e7e7e; font-family: "Montserrat", serif; font-weight: 700 !important;}


/****************** BLOG SIDEBAR ***/
.sidebar {padding: 40px !important; border-radius: 32px; background: var(--grey-color)}

.sidebar input[type="text"] {border-radius: 24px; background: #ffffff; border: 0px !important; height: 50px}
.sidebar .searchsubmit {background: var(--green-color) !important; width: 50px !important; height: 50px !important; border-radius: 100%; top: 0px !important; right: 0px !important; font-size: 18px; color: #ffffff !important}
.sidebar .searchsubmit:hover {background: var(--dark-green-color) !important}

.sidebar .widget-title {font-size: 20px !important; font-weight: 900 !important;}
.sidebar .widget-title:after {display: none}

.sidebar .widget {font-family: "Montserrat Alternates", serif; font-weight: 800 !important;}
.sidebar .widget ul {padding-left: 15px}
.sidebar .widget ul li a {color: var(--dark-color) !important;}
.sidebar .widget ul li a:hover {color: var(--red-color) !important;}
.sidebar .widget ul li.current-cat a {color: var(--red-color) !important;}

.sidebar .menu-item {margin-bottom: 15px}
.sidebar .menu-item a {padding: 0px !important; height: auto !important; background: transparent !important;}
.sidebar .menu-item a:before {content: none !important}


/****************** SINGLE POST ***/
.single-post article {padding-right: 50px !important}


/****************** FREE TRIAL ***/
.free-trial-section .sidebar {text-align: center;  margin-top: 127px;}
.free-trial-section .sidebar .wpb_content_element {margin-bottom: 0px !important}
.free-trial-section .sidebar .widget {font-size: 20px !important; margin-top: 0px;  margin-bottom: 0px }
.free-trial-section .sidebar .widget-title {margin-bottom: 40px}
.free-trial-section .sidebar .widget_media_image {margin-bottom: 30px}


/****************** PRICING TABLE ***/
.pricing-table-header {padding-left:140px; padding-right: 140px}
.pricing-table-header .vc_column_container {background: var(--red-color); border-radius: 32px; padding: 40px !important; z-index: 1 }

.pricing-table-body .vc_column-inner > .wpb_wrapper {background: var(--grey-color); border-radius: 32px; margin-top: -50px; padding: 100px 80px 40px 80px; z-index: -1 }

.pricing-table h2 {font-size: 62px; font-family: "Montserrat Alternates", serif}
.price-hypertitle {font-family: "Montserrat Alternates", serif; font-size: 20px; font-weight: 900}
.price-subtitle {font-family: "Montserrat Alternates", serif; font-size: 16px; font-weight: 900}


/****************** PLACEHOLDERS ***/
.wpcf7-textarea::-webkit-input-placeholder {font-size: 16px; color: #7e7e7e; font-family: "Montserrat", serif; font-weight: 700 !important;}
.wpcf7-textarea:-ms-input-placeholder {font-size: 16px; color: #7e7e7e; font-family: "Montserrat", serif; font-weight: 700 !important;}
.wpcf7-textarea::placeholder {font-size: 16px; color: #7e7e7e; font-family: "Montserrat", serif; font-weight: 700 !important;}

.wpcf7-text::-webkit-input-placeholder {font-size: 16px; color: #7e7e7e; font-family: "Montserrat", serif; font-weight: 700 !important;}
.wpcf7-text:-ms-input-placeholder {font-size: 16px; color: #7e7e7e; font-family: "Montserrat", serif; font-weight: 700 !important;}
.wpcf7-text::placeholder {font-size: 16px; color: #7e7e7e; font-family: "Montserrat", serif; font-weight: 700 !important;}

.mc4wp-form-fields input[type="email"]::-webkit-input-placeholder {font-size: 14px; color: #ffffff; font-family: "Montserrat", serif; font-weight: 500 !important;}
.mc4wp-form-fields input[type="email"]:-ms-input-placeholder {font-size: 14px; color: #ffffff; font-family: "Montserrat", serif; font-weight: 500 !important;}
.mc4wp-form-fields input[type="email"]::placeholder {font-size: 14px; color: #ffffff; font-family: "Montserrat", serif; font-weight: 500 !important;}


/****************** 404 ***/
.error404 .error-hero {display: block; height: 100vh; text-align: center;background: var(--red-color)}
.error404 .error-title {font-family: "Montserrat", serif; font-weight: 700 !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: "Montserrat", serif; font-weight: 700 !important; font-size: 100px; color: var(--dark-color); margin-bottom: 20px; line-height: 100px}


/****************** FOOTER ***/
.footer {background: var(--dark-color) !important; border-top-left-radius: 32px; border-top-right-radius: 32px; position: relative; z-index: 100; font-size: 16px; font-weight: 500 !important; color: #ffffff}
.footer-wrapper {background: var(--red-color); z-index: -1}
.home .footer-wrapper {background: var(--grey-color);}
.page-id-172 .footer-wrapper {background: #ffffff}

.footer-main {padding-top: 100px; padding-bottom: 40px}
.footer-main .footer-content {display: flex; flex-wrap: wrap;}

.widget {font-size: 16px !important; font-weight: 500 !important}
.widget-title {font-family: "Montserrat Alternates", serif; font-size: 22px !important; font-weight: 900 !important; border-bottom: 0px !important; letter-spacing: 0px; position: relative; margin-top: 0px !important}
.widget-title:after {content: none !important}
.footer .widget-title {font-size: 28px !important; color: #ffffff}

.contactul {list-style-type: none; margin: 20px 0 0 0; padding-left: 0px}
.contactul li {margin-bottom: 6px; font-size: 16px; padding-left: 30px; position: relative; font-weight: 500 !important}
.contactul .fa {color: var(--dark-color); font-size: 17px; margin-bottom: 0px; position: absolute; left: 0px; }
.contactul .fa-phone {font-size: 20px; margin-right: 12px; top: 2px}
.contactul .fa-envelope {font-size: 15px; margin-right: 12px; padding-left: 0px; top: 5px}
.contactul .fa-clock-o {font-size: 20px; margin-right: 12px; top: 2px}
.contactul .fa-whatsapp {font-size: 20px; margin-right: 12px; top: 2px}

.footer .contactul .fa {color: #ffffff}
.home .footer .contactul .fa-phone {font-family: fontawesome !important; font-weight: 400 !important}

.footer .menu-item { margin-bottom: 6px}
.footer .menu-item a {color: #ffffff !important; font-size: 16px; font-weight: 500 !important; font-family: "Montserrat", serif; position: relative;}
.footer .menu-item a:hover {color: var(--red-color) !important;}
.footer .menu-item.current_page_item a {background: transparent !important; color: var(--red-color) !important;}
.footer .menu-item.current-menu-item a {background: transparent !important; color: var(--red-color) !important;}

#media_image-2 img {width: 70% !important}


.social-icon {background: var(--green-color) !important; color: #ffffff !important; width: 32px !important; height: 32px !important; font-size: 20px; line-height: 32px; text-align: center !important; border-radius: 100%; margin-right: 5px}
.social-icon .fa-facebook:before {font-size: 19px;}
.social-icon:hover {background: var(--dark-green-color) !important}

.footer-copy {border-top: 0px; padding-top: 20px; padding-bottom: 20px; font-family: "Montserrat Alternates", serif; font-weight: 800 !important; font-size: 13px !important; letter-spacing: 0px; background: transparent; color: #ffffff; line-height: 32px}
.footer-copy a {color: #ffffff !important}
.footer-copy a:hover {color: var(--red-color) !important;}


/****************** MIN QUERIES ***/
@media screen and (min-width: 544px) {
	
.container {max-width: calc(100% - 60px);}
}


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

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

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

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

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

.container {max-width: 1300px;}
}

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

.container {max-width: 1400px;}
}

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

.container {max-width: 1500px;}
}

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

.container {max-width: 1700px;}
}


/****************** MAX QUERIES ***/
@media screen and (max-width: 1999px) {

.hero-title-column {padding-right: 15px !important}
.hero {height: 580px; padding-top: 260px}
.nav ul li a {font-size: 15px}

.section {padding-top: 80px; padding-bottom: 80px}
.section-title {font-size: 46px; line-height: 60px}
.page-title {font-size: 46px; line-height: 60px; padding-top: 210px}
.small-title {font-size: 28px}

.experiences-section .posttitle h3 {font-size: 22px; line-height: 31px}
.experience-sidebar .posttitle h3 {font-size: 19px; line-height: 26px}

.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a {font-size: 20px; }

.post .entry-title {font-size: 22px !important; line-height: 31px}
.single-post .entry-title {font-size: 28px !important; line-height: 38px}

.footer-main {padding-top: 80px; padding-bottom: 0px}
.footer .widget-title {font-size: 26px !important}
}

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

.free-trial-section .sidebar {margin-top: 165px}
}

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

body, .entry-content {font-size: 15px !important; line-height: 23px !important;}

.mast-head-wrap {padding: 20px 25px; width: calc(100% + 80px); margin-left: -40px}

.hero {height: 520px; padding-top: 230px}
.hero-text {padding-top: 10px}
.nav ul li a {margin-right: 30px}

.vc_btn3-container {margin-bottom: 0px !important}

.section-title {font-size: 42px; line-height: 52px}
.page-title {font-size: 42px; line-height: 52px; padding-top: 200px}
.small-title {font-size: 26px}
.pricing-table h2 {font-size: 62px}

.experiences-section .posttitle h3 {font-size: 21px; line-height: 29px}
.post .entry-title {font-size: 21px !important; line-height: 29px}
.single-post .entry-title {font-size: 26px !important; line-height: 36px}

.experience-sidebar .posttitle h3 {font-size: 17px; line-height: 23px}
.experience-sidebar .postexcerpt {font-size: 14px; line-height: 20px}

.sidebar {padding: 30px !important}

.widget {font-size: 15px !important}
.contactul li {font-size: 15px}
.footer .menu-item a {font-size: 15px}

.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a {line-height: 30px}

.forconsent label {font-size: 15px !important}
}




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

.nav ul li a {font-size: 14px; margin-right: 25px}


.vc_btn3 {font-size: 13px !important; padding: 15px 15px !important}
.standout-btn {font-size: 13px; padding: 15px 15px !important;}
.btn {font-size: 13px !important; }
.wpcf7-submit {font-size: 13px !important;}

.section-title {font-size: 39px; line-height: 49px}
.page-title {font-size: 39px; line-height: 49px; padding-top: 180px}
.small-title {font-size: 26px}
.single-post .entry-title {font-size: 26px !important; line-height: 36px}
.pricing-table h2 {font-size: 56px}

.experiences-section .posttitle h3 {font-size: 20px; line-height: 27px; margin-top: 0px !important}
.post .entry-title {font-size: 20px !important; line-height: 27px}
.single-post .entry-title {font-size: 26px !important; line-height: 36px}


.widget {font-size: 15px !important; line-height: 23px !important}
.newsletter-consent-text {top: -24px}

.pricing-table-header .vc_column_container {padding: 30px 15px !important}


.experience-content {width: 66.66% !important; padding-right: 40px !important}
.experience-sidebar {width: 33.33% !important}

.blog-content {width: 66.66% !important;}
.blog-sidebar {width: 33.33% !important;}
.post-wrapper {padding-right: 30px !important}
.single-post article {padding-right: 30px !important}

.entry-thumb {margin-bottom: 25px}
.post .entry-meta {margin-top: 10px !important; margin-bottom: 10px !important}
.single-post .entry-meta {margin-top: 20px !important; margin-bottom: 20px !important}

.contact-content {width: 66.66% !important;}
.contact-sidebar {width: 33.33% !important;}

.footer .widget-title {font-size: 24px !important}
.footer .contactul li {margin-bottom: 5px !important}
}


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

body, .entry-content {font-size: 14px !important; line-height: 21px !important}
.firstcol {width: 300px !important}
.secondcol {width: 60px !important; position: absolute; right: 0px}
.thirdcol {width: 300px !important; position: absolute; right: 60px}

.mast-head-wrap {padding: 15px 25px}

.hero {height: auto; padding-top: 190px}
.hero-title-column {width: 100% !important}
.hero-text-column {width: 100% !important; padding-top: 0px !important; padding-bottom: 50px !important}
.hero .section-title {margin-bottom: 0px !important}

.pricing-table-header .vc_column_container {min-height: 200px}

.section-title {font-size: 32px; line-height: 42px; margin-bottom: 15px !important}
.hero-title {font-size: 42px; line-height: 52px}
.page-title {font-size: 42px; line-height: 52px; padding-top: 150px}

.section {padding-top: 60px; padding-bottom: 60px}


/*MENU*/
.nav {display: none}
.mobile-menu-trigger {font-weight: 400; font-size: 16px; letter-spacing: 0px; display: block; color: var(--dark-color);}

.mobile-menu-trigger .fa-navicon:before {content: "" !important; display: block; width: 32px; height: 32px; margin-top: 8px; background: url(img/open-menu.png); background-size: cover}

#mobilemenu {display: block;text-align: center; color: var(--dark-color); font-weight: 900 !important; z-index: 600; height: 100% !important; background: transparent;}
.mm-opened #mobilemenu {background: var(--red-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: 0px !important; right: 15px !important; width: 65px !important; color: var(--dark-color) !important; font-size: 0px}
.mm-close::after {content: ""; width: 30px; height: 30px; background: url(img/close.png); background-size: cover; background-position: center center; display: block; margin-left: 12px; margin-top: 25px}
.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-size: 30px !important; line-height: 40px; font-weight: 900 !important; padding: 0px 30px; color: var(--dark-color) !important; letter-spacing: 0px; margin-bottom: 10px; position: relative}
.mm-listview li a:before {content: "" !important; position: absolute !important; display: block !important; width: 8px; height: 8px; border-radius: 100%; background: transparent; top: 17px; left: 8px; transition: background 0.5s ease}
.mm-listview li.current-menu-item a:before {background: var(--dark-color);transition: background 0.5s ease }

.mm-listview li a:hover:before {background: var(--dark-color);transition: background 0.5s ease}
.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-next:hover + a {color: var(--dark-color) !important}
.menu-item-has-children a {margin-right: 0px !important}
.menu-item-has-children a:hover {border: 0px !important}



.experiences-section .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {margin-right: -30px !important;}
.experiences-section.vc_row.vc_column-gap-30 .vc_grid-item {padding-right: 30px !important; padding-bottom: 30px !important}

.experiences-section .posttitle h3 {font-size: 18px; line-height: 24px}
.experiences-section .postexcerpt {margin-bottom: 20px !important}
.post .entry-title {font-size: 18px !important; line-height: 24px}

.small-title {font-size: 24px}
.single-post .entry-title {font-size: 24px !important; line-height: 34px}

.experience-sidebar .postexcerpt {font-size: 13px; line-height: 18px; margin-bottom: 20px !important}

.vc_tta.vc_general .vc_tta-panel-title > a {padding: 20px 40px !important}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a {font-size: 18px !important; line-height: 26px}

.widget {font-size: 14px !important; line-height: 21px !important}
.contactul li {font-size: 14px}
.footer .menu-item a {font-size: 14px}
.footer .widget-title {font-size: 22px !important}

.newsletter-consent-text {top: -21px; font-size: 12px}

/****************** PLACEHOLDERS ***/
.wpcf7-textarea::-webkit-input-placeholder {font-size: 14px;}
.wpcf7-textarea:-ms-input-placeholder {font-size: 14px;}
.wpcf7-textarea::placeholder {font-size: 14px;}

.wpcf7-text::-webkit-input-placeholder {font-size: 14px;}
.wpcf7-text:-ms-input-placeholder {font-size: 14px;}
.wpcf7-text::placeholder {font-size: 14px;}

.mc4wp-form-fields input[type="email"]::-webkit-input-placeholder {font-size: 13px;}
.mc4wp-form-fields input[type="email"]:-ms-input-placeholder {font-size: 13px;}
.mc4wp-form-fields input[type="email"]::placeholder {font-size: 13px;}

.forconsent label {font-size: 14px !important}

.footer .contactul li {padding-left: 28px}
.footer .contactul li .fa-envelope {top: 3px}
.footer .contactul li .fa-phone {top: 2px; font-size: 18px}
.footer .contactul li .fa-whatsapp {top: 0px}
}


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

.mm-listview li a {font-size: 28px !important; line-height: 34px}
.mm-listview li a::before {top: 14px}
  
.left-column {padding-right: 15px !important; padding-left: 15px !important}
.right-column {padding-left: 15px !important; padding-right: 15px !important}

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

.experiences-section.vc_row.vc_column-gap-30 .vc_grid-item {flex: 1 1 50%; max-width: 50%}
.home .experiences-section.vc_row.vc_column-gap-30 .vc_grid-item:last-child {display: none !important}
.experiences-section .small-title {margin-bottom: 40px !important}

.hero-title {font-size: 36px; line-height: 46px}
.page-hero {padding-bottom: 30px}
.page-title {font-size: 36px; line-height: 46px; padding-top: 150px}

.small-title {margin-top: 0px !important}

.cta-content {display: block}
.cta-content .left-column {width: 100% !important}
.cta-content .right-column {width: 100% !important}
.cta-content .withradius {padding-left: 0px !important}

.pricing-table-column:first-child {margin-bottom: 40px !important}
.pricing-table-header .vc_column_container {min-height: auto}
.pricing-table h2 {font-size: 48px}


.sidebar {margin-top: 0px}
.blog-content {width: 100% !important; padding-left: 0px !important; padding-right: 0px !important}
.blog-sidebar {display: none}
.blog-mobile {display: block}
#nav_menu-2 {display: none !important}

.post-wrapper {padding-left: 15px !important; padding-right: 15px !important}
.single-post article {padding-right: 0px !important}
.single-post .sidebar {display: none}

.contact-content {width: 100% !important}
.contact-sidebar {display: none}

.experience-content {width: 100% !important; padding-right: 15px !important}
.experience-sidebar {width: 100% !important; padding-left: 15px !important}
.experience-sidebar .vc_grid-item {flex: 1 1 50% !important; max-width: 50% !important}

.wpcf7-form {margin-left: 15px; margin-right: 15px}

.footer-col {width: 50% !important; margin-bottom: 20px}
.footer-copy {padding-top: 0px !important}
.footer-copy .text-left {width: 100% !important; text-align: center !important; line-height: 24px}
.footer-copy .text-right {width: 100% !important; text-align: center !important; line-height: 24px}

.footer .contactul li {margin-bottom: 7px !important}

}

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

.section-title {font-size: 31px; line-height: 41px}
.hero-title {font-size: 31px; line-height: 41px}
.page-title {font-size: 31px; line-height: 41px; padding-top: 140px}
.small-title {font-size: 22px}
.single-post .entry-title {font-size: 22px !important; line-height: 32px}


.section {padding-top: 40px; padding-bottom: 40px}
.blog-mobile {padding-left: 15px; padding-right: 15px}
.single-post .blog-content {padding-left: 15px !important; padding-right: 15px !important}

.experience-sidebar .vc_grid-item {float: left !important}
}


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

.secondcol {width: 40px !important}
.thirdcol {width: 240px !important;right: 50px;}

.header img.custom-logo {width: 200px !important}

.hero {padding-top: 160px}
.section {padding-top: 30px; padding-bottom: 30px}

.section-title {font-size: 28px; line-height: 38px}
.hero-title {font-size: 28px; line-height: 38px}
.page-title {font-size: 28px; line-height: 38px; padding-top: 130px}
.small-title {font-size: 22px}
.single-post .entry-title {font-size: 22px !important; line-height: 32px}
.pricing-table h2 {font-size: 48px}


.experiences-section.vc_row.vc_column-gap-30 .vc_grid-item {flex: 1 1 100%; max-width: 100%;}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a {font-size: 17px !important; line-height: 25px}

.post-wrapper {width: 100% !important; margin-bottom: 30px}

.wpcf7-text, .wpcf7-textarea {padding: 15px 20px 15px 20px}

.vc_btn3 {font-size: 12px !important; padding: 12px 15px !important}
.standout-btn {font-size: 12px; padding: 12px 15px !important;}
.btn {font-size: 12px !important; }
.wpcf7-submit {font-size: 12px !important;}

.experience-sidebar .vc_grid-item {max-width: 100% !important; float: none !important}
}


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

.header .standout-btn {display: none !important}
.mast-head-wrap {width: calc(100% + 20px); margin-left: -10px;}
.secondcol {right: 25px}

.section-title {font-size: 26px; line-height: 34px}
.hero-title {font-size: 26px; line-height: 34px}
.page-hero {padding-left: 15px; padding-right: 15px}
.page-title {font-size: 26px; line-height: 34px; padding-top: 130px}
.small-title {font-size: 22px}
.single-post .entry-title {font-size: 22px !important; line-height: 32px}
.pricing-table h2 {font-size: 48px}

.vc_tta.vc_general .vc_tta-panel-title > a {padding: 20px 40px 20px 20px !important;}

.cta {padding-left: 15px; padding-right: 15px}

.blog-content {padding-left: 15px !important; padding-right: 15px !important}
.single-post .blog-content {padding-left: 30px !important; padding-right: 30px !important}

.pricing-table-header {padding-left: 80px; padding-right: 80px}

.footer {padding-left: 15px; padding-right: 15px}
.footer-main {padding-top: 60px}
.footer-col {width: 100% !important;}
.footer-col .widget {margin-bottom: 20px}
}


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

.hero-title {font-size: 34px; line-height: 40px}
.page-title {font-size: 34px; line-height: 40px; padding-top: 140px}

.pricing-table-header {padding-left: 40px; padding-right: 40px}

.footer-copy {font-size: 11px !important}


}

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


.hero-title {font-size: 28px; line-height: 34px}
.page-title {font-size: 28px; line-height: 34px; padding-top: 130px}

}