* { margin:0; padding:0; box-sizing: border-box; }
html, body { max-width: 100% !important; margin:0%; padding:0%; max-width: 100vw; }
p, a { font-family: 'Manrope', sans-serif; }

/*start of banner-top*/
/*.header { position: fixed; margin: 0 auto; left: 0; right: 0; z-index: 1024; float: left; display: flex; max-width: 100%; justify-content: space-between; background: #fff; border-bottom: 1px solid #000; }*/
.left-logo img {width:200px !important;}
.header { position: sticky; margin: 0 auto; top:0; left: 0; right: 0; z-index: 100000; display: flex; max-width: 100%; justify-content: space-between; background: #fff; border-bottom: 1px solid #000; }
.header  .left-logo a { display: block; }
.header  .logo img { width: 100%; height: auto; }
.header  .right-menu { display: flex; flex-direction: column; border-left: 1px solid #000 }
.header .top-info-bar { display: flex; flex-direction: row; border-bottom: 1px solid #000; justify-content: space-between; padding: 10px 0; }
.header .top-info-bar .contact-menu { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.header .top-info-bar .contact-menu ul { margin: 0; }
.header .top-info-bar .contact-menu  li { list-style-type: none; display: inline-block; }
.header .top-info-bar .contact-menu  li a { color: #000; font-size: 14px; padding-left: 25px; }
.header .top-info-bar .contact-menu li a i { margin-right: 10px; }
.header .top-info-bar .contact-menu  li a:hover { color: #a71c20; }

.header .top-info-bar .social-menu { padding-left: 130px; }
.header .top-info-bar .social-menu ul { margin: 0; }
.header .top-info-bar .social-menu  li { list-style-type: none; display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; }
.header .top-info-bar .social-menu  li a { color: #000; font-size: 14px; width: 20px; height: 20px; text-align: center; line-height: 20px; }
.header .top-info-bar .social-menu  li a:hover { color: #a71c20; }

.header .top-nav{ background: transparent; height: 100%;display: flex; flex-direction: row; justify-content: space-between; align-items: center; } 
.header .top-nav  ul { margin: 0; padding: 0; }
.header .top-nav  li { list-style-type: none; display: inline-block; position: relative; }
/*.header .top-nav  li a { color: #000; font-size: 14px; padding-left: 25px; }*/
.header .top-nav li  a { color: #000; padding: 13px 15px; font-size:16px; padding-left: 20px; display: inline-block; width: 100%; }
.header .top-nav a:hover { color: #a71c20; }
.header .top-nav img { position: absolute; top: -56px; left: -1px; }
.header .top-nav .search-btn { background-color: transparent; color: #000; border: 0; }
.header .top-nav .search-btn i { border-left: 1px solid #000; padding: 22px 50px; }
.header .top-nav .search-btn i:hover { color: #a71c20; }
.navbar-expand-lg .navbar-nav .dropdown-menu { border: none; border-radius: 0px; }
.navbar-expand-lg .navbar-nav .dropdown-menu li { display: inline-block; width: 100%; }
.navbar-expand-lg .navbar-nav ul.submenu.dropdown-menu { position: absolute; left: 100%; top: 0; }
/*end of banner-top*/
.owl-carousel .owl-stage { text-align: center; }
.owl-carousel .item img { margin: auto; }
.owl-nav { position: absolute; bottom: -5px; right: 20px; font-size: 60px; }
.owl-carousel .owl-nav button { border:none; outline: none; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { margin-left:10px; margin-right:10px; }
/*start of banner-text*/
.banner { display: inline-block; width: 100%; background-image: url(../images/banner.jpg); background-size: cover; height: 500px !important;  background-repeat: no-repeat; background-position: center center; padding: 50px 0; }
.banner .banner-text { position: relative; }
.banner .banner-text .ban-inner-text { position: relative; padding: 100px 0; }
.banner .banner-text h5 { font-size: 14px; color: #fff; font-weight: 500; }
.banner .banner-text h1 {font-size: 76px; color: #fff; font-weight: 700;  max-width: 580px; line-height: 70px;}
.banner .banner-text p { font-size: 16px; color: #fff; max-width: 479px; margin: 0; }
.banner .banner-text .banner-text-shape { width: 300px; height: 300px; position: absolute; top: 50%; transform: translate(-20%, -50%); }
.banner .banner-text img { width:100%; height:100%; }
.banner .banner-btn-box { display: flex; flex-direction: row; padding: 40px 0; }
.banner .banner-text .quote-button { color: #fff; background-color: #a71c20; padding: 20px 30px; font-size: 15px; border:0; outline: 0; min-width: 150px; }
.banner .banner-text .play-button { margin-left: 50px; border-radius: 50%; font-size: 25px; background: transparent; color: #fff; border: 2px solid #fff; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; } 
.banner .banner-text .play-button i { padding-left: 5px; }
.banner .banner-text .quote-button:hover , .banner .banner-text .quote-button:focus { color: #fff; background-color: #000; }
.banner .banner-text .play-button:hover { background-color: #fff; color:#a71c20; }
/*end of banner-text*/

/*start of banner-card*/
.banner-cards { display: inline-block; width: 100%; margin-top:20px; }
.banner-cards .row { align-items: center; justify-content: center; }
.banner-cards .col-md-2 { max-width: 20%; flex: 0 0 20%; }
.banner-cards .card { border:0; outline:0;}
.banner-cards .card .card-body { padding: 50px 35px 50px 55px; background-color:#181818; min-height:306px }
.banner-cards .card .card-body:hover {color :#000; background-color: #a71c20; }
.banner-cards .card h5 i  { position: absolute; top: 38px; left: 35px; font-size: 13px; color: #a71c20; }
.banner-cards .card h5 { color: #fff; font-size: 20px; font-weight:600; padding-bottom:10px; }
.banner-cards .card p { color: #fff; font-size: 15px; font-weight:400; padding-bottom:30px;text-align:left }
.banner-cards .card h6 a {color: #fff; font-size: 16px; font-weight:600; }
.banner-cards .card h6 a:hover { text-decoration: none; }
.banner-cards .card h6 i { padding: 5px 0px 0px 25px; }
/*end of banner-text*/

/*start of expert-panel*/
.expert-panel { display: inline-block; width: 100%; padding-top: 0px;padding-bottom:20px }
.expert-text { padding: 100px 0 0 80px; position: relative; }
.expert-text:before { content: " "; position: absolute; top: 100px; left: 25px; z-index: 999; background : url(../images/updesign.png) no-repeat; background-repeat: no-repeat; height: 50px; width: 60px; background-size: contain; }
.expert-panel .expert-text h2 { font-size: 50px; font-weight: 600; padding: 35px 60px 20px 0; }
.expert-panel .expert-text h6 { margin: 30px 0 0 0px; padding: 0 0px 0px 7px; border-left: 5px solid #a71c20; font-size:25px; line-height: 30px; }
.expert-panel .expert-text p { font-size: 18px; font-weight: 400; padding: 20px 0 0 0px; line-height: 22px; }
.expert-panel .expert-text button { margin: 40px 0 0 0; padding: 14px 45px; font-size: 16px; background-color: #fff; }
.expert-panel .expert-text button:hover {color:#fff; background-color:#000;}
/*end of expert-panel*/

/*start of offers*/
.offers{ display: inline-block; width: 100%; margin: 100px 0 0 0px; background-image:repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 2px, #fff 1px, #fff 4px); }
.offers .offer-pannel {padding:100px 0 ;}
.offers .offer-pannel .offer-1 {cursor:pointer; background-image: url(../images/updesign.png); background-repeat: no-repeat; height: 65px; background-size: contain; background-position:top left;}
.offers .offer-pannel .offer-1 h2 { font-size: 45px;  padding: 40px 0 10px 55px;  font-weight:600;}
.offers .offer-pannel .offer-1 p {font-size: 14px; padding: 0 0 20px 16px; }
.offers .offer-pannel .offer-1 h5 {font-size: 16px; padding:35px 0 30px 16px; }
.offers .offer-pannel .offer-2 {cursor:pointer; border:1px solid #d8d8d8;}
.offers .offer-pannel .offer-2 h4 { font-size: 22px;  padding: 40px 0 10px 15px; font-weight: 500; }
.offers .offer-pannel .offer-2 p {font-size: 14px; padding: 0 0 40px 16px; }
.offers .offer-pannel .offer-2 h5 {font-size: 16px; padding:84px 0 30px 16px; }
.offers .offer-pannel .offer-3 {cursor:pointer; background-color:#000;}
.offers .offer-pannel .offer-3 h4 { font-size: 22px;  padding: 40px 0 10px 15px;  font-weight:500; color:#fff;}
.offers .offer-pannel .offer-3 p {font-size: 14px; padding: 0 0 40px 16px; color:#fff;}
.offers .offer-pannel .offer-3 h5 {font-size: 16px; padding:84px 0 30px 16px; color:#fff;}
.offers .offer-pannel .offer-image-block { width: 100%; overflow: hidden; }
.offers .offer-pannel .offer-image-block img { height: 100%; }
.offers .offer-pannel i { padding-left: 20px; }
.all-offers { padding: 12px 26px; font-size: 16px; background-color: #fff; position: relative; left: 44%; margin: 50px 0; color:#000; border:1px solid #000;}
.all-offers:hover , .all-offers:focus {color: #fff; background-color: #000; }
/*end of offers*/

/*start of Materials*/
.Materials { display: inline-block; width: 100%; background-color: #fff; padding: 50px 0; }
.Materials .Materials-head {background-image: url(../images/updesign.png); background-repeat: no-repeat; height: 65px; background-size: contain; position: relative; left: 27%; display: inline-block; }
.Materials .Materials-head h2 { font-size: 50px; font-weight: 600;  padding: 40px 60px 70px 65px;}	
.Materials .materials-content { display: inline-block; width: 100%; margin-top: 80px;}
.Materials .materials-content .materials-content-inner { justify-content: center; align-items: start; }
.Materials .material-box { border: 1px solid rgba(0,0,0,.125); margin: 0 0 50px 0;min-height:243px !important; }
.Materials .material-box  h3 { font-size: 22px; padding: 40px 10px 20px 40px; font-weight:600; margin: 0; }
.Materials .material-box  p { font-size: 16px; line-height: 25px; max-width: 100%; padding: 0 50px 30px 40px; margin: 0; text-align: justify;}
.material-left { position: relative; left: 0; }
.material-right { position: relative; right: 0; }
.Materials .woods { margin: 100px 0; }
.Materials .woods .item  { display: flex; justify-content: center; align-items: center;  }
.Materials .woods .item .wood-box { display: flex; text-align: center; width: 100%; }
.Materials .woods .item .wood-box  h5 { margin: 0; padding: 30px 0 10px 0; color: #fff; font-weight: 700; font-size: 20px; font-family: 'Manrope', sans-serif; color: #1a1a1a; text-decoration: none; }
.Materials .woods .item .wood-box p { color: #f7f7f7; }
.Materials .woods .item .wood-box a { display: block; width: 100%; padding: 30px 0; text-decoration: none; }
.Materials .woods .item .wood-box .image { border: 1px solid #e5e5e5; padding: 12px; border-radius: 50%; display: block; width: 160px; margin: 0 auto; }
.Materials .woods .item .wood-box .image img{ }
.Materials .woods .item .wood-box:hover  { background-color: #000; color: #a71c20; }
.Materials .woods .item .wood-box:hover .image { border: 1px solid #ffbf00;}
.Materials .woods .item .wood-box:hover h5 { color: #ffbf00; }
.Materials .woods .item .wood-box:hover p { color: #fff; text-decoration: none; }
.home-structure { margin-bottom: 15px; }
/*end of Materials*/

/*start of banner-video */
.banner-video { display: inline-block; width: 100%; background-image: url(../images/banner-video.jpg); background-size: cover!important; height: 800px;  width: 100%; background-repeat:no-repeat; background-position:center center; text-align:center;}
.banner-video .video-play {font-size: 70px; color: #fff; background-color: transparent; padding: 50px 90px; border-radius: 50%; border: 4px solid #fff; position:relative; top:38%;}
.banner-video button:hover {color:#a71c20; border :4px solid #a71c20;}
/*end of banner-video */

/*start of Our Contact us */
.contact-us { display: inline-block; width: 100%; padding:70px 0; background-image:repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 2px, #fff 1px, #fff 4px); }
.contact-us .contact-details { display: inline-block; width: 100%; overflow: visible; }
.contact-us .contact-us-head  { width: 100%; display: flex; flex-direction: column; align-items: revert; justify-content: left; padding-top: 25px; }
.contact-us .contact-us-head h2:before { content: " "; position: absolute; top: 35px; left: -35px; width: 50px; height: 50px; background-image: url(../images/Decor.svg); }
.contact-us .contact-us-head  h2  { font-size: 45px; font-weight: 600;  padding: 40px 0 0 0; }	
.contact-us .contact-us-head  p { padding: 30px 0px 0px 0px; font-size: 15px; font-weight: 400; text-decoration: none; line-height: 24px; }
.contact-us .contact-details .contact-one { display: flex; padding: 40px 0 40px 0; align-items: center;  }
.contact-us .contact-details .border-bottom { border-bottom: 1px solid #cccc; }
.contact-us .contact-details img { border-radius: 50%; }
.contact-us .contact-details  h5 { font-size: 16px; font-weight: 600; line-height: 25px; }
.contact-us .contact-details  h5 span.designation { font-size:14px; color: #7c7c7c; font-weight: 400; padding-top: 15px; }
.contact-us .contact-details .contact-image { margin-right: 50px; }
.contact-us .contact-details .contact-detail { padding: 0; }
.contact-us .contact-details .contact-detail ul { padding-left: 20px; margin: 0; }
.contact-us-page .contact-details .contact-detail ul  li { padding: 0; margin: 0; font-size: 15px; font-weight: 400; text-transform: none; text-decoration: none; line-height: 24px; }
.contact-us .contact-details .contact-detail ul  li::marker { color: #FFBF00; }

.contact-us .contact-form { background-color: #1a1a1a; margin: 50px; }
.contact-us .contact-form .contact-form-inner { padding: 70px 50px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.contact-us .contact-form .contact-form-inner .form-group   { width: 100%; }
.contact-us .contact-form .contact-form-inner .form-control { background: transparent; border: 0; border-bottom: 1px solid #fff; width: 100%; border-radius: 0px; padding-left: 0px; color: #fff; }
.contact-us .contact-form .contact-form-inner .form-control::placeholder { color: #fff; }
.contact-us .contact-form .contact-form-inner .form-control:focus, .contact-us-page .contact-form-inner .form-control:active { border: none; border-bottom: 1px solid #fff;outline: 0; box-shadow: none;}
.contact-us .contact-form .contact-form-inner h4 { font-size: 26px;  font-weight: 600; color: #fff; padding: 0 0 40px 0; }
.contact-us .contact-form .name-form { margin: 20px 0 20px 50px; color: #fff; background-color: #000; border: 0; border-bottom: 2px solid #fff; outline: none; padding: 0 180px 10px 0; font-size: 14px; }
.contact-us .contact-form .number-form {margin: 20px 0 20px 50px; color: #fff; background-color: #000; border: 0; border-bottom: 2px solid #fff; outline: none; padding: 0 180px 15px 0; font-size: 14px;  }
.contact-us .contact-form .message-form {margin: 0px 0 20px 50px; color: #fff; background-color: #000; border: 0; border-bottom: 2px solid #fff; outline: none; padding: 0 180px 80px 0; font-size: 14px;  }
.contact-us .contact-form .quote-button { margin: 30px 0px 0px 0px; color: #000; background-color: #ccbb00; padding: 12px 35px; font-size: 17px; border:0; outline:0; }

/*end of Our Contact us */

/*start of footer */
.footer { display: inline-block; width: 100%; background-color:#000; padding-top: 100px; font-family: 'Manrope', sans-serif; }
.footer .footer-top { display: inline-block; width: 100%; }
.footer .footer-top h4 { font-size: 20px; font-weight:600; color:#fff; letter-spacing: 2px; padding: 0 0 50px 0; }
.footer .footer-top .footer-first .subscribe-form { position: relative; margin-top: 75px; }
.footer .footer-top .footer-first .subscribe-form button { position: absolute; right:0; top: 0; background: transparent; border: 0; }
.footer .footer-top .footer-first .subscribe-form button :hover {color:#a71c20;}
.footer .footer-top .footer-first .subscribe-form button  i { color: #fff; padding-top: 6px; padding-right: 5px; font-size:20px; padding-left: 70px; }
.footer .footer-top .footer-first .subscribe-form .form-control { color: #fff; background-color: #000; border: 0; border-bottom: 1px solid #fff; font-size: 15px; line-height: 24px; border-radius: 0px; padding-left: 0px; }
.footer .footer-top .footer-first .subscribe-form .form-control::placeholder { color: #fff; }
.footer .footer-top .footer-first .subscribe-form .form-control:focus, .footer .footer-top .subscribe-form .form-control:active { border: 0; border-bottom: 1px solid #fff; box-shadow: none; }
.footer .footer-top .footer-first p.footer-text { color: #fff; padding-top:50px; font-size: 15px; line-height: 24px; }
.footer .footer-top .footer-first .footer-social-icons { width: 100%; display: inline-block; }
.footer .footer-top .footer-first .footer-social-icons ul { width: 100%; text-align: center; margin-bottom: 30px; }
.footer .footer-top .footer-first .footer-social-icons ul li { list-style-type: none; display: inline-block; }
.footer .footer-top .footer-first .footer-social-icons ul li a { font-size: 16px; color: #fff; margin-right: 15px; }
.footer .footer-top .footer-first .footer-social-icons ul li a:hover {color:#a71c20;}

.footer .footer-top .footer-second { padding: 0 0 0 0; }
.footer .footer-top .footer-second .lists {  display: inline-flex; flex-direction: row; flex: 1; width: 100%; }
.footer .footer-top .footer-second .lists ul { padding: 0 0 0 22px; line-height: 40px; font-size: 18px; flex: 0 0 50%; }
.footer .footer-top .footer-second .lists ul li { color: #fff; }
.footer .footer-top .footer-second .lists ul li::marker { color: #a71c20; }
.footer .footer-top .footer-second .lists ul li a { display: block; color: #fff; position: relative; font-size: 15px; line-height: 24px; }
.footer .footer-top .footer-second .lists ul a:hover {color:#a71c20; text-decoration:none;}

.footer .footer-top .footer-third  { }
.footer .footer-top .footer-third .i-text { display: inline-flex; }
.footer .footer-top .footer-third .i-text p { font-size: 14px; }
.footer .footer-top .footer-third .img-text { display: inline-flex; padding: 0 0 30px 0; }
.footer .footer-top .footer-third .img-text img { width: 100px; margin-right: 15px; }
.footer .footer-top .footer-third .img-text h5 { color: #fff; font-size: 16px; }
.footer .footer-top .footer-third .img-text h6 { color: #7c7c7c; }


.footer .footer-bottom { display: inline-block; width: 100%; border-bottom: 1px solid #FFFFFF33;; }
.footer .footer-bottom .right-border { border-right: 1px solid #FFFFFF33; }
.footer .footer-bottom .footer-2-text { display: inline-flex; margin:70px 0 20px 0; } 
.footer .footer-bottom  a { text-decoration: none; color: #fff; }
.footer .footer-bottom  a:hover { color: #a71c20; text-decoration: none; }
.footer .footer-bottom .footer-2-text h5 { font-size: 14px; letter-spacing: 1px; padding-left: 20px; line-height: 22px; }
.footer .footer-bottom .footer-2-text .c-text { font-size: 14px; letter-spacing: 1px; }
.footer .copyright  { display: inline-block; width: 100%; }
.footer .copyright p { color: #fff; padding: 20px 0; font-size: 15px; font-weight: 400; text-transform: none;  font-style: normal; text-decoration: none; line-height: 24px; margin: 0; }
/*end of footer */



/* inner page banner */ 
.banner-inner { background-image: url(../images/product_banner.jpg); background-position: center center; background-repeat: no-repeat; /*padding: 180px 0px 90px 0px; background-size: cover;*/ }
.inner-banner-text { padding: 30px 0; display: inline-block; }
.inner-banner-text h1 { font-family: "Manrope", Sans-serif; font-size: 60px; font-weight: 800; text-transform: capitalize; font-style: normal; text-decoration: none; line-height: 70px; margin: 20px 0 20px 0; color: #fff; }
.inner-banner-text .breadcrumbs { display: inline-block; width: 100%; }
.inner-banner-text .breadcrumbs ul { display: inline-block; }
.inner-banner-text .breadcrumbs ul li { list-style-type: none; display: inline-block; padding-right: 20px; } 
.inner-banner-text .breadcrumbs ul li a { font-family: "Manrope", Sans-serif; font-size: 15px; font-weight: 500; text-transform: capitalize; font-style: normal;
text-decoration: none; line-height: 24px; color: #fff; }
.inner-banner-text .breadcrumbs ul li.active a { color: #ffbf00; }
/* inner page banner */ 


/* start of expert-panel */
.work-for-you { display: inline-block; width: 100%; padding: 80px 0 80px 0; }
.work-for-you .work-text { padding: 50px 0 0 80px; position: relative; }
.work-for-you .work-text h2:before { content: " "; position: absolute; top: 30px; left: 15px; z-index: 999; background : url(../images/updesign.png) no-repeat; background-repeat: no-repeat; height: 50px; width: 60px; background-size: contain; }
.work-for-you .work-text h2 { font-size: 50px; font-weight: 600; padding: 0px 60px 0px 0; }
.work-for-you .work-text h6 { margin: 30px 0 0 0px; padding: 0 0px 0px 30px; border-left: 5px solid #ccbb00; font-size:16px; line-height: 25px; }
.work-for-you .work-text p { font-size: 18px; font-weight: 400; padding: 40px 0 0 0px; line-height: 25px; text-align: justify}
.work-for-you .work-for-you-icons { padding-left: 80px; }
.work-for-you .work-for-you-icons .item  {  margin-bottom: 15px; display: inline-block; padding: 10px; }
.work-for-you .work-for-you-icons .item  i { font-size: 20px; vertical-align: top; padding-right: 10px; padding-top: 5px; }
.work-for-you .work-for-you-icons .item p { display: inline-block; padding: 0; margin: 0; max-width: 73px; }
.work-for-you .work-for-you-icons .item:hover { background: #333; color: #fff; }
.work-for-you .work-for-you-icons .item:hover p { color: #ccbb00; }
.work-image { }
.work-image img { width: 100%; height: auto; }
/*end of expert-panel*/


/* start of about us page */
.how-we-work-about-us { background-image: url(../images/how-we-work-back.jpg); background-position: center center; background-repeat: no-repeat; padding: 60px 0px 180px 0px; background-size: cover; position: relative; z-index: -1; }
.how-we-work-about-us .heading { text-align: center; width: 100%; display: flex; align-items: revert; justify-content: center; margin: 0px 0px 30px -52px;
background-image: url(../images/Decor-1.svg); background-position: 33% 0%; background-repeat: no-repeat; background-size: 50px auto; z-index: 1024; padding-top: 25px; }
.how-we-work-about-us .heading h2 { font-size: 48px; text-align: center; color: #fff; z-index: 999; position: relative; margin-bottom: 70px; }
.how-we-work-about-us:before { content: " "; position: absolute; top: 0; left: 0; background: #1a1a1a; opacity: 0.9; width: 100%; height: 100%; z-index: 1; }
.how-we-work-about-us .item { z-index: 1024; position: relative; border: 1px solid #fff; text-align: center; color: #fff; padding: 30px; } 
.how-we-work-about-us .item h1 { color: #fff; font-family: "Manrope", Sans-serif; font-size: 108px; font-weight: 800; text-transform: none; font-style: normal;
text-decoration: none; line-height: 122px; margin-top: 0; }
.how-we-work-about-us .item h2 { font-family: "Manrope", Sans-serif; font-size: 20px; font-weight: 600; text-transform: none; font-style: normal; text-decoration: none; line-height: 30px; color: #fff; }
.how-we-work-about-us .item p { padding-left: 30px; padding-right: 30px; margin-top: 10px; margin-bottom: 25px; font-size: 15px; } 
.how-we-work-about-us .item .read-btn { font-family: "Manrope", Sans-serif; color: #fff; margin-bottom: 50px; font-size: 15px; font-weight: 500;
text-transform: capitalize; font-style: normal; text-decoration: none; line-height: 24px; } 
.how-we-work-about-us .item:hover { background-color: #ffbf00; color: #fff; }

.ans-ques-box { display: inline-block; width: 100%; padding-bottom: 90px; background: #f7f7f7; }
.ans-ques-box .ans-ques-inner { display: flex; flex-direction: row; }
.ans-ques-box .ans-ques-inner .ans-ques-text { display: flex; flex: 0 0 50%; position: relative; padding: 70px 70px;flex-direction: column;  }
.ans-ques-box .ans-ques-inner .ans-ques-text .ans-ques-head { text-align: center; width: 100%; display: flex; align-items: revert; justify-content: left; margin: 0px 0px 30px -52px; background-image: url(../images/Decor.svg); background-position: 0% 35%; background-repeat: no-repeat; background-size: 50px auto; z-index: 1024; padding-top: 25px; }
.ans-ques-box .ans-ques-inner .ans-ques-text .ans-ques-head h2 { padding: 27px 0px 30px 52px; color: #1a1a1a; font-family: "Manrope", Sans-serif; font-weight: 700; text-transform: capitalize; font-style: normal; text-decoration: none; font-size: 48px; }
.ans-ques-box .ans-ques-inner .ans-ques-text .accordion { }
.ans-ques-box .ans-ques-inner .ans-ques-text .accordion .card { border: 0; }
.ans-ques-box .ans-ques-inner .ans-ques-text .accordion .card .card-header { padding: 0; margin: 0; border-bottom: 1px solid #999; }
.ans-ques-box .ans-ques-inner .ans-ques-text .accordion .card .card-header h5 { display: inline-block; padding: 0; font-family: "Manrope", Sans-serif; font-size: 18px; font-weight: 600; text-transform: none; font-style: normal; text-decoration: none; line-height: 28px; width: 100%; } 
.ans-ques-box .ans-ques-inner .ans-ques-text .accordion .card .card-header h5 .btn { color: #1a1a1a; width: 100%; text-align: left; font-weight: 600; padding: 15px 0; text-decoration: none; }
.ans-ques-box .ans-ques-inner .ans-ques-text .accordion .card .card-body { background: #f7f7f7; color: #4d4d4d; font-size: 15px; padding-right: 15%; padding-left: 0px; }
.ans-ques-box .ans-ques-inner .ans-ques-img { display: flex; flex: 0 0 50%; background-image: url(../images/about-answer-question.jpg); background-size: cover; height: auto; background-repeat: no-repeat; background-position: center center; position: relative; margin-top: -100px; }
.ans-ques-box .ans-ques-inner .ans-ques-img .img-text { display: inline-flex; float: right; bottom: -63px; position: absolute; background-color: #000; right: 30%; }
.ans-ques-box .ans-ques-inner .img-text h3 {color:#ccbb00; font-size:45px; font-weight:600;  padding: 20px 0 15px 25px;}
.ans-ques-box .ans-ques-inner .img-text p {color:#fff; font-size:16px; font-weight:600;  padding: 20px 25px 0px 20px; }
/* end of about us page */


/* start of Contact us page */
.contact-us-page { overflow: visible;display: inline-block; width: 100%; padding: 70px 0; }
.contact-us-page .contact-form-inner { padding: 70px 50px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.contact-us-page .contact-form-inner .form-group   { width: 100%; }
.contact-us-page .contact-form-inner .form-control { background: transparent; border: 0; border-bottom: 1px solid #fff; width: 100%; border-radius: 0px; padding-left: 0px; color: #fff; }
.contact-us-page .contact-form-inner .form-control::placeholder { color: #fff; }
.contact-us-page .contact-form-inner .form-control:focus, .contact-us-page .contact-form-inner .form-control:active { border: none; border-bottom: 1px solid #fff;outline: 0; box-shadow: none;}
.contact-us-page .contact-details { display: inline-block; width: 100%; overflow: visible; }
.contact-us-page .contact-us-head  { width: 100%; display: flex; flex-direction: column; align-items: revert; justify-content: left; padding-top: 25px; }
.contact-us-page .contact-us-head h2:before { content: " "; position: absolute; top: 35px; left: -35px; width: 50px; height: 50px; background-image: url(../images/Decor.svg); }
.contact-us-page .contact-us-head  h2  { font-size: 45px; font-weight: 600;  padding: 40px 0 0 0; }	
.contact-us-page .contact-us-head  p { padding: 30px 0px 0px 0px; font-size: 15px; font-weight: 400; text-decoration: none; line-height: 24px; }
.contact-us-page .contact-details .contact-one { display: flex; padding: 40px 0 40px 0; align-items: center;  }
.contact-us-page .contact-details .border-bottom { border-bottom: 1px solid #cccc; }
.contact-us-page .contact-details img { border-radius: 50%; }
.contact-us-page .contact-details  h5 { font-size: 16px; font-weight: 600; line-height: 25px; }
.contact-us-page .contact-details  h5 span.designation { font-size:14px; color: #7c7c7c; font-weight: 400; padding-top: 15px; }
.contact-us-page .contact-details .contact-image { margin-right: 50px; }
.contact-us-page .contact-details .contact-detail { padding: 0; }
.contact-us-page .contact-details .contact-detail ul { padding-left: 20px; margin: 0; }
.contact-us-page .contact-details .contact-detail ul  li { padding: 0; margin: 0; font-size: 15px; font-weight: 400; text-transform: none; text-decoration: none; line-height: 24px; }
.contact-us-page .contact-details .contact-detail ul  li::marker { color: #FFBF00; }
.contact-us-page .contact-form { background-color: #1a1a1a; margin: 50px; }
.contact-us-page .contact-form h4 { font-size: 26px;  font-weight: 600; color: #fff; padding: 0 0 40px 0; }
.contact-us-page .contact-form .name-form { margin: 20px 0 20px 50px; color: #fff; background-color: #000; border: 0; border-bottom: 2px solid #fff; outline: none; padding: 0 180px 10px 0; font-size: 14px; }
.contact-us-page .contact-form .number-form {margin: 20px 0 20px 50px; color: #fff; background-color: #000; border: 0; border-bottom: 2px solid #fff; outline: none; padding: 0 180px 15px 0; font-size: 14px;  }
.contact-us-page .contact-form .message-form {margin: 0px 0 20px 50px; color: #fff; background-color: #000; border: 0; border-bottom: 2px solid #fff; outline: none; padding: 0 180px 80px 0; font-size: 14px;  }
.contact-us-page .contact-form .quote-button { margin: 30px 0px 0px 0px; color: #000; background-color: #ccbb00; padding: 12px 35px; font-size: 17px; border:0; outline:0; }

.contact-map { display: inline-block; width: 100%; }
.contact-map iframe{ width: 100%; min-height: 700px; }
/*  end of Contact us page  */



/*  start of product detail page  */
.product-detail-page { padding: 80px 0; display: inline-block; width: 100%; }
.product-description .product-image { box-shadow: 2px 2px 10px 6px #22202026; overflow: hidden; position: relative; }
.product-description .product-image  .owl-nav { position: absolute; top: 45%; width: 100%; }
.product-description .product-image .owl-carousel .owl-nav .owl-prev { width: 30px;height: 30px; font-size: 24px; color: #000; background: #ffffff; border-radius: 30px; position: absolute; left: -15px; background: #fff; }
.product-description .product-image .owl-carousel .owl-nav .owl-prev span { position: absolute; top: -7px; right: 6px;  }
.product-description .product-image .owl-carousel .owl-nav .owl-next { width: 30px; height: 30px; font-size: 24px; color: #000; background: #ffffff; border-radius: 30px; position: absolute; right: -15px; background: #fff; }
.product-description .product-image .owl-carousel .owl-nav .owl-next span { text-align: left; position: absolute; top: -7px; left: 6px; }
.product-description .product-details { display: inline-block; width: 100%; }
.product-description .product-details h2 { border-left: 3px solid #a71c21; text-transform: uppercase; font-size: 45px; font-weight: 600; color: #a71c21; padding-left: 15px; border-left: 5px solid #a71c21; line-height: 37px; }
.product-description .product-details p { padding: 30px 0px 0px 0px; font-size: 15px; font-weight: 400; text-decoration: none; line-height: 24px; }
.product-features { display: inline-block; width: 100%; padding-top: 50px; }
.product-features .product-top-tab { display: inline-block; width: 100%; }
.product-features .nav-tabs .nav-link { border: 0; background: #f0f2f1; margin-right: 20px; padding-right: 30px; padding-left: 30px; color: #000; text-transform: uppercase; font-size: 14px; font-weight: 600; }
.product-features .nav-tabs .nav-link.active { border: 0; background: #a71c21; color: #fff; }
.product-features .tab-content{ display: inline-block; width: 100%; padding: 10px; background: #f0f2f1; border: 0; }
.product-features .tab-pane {  width: 100%; background: #f0f2f1; }
.product-features  .dimensions { display: inline; width: 100%; }
.product-features  .dimensions h2 { font-size: 18px; padding: 15px 0; }
.product-features  .dimensions p { font-size: 14px; margin: 0; }
.product-features  .dimensions p.list { font-size: 14px; margin-bottom: 10px; }
.product-features .dimensions-image { text-align: center; }
.product-features .dimensions-image p { text-align: center; color: #ee5a4c; }
.product-features .product-and-dimensions { padding-left: 50px; }
.product-features .product-and-dimensions ul, .dimensions ul {
	margin: 0;
	padding: 0 0 0 25px;
}
.product-features .product-and-dimensions ul li { }
.product-features .product-and-dimensions ul li::marker, .dimensions ul li::marker {
	color: #a81d22;
}
.product-features .product-and-dimensions .product-specimen-image { display: inline-block; width: 100%; text-align: left; }
.product-features .product-and-dimensions .product-specimen-image img { width: auto; height: 100%; }
.product-features .product-and-dimensions .products-image { text-align: right; }
.product-features .product-and-dimensions .products-image img { max-width: 300px; width: 100%; height: auto; }
/*  end of product detail page  */

/*  start of right floating icons  */
.floating-social-icons{ display: inline-block; position: fixed; right: 0; top: 20%; z-index: 9; }
.floating-social-icons ul { margin: 0; }
.floating-social-icons ul li { list-style-type: none; background: #a71c21; }
.floating-social-icons ul li a { color: #fff; width: 50px; height: 50px; display: inline-block; text-align: center; line-height: 50px; border-bottom: 2px solid #811719; }
.floating-social-icons ul li:last-child a { border: 0px; }
.floating-social-icons ul li a i { }
/*  end of right floating icons  */

/*  start of listing page  */
.product-listing { padding: 100px 0; display: block; }
.product-listing  .product-item  { margin-bottom: 50px; position: relative;  }

.sorting-results { padding-bottom: 20px; }
.sorting-results .all-results {  }
.sorting-results .all-results  p a { line-height: 50px; color: #3d3d3d;  }
.sorting-results .sorting-bar { text-align: right; }
.sorting-results .sorting-bar select { font-size: 15px !important; padding: 6px 18px; background-image: none; border-radius: 0px; font-size: 17px; line-height: 50px; height: 50px;
outline: none; background-color: transparent; border: 1px solid #999; }
.sorting-results .sorting-bar option { color: #3d3d3d; }

.product-listing  .product-item  .image { display: inline-block; width: 100%; }
.product-listing  .product-item  .image img { width: 100%; }
.product-listing  .product-item .addtocartbtn { position: absolute; top: calc(50% - 70px); opacity: 0; transition: all 400ms; left: calc(50% - 60px); background: #1a1a1a; margin: 0; color: #fff !important; padding: 0 22px; border-radius: 0; line-height: 50px; font-size: 14px; font-weight: 600; text-decoration: none; }
.product-listing  .product-item .addtocartbtn:hover { background: #FFBF00; }
.product-listing  .product-item  .image:hover .addtocartbtn { opacity: 1; }
.product-listing  .product-item  .text { }
.product-listing  .product-item  .text h2 { text-transform: none; padding: .5em 0 0 0; text-align: center; font-size: 20px!important; line-height: 24px!important; color:#000 }
.product-listing  .product-item  .text h2:hover{text-decoration:none}
.product-listing  .product-item  a{
	color: #000;
	text-decoration:none
}
.product-listing  .product-item  a:hover{
	color: #ddd;
	text-decoration: none
}
.product-listing  .product-item  .text p { text-align: center; }
.product-listing  .product-item  .text span.discount-price { color: #4d4d4d!important; font-size: 18px; font-weight: 700; padding-left: 10px; }
.product-listing  .product-item  .sale-text { position: absolute; top: 0; right: 0; left: auto; margin: -.5em -.5em 0 0; height: 60px;  width: 60px; border-radius: 0; line-height: 32px; padding: 13px 4px 0 4px; font-size: 15px; word-break: break-all; background: #1a1a1a; }
.product-listing  .product-item  .sale-text p { color: #fff; text-align: center; font-weight: 600; }

.item h4{
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
	color: #000;
}

/*  end of listing page  */
#mail_success {
	display: none;
}
#mail_success {
	color: #009e55 !important;
}
#mail_fail {
	display: none;
}
.category_pills.nav-pills .nav-link.active, .category_pills.nav-pills .show>.nav-link {
	background-color: #c7c8ca;
}
.category_pills.nav-pills .nav-link {
	color: #333;
	border-radius: 0;
}

.product-grid .Materials-head {
	background-image: url(../images/updesign.png);
	background-repeat: no-repeat;
	height: 65px;
	background-size: contain;
	position: relative;
	display: inline-block;
}
.product-grid .Materials-head h2 {
	font-size: 50px;
	font-weight: 600;
	padding: 40px 60px 70px 65px;
}

.product-details ul{margin-left:30px}

section.banner_img {
    width: 100%;
    position: relative;
}

.banner_img img {
    width: 100%;
}


.welcome_content_inner {
    width: 365px;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 15%;
    height: 100%;
}

.welcome_content_inner h1 {
    width: 100%;
    color: #6e6f70;
    font-weight: normal
}

.welcome_content_inner figure {
    width: 100%;
    margin-bottom: 0px;
}

.welcome_content_inner h2 {
    width: 100%;
    text-align: left;
    padding-left: 35%;
    color: #6e6f70;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: normal;
    font-style: italic;
}

.standard-image { margin-bottom: 25px; }
.standard-image img { width: 100%; height: auto; }

.blog-post {
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s;
   display: flex;
}

.blog-post .blog-img .overlay,
.blog-post .blog-img .post-meta {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.blog-post .same-height-columns__column
{
	flex: 1;
    /* Space between columns */

    /* Layout each column */
    display: flex;
    flex-direction: column;
}
.blog-post .content
{
flex: 1;
	}
.blog-post .blog-img .overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.blog-post .blog-img .post-meta {
  bottom: 5%;
  right: 5%;
  z-index: 1;
}

.blog-post .blog-img .post-meta .read-more:hover {
  color: #6dc77a !important;
}

.blog-post .content h1, .blog-post .content h2, .blog-post .content h3, .blog-post .content h4, .blog-post .content h5, .blog-post .content h6 {
  line-height: 1.2;
}

.blog-post .content .title {
  font-size: 16px;
    font-weight: 600;
}

.blog-post .content .title:hover {
  color: #a71c20 !important;
}

.blog-post .content .author .name:hover {
  color: #a71c20 !important;
}

.blog-post:hover {
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.blog-post:hover .blog-img .overlay {
  opacity: 0.65;
}

.blog-post:hover .blog-img .post-meta {
  opacity: 1;
}

.blog-post .post-meta .like i,
.profile-post .like i {
  -webkit-text-stroke: 2px #dd2427;
  -webkit-text-fill-color: transparent;
}

.blog-post .post-meta .like:active i, .blog-post .post-meta .like:focus i,
.profile-post .like:active i,
.profile-post .like:focus i {
  -webkit-text-stroke: 0px #dd2427;
  -webkit-text-fill-color: #dd2427;
}

.avatar.avatar-ex-sm {
    height: 36px;
}
.shadow {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) !important;
}

.text-muted {
    color: #8492a6 !important;
}


.para-desc {
    max-width: 600px;
}
.text-muted {
    color: #8492a6 !important;
}

.section-title .title {
    letter-spacing: 0.5px;
    font-size: 30px;
}

.card {
    background: #fff;
    transition: .5s;
    border: 0;
    margin-bottom: 30px;
    border-radius: .55rem;
    position: relative;
    width: 100%;
    //box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
}
.card .body {
    color: #444;
    padding: 20px;
    font-weight: 400;
}
.card .header {
    color: #444;
    padding: 20px;
    position: relative;
    box-shadow: none;
}
.w670{
	width:670px;
}

.single_post {
	text-align: justify;
}
.single_post ul li {
	margin-left: 20px !important;
}