/*!
 * Bootstrap v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400&display=swap');



.quotation cite {
    color: white;
}

.quotation q::before, .quotation q::after {
    color: white;
}

.ftco-wrap-about {
    background-position: bottom center !important;
}

.ftco-wrap-about .heading-section h2 {
    font-weight: 600 !important;
}

@media (max-width: 767.98px) {
    .img-2 {
        height: 700px;
    }
}

.video {
    width: 100%;
    position: relative;
}



.wrap-about {
    position: relative;

}






.instagram span {
    font-size: 60px;
    color: #fff;
    opacity: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.instagram:hover span, .instagram:focus span {
    opacity: 1;
}


.form-control {
    height: 52px !important;
    background: #fff !important;
    color: #000000 !important;
    font-size: 16px;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.form-control:focus, .form-control:active {
    border-color: #000000;
}

textarea.form-control {
    height: inherit !important;
}

.ftco-animate {
    opacity: 0;
    visibility: hidden;
}

@media(min-width:600px) {
    .section-header {

        margin-bottom: 8em;
    }



}

.bg-primary {
    background: var(--main-color) !important;
}

.about-author .desc h3 {
    font-size: 24px;
}

.ftco-section {

    position: relative;
}

h2 {
    font-size: 50px !important;
    font-weight: 900 !important;
}

.ftco-no-pt {
    padding-top: 0;
}

.ftco-no-pb {
    padding-bottom: 0;
}

.ftco-bg-dark {
    background: #3c312e;
}



.media .ftco-icon {
    width: 100px;
}

.media .ftco-icon span {
    color: var(--main-color);
}

#map {
    width: 100%;
}



@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 163, 35, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(255, 163, 35, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 163, 35, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 163, 35, 0.4);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 163, 35, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 163, 35, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 30px rgba(255, 163, 35, 0);
        -webkit-box-shadow: 0 0 0 30px rgba(255, 163, 35, 0);
        box-shadow: 0 0 0 30px rgba(255, 163, 35, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 163, 35, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 163, 35, 0);
        box-shadow: 0 0 0 0 rgba(255, 163, 35, 0);
    }
}

.heading-section {
    position: relative;
}

.heading-section .subheading {
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    font-weight: normal;
    font-size: 3em;
    display: block;
    margin-bottom: 0;
    color: #0003;
    color: #fff;
    line-height: 1;
    font-family: 'Monoton';
    margin-top: 0;
    z-index: -1;
}

.heading-section h2 {
    font-size: 50px;
    font-weight: 900;
}

.heading-section.heading-section-white .subheading {
    color: rgba(255, 255, 255, 0.7);
}

.heading-section.heading-section-white h2 {
    color: #fff;
}

.heading-section.heading-section-white p {
    color: rgba(255, 255, 255, 0.9);
}


/* POP-UP JQUERY*/
.image-popup {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

#section-counter {
    position: relative;


}

#section-counter:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    z-index: -1;
    opacity: 0;
    background: #000000;
}

.ftco-counter {
    padding: 6em 0;
}

@media (max-width: 1199.98px) {
    .ftco-counter {
        background-position: center center !important;
    }
}

.ftco-counter .block-18 {
    display: block;
    width: 100%;
    text-align: center;
}

.ftco-counter .text strong.number {
    font-weight: 500;
    font-size: 40px;
    color: #fff;
    display: block;
}

.ftco-counter .text span {
    display: block;
    font-size: 16px;
    color: #fff;
}

@media (max-width: 767.98px) {
    .ftco-counter .counter-wrap {
        margin-bottom: 20px;
    }
}

.block-23 ul {
    padding: 0;
}

.block-23 ul li, .block-23 ul li>a {
    display: table;
    line-height: 1.5;
    margin-bottom: 15px;
}

.block-23 ul li span {
    color: rgba(255, 255, 255, 0.7);
}

.block-23 ul li .icon, .block-23 ul li .text {
    display: table-cell;
    vertical-align: top;
}

.block-23 ul li .icon {
    width: 40px;
    font-size: 18px;
    padding-top: 2px;
    color: white;
}

.contact-section .contact-info p {
    color: white;
}

.contact-section .contact-info p a {
    color: white;
}

.contact-main {
    margin: 6rem 0 6rem 0 !important;
}

.dbox p a {
    color: white;
}

.contact-section .dbox {
    width: 100%;
}



.block-9 .form-control {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 15px;
}

.block-21 .blog-img {
    display: block;
    height: 80px;
    width: 80px;
}

.block-21 .text {
    width: calc(100% - 100px);
}

.block-21 .text .heading {
    font-size: 18px;
    font-weight: 300;
}

.block-21 .text .heading a {
    color: #000000;
}

.block-21 .text .heading a:hover, .block-21 .text .heading a:active, .block-21 .text .heading a:focus {
    color: var(--main-color);
}

.block-21 .text .meta>div {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
}

.block-21 .text .meta>div a {
    color: gray;
}

/* Blog*/
.post-info {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    letter-spacing: .1em;
}

.post-info>div {
    display: inline-block;
}

.post-info>div .seperator {
    display: inline-block;
    margin: 0 10px;
    opacity: .5;
}

.tagcloud a {
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 7px;
    margin-right: 4px;
    border-radius: 4px;
    color: #000000;
    border: 1px solid #ccc;
    font-size: 11px;
}

.tagcloud a:hover {
    border: 1px solid #000;
}

.comment-form-wrap {
    clear: both;
}

.comment-list {
    padding: 0;
    margin: 0;
}

.comment-list .children {
    padding: 50px 0 0 40px;
    margin: 0;
    float: left;
    width: 100%;
}

.block-20 {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 300px;
    position: relative;
    display: block;
}

.block-27 ul {
    padding: 0;
    margin: 0;
}

.block-27 ul li {
    display: inline-block;
    margin-bottom: 4px;
    font-weight: 400;
}

.block-27 ul li a, .block-27 ul li span {
    border: 1px solid var(--main-color);
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
}

.block-27 ul li.active a, .block-27 ul li.active span {
    background: var(--main-color);
    color: #fff;
    border: 1px solid transparent;
}

.comment-list li {
    padding: 0;
    margin: 0 0 30px 0;
    float: left;
    width: 100%;
    clear: both;
    list-style: none;
}

.comment-list li .vcard {
    width: 80px;
    float: left;
}

.comment-list li .vcard img {
    width: 50px;
    border-radius: 50%;
}

.comment-list li .comment-body {
    float: right;
    width: calc(100% - 80px);
}

.comment-list li .comment-body h3 {
    font-size: 18px;
    font-weight: 500;
}

.comment-list li .comment-body .meta {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .1em;
    color: #ccc;
}

.comment-list li .comment-body .reply {
    padding: 5px 10px;
    background: #e6e6e6;
    color: #000000;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .1em;
    font-weight: 400;
    border-radius: 4px;
}

.comment-list li .comment-body .reply:hover {
    color: #fff;
    background: black;
}

.search-form {
    background: #fafafa;
    padding: 10px;
}

.search-form .form-group {
    position: relative;
    margin-bottom: 0;
}

.search-form .form-group input {
    padding-right: 50px;
    font-size: 14px;
}

.search-form .icon {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.subs-wrap {
    background: var(--main-color) !important;
    display: block;
    width: 100%;
    color: rgba(255, 255, 255, 0.7);
}

.subs-wrap h3 {
    color: #fff;
    font-size: 30px !important;
}

.subscribe-form .form-group {
    position: relative;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.subscribe-form .form-group input {
    background: transparent !important;
    border: 1px solid transparent;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 16px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.subscribe-form .form-group input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.7) !important;
}

.subscribe-form .form-group input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.7) !important;
}

.subscribe-form .form-group input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.7) !important;
}

.subscribe-form .form-group input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.7) !important;
}

.subscribe-form .form-group .form-control {
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.subscribe-form .form-group .submit {
    color: #000000 !important;
    display: block;
    width: 100%;
    height: 52px;
    font-size: 16px;
    background: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.subscribe-form .form-group .submit:hover {
    cursor: pointer;
}

.subscribe-form .icon {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 991.98px) {
    .sidebar {
        margin-top: 5em;
    }
}

.sidebar-box {
    margin-bottom: 30px;
    padding: 0 25px 25px;
    font-size: 15px;
    width: 100%;
}

.sidebar-box h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.categories, .sidelink {
    padding: 0;
}

.categories li, .sidelink li {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    list-style: none;
}

.categories li:last-child, .sidelink li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.categories li a, .sidelink li a {
    display: block;
    color: black;
}

.categories li a span, .sidelink li a span {
    position: absolute;
    right: 0;
    top: 0;
    color: var(--main-color);
}

.categories li.active a, .sidelink li.active a {
    color: #000000;
    font-style: italic;
}

.categories li:hover, .sidelink li:hover {
    border-bottom: 1px dashed black;
}

/*****/


.showroom-section {
    /*padding-top: 104px;
    padding-bottom: 98px;*/
}

.showroom-section .single {
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #1d1f20;
}

.item-showroom {
    border-radius: 5px;
}

.showroom-section .single .content-box {
    position: absolute;
    top: 42px;
    right: 0;
    left: 0;
    text-align: center;
    backdrop-filter: blur(10px);
}

.showroom-section .single .content-box a {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 3px;
}

.item-1 .content-box * {
    color: #fff !important;

}

.container .section-services,
.container .testimony-section {
    background: unset;
}

.bg-transparent {
    background: unset;
}

/*.bg-transparent {
    background-color: transparent !important;
  }*/

.our-products {
    /* box-shadow: -3px 10px 36px 11px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);*/
}


.zoom {
    display: flex;
    overflow: hidden;
}

.zoom img {
    transition: transform .6s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.showroom-section .single .content-box h3 {

    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 2.2px;
}

.showroom-section .single.item-1 .content-box {
    max-width: 69%;
    top: 6.5em;
    margin: 0 auto;
}

.showroom-section .container {
    max-width: 1377px;
}

.showroom-section .single .content-box {
    position: absolute;
    top: 42px;
    right: 0;
    left: 0;
    text-align: center;
}

.showroom-section .single.item-1 {
    background-color: var(--main-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.showroom-section .single.item-1 .content-box h3 {
    font: normal normal 400 24px/30px;
    color: #fff;
    letter-spacing: .199em;
    margin-bottom: 29px;
    margin-top: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.showroom-section .single.item-1 .content-box p {
    margin-bottom: 35px;
}

.showroom-section .single .content-box p {
    color: #fff;
    font: normal normal 400 16px/2.3em 'adobe-garamond-pro', serif;
    margin-bottom: 30px;
    letter-spacing: .04em;
}

.showroom-section .single.item-1 .content-box a {
    color: #fff;
    min-width: 167px;
}



.primary-link {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .2em;
    cursor: pointer;
    color: var(--main-color);
    border: 1px solid #fff;
    padding: 12px 25px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: color 1000ms;
    transition: color 1000ms;
    outline: none;
}

.primary-link:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--main-color);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out;
}

.showroom-section .single img {
    min-height: 446px;
}

@media (max-width: 768px) {
    .showroom-section {
        display: none;
    }
}

@media (min-width: 768px) {
    .showroom-section-mobile {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .showroom-section-mobile img {
        width: 297px !important;
        height: 353px !important;
        max-width: unset !important;
    }
}

.showroom-section-mobile img {
    width: 155px;
    height: 201px;
    max-width: 233px;
    height: auto;
    position: relative;
    margin: 0 auto;
    background-position: top center;
}


.no-scroll {
    overflow: hidden;
}

[aria-hidden="true"] {
    display: none;
}

[aria-hidden="false"] {
    display: block;
}

.item-single {
    border: 0px solid;
    border-radius: 22px;
    box-shadow: 0 20px 18px 0 rgb(0 0 0 / 20%), 0 26px 40px 0 rgb(0 0 0 / 19%);
}






.zoom img {
    transform: scale3d(1, 1, 1);
    transition: transform 0.5s ease-in-out;
}

.zoom:hover img,
.zoom:focus img,
.item-showroom:focus~.zoom img,
.item-showroom:hover~.zoom img {
    transform: scale3d(1.5, 1.5, 1);
    transition: transform 1s ease-in-out;
}

.nav-item a {
    position: relative;
}


.about-p {
    text-align: center;
    text-indent: 20px;
    font-size: 17px;
}


.main-about {
    margin-bottom: 2em;
    font: normal normal 400 16px/30px 'adobe-garamond-pro', serif;
    letter-spacing: .02em;
    margin-bottom: 40px;
    color: #fff;
    display: inline-block;

}

blockquote>a {
    color: #fff;
}

.about-p {
    text-align: justify;
}

@media (max-width: 499px) {
    .come-in1 {
        width: 6em;
        bottom: 51%;
        top: unset;
        left: -39px;
    }

    .about-p {
        text-align: center;
    }

    .come-in2 {
        width: 6em;
        top: unset;
        bottom: 32%;
        right: -10px;
    }

    .img-right {
        float: right;
        width: 31em;
        max-width: 100%;
    }

    .img-left {
        float: right;
        width: 31em;
        max-width: 100%;

    }
}

.img-left {
    float: left;

}

.about-img {
    width: 31em;
    max-width: 100%;
    border-radius: 6px;
    margin: 0px 18px 0 18px;
    transform: translateY(4em);
    transition: transform 4s .25s cubic-bezier(0, 1, .3, 1), opacity .3s .25s ease-out;
    animation: come-in 2s ease forwards;
}



.img-right {
    float: right;

}

.main-about h6 {
    margin: 13px;
}

ul.sub {
    position: absolute;
    z-index: 200;
    box-shadow: 2px 2px 0 #BEBEBE;
    background: #fff;
    display: none;
    padding: 10px;

}


#about-us .main-about,
#about-us #chartdiv,
#our-policy,
.award-section,
.contact-section-form,
.contact-section,
#certificates {
    margin: 6rem 0 6rem 0 !important;
}

.contact-map, .contact-info {
    background: unset;
}


#map-frame {
    width: 29em;
    height: 21em;

}

@media only screen and (max-width: 500px) {
    #map-frame {
        width: 100%;
        margin: 0;
        margin-left: -1px;
    }
}







.our-policy li,
.our-policy p {
    text-align: left;
    text-indent: 15px;
    color: #fff;
}

.our-policy-content {
    display: flex;
    justify-content: center;
    align-items: center;

    flex-direction: column;
    /*border: 5px double #000000;*/
    background-color: var(--main-color);
}

h1, h2, h3, h4, h5, h6 {

    font-weight: bold;
}

#certificates img {
    max-width: 80%;
}

#chartdiv {
    margin: 1.5rem 0 1.5rem 0;

}




.arrow-right {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 37px solid var(--white);
    margin-left: 0.6rem;
}

/* Production Begin*/
.carousel-inner .product-card {
    max-width: 100%;
    width: 100%;
    padding: 1rem;
    color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

#demo {
    margin: 6rem 0 6rem 0 !important;
}

@media(max-width:768px) {
    .product-card {
        width: 100%;
        padding: 1.5rem
    }
}



.path {
    color: grey;
    margin-bottom: 1rem
}

.path a {
    color: #ffffff
}

.info {
    padding: 6vh 0vh
}

@media(max-width:768px) {
    .info {
        padding: 0
    }
}

.checked {
    color: rgb(255, 217, 0);
    margin-right: 1vh
}

.fa-star-half-full {
    color: rgb(255, 217, 0)
}

.carousel-inner img {
    border-radius: 22px;
    box-shadow: 0 20px 18px 0 rgb(0 0 0 / 20%), 0 26px 40px 0 rgb(0 0 0 / 19%);
    height: fit-content;
    width: 85%;
    padding: 1rem;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: filter .5s ease-in-out;
}

.carousel-inner img:hover {
    filter: none;
    -webkit-filter: none;
    transition: filter .5s ease-in-out;
}

@media(max-width:768px) {
    .carousel-inner img {
        padding: 2.5rem 0
    }
}

.title .col {
    padding: 0
}

.fa-heart-o {
    font-size: 2rem;
    color: #ffffffaf;
    font-weight: lighter
}

#reviews {
    margin-left: 3vh;
    color: grey
}

.price {
    margin-top: 2rem
}

.carousel-inner label.radio span {
    padding: 1vh 4vh;
    background-color: rgb(54, 54, 54);
    color: grey;
    display: inline-block;
    margin-right: 2vh
}

.carousel-inner label.radio input:checked+span {
    border: 1px solid white;
    padding: 1vh 4vh;
    background-color: rgb(54, 54, 54);
    margin-right: 2vh;
    color: #ffffff;
    display: inline-block
}

.carousel-control-prev {
    width: unset
}

.carousel-control-next {
    left: 8vh;
    right: unset;
    width: unset
}

.lower {
    margin-top: 1rem;
    background: white;
}

.lower i {
    padding: 2.5vh;
    margin-right: 1vh;
    color: grey;
    border: 1px solid rgb(85, 85, 85)
}

.lower .col {

    border-bottom: 1px solid #fff;
    padding: 10px;
}

@media(max-width:768px) {
    .lower i {
        padding: 2vh;
        margin-right: 1vh;
        color: grey;
        border: 1px solid rgb(85, 85, 85)
    }
}

.btn {
    background-color: transparent;

    color: white;
    padding: 1.8vh 4.5vh;
    height: fit-content;
    border-radius: 3px
}

.btn:focus {
    box-shadow: none;
    outline: none;
    box-shadow: none;
    color: white;
    -webkit-box-shadow: none;
    -webkit-user-select: none;
    transition: none
}

.btn:hover {}

@media(max-width:768px) {
    .btn {
        background-color: transparent;
        color: #fff;
        padding: 1vh;
        font-size: 0.9rem;
        height: fit-content;
        border-radius: 3px
    }
}

.carousel-inner a {
    color: unset
}

.carousel-inner a:hover {
    color: unset;
    text-decoration: none
}

.carousel-inner label.radio input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    pointer-events: none
}

.carousel-inner label.radio {
    cursor: pointer
}



/* Production End*/
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.makeYourCup p {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 17px;
    color: #fff;
    font: 18px/30px;
}

.makeYourCup .box02 {
    width: 50%;
}

.makeYourCup .box01 {
    width: 50%;
}

.clearfix {
    display: block;
}

.makeYourCup h2 {
    font-size: 37px;
    margin-bottom: 20px;
}

@media(max-width:768px) {
    .makeYourCup .box02 {
        width: 100%;
    }

    .makeWrap {
        display: block !important;
    }

    .makeYourCup .box01 {
        width: 50%;
    }

    #main-process {
        overflow: hidden;
    }

    .makeYourCup float-r {
        float: right !important;
    }

    .makeYourCup float-l {
        float: left !important;
    }
}

.makeYourCup float-r {
    float: right !important;
}

.makeYourCup float-l {
    float: left !important;
}

.makeWrap {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}



/*Footer*/



.zero {
    width: 0;
    height: 0;
}

.quotation strong {
    font: italic normal 400 44px/1.4em 'Monsterrat', serif;
    letter-spacing: .04em;
    max-width: 695px;
    margin: auto;
    text-align: center;

}

/*Footer End*/

.bg-fixed-video {
    position: fixed;
    height: 100%;
    display: block;
    width: 100%;
    z-index: -20;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;

}

.bg-fixed-video .sleep-video {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/*
  main > section {
      background:var(--trans-color);
      
  } */
/* For Laptops */

@media screen and (max-width: 1400px) and (min-width: 1200px) {
    .partial-about {
        margin: 26em auto 22em auto;
    }

    .margin-home {
        padding: 3rem 0 4rem 0;
    }

    .about-marg {
        margin-top: -14px;
    }
}

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

    .about-marg {
        margin-top: 11em;
        margin-bottom: 6em;
    }

    .collection_row .collection_grid .collection_box h2 {
        background: linear-gradient(#0c0c0c 0%, #000 20%, #000 100%);
        color: #fff;
        -webkit-text-fill-color: unset !important;
        text-fill-color: unset !important;
    }


}

@media screen and (max-width: 1200px) and (min-width: 300px) {
    .partial-about {
        padding: 3rem 0 4rem 0;

    }

    .margin-home {
        padding: 3rem 0 4rem 0;
    }

    .service-image {

        width: 318px !important;

    }
}

@media screen and (min-width: 1350px) {
    .partial-about {
        margin: 17rem 0 17rem 0;

    }

    .margin-home {
        padding: 3rem 0 4rem 0;
    }
}

strong li a {
    color: white;
}

.service-video {
    border-radius: 50px;
    width: 348px;
    height: 196px;
}

.service-image {

    max-width: 378px !important;

}

.learn-more {
    color: #fff;
    border: 1px solid #fff;
    padding: 6px;
    border-radius: 5px;
}






@media screen and (min-width: 769px) and (max-width: 1024px) {
    .partial-about {
        margin: 26em auto 22em auto;
    }
}



/*
 .sm_menu_outer.accordion li {
     display: block
 }
 
 @-webkit-keyframes slideUp {
     0% {
         -webkit-transform: translateY(66px);
         transform: translateY(66px)
     }
 
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }
 }
 
 @keyframes slideUp {
     0% {
         -webkit-transform: translateY(66px);
         -ms-transform: translateY(66px);
         transform: translateY(66px)
     }
 
     100% {
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0)
     }
 }
 
 @media(max-width:500px) {
     div#powerTip {
         position: fixed;
         top: 20% !important;
         left: 10% !important;
         width: 100%;
         height: auto !important;
         overflow-x: hidden;
         overflow-y: auto
     }
 }
 
 @media(min-width:500px) and (max-width:990px) {
     .package_tit {
         padding: 10px !important
     }
 }
 
 .mmactive .at_top_bar {
     display: none !important
 }
 
 .smcx-embed {
     margin: 0 auto !important
 }
 
 @media(max-width: 989px) {
     header .container {
         flex-direction: column;
         align-items: center
     }
 }
 
 @media(max-width: 989px) {
     header .container .menu-section .main-menu .menu-main-menu-container {
         display: none
     }
 }
 
 .sm_menu_outer .slide .active #sm_menu_ham span {
     background: white !important;
 }
 
 #sm_menu_hambody.mmactive {
     overflow: hidden
 }
 
 .mobile_menu {
     display: none;
     position: relative
 }
 
 .mobile_menu .social {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 55px;
     margin-top: 100px
 }
 
 @media only screen and (max-width:989px) {
     .mobile_menu {
 
         background-color: var(--main-color);
 
     }
 }
 
 .mobile_menu .social a {
     background-image: url(../../images/social-icons.png);
     background-repeat: no-repeat;
     background-size: 160px;
     font-size: 0;
     padding: 9px 15px !important
 }
 
 .mobile_menu .social a.in {
     background-position: 0 -4px
 }
 
 .mobile_menu .social a.fb {
     background-position: -41px -4px
 }
 
 .mobile_menu .social a.yt {
     background-position: -131px -4px
 }
 
 .mobile_menu .social a.tw {
     background-position: -84px -4px
 }
 
 .sm_menu_outer.active .mobile_menu {
     display: flex;
     flex-direction: column;
     align-items: stretch;
     align-content: center;
     justify-content: center;
     flex-wrap: nowrap;
 }
 
 
 
 @media only screen and (max-width:989px) {
     .sm_menu_outer {
         height: 100%
     }
 }
 
 .sm_menu_outer.slide .mobile_menu li.hasChild .sub-menu-mobile li a {
     font-size: 14px;
     text-transform: capitalize
 }
 
 
 .sm_menu_outer .mobile_menu li.back a::before 
         {
               background: url(https://demo.betateahouse.com.tr/assets/svg/next.png) no-repeat scroll 95% center/5% auto;
             background-size: 15px;
             content: "";
             position: absolute;
             top: 0;
             transform: rotate(180deg);
             left: 12px;
             padding: 20px;
             background-repeat: no-repeat;
             background-size: 15px;
             -webkit-transform: rotate(180deg);
             -moz-transform: rotate(180deg);
             -ms-transform: rotate(180deg);
             -o-transform: rotate(180deg);
             
         }
 
 .sm_menu_outer .mobile_menu a {
     color: #fff;
     display: block;
     letter-spacing: 1px;
     padding: 20px 15px;
     text-transform: uppercase;
     text-decoration: none
 }
 
 .sm_menu_outer.slide .mobile_menu .sub-menu-mobile {
     background-color: var(--main-color);
     height: 100%;
     position: absolute;
     right: -100%;
     top: 0;
     transition: all .5s ease 0s;
     width: 100%;
     z-index: 999
 }
 
 .sm_menu_outer.slide .mobile_menu li.active>.sub-menu-mobile {
     right: 0
 }
 
 .sm_menu_outer .mobile_menu li {
     text-align: center;
     list-style-type: none;
     border-bottom: .5px solid transparent;
     color: #fff
 }
 
 .sm_menu_outer.slide .mobile_menu li.hasChild>a {}
 
 #sm_menu_ham {
     cursor: pointer;
     float: right;
     height: 25px;
     position: fixed;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: all .5s ease-in-out 0s;
     -moz-transition: all .5s ease-in-out 0s;
     -o-transition: all .5s ease-in-out 0s;
     transition: all .5s ease-in-out 0s;
     width: 30px;
     top: 45px;
     left: 15px;
     z-index: 4444
 }
 
 #sm_menu_ham::after {
     content: 'MENU';
     position: relative;
     left: 33px;
     top: -6px;
     font: 500 14px futura-pt, sans-serif;
     color: var(--main-color)
 }
 
 #sm_menu_ham.open::after {
 
     position: relative;
     left: 35px;
     top: -7px;
     color: #fff;
     font: 500 14px futura-pt, sans-serif
 }
 
 #sm_menu_ham span {
     background-color: #000;
     border-radius: 5px;
     display: block;
     height: 2px;
     left: 0;
     opacity: 1;
     position: absolute;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: all .25s ease-in-out 0s;
     -moz-transition: all .25s ease-in-out 0s;
     -o-transition: all .25s ease-in-out 0s;
     transition: all .25s ease-in-out 0s;
     width: 30px
 }
 
 #sm_menu_ham span:nth-child(1) {
     top: 0
 }
 
 #sm_menu_ham span:nth-child(2),
 #sm_menu_ham span:nth-child(3) {
     top: 10px
 }
 
 #sm_menu_ham span:nth-child(4) {
     top: 20px
 }
 
 #sm_menu_ham.open span:nth-child(1) {
     left: 50%;
     top: 18px;
     width: 0
 }
 
 #sm_menu_ham.open span:nth-child(2) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     transform: rotate(45deg)
 }
 
 #sm_menu_ham.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     transform: rotate(-45deg)
 }
 
 #sm_menu_ham.open span:nth-child(4) {
     left: 50%;
     top: 18px;
     width: 0
 }
 
 #sm_menu_ham.open span {
     background-color: #fff
 }
 
 .sm_menu_outer.accordion .mobile_menu .sub-menu-mobile,
 .sm_menu_outer.accordion .mobile_menu li.hasChild ul.sub-menu-mobile {
     display: none
 }
 
 .sm_menu_outer.accordion .mobile_menu .hasChild>.sub-menu-mobile li {
     padding-left: 20px
 }
 
 .sm_menu_outer.accordion .mobile_menu li.active>.sub-menu-mobile {
     right: auto
 }
 
 .sm_menu_outer.accordion .mobile_menu li.hasChild>a {
     position: relative
 }
 
 .sm_menu_outer.accordion .mobile_menu li.hasChild>a::before {
     position: absolute;
     content: '';
 
     right: 0;
     top: 20px;
     width: 40px;
     height: 25px;
     transition: all .19s ease
 }
 
 .sm_menu_outer.accordion .mobile_menu li.hasChild.active>a::before {
     transform: rotate(89deg);
     transition: all .19s ease
 }
 
 @media(min-width:989px) {
 
     #sm_menu_ham,
     .sm_menu_outer {
         display: none
     }
 }
 
 .sm_menu_outer.accordion li {
     display: block
 }
 
 @-webkit-keyframes slideUp {
     0% {
         -webkit-transform: translateY(66px);
         transform: translateY(66px)
     }
 
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }
 }
 
 @keyframes slideUp {
     0% {
         -webkit-transform: translateY(66px);
         -ms-transform: translateY(66px);
         transform: translateY(66px)
     }
 
     100% {
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0)
     }
 }
 
 @media(max-width:500px) {
     div#powerTip {
         position: fixed;
         top: 20% !important;
         left: 10% !important;
         width: 100%;
         height: auto !important;
         overflow-x: hidden;
         overflow-y: auto
     }
 }
 
 @media(min-width:500px) and (max-width:990px) {
     .package_tit {
         padding: 10px !important
     }
 }
 
 .mmactive .at_top_bar {
     display: none !important
 }
 
 .smcx-embed {
     margin: 0 auto !important;
 }
 */

.rev-date strong {
    color: white;
}

.about-text {
    border-radius: 10px;
    box-shadow: 0 2px 20px rgb(255 255 255 / 83%);
    padding: 28px;
}

#about-us {
    background-color: var(--main-color);
}

@media(min-width:300px) and (max-width:576px) {
    .about-text {
        padding: 0 !important;
        box-shadow: unset !important;
    }

    #about-us {
        padding: 10px !important;
    }

}

.dbox span {
    color: white;
}

#frm label {
    color: white;
}

#main {

    overflow: hidden !important;
}