*, ::after, ::before{box-sizing: border-box}
html{font-family:"Roboto",sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent}
body{margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff}

/* HEADER AREA */
.header-area{padding: 0 230px; background: #f1e7dd}
/* Header wrapper */
.header-area .header-wrapper{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}
.header-area .header-wrapper .row{-ms-flex-align:center; align-items: center}
.header-area .header-wrapper .logo-wrapper{position: relative; width:100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
/* Menu wrapper */
.header-area .header-wrapper .menu-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
/* Main menu */
.header-area .header-wrapper .menu-wrapper .main-menu{float: right; display: none}
.header-area .header-wrapper .menu-wrapper .main-menu ul li{display: inline-block; position: relative; z-index: 1}
.header-area .header-wrapper .menu-wrapper .main-menu ul li a{color: #382d2a; font-weight: 500; padding: 37px 27px; display: block; font-size: 16px; position: relative; -webkit-transition:all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s}
.header-area .header-wrapper .menu-wrapper .main-menu ul li:hover a{color: #151619}
/* Btn wrapper */
.header-area .header-wrapper .btn-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
.header-area .header-wrapper .btn-wrapper .header-btn{float: right; display: none!important;}
/* Mobile menu */
.header-area .header-wrapper .mobile-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
.header-area .header-wrapper .mobile_menu{display: block!important; position: absolute; right: 0px; width: 100%; z-index: 99; top: 12px}

/* Btn wrapper mobile*/
.btn-wrapper-mobile{display: block; position: relative; width: 100%; min-height: 1px; padding: 15px; margin: 0 auto; text-align: center}
.btn-wrapper-mobile .header-btn{background: #f1e7dd; color: #45444c; margin: 0 auto; text-align: center}
.btn-wrapper-mobile .btn:hover{background: #f1e7dd; color: #45444c}

/* Media */
@media only screen and (min-width: 1200px) and (max-width: 1600px){
    .header-area{padding: 0 75px}
    .header-area .header-wrapper .menu-wrapper  .main-menu ul li a{padding: 30px 20px}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .header-area{padding: 0 20px}
    .header-area .header-wrapper .menu-wrapper .main-menu ul li a{padding: 30px 13px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .header-area{padding: 0 70px}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .header-area{padding: 0 70px}
}
@media (max-width: 767px){
    .header-area{padding: 0 20px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .header-area{padding-top: 12px; padding-bottom: 12px}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .header-area{padding-top: 12px; padding-bottom: 12px}
}
@media (max-width: 767px){
    .header-area{padding-top: 12px; padding-bottom: 12px}
}
@media (min-width:768px){
    .header-area .header-wrapper .logo-wrapper{-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%}
    .header-area .header-wrapper .menu-wrapper{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%}
    .header-area .header-wrapper .btn-wrapper{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%}
}
@media (min-width:1200px){
    .header-area .header-wrapper .logo-wrapper{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%}
    .header-area .header-wrapper .menu-wrapper{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%}
    .header-area .header-wrapper .btn-wrapper{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%}
}
@media (min-width:992px){
    .header-area .header-wrapper .logo-wrapper{-ms-flex:0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%}
    .header-area .header-wrapper .menu-wrapper{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%}
    .header-area .header-wrapper .menu-wrapper .main-menu{display: block!important}
    .header-area .header-wrapper .mobile-wrapper .mobile_menu{display: none!important}
    .header-area .header-wrapper .btn-wrapper{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width:25%}
    .header-area .header-wrapper .btn-wrapper .header-btn{display: block!important}
}
/* sticky */
.sticky-bar{left: 0; margin: auto; position: fixed; top: 0; width: 100%; -webkit-box-shadow: 0 0 60px 0 rgba(0,0,0,0.07); box-shadow: 0 0 60px 0 rgba(0,0,0,0.07); z-index: 9999; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 10px 15px rgba(25,25,25,0.1); background: #f1e7dd}
.header-sticky ul li a{padding: 10px 19px}
.header-sticky.sticky-bar.sticky .main-menu ul li a{padding: 20px 20px}
.slicknav_menu{background: transparent; margin-top: 0px !important}
.slicknav_menu .slicknav_icon-bar{background-color: #413535 !important}
.header-sticky.sticky-bar.sticky .header-btn .get-btn{padding: 20px 20px}
.header-area .slicknav_btn{top: -41px}
.slicknav_menu .slicknav_nav a:hover{background: transparent; color: #da0000}
.slicknav_nav{margin-top: -7px}

/* SITENAME AREA */
.sitename-area{margin-top: -1px}
.sitename-area .title-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
.sitename-area .title-wrapper h1,
.sitename-area .title-wrapper h2{text-align: center; color: #fff; font-weight: 700}
.sitename-wrapper{-ms-flex-align: center; align-items: center; min-height: 350px; background-repeat: no-repeat; background-position: center center; background-size: cover; display: -ms-flexbox!important; display: flex!important}
.sitename-wrapper{background-image: linear-gradient(130deg,rgba(15,1,1,0.55) 25%,rgba(15,1,1,0.43) 100%),url(/templates/mks/images/header-line.webp);}
.no-webp .sitename-wrapper{background-image: linear-gradient(130deg,rgba(15,1,1,0.55) 25%,rgba(15,1,1,0.43) 100%),url(/templates/mks/images/header-line.jpg);}
@media (min-width:1200px){
    .btn-wrapper-mobile{display: none}
    .sitename-area .title-wrapper{-ms-flex:0 0 100%; flex:0 0 100%; max-width: 100%}
    .sitename-area .title-wrapper h1{font-size: 50px}
    .sitename-area .title-wrapper h2{font-size: 34px}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .btn-wrapper-mobile{display: none}
    .sitename-area .title-wrapper h1{font-size: 45px}
    .sitename-area .title-wrapper h2{font-size: 35px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .sitename-area .title-wrapper h1{font-size: 30px}
    .sitename-area .title-wrapper h2{font-size: 25px}
}
@media (max-width: 767px){
    .sitename-wrapper{min-height: 300px}
    .sitename-area .title-wrapper h1{font-size: 25px}
    .sitename-area .title-wrapper h2{font-size: 20px}
}

/* ABOUT AREA */
.about-area{background: #f1e7dd; padding-top: 200px; padding-bottom: 200px}
/* Info wrapper */
.about-area .info-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
.about-area .info-wrapper .section-tittle{margin-bottom: 20px}
.about-area .info-wrapper .section-tittle h2{margin: 0; padding-bottom: 30px; text-align: center}
.about-area .info-wrapper .section-description{font-size: 16px; color: #64676c; line-height: 1.6; margin-bottom: 63px; text-align: justify}
/* Img wrapper */
.about-area .img-wrapper{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}
.about-area .img-wrapper .about-img{position: relative}
.about-area .img-wrapper .about-img .about-font-img{position: relative; z-index: 1; border: 15px solid rgba(255,255,255,0.5); float: left}
.about-area .img-wrapper .about-img .about-back-img{display: none!important; position: absolute; top: -47px; right: 0; z-index: 0; float: right}

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

@media only screen and (min-width: 1200px) and (max-width: 1600px){
    .about-area{padding-top: 120px; padding-bottom: 10px}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .about-area{padding-top: 110px; padding-bottom: 10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .about-area{padding-top: 20px; padding-bottom: 20px}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .about-area{padding-top: 20px; padding-bottom: 20px}
}
@media (max-width: 767px){
    .about-area{padding-top: 20px; padding-bottom: 20px}
}
@media (min-width:992px){
    .about-area .info-wrapper{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%}
    .about-area .info-wrapper .section-description{padding-right: 0px}
    .about-area .img-wrapper{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%}
}
@media (max-width: 767px){
    .about-area .info-wrapper .section-description{margin-bottom: 35px}
    .about-area .img-wrapper .about-img .about-font-img img{width: 100%}
}
@media (min-width:768px){
    .about-area .img-wrapper .about-img .about-back-img{display: block!important}
}

/* SERVICES AREA */
.services-area{padding-top: 20px; padding-bottom: 20px}
/* title wrapper */
.services-area .title-wrapper{position: relative; width: 100%}
.services-area .title-wrapper .section-tittle{text-align: center!important}
/* services list */
.services-area .services-list{display: block; transition: opacity .15s linear}
.services-area .services-list .service-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
.services-area .services-list .service-wrapper .single{margin-bottom: 30px}
.services-area .services-list .service-wrapper .single .img{position: relative; overflow: hidden}
.services-area .services-list .service-wrapper .single .img img{width: 100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s}
.services-area .services-list .service-wrapper .single:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1)}
.services-area .services-list .service-wrapper .single .info{background: #fcfcfc; padding: 34px 22px 31px 37px}
.services-area .services-list .service-wrapper .single .info h3{color: #1b1c29; font-size: 25px; font-weight: 700; margin-bottom: 20px}
.services-area .services-list .service-wrapper .single .info p{color: #64676c; line-height: 1.7}
@media screen and (prefers-reduced-motion:reduce){
    .services-area .services-list{transition: none}
}
@media (min-width:1200px){
    .services-area .title-wrapper{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
    .services-area .services-list .service-wrapper{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .services-area .services-list .service-wrapper .single .info{padding: 31px 12px 22px 17px}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .services-area .services-list .service-wrapper .single .info{padding: 31px 12px 22px 17px}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .services-area .services-list .service-wrapper .single .info{padding:31px 12px 22px 17px}
}
@media (max-width: 767px){
    .services-area .services-list .service-wrapper .single .info{padding:31px 12px 22px 17px}
}
@media (min-width:992px){
    .services-area .services-list .service-wrapper{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%}
}
@media (min-width:768px){
    .services-area .services-list .service-wrapper{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%}
}

/* TESTIMONIAL AREA */
.testimonial-area{padding-top: 170px; padding-bottom: 220px; background-size: cover; background-repeat: no-repeat}
.testimonial-area{background-image: linear-gradient(130deg,rgba(15,1,1,0.55) 25%,rgba(15,1,1,0.43) 100%),url(/templates/mks/images/testimonials-bg.webp);}
.no-webp .testimonial-area{background-image: linear-gradient(130deg,rgba(15,1,1,0.55) 25%,rgba(15,1,1,0.43) 100%),url(/templates/mks/images/testimonials-bg.jpg);}
.testimonial-area .title-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px;padding-left:15px}
.testimonial-area .title-wrapper .section-tittle{text-align: center!important; margin-bottom: 45px}
.testimonial-area .title-wrapper .section-tittle h2{color: #fff}
.testimonial-area .title-wrapper .section-tittle h2::before{background: #fff}
.testimonial-area .row{display: -ms-flexbox!important; display: flex!important; -ms-flex-pack: center!important; justify-content: center!important}
.testimonial-area .testimonial-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
.testimonial-area .testimonial-wrapper .single-testimonial{text-align: center!important}
.testimonial-area .testimonial-wrapper .single-testimonial .description{color: #fff; font-weight: 400; line-height: 2.1; padding: 0 26px; margin-bottom: 50px; font-size: 18px; margin-bottom: 30px}
.testimonial-area .testimonial-wrapper .single-testimonial .autor{color: #ffff; font-size: 18px; font-weight: 700;line-height: 1; display: block}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
    .testimonial-area{padding-top: 170px; padding-bottom: 220px}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .testimonial-area{padding-top: 85px; padding-bottom: 130px}
    .testimonial-area .testimonial-wrapper .single-testimonial .description{font-size: 18px; line-height: 1.6; font-size: 16px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .testimonial-area{padding-top: 74px; padding-bottom: 130px}
    .testimonial-area .testimonial-wrapper .single-testimonial .description{margin-bottom: 25px; font-size: 16px; line-height: 1.7; padding: 0; font-size: 17px}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .testimonial-area{padding-top: 74px; padding-bottom: 130px}
    .testimonial-area .testimonial-wrapper button.slick-arrow{left: -45px}
    .testimonial-area .testimonial-wrapper button.slick-next{right: -45px}
    .testimonial-area .testimonial-wrapper:hover button.slick-prev{left: -35px}
    .testimonial-area .testimonial-wrapper:hover button.slick-next{right: -37px}
}
@media (max-width: 767px){
    .testimonial-area{padding-top: 74px; padding-bottom: 130px}
    .testimonial-area .testimonial-wrapper .single-testimonial .description{margin-bottom: 25px; font-size: 16px; line-height: 1.7; padding: 0 5px; font-size: 18px}
}
@media (min-width:1200px){
    .testimonial-area .title-wrapper{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
    .testimonial-area .testimonial-wrapper{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
}
@media (min-width:992px){
    .testimonial-area .testimonial-wrapper{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
}
@media (min-width:768px){
    .testimonial-area .testimonial-wrapper{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
}
.testimonial-area .testimonial-wrapper button.slick-arrow{position: absolute; top: 50%; left: -133px; -webkit-transform: translateY(-50%); -ms-transform:translateY(-50%); transform: translateY(-50%); border: 0; padding: 0; z-index: 2; height: 45px; width: 45px; line-height: 15px; border-radius: 50%; cursor: pointer; font-size: 20px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; color: #fff; opacity: 0; visibility: hidden; background: #da0000}
.testimonial-area .testimonial-wrapper button.slick-next{left: auto; right: -133px}
.testimonial-area .testimonial-wrapper:hover button.slick-prev{left: -120px}
.testimonial-area .testimonial-wrapper:hover button.slick-next{right: -120px}
.testimonial-area .testimonial-wrapper:hover button{opacity: 1; visibility: visible}
.testimonial-area .testimonial-wrapper .slick-dots{text-align: center; bottom: -58px; left: 0; right: 0; position: absolute}
.testimonial-area .testimonial-wrapper .slick-dots li{display: inline-block}
.testimonial-area .testimonial-wrapper .slick-dots button{text-indent: -100000px; height: 9px; width: 9px; border: 0; padding: 0; margin:0 4px; cursor: pointer; border-radius: 50%; background: rgba(255,255,255,0.3)}
.testimonial-area .testimonial-wrapper .slick-dots .slick-active button{background: #fff}

/* CONTACT AREA */
.contact-area{padding: 50px 50px}
/* title wrapper */
.contact-area .title-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
.contact-area .title-wrapper .section-tittle{text-align: center!important; margin-bottom: 10px}
/* contact title wrapper */
.contact-area .contact-title-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
.contact-area .contact-title-wrapper p{font-size: 22px; font-weight: 600; margin-bottom: 20px}
/* form wrapper */
.contact-area .form-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
.contact-area .form-wrapper .textarea-wrapper{margin-bottom: 30px; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
.contact-area .form-wrapper .textarea-wrapper textarea{border-radius: 0px; height: 100% !important; width: 100%!important}
.contact-area .form-wrapper .input-wrapper{margin-bottom: 30px; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
.contact-area .contact-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
/* form control */
.contact-area .form-wrapper .form-control{border: 1px solid #e5e6e9;border-radius:0px;height:48px;padding-left:18px;font-size:13px;background:transparent}
.contact-area .form-wrapper .form-control:focus{outline:0;box-shadow:none}
.contact-area .form-wrapper .form-control::placeholder{font-weight:300;color:#999999}
.contact-area .form-wrapper .form-control{display: block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.contact-area .form-wrapper .form-control::-ms-expand{background-color:transparent;border:0}
.contact-area .form-wrapper .form-control:focus{color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)}
.contact-area .form-wrapper .form-control::-webkit-input-placeholder{color: #6c757d; opacity: 1}
.contact-area .form-wrapper .form-control::-moz-placeholder{color: #6c757d; opacity: 1}
.contact-area .form-wrapper .form-control:-ms-input-placeholder{color: #6c757d; opacity: 1}
.contact-area .form-wrapper .form-control::-ms-input-placeholder{color: #6c757d; opacity: 1}
.contact-area .form-wrapper .form-control::placeholder{color: #6c757d; opacity: 1}
/* contact info */
.contact-area .contact-wrapper .contact-info{margin-bottom: 25px; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start}
.contact-area .contact-wrapper .contact-info .icon{margin-right: 20px}
.contact-area .contact-wrapper .contact-info .icon i,
.contact-area .contact-wrapper .contact-info .icon span{color: #8f9195; font-size: 27px}
.contact-area .contact-wrapper .contact-info .body{-ms-flex: 1; flex: 1}
.contact-area .contact-wrapper .contact-info .body h3{margin-bottom: 0; font-size: 18px; color: #2a2a2a}
.contact-area .contact-wrapper .contact-info .body p{color: #8a8a8a}
.contact-area .contact-wrapper .contact-title{font-size:27px;font-weight:600;margin-bottom:20px}
@media (max-width: 991px){
    .contact-area{padding: 70px 0 40px}
    .contact-area .contact-wrapper{margin-top: 20px}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .contact-area{padding: 80px 0 50px}
}
@media (min-width:1200px){
    .contact-area .title-wrapper{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
}
@media (min-width:992px){
    .contact-area .form-wrapper{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%}
    .contact-area .contact-wrapper{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-left: 8.333333%}
}
@media (min-width:576px){
    .input-wrapper{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%}
}

/* FAQ AREA */
.faq-area{padding-top: 50px; padding-bottom: 50px}
/* title wrapper */
.faq-area .title-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
.faq-area .title-wrapper .section-tittle{text-align: center!important; margin-bottom: 30px}
/* faq */
.faq-area .faq{padding: 5px 0}
.faq-area .faq .container{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}
.faq-area .faq .container .header-wrapper{background: #fff; text-align: center; position: relative; z-index: 1}
.faq-area .faq .container .header-wrapper h2{margin-bottom: 1.4em; font-size: 2.0625em; padding-bottom: 0.5em; text-align: center}
.faq-area .faq .container .header-wrapper h2:after{content: ''; display: block; position: absolute; left: 20%; right: 20%; height: 1px; margin-top: 0.5em; background: -moz-linear-gradient(left, rgba(176, 176, 176, 0) 0%, #b0b0b0 20%, #b0b0b0 80%, rgba(176, 176, 176, 0) 100%); background: -webkit-linear-gradient(left, rgba(176, 176, 176, 0) 0%, #b0b0b0 20%, #b0b0b0 80%, rgba(176, 176, 176, 0) 100%); background: linear-gradient(to right, rgba(176, 176, 176, 0) 0%, #b0b0b0 20%, #b0b0b0 80%, rgba(176, 176, 176, 0) 100%)}
.faq-area .faq .container .faq-content{border-bottom: 1px dotted #ccc; padding: 1em 0}
.faq-area .faq .container .faq-icon{line-height: 1em; color: #332524; float: left; font-weight: 700; padding-right: 0.3em; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms}
.faq-area .faq .container .faq-open{transform: rotate(-45deg); transform-origin: 50% 50%; -ms-transform: rotate(-45deg); -ms-transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 50% 50%; -webkit-transition: all 200ms; -moz-transition: all 200ms; transition: all 200ms}
.faq-area .faq .container .faq-question{cursor: pointer; font-size: 1.5em; font-weight: bold; color: #332524}
.faq-area .faq .container .faq-answer{clear: both; color: #332524; display: none; padding-left: 1.5em; margin: 10px; font-size: 18px}
@media (min-width: 576px){
    .faq-area .faq .container{max-width: 540px}
}
@media (min-width: 768px){
    .faq-area .faq .container{max-width: 720px}
}
@media (min-width: 992px){
    .faq-area .faq .container{max-width: 960px}
}
@media (min-width: 1200px){
    .faq-area .faq .container{max-width: 1050px}
}
@media (max-width: 768px){
    .faq-area .faq .container .faq-question{font-size: 1.2em}
}

/* LINE AREA */
.line-area{padding-top: 20px; padding-bottom: 20px;  position: relative; z-index: 0; background: #f1e7dd; overflow: hidden}
.line-area .info-wrapper{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px}
.line-area .info-wrapper h2{text-align: center}
.line-area .info-wrapper p{color: #372c2c; font-size: 18px}
.line-area .info-wrapper .section-description{font-size: 16px; color: #64676c; line-height: 1.6; text-align: justify}
.line-area .row{display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center; align-items: center}
@media (min-width: 1200px){
    .line-area{padding-top: 70px; padding-bottom: 70px}
}
.footer-area{background: #f1e7dd}
.footer-area .footer-border{padding: 28px 0px 8px}
.footer-area .footer-border .row{display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center; align-items: center}
.footer-area .footer-copy-right{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; text-align: center!important}
.footer-area .footer-copy-right p{color: #372c2c; font-weight: 300; font-size: 16px; line-height: 2; margin-bottom: 12px}
.footer-area .footer-copy-right p a{color: #372c2c}
@media (min-width:1200px){
    .footer-area .footer-copy-right{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}

/* OTHER */
.align-items-center{-ms-flex-align:center; align-items: center}
.row{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px}
/* Btn */
.btn{-moz-user-select: none; background: #372c2c; color: #fff; border: medium none; border-radius: 5px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 0; margin-bottom: 0; padding: 25px 33px; text-align: center; text-transform: uppercase; touch-action: manipulation; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; vertical-align: middle; white-space: nowrap}
.btn:hover{background: #47464e; color: #fff}
.btn.focus,
.btn:focus{outline:0;box-shadow:none; text-decoration:none}
/* Container */
.container{width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}
@media (min-width:576px){
    .container{max-width: 540px}
}
@media (min-width:768px){
    .container{max-width: 720px}
}
@media (min-width:992px){
    .container{max-width: 960px}
}
@media (min-width:1200px){
    .container{max-width: 1200px}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {width: 450px}
}

/* Section tittle  */
.section-tittle h2{font-size: 50px; color: #212529; font-weight: 700; line-height: 1.2; padding-bottom: 20px; position: relative}
.section-tittle h2::before{position: absolute; content: ""; width: 155px; height: 5px; background: #372c2c; right: 0; left: 0; bottom: 0; margin: 0 auto; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px}
@media (min-width: 1200px){
    .about-area .info-wrapper .section-tittle h2{font-size: 34px}
    .section-tittle h2{font-size: 40px}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .section-tittle{margin-bottom: 30px}
    .section-tittle h2{font-size: 28px}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .section-tittle{margin-bottom: 30px}
    .section-tittle h2{font-size: 26px}
    .s1ection-tittle h2::after{left:100px}
}
@media (max-width: 767px){
    .section-tittle{margin-bottom: 30px}
    .section-tittle h2{font-size: 24px}
    .s1ection-tittle h2::after{left:90px}
}

p{font-size: 16px; line-height: 24px; margin-bottom: 15px; font-weight: normal}
a{color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects}
a:hover{color: #0056b3; text-decoration: underline}
a,.button{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
a:focus,.button:focus{text-decoration: none; outline: none}
a:focus,a:hover{text-decoration:none}
a,button{color:#1696e7;outline:medium none}
img{vertical-align: middle; border-style: none}
button{border-radius: 0}
button:focus{outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color}
button,input,select,textarea{margin: 0; font-family: inherit; font-size: inherit; line-height: inherit}
button,input{overflow: visible}
button,select{text-transform: none}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline:0}
input:focus::-moz-placeholder{opacity:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
textarea{overflow: auto; resize: vertical}
h1,h2,h3,h4,h5,h6{font-family: "Playfair Display", serif; color: #0b1c39; font-style: normal; text-transform: normal; margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; color: inherit}
h1{font-size: 2.5rem}
h2{font-size: 2rem}
h3{font-size: 1.75rem}
h4{font-size: 1.5rem}
h5{font-size: 1.25rem}
h6{font-size: 1rem}
ul{margin: 0px; padding: 0px}
li{list-style: none}