/*
Theme Name: Vantage Child
Author: SiteOrigin
Author URI: http://siteorigin.com/
Theme URI: http://siteorigin.com/theme/vantage
Description: Vantage Child Theme
Version: 1.0.0
Template: vantage
Text Domain: vantage
Domain Path: /languages/
*/

datalis#listo-telephone-country-codes {
    margin-top: -1px;
    overflow-y: auto;
    box-sizing: border-box;
    display: block;
    position: absolute;
    background-color: red !important;
    border: 1px solid #404449;
    border-radius: 0 0 4px 4px;
    font-family: sans-serif;
    padding: 5px;
    max-height: 10rem;
    border: 1px solid #db9c2e;
    box-shadow: 0px 0px 3px 0px #db9c2e;
}

.new-ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 30px;
}

.skip-link:focus {
    z-index: 100000003 !important;
    background: #203d7c !important;
    color: white !important;
    clip-path: unset;
    clip: unset;
    height: auto;
    width: auto;
    overflow: visible;
    border: none !important;
    box-shadow: none !important;
}

.single-page .entry-categories {
    display: none !important;
}

h1,
h2,
h3,
h4 {
    text-wrap: balance;
}

.h1-home {
    width: 100%;
}

.h1-home h1 {
    line-height: 1.1;
}

p {
    text-wrap: pretty;
}

b,
strong {
    font-weight: 700 !important;
    font-weight: bold !important;
}

.o-livechat-root {
    position: relative;
    z-index: 1000000000;
}

.sgpb-popup-builder-content-43144 {
    padding: 50px;
}


/* =Theme customization starts here
-------------------------------------------------------------- */
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
    -webkit-appearance: none;
    border-radius: 0;
}

.d-none {
    display: none !important;
}

.pr {
    position: relative;
}

.page-template-default .btn-left:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 90px;
    width: 100%;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    background-color: white !important;
}

#scroll-to-top {
    background: black !important;
}

footer #footer-widgets {
    background-color: transparent !important;
}

a[href^="tel"] {
    color: #248cc8 !important;
    text-decoration: underline !important;
}

/*new tree*/
/* Forked from https://codepen.io/Pestov/pen/BLpgm */
/* This horizontal version (c) https://codepen.io/paulsmirnov/pen/dyyOLwa */
/* See also right to left at https://codepen.io/paulsmirnov/pen/WNNGVbv */
/* See also vertical + fixed wrapping at https://codepen.io/paulsmirnov/pen/LYYZeGM */


/*Iframe Schedule*/

.schedule-iframe iframe {
    height: 800px;
}

@media (max-width: 768px) {

    .new-ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .schedule-iframe iframe {
        height: 1380px;
    }

    .mobilenav-main-link .mobilenav-main-link-text {
        display: none !important;
    }
}

/*Development-treeCSS*/

.web-d br:first-child {
    display: none;
}

.web-d {
    height: 400px;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 40px;
    position: relative;
}

.web-d:after {
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 22%, rgba(0, 212, 255, 0) 100%);
    position: absolute;
    content: '';
    width: 100%;
    height: 50px;
    bottom: 0;
    z-index: 100;
}

.new-web-d {
    height: auto;
}

.new-web-d:after {
    display: none;
}

.web-d p {
    height: 15px;
    margin: 0;
}

.toggle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    font-weight: 700;
    color: #2f4381;
}

.toggle:hover {
    cursor: pointer;
}

.initial-s,
.advanced-s {
    display: inline-block;
    vertical-align: top;
    padding: 20px 0;
}

.initial-s {
    background-color: #f2f2f2;
}

.devops {
    background-color: #e6e6e6;
    padding: 20px 0;
}

.devops .extra-li {
    position: absolute;
    width: 21%;
    top: 62%;
    left: 1px;
}

.devops .extra-li:before {
    border-right: 2px solid;
    width: 0;
    height: 100px;
    border-top: none;
    top: -30px;
    left: 30px;
    border-color: #203d7c !important;
}

.devops .extra-li li:before,
.devops .extra-li li:after {
    border-color: #203d7c !important;
}

.web-d h2 {
    text-align: center;
    background-color: #203d7c;
    color: white !important;
    padding: 15px;
    margin-bottom: 0 !important;
}

.web-d h3 {
    background-color: #203d7c;
    color: white !important;
    padding: 5px 10px;
    display: inline-block;
    margin: 0;
    margin: 1em 0 0.25em 31px !important;
    position: relative;
    z-index: 2;
}

.web-d h3:after {
    content: '';
    position: absolute;
    background-color: #203d7c;
    width: 15px;
    left: 0px;
    height: 140px;
    top: 0px;
    z-index: -1;
}

.web-d .devops h3:after {
    display: none;
}

.tree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.advanced-s .tree {
    margin-left: 30px;
}

.tree ul {
    padding-left: 5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}

.tree li {
    text-align: inherit;
    align-items: center;
    list-style-type: none;
    position: relative;
    padding: 1px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before,
.tree li::after {
    content: '' !important;
    position: absolute;
    left: 0;
    bottom: 50%;
    border-left: 2px solid;
    width: 20px !important;
    height: 50% !important;
    margin-left: 0 !important;
}

.tree li::after {
    bottom: auto;
    top: 50%;
    border-top: 2px solid;
}

.tree .btm-li::after {
    top: 84.5%;
    width: 60px !important;
}

.tree .btm-li ul:before {
    border: none !important;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after,
.tree li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child {
    padding-left: 0;
}

.first-li li:only-child {
    padding-left: 10px;
}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before,
.tree li:last-child::after {
    border: 0 none;
}

/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
    border-bottom: 2px solid;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    border-top: 2px solid;
    width: 32px;
    height: 0;
    border-color: #0086bd;
}

.li-title-1 {
    background-color: #0086bd;
    color: white !important;
    padding: 5px 10px;
    z-index: 2;
    position: relative;
    display: inline-block;
}

.initial-s .li-title-1:after {
    position: absolute;
    content: '';
    width: 16px;
    height: 15px;
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 50% 50%);
    background-color: #f2f2f2;
    top: -15px;
    left: 0;
}

.side-arrow:before {
    position: absolute;
    content: '';
    background-color: white;
    clip-path: polygon(0 0, 50% 40%, 100% 0, 100% 50%, 50% 90%, 0 50%);
    top: 12px;
    width: 17px;
    left: -31px;
    height: 20px;
    height: 16px;
}

.big-line:before {
    content: '';
    position: absolute;
    background-color: #0086bd;
    width: 15px;
    left: 0px;
    height: 960px;
    top: 0px;
    z-index: -1;
}

.li-title-2 {
    background-color: #7abadd;
    color: white !important;
    padding: 5px 10px;
    z-index: 2;
    text-align: right;
    line-height: 20px;
    display: inline-block;
}

.li-title-3 {
    background-color: #5a78b2;
    color: white !important;
    padding: 5px 10px;
    z-index: 2;
    text-align: right;
    line-height: 20px;
    display: inline-block;
}

.grey-t {
    background-color: #6b707d;
    color: white !important;
    padding: 5px 10px;
    width: fit-content;
    z-index: 2;
    margin-left: -5px;
    position: relative;
    margin: 30px 0 20px 31px !important;
}

.grey-t:after {
    position: absolute;
    content: '';
    background-color: #6b707d;
    top: 0;
    left: 0;
    width: 15px;
    height: 666px;
    z-index: -1;
}

.grey-t:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 15px;
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 50% 50%);
    background-color: white;
    top: -15px;
    left: -1px;
}

.tree ul.first-li::before {
    border-color: #0086bd !important;
}

.tree .first-li li::after,
.tree .first-li li::before {
    border-color: #0086bd !important;
}

.tree .second-li li::after,
.tree .second-li li::before {
    border-color: #7abadd !important;
}

.tree ul.second-li::before {
    border-color: #7abadd !important;
}

.tree ul.third-li::before {
    border-color: #5a78b2 !important;
}

.tree .third-li li::after,
.tree .third-li li::before {
    border-color: #5a78b2 !important;
}

.tree ul.devops-li::before {
    border-color: #5a78b2 !important;
}

.tree .devops-li li::after,
.tree .devops-li li::before {
    border-color: #5a78b2 !important;
}

@media (max-width: 830px) {

    .web-d h3 {
        margin: 1em 0 1.25em 26px !important;
    }

    .grey-t {
        margin-left: 26px !important;
        margin-top: 0px !important;
    }

    .grey-t:after {
        height: 886px;
    }

    .tree ul.devops-li.devops-li-res::before {
        left: 31px;
        border-right: 2px solid;
        width: 0;
        height: 212px;
        top: -186px;
    }

    .initial-s,
    .advanced-s,
    .devops {
        display: block;
    }

    .tree ul {
        display: block;
        flex-direction: inherit;
        margin-left: -5px;
    }

    .tree li {
        display: block;
        padding-right: 0;
        margin-left: 26px !important;
    }

    .tree .li-title-3-li:before {
        bottom: unset !important;
    }

    .tree .li-title-3-li:after {
        top: 15px !important;
        height: 99.9% !important;

    }

    .tree .li-title-3-li.last:before {
        border-bottom: 0 none !important;
        height: 10% !important;
    }

    .tree .li-title-3-li.last:after {
        border-top: 2px solid;
    }

    .tree ul.first-li::before {
        left: 31px;
        border-right: 2px solid;
        width: 0;
        height: 32px;
        top: -16px;
    }

    .tree ul.second-li::before {
        left: 31px;
        border-right: 2px solid;
        width: 0;
        height: 32px;
        top: -16px;
    }

    .tree ul.third-li::before {
        left: 31px;
        border-right: 2px solid;
        width: 0;
        height: 32px;
        top: -16px;
    }

    .tree .btm-li::after {
        top: 101px;
    }

    .side-arrow:before {
        left: -31px;
    }

    .devops .extra-li {
        position: relative;
        width: 90%;
        left: 10px;
    }

    .devops .extra-li:before {
        left: 31px;
    }

    .initial-s .li-title-1:after {
        left: -1px;
    }

    .big-line:before {
        height: 1100px;
    }

    .tree ul.first-li.css-li:before {
        height: 122px;
    }

    .tree .java-li .li-title-3-li:after {
        top: 15px !important;
        height: 122.9% !important;
    }
}

/*end new tree*/

/*Waitlist btn*/

.waitList {
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 5px;
    margin-top: 5px;
    color: white;
    transition: all 0.5s ease;
}

.waitList:hover {
    opacity: .7;
}

.wl-01 {
    background: #4cbb17;
}

.wl-02 {
    background: #ffeb00;
    color: #1a1a1a !important
}

.wl-03 {
    background: #f7931e;
    color: #1a1a1a !important
}

.wl-04 {
    background: #c30505;
}

/*btn zoom*/

.btn-zoom {
    max-width: 190px;
    z-index: 10000000000000000000;
    right: 10px;
    bottom: 25px;
    position: fixed;
    display: flex;
    background: #2196f3;
    align-items: center;
    width: fit-content;
    padding: 5px 10px;
    text-decoration: none !important;
    transition: background 0.5s ease;
}

.btn-zoom:hover {
    background: black !important;
}

.btn-zoom img {
    max-width: 50px;
}

.btn-zoom span {
    margin-left: 15px;
    display: inline-block;
    font-size: 20px;
    font-weight: 800;
    color: white;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

.space-li li {
    margin-bottom: 15px;
}

#scroll-to-top {
    left: 20px !important;
    right: unset !important;
}

#scroll-to-top.displayed {
    opacity: .6 !important;
}

#scroll-to-top.displayed:hover {
    opacity: .95 !important;
}

.new-btn-contact {
    padding: 10px 20px !important;
    margin: 20px auto 10px auto !important;
    display: block !important;
}

.wp-custom-logo .btg-button-1 {
    display: none !important;
    z-index: 999;
    width: auto;
    height: auto;
    position: relative;
    border-radius: 0;
    border-style: none;
    border-color: #383838;
    border-width: 1px;
    color: #fff !important;
    text-decoration: none !important;
    background-color: #203d7c;
    box-shadow: none;
    font-family: inherit;
    font-size: 19px;
    font-weight: 700;
    font-style: normal;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    text-align: center;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: background 0.5s ease;
    margin-bottom: 0 !important;
}

.wp-custom-logo .btg-button-1:hover {
    background: #2556b2 !important;
}

.wp-custom-logo .btg-button-1 img {
    max-width: 30px;
    height: 30px;
    margin-right: 15px;
}

.btg-button-2 {
    display: none !important;
}

.new-btn-contact:focus {
    background: #2556b2 !important;
}

.end-video .wp-video {
    margin: 30px auto 0 auto;
}

.negative-mr-t {
    margin-top: -100px;
}

.postid-36086 .entry-header {
    display: none !important;
}

body {
    overflow-x: hidden;
}

ul ul {
    margin-left: 0;
}

.img-row {
    align-items: center !important;
}

.entry-content ul ul li::before {
    color: #7fb2da;
}

.entry-content ul ul ul li::before {
    color: #3ab1e7;
}

.animated a {
    text-decoration: none;
}

.no-marg {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.page-id-30215 {
    overflow-x: hidden !important;
}

.page-id-30215 .footer-links {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.Bonus-20 {
    margin-bottom: -50px;
}

.brochure-img a {
    width: 100%;
}

.brochure-img img {
    width: 100% !important;
}

.footer-hidden-form .footer-hidden-form-inside {
    display: none !important;
}

.highlights img {
    max-height: 180px;
    margin: 0 auto;
}

/*Portfolio*/

.portfolio-template-default .entry-thumbnail img {
    max-width: 390px !important;
    margin: 0 auto 50px;
}


.single-clients-porfolio .entry-header .entry-thumbnail {
    display: none;
}

.single-clients-porfolio .entry-header {
    margin-bottom: 0px !important;
    position: relative !important;
    padding-top: 20px !important;
    padding-bottom: 130px !important;
    margin-top: 0px !important;
    background-color: #3eb2cb;
}

.single-clients-porfolio article.post .entry-header h1.entry-title {
    font-size: 4.9rem !important;
    text-transform: uppercase !important;
    margin: 15px 0 !important;
    line-height: 1.2 !important;
    color: white !important;
    font-weight: bold !important;
    background-color: transparent !important;
    text-align: center;
}


/*Pop Up Style*/
.pop-content p {
    margin-bottom: 0 !important;
    font-family: "Montserrat" !important;
}

.pop-content {
    display: flex;
    width: 100%;
    font-family: "Montserrat" !important;
}

.pop-content .text {
    width: 50%;
    text-align: center;
    flex: 1;
}

.pop-content .green {
    color: #4CBB17;
}

.pop-content .g-price {
    font-size: 150px;
    font-weight: 600 !important;
    line-height: 110px;
    margin-top: 60px;
}

.pop-content .g-text {
    font-size: 100px;
    letter-spacing: 10px;
    font-weight: 300;
    line-height: 110px;
}

.pop-content .n-text {
    font-size: 40px;
    padding: 0 20px;
    line-height: 42px;
}

.pop-content sup {
    font-size: 90px;
    top: -20px !important;
}

.aclaration {
    background: #999999;
    padding: 5px 0;
    margin-top: 30px;
    color: white !important;
}

.pop-img {
    flex: 1;
    background-position: center !important;
    width: 50%;
    overflow: hidden;
    background-size: cover !important;
}

/*Case Studie*/

.case-study-grid .lsow-portfolio-item .lsow-project-image {
    top: unset !important;
}

.case-study-grid .lsow-portfolio-item .lsow-entry-text-wrap {
    margin: 70px auto 0 !important;
}

.case-study-grid .lsow-portfolio-item .entry-summary {
    padding-top: 75px !important;
}

.single-case-studies .entry-header .entry-thumbnail {
    display: none;
}

.single-case-studies .ssba-classic-2 {
    display: none;
}

.single-case-studies .entry-header {
    margin-bottom: 0px !important;
    position: relative !important;
    padding-top: 20px !important;
    padding-bottom: 130px !important;
    margin-top: 0px !important;
    background-color: #3eb2cb;
}

.single-case-studies article.post .entry-header h1.entry-title {
    font-size: 4.9rem !important;
    text-transform: uppercase !important;
    margin: 15px 0 !important;
    line-height: 1.2 !important;
    color: white !important;
    font-weight: bold !important;
    background-color: transparent !important;
    text-align: center;
}

.case-grid-container .siteorigin-widget-tinymce {
    display: grid !important;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
    grid-auto-rows: 540px grid-auto-flow: dense;
}

.case-grid-container .siteorigin-widget-tinymce div {
    display: flex;
    align-content: center;
    align-self: flex-start;
    flex-flow: column wrap;
}

.case-grid-container .siteorigin-widget-tinymce div:nth-child(odd) {
    grid-row: span 2;
}

.case-grid-container .siteorigin-widget-tinymce div:nth-child(even) {
    grid-row: span 1;
}

.single-case-studies .pricing-table .ow-pt-title {
    background: #3eb2cb !important;
}

.single-case-studies .so-widget-lsow-odometers .lsow-odometer {
    text-align: center;
    margin-left: 0;
    float: none;
}

.single-case-studies .no-porcentage .so-widget-lsow-odometers .lsow-odometer {
    text-align: left !important;
}

.single-case-studies .lsow-stats-title {
    text-align: left !important;
}

.single-case-studies .lsow-odometers .lsow-odometer .lsow-stats-title .lsow-icon-wrapper {
    color: #5ebd51;
}

.single-case-studies .lsow-stats-title-wrap {
    width: 90%;
}

.single-case-studies .so-widget-lsow-odometers .odometer {
    color: #3eb2cb !important;
    font-family: "Montserrat" !important;
}

.single-case-studies .so-widget-lsow-odometers .lsow-suffix {
    color: #3eb2cb !important;
    font-family: "Montserrat" !important;
}

.single-case-studies .so-widget-lsow-odometers .lsow-prefix {
    color: #3eb2cb !important;
    font-family: "Montserrat" !important;
}

.single-case-studies .BG-Left .pricing-table .ow-pt-details {
    background: white !important;
    -webkit-box-shadow: inset -7px 0px 0px 0px rgb(242 242 242) !important;
    -moz-box-shadow: inset -7px 0px 0px 0px rgb(242 242 242) !important;
    box-shadow: inset -7px 0px 0px 0px rgb(242 242 242) !important;
}

.single-case-studies .BG-Left .pricing-table .ow-pt-title {
    -webkit-box-shadow: inset -7px 0px 0px 0px rgb(242 242 242) !important;
    -moz-box-shadow: inset -7px 0px 0px 0px rgb(242 242 242) !important;
    box-shadow: inset -7px 0px 0px 0px rgb(242 242 242) !important;
}

.single-case-studies .entry-categories {
    display: none;
}

.single-case-studies .special-case {
    width: 70%;
}

.single-case-studies .special-case-2 {
    width: 70%;
}

.single-case-studies .special-case-3 strong {
    font-size: 22px;
    text-transform: uppercase;
}

.single-case-studies .special-case .panel-grid {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center !important;
    align-content: stretch;
}

.single-case-studies .special-case .panel-grid .panel-grid-cell:nth-child(2n) {
    justify-content: space-around;
    display: flex;
    align-items: center !important;
}

.single-case-studies .text-left .lsow-odometer {
    text-align: left;
}

.single-case-studies .lsow-odometers .lsow-odometer .lsow-stats-title {
    color: #3b3b3b;
    font-weight: 700;
}

.single-case-studies .greater-num {
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
    color: #3eb2cb !important;
    line-height: 70px;
}

.single-case-studies .great-num {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-case-studies .big-num {
    font-size: 25px;
    font-weight: 700;
}

.single-case-studies .special-odo .lsow-stats-title-wrap {
    display: inline;
    padding-left: 15px;
    font-size: 1.2rem !important;
}

.single-case-studies .special-odo .lsow-stats-title {
    font-size: 25px !important;
}

/*Development*/
.steps {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.steps .s-img-holder {
    flex: 0 1 200px;
    z-index: 1;
}

.steps .s-img-holder img {
    margin: 0 !important;
    text-align: center;
}

.steps .s-text-holder {
    flex: 100;
}

.steps .s-text-holder h3 {
    margin-top: 0;
}

.s-right,
.s-left {
    position: relative;
}

.s-left .s-img-holder {
    margin-right: 30px;
    order: 1;
}

.s-left .s-text-holder {
    order: 2;
}

.s-right .s-img-holder {
    margin-left: 30px;
    order: 2;
}

.s-right .s-text-holder {
    order: 1;
}

.s-right:after {
    position: absolute;
    content: "";
    height: calc(100% + 30px);
    width: 5px;
    background-color: #7bc4d0;
    right: 98px;
    top: 50%;
    transform: translateY(-50%);
}

.s-left:after {
    position: absolute;
    content: "";
    height: calc(100% + 30px);
    width: 5px;
    background-color: #7bc4d0;
    left: 98px;
    top: 50%;
    transform: translateY(-50%);
}

.steps:before {
    position: absolute;
    content: "";
    height: 5px;
    background-color: #7bc4d0;
    right: 98px;
    left: 98px;
    bottom: -20px;
}

.st-bottom:before {
    display: none !important;
}

.st-bottom:after {
    height: 50%;
    top: -15px;
    transform: none;
}

.st-top:after {
    height: 50%;
    bottom: -15px;
    transform: none;
    top: unset;
}

/*Menu*/

.free-audit {
    display: flex;
    background: #4CBB17;
    width: fit-content;
    padding: 5px 10px;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    align-items: center;
}

.free-audit:empty {
    display: none;
}

.free-audit-container p {
    margin-bottom: 0 !important;
}

.free-audit img {
    width: 55px;
    margin-right: 7px;
}

.free-audit-container a:hover .schedule-text {
    color: black !important;
}

.free-audit-container a:hover img {
    filter: invert(100%) !important;
}

.site-header .widget_siteorigin-panels-builder .panel-grid {
    align-items: center !important;
}

.menu-primary-spanish-container .sub-menu li a {
    font-size: 13px;
}

.main-navigation a {
    font-weight: 700 !important;
    font-size: 15px;
}

.main-navigation ul ul ul {
    top: 20px;
}

.menu-primary-container .sub-menu {
    padding: 6px 8px !important;
}

.menu-primary-container .sub-menu .sub-menu .sub-menu {
    width: 100%;
    top: 38px;
    background: #7fb2da;
    padding: 0;
}

.menu-primary-container .sub-menu li a {
    padding: 10px 8px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
}

.aligncenter {
    text-align: center;
}

.menu .woo-cart-icon-custom {
    display: none;
}

.woo-cart-icon-custom {
    list-style: none;
    float: right;
}

.cart-contents-c {
    filter: invert(34%) sepia(90%) saturate(1834%) hue-rotate(175deg) brightness(88%) contrast(101%);
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
    margin-top: 53px;
}

.woo-cart-icon-custom .link {
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
    margin-top: 53px;
}

.woo-cart-icon-custom .link:hover {
    text-decoration: none;
}

.woo-cart-icon-custom .link:before {
    content: "";
    background-image: url("https://www.c0mplex1.com/wp-content/uploads/2022/02/LTTR-cart.svg");
    width: 40px;
    height: 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 999;
    position: inherit;
}

.cart-contents-c:hover {
    text-decoration: none;
}

.cart-contents-c:before {
    content: "";
    background-image: url("https://www.c0mplex1.com/wp-content/uploads/2022/02/LTTR-cart.svg");
    width: 40px;
    height: 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 999;
    position: inherit;
}

.cart-contents-count {
    position: absolute;
    top: 10px;
    right: -5px;
    transform: translateY(-105%) translateX(25%);
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    padding: 1px;
    z-index: 999;
    border: 2px solid red;
    filter: invert(99%) sepia(0%) saturate(7500%) hue-rotate(256deg) brightness(105%) contrast(103%) !important;
}

/* Custom Flag's size */

.wpml-ls-legacy-dropdown .wpml-ls-flag {
    margin: 0 5px;
    width: 40px;
    height: auto;
}

/*Google*/

.google-badge {
    cursor: pointer !important;
}

/* Body */

.merge {
    padding: 0 15%;
    margin-top: 20px;
}

.merge textarea {
    margin-bottom: 20px;
}

.merge .button {
    box-sizing: border-box;
    font-size: 1.45rem;
    font-weight: 500;
    padding: 1rem 2rem;
    background: #70449c;
    color: #ffffff !important;
    border: 1px solid #70449c;
    border-width: 1px 0;
    text-transform: uppercase;
    border-radius: 0;
}

.merge .btn-holder {
    margin-top: 20px;
    margin-bottom: 30px;
}

article.post .entry-header h1.entry-title {
    font-size: 2rem !important;
    line-height: 1.2 !important;
    background: #2f4381 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: white !important;
    padding: 10px;
    margin-top: -20px;
    margin-bottom: 10px;
}

.single-clients-porfolio .ssba-classic-2 {
    display: none;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item:nth-child(odd) .lsow-project-image {
    border: 7px solid #0083bf;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item:nth-child(odd) .entry-title {
    background: #0083bf;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item:nth-child(odd) .lsow-entry-meta {
    background: #0083bf;
    padding: 10px;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item:nth-child(even) .lsow-project-image {
    border: 7px solid #3eb2cb;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item:nth-child(even) .entry-title {
    background: #3eb2cb;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item:nth-child(even) .lsow-entry-meta {
    background: #3eb2cb;
    padding: 10px;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-title {
    margin: 0 auto;
    text-transform: uppercase;
    width: 90%;
    margin-top: -70px;
    border-bottom: 1px solid white;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-title a {
    color: white;
    font-weight: 700;
    width: 90%;
    display: block;
    padding: 10px;
    margin: 0 auto;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-text-wrap {
    position: relative;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-meta {
    background: #0083bf;
    padding: 10px;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-meta a {
    color: white !important;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-summary {
    text-align: left;
}

.clients-porfolio .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-summary::before {
    height: 0px;
}

.clients-results h1 {
    margin-top: 0;
    margin-bottom: 0;
}

.client-icons .gallery .gallery-item {
    margin-bottom: 30px;
    text-align: left;
}

.client-icons .gallery img {
    max-height: 55px !important;
    width: auto;
}

.ul-star-container p {
    display: inline-block;
    margin-bottom: 0;
}

.ul-star-container ul {
    list-style-type: none !important;
    display: inline-block;
    margin: 0;
    float: right;
    padding-top: 5px;
}

.ul-star-container.ul-down ul {
    float: left !important;
    margin-left: 12px;
}

.ul-star-container.ul-down p {
    display: block !important;
}

.ul-star-container ul li {
    float: left;
    margin-left: 0.7rem;
}

.ul-star-container ul li:before {
    display: none !important;
}

.ul-star-container img {
    width: 37px;
}

.ul-star-container .grey-star {
    filter: brightness(75%);
}

.lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item.lsow-active:after {
    border-bottom: 3px solid #0083bf !important;
}

.portfolio-template-default article.post .entry-header h1.entry-title {
    color: #2f4381 !important;
    background: white !important;
}

.comments-area {
    padding: 0 15%;
}

.comments-area footer:after {
    background-image: none !important;
}

.search-results .site-content {
    padding: 0 15%;
}

.captcha-style .g-recaptcha div {
    margin: 0 auto;
}

.error404 .site-content {
    padding: 0 15%;
}

.entry-content h1 {
    font-weight: 700 !important;
    font-size: 4.9rem !important;
    text-transform: uppercase;
    color: #0083bf;
}

.clients-results h1 {
    color: white !important;
}

.error404 .full-container .site-content .entry-header h1.entry-title {
    width: 144%;
    margin-left: -22%;
    text-align: center;
    font-size: 4.9rem !important;
    text-transform: uppercase;
    margin-bottom: 55px !important;
    line-height: 1.2;
    color: white !important;
    font-weight: bold !important;
    background-color: #717481;
    padding: 3% 0;
}

.error405 .site-content .entry-header h1 {
    width: 144%;
    margin-left: -22%;
    text-align: center;
    font-size: 4.9rem !important;
    text-transform: uppercase;
    margin-bottom: 55px !important;
    line-height: 1.2;
    color: white !important;
    font-weight: bold !important;
    background-color: #717481;
    padding: 3% 0;
}

.error403 .site-content .entry-header h1 {
    width: 144%;
    margin-left: -22%;
    text-align: center;
    font-size: 4.9rem !important;
    text-transform: uppercase;
    margin-bottom: 55px !important;
    line-height: 1.2;
    color: white !important;
    font-weight: bold !important;
    background-color: #717481;
    padding: 3% 0;
}

.search-results .site-content .page-header h1 {
    width: 144%;
    margin-left: -22%;
    text-align: center;
    font-size: 4.9rem !important;
    text-transform: uppercase;
    margin-bottom: 55px !important;
    line-height: 1.2;
    color: white !important;
    font-weight: bold !important;
    background-color: #469bce;
    padding: 3% 0;
}

.single-portfolio .ssba-classic-2 {
    display: none;
}

.post-layout .pgafu-user-img {
    display: none !important;
}

.post-layout .pgafu-post-pagination {
    text-align: right;
}

.post-layout .pgafu-post-pagination a {
    background: #4d8bca;
    border: #4d8bca;
}

.post-layout .pgafu-post-grid-content {
    min-height: 570px;
}

body.responsive.layout-full #page-wrapper .full-container {
    max-width: 100vw !important;
}

#main {
    padding: 0;
}

.img-border img {
    border: 2px solid #2f4381;
}

.head-3-center h3 {
    font-size: 1.75rem;
    line-height: 1.2;
    color: #2f4381;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1rem 0 0.25rem 0;
    text-align: center;
}

.special-title h5 {
    font-size: 1.75rem;
    line-height: 1.2;
    color: #2f4381;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1rem 0 0.25rem 0;
}

/* General */

.service-home-btn {
    display: grid !important;
    grid-template-columns: calc(33% - 1rem * 1) calc(33% - 1rem * 1) calc(33% - 1rem * 1);
}

.service-home-btn .so-widget-sow-editor {
    margin-bottom: 60px;
}

.service-home-btn .panel-grid-cell {
    height: 100%;
    width: 100% !important;
    position: relative;
}

.service-home-btn .widget_sow-button {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.new-service-btn .ow-button-base a.ow-icon-placement-left .sow-icon-image,
.ow-button-base a.ow-icon-placement-left [class^=sow-icon-] {
    margin: inherit;
    float: left;
    height: 32px;
}

.new-service-btn .ow-button-base a {
    padding: 25px 50px;
}

.new-service-btn .ow-button-base a .sow-icon-image {
    background-size: contain;
    background-repeat: no-repeat;
}

.new-service-btn .ow-button-base span {
    position: relative;
    width: 100%;
    display: block;
    text-align: left;
}

.service-icon {
    display: none;
}

.new-service-btn .ow-button-base .sow-icon-image {
    position: absolute;
    left: -50px;
}

.new-service-btn .widget_sow-button {
    position: relative !important;
    min-height: 100px;
}

.new-service-btn .ow-button-base a {
    background: transparent !important;
    border: none !important;
}

.entry-content h2 {
    font-size: 1.75rem;
    line-height: 1.2;
    color: #2f4381;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin: 1rem 0 0.25rem 0;
}

.entry-content h3 {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin: 1rem 0 0.25rem 0;
}

.entry-content h4 {
    font-size: 1.5rem !important;
}

.entry-content h4,
.entry-content h5 {
    font-weight: 700 !important;
}

.entry-content ul li {
    list-style: none;
    /* Remove default bullets */
}

.entry-content ul li::before {
    content: "\25A0";
    color: #0083bf;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/* Masterhead*/

header .full-container {
    width: 80%;
}

#header-sidebar .widget_media_image img {
    margin-top: -20px;
}

#masthead .hgroup {
    padding: 10px 0 20px 0;
}

#masthead .hgroup #header-sidebar aside.widget {
    float: right;
    margin-left: 15px;
}

#masthead .hgroup #header-sidebar {
    width: 70%;
    padding-top: 15px !important;
    z-index: 1500;
    justify-content: flex-end;
    align-items: anchor-center;
}

#masthead .hgroup #header-sidebar .widget_siteorigin-panels-builder {
    width: 50%;
    max-width: 80%;
}

#masthead .hgroup #header-sidebar .widget_siteorigin-panels-builder .sow-image-container {
    width: 40%;
    float: right;
}

#masthead .hgroup #header-sidebar .widget_icl_lang_sel_widget {
    max-width: 25%;
}

/* Menu */

.site-navigation .full-container {
    margin: 0 auto;
    text-align: center;
}

.site-navigation .full-container aside {
    margin: 0 6% 0 0 !important;
}

.site-navigation .full-container aside .social-media-button-container {
    display: flex
}

.site-navigation .full-container aside .sow-social-media-button {
    width: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 6%;
}

.site-navigation .full-container aside .social-media-button-container a:hover {
    background: #00bcff;
}

.widget_vantage-social-media .social-media-icon [class^="fa fa-"] {
    width: 1em;
    height: 1em;
    text-align: center;
    display: block;
    position: absolute;
    line-height: 1em;
    color: #ffffff;
    top: 50%;
    left: 50%;
    margin-top: -0.45em;
    margin-left: -0.5em;
}

.sow-icon-fontawesome {
    font-size: 18px;
}

.menu-primary-container .menu {
    display: flex;
    margin: 0;
    align-items: anchor-center;
}

.menu-primary-spanish-container .menu {
    display: flex;
    margin: 0;
    align-items: anchor-center;
}

.menu-primary-container .menu li {
    flex: 1 0 auto;
    text-align: center;
    margin: 8px 0;
    border-right: 2px solid white;
    text-transform: uppercase;
}

.menu-primary-spanish-container .menu li {
    flex: 1 0 auto;
    text-align: center;
    margin: 8px 0;
    border-right: 2px solid white;
    text-transform: uppercase;
}

.menu-primary-container .menu li:last-child {
    border: none;
}

.menu-primary-container .sub-menu {
    padding: 0 8px 15px;
}

.menu-primary-spanish-container .sub-menu {
    padding: 0 8px 12px !important;
}

.menu-primary-container .sub-menu {
    width: 100%;
    float: left;
}

.menu-primary-spanish-container .sub-menu {
    width: 100%;
    float: left;
}

.menu-primary-container .sub-menu li {
    border-right: none !important;
    margin-bottom: 0;
    margin-top: 0 !important;
    padding-bottom: 5px;
    padding-top: 5px
}

.menu-primary-spanish-container .sub-menu li {
    border-right: none !important;
    margin-bottom: 0;
    margin-top: 0 !important;
    padding-bottom: 5px;
    padding-top: 5px
}

.main-navigation a {
    font-weight: 500;
}

/* new Menu */

.menu-menu-german-container {
    width: 80%;
    display: inline-block;
}

.menu-menu-german-container .menu li {
    flex: 1 0 auto;
    text-align: center;
    margin: 8px 0;
    border-right: 2px solid white;
    text-transform: uppercase;
}

.menu-menu-german-container .menu {
    display: flex;
    margin: 0;
}

.menu-menu-german-container .sub-menu li {
    min-height: 37px;
    border-right: none !important;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.menu-menu-german-container .sub-menu li a {
    padding: 10px 8px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
}

.menu-menu-german-container .sub-menu {
    width: 100%;
    float: left;
}

.menu-menu-german-container .wpml-ls-item {
    display: none;
}

.menu-primary-container .menu li {
    flex: 1 0 auto;
    text-align: center;
    margin: 8px 0;
    border-right: 2px solid white;
    text-transform: uppercase;
}

.service-drop .sub-menu {
    width: 23vw;
}

.service-drop .sub-menu .sub-menu {
    width: 100%;
    left: 0;
    top: 43px;
}

.service-drop .sub-menu .menu-item {
    width: 49%;
}

.service-drop .sub-menu .sub-menu li {
    width: 100%;
}

.menu-primary-container .sub-menu .sub-menu {
    width: 100%;
    background: #a7c3e6;
    padding: 0;
    top: 20px;
    left: 100%;
}

.menu-primary-spanish-container .sub-menu .sub-menu {
    width: 100%;
    background: #a7c3e6;
    padding: 0;
}

.menu-primary-container .sub-menu .sub-menu a:hover {
    background: #91a8c5 !important;
}

.menu-primary-spanish-container .sub-menu .sub-menu a:hover {
    background: #91a8c5 !important;
}

.menu-primary-container .sub-menu .sub-menu a:focus {
    background: #91a8c5 !important;
}

.menu-primary-spanish-container .sub-menu .sub-menu a:focus {
    background: #91a8c5 !important;
}

.main-navigation .sub-menu ul li:hover>a,
.main-navigation .sub-menu ul li.focus>a {
    background: #91a8c5 !important;
}

.menu-primary-container .sub-menu .sub-menu .sub-menu {
    width: 100%;
    left: 100%;
    top: 20px;
    background: #0083bf;
    padding: 0;
}

.menu-primary-spanish-container .sub-menu .sub-menu .sub-menu {
    width: 100%;
    top: 45px;
    background: #7fb2da;
    padding: 0;
}

.menu-primary-container .sub-menu .sub-menu .sub-menu a:focus {
    background: #6d9abd !important;
}

.menu-primary-spanish-container.sub-menu .sub-menu .sub-menu a:hover {
    background: #6d9abd !important;
}

.logo-wrapper {
    align-content: center;
}

.logo-wrapper img {
    max-width: 330px;
    height: auto;
}

/*.menu-primary-container .menu li:last-child {
    border: none;
    }*/

.menu-primary-container .sub-menu {
    padding: 0 8px;
}

.menu-primary-spanish-container .sub-menu {
    padding: 0 8px;
}

.menu-primary-container .sub-menu li {
    min-height: 37px;
    border-right: none !important;
    margin-bottom: 0;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.menu-primary-spanish-container .sub-menu li {
    min-height: 37px;
    border-right: none !important;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.menu-primary-spanish-container #menu-item-25027 .sub-menu li {
    min-height: 37px;
    border-right: none !important;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.menu-primary-container .sub-menu .sub-menu li {
    width: 100%;
    margin: 0;
}

.menu-primary-spanish-container .sub-menu .sub-menu li {
    width: 100%;
    margin: 0;
}

.menu-primary-container .sub-menu li a {
    padding: 8px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.menu-primary-spanish-container .sub-menu li a {
    padding: 8px 3px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.main-navigation a {
    font-weight: 500;
}

/*woocomerce*/

.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 2%;
}

.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .form-row {
    width: 100% !important;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: left;
    width: 48%;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: right;
    width: 48%;
    clear: none;
}

.woocommerce-cart-form {
    float: left;
    width: 49%;
}

.shop_table .product-quantity {
    display: none !important;
}

.woocommerce-cart-form__cart-item .product-quantity {
    display: none !important;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: 100% !important;
}

.woocommerce-checkout .col-1 {
    width: 100% !important;
}

.cart-collaterals {
    float: right;
    width: 49% !important;
    clear: none;
}

.product-template-default .site-main {
    padding: 2% 15% !important;
}

.product-template-default .related {
    width: 100%;
    clear: both;
}

.product-template-default img.wp-post-image {
    max-height: 350px !important;
}

.woocommerce-message {
    border-top-color: #7cc4d0;
}

.woocommerce .button.alt {
    border: none !important;
    background: #0083bf !important;
    text-transform: uppercase;
    border-radius: 0 !important;
}

.woocommerce #page-wrapper .button {
    color: white !important;
}

.woocommerce div.product div.images img {
    display: block;
    width: auto;
    height: auto;
    box-shadow: none;
    margin: 0 auto;
}

.wcpd_reject {
    background-color: #dddddd !important;
    border: 1px solid #dddddd !important;
    color: #3b3b3b !important;
}

.wcpd-modal-header a {
    text-decoration: none;
}

.wcpd-modal-content-footer a {
    text-decoration: none;
}

/*prod-archive*/

.archive.woocommerce .site-main {
    width: 70%;
    margin: 60px auto 60px auto !important;
}

.archive.woocommerce .columns-3 {
    display: flex;
    align-items: stretch;
    /* Default */
    justify-content: space-between;
    margin: 30px auto 30px auto !important;
    padding: 0;
}

.archive.woocommerce .columns-3 li {
    display: block;
    flex: 0 1 auto;
    /* Default */
    list-style-type: none;
    max-width: 25%;
    margin: 0 auto !important;
    margin-bottom: 50px !important;
}

.archive.woocommerce .columns-3 .button-r {
    border: none !important;
    background: #0083bf !important;
    text-transform: uppercase;
    border-radius: 0 !important;
    position: absolute;
    bottom: -25%;
    color: white;
    font-weight: 700;
    padding: 15px;
}

.archive.woocommerce .columns-3 .button {
    display: none;
}

.woocommerce-shop .woocommerce-breadcrumb {
    display: none;
}

.woocommerce-shop .woocommerce-products-header {
    display: none;
}

.woocommerce-shop .woocommerce-result-count {
    display: none;
}

.woocommerce-shop .woocommerce-ordering {
    display: none;
}

.woocommerce div.product form.cart .button {
    vertical-align: middle;
    display: block;
    float: none !important;
    margin-top: 15px;
}

.woocommerce .virtual .button {
    margin-top: 4px !important;
}

.woocommerce-additional-fields {
    display: none;
}

/* Head */

.site-header .widget_icl_lang_sel_widget {
    width: 100px;
    margin-top: 15px;
}

.menu-primary-container .wpml-ls-item {
    display: none;
}

.menu-primary-spanish-container .wpml-ls-item {
    display: none;
}

/* Home */
.new-home-hero {
    position: relative;
}

.new-home-hero .panel-grid-cell {
    align-self: center;
}

.new-home-hero .textwidget {
    z-index: 10;
}

.new-home-hero .new-home-hero-txt {
    position: relative;
    color: white;
}

.new-home-hero h1 {
    color: white;
    margin-bottom: 10px;
}

/*.new-home-hero .new-home-hero-txt:after {
	content: "";
    position: absolute;
	width:105%;
	height:105%;	
	background-color:#203d7c;
	mix-blend-mode: multiply;
	z-index:-1;
	opacity:85%;
	top:-2.5%;
	left:-2.5%
}*/
.new-home-hero:before {
    z-index: 101;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 91px;
    background-size: cover;
    width: 100%;
    -moz-transform: scaleX(-1);
    background-color: white;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.new-home-hero:after {
    z-index: 100;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 106px;
    background-size: cover;
    width: 100%;
    -moz-transform: scaleX(-1);
    background-color: #7fb2da;
    clip-path: polygon(0 90%, 100% 0%, 100% 100%, 0% 100%);
}

.new-home-hero .new-hero-text {
    max-width: 45% !important;
    background-color: #203d7c !important;
    color: white !important;
    padding: 20px;
}

.slider-home-top {
    margin-top: -25px;
    margin-bottom: -45px;
    min-height: 140px;
}

.metaslider .flexslider {
    margin-bottom: 20px !important;
}

.header-home {
    position: relative;
    padding: 5% 0;
}

.header-home:after {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    width: 100%;
    background-image: url("https://www.c0mplex1.com//wp-content/uploads/2020/06/BG-Header-Home.svg");
}

.header-home .textwidget {
    display: flex;
}

.header-home h1 {
    font-size: 9rem;
    margin: 0 5px;
    z-index: 10;
    font-weight: 700 !important;
}

.servicio-esp .panel-grid-cell {
    position: relative;
    min-height: 450px;
}

.servicio-esp .panel-grid-cell .widget_sow-button {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.service-row .service-btn a {
    width: 100%;
}

.service-row .widget_sow-image {
    max-height: 135px;
}

.service-row .widget_sow-image img {
    max-width: 220px;
    max-height: 140px;
}

.service-row picture {
    width: 45%;
}

/* Page Content */

.wd-style .panel-widget-style,
.wd-style .so-panel {
    height: 100%;
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: center;
}

.wd-style h3 {
    color: white !important;
    font-size: 30px !important;
}

.sow-hero-buttons {
    margin-top: 20px !important;
}

.wd-landing,
.wd-landing .so-widget-sow-image,
.wd-landing .sow-image-container,
.wd-landing .so-panel {
    height: 100%;
}

.wd-landing .sow-image-container {
    overflow: hidden;
    justify-content: center;
}

.wd-landing .sow-image-container img {
    max-width: none !important;
    height: 100%;
    width: auto !important;
}

.breadcrumb .custom-breadcrumbs {
    padding: 10px 16px;
    list-style: none;
    background-color: #eee;
}

.breadcrumb .custom-breadcrumbs li {
    display: inline;
    font-size: 18px;
}

.breadcrumb .custom-breadcrumbs li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

.breadcrumb .custom-breadcrumbs li a {
    text-decoration: none;
}

.entry-content blockquote {
    border-left: 3px solid #3eb2cb !important;
}

.BG {
    position: relative;
    background-color: #f2f2f2;
    margin-top: 110px;
    margin-bottom: 90px;
}

.BG .panel-grid-cell {
    padding-top: 2%;
}

.BG-Top {
    margin-top: -40px !important;
}

.BG h2 {
    text-align: left !important;
    margin-top: 10px !important;
}

.BG-Left .panel-grid-cell {
    margin-top: -20px;
}

.BG-Right .panel-grid-cell {
    margin-top: -25px;
}

.BG-Top .panel-grid-cell {
    padding-top: 25px;
}

.BG-Left:before {
    z-index: 0;
    content: "";
    position: absolute;
    top: -89px;
    left: 0;
    right: 0;
    height: 90px;
    background-size: cover;
    width: 100%;
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    background-color: #f2f2f2;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.BG-Left:after {
    z-index: 0;
    content: "";
    position: absolute;
    bottom: -89px;
    left: 0;
    right: 0;
    height: 90px;
    background-size: cover;
    width: 100%;
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    background-color: #f2f2f2;
    clip-path: polygon(100% 0, 0 0, 0 100%);
}

.BG-Right:before {
    z-index: 0;
    content: "";
    position: absolute;
    top: -89px;
    left: 0;
    right: 0;
    height: 90px;
    background-size: cover;
    width: 100%;
    background-color: #f2f2f2;
    clip-path: polygon(0 100%, 100% 100%, 100% 0);

}

.BG-Right:after {
    z-index: 0;
    content: "";
    position: absolute;
    bottom: -89px;
    left: 0;
    right: 0;
    height: 90px;
    background-size: cover;
    width: 100%;
    background-color: #f2f2f2;
    clip-path: polygon(100% 0, 0 0, 0 100%);
}

.BG .entry-content ul li::before {
    color: #7fb2da !important;
}

.new-contact {
    background-color: #7FB2DA !important;
    color: white !important;
}

.new-contact:after {
    background-color: #7FB2DA !important;
}

.new-contact:before {
    background-color: #7FB2DA !important;
}

.new-contact img {
    max-width: 240px !important;
}

.new-contact .big-title {
    font-size: 3.5rem;
    text-transform: uppercase;
}

.new-contact .new-c-text a {
    color: #203D7C !important;
    font-weight: 700;
}

.new-contact .new-c-text a:hover {
    color: #F15A24 !important;
}

.seo-audit {
    background-color: #4CBB17 !important;
}

.seo-audit .nf-response-msg {
    color: white !important;
}

.seo-audit h2,
.seo-audit h3 {
    font-size: 3.5rem;
    margin-bottom: 25px;
    margin-left: 3px;
    color: white !important;
}

.seo-audit:after,
.seo-audit:before {
    background-color: #4CBB17 !important;
}

.seo-audit .submit-wrap input {
    background: #2F4381 !important;
    font-size: 2rem !important;
    padding: 0 50px !important;
    height: 40px !important;
    margin: 0;
    width: auto !important;
    float: right;
}

.seo-audit .submit-wrap input:hover {
    background: #22335E !important;
}

.seo-audit .ninja-forms-field {
    border-radius: 0 !important;
}

.seo-audit .submit-container {
    margin: 0 !important;
}

.seo-audit img {
    max-width: 280px !important;
    margin: 0 auto;
}

.img-numb .siteorigin-widget-tinymce {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    align-items: end;
    max-width: 90%;
    margin: 0 auto;
}

.seo-sb-container h2 {
    margin: 0.35em !important;
}

.seo-sb-container .r-top h2 {
    font-size: 45px;
}

.seo-sb-container .r-bottom h2 {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
}

.seo-sb-container .r-bottom img {
    margin: 10px;
    height: 50px;
}

.seo-pro-n {
    width: 30%;
}

.seo-pro-n span {
    text-align: center;
    border: 6px solid #0083BF;
    color: #0083BF;
    background: #fff;
    font-weight: 700;
    font-size: 50px;
    aspect-ratio: 1;
    display: block;
    width: 80px;
    height: 100%;
    border-radius: 100%;
    margin: 0 auto;
}

.seo-pro-i {
    width: 70%;
}

.seo-pro-i img {
    margin-bottom: 0;
    max-width: 90%;
}

.seo-p-row {
    flex-wrap: wrap !important;
    overflow: hidden;
}

.seo-p-row .panel-grid-cell {
    padding: 50px 20px;
    flex: 0 1 auto;
    position: relative;
}

.seo-p-even .panel-grid-cell:nth-child(even) {
    background: #F2F2F2;
    position: relative;
    z-index: 1;
}

.seo-p-even .panel-grid-cell:nth-child(even):after {
    position: absolute;
    content: '';
    width: 100%;
    height: 110%;
    left: 0;
    top: 50%;
    background: #F2F2F2;
    z-index: -1;
}

.seo-p-odd .panel-grid-cell:nth-child(odd) {
    background: #F2F2F2;
    background: #F2F2F2;
    position: relative;
    z-index: 1;
}

.seo-p-odd .panel-grid-cell:nth-child(odd):after {
    position: absolute;
    content: '';
    width: 100%;
    height: 110%;
    left: 0;
    top: 50%;
    background: #F2F2F2;
    z-index: -1;
}

.seo-bussiness-bg:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 115%;
    top: 0;
    left: 0;
    background: #f2f2f2;
    z-index: -1;
}

.seo-business .seo-num-img {
    display: flex;
    align-items: end;
    margin-bottom: 20px;
    text-align: center;
}

.seo-business .seo-img img {
    margin-bottom: -10px !important;
    max-width: 200px;
    margin-left: 20px !important;
}

.seo-business .seo-num {
    font-size: 45px;
    background: #fff;
    border: 10px solid #0083bf;
    border-radius: 100%;
    color: #0083bf;
    font-weight: 700;
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 58px;

}

.seo-bussiness-middle h3,
.seo-bussiness-middle {
    color: white !important;
}

.seo-bussiness-bg {
    isolation: isolate;
}

.seo-bussiness .panel-layout .panel-grid {
    position: relative !important;
}

.pensa-h2 h2 {
    font-size: 2.75rem;
}

.pensa-div {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.pensa-ul {
    text-align: right;
    flex-basis: calc(50% - 8px);
    box-sizing: border-box;
}

.wd-pensacola .widget_siteorigin-panels-builder {
    height: 100%;
    display: flex;
    justify-content: center;
}

.wd-pensacola .widget_siteorigin-panels-builder .so-panel {
    height: auto;
}

.wd-pensacola .panel-widget-style {
    width: 100%;
}

.cta-video {
    background-color: #2f4381 !important;
}

.cta-video:after,
.cta-video:before {
    background-color: #2f4381 !important;
}

.cta-video .video-call {
    display: block;
    text-align: center;
}

.call-form {
    margin-top: 20px;
    width: 48%;
}

.call-form-full {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.text-form {
    width: 48%;
}

.text-form input {
    width: 100%;
}

.text-form-home {
    position: relative;
    top: -20px;
}

.call-form .wpcf7-checkbox .wpcf7-list-item {
    display: block;
    margin-bottom: 10px;
}

.cta-video .video-call a {
    font-weight: 700;
    background: #4CBB17 !important;
    font-size: 2rem !important;
    padding: 5px 20px 0 !important;
    height: 40px !important;
    margin: 20px 0 0 0;
    width: auto !important;
    display: inline-block;
    text-decoration: none;
    color: white !important;
    min-width: 320px;
}

.cta-video .video-call a:hover {
    background: white !important;
    color: #2f4381 !important;
}

.cta-video .video-call h2 {
    color: white !important;
    text-align: center !important;
    font-size: 40px;
}

.seo-audit .seo-a {
    float: right;
}

.seo-a {
    width: 49%;
}

.wpcf7 .seo-a input {
    max-width: 49%;
    background: #2f4381 !important;
    font-size: 2rem !important;
    padding: 0 !important;
    height: 40px !important;
    margin: 20px 0px;
    width: 100% !important;
    float: right;
}

.seo-a .cf7-cf-turnstile {
    display: inline-block;
    max-width: 49%;
    float: right;
    position: relative;
}

.seo-a p {
    margin: 0 !important;
}

.wpcf7 .seo-a input:hover {
    background: #22335e !important;
}

.site-header .phone-anchor {
    color: #203d7c !important;
    font-weight: 700;
}

.site-header .phone-anchor:hover {
    color: #f47e3c !important;
}

.panel-layout .panel-grid:last-child .BG {
    margin-bottom: -50px;
}

.middle-bg {
    width: 100%;
    background: #7cc4d0;
    padding: 8px;
}

.middle-bg a {
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 3rem;
    margin-top: 20px;
}

.middle-bg a:hover {
    color: #0083BF;
}

.wd-style .ul-seo ul {
    margin-left: 0 !important;
}

.ul-seo ul {
    display: flex;
    flex-wrap: wrap;
}

.ul-seo li {
    flex: 0 0 29%;
    margin-bottom: 10px;
}

.ul-star ul {
    margin-left: 0;
}

.page-headline {
    position: relative;
    padding-bottom: 50px;
}

.title-container {
    padding-bottom: 70px;
}

.title-container.new-seo {
    padding-bottom: 90px;
}

.title-container .wistia_responsive_padding {
    width: 95% !important;
}

/*Google Landing*/

.review-slider .rev-element {
    text-align: center;
    border: 2px solid #7cc4d0;
}

.review-slider .rev-element h3 {
    color: #2f4381;
    font-size: 22px;
    margin: 10px 0;
}

.review-slider .rev-element p {
    background: #7cc4d0;
    color: white;
    font-size: 26px;
    margin: 0;
}

.review-slider .sow-carousel-item {
    margin-bottom: 0 !important;
}

.review-slider .sow-carousel-previous,
.review-slider .sow-carousel-next {
    border: none !important;
    font-size: 25px !important;
}

/*clients-result*/

.title-clients-result {
    display: grid !important;
    grid-template-columns: calc(50% - 1rem * 1) calc(50% - 1rem * 1);
    padding: 1% 0 5% 0;
}

.title-clients-result .panel-grid-cell {
    width: auto !important;
    height: 100%;
}

.title-clients-result .panel-grid-cell .so-panel {
    height: 100%;
    position: relative;
}

.title-clients-result .page-headline {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.page-headline h1 {
    font-size: 4.9rem !important;
    text-transform: uppercase !important;
    margin: 15px 0 30px 0 !important;
    line-height: 1.2 !important;
    color: white !important;
    font-weight: bold !important;
}

.leader-page h2 {
    margin-top: 0;
}

.sow-accordion-title {
    font-weight: 700;
    font-size: 20px;
}

.sow-accordion-panel {
    border-bottom: 3px solid #ccc;
}

.sow-accordion-panel-header:focus {
    outline: none !important;
}

.sow-accordion-panel-border {
    padding: 15px 40px;
}

.service-row-content .panel-grid-cell {
    position: relative;
    min-height: 360px;
}

.service-row-content .widget_sow-button {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.service-content h4 {
    position: relative;
    text-indent: 35px;
}

.service-icon {
    position: absolute;
    top: 6px;
    left: 0;
    margin: 0 10px 0 0;
}

.builder-content ul {
    margin-left: 5px !important;
}

.builder-content h4 {
    text-transform: uppercase;
}

.portfolio-page .lsow-portfolio-item article {
    position: relative;
    min-height: 200px;
}

.portfolio-page .lsow-portfolio-item article h3 {
    position: absolute;
    width: 100%;
    bottom: -10px;
    left: 0;
}

.portfolio-page .lsow-portfolio-item .lsow-project-image {
    width: 90%;
    position: absolute !important;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.portfolio-page .lsow-portfolio-item .lsow-project-image img {
    max-height: 170px;
    width: auto !important;
    margin: 0 auto;
}

.portfolio .entry-main {
    margin: 30px auto 0 auto;
    text-align: center;
}

.portfolio,
entry-content {
    padding: 0 15%;
    text-align: left !important;
}

.portfolio .entry-header .entry-thumbnail img {
    margin: 0 auto
}

.portfolio .unable {
    pointer-events: none;
    cursor: default;
}

.portfolio .entry-categories {
    display: none;
}

.portfolio .entry-content {
    text-align: center;
}

.pricing-table .ow-pt-column {
    -webkit-box-shadow: inset -7px 0px 0px 0px rgba(255, 255, 255, 1) !important;
    -moz-box-shadow: inset -7px 0px 0px 0px rgba(255, 255, 255, 1) !important;
    box-shadow: inset -7px 0px 0px 0px rgba(255, 255, 255, 1) !important;
}

.pricing-table .ow-pt-title {
    border: none !important;
    text-shadow: none !important;
    border-radius: 0 !important;
    font-weight: 700;
    padding: 30px !important;
    background: #9ecceb !important;
    -webkit-box-shadow: inset -7px 0px 0px 0px rgba(255, 255, 255, 1) !important;
    -moz-box-shadow: inset -7px 0px 0px 0px rgba(255, 255, 255, 1) !important;
    box-shadow: inset -7px 0px 0px 0px rgba(255, 255, 255, 1) !important;
}

.pricing-table .ow-pt-subtitle {
    color: white !important;
    font-weight: 500 !important;
}

.pricing-table .ow-pt-details {
    border: none !important;
    text-shadow: none !important;
    background: #f2f2f2 !important;
    padding: 40px 10px !important;
    -webkit-box-shadow: inset -7px 0px 0px 0px rgba(255, 255, 255, 1) !important;
    -moz-box-shadow: inset -7px 0px 0px 0px rgba(255, 255, 255, 1) !important;
    box-shadow: inset -7px 0px 0px 0px rgba(255, 255, 255, 1) !important;
}

.pricing-table .ow-pt-details .ow-pt-price {
    color: #4d4d4d !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    font-size: 1.8em !important;
}

.pricing-table .ow-pt-details .ow-pt-per {
    color: #4d4d4d !important;
}

.blog-layout .grid-loop-columns-4.vantage-grid-loop article {
    width: 49.5%;
    display: inline-block;
    min-height: 400px;
    padding: 10px !important;
}

.blog-grid {
    padding-top: 0 !important;
}

.blog-grid article .lsow-project-image {
    padding: 0;
    border: none;
    webkit-box-shadow: none;
    box-shadow: none;
    height: 320px;
    position: relative;
    overflow: hidden;
}

.blog-grid article .lsow-project-image a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 100;
}

.blog-grid article .lsow-project-image a:after {
    z-index: 0;
    background-color: #0083bf;
    mix-blend-mode: multiply;
    background-blend-mode: multiply;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    top: 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.blog-grid article .lsow-project-image:hover {
    border-color: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.blog-grid article .lsow-project-image:hover a:after {
    opacity: 1;
}

.blog-grid article .lsow-project-image:hover img {
    -webkit-filter: brightness(100%) !important;
    filter: brightness(100%) !important;
}

.blog-grid article .lsow-project-image img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.blog-grid h3.entry-title {
    font-size: 20px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-align: left;
}

.entry-summary {
    font-size: 18px !important;
}

.blog-grid article h3 a:hover {
    color: #FF8300 !important;
}

.blog-grid .entry-summary {
    text-align: left !important;
}

.blog-grid .entry-summary:before {
    content: inherit !important;
}

.blog-grid .lsow-read-more {
    text-align: left;
}

.blog-grid .lsow-read-more a {
    font-family: "Oswald";
    color: white !important;
    font-weight: 600 !important;
    border-radius: 0;
    background: #ff8300 !important;
    text-transform: uppercase;
    font-size: 20px !important;
    display: inline-block !important;
    text-align: left;
    padding: 10px !important;
}

.blog-grid .lsow-read-more a:hover {
    background: #2f3033 !important;
}

.vantage-grid-loop article {
    /*float: none;*/
}

.vantage-grid-loop article .grid-thumbnail {
    max-height: 290px;
    overflow: hidden;
}

.search-results .site-content .type-post,
.search-results .site-content .type-page,
.search-results .site-content .case-studies {
    padding: 0 15%;
}

.site-content .type-post {
    padding: 0 15%;
}

.site-content .type-post .entry-thumbnail {
    overflow: hidden;
}

.site-content .type-post .entry-thumbnail a,
.site-content .type-page .entry-thumbnail a {
    width: 100%;
}

.site-content .type-post .entry-thumbnail picture {
    position: relative;
}

.site-content .type-post .entry-thumbnail picture img {
    width: 70vw;
}

article.post .entry-header .entry-thumbnail img {
    max-width: inherit;
    object-fit: contain;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

article.case-studies .entry-header .entry-thumbnail img {
    width: 300px;
}

.single-post .entry-thumbnail img {
    width: 100%;
}

article.post .entry-header h1.entry-title:hover {
    background-color: #469bce;
}

.submit-wrap input {
    background: #f7931e !important;
    border: 0 !important;
    color: white !important;
    font-size: 2.5rem !important;
    padding: 20px 30px !important;
    border-radius: 0 !important;
}

.content-img {
    overflow: hidden;
    max-height: 380px;
}

.content-img img {
    margin-top: -5%;
    width: 100%;
}

/* Footer */
.grecaptcha-badge {
    z-index: 2;
}

footer {
    position: relative;
    background: transparent !important;
    z-index: 2;
}

footer .footer-links {
    background: #203d7c;
    margin-bottom: -25px;
}

footer .footer-links ul {
    list-style: disc !important;
    padding-left: 20px !important;
    color: white !important;
    margin-top: 7px !important;
}

footer .footer-links ul a {
    color: white !important;
}

footer .footer-links ul a strong {
    color: white !important;
}

#colophon {
    padding: 0;
}

#footer-widgets .widget {
    padding: 0 14%;
    width: 100% !important;
}

#footer-widgets aside {
    width: 100%;
}

#footer-widgets .widget h2 {
    color: white !important;
    font-size: 3rem !important;
}

#site-info {
    background: #203d7c;
    color: white !important;
    padding: 10px 0 15px 0;
}

#site-info img {
    margin-bottom: -37px;
}

#site-info span {
    font-size: 15px;
}

.layout-full #colophon {
    margin-top: 90px;
    padding-bottom: 0;
}

.layout-full #colophon .ninja-forms-form-wrap {
    padding-top: 40px;
}

.nf-form-fields-required {
    display: none;
}

.nf-field-label label {
    font-weight: 500 !important;
}

.dev-q {
    margin: 0;
}

.dev-q li {
    display: inline-block;
}

.site-footer h2 {
    text-align: center !important;
    color: white;
    font-size: 3rem;
    font-weight: 700 !important;
    margin-bottom: 20px;
}

/*
Theme Name: Vantage Child
Author: SiteOrigin
Author URI: http://siteorigin.com/
Theme URI: http://siteorigin.com/theme/vantage
Description: Vantage Child Theme
Version: 1.0.0
Template: vantage
Text Domain: vantage
Domain Path: /languages/
*/
/*extra*/

::placeholder {
    color: gray !important;
}

::-ms-input-placeholder {
    /* Edge 12-18 */
    color: gray !important;
}

.form-left input {
    padding-left: 95px !important;
}

.footer-cf7,
.footer-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.c-question .footer-form {
    margin-bottom: 20px;
}

.footer-form p {
    flex: 1;
    margin-top: 0 !important;
}

.footer-cf7 input,
.footer-form input,
.wpcf7-form-control.wpcf7-textarea {
    width: 100% !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    line-height: normal;
    outline: none;
    padding: 30px 12px 9px;
    -webkit-appearance: none;
}

.footer-cf7,
.job-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.c-question .job-form {
    margin-bottom: 20px;
}

.job-form p {
    flex: 1;
    margin-top: 0 !important;
}

.footer-cf7 input,
.job-form input,
.wpcf7-form-control.wpcf7-textarea {
    width: 100% !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    line-height: normal;
    outline: none;
    padding: 30px 12px 9px;
    -webkit-appearance: none;
}

.wpcf7 .submit-container {
    text-align: center;
}

.wpcf7 .submit-container input {
    background: #f7931e;
    border: 0;
    color: #fff;
    font-size: 2.5rem;
    padding: 20px 30px;
    border-radius: 0;
    text-transform: uppercase;
    white-space: inherit;
}

.wpcf7 .submit-container input:hover {
    background: #203d7c;
}

.site-footer .wpcf7 .submit-container input,
.cf-contact .wpcf7 .submit-container input {
    margin: 35px auto 0;
    display: block;
}

.site-footer .cf7-cf-turnstile,
.cf-contact .cf7-cf-turnstile {
    position: relative;
    bottom: -95px;
}

.C01-footer-form p b {
    position: relative;
    font-weight: 500 !important;
}

.job-form p b {
    position: relative;
    font-weight: 500 !important;
    transition: all 0.3s ease-out;
    color: #3b3b3b;
    z-index: 2;
    display: inline-block;
}

.wpcf7-form input:focus-within b {
    color: red;
    top: 10px !important;
}

.C01-footer-form p b:after {
    content: '*';
    color: red;
    font-size: 17px;
}

.job-form p b:after {
    content: '*';
    color: red;
    font-size: 17px;
}

.text-form p b {
    position: relative;
    font-weight: 500 !important;
}

.text-form p b:after {
    content: '*';
    position: absolute;
    color: red;
    top: -5px;
    right: -10px;
    font-size: 17px;
}

.call-form p b {
    position: relative;
    font-weight: 500 !important;
}

.call-form p b:after {
    content: '*';
    position: absolute;
    color: red;
    top: -5px;
    right: -10px;
    font-size: 17px;
}

.text-form p b:after .wpcf7 .vc-btn input {
    background: #4cbb17 !important;
}

.wpcf7 .vc-btn input:hover {
    background: #388d10 !important;
}

/*New form*/

/*Contact form*/

.floating-field {
    flex: 1;
}

.footer-form-text .floating-field {
    width: 100% !important;
}

.floating-field p,
.form-check p {
    position: relative;
    margin-bottom: 20px !important;
}

.form-check label {
    color: #666 !important;
    font-size: 18px !important;
}

/* Inputs */

input:-internal-autofill-selected {
    background: transparent !important;
}

.C01-footer-form input,
.C01-footer-form textarea .floating-field input,
.floating-field textarea {
    width: 100%;
    padding: 24px 12px 16px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    background: white;
    outline: none;
}

.C01-footer-form p {
    width: 100%;
    margin-bottom: 20px !important;
}

.floating-field input::placeholder,
.floating-field textarea::placeholder {
    opacity: 0;
    /* Firefox */
}

.phone-form:focus-within input::placeholder {
    opacity: 1;
}

/* Label */
.floating-field label {
    position: absolute;
    left: 12px;
    top: 19px;
    font-size: 15px;
    pointer-events: none;
    transition: all 0.2s ease;
    padding: 0 6px;
    color: #3b3b3b !important;
}

.floating-field:focus-within label {
    top: 0px;
    font-size: 12px;
}

.floating-field:has(input:not(:placeholder-shown)) label,
.floating-field:has(textarea:not(:placeholder-shown)) label {
    top: 0px;
    font-size: 12px;
}

.site-footer .widgets .widget .widget-title {
    font-weight: 700 !important;
}

.C01-footer-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
    justify-content: space-between;
}

.floating-field textarea {
    height: 150px;
    min-height: 150px;
}

/*End new form*/

footer .wpcf7 {
    padding: 50px 0;
}

.site-footer {
    position: relative;
    background-color: #7cc4d0;
}

.site-footer:after {
    z-index: -1;
    content: "";
    position: absolute;
    top: -58px;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    clip-path: polygon(0 90px, 100% 0, 100% 100%, 0 100%);
    background-color: #7fb2da;
    /*background-color: #7cc4d0;*/
}

.site-footer:has(#footer-widgets > aside:first-child:last-child)::after {
    background-color: #203d7c;
}

.nf-error-msg,
.ninja-forms-req-symbol {
    text-align: center;
    color: #f7931e;
}

#theme-attribution {
    display: none;
}

/*Special*/

.hiden-xl {
    display: none;
}

.title-container-toys {
    padding: 1% 0 8% 0 !important;
}

.BG-Right-Toys {
    background-color: #e9e4ef !important;
}

.BG-Right-Toys .middle-bg {
    background: #a4a4d8 !important;
}

.BG-Left-Toys {
    background-color: #e9e4ef !important;
}

.BG-Left-Toys:before {
    z-index: 0;
    content: "";
    position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    height: 90px;
    background-size: cover;
    width: 100%;
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: invert(95%) sepia(4%) saturate(581%) hue-rotate(216deg) brightness(98%) contrast(91%) !important;
    background-image: url("https://www.c0mplex1.com/wp-content/uploads/2020/10/BG-Content-Top-black.svg") !important;
    ;
}

.BG-Left-Toys:after {
    z-index: 0;
    content: "";
    position: absolute;
    bottom: -90px;
    left: 0;
    right: 0;
    height: 90px;
    background-size: cover;
    width: 100%;
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: invert(95%) sepia(4%) saturate(581%) hue-rotate(216deg) brightness(98%) contrast(91%) !important;
    background-image: url("https://www.c0mplex1.com/wp-content/uploads/2020/10/BG-Content-Bottom-black.svg") !important;
    ;
}

.BG-Right-Toys:before {
    z-index: 0;
    content: "";
    position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    height: 90px;
    background-size: cover;
    width: 100%;
    filter: invert(95%) sepia(4%) saturate(581%) hue-rotate(216deg) brightness(98%) contrast(91%) !important;
    background-image: url("https://www.c0mplex1.com/wp-content/uploads/2020/10/BG-Content-Top-black.svg") !important;
    ;
}

.BG-Right-Toys:after {
    z-index: 0;
    content: "";
    position: absolute;
    bottom: -90px;
    left: 0;
    right: 0;
    height: 90px;
    background-size: cover;
    width: 100%;
    filter: invert(95%) sepia(4%) saturate(581%) hue-rotate(216deg) brightness(98%) contrast(91%) !important;
    background-image: url("https://www.c0mplex1.com/wp-content/uploads/2020/10/BG-Content-Bottom-black.svg") !important;
    ;
}

.Bench-img {
    width: 100%;
    position: absolute;
    top: -73%;
    right: 0;
    left: 0;
}

.Bench-img-left {
    width: 100%;
    position: absolute;
    top: -90%;
    right: 0;
    left: 0;
}

.teddy-box img {
    width: 80% !important;
    margin: 0 auto;
}

.Bench-img-Footer {
    width: 100%;
    position: absolute;
    bottom: -300%;
    right: 0;
    left: 0;
}

.footer-last-child {
    margin-bottom: 15%;
    position: relative;
    z-index: 100;
}

.page-id-29218 .site-footer:after {
    filter: invert(75%) sepia(9%) saturate(1306%) hue-rotate(202deg) brightness(89%) contrast(90%) !important;
}

.BG-Right-Toys .so-panel {
    margin-bottom: 0 !important;
}

.BG-Left-Toys .so-panel {
    margin-bottom: 0 !important;
}

.gallery-crypto .gallery-size-full {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.gallery-crypto .gallery-item {
    margin-right: 3%;
    width: auto !important;
    flex: 1 0 21;
}

.gallery-crypto .gallery-item img {
    max-height: 60px;
    width: auto;
}

.so-mobilenav-mobile {
    display: none;
}

/*Media query*/


@media (max-width: 3840px) {
    .Bench-img {
        top: -144%;
    }

    .Bench-img-left {
        top: -133%;
    }

    .Bench-img-Footer {
        bottom: -590%;
    }
}

@media (max-width: 2560px) {
    .Bench-img {
        top: -95%;
    }

    .Bench-img-left {
        top: -90%;
    }

    .Bench-img-Footer {
        bottom: -420%;
    }
}

@media (max-width: 1920px) {
    .Bench-img {
        top: -73%;
    }

    .Bench-img-left {
        top: -70%;
    }

    .Bench-img-Footer {
        bottom: -300%;
    }
}

@media (max-width: 1850px) {
    .Bench-img {
        top: -66%;
    }

    .Bench-img-Footer {
        bottom: -290%;
    }
}

@media (max-width: 1675px) {
    .Bench-img {
        top: -63%;
    }

    .Bench-img-left {
        top: -60%;
    }
}

@media (max-width: 1680px) {
    .service-drop .sub-menu {
        width: 30vw;
    }

    .new-home-hero:before {
        bottom: -1px;
    }

    .new-home-hero:after {
        bottom: 0px;
    }
}

@media (max-width: 1610px) {
    #masthead {
        padding: 0;
    }

    header .full-container {
        width: 95%;
    }
}

@media (max-width: 1500px) {
    .footer-last-child {
        margin-bottom: 12%;
    }

    .Bench-img {
        top: -53%;
    }

    .Bench-img-left {
        top: -50%;
    }
}

@media (max-width: 1440px) {
    .single-case-studies .special-case {
        width: 80%;
    }

    .single-case-studies .special-case-2 {
        width: 80%;
    }

    .page-headline h1 {
        font-size: 4.3rem !important;
    }

    .negative-mr-t {
        margin-bottom: -70px;
    }

    .seo-a .cf7-cf-turnstile {
        max-width: 100%;
        top: 70px;
    }

    .seo-a-home .cf7-cf-turnstile {
        max-width: 100%;
        top: 0px;
        left: 100%;
    }

    .wpcf7 .seo-a input {
        position: relative;
        top: -45px;
    }
}

@media (max-width: 1366px) {
    .service-drop .sub-menu {
        width: 35vw;
    }
}

@media (max-width: 1245px) {
    #masthead .hgroup .logo img {
        margin-top: 0 !important;
    }

    #masthead .hgroup .logo {
        height: 96px;
    }

    #masthead .hgroup .logo img {
        width: 60%;
        height: auto;
        margin-top: 20px;
    }

    #masthead .hgroup #header-sidebar .widget_siteorigin-panels-builder {
        width: 70%;
    }
}

@media (max-width: 1200px) {
    .Bench-img {
        top: -39%;
    }

    .footer-last-child {
        margin-bottom: 7%;
    }

    .Bench-img-left {
        top: -38%;
    }

    .Bench-img-Footer {
        bottom: -180%;
    }

    .ul-seo li {
        flex: 0 0 45%;
    }

    .title-container.new-seo {
        height: 400px;
    }

    .title-container.new-seo .page-headline h1 {
        padding: 0 !important;
    }
}

@media (max-width: 1024px) {
    .new-home-hero:before {
        height: 50px;
        bottom: -1px;
    }

    .new-home-hero:after {
        height: 60px;
        bottom: 0px;
    }

    #masthead .hgroup .logo img {
        width: 100%;
    }

    .new-home-hero .new-hero-text {
        max-width: 70% !important;
    }

    .single-case-studies .special-case {
        width: 100%;
    }

    .single-case-studies .special-case-2 {
        width: 80%;
    }

    .title-container {
        width: 130%;
        margin-left: -15%;
        padding-bottom: 50px;
    }

    .service-btn a {
        padding: 1em;
    }

    .service-row {
        padding: 0 10% !important;
    }

    .BG-Left:before {
        height: 50px;
        top: -49px;
    }

    .BG-Left:after {
        height: 50px;
        bottom: -49px;
    }

    .BG-Right:before {
        height: 50px;
        top: -49px;
    }

    .BG-Right:after {
        height: 50px;
        bottom: -49px;
    }

    .full-container .seo-audit {
        margin-top: -45px !important;
    }

    .home .seo-audit {
        margin-top: 85px !important;
    }

    .site-footer:after {
        top: -40px;
        height: 100%;
        width: 100%;
        clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 100%);
    }

    .layout-full #colophon {
        margin-top: 90px;
    }

    .footer-cf7,
    .footer-form {
        justify-content: center;
    }

    .footer-form p {
        flex: auto;
        max-width: 30%;
    }
}

@media (max-width: 768px) {

    .page-template .main-navigation,
    .page-template-default .main-navigation {
        background-color: transparent !important;
        background: transparent !important;
    }

    .seo-business .seo-img img {
        max-width: 150px;
    }

    .seo-bussiness-bg:after {
        height: 100%;
    }

    .seo-a .cf7-cf-turnstile {
        max-width: 100%;
        top: 65px;
        left: 0;
        padding-bottom: 20px;
    }

    .site-footer .cf7-cf-turnstile {
        bottom: -125px;
    }

    .wpcf7 .seo-a input {
        top: -65px;
    }

    .wd-style .panel-widget-style,
    .wd-style .so-panel {
        min-height: 200px;
    }

    .gallery-crypto .gallery-size-full {
        display: inline;
    }

    .gallery-crypto .gallery-item {
        float: none !important;
    }

    .gallery-crypto br {
        display: none !important;
    }

    /*Pop Up Style*/
    .pop-content {
        display: block;
    }

    .pop-content .text {
        width: 100%;
    }

    .pop-content .g-price {
        font-size: 100px;
        line-height: 80px;
        margin-top: 40px;
    }

    .pop-content sup {
        font-size: 50px;
    }

    .pop-content .g-text {
        font-size: 50px;
        line-height: 60px;
    }

    .pop-content .n-text {
        font-size: 30px;
        line-height: 32px;
    }

    .new-contact {
        padding-bottom: 70px !important;
        margin-bottom: -170px !important;
    }

    .wpcf7 .seo-a input {
        float: right;
        padding: 0 50px !important;
        max-width: fit-content;
    }

    body.sticky-menu .site-navigation.sticky {
        display: none !important;
    }

    header .full-container {
        width: 80%;
        margin-left: 10px !important;
    }

    .wp-custom-logo .btg-button-1 {
        display: flex !important;
    }

    .btg-button-2 {
        display: inherit !important;
    }

    .service-icon {
        display: none !important;
    }

    .new-home-hero:before {
        height: 50px;
        bottom: -1px;
    }

    .new-home-hero:after {
        height: 60px;
        bottom: 0px;
    }

    .new-home-hero .new-hero-text {
        max-width: 80% !important;
    }

    .title-container.new-seo {
        height: inherit;
    }

    .full-container .seo-audit {
        top: -55px;
    }

    .main-navigation ul li a {
        padding: 0 !important;
    }

    .main-navigation {
        right: 40px !important;
        top: 45px !important;
        bottom: 35px !important;
    }

    #masthead .hgroup .logo {
        height: auto;
        max-width: 80%;
    }

    #search-icon {
        right: 60px !important;
    }

    #search-icon #search-icon-icon {
        width: 20px;
    }

    #search-icon #search-icon-icon .vantage-icon-search {
        top: 0px !important;
        left: 0 !important;
        color: #203d7c !important;
    }

    #search-icon .searchform {
        top: 40px !important;
        right: 20px !important;
        width: 50vw !important;
    }

    .home .seo-audit {
        top: 0px !important;
        margin-bottom: 60px !important;
    }

    .seo-pro-n span {
        font-size: 40px;
        width: 70px;
    }

    .seo-p-even .panel-grid-cell:nth-child(even):after {
        display: none;
    }

    .seo-p-odd .panel-grid-cell:nth-child(odd):after {
        display: none;
    }

    .cta-video .video-call a {
        min-width: auto;
    }

    .cta-video img {
        max-width: 200px !important;
    }

    .cta-video {
        padding-bottom: 50px !important;
    }

    .cta-video .video-call h2 {
        font-size: 35px;
    }

    .call-form .wpcf7-checkbox {
        display: inline-block;
    }

    .text-form,
    .call-form {
        width: 100%;
    }

    .text-form-home {
        position: relative;
        top: 0px;
    }

    .title-container {
        width: unset;
        margin: auto;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 10%;
    }

    .service-row .widget_sow-image {
        display: inline-block;
        width: 30%;
    }

    .service-row .widget_sow-editor {
        display: inline-block;
        width: 65%;
    }

    .service-row {
        padding: 0 15% !important;
    }

    .archive.woocommerce .columns-3 {
        display: inherit;
    }

    .woocommerce-checkout form .form-row {
        padding: 0 !important;
    }

    .so-mobilenav-mobile+* {
        display: inherit !important;
    }

    .cart-contents {
        filter: invert(99%) sepia(0%) saturate(7500%) hue-rotate(256deg) brightness(105%) contrast(103%) !important;
        margin-top: 0px;
    }

    .woo-cart-icon-custom .link {
        filter: invert(99%) sepia(0%) saturate(7500%) hue-rotate(256deg) brightness(105%) contrast(103%) !important;
        margin-top: 0px;
    }

    .woo-cart-icon-custom {
        float: left !important;
    }

    .woocommerce-shop .columns-3 {
        display: block;
    }

    .archive.woocommerce-shop .columns-3 li {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 100px !important;
    }

    .ul-star-container ul {
        float: left;
        margin-left: 12px;
        padding-top: 0;
    }

    .single-case-studies .no-porcentage .so-widget-lsow-odometers .lsow-odometer {
        text-align: center !important;
    }

    .case-grid-container .siteorigin-widget-tinymce {
        display: inherit !important;
    }

    .single-case-studies .lsow-stats-title-wrap {
        width: 100%;
    }

    .single-case-studies .text-left .lsow-odometer {
        text-align: center;
    }

    .site-header {
        max-height: 140px;
        height: auto
    }

    .slider-home-top {
        margin-bottom: -70px;
    }

    ul,
    ol {
        margin: 0 0 1.5em .5em;
    }

    #masthead .hgroup .logo {
        text-align: left;
    }

    #masthead .hgroup .logo img {
        width: 100%;
        padding: 0 !important;
    }

    .site-navigation .full-container .menu-primary-container {
        display: none;
    }

    .site-navigation .full-container .menu-primary-spanish-container {
        display: none;
    }

    .site-navigation .full-container .menu-menu-german-container {
        display: none;
    }

    .mobile-nav-frame img {
        max-height: 28px;
        width: 28px;
        height: 28px;
        max-width: 28px;
    }

    .site-navigation .full-container aside {
        display: none !important;
    }

    .so-mobilenav-mobile {
        display: inherit;
    }

    .site-header {
        position: relative;
    }

    .main-navigation {
        position: absolute;
        background: transparent !important;
        right: 20px;
        top: 0;
    }

    .main-navigation.sticky {
        background: white !important;
    }

    .mobilenav-main-link {
        cursor: pointer;
        display: inline-block;
        float: right;
        padding: 40px 20px !important;
        position: relative;
        user-select: none;
    }

    .menu-mobilenav-container .mobile-nav-icon {
        background: #333;
        display: block !important;
        height: 3px;
        position: relative;
        transition: background .2s ease-out;
        width: 25px;
    }

    .menu-mobilenav-container .mobile-nav-icon:before,
    .menu-mobilenav-container .mobile-nav-icon:after {
        background: #333;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        transition: all .2s ease-out;
        width: 100%;
    }

    .menu-mobilenav-container .mobile-nav-icon:before {
        top: 9px;
    }

    .menu-mobilenav-container .mobile-nav-icon:after {
        top: -9px;
    }

    .mobile-nav-frame ul {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .mobile-nav-frame .title {
        border: none !important;
    }

    .mobile-nav-frame ul li a.link {
        text-shadow: none !important;
        font-weight: 500 !important;
    }

    .mobile-nav-frame .title h3 {
        text-shadow: none !important;
        font-weight: 700 !important;
    }

    .main-navigation ul li:hover>a,
    .main-navigation ul li.focus>a {
        background: transparent !important;
    }

    .slider-home-top {
        margin-top: -55px;
    }

    .esp .header-home:after {
        top: -40px;
    }

    .header-home:after {
        top: -55px;
        bottom: 8px;
        height: 150%;
    }

    .page-headline {
        padding-top: 10px;
        padding-bottom: 40px;
        display: block !important;
    }

    .site-header .widget_icl_lang_sel_widget {
        display: none !important;
    }

    .site-header #siteorigin-panels-builder-6,
    .site-header #siteorigin-panels-builder-9 {
        position: absolute !important;
        top: 20px;
        width: 65px !important;
        right: -15px;
        border-radius: 100%;
        height: 60px;
    }

    .free-audit img {
        padding: 3px !important;
        margin: 0 !important;
    }

    .free-audit {
        border-radius: 100% !important;
    }

    .free-audit-container a img {
        filter: invert(100%) !important;
    }

    .site-header .widget_siteorigin-panels-builder .panel-grid-cell:last-child {
        display: none !important;
    }

    .site-header .widget_siteorigin-panels-builder .schedule-text {
        display: none !important;
    }

    .page-template-default .site-main {
        margin-top: 10px;
    }

    .service-home-btn {
        display: flex !important;
        grid-template-columns: none;
    }

    .page-headline h1 {
        font-size: 3.5rem !important;
    }

    .widget iframe {
        max-width: 80% !important;
        max-height: 210px;
        margin: 0 auto;
        /* text-align: center; */
        display: block;
    }

    .schedule-iframe iframe {
        max-width: 100% !important;
        max-height: unset;
    }

    widget .i-frame iframe {
        max-width: 100% !important;
        max-height: 210px;
        margin: 0 auto;
        /* text-align: center; */
        display: block;
    }

    .header-home {
        margin-bottom: -30px;
        margin-top: 40px;
    }

    .header-home h1 {
        font-size: 4rem;
        line-height: initial;
    }

    .ul-star {
        position: relative;
        transform: none;
        top: inherit;
        left: inherit;
    }

    .entry-content h3 {
        font-size: 1.2em;
    }

    .entry-content h2 {
        font-size: 1.5em;
    }

    .special-title h5 {
        font-size: 1.2em;
        font-weight: 700 !important;
    }

    .service-home-btn .so-widget-sow-editor {
        margin-bottom: 0;
    }

    .service-btn .ow-button-base a {
        padding: 0.7em 1em;
    }

    .highlights .widget_sow-editor {
        margin-bottom: -30px;
    }

    .service-home-btn .widget_sow-button {
        position: inherit !important;
    }

    .BG {
        margin-top: 70px;
        margin-bottom: 60px;
        padding-top: 50px !important;
    }

    .BG-Right:before {
        height: 60px;
        top: -59px;
    }

    .BG-Left:before {
        height: 60px;
        top: -59px;
    }

    .BG-Right:after {
        height: 60px;
        bottom: -59px;
    }

    .BG .img-border img {
        margin-top: 30px;
    }

    .BG-Left:after {
        height: 60px;
        bottom: -59px;
    }

    .title-container {
        display: inherit !important;
    }

    .page-headline .panel-widget-style {
        padding: 1% 8% !important;
    }

    .title-container .page-headline {
        padding-bottom: 20px;
        margin-top: 0 !important;
    }

    .content-img {
        margin-bottom: -70px;
    }

    .middle-bg {
        width: unset;
    }

    .site-content .type-post {
        padding: 0px 8%;
    }

    .site-content .type-post .entry-thumbnail picture img {
        width: 100vw;
    }

    .portfolio-page .lsow-portfolio-header {
        text-align: center;
        margin-bottom: -30px !important;
    }

    .post .entry-header {
        width: 120%;
        margin-left: -10%;
    }

    article.post .entry-header h1.entry-title {
        padding: 10px 8%;
    }

    .post .entry-meta {
        padding-left: 8%;
    }

    .single-clients-porfolio .entry-header {
        padding-top: 10px !important;
        padding-bottom: 60px !important;
    }

    .single-clients-porfolio article.post .entry-header h1.entry-title {
        font-size: 4rem !important;
    }

    .title-clients-result {
        display: inherit !important;
    }

    .title-clients-result .page-headline {
        padding-top: 20px !important;
        position: inherit;
        right: inherit;
        top: inherit;
        transform: none;
    }

    .single-clients-porfolio .gallery-item {
        width: 100% !important;
    }

    .single-clients-porfolio .gallery-item {
        margin: 25px auto;
    }

    .single-clients-porfolio .gallery br {
        display: none !important;
    }

    .portfolio {
        padding: 0 8% !important;
    }

    .portfolio .entry-thumbnail img {
        max-width: 90% !important;
    }

    .lttr-faq {
        padding: 0 10% !important;
    }

    .lttr-faq .sow-accordion-panel-header {
        padding: 15px !important;
    }

    .lttr-faq .sow-accordion-panel-border {
        padding: 15px !important;
    }

    .new-service-btn {
        padding: 0 10% !important;
    }

    .new-service-btn.BG.BG-Left {
        padding: 5% 10% !important;
    }

    .new-service-btn.BG.BG-Right {
        padding: 5% 10% !important;
    }

    .new-service-btn .ow-button-base a {
        padding: 1em 0.5em 0 2em !important;
    }

    .new-service-btn .widget_sow-button {
        min-height: auto !important;
    }

    .new-service-btn .siteorigin-widget-tinymce {
        padding: 0 5%;
    }

    .layout-full #colophon {
        margin-top: 140px
    }

    .footer-links {
        padding: 10% 15% 1% 15% !important;
    }

    .footer-links .siteorigin-widget-tinymce {
        font-size: 16px !important;
    }

    footer .nf-form-cont .one-third,
    .nf-form-cont .two-sixths {
        width: -webkit-fill-available !important;
        margin-left: 0 !important;
    }

    .nf-form-cont .one-half,
    .nf-form-cont .three-sixths,
    .nf-form-cont .two-fourths {
        width: -webkit-fill-available !important;
        margin-left: 0 !important;
    }

    .footer-cf7,
    .footer-form,
    .C01-footer-form {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .no-mg-r {
        margin-bottom: 20px;
    }

    footer form {
        width: 90%;
        margin: 0 auto;
    }

    .footer-form p {
        max-width: 100%;
    }

    .g-recaptcha iframe {
        max-width: 100% !important;
    }

    .submit-container .footer-form-submit {
        font-size: 1.7rem !important;
    }

    body.responsive #footer-widgets .widget,
    body.responsive #masthead-widgets .widget {
        padding-bottom: 0 !important;
    }

    .site-footer.footer-hidden-form:after {
        content: inherit !important;
    }

    .site-footer.footer-hidden-form {
        padding-top: 0 !important;
        margin-top: -30px !important;
    }

    .panel-layout .panel-grid:last-child .BG {
        margin-bottom: -150px;
    }

    #site-info {
        padding: 10px;
    }

    .less-mg-bt {
        padding-bottom: 50px !important;
    }

    .entry-content img {
        margin: 15px auto !important;
        display: block;
        float: none !important;
    }

    /*Logofolio*/
    .logo-img .panel-grid-cell {
        margin-bottom: 0 !important;
    }

    .logo-img img {
        margin: 0 auto !important;
    }

    .product-template-default .site-main {
        padding: 5% !important;
    }

    /*wocommerce*/
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        float: none;
        width: 100%;
    }

    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        float: none;
        width: 100%;
        clear: none;
    }

    .product-template-default img.wp-post-image {
        max-height: 250px !important;
    }

    .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
        display: block;
    }

    .woocommerce-cart-form {
        float: none;
        width: 100%;
    }

    .cart-collaterals {
        float: none;
        width: 100% !important;
    }

    .menu .woo-cart-icon-custom {
        display: inherit;
    }

    /*Development*/
    .steps {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .steps .s-img-holder {
        flex: 0 1 100%;
        z-index: 1;
    }

    .steps .s-img-holder img {
        margin: 0 auto !important;
        text-align: center;
    }

    .steps .s-text-holder {
        flex: 100;
        margin-top: 30px;
    }

    .s-right,
    .s-left {
        position: relative;
    }

    .s-left .s-img-holder {
        margin-right: 0px;
    }

    .s-right .s-img-holder {
        margin-left: 0px;
    }

    .s-right .s-img-holder {
        order: 1;
    }

    .s-right .s-text-holder {
        order: 2;
    }

    .s-right:after {
        position: absolute;
        content: "";
        height: 5px;
        width: 110%;
        background-color: #7bc4d0;
        top: 100px;
        left: 50%;
        transform: translateX(-50%);
    }

    .s-left:after {
        position: absolute;
        content: "";
        height: 5px;
        width: 110%;
        background-color: #7bc4d0;
        top: 100px;
        left: 50%;
        transform: translateX(-50%);
        ;
    }

    .steps:before {
        position: absolute;
        content: "";
        height: 5px;
        background-color: #7bc4d0;
        right: 98px;
        left: 98px;
        bottom: -20px;
    }

    .s-left:before {
        position: absolute;
        content: "";
        width: 5px;
        height: calc(100% + 35px);
        background-color: #7bc4d0;
        right: unset;
        left: -5%;
        top: 100px;
    }

    .s-right:before {
        position: absolute;
        content: "";
        width: 5px;
        height: calc(100% + 35px);
        background-color: #7bc4d0;
        right: -5%;
        left: unset;
        top: 100px;
    }

    .st-bottom:before {
        display: none !important;
    }

    .st-bottom:after {
        width: 50%;
        right: -5%;
        transform: none;
        left: unset;
    }

    .st-top:after {
        width: 50%;
        left: -5%;
        transform: none;
        right: unset;
    }

    .st-top {
        margin-top: 30px;
    }

    .ul-seo li {
        flex: 0 0 100%;
    }

    .pensa-div {
        flex-direction: column;
        gap: 20px;
    }

    .pensa-ul {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 650px) {
    .seo-audit .submit-container {
        display: block;
        width: 100% !important;
    }

    .seo-audit .nf-form-cont .two-thirds {
        width: 100% !important;
    }
}

@media (max-width: 550px) {
    .service-row .widget_sow-image {
        display: block;
        width: 100%;
    }

    .service-row .widget_sow-editor {
        display: -block;
        width: 100%;
    }

    /*.title-container .page-headline {
		top: -55px;
	}*/
    .title-container .page-headline h1 {
        margin-bottom: 0 !important;
    }

    .seo-audit {
        margin-top: -25px !important;
    }

    .page-headline {
        padding-bottom: 30px;
    }

    .BG-Left:before {
        height: 40px;
        top: -39px;
    }

    .BG-Left:after {
        height: 40px;
        bottom: -39px;
    }

    .BG-Right:before {
        height: 40px;
        top: -39px;
    }

    .BG-Right:after {
        height: 40px;
        bottom: -39px;
    }
}

@media (max-width: 412px) {
    .page-headline {
        margin-top: 0px;
    }

    .title-container {
        margin-top: 0px;
    }

    .wistia_responsive_padding {
        width: 100% !important;
        margin: 0 auto 20px !important;
    }

    .header-home h1 {
        font-size: 3.5rem;
    }

    .dev-q li {
        display: block;
    }

}

.blog-layout article {
    padding: 0 !important;
}

wpml-ls-sub-menu {
    z-index: 999 !important;
}

.wcpd-modal-content-body {
    overflow-y: auto;
    height: 400px;
}


/* search bar */

#search-icon #search-icon-icon {
    background-color: transparent !important;
}

@media (max-width: 550px) {
    .seo-audit {
        margin-top: -25px !important;
    }
	
	 #search-icon {
        display: none !important;
    }

}