body{ font-family: Roboto,sans-serif;overflow-x: hidden;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
p{ margin-bottom: 0;}
a{ text-decoration: none!important;}
ul{ padding: 0;margin: 0;list-style: none;}
h1,h2,h3,h4,h5,h6{ margin: 0;}
img {max-width: 100%;}
@font-face {
   font-family: Muli;
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: local("Muli Light"), local("Muli-Light"), url(fonts/muli/Muli-Light.woff2) format("woff2");
}
@font-face {
   font-family: Muli;
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: local("Muli Regular"), local("Muli-Regular"), url(fonts/muli/Muli-Regular.woff2) format("woff2");
}
@font-face {
   font-family: Playfair Display;
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: local("Playfair Display Regular"), local("PlayfairDisplay-Regular"), url(fonts/playfair-display/PlayfairDisplay-Regular.woff2) format("woff2");
}
@font-face {
   font-family: Playfair Display;
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: local("Playfair Display Bold"), local("PlayfairDisplay-Bold"), url(fonts/playfair-display/PlayfairDisplay-Bold.woff2) format("woff2");
}
@font-face {
   font-family: Playfair Display;
   font-style: normal;
   font-weight: 900;
   font-display: swap;
   src: local("Playfair Display Black"), local("PlayfairDisplay-Black"), url(fonts/playfair-display/PlayfairDisplay-Black.woff2) format("woff2");
}

.container-fluid {padding: 0;max-width: 1350px !important;}
header{ background-image: url(image/headerbg.png);background-size: cover!important;background-position: 50%!important;background-color: #fff;}
.sub-header{ padding-top: 10px;margin: auto;}
.sub-header ul li{ display: inline-block;}
.sub-header ul.left-info li:hover{ color: #d5ac63!important;}
.sub-header ul.left-info li{ border-left: 1px solid rgba(250,250,250,.3);padding: 0 0 0 10px;}
.sub-header ul.left-info li i{ margin-right: 10px;font-size: 15px;}
.sub-header ul.left-info li a{ color: #333!important;font-size: 16px;font-weight: 400;font-family: Muli;}
.sub-header ul.right-icons li{ display: inline-block;text-align: center;}
.sub-header ul.right-icons li{ border-left: 1px solid rgba(250,250,250,.3);padding: 0 0 0 10px;}
.sub-header ul.right-icons li i{ margin-right: 10px;font-size: 15px;}
.sub-header ul.right-icons li a{ color: #333!important;font-size: 16px;font-weight: 400;font-family: Muli;}
.sub-header ul.right-icons li:hover{ color: #d5ac63!important;}
.sub-top-header{ padding-top: 0;position: relative;margin: auto;}
nav.navbar{ width: 100%;top: 0;z-index: 999;padding-top: 10px;padding-bottom: 20px;}
.sub-top-header .navbar-nav{ margin-left: 120px;}
nav.navbar .navbar-toggler{ border: 0;}
nav.fixed-top .navbar-toggler span{ color: #d5ac63;font-size: 25px;}
nav.navbar .nav-item{ padding-right: 10px;padding-left: 10px;color: #333;text-transform: uppercase;}
nav.navbar .nav-item:first-child{ padding-left: 0;}
nav.navbar .nav-item:last-child{ padding-right: 0;}
nav.navbar .nav-item .nav-link{ position: relative;padding: 0;font-weight: 400;text-transform: uppercase;font-size: 16px;color: #333;
font-family: Muli;}
nav.navbar .nav-item .nav-link.active{ color: #d5ac63!important;}
.nav-link:hover, .nav-link:focus{color: #d5ac63!important;}
.sub-top-header .navbar-expand-lg .navbar-nav .dropdown-menu{left: -130px;padding: 0px !important;}
.dropdown-item{padding-bottom:8px;text-transform: capitalize;font-family: Muli;}
.dropdown-item:hover, .dropdown-item:focus{background-color: #d5ac63!important; color: #fff;}
.dropdown-menu{min-width: 200px;}
.dropdown-item:hover,.dropdown-item:focus{background-color: inherit;}
.HideScroll{ display: none;}
.backgroundcontent{ min-height: 55vh;width: 100%;margin: unset;margin-top: unset;display: flex;margin: auto;}
.backgroundcontent-data{ padding: 0 65px;top: 95px;position: relative;text-align: center;}
.backgroundcontent-data h1{ color: #393939;line-height: 1.7;border-color: #41444d;border-style: none;border-width: 0;
font-family: "Playfair Display";border-radius: 0;letter-spacing: 0;background-color: rgba(0,0,0,0);font-size: 34px;font-weight: 700;
word-break: break-word;}
.backgroundcontent-button{ padding-top: 25px;}
.backgroundcontent-data a{ color: rgba(255,255,255,.8);border-color: rgba(213,172,99,.8);background-color: rgba(213,172,99,.8);
font-size: 16px;padding: 12px 25px;border-width: 2px;font-weight: 400;font-style: normal;text-decoration: none;line-height: normal;
letter-spacing: normal;white-space: pre-wrap;max-width: 100%;border-radius: 30px!important;border: 1px solid transparent;font-family: Muli;}
.backgroundcontent-data a:hover {color: rgba(255, 255, 255, 1) !important;border-color: rgba(213, 172, 99, 1) !important;
background-color: rgba(213, 172, 99, 1) !important;}
.catregry_section {float: left;width: 100%;padding-top:30px;}
.section_title {float: left;width: 100%;}
.section_title h2{color:#333333;min-height: auto;font-family: "Playfair Display";line-height: 1.7;
font-size: 34px;margin-bottom:20px;font-weight: 700!important;word-break: break-word; float: left; width: 100%;}
.catregry_sub_image {float: left;max-width: 19% !important;}
.catregry_image {float: left;width: 100%;}
.catregry_image img {width: 100%;}
.catregry_image h3 {color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.6;background-color: rgba(0, 0, 0, 0);
text-align: center;font-size: 20px;font-weight: 700;word-break: break-word;float: left;width: 100%;padding-top: 10px;}
.product_section{float: left;width: 100%;}
.box-data{padding: 45px 15px;margin-bottom: 20px;border-color: rgb(51, 51, 51);border-style: none;border-width: 0px;
background-color: unset;border-radius: 4px;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);margin-left: 15px;margin-right: 15px;
margin-bottom: 15px;float: left;width: 98%;}
.services_section{float: left;width: 100%;}
.services_in{margin-bottom: 30px;float: left;width: 100%;}
.service_image img {color:#333;width: 100%;height: auto;border-color: rgb(238, 238, 238);border-style: solid;border-width: 1px;
border-radius: 15px;background-color: rgba(0, 0, 0, 0);}
.service_content h3 {color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.6;
background-color: rgba(0, 0, 0, 0);text-align: center;font-size: 20px;margin-top: 10px;margin-bottom: 10px;font-weight: 700;}
.service_content p {color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.4;
background-color: rgba(0, 0, 0, 0);text-align: center;font-size:16px;margin-bottom:35px;font-weight: 400; float: left;width: 100%;
height: 90px;}
.service_content a{color: rgba(255,255,255,.8);border-color: rgba(213,172,99,.8);background-color: rgba(213,172,99,.8);
font-size: 12px;padding: 10px 24px;border-width: 2px;font-weight: 400;font-style: normal;line-height: normal;letter-spacing: normal;
white-space: pre-wrap;max-width: 100%;border-radius: 30px!important;border: 1px solid transparent;font-family: Muli;}
.service_content a:hover {color: rgba(255, 255, 255, 1) !important;border-color: rgba(213, 172, 99, 1) !important;}
.service_btn {float: left;width: 100%;text-align: center;}
.services_wrap:hover {box-shadow: 0 0 17px rgb(23 84 116 / 18%);}
.services_wrap {float: left;width: 100%;padding:20px 15px 25px 15px;}
.advantages_section{float: left;width: 100%;}
.advantages-in {margin-bottom:0px; float: left;width: 100%;}
.advantages-item .advantages-content {padding: 0 0 0 5px;}
.advantages-item {padding: 15px 25px;background: 0 0;box-shadow: none!important;transition: .6s;
height: 100%!important;display: flex;}
.advantages-item .advantages-icon img {width: 200px;height: auto;}
.advantages-item .advantages-content .advantages-title{color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.6;
background-color: rgba(0, 0, 0, 0);font-size: 20px;font-weight: 700!important;word-break: break-word;margin-bottom: 10px;}
.advantages-item .advantages-content .advantages-desc{color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.4;
background-color: rgba(0, 0, 0, 0);font-size: 16px;font-weight: 400!important;word-break: break-word;margin-bottom: 10px;}
.how_work_section{float: left;width: 100%;}
.how-work-in {float: left;width: 100%;margin-top: 20px;}
.how-work-icon {float: left;width: 100%; text-align: center;}
.how-work-icon img {width: 80px;height: auto;}
.how-work-icon h3 {color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.6;background-color: rgba(0, 0, 0, 0);
text-align: center;font-size: 20px;font-weight: 700;word-break: break-word;float: left;width: 100%;padding-top: 10px;}
.About_section p{color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.6;
background-color: rgba(0, 0, 0, 0);text-align: center;font-size:16px;margin-bottom:35px;font-weight: 400; float: left;width: 100%;
margin-top: 20px;}
.gallery-sub-image img{width:100%;height: 250px;color: rgb(51, 51, 51);border: 1px solid rgb(238, 238, 238);
overflow: hidden;border-radius: 15px;background-color: rgba(0, 0, 0, 0);}
.gallery-sub-image {float: left;width: 100%;margin-bottom: 25px;}
.gallery_section .carousel-control-prev, .gallery_section .carousel-control-next {color: #000;font-size: 25px;width: 6%;opacity: 1;}
.gallery_section .fa {background: #fff;height: 40px;width: 40px;border-radius: 15px;color: #000;}
.gallery_section .fa-angle-left:before ,.gallery_section .fa-angle-right:before{top: 7px;position: relative;}
.video_section{float: left;width: 100%;}
.video-in{float: left;width: 100%;margin-top: 20px;}
.video-icon h3{color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.6;background-color: rgba(0, 0, 0, 0);
text-align: center;font-size: 20px;font-weight: 700;word-break: break-word;float: left;width: 100%;padding-top: 10px;}
.testimonials_section{color: rgb(255, 255, 255);background-image: url(image/testimonial.png);background-attachment: fixed;
background-position: 50%!important;background-size: cover;float: left;width: 100%;}
.testimonials-data {float: left;width: 100%;background-color: rgba(255, 255, 255, 0.84);}
.testimonials-image img {width: 30px;height: auto;}
.testimonialsone-content {float: left;width: 100%;text-align: center;}
.testimonialsone-content h3 {color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.6;background-color: rgba(0, 0, 0, 0);
text-align: center;font-size:20px;font-weight: 700;word-break: break-word;float: left;width: 100%;padding-top: 10px;}
.testimonialsone-content p{color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.4;
background-color: rgba(0, 0, 0, 0);text-align: center;font-size:18px;font-weight: 400; float: left;width: 100%;
margin-top: 20px;}
.testimonials-data .carousel-indicators {bottom: 0px !important;position: inherit;top:10px;}
.carousel-indicators li{background-color: #7d7d7d;border-radius: 50%;height: 10px;width: 10px;}
.carousel-indicators .active{background-color: #7d7d7d !important;}
.contact-item .contact-content {padding: 0 0 0 20px;}
.contact-item {padding: 15px 25px;background: 0 0;box-shadow: none!important;transition: .6s;display: flex;}
.contact-item .contact-icon img {width: 40px;height: auto;}
.contact-item .contact-content .contact-title{color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.6;
background-color: rgba(0, 0, 0, 0);font-size: 20px;font-weight: 700!important;word-break: break-word;margin-bottom: 5px;}
.contact-item .contact-content .contact-desc , .contact-item .contact-content .contact-desc a{color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.4;
background-color: rgba(0, 0, 0, 0);font-size: 16px;font-weight: 400!important;word-break: break-word;margin-bottom:5px;}
.contact_right input,.contact_right textarea{color: rgb(51, 51, 51);border-color: rgb(235, 235, 235);border-style: solid;border-width: 1px;
border-radius: 8px;background-color: rgba(0, 0, 0, 0.02);font-size: 14px;height: 45px;}
.contact_right textarea{height: 70px;}
.contact_right input:focus,.contact_right textarea:focus{border-color: unset;box-shadow: none;border: 1px solid #ccc;}
.contact_right input:hover,.contact_right textarea:hover{background-color: rgba(0, 0, 0, 0.02);}
.contact_right input::placeholder,.contact_right textarea::placeholder{color: #999;opacity: 1;}
.contact_right {padding-top: 20px;}
.contact_right input[type="submit"]{ color: rgba(255,255,255,.8);border-color: rgba(213,172,99,.8);background-color: rgba(213,172,99,.8);
font-size: 16px;padding: 12px 25px;border-width: 2px;font-weight: 400;font-style: normal;text-decoration: none;line-height: normal;
letter-spacing: normal;white-space: pre-wrap;max-width: 100%;border-radius: 30px!important;border: 1px solid transparent;font-family: Muli;}
.contact_right input[type="submit"]:hover {color: rgba(255, 255, 255, 1) !important;border-color: rgba(213, 172, 99, 1) !important;
background-color: rgba(213, 172, 99, 1) !important;}
.contactbtn {float: left;width: 100%;text-align: center;}
footer {float: left;width: 100%;border-top: 1px solid hsla(0,0%,76.1%,.25);}
.footer_left .nav-link {font-size: 13px;}
.footer_section {float: left;width: 100%;padding-top: 50px;}
.footer_left nav.navbar .nav-item{padding-right: 5px;padding-left: 5px;}
.footer-tel {right: 12px;position: relative;}
.footer-tel p a {color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.4;background-color: rgba(0, 0, 0, 0);
font-size: 18px;font-weight: 400!important;word-break: break-word;margin-bottom: 5px;}
.footer-data{padding-bottom:25px;}
.footer_left .dropdown-menu{bottom: 100%;top: auto;padding: 0;}
.footer_left .dropdown-toggle::after{border-bottom: 0.3em solid;border-top: 0;margin-left: 0.358em;}
.fcopy {right: 12px;position: relative;}
.fcopy p {color: rgb(65, 68, 77);min-height: auto;font-family: Muli;line-height: 1.4;background-color: rgba(0, 0, 0, 0);
font-size: 18px;font-weight: 400!important;word-break: break-word;margin-bottom: 5px;}
.footer_copyright {padding-bottom: 15px;}
.wpbutton a {position: fixed;width: 55px;height: 55px;bottom: 6%;right: 1.5em;background-color: #25d366;color: #FFF;border-radius: 2em;
text-align: center;z-index: 100;}
.my-float {margin-top: 10px;font-size: 35px;}
.back-to-top {position: fixed;display: none;background: #D5AC63;color: #fff;width: 40px;height: 40px;text-align: center;line-height: 1;
font-size: 16px;border-radius: 50%;right: 30px;bottom: 16% !important;transition:0.5s;z-index: 11;cursor: pointer;}
.back-to-top i {padding-top: 10px;color: #fff;}
.sub-top-header.fixed-top {position: fixed;background: #fff none repeat scroll 0 0;box-shadow: 0px 0px 18px 1px rgb(0 0 0 / 10%);}
.fixed-top nav.navbar{padding-top: 0; padding-bottom: 0;}
.About_section,.gallery_section,.contact_section{ float: left ;width: 100%;}
.sub-top-header .dropdown-toggle::after{margin-left: 0.358em;}
.dropdown-item.active, .dropdown-item:active{background-color: transparent; color:#212529;}
.dropdown-item:hover, .dropdown-item:focus{color: #fff !important;}

@media only screen and (max-width: 767px) {
.row{margin-right: 0;margin-left: 0;}
.sub-header{text-align: center;}   
.sub-top-header img {width: 100px;}
.backgroundcontent-data{ top: 0;padding:0px 15px;}
.backgroundcontent{min-height: 20vh;}
.backgroundcontent-data h1{font-size: 25px;}
.backgroundcontent-button{padding-top: 15px;}
.box-data{width: 92%;padding:20px 10px;}
.catregry_sub_image{max-width:100% !important;margin-bottom: 20px;}
.services_in{margin-bottom: 15px;}
.gallery_section .carousel-control-prev, .gallery_section .carousel-control-next{width: auto;}
.testimonialsone-content p{ font-size: 15px;}
.testimonialsone-content h3{ font-size: 18px;}
.section_title h2{ font-size: 25px;}
.catregry_image h3{ font-size: 18px;}
.service_content h3{ font-size: 18px;}
.service_content p{height: auto;font-size: 15px;}
.advantages-in{ padding: 0;}
.advantages-item {padding: 15px 10px;}
.advantages-item .advantages-content .advantages-title{font-size: 18px;}
.advantages-item .advantages-content .advantages-desc{font-size: 15px;}
.how-work-icon h3{font-size: 18px;}
.About_section p{font-size: 15px; margin-top: 0px;}
.video-icon h3{font-size: 18px;}
.contact-item {padding: 15px 10px;display: inherit;text-align: center;}
.contact-item .contact-content .contact-title{font-size: 18px;}
.contact-item .contact-content .contact-desc, .contact-item .contact-content .contact-desc a{ font-size: 15px;}
.footer-tel p a{ font-size: 15px;}
.fcopy p{font-size: 16px;}
.footer_left {float: left;text-align: center;}
.footer_left #navbarCollapse {display: block !important;}
.footer_left .navbar{padding: 0.5rem 0.5rem;}
.footer_left .navbar-nav {display: block;}
.footer_left nav.navbar .nav-item{float: left;padding-right: 3px;padding-left: 3px;}
.footer_left .dropdown-menu {min-width: 0px;position: absolute;}
.footer_left nav.navbar .nav-item .nav-link{font-size: 13px;}
.contact_right .col-12 {padding: 0px;}
.back-to-top{right: 15px;}
.wpbutton a{right: 15px;}
.contact_left{padding: 0px;}
.sub-top-header .navbar-nav {margin-left: auto !important;}
.sub-top-header nav.navbar .nav-item:last-child{padding-right: 10px;}
.sub-top-header nav.navbar .nav-item .nav-link{padding-bottom:5px;}
.sub-top-header #navbarCollapse {float: left;text-align: center;background: #fff;padding-top: 20px;padding-bottom: 20px;}
.sub-header ul.right-icons li{padding: 0px;}
.sub-header ul.left-info li{padding: 0px;}
.gallery-sub-image img{height: 200px;}
.video-icon iframe {height: 100% !important;}
}

@media only screen and (min-width: 768px) and (max-width:991px){
.row{margin-right: 0;margin-left: 0;}
.sub-top-header img {width: 100px;}
.sub-header ul.right-icons li a{font-size: 15px;}
.backgroundcontent-data{ top:20px;padding:0px 15px;}
.backgroundcontent{min-height: 20vh;}
.backgroundcontent-data h1{font-size: 25px;}
.backgroundcontent-button{padding-top: 15px;}
.box-data{width: 96%;padding:20px 10px;}
.catregry_sub_image{max-width:100% !important;margin-bottom: 20px;}
.services_in{margin-bottom: 15px;padding: 0px 0px;}   
.sub-top-header .navbar-nav {margin-left: auto !important;}
.sub-top-header nav.navbar .nav-item:last-child{padding-right: 10px;}
.sub-top-header nav.navbar .nav-item .nav-link{padding-bottom:5px;}
.sub-top-header #navbarCollapse {float: left;text-align: center;background: #fff;padding-top: 20px;padding-bottom: 20px;}
.service_content p{height: auto;}
.service_content h3{font-size: 18px;}
.catregry_image h3{font-size: 18px;}
.advantages-item .advantages-content .advantages-title{font-size: 18px;}
.how-work-icon h3{font-size: 18px;}
.video-icon h3{font-size: 18px;}
.testimonialsone-content h3{ font-size: 18px;}
.section_title h2{ font-size: 25px;}
.footer_left {float: left;text-align: center;}
.footer_left #navbarCollapse {display: block !important;}
.footer_left .navbar{padding: 0.5rem 0.5rem;}
.footer_left .navbar-nav {display: block;}
.footer_left nav.navbar .nav-item{float: left;padding-right: 3px;padding-left: 3px;}
.footer_left .dropdown-menu {min-width: 0px;position: absolute;}
.footer_left nav.navbar .nav-item .nav-link{font-size: 13px;}
.contact_right .col-12 {padding: 0px;}
.back-to-top{right: 15px;}
.wpbutton a{right: 15px;}
.contact_left{padding: 0px;}
.footer-tel p a{ font-size: 16px;}
.fcopy p{font-size: 16px;}
.gallery-sub-image img{height: 160px;}
.video-icon iframe {height: 100% !important;}
.contact-item .contact-content .contact-title{font-size: 18px;}
}

@media only screen and (min-width:991px) and (max-width:1072px){
.sub-top-header .navbar-nav {margin-left:45px;}
}

@media only screen and (min-width:991px) and (max-width:1199px){  
.sub-top-header nav.navbar .nav-item {padding-right: 6px;}
.sub-top-header nav.navbar .nav-item .nav-link{font-size: 12px;}
.backgroundcontent-data{ top:20px;}
.backgroundcontent{min-height: 20vh;}
.backgroundcontent-data h1{font-size: 25px;}
.box-data{width: 97%;padding:20px 10px;}
.services_wrap{padding: 20px 5px 25px 5px;}
.service_content h3{font-size: 17px;}
.service_content p{height: auto;}
.catregry_image h3{font-size: 17px;}
.section_title h2{font-size: 28px;}
.advantages-item .advantages-content .advantages-title{font-size: 17px;}
.how-work-icon h3{font-size: 17px;}
.video-icon h3{font-size: 17px;}
.testimonialsone-content p{font-size: 16px;}
.testimonialsone-content h3{font-size: 18px;}
.contact-item .contact-content .contact-title{font-size: 17px;}
.footer-tel p a{ font-size: 16px;}
.fcopy p{font-size: 16px;}
.footer_left nav.navbar .nav-item .nav-link{font-size: 14px;}
}

@media only screen and (min-width:1200px) and (max-width:1300px){
.sub-top-header nav.navbar .nav-item .nav-link{font-size: 14px;}
.backgroundcontent-data{ top:40px;}
.backgroundcontent{min-height: 20vh;}
}