a{ text-decoration:none !important;}
ul{ padding-left:0px; list-style:none;}
body{ font-family: 'Open Sans', sans-serif;}


.menubtn{ position:absolute; width:100%; z-index: 999; padding: 7px 20px 10px;}
.menubtn .menubtnt1{ border:none; background:none; vertical-align:top;}
.menubtn .menubtnt2{ border:none; background:none; vertical-align:top; float: right;}
.menubtn .menubtnt2 img{ width:28px;}
.menubtn .menubtnt1 img{ width: 32px;}

.sidemenu{ position: fixed; left: -100%;
z-index: 9999999999;
top: 0px; transition:.8s;
width: 100%;
height: 100%;}
.sidemenu.sidemenu2{left: 0%; transition:.8s;}
.fadec{ position:relative;}
.fadec:after{ position:absolute; left:0px; top:0px; background: rgba(265,265,265,0.8); width:100%; height:100%; display: block;
z-index: 999; transition:0.4s;
content: '';}
.sidemenu .mclose-btn {
    display: table-cell; vertical-align:top; padding: 25px 17px 0px; background: #fff; z-index:99999;
}
.sidemenu .mclose-btn .menubtnt3{background: none;
border: none; }
.main-menu {
    display: table-cell; background:#4A4A4A; color:#dbdbdb; padding: 25px 46px 4px; width: 31%;
}
.main-menu .srch-btn{ background:none; border:none; padding: 0px; vertical-align:top;}
.tsearch-box{margin-bottom: 60px;
padding-bottom: 10px; }
.main-menu ul li a{font-family: 'Roboto', sans-serif;
font-weight: 300; color:#dbdbdb; font-size:22px;  }
.main-menu ul li{ margin-bottom: 18px; }
.main-menu p{font-family: 'Roboto', sans-serif; border-bottom: #e31e24 1px solid;
padding: 0px 12px 18px;
font-weight: 300; color:#dbdbdb; font-size:14px; }
.main-menu p a{ color:#fff; font-weight:500;}
.main-menu .menu-bottom ul li{ display:inline-block;}
.main-menu .menu-bottom ul li a{ font-size: 20px;
padding: 17px 22px;}
.menu-block {
    display: flex; height:100%;;
}
.menu-bottom{position: absolute;
bottom: 0px;
width: 24%;}
.tsearch-box .form-control{ width:calc(100% - 32px); margin-left: -95%;
float: left;
vertical-align: top; font-size: 16px;
background: transparent;
border: none; box-shadow: none;
border-radius: 0px;}
.tsearch-box:after{ background:#e31e24; height:1px; width:0%; display:block; position:absolute; left:0px; bottom:0px; transition:.8s;}
.tsearch-box.tsearch-box2:after{ width:100%; transition:.8s;}
.tsearch-box{transition:.8s; position:relative;}
.tsearch-box.tsearch-box2{ transition:.8s;}
.tsearch-box.tsearch-box2 .form-control{margin-left: 0%; transition:.8s; color:#fff;}
.tsearch-box.tsearch-box2 .form-control:focus{ box-shadow:none;}



.banner{ position:relative;}
.banner-content{position: absolute;
left: 20%;
top: 0%;
width: 60%;}
.logo { margin-top: 12%;}
.bmid-block {
    margin: 16% 0% 14%;
}
.banner-button ul li:first-child{ border-right:#da7476 1px solid; padding-right: 32px;
line-height: 33px;}
.banner-button ul li:last-child{ padding-left: 32px;
line-height: 33px;}
.banner-button ul li{ display:inline-block;}
.banner-button ul li a{ color:#787878; font-size: 17px;}
.banner-button ul li a span{ color:#c41a20; font-size: 19px;
margin-left: 9px; }
.banner-scrollbtn .scrollbtn{ color: #818181;
padding: 0px;
border: none; margin:25px auto auto; display: block;
background: no-repeat;
font-style: italic;
font-size: 12px;
}
.banner-button{ text-align:center; padding-top: 30px;}
.bnner-bimg2 {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.bbtn-block{ background:url(../image/hshadow.png); background-repeat: no-repeat;
background-position: center;
 padding: 50px 0px;}




.hellogen-section .heading h3{color: #fff; }
.heading h3{ font-family: 'Roboto', sans-serif;
font-weight: 300;
color: #1c1d1d;
letter-spacing: 0px;
text-align: center;}
.bseller-box a{ color:#000;  font-family: 'Roboto', sans-serif; display:block; text-align:center; margin-top: 18px;
font-weight: 300; font-size: 15px; }
.bseller-box a span{color:#c41a20; font-weight:600;  padding-left: 6px;
margin-left: 4px; position:relative; }
.bseller-box a span:after{ content: "";
width: 1px;
display: block;
height: 13px; 
position: absolute;
left: 0px;
top: 3px;
background: #474747;}
.readmore{ text-align:center; margin-top: 35px;}
.readmore a{ color: #787878;
font-size: 15px;}
.readmore a span{color: #c41a20;
font-size: 17px;
margin-left: 7px;}


.hellogen-section {
    padding-top: 58px; background:#000; margin-bottom: 0px;
z-index: 99999999999999;
position: relative;
}
.hellogeni-inner{ position:relative;}
.hellogen-block h4{color:#c41a20; font-family: 'Roboto', sans-serif;
font-weight: 300; font-size: 17px;}
.hellogen-block p{font-family: 'Roboto', sans-serif; font-weight: 300; font-size:14px; color:#fff;}
.hellogen-block.hellogen-block1 {
   position: absolute;
bottom: 40%;
width: 21.5%;
text-align: right;
left: 0px;
}
.hellogen-block.hellogen-block2 {
   position: absolute;
width: 19%;
bottom: 56%;
right: 0%;
}
.hellogen-block.hellogen-block3 {
    position: absolute;
    width: 20%;
    right: 11%;
    bottom: 4%;
}




.launch-section{ position:relative; font-family: 'Roboto', sans-serif; background: #000;}
.launchb-left { width: 54%; display:inline-block; padding-left: 8%; vertical-align:top; padding-top: 5%;}
.launchb-right { width: 42%; display:inline-block; vertical-align:top;}
.launch-section .launch-inner{ position:absolute; top: 15%; width: 100%;
left: 0;}
.launch-section .launch-inner h3{font-family: 'Roboto', sans-serif;
color: #000;
font-size: 40px; margin-bottom: 10%;
font-weight: 300;}
.launch-right{ display:inline-block; padding-left: 5%; 
/*vertical-align: top; hide for carasouel purpose -- fairshare */
padding-top: 14%;}
.launch-left{display:inline-block; border-right: #da7476 1px solid; padding-right : 5 px; }

.launch-left p{ text-align:center;}
.launch-left .lnch-ticon{margin-bottom: 28px; }
.launch-left .lnch-bicon{ margin-top: 28px;}
.launch-left p i{color: #c41a20; font-size: 19px;}
.launch-left h2{ font-weight: 500; color:#e62327; font-size: 30px; margin-bottom: 5px; margin-right: 5px; text-align:center;}
.launch-left h4{ font-weight: 300; color:#787878; font-size: 22px; margin-bottom: 5px; text-align:center;}
.launch-left h5{font-weight: 400;
color: #e62327;
text-align: center;
font-size: 23px;
margin-top: 5px;}
.launch-right li{ display:inline-block; margin-right: 18px;}
.launch-right li a{color: #787878;
font-size: 16px;}
.launch-right li a span {
    color: #c41a20;
    font-size: 19px; 
    margin-left: 9px;
}

.top-footer.htop-footer{background:#000; padding: 21px 0px 5px}
.top-footer{background:#DBDBDB; padding: 16px 0px 14px;}
.footer-left .footer-logo{ display:inline-block;}
.footer-left ul{ display:inline-block; vertical-align: top; margin-top: 16px;
margin-left: 52px;}
.footer-left ul li{ display:inline-block; }
.htop-footer .footer-left ul li a{color:#bdbdbd;}
.footer-left ul li a{color: #4a4a4a;
padding: 5px 12px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
border-right: #979797 1.5px solid;
font-size: 15px;}
.footer-left ul li:last-child a{ border-right:none;}

.footer-right .bs-logo img{ width:15px; display: inline-block;}
.htop-footer .footer-right .bs-logo span{color:#bdbdbd;}
.footer-right .bs-logo span{ display:inline-block; font-family: 'Roboto', sans-serif;  color:#4a4a4a;
font-weight: 300; margin-left:4px;}
.footer-right ul li{display:inline-block; margin-left: 17px;}
.footer-right ul li a{color:#747474; padding: 5px;
font-size: 18px;}
.bs-logo {
    display: inline-block;
}
.footer-right ul{ float:right;}
.footer-right {margin-top: 15px; }
.hcopyright .copyright-content p{color:#fff;}
.copyright-content p{ font-size:13px; color:#2e2e2e; font-family: 'Roboto', sans-serif; margin-bottom:0px;
font-weight: 300; text-align: center; vertical-align:top; position:relative;}
.copyright-content p:before{ background: #979797;
content: '';
display: block;
width: 38%;
height: 1px;
position: absolute;
left: 0px;
top: 19px;}
.copyright-content p:after{ background: #979797; content: '';
display: block;
width: 38%;
height: 1px;
position: absolute;
right: 0px;
top: 19px;}
.copyright-content p img{ display:inline-block;}
.copyright-content {
    padding: 0px 0px 14px;
}
.copyright{padding-top: 14px;}
.copyright.hcopyright{background:#000; padding-top: 0px;}





.searchbox{ height: 100%;
    width: 100%;  display:none;
    position: fixed;
    z-index: 999999999;
    top: 0;
    left: 0;
background-color: rgba(265,265,265, 0.9);}
.searchbox .closebtn {
    position: absolute;
    top: 9px;
	right: 33px;
    font-size: 60px;
    cursor: pointer;
    color:#E62428
}
.searchbox-content {
    position: relative;
    top: 46%;
    width: 70%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}
.searchbox-content button {
    float: left;
width: 20%;
padding: 15px;
background: #E62428;
font-size: 17px;
border: none;
cursor: pointer;
color: #fff;
}
.searchbox-content input[type=text] {
    padding: 15px;
    font-size: 17px; color: #fff;
    border: none;
    float: left;
    width: 80%;
    background: rgba(0,0,0,0.7);
}




/***************** About Us ****************/
.header2{font-family: 'Source Sans Pro', sans-serif;  padding: 7px 20px 10px; -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16); height:70px;
z-index: 5;
position: fixed;
font-weight: 300; width: 100%; z-index: 9999999999;
background: #fff;
top: 0px; }
.header-left, .header-right ul, .header-right, .header-right ul li, .header-left button, .header-left a{display:inline-block; vertical-align:top;}
.header-left { }
.header-left a{ margin-left: 17px;}
.header-left .menubtnt1 {
    border: none;
    background: none; margin-top: 14px;
    vertical-align: top;
}
.header-right{display:inline-block; float:right; }
.header-right .menubtnt2 {
    border: none;

width: 44px;

margin-top: 6px;

background: none;

vertical-align: top;

float: right;

padding: 10px 12px;
}
.header-right a{ color:#979797; font-size: 19px;}
.header-right ul li:last-child() a{color:#e21824;}
.header-right ul li{ margin-right: 18px;}
.header-right ul{ margin: 14px 0px 0px;}

.about-section{ background:url(../image/about-bg.jpg); background-size:cover; font-family: 'Source Sans Pro', sans-serif;}
.about-section h3{  font-family: 'Source Sans Pro', sans-serif; font-weight: normal; color:#606060;
text-align: center;
font-size: 28px;}
.about-section h3 span{ color:#E62226;}
.about1{ text-align:center; width:63%; margin:5% auto 11%;}
.about-section p{  font-weight: 300; font-size:15px; line-height:22px;}
.about1 .act-img{  margin: 63px 0px 78px;}
.about2 ul li{color: #E62528;
font-size: 15px;
font-weight: inherit;
margin-bottom: 18px;}
.acity1 {
        margin-top: 72%;
    margin-left: 23%;
}
.acity2{ margin-top: 14%;}
.about2 h3{ margin-bottom: 7%;}
.about2 {

    margin-bottom: 15%;

}
.about3 .ableft3 h4{
color: #ebebeb;
font-size: 45px;
font-weight: 700; margin-bottom:0px;
padding-bottom: 7px;}
.about3 .abright3 h4{ border-left: #e31f23 5px solid;
font-size: 22px; 
font-weight: 300; margin-bottom: 15px;
padding-left: 6px;}
.about3 .abright3 h4 span{ border-left: #4B4B4B 1px solid;
font-style: italic; font-size: 17px; padding-left: 6px; line-height: 32px;} 
.about3 p{margin-left: 15px;}
.about3 .ableft3 {
	overflow:hidden;
    margin-right: 6%; margin-top: 16%;
}
.about3 .abright3 {

    margin-left: 6%;

}
.about3.abouts3 .ableft3 {

    margin-left: 6%;

}
.about3.abouts3 .abright3 {

    margin-right: 6%;

}
.about3.abouts3 {

    margin: 6% 0% 8%;

}
.about4 {

    margin-bottom: 7%;

}
.about4 p{text-align: center; font-size: 20px; color: #7C7C7C; }
.about4 p a{color:#707070; font-weight: 500;}

/************** detail *******************/
.product-detail{ font-family: 'Source Sans Pro', sans-serif; font-weight:300; display: table;}
#article-photo-carousel{ padding: 57px 0px 71px;
margin-bottom: 15px; }
#article-photo-carousel ol li{ width:45px;}
.product-detail .product-left{ width:50%; position: relative; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16); display: table-cell; vertical-align: top;}
.product-detail .product-left.affix{ position:relative;}
#article-photo-carousel .left.carousel-control{ opacity:1; background-image:none; text-shadow:none; padding-top: 30%;}
#article-photo-carousel .right.carousel-control{ opacity:1; background-image:none; text-shadow:none; padding-top: 30%;}
#article-photo-carousel .carousel-control i{ color:#c3c3c3;}
.prleft-link{ border-top: #dddddd 2px solid;}
.prleft-link a{font-weight: 300;
font-size: 18px; float:left; width:50%; border-right:#dddddd 2px solid; display:block; text-align:center; color:#bd645e; padding: 20px 0px;}
.prleft-link a span{ display:inline-block; margin-left: 7px;}
.prleft-link a img{ display:inline-block;}
.product-detail .product-right{ width:50%; background:#fafafa; vertical-align: top;}
.prlink2 img{ float:right;}
.prlink2 a{color: #cfcfcf; font-size: 18px; font-weight: 300;}
.prlink2 a span{ font-size: 19px;
line-height: 15px;}
.pr-description1 h2{ font-weight:300; margin: 26px 0px 22px;} 
.product-right p{ font-weight:300; font-size: 16px; color: #a7a7a7;}
.product-right {
    padding: 40px 43px 30px; color:#595959;
}
.product-right .vspec-btn{ position: relative;

background: none;

border: none;

margin: auto; color: #a7a7a7;

display: block;

font-weight: 300;

font-size: 17px;

padding-top: 20px;}
.product-right .vspec-btn span{ position:absolute; top:0px; left:45%; font-size: 20px;}
.product-right .asize-btn span{ position:absolute; bottom:0px; left:45%; font-size: 20px;}
.asize-btn{  position: relative;

background: none;

border: none;

margin: auto; color: #a7a7a7;

display: block;

font-weight: 300;

font-size: 17px;

padding-bottom: 20px;}
.pr-sizes h3{ font-weight: 300;

font-size: 23px;

text-align: center;}
.pr-specification h3{ font-weight: 300; font-size: 23px; margin-bottom: 20px;}
.pr-sizes ul{ display:flex;}
.pr-sizes ul li{ flex: 1; color: #a7a7a7;

text-align: center;}
.pr-sizes ul:first-child{ border-bottom:#cd9b9e 1px solid; padding-bottom: 10px;}
.pr-description1 {

    margin-bottom: 30px;

}
.pr-sizes {

    width: 60%;

margin: 26px auto 0px;

}
.aval-size {

    margin: 40px 0px 44px;

}
.pr-specification .pr-spec1{ display:flex;}
.pr-specification .pr-spec2{ display:flex;}
.color-box{flex:1; margin-bottom: 22px; }
.wattege-box{flex:1; margin-bottom: 22px;}
.technical-box{flex:1; margin-bottom: 60px; padding-right: 18px;}
.structual-box{flex:1; margin-bottom: 60px;}
.wattege-box ul li{display: inline-block;
height: 33px;
width: 33px;
border: #d1d1d1 1px solid;
border-radius: 50%;
text-align: center;
font-size: 15px;
margin-right: 8px;
line-height: 29px;}
.color-box ul li{ display: inline-block;
height: 33px;
width: 33px;
box-shadow: 0px 2px 5px #d1d1d1;
border-radius: 50%;
text-align: center; position:relative;
font-size: 15px;
margin-right: 8px;
margin-bottom: 20px; /*newly added to show color name in bottom */
line-height: 29px;}
.pr-spec2 ul li{ font-weight:300; font-size:15.5px; color: #a7a7a7; position:relative; padding-left: 14px;}
.pr-spec2 ul li:after{ content: '';
width: 3px;
height: 3px;
background: #323232;
display: block; position:absolute; left:0px; top:12px;
border-radius: 50%;
}
.bg-white{background:#fff; }
.bg-brown{background:#edead7; }
.bg-yellow{background:#fef076; }
.pr-specification{ }
.asize-btn{}


/***************** get in touch  ****************/
.getouch-section h3{font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
color: #606060;
text-align: center;
font-size: 28px;}
.header2.nshadow {box-shadow: none;}
.getouch-section .tab-content{ box-shadow: 0 -2.5px 5px 0 rgba(0, 0, 0, 0.07); margin-top: -41px; padding-top: 106px;}
.getouch1 .nav{ text-align:center;}
.getouch1 .nav li.active .gtimg2{ display:block;}
.getouch1 .nav li.active{box-shadow: 0px 0px 10px #e51e23; border:#e51e23 1px solid; }
.getouch1 .nav li .gtimg2{ display:none;}
.getouch1 .nav li a:hover{background:none;}
.getouch1 .nav li{ display:inline-block; margin: 0px 20px; border: #ccc 1px solid; background: #fff;
border-radius: 50%;  box-shadow: 0px 0px 10px #ccc; padding: 16px;}
.getouch1 .nav li a{position:relative; padding:0px; display: block;
height: 40px; width: 40px; }
.getouch1 .nav li .gtimg2{ position:absolute; top:0px; left:0px;}
.getouch1 .nav > li > a > img{max-height:100%; }
.getouch1 {position: relative; margin-top: 50px;}
.getouch-section {padding-bottom: 60px;}
#touch1 .address-block img{display:inline-block; vertical-align:top;}
#touch1 .address-block{color:#646464; }
#touch1 .address-block1{text-align:left;}
#touch1 .address-block2{text-align:center;}
#touch1 .address-block3{text-align:right;}
#touch1 .address-block .add-iblock{display:inline-block;  vertical-align:top; margin-left: 8px; text-align:left;}
#touch1 .address-block p{ font-size: 15px; margin-bottom: 3px; color: #646464;}
#touch1 .address-block a{color:#646464; font-size: 15px; margin-bottom: 3px; display:block;}
.cmap{ margin-top: 62px;}
.touch-iblock2{ text-align:center;}
.touch-iblock2 p{ font-size: 17px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
margin-bottom: 0px;}
.touch-iblock2 a{color: #cb181e;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 500;
font-size: 18px;}
.touch-iblock2 .career-box p{margin-bottom:5px; }
.touch-iblock2 img{ margin: 35px auto 24px;}
#touch3 p{ font-size: 17px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
width: 58%;
margin: 0px auto 60px;
text-align: center;}
#touch3 .form-control{border:none; border-bottom:#c41b20 1px solid;box-shadow: none;
border-radius: 0px; padding-left: 0px; font-size: 16px; font-family: 'Source Sans Pro', sans-serif;
font-weight: 300; margin-bottom: 33px;}
#touch3 .btn{ background: none;
display: block;
margin: 18px auto 0px;
padding: 0px;
border-radius: 19px;}
#touch3 .form-group{ padding: 0px 34px;}



/********************* range Listing **********************/
.range-sbox .dropdown{text-align:right; float: right; }
.range-sbox .btn{ background:none; font-family:'Roboto', sans-serif; font-weight: 400; color: #979797; font-size: 15px;}
.range-sbox .btn:hover{color: #979797; }
.range-sbox .dropdown .btn span i{ color:#c41a20;}
.range-sbox {padding: 25px 0px 15px;}
.range-sbox ul li a{font-family:'Roboto', sans-serif; color: #a2a2a8; }


.range-box .range-block{ float:left; width:50%;}
.range-box{font-family: 'Roboto', sans-serif; margin-bottom: 60px;}
.range-box .range-block h2{ font-size:46px; text-transform:uppercase; color:#e31e24; font-weight:500; margin-bottom:0px; margin-top:0px;}
.range-box .range-block h3{ font-weight:300; color:#4e4e4e; margin-top:0px; font-size: 37px; margin-bottom:0px;}
.range-box .range-block .launch-right{ display:block; padding-top: 22%;}
.range-box .range-block.rangeb-right .launch-right li{ display:block; text-align:right; margin-right:0px;}
.range-box .range-block .launch-right li a{ color:#949494; font-size: 15px;}
.range-block.rangeb-right{ padding-right:6%; text-align: right; padding-top: 14%;}
.range-block.rangeb-right .range-contbox{border-right:#e31e24 6px solid; display: inline-block; text-align: left;
padding-right: 24%;}
.range-block.rangeb-left {
    padding-left: 6%;
    text-align: left;
    padding-top: 14%;
}
.range-box .range-block.rangeb-left .launch-right li {
    display: block;
    text-align: left;
    margin-right: 0px;
}
.range-box .range-block .launch-right {
    display: block;
    padding-top: 22%; padding-left:0px;
}
.range-block.rangeb-left .range-contbox {
    border-left: #e31e24 6px solid;
    display: inline-block;
    text-align: left;
    padding-left: 18%;
}
.range-box2 .range-block.rangeb-left .range-contbox{ border-left: none;
padding-left: 15%;}
.range-sbox2.range-sbox .dropdown{float:none; text-align:left;}

.prodctd-link{ display:flex; margin-bottom:65px;}
.prodctd-link h4{ font-family: 'Roboto', sans-serif; font-weight:400; color:#d61218; font-size:18px; margin-bottom: 16px; margin-top:0px;}
.prodctd-link a{color: #787878; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px;}
.prodctd-link .prodctd-left{border-right:#979797 1px solid; flex:1; text-align:right; padding: 8px 24px 8px 5px;}
.prodctd-link .prodctd-right{ flex:1; text-align:left; padding: 8px 5px 8px 24px;}
.prodctd-link .prodctd-right h4{color: #787878;}
.prodctd-link a span {color: #c41a20; font-size: 19px; margin-left: 15px;}
.filter-inner{border-bottom:#e7e7e7 1px solid; border-top:#e7e7e7 1px solid; font-family: 'Roboto', sans-serif; padding: 0px;}
.filter-inner h4{color:#a6a6a6; display:inline-block; font-size: 15px; font-weight: 300; margin: 0px 50px 0px 30px;}
.filter-inner > ul{display:inline-block; margin-bottom:0px;}
.filter-inner > ul > li{ display:inline-block; margin-right:50px; position:relative; line-height: 39px;}
.filter-inner ul li a{ color:#858585; font-size: 15px; font-weight: 300;}
.filter-inner ul li a span{color: #2C2C2C; font-size: 19px; font-weight: 700; margin-left: 9px;}
.filter-inner ul ul li{ display:block;}
.filter-section { margin-bottom: 65px;}
.social2 li{ display:inline-block; margin-left: 10px;}
.social2{position: absolute; top: 0px; right: 31px;}
.getouch-section .conts-line p{text-align: center; font-size: 15px; color: #646464;}
.getouch-section .conts-line p a{ color:#646464; font-weight:500; font-family: 'Roboto', sans-serif;}
.header-search {display: inline-block;}
.header-search { position: absolute; overflow: hidden; width: 0%; padding: 7px 0px 15px 15px;
    right: 0px; top: 0px; margin-right: 20px; transition:2s; background: #fff; z-index: -1;}
.header-search .hcls-btn{display:inline-block; vertical-align:top; margin-top: 8px; width: 36px; background: none; border: none;}
.header-search .form-control{display:inline-block; vertical-align:top; width: calc(96% - 41px); margin:0% 2%; border:none; border-bottom:#e62327 1px solid; box-shadow: none;
border-radius: 0px; font-size: 18px; font-style: italic; font-weight: 400;}
.header-search .menubtnt2{display:inline-block; vertical-align:top;  width: 44px; z-index:99; background:#fff;}
.header-search.header-searchfix .menubtnt2.acbtn{background:#e62327; }
.header-search .menubtnt2.acbtn img{filter: brightness(0) invert(1);}
.header-search2{width: 99%; display:inline-block; position: absolute; right: -96%; padding-right: 4%; transition:2s; z-index:-1;}
.header-search.header-searchfix{z-index: 9; width:82%; transition:2s;}
.header-search.header-searchfix .header-search2{right: 0%; transition:2s;}
.header-search.header-searchfix .menubtnt2{ background:#fff;}

.abtborder{ border-bottom: #d19fa2 1px solid;}

.amap-inner img {
    opacity:0; 
}


.amap.animated .amap-inner img {
    opacity:1; transition:6s;
}


/*********** home Page 2 *****************/
.banner2 .banner-content2 {position: absolute; left: 0; top: 0; width: 100%;}
.header-left .menubtnt1 img{width: 32px;}
.hmenubtn .header-search{background:#000;}
.hmenubtn .header-search .menubtnt2{background:#000; }
.hmenubtn .header-search{}
.hmenubtn .header-search .form-control{background:transparent; }
.header-search .form-control:focus{  border-color:#e62327; box-shadow: inset 0 0px 1px #e62327,0 0 8px #e62327;}
.hmenubtn .header-search .form-control:focus{ box-shadow: inset 0 0px 1px #e62327,0 0 8px #e62327; border-color:#e62327;}
.hmenubtn .header-search.header-searchfix .menubtnt2.acbtn{ background:#000;}
.hmenubtn .header-search .menubtnt2{ }
.hmenubtn .header-left a img{visibility:hidden; }
.hmenubtn .header-right ul{visibility:hidden; }
.hmenubtn.affix .header-left a img{visibility:visible; transition:.8s;}
.hmenubtn.affix .header-right ul{visibility:visible; transition:.8s;}
.bannerblock1{ width:50%; float:left;}
.bannerblock1 img{margin-top: 12%;}
.bannerblock2{ width:50%; float:left; text-align:center;}
.bannerblock2 img{margin-top: 31%;}
.bannerblock2 .bannerbtn a{ color: #fff;
font-size: 14px;
border-radius: 20px;
border: solid 0.5px #d8d8d8;
font-family: 'Roboto', sans-serif;
font-weight: 300;
padding: 9px 50px;
vertical-align: top;
margin-right: 23px;}
.bannerblock2 .bannerbtn a:last-child{ margin-right:0px; color:#403f3e; background:#fff;}
.bannerbtn { margin-top: 15%;} 
.best-seller {box-shadow: 0 0 10px 0 #ffffff; padding-bottom: 33px; position:relative;}
.copyright-content img{ width:74px;}
.header2.affix{ width:100%; top: 0px; background: #fff; z-index:99999;}
#touch1 .address-block a:first-child{ margin-bottom:20px;}
.product-detail.prdfix{ width: 100%;
background: #FAFAFA;
z-index: 999999;
position: relative;}
.footfix{ }
.headfix{ z-index: 999999999; position:relative;}  

.product-detail.prdfix .product-left{ position:sticky ;
width: 49%;
z-index: 9999999; 
background: #fff; display:inline-block;
left: 0px;
top: 71px;}
.product-detail.prdfix .product-right{ position: initial;
width: 50%;
z-index: 999999; display:inline-block;
width: calc(100% - 50%);} 
.product-detail.prdfix .product-right .pr-sizes{ margin-bottom:100px;}
.product-detail.prdfix #article-photo-carousel{ padding-top:1px;}
.menubtn.hmenubtn.affix {
    background: #000;    
    padding-bottom: 15px;
    z-index: 999999999999999;
    top: 0px;
    left: 0px;
}
.main-spce {padding-top: 70px;}
.hmenubtn{font-family: 'Source Sans Pro', sans-serif; font-weight: 300;}
.hmenubtn .header-right  ul li a{ font-size: 19px; color:#fff;}
/*****shravan*****/
.search-box .search-query.form-control { border: none;box-shadow: none;border-bottom: 1px solid #e41519; border-radius:0;padding:0;}
.search-box .btn.btn-danger {background: none;color: #e41519;border: none;}
.search-box {margin-bottom: 10px;}
.input-group-btn.se-btn {position: absolute;}
.search-box .input-group { width: 100%;}
.input-group-btn.se-btn {width: 100%;}
.se-btn .btn.btn-danger {float: right;}
.search-box .form-control:focus{box-shadow:none; border-color:none;}
.filter-section .right-filter .filter-inner ul {float: right;}
.filter-section .filter-inner.fil-2 {border-bottom: none;border-top: none;}
.filter-section .filter-inner.fil-2 h4{margin:0px 47px 0px 0px;}
.filter-section .filter-inner.fil-2 h4 span {text-align: center;padding: 3px 8px;border-radius: 30px;background: #e41519;color: #fff;margin-left: 5px;}
.filter-section .filter-inner.fil-2 li {color: #858585;}
.filter-section .right-filter {margin-top: 5px;}
.pro-sec .view-pro ul li a{ color: #949494;font-size: 15px;font-weight: 600;}
.pro-sec .view-pro {margin-top: 20px;}
.pro-sec .view-pro a:hover { color: #949494;}
.pro-sec .view-pro ul li span{margin-left: 9px;color: #c41a20;font-size: 19px;}
.pro-sec { float: left;width: 100%;margin-bottom: 30px;}
.right-filter .filter-inner.fil-2 > ul > li { line-height: 0px;}
.ashapes li{ display: inline-block; font-size: 17px; margin-right: 21px;}
.avshape h3{font-weight: 300; font-size: 23px;}
.pdcolor1{background:#F0FDFF;}
.pdcolor2{background:#FFFEF6;}
.pdcolor3{background:#FFF8D2;}
.pdcolor4{background:#FF0000;}
.pdcolor5{background:#008000;}
.pdcolor6{background:#0000FF;}
.pdcolor7{background:#FFC0CB;}
.pdcolor8{background:#800080;}
.pdcolor10{ background:url(/ceejeledwp/wp-content/uploads/2020/04/colour-cw-ww.png); box-shadow:none !important; }
.pdcolor11{ background:url(/ceejeledwp/wp-content/uploads/2020/04/CWB.png); box-shadow:none !important; }
.pdcolor12{ background:url(/ceejeledwp/wp-content/uploads/2020/04/CWG.png); box-shadow:none !important; }
.pdcolor13{ background:url(/ceejeledwp/wp-content/uploads/2020/04/CWPK.png); box-shadow:none !important; }
.pdcolor14{ background:url(/ceejeledwp/wp-content/uploads/2020/04/CWR.png); box-shadow:none !important; }
.pdcolor15{background:#FFBF00;}
.pdcolor16{background:#b76e79;}
.pdcolor17{background:#C0C0C0;}
.pdcolor18{background:#C19A6B;}
.pdcolor19{background:url(/ceejeledwp/wp-content/uploads/2020/04/ww-cw-nw.png); box-shadow:none !important; }
.pdcolor20{background:#ffffff;}
.pdcolor21{background:#000000;}
.pdcolor22{background:#a2d2df;}
.pdcolor23{background:url(/ceejeledwp/wp-content/uploads/2020/04/RGB.png); box-shadow:none !important; }
.pdcolor24{background:#738276;}
/*fairshare*/
.hcopyright .copyright-content p span{ margin-right:13px;}
.copyright-content p span{ margin-right:13px;}
.hmenubtn .header-right ul li a:hover{ color:#c41a20;}
.header-right a:hover{ color:#c41a20;}
.footer-left ul li a:hover{ color:#c41a20;}
.range-sbox ul li a:hover{color:#c41a20;} 
.range-box .range-block .launch-right li a{ position:relative;}
.range-box .range-block .launch-right li a:after{transition:1.2s; content: ''; background: #c41a20; position: absolute; width: 0%; height: 1px; display: block; left: 0px;
bottom: -2px;}
.range-box .range-block .launch-right li a:hover{color:#949494;}
.range-box .range-block .launch-right li a:hover:after{width: 100%; transition:1.2s;}
.prodctd-link a:hover{ color:#c41a20;}
.bseller-box a:hover, .readmore a:hover, .launch-right li a:hover{ color:#c41a20;}
.color-box ul li:hover span{display:block;}
.color-box ul li span{ position: absolute; bottom: -31px; width: 100%; left: 0px; text-align: center; font-weight: 300;
font-size: 15px; color: #a7a7a7; transition:.6s; display:none;}
#lodpopup{ position: fixed; background: #000; height: 100%; width: 100%; z-index: 999999999999999999999999; left: 0px; top: 0px;}
.lodlogo{ -webkit-animation: fadel 1s infinite; -moz-animation: fadel 1s infinite;
   -o-animation: fadel 1s infinite; animation: fadel 1s infinite; position: absolute; left: 50%; margin-left: -117.5px;
top: 50%; margin-top: -65.5px;}
@keyframes fadel{
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
@-o-keyframes fadel{
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadel{
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes fadel{
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}   

.prodctd-link .prodctd-right a, .prodctd-link .prodctd-left a{ display:block;}
.prodctd-link .prodctd-right a.prodff, .prodctd-link .prodctd-left a.prodff{ margin-top: 0px;}
.range-contbox .fcatbtn{color: #787878;
font-family: 'Roboto', sans-serif;
font-weight: 300; display:block; width:fit-content;  width: -moz-max-content;   
  width: -webkit-max-content; margin-top: 30px;
font-size: 16px;}
.range-contbox .fcatbtn span {
    color: #c41a20;
    font-size: 19px;
    margin-left: 15px;
}
.range-contbox .fcatbtn:hover{color: #c41a20; }
.prodctd-link.prdsifour .prodctd-right a, .prodctd-link.prdsifour .prodctd-left a{margin-top:0px; }
.prodct-nme{ display:flex;}
.prodct-nme h4{font-family: 'Roboto', sans-serif;
font-weight: 400;
color: #d61218;
font-size: 18px; flex:1; margin-bottom:0px; text-align:right;
padding:8px 24px 16px 5px;
margin-top: 0px;} 
.prodct-nme h4:nth-child(2){border-left:#979797 1px solid; text-align:left; padding:8px 5px 16px 24px; color: #787878;}
.prodct-nme.prodct-nme1 h4{ padding:8px 24px 16px 24px; text-align:center;}
.prodct-nme.prodct-nme2 {
    margin-bottom: 43px;
}

/*fairshare */



.carousel.vertical .carousel-inner {
  height: 100%;
  width: auto;
}
.carousel.vertical .carousel-inner > .item {
  width: auto;
  padding-right: 30px;
  -webkit-transition: 0.3s ease-in-out top;
  transition: 0.3s ease-in-out top;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel.vertical .carousel-inner > .item {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .carousel.vertical .carousel-inner > .item.next, .carousel.vertical .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    top: 0;
  }
  .carousel.vertical .carousel-inner > .item.prev, .carousel.vertical .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    top: 0;
  }
  .carousel.vertical .carousel-inner > .item.next.left, .carousel.vertical .carousel-inner > .item.prev.right, .carousel.vertical .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    top: 0;
  }
}
.carousel.vertical .carousel-inner > .active,
.carousel.vertical .carousel-inner > .next,
.carousel.vertical .carousel-inner > .prev {
  display: block;
}
.carousel.vertical .carousel-inner > .active {
  top: 0;
}
.carousel.vertical .carousel-inner > .next,
.carousel.vertical .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel.vertical .carousel-inner > .next {
  top: 100%;
}
.carousel.vertical .carousel-inner > .prev {
  top: -100%;
}
.carousel.vertical .carousel-inner > .next.left,
.carousel.vertical .carousel-inner > .prev.right {
  top: 0;
}
.carousel.vertical .carousel-inner > .active.left {
  top: -100%;
}
.carousel.vertical .carousel-inner > .active.right {
  top: 100%;
}

.carousel.vertical .carousel-control {
  left: auto;
  width: 50px;
}
.carousel.vertical .carousel-control.up {
  top: 0;
  right: 0;
  bottom: 50%;
}
.carousel.vertical .carousel-control.down {
  top: 50%;
  right: 0;
  bottom: 0;
}
.carousel.vertical .carousel-control .icon-prev,
.carousel.vertical .carousel-control .icon-next,
.carousel.vertical .carousel-control .glyphicon-chevron-up,
.carousel.vertical .carousel-control .glyphicon-chevron-down {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel.vertical .carousel-control .icon-prev,
.carousel.vertical .carousel-control .glyphicon-chevron-up {
  left: -1000%; /* old value 50%; */
  margin-left: -10px;
  top: 50%;
  margin-top: -10px;
}
.carousel.vertical .carousel-control .icon-next,
.carousel.vertical .carousel-control .glyphicon-chevron-down {
	
  left: -1000%; /* old value 50%; */
  margin-left: -10px;
  top: 50%;
  margin-top: -10px;
}
.carousel.vertical .carousel-control .icon-up,
.carousel.vertical .carousel-control .icon-down {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel.vertical .carousel-control .icon-prev:before {
  /*content: '\2039';*/
}
.carousel.vertical .carousel-control .icon-next:before {
 /* content: '\203a'; */
}