/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/* 
@font-face {
    font-family: 'SVN-Helga';
    src: url("fonts/SVN-Helga.otf");
} */
.srvItem {

    border-radius: 10px;
    overflow: hidden;
}

.postItem {
    border-radius: 10px;
    overflow: hidden;
}
.feedbackItem {  border-radius: 10px;
    overflow: hidden;
}

.mfp-bg{display:none!important}
.mfp-wrap{display:none!important}
.fancybox-fx-slide-in-out.fancybox-slide--previous {
  transform: translateX(-100%);
}

.fancybox-fx-slide-in-out.fancybox-slide--next {
  transform: translateX(100%);
}

.fancybox-fx-slide-in-out.fancybox-slide--current {
  transform: translateX(0);
}

.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1200px;
}

body {
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
}

.nav > li > a {
}

.bannerDV {
}

    .bannerDV .bannerDVtext {
        right: 0;
        height: 100%;
        transform: unset !important;
        top: 0;
    }

    .bannerDV .text-box-content {
        height: 100%;
        padding: 0 10%;
        display: flex;
        align-items: center;
    }

        .bannerDV .text-box-content .text-inner h2 {
            color: #E06000;
            font-size: 108px;
            margin: 0;
            font-weight: 800;
            display: block;
            margin-bottom: 40px;
            display: inline-block;
            width: auto;
        }

            .bannerDV .text-box-content .text-inner h2:after {
            
            }

        .bannerDV .text-box-content .text-inner h3 {
            color: #E06000;
            font-size: 60px;
            margin: 0;
            font-weight: 800;
            margin-bottom: 45px;
        }

        .bannerDV .text-box-content .text-inner p {
            color: #5F5D5B;
        }

    .bannerDV .banner-layers.container {
        max-width: 100%;
    }

.bannerDVtext .button {
    border: 1px solid #5F5D5B;
    padding: 21px 48px;
    color: #5F5D5B;
    margin: 0;
}

    .bannerDVtext .button span {
    }

.bannerDV:hover .bannerDVtext .button {
    border: 1px solid #e06000;
    padding: 21px 48px;
    color: white;
    background: #e06000;
}

    .bannerDV:hover .bannerDVtext .button span {
    }

.header-button a {
    background: #e06000;
    color: white;
}

.mfp-content {
}

    .mfp-content .nav a {
        color: black;
    }

    .mfp-content .nav .current-menu-item a {
        color: #e06000;
    }

.ftInfo {
}

    .ftInfo ul {
        padding: 0;
        list-style: none;
        padding-top: 9px;
    }

        .ftInfo ul li {
            margin: 0 0 15px;
            color: #5F5D5B;
            padding-left: 30px;
        }

            .ftInfo ul li:nth-child(1) {
                background: url(images/f1.png) left 3px no-repeat;
            }

            .ftInfo ul li:nth-child(2) {
                background: url(images/f2.png) left 2px no-repeat;
            }

            .ftInfo ul li:nth-child(3) {
                background: url(images/f3.png) left 4px no-repeat;
            }

            .ftInfo ul li:nth-child(4) {
                background: url(images/f4.png) left 4px no-repeat;
            }

.ftInfo2 {
}

    .ftInfo2 ul {
        padding-top: 9px;
    }

.headingDefault {
}

    .headingDefault h2 {
        margin: 0;
        color: #5F5D5B;
        font-size: 48px;
        font-weight: 800;
        /* transform: translate(-50px, 0px); */
        display: inline-block;
        width: auto;
        position: relative;
    }

.headingDefault3 h2 {
    margin: 0;
    color: #5F5D5B;
    font-size: 48px;
    font-weight: 400;
    display: inline-block;
    width: auto;
    position: relative;
}


.headingDefault h2:before {
    content: "";
    width: 80px;
    height: 4px;
    background: #D9D9D9;
    position: absolute;
    bottom: 0;
    left: calc(-80px - 30px);
}

.headingDefault h2:after {
    content: "";
    width: 80px;
    height: 4px;
    background: #D9D9D9;
    position: absolute;
    bottom: 0;
    right: calc(-80px - 30px);
}

.headingDefault p {
    font-size: 22px;
    font-weight: 500;
    /* transform: translate(50px, 0px); */
    color: #5F5D5B;
    margin-top: 5px;
}

.aboutHome {
}

    .aboutHome p {
        font-size: 24px;
        color: #E06000;
        font-weight: 400;
        margin-bottom: 10px;
    }

        .aboutHome p:before {
            position: absolute;
            width: 21px;
            height: 14px;
            content: "";
            background: url(images/phay.png) no-repeat;
            left: -26px;
            top: 3px;
        }

.ourItem {
    align-items: end;
    margin-bottom: 30px;
}

    .ourItem h3 {
        font-style: italic;
        font-weight: normal;
        color: black;
        font-size: 1.7em;
        margin-bottom: 5px;
    }

    .ourItem p {
        margin-bottom: 10px;
    }

    .ourItem .icon-box-img .icon {
        margin-bottom: 15px;
    }

.aboutHeading {
}

    .aboutHeading h2 {
        font-size: 1.7em;
        color: black;
        margin: 0;
    }

    .aboutHeading h3 {
        font-size: 60px;
        color: #e06000;
        font-weight: 400;
        margin: 0;
        line-height: normal;
    }

.custerItem {
}

    .custerItem h3 {
    }

    .custerItem .icon-box-img {
        margin-bottom: 5px;
    }

.contactHeading {
}

    .contactHeading h1 {
        font-size: 60px;
        color: #e06000;
        font-weight: 400;
        margin: 0;
        line-height: normal;
        margin-bottom: 20px;
    }

    .contactHeading .wpcf7-form-control {
        border: 1px solid rgb(237 237 237);
        border-bottom: 1px solid rgb(160 160 160);
        box-shadow: none;
    }

        .contactHeading .wpcf7-form-control::placeholder {
            color: black;
        }

        .contactHeading .wpcf7-form-control:hover {
            border-bottom: 1px solid black;
        }

    .contactHeading .wpcf7-textarea {
    }

    .contactHeading .wpcf7-submit {
        margin: 0;
        display: block;
        width: 100%;
        background: white;
        color: black;
        border: 1px solid #cecece;
    }

        .contactHeading .wpcf7-submit:hover {
            background: black;
            color: white;
            border: 1px solid black;
        }

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0 10px;
}

.whyCol {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.97) 33.59375%, rgba(255,255,255,0.97) 68.75%, rgba(255,255,255,0) 100%);
}

    .whyCol .col-inner {
        padding: 0 0px;
    }

    .whyCol h2 {
        font-size: 50px;
    }

.checkiBox {
    align-items: center;
    margin-bottom: 30px;
}

    .checkiBox h3 {
        margin: 0;
        font-size: 18px;
    }

    .checkiBox .icon-box-img svg, .checkiBox .icon-box-img img {
        padding: 0;
    }

.textBuild {
}

    .textBuild h2 {
        color: black;
        font-weight: 400;
        letter-spacing: -0.02em;
        font-size: 30px;
        font-style: italic;
    }

.btnBuild {
    background: rgb(224, 96, 0);
    font-weight: 400;
}

    .btnBuild span {
    }

.stAboutHome {
    border-bottom: 24px solid #E65125;
}

.teamText {
}

    .teamText .text-box-content h2 {
        font-size: 48px;
        font-weight: 400;
        transform: translate(-41px, 00px);
        text-transform: uppercase;
        margin-bottom: 5px;
        font-style: italic;
    }

    .teamText h3 {
        margin: 0;
        font-size: 30px;
    }

.stBgDV {
}

    .stBgDV .section-bg {
        background-attachment: fixed;
    }

.stIntro {
}

    .stIntro h2 {
        font-weight: 400;
        color: black;
        font-style: italic;
        font-size: 30px;
    }

.bannerServices {
}

.textServices {
}

    .textServices .text-box-content h2 {
        font-size: 48px;
        font-weight: 400;
        transform: translate(-41px, 00px);
        text-transform: uppercase;
        margin-bottom: 5px;
        font-style: italic;
    }

    .textServices h3 {
        transform: translate(41px, 0px);
    }

.srvItem {
    margin-bottom: 30px;
}

.srvThumb {
    /*   height: 319px;
    overflow: hidden;*/
}

    .srvThumb img {
        /*   width: 100%;
        height: 100%;
        object-fit: cover;*/
    }

.srvContent {
    padding: 35px 25px;
    background: #FFF4EB;
    position: relative;
}

.srvTitle {
    margin-bottom: 20px;
}

    .srvTitle a {
        font-size: 24px;
        color: #000000;
        line-height: normal;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        height: 64px;
    }

.srvDescription {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 30px;
}

.srvRead {
    position: relative;
    text-align: right;
}

    .srvRead a {
        color: white;
        font-size: 14px;
        padding: 8px 15px;
        background: #e65125;
        border-radius: 5px;
        overflow: hidden;
        border: 1px solid #e65125;
    }

.srvItem:hover .srvRead a {
    color: white;
    background: black;
    border: 1px solid black;
}

.postItem {
    margin-bottom: 30px;
}

.postThumb {
    position: relative;
    overflow: hidden;
    height: 277px;
}

    .postThumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.postContent {
    padding: 20px 15px;
    background: white;
    position: relative;
}

.postTitle {
    margin-bottom: 20px;
}

    .postTitle a {
        font-size: 24px;
        color: #000000;
        line-height: normal;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        height: 64px;
    }

.postField {
    color: #6c6c6c;
    padding-left: 0;
    font-size: 12px;
}

.postRead {
    text-align: right;
    margin-top: 30px;
}

    .postRead a {
        color: white;
        font-size: 12px;
        padding: 8px 15px;
        background: black;
        border-radius: 5px;
        overflow: hidden;
        border: 1px solid black;
        display: inline-block;
    }

        .postRead a:hover {
        }

.postK {
    position: absolute;
    color: white;
    font-size: 20px;
    padding: 8px 24px;
    background: #795548;
    border-radius: 0;
    overflow: hidden;
    display: inline-block;
    right: 0;
    bottom: 0; /* text-transform: uppercase; */

    font-style: italic;
    letter-spacing: -0.02em;
}

.owl-dots {
    display: none;
}

.headingDefault2 {
}

    .headingDefault2 h3 {
        font-size: 25px;
        font-weight: 400;
        transform: translate(-158px, 00px);
        text-transform: uppercase;
        margin-bottom: 0;
        font-style: italic;
        letter-spacing: -0.02em;
    }

    .headingDefault2 h2 {
        font-size: 42px;
        font-weight: 400; /* transform: translate(-83px, 00px); */
        text-transform: uppercase;
        margin-bottom: 5px;
        font-style: italic;
        letter-spacing: -0.02em;
        color: #e06000;
        display: inline-block; /* background: #FAFAFA; */
        width: auto; /* padding: 5px 12px; */
    }

.bannerItem {
    overflow: hidden;
    border-radius: 500px 500px 0 0;
}

.baneTexte {
}

    .baneTexte h2 {
        font-size: 136px;
        line-height: 1em;
        text-align: center;
        margin: 0;
    }

    .baneTexte h3 {
        color: rgb(255, 255, 255);
        letter-spacing: -0.02em;
        text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;
        font-size: 28px;
        line-height: 1.4em;
        text-align: center;
        margin: 0;
        font-weight: 400;
        font-style: italic;
    }

.relate-post {
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-style: italic;
    letter-spacing: -0.02em;
    color: #e06000;
    display: inline-block;
    width: auto;
}

.article-detail__content {
}

    .article-detail__content h1 {
        text-align: center;
        color: black;
        font-size: 36px;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 5px;
        font-style: italic;
        margin-bottom: 30px;
    }

.detail__content_post {
}

.postHeading {
}

.signContentex {
    color: #6c6c6c;
}

.postGallery {
    /* display: grid; */
    /* grid-template-columns: repeat(3, 1fr); */
    /* grid-gap: 10px; */
}

    .postGallery .item {
    }

.homeProItem:hover .homeProThumb img {
    transform: scale(1.2);
}

.stAboutHome .section-bg {
    background-attachment: fixed;
}

.blogBoxSlide .blogSlide .owl-nav .owl-prev {
    height: 36px;
    width: 36px;
    background: url(images/arr1.png) center center no-repeat;
    overflow: hidden;
    position: absolute;
    left: -17px;
    margin: 0;
}

.blogBoxSlide .blogSlide .owl-nav .owl-next {
    height: 36px;
    width: 36px;
    background: url(images/arr2.png) center center no-repeat;
    overflow: hidden;
    position: absolute;
    right: -17px;
    margin: 0;
}

.blogBoxSlide .blogSlide .owl-nav button span {
    text-indent: -999px;
    overflow: hidden;
    visibility: hidden;
    display: none;
}

.blogSlide .owl-nav button span {
    text-indent: -999px;
    overflow: hidden;
    visibility: hidden;
    display: none;
}

.blogBoxSlide .blogSlide .owl-nav {
    top: calc(50% - 17px);
    position: absolute;
    width: 100%;
}

.srvSlideBox {
}


    .srvSlideBox .srvSlide .owl-nav .owl-prev {
        height: 36px;
        width: 36px;
        background: url(images/arr1.png) center center no-repeat;
        overflow: hidden;
        position: absolute;
        left: -17px;
        margin: 0;
    }

    .srvSlideBox .srvSlide .owl-nav .owl-next {
        height: 36px;
        width: 36px;
        background: url(images/arr2.png) center center no-repeat;
        overflow: hidden;
        position: absolute;
        right: -17px;
        margin: 0;
    }

    .srvSlideBox .srvSlide .owl-nav button span {
        text-indent: -999px;
        overflow: hidden;
        visibility: hidden;
        display: none;
    }

    .srvSlideBox .srvSlide .owl-nav button span {
        text-indent: -999px;
        overflow: hidden;
        visibility: hidden;
        display: none;
    }

    .srvSlideBox .srvSlide .owl-nav {
        top: calc(60% - 0px);
        position: absolute;
        width: 100%;
    }

.feedbackSlideBox {
}

.feedbackSlide {
}

.feedbackItem {
}

.feedbackItemThumb {
    height: 307px;
}

    .feedbackItemThumb img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }




.feedbackSlideBox .feedbackSlide .owl-nav .owl-prev {
    height: 36px;
    width: 36px;
    background: url(images/arr1.png) center center no-repeat;
    overflow: hidden;
    position: absolute;
    left: -17px;
    margin: 0;
}

.feedbackSlideBox .feedbackSlide .owl-nav .owl-next {
    height: 36px;
    width: 36px;
    background: url(images/arr2.png) center center no-repeat;
    overflow: hidden;
    position: absolute;
    right: -17px;
    margin: 0;
}

.feedbackSlideBox .feedbackSlide .owl-nav button span {
    text-indent: -999px;
    overflow: hidden;
    visibility: hidden;
    display: none;
}

.feedbackSlideBox .feedbackSlide .owl-nav button span {
    text-indent: -999px;
    overflow: hidden;
    visibility: hidden;
    display: none;
}

.feedbackSlideBox .feedbackSlide .owl-nav {
    top: calc(60% - 0px);
    position: absolute;
    width: 100%;
}

.rrow {
    /* gap: 10px; */
    display: flex;
    margin-bottom: 0;
}

    .rrow .item {
        height: 45vh;
        overflow: hidden;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        border: 5px solid white;
        border: 2px solid #fff;
        -webkit-transition: -webkit-transform .15s ease;
        -moz-transition: -moz-transform .15s ease;
        -o-transition: -o-transform .15s ease;
        -ms-transition: -ms-transform .15s ease;
        transition: transform .15s ease;
            cursor: pointer;
    }

        .rrow .item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .rrow:nth-child(1n) .item:first-child {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
    }

    .rrow:nth-child(2n) .item:first-child {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }

    .rrow:nth-child(2n) .item:last-child {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
    }

.counter-e {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 77px;
    position: relative;
}

    .counter-e .item {
        margin: 30px 0;
    }

.counterItem {
    padding: 3px 10px;
    text-align: center;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .05);
    BACKGROUND: #e65125d9;
}

.counterDescription {
    font-size: 54px;
    font-weight: 900;
    color: WHITE;
}

    .counterDescription .counter {
        position: relative;
        display: inline-block;
    }

        .counterDescription .counter:before {
            content: "+";
            position: absolute;
            right: -28px;
            top: 3px;
            color: WHITE;
            font-size: 32px;
            line-height: 43px;
        }

.counterName {
    font-size: 20px;
    font-weight: 700;
    color: WHITE;
    margin-bottom: 10px;
}
/*Desktop*/
@media (min-width: 1366px) {
}

@media screen and (min-width: 1200px) {
    .bannerDV .bannerDVtext {
        right: 0;
        height: 100%;
        transform: unset !important;
        top: 0;
        left: unset;
        width: 50% !important;
    }
}

@media screen and (min-width: 850px) and (max-width: 1100px) {
    .bannerDV .bannerDVtext {
        right: 0;
        height: 100%;
        transform: unset !important;
        top: 0;
        left: unset;
        width: 79% !important;
    }
}

@media screen and (min-width: 550px) and (max-width: 849px) {
    .bannerDV .bannerDVtext {
        right: 0;
        height: 100%;
        transform: unset !important;
        top: 0;
        left: unset;
        width: 79% !important;
    }
}

@media (max-width: 48em) {
    .counter-e {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        position: relative;
    }

    .rrow .item {
        border: 2px solid white;
    }

    .postGallery {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
    }

    .rrow:nth-child(1n) .item:first-child {
    }

    .rrow .item {
        height: 82px;
    }

    .rrow {
        /* gap: 10px; */
        display: flex;
        margin-bottom: 0;
        flex-wrap: wrap;
    }

    .albumBox {
        position: relative;
        max-width: 840px;
        width: 100%;
        padding: 0 50px;
        margin: 0 auto;
    }



    .headingDefault2 h2 {
        font-size: 36px;
    }

    .headingDefault2 h3 {
        transform: unset;
    }

    .postThumb {
        position: relative;
        height: 200px;
        overflow: hidden;
    }

    .postTitle a {
        font-size: 18px;
    }

    .srvTitle a {
        font-size: 18px;
        height: 46px;
    }

    .srvContent {
        padding: 20px 12px;
    }

    .teamText .text-box-content h2 {
        font-size: 26px;
        transform: translate(0px, 0px);
    }

    .whyCol h2 {
        font-size: 35px;
    }

    .aboutHome {
        padding: 0 40px;
    }

    .whyCol {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.776) 0%, rgba(255, 255, 255, 0.97) 26.5625%, rgba(255, 255, 255, 0.97) 72.65625%, rgba(255, 255, 255, 0.776) 100%);
    }

    .aboutHeading h3 {
        font-size: 40px;
    }

    .headingDefault h2:before {
        display: none;
    }

    .headingDefault h2:after {
        display: none;
    }

    .headingDefault3 h2:before {
        display: none;
    }

    .headingDefault3 h2:after {
        display: none;
    }


    .bannerDV .bannerDVtext {
        right: unset;
        height: 100%;
        transform: unset !important;
        top: 0;
        left: 0;
        width: 100% !important;
    }

    .bannerDV .text-box-content {
        height: 100%;
        padding: 0 15px;
        display: flex;
        align-items: center;
    }

        .bannerDV .text-box-content .text-inner h2:after {
            display: none;
        }

        .bannerDV .text-box-content .text-inner h2 {
            font-size: 29px;
            margin-bottom: 20px;
        }

        .bannerDV .text-box-content .text-inner h3 {
            font-size: 40px;
            margin-bottom: 20px;
        }

        .bannerDV .text-box-content .text-inner p {
            font-size: 16px;
        }

    .bannerDVtext .button {
        border: 1px solid #5F5D5B;
        padding: 21px 40px;
        color: #5F5D5B;
        margin: 0;
        font-size: 16px;
    }
}