/* reset parent theme styles */

* {
    outline: none !important;
}

body, button, input, select, textarea, .site-info {
    font-family: "Roboto", Sans-serif !important;
}

#colophon {
    padding: 30px 0 0;
    background: #2b2b2b;
}

#colophon .main-navigation,
#colophon .site-info {
    max-width: 1140px;
    margin: 0 auto;
}

body .site {
    margin: 0;
}

body .site-header {
    padding: 0 10px;
    background: #2b2b2b;
    -webkit-box-shadow: 0 0 19px -10px #000;
            box-shadow: 0 0 19px -10px #000;
}

body .custom-logo {
    padding-top: 10px;
    padding-top: 0;
}

body .site-inner {
    max-width: 100%;
}

#masthead {
    overflow: hidden;
}

.site-title {
    display: none;
}

#site-navigation .menu-item a {
    color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    font-size: 14px;
}

.banner-slider .elementor-slick-slider .slick-arrows-inside .slick-prev {
    left: 10px;
}

.banner-slider .elementor-slick-slider .slick-next {
    right: 10px !important;
}

#site-navigation .menu-item a:hover,
#site-navigation .menu-item a:active {
    color: #61ce70;
}

body:not(.custom-background-image):before, 
body:not(.custom-background-image):after {
    display: none !important;
}

.site-header-main {
    max-width: 1140px;
    margin: 0 auto;
}

body .site-content {
    padding: 0;
}

body .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0px;
}

.header-contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 5%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.header-contacts .fa {
    margin-right: 6px;
    color: #61ce70;
}

.header-contacts a {
    color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.header-contacts a:hover,
.header-contacts a:focus,
.header-contacts a:active {
    color: #61ce70;
}

#content .elementor-widget-heading .elementor-heading-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 26px;
    color: #e33622;
}


/* banner block */

#content .banner-section h2 {
    font-size: 30px;
    color: #000;
    margin-bottom: 30px;
}

#content .banner-section .banner-text p {
    color: #000;
    margin-bottom: 10px;
}

#content .banner-order a {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
}

#content .banner-order a:hover,
#content .banner-order a:active {
    background-color: #e33622;
}



/* advantages block */

.advantages {
    background: #f7f7f7;
    //box-shadow: 0 0 19px -10px #000;
}

#content .advantages h2 {
    font-size: 30px;
    color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
}

#content .advantages h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: .057em;
    width: 1.57em;
    background-color: #e33622;
}

#content .advantages .elementor-view-stacked .elementor-icon {
    padding: 10px;
    font-size: 25px;
    background-color: #61ce70;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#content .advantages .elementor-view-stacked .elementor-icon:hover {
    background-color: #e33622;
}

#content .advantages .elementor-icon-box-title {
    color: #000;
    font-weight: 400;
}

#content .advantages .banner-order a {
    font-size: 18px;
}

#content .advantages .banner-order {
    margin-top: 20px;
}



/* slider block */

#content .product h2 {
    font-size: 30px;
    color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
}

#content .product h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: .057em;
    width: 1.57em;
    background-color: #e33622;
}




/* about block */

#content .about h2 {
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 20px;
}

#content .about h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: .057em;
    width: 1.57em;
    background-color: #e33622;
}

#content  .about p {
    color: #000;
}



/* callout block */

#content .callout {
    background: #2b2b2b;
    -webkit-box-shadow: 0 0 19px -10px #000;
            box-shadow: 0 0 19px -10px #000;
}

#content .callout h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
}

#content .callout h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: .057em;
    width: 1.57em;
    background-color: #e33622;
}

#content .callout p {
    color: #fff;
}

.callback-form .wpcf7-form-control {
    width: 90%;
}

.callback-form .wpcf7-form > p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.callback-form  .wpcf7-submit {
    max-width: 170px;
    background: #61ce70;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    max-height: 43px;
}

.callback-form  .wpcf7-submit:hover,
.callback-form  .wpcf7-submit:focus {
    background: #e33622;
}

#content .callout .elementor-inner-column:first-child {
    padding-right: 20px;
}

#content .callout .elementor-inner-column:first-child .elementor-text-editor {
    color: #fff;
}

#content .callout .elementor-inner-column:first-child .elementor-column-wrap {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing {
    color: #ccc;
}

.callout .wpcf7-form-control-wrap input::placeholder {
    font-size: 14px;
}


/* contacts block */

#content .contacts {
    background: #2b2b2b;
    -webkit-box-shadow: 0 0 19px -10px #000;
            box-shadow: 0 0 19px -10px #000;
}

#content .contacts h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
}

#content .contacts h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: .057em;
    width: 1.57em;
    background-color: #e33622;
}

#content .contacts .elementor-widget-heading  h4 {
    color: #fff;
    font-size: 18px;
}

.footer-phones {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    max-width: 160px;
}

.contacts .fa {
    margin-right: 6px;
    color: #61ce70;
}

.contacts a {
    color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.contacts a:hover,
.contacts a:focus,
.contacts a:active {
    color: #61ce70;
}

.footer-phones p {
    margin-bottom: 7px;
}

.footer-call a {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#content .footer-call a:hover,
#content .footer-call a:focus {
    background-color: #e33622;
    color: #fff;
}

#colophon .site-info a {
    color: #cbcbcb;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#colophon .site-info a:hover,
#colophon .site-info a:focus,
#colophon .site-info a:active {
    color: #e33622;
}



/* pop-up */

#eModal-1 {
    -webkit-border-radius: 3px !important;
            border-radius: 3px !important;
    min-width: 300px;
}

#eModal-1 textarea {
    resize: vertical;
    max-height: 300px;
    min-height: 100px;
}

#eModal-1 .wpcf7-text {
    margin-bottom: 10px;
}

#eModal-1 .wpcf7-submit {
    margin-top: 10px;
    background: #61ce70;
    margin-left: auto;
    margin-right: auto;
    display: block;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#eModal-1 .wpcf7-submit:hover,
#eModal-1 .wpcf7-submit:active,
#eModal-1 .wpcf7-submit:focus {
    background: #e33622;
}

#eModal-1 div.wpcf7-validation-errors, 
#eModal-1 div.wpcf7-acceptance-missing {
    color: #000;
}

#eModal-1 p {
    margin-bottom: 0;
}

#eModal-1 .emodal-close {
    padding: 7px 9px !important;
}



/* delivery block */

.delivery {
    background: #f7f7f7;
    //box-shadow: 0 0 19px -10px #000;
}

#content .delivery h2 {
    font-size: 30px;
    color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
}

#content .delivery h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: .057em;
    width: 1.57em;
    background-color: #e33622;
}

#content .delivery .elementor-widget-heading h4 {
    color: #000;
    font-size: 18px;
}

.delivery .elementor-inner-column:nth-child(2) {
    padding-left: 20px;
}

.delivery .elementor-inner-column:nth-child(2) ul {
    list-style: none;
}

.delivery .elementor-inner-column:nth-child(2) ul:last-child {
    margin-bottom: 0;
}

.delivery .elementor-inner-column:nth-child(2) ul li::before {
    content: "\2022";
    color: #e33622;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
    font-size: 20px;
}


#masthead .menu-toggle {
    background-color: #61ce70;
    border: none;
    color: #fff;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#masthead .menu-toggle.toggled-on {
    background-color: #e33622;
}

body .site-footer .main-navigation {
    display: none;
}

#content .elementor {
    overflow: hidden;
}

.mobile-pop-up {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-align: center;
    position: fixed;
    bottom: 100px;
    right: 30px;
    font-size: 44px;
    border: 2px solid;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    padding: 13px;
    color: #61ce70;
    -webkit-animation: dinwrap 2s ease-in-out infinite;
            animation: dinwrap 2s ease-in-out infinite;
    z-index: 9999;
    line-height: 1;
    -webkit-box-shadow: 0 0 2px #000;
            box-shadow: 0 0 2px #000;
}

.mobile-pop-up .fa {
    -webkit-animation: din 2s ease-in-out infinite;
            animation: din 2s ease-in-out infinite;
    z-index: 1;
    width: 45px;
    height: 45px;
}

@-webkit-keyframes dinwrap {
    0%{
    -webkit-transform: scale(1);
            transform: scale(1);
    }
    15%{
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    }
    30%{
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    }
    45%{
    -webkit-transform: scale(1);
            transform: scale(1);
    }
    100%{
    -webkit-transform: scale(1);
            transform: scale(1);
    }
}

@keyframes dinwrap {
    0%{
    -webkit-transform: scale(1);
            transform: scale(1);
    }
    15%{
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    }
    30%{
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    }
    45%{
    -webkit-transform: scale(1);
            transform: scale(1);
    }
    100%{
    -webkit-transform: scale(1);
            transform: scale(1);
    }
}

@-webkit-keyframes din {
    0%{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    }
    15%{
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    }
    30%{
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
    }
    45%{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    }
    100%{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    }
}

@keyframes din {
    0%{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    }
    15%{
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    }
    30%{
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
    }
    45%{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    }
    100%{
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    }
}

.panel {
    bottom: 93px !important;
    top: unset !important;
}

.handle {
    z-index: 1;
    width: 75px !important;
    height: 75px !important;
    font-size: 44px;
    border: 2px solid;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    padding: 13px;
    color: #61ce70;
    text-align: center;
    left: 190px;
    -webkit-animation: dinwrap 2s ease-in-out infinite;
            animation: dinwrap 2s ease-in-out infinite;
    -webkit-box-shadow: 0 0 2px #000;
            box-shadow: 0 0 2px #000;
    top: 5px !important;
}

.handle .fa {
    -webkit-animation: din 2s ease-in-out infinite;
            animation: din 2s ease-in-out infinite;
}

.handle:hover,
.handle:active,
.handle:focus {
    color: #61ce70;
}

.my_phone_button_phones {
    background: #f7f7f7;
    padding: 10px 15px;
}

.callout .wpcf7-mail-sent-ok {
    color: #fff;
}

.open .my_phone_button_phones {
    -webkit-box-shadow: 0 0 19px -10px #000;
            box-shadow: 0 0 19px -10px #000;
}

.my_phone_button_phones a {
    color: #000;
    margin-bottom: 10px;
    display: block;
}

.my_phone_button_phones a:last-child {
    margin-bottom: 0;
}

.my_phone_button_phones a:hover,
.my_phone_button_phones a:focus,
.my_phone_button_phones a:active {
    color: #61ce70;
}

.about-right-text {
    box-shadow: 0 0 14px -6px #000;
    border-radius: 8px;
    padding: 10px; 
}

.about-right-text-title {
    font-size: 21px;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: center;
}

.go-to-store {
    margin-bottom: 50px;
}

/* responsive start */

@media all and (max-width: 1200px) {
    .product .elementor-slick-slider .slick-next {
        right: 0;
    }

    .product .elementor-slick-slider .slick-prev {
        left: 0;
    }
}

@media all and (max-width: 1140px) {
    #content .elementor-inner .elementor-section-wrap .elementor-element {
        padding-left: 5px;
        padding-right: 5px;
    }

    .callout .wpcf7-form-control-wrap input::placeholder {
        font-size: 12px;
    }
}

@media all and (max-width: 1100px) {
    .header-contacts {
        display: none;
    }
}

@media all and (max-width: 910px) {
    body .site-footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .callback-form .wpcf7-form > p {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .callback-form .wpcf7-form-control {
        width: 100%;
    }
}

@media all and (max-width: 767px) {
    .contacts .elementor-column:nth-child(3) {
        margin-top: 1em;
    }

    .contacts .elementor-column:nth-child(4) {
        margin-top: 1.75em;
    }

    .delivery .elementor-column:first-child {
        margin-bottom: 1.75em;
    }

    .banner-section .elementor-row .elementor-column:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
    }

    .banner-section .elementor-row .elementor-column:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
    }

    .panel {
        display: block;
        z-index: 99;
    }
}

@media all and (max-width: 480px) {
    #content .elementor-widget-heading .elementor-heading-title {
        font-size: 20px;
    }

    #content .banner-section h2,
    #content .advantages h2,
    #content .product h2,
    #content .delivery h2,
    #content .callout h2,
    #content .about h2 {
        margin-bottom: 10px;
    }

    #content .contacts .elementor-widget-heading h4 {
        text-align: center;
    }
    
    #content .callout .elementor-inner-column:first-child .elementor-text-editor {
        margin-bottom: 1.75em;
    }

    body .elementor-7 .elementor-element.elementor-element-94c505b {
        padding: 50px 0px 20px 0px;
    }

    #eModal-1 .emodal-title {
        font-size: 21px !important;
    }

    /*.mobile-pop-up {
        bottom: 15px;
        right: 15px;
    }

    .panel {
        bottom: 8px !important;
    }*/

    .handle {
        left: 176px;
    }

    #content .banner-section h2 {
        margin-top: 30px;
    }
}