@charset "utf-8";

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }




/* Font CSS */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&display=swap');

/* CSS Document */
body{margin: 0; padding: 0;}
.wrapper{ width:100%;  margin: 0; padding: 0; font-family: 'Open Sans', sans-serif;}
.center{ width: 1280px; margin:0 auto;}
p{ font-size: 16px; line-height: 30px; padding: 10px 0; }
.text-center{text-align: center;}

.header_section{margin: 0; padding:15px 0; border-bottom: 1px solid #ccc;     z-index: 999;
    position: relative; }
.logo{ float: left; width: auto;}
/* navigation */
.menu { float: right;  z-index: 999; text-align: left; margin: 0 0 0 0;}
.menu ul {  margin: 0;  padding: 0;  list-style-type: none;   position: relative;}
.menu ul li {  display: inline-block; position: relative;}
.menu ul li a {color: #292929 !important;  text-decoration: none !important;  padding:13px 25px ;  display: block; color: #000; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.menu ul li a:hover{color:#8F1E20;}
.menu ul li:hover {  background:#5ea6b1;  }
.menu ul ul {  position: absolute;  min-width: 350px;  background: lightgrey;  display: none; z-index: 999;}
.menu ul ul li{  display: block;  background: #e3e3e3; padding:0px;     border-bottom: 1px solid #ccc; }
.menu ul ul li a{text-transform: capitalize; font-weight: 500; transition: transform 250ms;}
.menu ul ul li a:hover{ transform: translateX(10px); color: #fff!important; }
.menu ul li a:hover{ color: #ffffff;}
.menu ul li:hover ul{  display: block;}
.menu ul li i {  color: #292929;  float: right;  padding-left: 10px;}
.menu div{  background: lightgrey;  color: #292929;  font-size: 24px;  padding: 0.6em;  cursor: pointer;  display: none;}


.menu ul li ul .item2{position: absolute; left: 255px; top:0px; display: none; background: #000; }
.menu ul li ul .item2 li{ background:#eaeaea; color: #000;}
.menu ul li ul li:first-child:hover .item2{ display: block;}

.carousel-indicators li{ cursor: pointer;}

/* slider */
.slider_box{ margin:0; padding: 0;}
.slider_box img{ width: 100%;}


/* WhoWe */
.col-left{ width: 50%; float: left;}
.col-right{ width: 50%; float: right;}

.WhoWe{ margin:0; padding:100px 0; overflow: hidden;}
.imgleft{ text-align: center; }
.wecontent{ padding:40px 60px 0 0; }
.wecontent h1.headtitle { font-size: 40px; font-weight: bold;  text-align: left;}
.wecontent h1.headtitle span { font-size: 16px; font-weight: 600; padding: 0 0 10px 0; display: block; text-align: left;}
.wecontent p{ font-size: 16px;}
/*
.wecontent p span{ background: #fff; color: #000;}
.wecontent p span a{ background: #fff; color: #000; border: 1px solid #ccc;  padding: 10px 15px; text-decoration: none;}
*/

/* Product */
.product_box_home{ margin:0; padding:80px 0; background: #74b3bc;}
h2.headtitle { font-size: 25px; font-weight: bold; padding: 0 0 40px 0; text-align: center; color: #fff; text-transform: uppercase;}
.prodct_name { font-size: 18px; font-weight: 600; padding: 20px 0 5px 0px;  text-align: left; color: #74b3bc; }
.prodct_name a { text-decoration: none; color: #74b3bc;}

.product_box_home .prevb {    left: -140px;    top: -88px;}
.product_box_home .nextb {    right: -140px;    top: -88px;}


.owl-nav button {  position: absolute;  top: 50%; background-color: #000;  color: #fff;  margin: 0;  transition: all 0.3s ease-in-out;}
.owl-nav button.owl-prev {  left: 0;}
.owl-nav button.owl-next {  right: 0;}
.owl-dots {  text-align: center;  padding-top: 15px; display: none;}
.owl-dots button.owl-dot {  width: 15px;  height: 15px;  border-radius: 50%;  display: inline-block;  background: #ccc;  margin: 0 3px;}
.owl-dots button.owl-dot.active {  background-color: #000;}
.owl-dots button.owl-dot:focus {  outline: none;}
.owl-nav button {    position: absolute;    top: 50%;    transform: translateY(-50%);    background: rgba(255, 255, 255, 0.38) !important;}
.owl-nav span {    font-size: 70px;        position: relative;    top: -5px;}
.owl-nav button:focus {    outline: none;}



.flip-box {  background-color: transparent;  width: 420px;  height: 650px;    }
.flip-box-inner {  position: relative;  width: 100%;  height: 100%;  text-align: center;  transition: transform 0.8s;  transform-style: preserve-3d;}
.flip-box:hover .flip-box-inner {  transform: rotateY(180deg);}
.flip-box-front, .flip-box-back {  position: absolute;  width: 100%;  height: 100%; padding:15px;  -webkit-backface-visibility: hidden; /* Safari */  backface-visibility: hidden;}
.flip-box-front {  background-color: #fff;  color: black;}
.flip-box-back {  background-color: #fff;  color: #000; transform: rotateY(180deg); padding:20px 30px;}
.flip-box-back p span a{ background: #000; color: #fff; padding:10px 15px; text-decoration: none;}
.flip-box-front img {    width: auto!important;}
.flip-box-front p {    font-size: 15px;    line-height: 25px;    padding: 10px 0;    color: #333;}


/* Our Value */
.our_Value{ margin:0; padding:10px 0 80px 0; overflow: hidden;}
h2.headtitle { font-size: 25px; font-weight: bold; padding: 0 0 40px 0; text-align: center; text-transform: uppercase;}
.our_Value ul.value_list{ margin: 0; padding: 0;}
.our_Value ul.value_list li{ margin: 20px 2% 60px 2%; padding: 0; list-style-type: none; width: 28%; float: left; height: 300px; }
.our_Value .value_img{ text-align: center;  margin:5px 0 10px 0;  padding: 0;}
.our_Value .head { font-size: 20px; font-weight: bold; padding: 25px 0 10px 20px; text-align: left; text-transform: uppercase;}
.our_Value p{ width: 90%; margin: 0 auto; text-align: center; font-size: 16px;}
.our_Value ul.value_list ul {margin: 0; padding: 0;}
.our_Value ul.value_list ul li{ width: 100%;  margin:4px 0;  height: auto; text-align: left; padding: 0 0 0 20px;}

/* footer */
.footer{ margin:0; padding:10px 0; background: #faf8f7; background: url("../images/footer-mapw.png") no-repeat top center #faf8f7;}
.col_box{ margin: 0; padding:0 0 0 70px; float: left; width:31%; }
.col_box .heading{font-size: 20px; font-weight: 600; padding: 0 0 10px 0;  text-transform: uppercase;}
.col_box ul.footer_nav{ margin: 0; padding: 0;}
.col_box ul.footer_nav li{ margin: 0; padding:5px 0; list-style-type: none; font-size: 14px;}
.col_box ul.footer_nav li a{ margin: 0; padding: 0; color: #000; text-decoration: none;}
.col_box ul.footer_nav li a:hover{  color: #c39418;  padding:0px; border-bottom: 1px solid #ccc; }
.footer p{ font-size: 13px; text-align: center; padding:0px 20px; display: block; }

/* Product Page */
.main_Product_page{margin:0; padding:100px 0;}
h1.headtitle { font-size: 30px; font-weight: bold; text-align: center;}
.main_Product_page p { font-size: 16px; line-height: 28px; padding:20px 0 10px 0; text-align: left; width: 95%; margin: 0 auto;}

ul.Product_list{ margin:25px auto; padding: 0; width: 96%;}
ul.Product_list li{ margin:40px 2%; padding:10px 0; list-style-type: none; width: 44%; float: left;}
ul.Product_list li a{ color: #000; text-decoration: none; }
ul.Product_list li a:hover{  color: #2490a0;  padding:0px 0 0 0px; text-decoration: none;}

ul.Product_list .value_img img{ text-align: left;  margin:5px 0 0px 0;  padding: 0; width: 540px;}
ul.Product_list .head {   font-size: 20px; font-weight: bold; padding: 20px 0 0 0; text-align: left; text-transform: uppercase;}
ul.Product_list p{  margin: 0 auto; padding:5px 0; text-align: left; font-size: 16px; width: 100%;}
ul.Product_list .btn{margin:20px 0 0 0; padding: 0; }
ul.Product_list .btn a{margin: 0; padding:10px 15px; color: #fff; background: #2490a0; display: block; text-decoration: none;}
ul.Product_list .btn a:hover{padding:10px 15px; color: #fff; background: #000;}


/* Product Details Page  */
.details_Product_page{margin:0; padding:50px 0;}
.details_Product_page h1 {   font-size: 26px; font-weight: bold; padding: 20px 0 0 0; text-align: left; }
.details_Product_page h2 {   font-size: 20px; font-weight: bold; padding: 20px 0 10px 0; text-align: left; }
.details_Product_page .imagebox {text-align: center; padding: 20px 0;}

.details_Product_page p{ text-align: left;}
.details_Product_page .head {   font-size: 20px; font-weight: bold; padding: 20px 0 0 0; text-align: left; text-transform: uppercase;}
.table_box { margin: 20px 0px; border: 1px solid #ccc;}

ul.feature_list{ margin: 0 0 0 40px; padding:0 ;}
ul.feature_list li{ margin:8px 0; padding:0; font-size: 16px; }

.table th, .table td {    padding: 10px;}

/* about us */
.aboutusbox{ margin:0; padding:80px 0;}
.aboutusbox .wecontent{ padding:40px 60px 0 0; }
.aboutusbox .wecontent h1.headtitle { font-size: 30px; font-weight: bold; text-align: left;}
.aboutusbox .wecontent h1.headtitle span { font-size: 16px; font-weight: 600; padding: 0 0 20px 0; display: block; text-align: left;}
.aboutusbox .wecontent p{ font-size: 16px; padding: 8px 0px;}
p.text-center{ font-size: 16px; padding: 8px 0px 50px 0; width: 90%; margin: 0 auto;}
.aboutusbox .wecontent p span{ background: #fff; color: #000;}
.aboutusbox .wecontent p span a{ background: #fff; color: #000; border: 1px solid #ccc;  padding: 10px 15px; text-decoration: none;}




/* Our Value */
.aboutus_Value{ margin:0; padding:80px 0; overflow: hidden;}
h2.headtitle { font-size: 42px; font-weight: bold; padding: 0 0 40px 0; text-align: center; text-transform: uppercase;}
ul.value_list_about{ margin: 0; padding: 0;}
ul.value_list_about li{ margin: 0; padding:55px 30px; list-style-type: none; width: 32%; float: left; height: 500px; }
ul.value_list_about li:nth-child(2n+1){background: #fcfafa;}
ul.value_list_about li:hover{box-shadow: 0 0 20px 0px #f7f7f7;}
ul.value_list_about .value_img{ text-align: center;  margin:5px 0 10px 0;  padding: 0;}
ul.value_list_about .head { font-size: 20px; font-weight: bold; padding: 10px 0; text-align: center; text-transform: uppercase;}
ul.value_list_about  p{ width: 90%; margin: 0 auto; text-align: center; font-size: 16px;}


/* Our commit */
.commitBox{ margin:0; padding:150px 0; overflow: hidden; background: url("../images/we-commit-back.jpg")no-repeat left top; background-size: cover; }
.commitBox h2.head { font-size: 25px; font-weight: bold; padding: 0 0 10px 0; text-align: left; text-transform: uppercase; color: #fff;}
.commitBox p{ margin: 0 auto; text-align: left; font-size: 16px; color: #fff;}

/* contactus_box */
.Slider_dark_box{ margin:0; padding:60px 0; overflow: hidden; background: url("../images/footer-dark.png")repeat-x left top; }
.Slider_dark_box h1 { font-size: 30px; color: #fff; font-weight: bold; padding:0; margin: 0; text-align: center; text-transform: uppercase;}

.contacBox{margin:0; padding:80px 0;}

.contactmail {    margin: 0px 58px 44px 58px;    height: auto;        text-align: center;}
.contactmail p {    margin: 0px;    padding: 0px;    color: #222222;    margin-top: 40px;}
.contactinnerwrap p {    text-align: center;    color: #333333;    font-size: 18px;    margin-top: 15px;    margin-bottom: 90px;}
.contactformmsin {    width: 100%;    height: auto;    display: inline-block;    border: 1px solid #deecf8;    -webkit-box-shadow: 0 0 16px #f3f3f3;    box-shadow: 0 0 16px #f3f3f3;    padding: 40px 50px;
}
.contactformmsin label {    width: 100%;    height: auto;    margin-bottom: 1px;     font-size: 16px;    color: #333; text-transform:capitalize; font-weight: 400;}
.contactformmsin select {    -webkit-appearance: none;    background: url("../images/down-arrow.png") 100%;    background-repeat: no-repeat;
    background-position: right 2px;}
.contactformmsin input, .contactformmsin textarea, .contactformmsin select {    width: 100%;    height: auto;
    padding: 8px 15px;    font-size: 14px;    border: 1px solid #a6bfd4;    margin-bottom: 5px;}
.text-danger {    color: #dc3545!important;}
.contactformmsin button {
    font-family: Ebrima;
    background: #565052;
    text-transform: uppercase;
    border: none;
    padding: 13px 15px;
    color: #fff;
    margin-top: 10px;
    width: 100%;
 cursor: pointer;
}


.details_Product_page .btn {
    text-align: center;
    width: 100%;
}

.details_Product_page .btn a {
    background: #000;
    padding: 15px 35px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    font-size: 20px;
    margin: 30px 0;
}




.value_img {
    float: left;
    margin: 0 30px 30px 0;
}

ul.Product_list li {
    margin: 40px 0;
    padding: 0 25px 0 0;
    list-style-type: none;
    width: auto;
    float: none;
    overflow: hidden;
    background: #fff;
    box-shadow: 5px 5px 5px 5px #ccc;
}

ul.Product_list .value_img img {
    text-align: left;
    margin: 0 0 0px 0;
    padding: 0;
    width: 540px;
}







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


}






.lpbanner{background: url("../images/lp-banner.jpg") no-repeat top left; overflow: hidden;}
.lpbanner .leftlp{margin: 0; width: 60%; float: left;}
.lpbanner .rightlp{margin: 0; width: 40%; float: right;}
.LPhead{margin:30px 0; padding: 40px;}
.LPhead h1{margin: 0; padding: 20px; font-size: 40px; color: #fff; line-height: auto;  text-shadow: 0 0 5px #000;}
.LPhead p{margin: 0; padding: 20px; font-size: 18px; color: #fff; line-height: auto; text-shadow: 0 0 5px #000;}
.LPhead ul{margin: 0; padding: 20px;}
.LPhead ul li{margin: 0 0 0 15px; padding: 5px 0; list-style-type: none; font-size: 18px; color: #fff; text-shadow: 0 0 5px #000;}
.LPhead ul li span{}


.lpbanner .contactboxlp{ margin:50px 0 0 ; padding:20px 40px; background: #fff; box-shadow: none;}

ul.Product_listlp{ margin:25px auto; padding: 0; width: 96%; text-align: center;}
ul.Product_listlp li{ margin:40px 1.5%; padding:10px 0; list-style-type: none; width: 30%; text-align: center;
    display: inline-block;vertical-align: top; }
ul.Product_listlp li a{ color: #000; text-decoration: none; }
ul.Product_listlp li a:hover{  color: #c39418;  padding:0px 0 0 0px; text-decoration: none;}

ul.Product_listlp .value_img img{ text-align: left;  margin:5px 0 0px 0;  padding: 0; width: 100%;}
ul.Product_listlp .head {   font-size: 20px; font-weight: bold; padding: 20px 0 0 0; text-align: center; text-transform: uppercase;}
ul.Product_listlp p{  margin: 0 auto; padding:5px 0; text-align: center; font-size: 16px; width: 100%;}

.rightlp{}

.lpbanner .contactboxlp {
    margin: 50px 0 0;
    padding: 20px 40px;}

.rightlp .contactformmsin input, .contactformmsin textarea, .contactformmsin select{padding: 8px 15px; margin-bottom: 0;}

.rightlp .contactformmsin button {
    margin-top: 0;}


.topbtn {margin: 30px; padding: 0; text-align: center;}
.topbtn a.btnst {margin: 30px; padding:20px 40px; text-align: center; background: #000; color: #fff; font-size: 20px; text-decoration: none;}


.Slider_dark_box .headblg{    font-size: 30px;    color: #fff;    font-weight: bold;    padding: 0 0 40px 0;    text-align: center;    text-transform: uppercase;}



ul.Product_list3 {    margin: 0px auto 20px 0;    padding: 0;    width: 100%; overflow: hidden;}
ul.Product_list3 li {    margin:10px 1%;    padding: 5px 0;    list-style-type: none;    width: 31%;    float: left;}
ul.Product_list3 li a {    color: #000;    text-decoration: none;}
ul.Product_list3 .value_img img {    text-align: left;    margin: 5px 0 0px 0;    padding: 0;    width: 100%;}
ul.Product_list3 .head {    font-size: 20px;    font-weight: bold;    padding: 20px 0 0 0;    text-align: left;    text-transform: uppercase;}
ul.Product_list3 li a {    color: #000;    text-decoration: none;}


.searchbox {
    width: 277px;
    padding: 10px;
    position: absolute;
    z-index: 9999;
    background: #fff;
}


.menu ul li.search_link a {
    padding: 0 !important;
}

.menu ul li.search_link a i {
    margin: 8px 0 0 0;
    color: #775025;
}

.menu ul li.search_link a:hover i {
    color: #000;
}

.search_box {
    position: absolute;
    top: 80px;
    right: 0;
    width: 500px;
    z-index: 999;
    display: flex !important;
    background-image: url(../images/contactus.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    cursor: default;

}

.search_box.open {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.search_box input {
    width: 100%;
    border: solid #a6bfd4;
    border-width: 1px 0 1px 1px;
    border-radius: 0;
    font-size: 16px;
    padding: 8px 16px;
    outline: none;
}

.search_box .search_btn {
    outline: none;
}

.search_box .search_btn i {
    color: #FFF;
    font-size: 13px;
}

.search_box:before {
    content: '';
    background: rgb(255 255 255 / 40%);
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}

.search_box>* {
    z-index: 1;
}

.footer-top{background: #000; text-align: center;  padding: 20px 0; margin: 0;}
.footer-top .calusbox{ font-size: 38px; color: #fff; text-align: center; font-weight: bold;}

.main_faq_page{ margin: 0; padding: 100px 0 }
.faqbox{ margin: 0 0 20px 0; padding:10px 0; border-bottom: 1px solid #ccc;}
.faqbox p{ padding: 0; }

.cataloguemain{ margin: 0; padding:80px 9px; overflow: hidden;}
.cataloguemainwrap {    width: 49%;    height: auto;    display: inline-block;    text-align: center;    margin: 0 auto;  float: left;}
.cataloguemainwrap figure {    width: auto;    height: auto;    position: relative;    margin: 0 30px;   }
.cataloguemainwrap img {    float: none;}
.catologbuttons, .catologbuttons h3 {    width: 100%;    height: auto;    display: inline-block;}
.catologbuttons h3 {    color: #333;    text-align: center;    font-size: 22px;    font-family: Ebrima;    text-transform: none;    margin-bottom: 30px;}
.catologbuttons span {    margin: 0 10px;}
.catologbuttons span a img {    float: none;   margin-right: 10px;}
.catologbuttons span a {    display: inline;    border-radius: 10px;    background: #4a4a4a;    font-size: 15px;    padding: 9px 25px;    color: #fff;    font-family: Ebrima;}



.sticky-icon  {
z-index:1;
position:fixed;
top:65%;
right:0%;
width:220px;
display:flex;
flex-direction:column;}  
.sticky-icon a  {
transform:translate(160px,0px);
border-radius:50px 0px 0px 50px;
text-align:left;
margin:2px;
text-decoration:none;
text-transform:uppercase;
padding:10px;
font-size:22px;
font-family:'Oswald', sans-serif;
transition:all 0.8s;}
.sticky-icon a:hover  {
color:#FFF;
transform:translate(0px,0px);}
.sticky-icon a:hover i  {
transform:rotate(360deg);}
/*.search_icon a:hover i  {
transform:rotate(360deg);}*/

.sticky-icon a i {
background-color:#FFF;
height:40px;
width:40px;
color:#000;
text-align:center;
line-height:40px;
border-radius:50%;
margin-right:20px;
transition:all 0.5s;}
.sticky-icon a i.fa-facebook-f  {
background-color:#FFF;
color:#2C80D3;}

.sticky-icon a i.fa-google-plus-g  {
background-color:#FFF;
color:#d34836;}

.sticky-icon a i.fa-instagram  {
background-color:#FFF;
color:#FD1D1D;}

.sticky-icon a i.fa-youtube  {
background-color:#FFF;
color:#fa0910;}

.sticky-icon a i.fa-twitter  {
background-color:#FFF;
color:#53c5ff;}
.fas fa-shopping-cart  {
background-color:#FFF;}
.sticky-icon .linkedin {
    background: #2666c1;
}
.sticky-icon .whatsapp {
    background: #45b641;
}
.sticky-icon a i.fa-linkedin  {
background-color:#FFF;
color:#2666c1;}
.sticky-icon a i.fa-whatsapp  {
background-color:#FFF;
color:#45b641;}

h2.headtitle {
    font-size: 42px;
    font-weight: bold;
    padding: 0 0 20px 0;
    text-align: center;
    text-transform: uppercase;
}
ul.value_list_about .value_img img {    width: 100%;}
ul.value_list_about li {    margin: 10;    padding: 0;    list-style-type: none;    width: 31%;    float: left;    height: auto;}
ul.value_list_about .head {    font-size: 18px;    font-weight: bold;    padding: 10px 0;    text-align: center;    text-transform: revert-layer;}
ul.value_list_about .head a{color: #000;}

.video_box {
    float: right;
    padding: 0; margin:0 0 0 30px ;
    width: 600px;
}

.desk{display: block;}    
.mob{display: none;}


ul.Product_list-half{ margin:25px auto; padding: 0; width: 100%; overflow: hidden;}
ul.Product_list-half li {    margin: 17px 1%;    padding: 10px 0px; list-style-type: none; width: 31%; float: left; min-height: 830px; border: 1px solid #c1c1c1;}
ul.Product_list-half .height_V {    width: 100%;}
ul.Product_list-half .height_V img {    text-align: center;    margin: 5px 0 0px 0;    padding: 0;    width: 100%;}
ul.Product_list-half li a{ color: #000; text-decoration: none; }
ul.Product_list-half li a:hover{  color: #2490a0;  padding:0px 0 0 0px; text-decoration: none;}
ul.Product_list-half .head {margin:20px 0 0 0;   font-size: 20px; font-weight: bold; padding: 20px 15px; text-align: left;}
ul.Product_list-half p{  margin: 0 auto; padding:5px 15px; text-align: left; font-size: 16px; width: 100%;}
ul.Product_list-half .btn{margin:20px 0 0 0; padding: 0; }
ul.Product_list-half .btn a{margin: 0; padding:10px 15px; color: #fff; background: #2490a0; display: block; text-decoration: none;}
ul.Product_list-half .btn a:hover{padding:10px 15px; color: #fff; background: #000;}