@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

@font-face {
    font-family: 'Bolt';
    src: url('../fonts/BoltBooldICG.eot');
    src: url('../fonts/BoltBooldICG.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BoltBooldICG.woff2') format('woff2'),
        url('../fonts/BoltBooldICG.woff') format('woff'),
        url('../fonts/BoltBooldICG.ttf') format('truetype'),
        url('../fonts/BoltBooldICG.svg#BoltBooldICG') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sportypo';
    src: url('../fonts/SportypoReguler.eot');
    src: url('../fonts/SportypoReguler.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SportypoReguler.woff2') format('woff2'),
        url('../fonts/SportypoReguler.woff') format('woff'),
        url('../fonts/SportypoReguler.ttf') format('truetype'),
        url('../fonts/SportypoReguler.svg#SportypoReguler') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aachen BT';
    src: url('../fonts/AachenBT-Bold.eot');
    src: url('../fonts/AachenBT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AachenBT-Bold.woff2') format('woff2'),
        url('../fonts/AachenBT-Bold.woff') format('woff'),
        url('../fonts/AachenBT-Bold.ttf') format('truetype'),
        url('../fonts/AachenBT-Bold.svg#AachenBT-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body{
    margin:0px;
    padding:0px;
    font-size:14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;

    overflow-x: hidden;
}

.clrfxd{
    clear: both;
}
.logo{;}

.top_head_bar{/*padding-bottom: 10px;padding-top: 25px;*/}
.tp_list_cnt ul{padding: 0px;margin: 0px; text-align: right;}
.tp_list_cnt ul li{display: inline-block;}
.tp_list_cnt ul li a{color: #fff;font-family: 'Roboto', sans-serif;font-weight: 500;font-size: 15px; text-decoration: none;}
@media (max-width: 1600px){
    .tp_list_cnt ul li a
    { font-size: 12px;}
    
}
/*top section*/
.topSection{
    width: 100%;
    float: left;
    background-color: #252525;
    padding-top: 3px;
    padding-bottom: 3px;
}
.topContact{
    padding-top: 11px;
}

.topContact  p{
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
.topContactList{
    float: left;
    width: 100%;
    margin-top: 5px;
}
.topContactList ul{
    padding: 0px;
    margin: 0px;
    float: right;
}
.topContactList ul li{
    display: inline-block;
    border-left:2px solid #323232;
}
.topContactList ul li a{
    color:#fff;
    text-decoration: none;
    display: block;
    padding-left: 15px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
}
.social-top-list {
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
}
.social-top-list ul{
    padding: 0px;
    margin: 0px;
}
.social-top-list ul li{
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50px;
    border:1px solid #fff;
    transition: ease all .8s;
    margin-left: 15px;
}
.social-top-list ul li:hover{
    background-color: #662d91;
    border:1px solid #662d91;
}
.social-top-list ul li:hover a{
    color: #fff;
}
.social-top-list ul li a{
    font-size: 18px;
    color: #fff;
}
.headerSection{width: 100%;padding-top: 20px; padding-bottom: 20px; float: left;background:#000;}
.logo{
    
}
.logo img{
    *width: 55%;
}

/*form search*/
.searchtop{
  margin-top: 35px;
  float: right;
}
.searchtop input{
    width: 100%;
    height: 36px;
    border:1px solid #06083b;
    padding-left: 15px;
    color: #06083b;
    outline: none;
    position: relative;
    transition: ease all .8s;
    padding-right: 25px;
}
.searchtop input::placeholder{
     color: #06083b;
}
.searchtop:hover input{
    border:1px solid #06083b;
    color: #ff59c2;
}
.searchtop button{
    background: transparent;
    border: none;
    color: #06083b;
    font-size: 17px;
    position: absolute;
    right: 18px;

top: 41px;
    outline: none;
    transition: ease all .8s;
}
.searchtop:hover button{
    color: #06083b;
}
.pd-off-right{
    
}
.pd-off-left{
   
}

.about-section{
    margin-top: 0px;
}

.company-profile-heading h2{
      font-family: 'Revue';
 font-weight: 500;
    font-style: normal;
     font-size: 35px;
     color: #7e6b25;
     text-transform: uppercase;
     text-align: center;
}
.ab-dets {
    padding-top: 15px;
}
.ab-dets p{
    font-size: 15px;
    color: #262626;
    line-height: 28px;
    text-align: justify;
    line-height: 45px;
}
.women-img{
    padding-top: 25px;
}
.btn-read-more-about{
    float: right;
    width: 150px;
    height: 45px;
    float: right;
    text-align: center;
    line-height: 45px;
    border-radius: 15px;
    border:1px solid #662d91;
    overflow: hidden;
}
.btn-read-more-about a{
    color: #4f4d4d;
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 10px;
}
.btn-read-more-about{
    position: relative;
}
.btn-read-more-about:hover a{
    text-decoration: none;
    color: #fff;
}
.btn-read-more-about .span-arrow{
    background: url('../images/arrow.png');
    width: 45px;
    height: 14px;
    position: absolute;
    left: 10px;
    top: 17px;
}
.btn-read-more-about:hover .span-arrow{
    background: url('../images/arrow-h.png');
    width: 45px;
    height: 14px;
    position: absolute;
    left: 10px;
    top: 17px;
}
.btn-read-more-extra .span-arrow{
    background: url('../images/arrow.png');
    width: 45px;
    height: 14px;
    position: absolute;
    left: 10px;
    top: 17px;
}
.btn-read-more-extra:hover .span-arrow{
    background: url('../images/arrow-h.png');
    width: 45px;
    height: 14px;
    position: absolute;
    left: 10px;
    top: 17px;
}
.btn-read-more-extra{
    width: 150px;
    height: 45px;
    float: right;
    text-align: right;
    line-height: 45px;
    border: 1px solid #868686;
}
.btn-read-more-extra a{
    color: #868686;
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 10px;
}
.btn-read-more-extra:hover a {
    color: #fff;
}
.extra-links-dets{
    padding-top: 25px;
    padding-left: 15px;
}
.heading-what-we-are h2{
    color: #06083b;
     font-family: 'Collegiate';
     font-weight: normal;
     font-style: normal;
     font-size: 35px;
}
.pricy-policy h2{
     color: #06083b;
     font-family: 'Collegiate';
     font-weight: normal;
     font-style: normal;
     font-size: 30px;
}
.our-mission-vision h2{
     color: #06083b;
     font-family: 'Collegiate';
     font-weight: normal;
     font-style: normal;
     font-size: 30px;
}
.pricy-policy{
    padding-right: 25px;
    margin-right: 20px;
    box-shadow: 0px 1px 4px #ccc;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 285px;
}
.our-mission-vision{
    padding-right: 25px;
    margin-right: 20px;
     box-shadow: 0px 1px 4px #ccc;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 285px;
}
.pricy-policy p{
    font-size: 15px;
    color: #262626;
    line-height: 28px;
    text-align: justify;
}
.our-mission-vision p{
    font-size: 15px;
    color: #262626;
    line-height: 28px;
    text-align: justify;
}
.pd-off-ex{
    padding: 0px;
    margin: 0px;
}
.sec-01{
    float: left;
    width: 8%;
}
.sec-01 h1{
    color: #000;
    font-family: 'museo700regular' !important;
    font-size: 55px;
    padding: 0px;
    padding-top: 28px;
    margin: 0px;
}
.about-text-right{
    width: 100%;
    float: left;
    font-family: 'Revue';
    font-weight: 500;
    font-style: normal;
}
/*social links top*/
.search-and-social-list{
    width: 100%;
    padding-top: 5px;
    float: right;
    padding-bottom: 25px;
}
.search-and-social-list ul{
    padding: 0px;
    margin: 0px;
}
.search-and-social-list li{
    list-style: none;
    margin-right: 5px;
    padding-top: 5px;
}
.search-and-social-list .social-top-one{
    transition: all .5s ease;
}
.search-and-social-list .social-top-one:hover{
}
.search-and-social-list .social-top-one a{
    font-size: 14px;
    transition: all .5s ease;
    color: #06083b;
    text-decoration: none;
}
.search-and-social-list .social-top-one i{
    color: #f58220;
    padding-right:8px;
}
.search-and-social-list .social-top-one:hover a{
}
.signup-bottom{

}
.signup-bottom input{
    width: 80%;
    height: 50px;
    float: left;
    background-color: #ebebeb;
    border:1px solid #662d91;
    padding-left: 15px;
}
.signup-bottom input::placeholder{
    color: #8f8f8f;
}
.signup-bottom button{
    float: right;
    margin-bottom: 15px;
    width: 18%;
    height: 50px;
    border-radius: none;
    background: #662d91;
    color: #fff;
    border:none;
}
/* News events */
.news-events{
    margin-top: 28px;
}
.pd-off-news{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.news-dets h4{
    padding: 0px;
    margin: 0px;
    color: #000;
    font-family: 'Accidental Presidency';
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
}
.news-dets p{
    padding: 0px;
    margin: 0px;
}
.news-heading h2{
     font-family: 'Citrus Gothic';
    font-size: 30px;
    color: #000;
}
.btn-news{
    float: right;
    margin-right: 15px;
}
.btn-news a{
    text-decoration: none;
    color: #000;
    font-family: 'Accidental Presidency';
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
}
.btn-news a:hover{

}
.slidding-one{
    margin-top: 16px;
}
/*news letter section*/
.news-letter-section{
    float: left;
    width: 100%;
    background-color: #000;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 35px;
}
.news-title-text h3{
    font-family: 'BigNoodleTitling';
    font-size:65px;
    font-weight: normal;
    font-style: normal;
    color: #fff; 
}
.news-title-text p{
    color: #fff;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: normal;
    font-style: normal;
}
.signup-newsletter{
    padding-top: 25px;
}
.signup-newsletter input{
    width: 75%;
    height: 45px;
    outline: none;
    background-color: #fff;
    padding-left: 15px;
    color: #8e9093;
    font-size: 14px;
    margin-top: 15px;
    float: left;
    padding-left: 15px;
    border: none;
}
.signup-newsletter button{
    background-color: #d61c1c;
    color: #fff;
    width: 22%;
    height: 45px;
    font-size: 15px;
    margin-top: 15px;
    float: right;
    outline: none;
    border: none;
    font-family: 'BigNoodleTitling';
    font-size: 25px;
}
/* Categories css*/
.categoriesSection{float: left;width: 100%;padding-top: 18px;padding-bottom: 45px;}
.pdx_off{padding: 0px;margin:0px;}
.ctheading{
    margin-bottom: 40px;
}
.ctheading h2{color: #505050; font-weight: 500; text-transform: uppercase; font-size: 30px; text-align: center;}
.pd-off-cate{
   /* padding-left: 0px;*/
}
.pd-off-cate-right{
    /*padding-right: 0px;*/
}
.btn-browse-products a{
    color: #fff;
}
/*featured products*/

.featuredSection{float: left;width: 100%; padding-top: 45px; padding-bottom: 45px;}
.fthd{text-align: center; padding-bottom: 25px;}
.fthd h2{font-family: 'Anton', sans-serif; color: #cc3333; font-size:35px; text-transform: uppercase;}

.footerSection{float: left;width: 100%;background: #cc3333;padding-bottom: 10px;padding-top: 10px;}
.certification-list{margin-top: 15px;}
.certification-list img{width: 100%;padding-right: 15px;}
.footer_social_link_list{float: left;width: 100%; margin-bottom: 15px;}
.footer_social_link_list ul{padding: 0px;margin: 0px;}
.footer_social_link_list ul li{transition: ease all .5s; display: inline-block; width: 35px; height: 35px; border-radius: 100px; text-align: center; background: #2c2c2c;}
.footer_social_link_list ul li:hover{background: #cc3333}
.footer_social_link_list ul li a{line-height: 35px; color: #fff; }
.footer_social_link_list ul li a i{line-height: 35px;}
.news_letter{float: left;width: 100%; position: relative;}
.news_letter input{ border: none; width: 100%; position: relative; height: 55px; background: #ffffff; padding-left: 15px; color: #000;}
.news_letter input::placeholder{color: #000; font-style: initial;}
.news_letter button{position: absolute;right: 0px; color: #fff; height: 55px; width: 120px; border: none; background: #cc3333; text-align: center;font-family: 'Roboto', sans-serif;
    font-weight: 500;}
.newsdets p{
    line-height: 25px;
    color: #fff;
    font-weight: 200;
}
.ft_logo{float: left;width: 100%; padding-top: 35px; padding-bottom: 35px; text-align: center;}
.footHeading h2{font-style: normal;font-size: 22px;color: #fff;text-transform: uppercase;padding-top: 10px;padding-bottom: 0px;font-family: 'Roboto', sans-serif;
    font-weight: 500;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #000; border:1px solid #000;}
.footUlSetting ul{padding: 0px;margin-top: 20px;}
.footUlSetting ul li{list-style: none;padding-bottom: 8px;}
.footUlSetting ul li img{padding-right: 10px;}
.footUlSetting ul li a{text-decoration: none;color: #fff;transition: .8s;font-size: 15px;font-family: 'Roboto', sans-serif;font-weight: 500;}
.footUlSetting ul li a:hover{color: #181a1f;padding-left: 15px;}
.footUlSetting p{color: #fff;}
.footUlSetting strong{color: #fff;}
.copySection{float: left;width: 100%;}
.p-left{text-align:left;}
.p-right{text-align: right;}
.list-contact-btm{
    padding: 0px;
    margin: 0px;  
    margin-top: 15px; 
}
.list-contact-btm  li{
    list-style: none;
    padding-bottom: 10px;
}
.list-contact-btm  li a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.our-social-links{
    float: right;
    margin-top: 18px;
}
.our-social-links h3{
    color: #8e9093;
    font-size: 20px;
    font-weight: normal;
    padding-top: 30px;
    padding-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.our-social-links ul{
    padding: 0px;
    margin:0px;
}
.our-social-links ul li{
    display: inline-block;
    height: 35px;
    width: 35px;
    border-radius: 50px;
    border: 2px solid #828284;
    line-height: 35px;
    text-align: center;
}
.our-social-links ul li a{
    font-size:18px;
    color: #828284;
    text-decoration: none;
    transition: 0.6s all;
}
.our-social-links ul li:hover {
     border: 2px solid #ed1f23;
}
.our-social-links ul li:hover  a{
    color: #ed1f23;
}


.contact-form{
    margin-top: 25px;
}
.form-name input{
    width: 100%;
    height: 45px;
    border: 1px solid #fff;
    background: transparent;
    outline: none;
    padding-left: 10px;
     color: #fff !important;
}
.form-email input{
    width: 100%;
    height: 45px;
    border: 1px solid #fff;
    background: transparent;
    outline: none;
    padding-left: 10px;
    color: #fff !important;
}
.textform{
    margin-top: 25px;
}
.textform textarea{
    width: 100%;
    height: 180px;
    border: 1px solid #fff;
    background: transparent;
    outline: none;
    padding-top: 15px;
    padding-left: 15px;
    color: #fff;
}
.btn-contact-us-t{
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}
.btn-contact-us-t button{
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    width: 140px;
    height: 45px;
    font-size: 15px;
    margin-top: 15px;
    float: right;
    outline: none;
    font-family: 'Citrus Gothic';
    font-size: 18px;
    position: relative;
}
.btn-contact-us-t button:before {
    content: '';
    height: 35px;
    width: 35px;
    background-image: url(../images/top-i.png);
    background-repeat: no-repeat;
    position: absolute;
   right: 104px;
    top: 0px;
}
.menuSection{
    float: left;
    width: 100%;
    background: #e4e4e4;
}
.searchForm{
    position: relative;
    margin-top: 25px;
}
.searchForm input{width: 100%;float: left;height: 45px; border-radius: 30px solid #fff; background:transparent;}
.faIcon{
   position: absolute;
    right: 0px;
    width: 18%;
    height: 45px;
    background: transparent;
    border:none;
    border-radius: 0px 5px 5px 0px;
    font-size: 16px;
}
.menuSectionTop{
    width: 100%;
    float: left;
    background: #06083b;
}
.section-c{

    background: #000000;
    float: left;
    width: 100%;
}
.p-left{
    float: left;
    margin-top: 14px;
    color: #ffff;
    font-weight: 200;
}
.p-right{
    float: right;
    margin-top: 14px;
    color: #fff;
}
.copySection{background: #cc3333;}
.copySection p{
    color: #fff;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #fff;
}
.p-right a{
    text-decoration: none;
    color: #06083b;
}
.top_bg{ width:100%; float:left; border-top: 1px solid #ccc;}
.top_bar{  width:100%; float:left;}
.emails{float:left; width: 100%; margin: 0; padding: 0;}
.emails p{float: left; margin: 0; padding: 0; font-size: 14px; color: #666666; text-decoration: none; line-height: 34px;}
.emails p a{ font-size: 14px; color: #666666; text-decoration: none; }
.emails p a:hover{  color: #029d9b; text-decoration: none; }
.top-social{ margin:0px; margin-top: 5px; padding:0px 0px; list-style:none; text-align:right; width:100%; float:left;}
.top-social li {display: inline-block;  color: #fff;  text-align: center;  }
.top-social li a{display:inline; font-size: 14px; float:left; color: #029d9b; width:32px; height:32px; text-align: center; line-height:32px;text-decoration: none;  margin-right:10px;  }
.top-social li:hover a{ color:#fff; border-radius: 50%; }

.top-social li:hover a.fa-facebook{background:#3b5998;  }
.top-social li:hover a.fa-twitter{background:#1cb7eb;  }
.top-social li:hover a.fa-google-plus{background:#e3411f;  }
.top-social li:hover a.fa-linkedin{background:#0177b5;  }
.conts{float:right; margin-top: 40px;}
.cont{ width:100%; float:right; text-align:right; list-style:none;  padding:0px 0px; margin-bottom:0px;}
.cont li { display:inline-block}

.conts li { display:inline-block}
.pull-right span{    background: #029d9b; color: #fff; padding: 2px 8px; border-radius: 100%; position: absolute; top: 21%; right: 17%;}


.nav_bar{ padding: 0px 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { background:none;}
.navbar-default { background:none; border:none; margin-bottom:0px; min-height: auto;}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    padding: 16px 10px;
    font-size: 18px;
    line-height: 30px;
    font-family: 'Poppins';
    font-weight: 300;
    font-style: normal;

}
.main-menu-area {
  background-color: transparent;
  float: left;
  width: 100%;
  transition: 0.3s all ease;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{ 
 color:#fff !important;
}
.nav > li a.cartt  {  color: #fff;padding: 5px 6px; margin-left: 11px; border-radius: 5px;  text-transform:capitalize;} 
.nav > li a.cartt i { color:#fff; font-size:21px;} 
.navbar-collapse{margin-top:0px; padding:0px; border-bottom:0px solid #e5e5e5;margin: 0px; width:100%;}
.arrow-up{ float:right; padding-left:10px;} 
.navbar-nav{
    margin-top:0px;
    margin: 0px; 
    width:100%; 
    float:left;
    text-align:center;
}
.navbar-nav > li { display: inline-flex;  float: none;}
.menu-fixed{
   margin-top: 14px;
}
.mainmenus{
    float: left;
    width: 100%;

}
.pd-off-menu {
    padding-right: 0 !important;
}
.outer-wrappers{   width: 100%; float: left; position: fixed; z-index: 14; background: #fff;}
.sub_banner{
    position: relative;
}
.sub_banner img{
    width: 100%;
}
.pade-breadcrum{
    padding-top: 300px;
    color: #fff;
    font-weight: bold;
    padding-left: 20px;
    font-size: 20px;
    text-transform: uppercase;
}
.menu-bg{background:#000; width:100%; float:left; padding:10px 0px;}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 10px 0px;
    width: 100%;
    box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.menu_name{ width:100%; float:left; font-weight:400; font-size:14px; text-align:left; padding-bottom:15px;}
.menu_name a{ color:#000; padding: 4px 2px; float: left; width:100%; transition:0.9s all ease;text-decoration:none; }
.menu_name a:hover{ background:#ed1f23; text-decoration:none; color:#fff; padding-left:15px; transition:0.9s all ease;}
.menu_sub_cat{ width:100%; float:left; margin-top:15px; }
.menu_sub_cat1 a{padding: 7px 12px; float: left; color: #000; font-weight:bold; border-bottom: 1px solid #e5e5e5; width: 100%; }
.menu_sub_cat a{    padding: 7px 12px; float: left; color: #000; border-bottom: 1px solid #e5e5e5; width: 100%; }
.menu_sub_cat a:hover{ color: #fff; background:#029d9b;}
.search2 { float:right; margin:0px 0px; text-align:right; margin-top: 28px; }
.container-2 { float:right; vertical-align: middle; white-space: nowrap; position: relative; top: 7px; margin-right:5px; }
.container-2 .icon { position: absolute; top: 0px; right: 9px; z-index: 1; background-color:transparent; color: #029d9b; border:none; padding: 5px 9px 5px 7px; line-height: 21px; margin-top: 3px; margin-bottom: 2px; }
.container-2 .icon i { font-size:22px; cursor:pointer; }
.container-2 .searchp { background: none; border: none; border-radius: 16px; box-shadow: none; color: #029d9b; float: right; font-size: 13px; height:40px; margin: 0; padding-left:10px; padding-right: 55px;  -webkit-transition: width .55s ease; -moz-transition: width .55s ease; -ms-transition: width .55s ease; -o-transition: width .55s ease; transition: width .55s ease; width: 0; outline: none;}
.container-2:hover .icon { color: #029d9b; }
.container-2:hover .searchp { width:100%; border: 1px solid #029d9b; margin-top:0px !important;}
.cartt{ float: left;  color: #666; padding: 7px 17px 7px 13px; border-radius:22px;}
.cartt:hover,.cartt:focus,.cartt:active{ color:#029d9b; text-decoration: none;}
.top-input:active, .top-input:focus { outline-width: 0; }
.top-input::-webkit-input-placeholder { color:#000; }
.ne::-webkit-input-placeholder { color:#000; }

.butn-hvr { background: #000; border: none; padding: 11px 12px; color: #fff; font-size: 14px; text-decoration: none;}  

.butn-hvr:hover,.butn-hvr:focus,.butn-hvr:active{color:#fff !important; background:#cc3333 !important; text-decoration: none; }
.search-top-btn { width:10%;  background: none; border: none; padding: 0px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {  color: #fff !important;}

.navbar-nav>li>.dropdown-menu { margin-top:0px;}


.dropdown-menu>li>a {  display: block;  padding: 14px 21px;  clear: both; font-family: 'Titillium Web', sans-serif;  font-weight: normal;  line-height: normal; color: #000; white-space: nowrap;}

.dropdown-menu>li>a:hover { background:#0099ff; color:#fff; padding-left:30px; padding-right:0px; transition: 0.5s all ease;}

#header-main{float:left; width: 100%; margin-top: 32px;}
#header-main .navbar-default .navbar-nav > li > a  {
    color: #000;
    padding: 6px 35px;
    text-transform: uppercase;
    font-family: 'Ebrima';
    font-weight: normal;
    font-style: normal;
    line-height: 32px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff !important;
}
#header-main .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #000 !important;
}
/* banner start css */


.banner{
    float:left; 
    width: 100%;
    margin: 0;
    padding: 0;
}

.pro-code{ width:100%; float:left;}
.product-box {
    text-align: center;
    position: relative;
    border:1px solid #000;
}

.product-box .p-img-box {
    position: relative;
    overflow: hidden;
    background: #fff;
}
.product-box .p-img-box .img-responsive{padding:5px;}
.product-box:hover .only-hover {
    visibility: visible;
    opacity: 1;
}

.only-hover {
    visibility: hidden;
    position: absolute;
    background: rgba(225, 13, 13, 0.78);
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
   
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    z-index: 3;
}

.product-box:hover .only-hover ul {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

.product-box .only-hover ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -27px;
}

.product-box .only-hover ul li {
    display: inline-block;
    padding: 5px 4px 5px 3px;
    vertical-align: top;
        margin-top: -52px;
}

.product-box .only-hover ul li a {
    display: block;
    transition: all 0.2s ease-in;
    text-align: center;
    cursor: pointer;
    color:#fff;
    text-decoration: none;
}


.product-box:hover .p-img-box img.zoom-image-effect {
    -webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1.05,1.07);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
}
.product-box .p-img-box img.zoom-image-effect {
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1,1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
}
.product-box .p-img-box img {
    display: block;
    margin: 0px auto;
}
.dets-pro-icon a{
    font-size: 33px;
    text-decoration: none;
}
.psh{
    border: none;
    background: transparent;
    font-size: 30px;
    outline: none !important;
    color: #fff;

}
.psh:hover{
    outline: none !important;
}
.btn-contact-us:hover{
     color: #fff;
    background-color: #ce1728;
    text-decoration: none;
}
.img-bngt{position: relative; float: left; width: 100%;}
.mh-00 {
    position: absolute;
    bottom: 187px;
}
.mh-00 .img-responsive{
    width:80%
}
.dd-00 {
    position: absolute;
    bottom: 177px;
    z-index: 1;
    right: 12px;
}
.dd-00 .img-responsive{
    width:80%
}
.dd-01 {
    position: absolute;
    bottom: 39px;
    z-index: 2;
}
.dd-01 .img-responsive{
    width:80%
}
.dd-02 {
    position: absolute;
    bottom: 166px;
    z-index: 3;
    left: -177px;
}
.dd-02 .img-responsive{
    width:80%
}
.hed-qty{       background:#0099ff;    border: none;    color: #fff;    padding: 15px 35px 15px 13px;    width: 230px;  float:left;}
.prds_bg{  width:100%; float:left; margin-top:30px;}
.cats_bg{ width:100%; float:left; margin-bottom:35px; }
.cats_box{ padding:0px; float:left; width:100%;}
.cats_box h2 {
    text-align: center;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    color: #0099ff;
    padding: 15px 0px;
    margin: 0px auto;
    position: absolute;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    top: 102px;
}
.cats_box:hover h2 {color:#0e0f0f;} 
.cats_img{ opacity:1; transition: 0.5s all ease;   }
.cats_img img{width:100%; }
.cats_img:hover .classs1{ background-color: #000;}

.classs1{border: 8px solid #09f }
.classs2{border: 8px solid #666666;}
.classs3{border: 8px solid #990066; }
.classs4{border: 8px solid #006699;}
.classs5{border: 8px solid #00c1ec; }
.clasds1{background: #09f !important;}
.clasds2{background: #666666 !important;}
.clasds3{background: #990066 !important;}
.clasds4{background: #006699 !important;}
.clasds5{background: #00c1ec !important;}
.cats_name{font-family: 'Titillium Web', sans-serif; font-size:24px; color:#2d2929; font-weight:700; padding:10px 0 5px 0; text-transform:uppercase;}
.cats_btn{ font-family:'Oswald', sans-serif; font-size:18px; color:#ff0000; font-weight:700; padding:0 0 20px 0; text-transform:uppercase;}
.carousel { position: relative;float: left; margin-top:0px; width:100%;}
.carousel .item .center-block{width:100%; }
.whats_heading{font-family: 'Titillium Web', sans-serif;font-size:30px; color:#fff; font-weight:700; text-transform:uppercase; padding:20px 0;}
.feature-bg{width:100% ;float:left;padding:0px 0px 0px 0px;}
.fea-heading { width: 100%; float: left; text-transform:uppercase; color: #666666; font-weight:600;  text-align: center; padding:17px 0px; font-family: 'Titillium Web', sans-serif; margin-top:0px; font-size:34px;}
.fea-heading span{ color: #666666;}
.prd-box{margin-bottom:15px;}
.box{ width:100%; float:left; border:1px solid transparent; }
.box:hover{border:1px solid #000; }
.prd{ margin-bottom:20px;}
.p_box{background: #FFF; 
 border-radius:0px;
  float: left;overflow: hidden;
   border-bottom: 0px; 
   margin-bottom:0px; 
   border: 1px solid #fff; 

}
.p_box:hover{
   border:1px solid #06cdcd;
    box-shadow: 0px 0px 7px #888888;
}
.p2{background: #FFF; border: 13px solid #e6e6e6; margin-bottom:15px; border-radius:0px;}
.p_box .p_img{ padding:10px 5px; opacity:1; transition: 0.5s all ease; text-align:center;}
.p_box .p_img:hover{  transition: 0.4s all ease; -moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.p_box .p_img:hover img{  transition: 0.9s;}
.mg{float:left; width:100%; margin:0; padding:0;}
.thumb-link{width:100%; float:left;  overflow:hidden; color: #707070; padding-bottom:0px; min-height: 44px;}
.t2{width:100%; float:left;  overflow:hidden; background:#e6e6e6; padding-bottom: 15px; }
.thumb-link img{ float:left;}
.p_art_box { float: left; text-align: center; width: 50%; padding-top: 8px;}
.p_name{ text-align:center; font-family: 'Ebrima'; font-size:20px; padding: 10px 0px 7px 0px; color:#707070; margin:0px; font-weight:400; width:100%; float:left;}
.name2{ color:#000;}
.p_art {
    text-align: center;
    font-family: 'Ebrima';
    font-size: 16px;
    color: #707070;
    font-weight: bold;
    margin-bottom: 1px;
    float: left;
    width: 100%;
    margin-top: 0px;
    padding: 0px;
}
.art2{ color:#000;}
.buttonbg{float:left; width: 100%; margin: 0; padding: 0;    text-align: center; opacity: 0;    transition: all 0.5s ease-out; }

.add_cart {
    background: #ffffff;
    color: #4ca2bf;
    /* float: left; */
    /* width: 100%; */
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    box-shadow: none;
    outline: none;
    line-height: 30px;
    border: 1px solid #4ca2bf;
    margin-bottom: 10px;
}

.add_cart .fa{font-size:14px;}
.effects:hover .buttonbg {opacity: 1;    transition: all 0.5s ease-out; }
.mg:hover .buttonbg {opacity: 1;    transition: all 0.5s ease-out; }
.p_basket{ width:100%; background:#ff0000; color:#fff; text-align:center; padding:11px 0px; margin-bottom:0px;  }
.p3{ background:#fec700; }
.p_box:hover .p_basket{ background:#ff0000; }

.p_basket a{ color:#fff;}
.news_letter_bg { width: 100%;  float: left;   margin-bottom:10px; text-align:center;}
.news-letter-inside{ width:100%; padding:73px 0px 14px 0px; margin: 0px auto; display:-webkit-box; }
.news-letter-inside h3{ width:100%; float:left; text-align:left; color:#fff; font-size:25px; font-family: 'Titillium Web', sans-serif;  font-weight:500; text-transform:uppercase;}
.news-letter-inside p{ color:#fff; width:100%; float:left; text-align:left; font-size:14px;}
.input-group .form-control {
    z-index: 2;
    float: left;
    width: 71%;
    margin-bottom: 10px;
    border-radius: 0px;
    background: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    padding: 9px 11px;
    height: auto;
    color: #fff;
    box-shadow: none;
}
.letter_right{ background: #ff0000; color: #fff; float: right; border-radius: 0px; padding: 3px 5px; margin: 7px 5px;}
.letter-text{   color:#9e9e9e; font-size: 12px;float: left; text-align: center; padding: 0px 70px;line-height: 26px;}
.letter_con {width:100%; float:left; margin-top:20px;}
.input-group-btn {
    width: 17%;
    float: left;
    padding: 0px 4px;
    z-index: 3;
    background: #029d9b;
}
.input-group-btn:hover,.input-group-btn:active,.input-group-btn:foucs {    background: #231f20 !important;
    color: #029d9b !important;
    border: none !important;
    outline:none !important; }

.btn-default:hover, .btn-default:foucs,.btn-default:active {
    background: #231f20 !important;
    color: #029d9b !important;
    border: none !important;
    outline:none !important;
}
.news-btn { background:none; border:none; padding:7.4px 7px; font-size: 18px; letter-spacing: 2px; width: 100%;  float: left; border-radius:0px !important; font-family: 'Titillium Web', sans-serif; font-weight:600; text-transform:uppercase; color:#fff; }
.news-btn:hover, .news-btn:active, .news-btn:foucs {
    background: #231f20 !important;
    color: #029d9b !important;
    border: none !important;
    outline:none !important;
}
.fontendes {float:left; width:100%; margin:0; padding:0;}
.fontendes p {color:#666666;}
.logoabt {
   float: left;
    width: 100%;
    margin-bottom: 10px;
}
.logoabt .img-responsive {
    width: 60%;
}
.pidds{clear:both;}

.logoabtsd{ margin: 10px;}
.logoabtsd .img-responsive {
    width: 15%;
}
.input-group {  width:100%; margin:0 auto;}
.form-field{ width: 80%; float: left;}

.nwbg {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #666666;
    padding-top: 30px;
    padding-bottom: 30px;
}
.nwbg p {
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
.footer_bg{ width:100%; float:left; padding:0px 0px; background:#e5e5e5; background-size:100% 100%; margin-bottom: 15px; }
.footer_bg .btm-bar{ float:left; width:100%;}
.letter_text img { float:left;}
.letter_text h3 { font-family: 'Titillium Web', sans-serif; font-size: 30px; color: #fff; text-transform: uppercase; float:left; padding-left: 15px;}

.contact-bar{ width:100%; float:left;   background:#242424; }
.contact-bar .f-in-box i {font-size:30px; color:#fff; padding:25px 0px;}
.contact-bar .f-in-box p{font-size:14px; color:#fff;     padding: 16px 0px; margin: 0px;}
.in-footer{width:100%; float:left; padding:10px 0px 20px 0px;}
.in-f-box{ padding:0px 10px; color:#fff; width:100%; float:left; }

.footer_logo{ text-align:center; padding:30px 0; border-bottom:solid 1px #444; margin-bottom:30px;}
.newsletter_heading{font-family: 'Titillium Web', sans-serif; font-size:50px; font-weight:700; color:#fff; padding-bottom:10px; text-transform:uppercase; text-align:center;}
.newsletter_heading{font-family: 'Titillium Web', sans-serif; font-size:50px; font-weight:700; color:#fff; padding-bottom:10px; text-transform:uppercase; text-align:center;}
.newsletter_heading2{font-family: 'Titillium Web', sans-serif;font-size:28px; font-weight:700; color:#fff; padding-bottom:25px; text-transform:uppercase; text-align:center;}
.newsletter_con{ margin-bottom:20px;}
.s_icons{ max-width:100px; margin:0 auto;}
.footer_line{ border-bottom:solid 1px #444;}
.map{ text-align:center;}
.footer_head{ font-family: 'Titillium Web', sans-serif;font-size:20px; font-weight:600;color:#666666; text-transform:uppercase; padding:10px 0;  }
.footer-text{font-family: 'Titillium Web', sans-serif; font-size:14px; color:#fff; }
.footer-text strong{font-family: 'Titillium Web', sans-serif; font-size:19px;}
.footer-text li a{line-height: 35px;  text-transform: capitalize; font-size: 14px; text-decoration: none; color: #666666; padding: 0;
    display: block; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
.footer-text li a:hover{ text-decoration: none; color: #029d9b; padding: 0 0 0 10px; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}

.fot-cat li { width:50%; float:left;}
.footer-cont{ width:100%; float:left; text-align:left;  color:#666666;}
.footer-des{ width:100%; float:left; margin-bottom:10px; padding-top:10px;}
.social_head{ font-family: 'Titillium Web', sans-serif;font-size:20px; font-weight:300;color:#ff0000; text-transform:uppercase; padding:10px 0; text-align:center; width:100%; float:left;  }
.btm-social{ margin:0px; padding:15px 0px; list-style:none; text-align:left; width:100%; float:left;}
.btm-social li {display: inline-block;  color: #fff;  text-align: center; }
.btm-social li a{display:inline; font-size: 18px; float:left; color: #666666; width: 40px; height: 40px; text-align: center; line-height: 40px;text-decoration: none;  margin-right:10px; border-radius:100%; }
.btm-social li:hover a{ color:#fff;}

.btm-social li:hover a.fa-facebook{background:#3b5998;  }
.btm-social li:hover a.fa-twitter{background:#1cb7eb;  }
.btm-social li:hover a.fa-google-plus{background:#e3411f;  }
.btm-social li:hover a.fa-linkedin{background:#0177b5;  }

.footer-des p{ width:100%; float:left; color:#b1b1b1; line-height:24px;}
 .footer-cont span{ color:#666666; font-weight:600;  line-height:35px; }
.footer-cont span a{  color:inherit;  }
.footer-cont span a:hover{  color:#fff;  }
.footer-cont i{float: left; margin-right: 15px;font-size: 18px;text-align: center;color: #fff;width: 60px; height: 60px;line-height: 60px;border: 1px solid #fff;border-radius: 100%; }

.top-input-group{float:left;}
.top-input-group1{float:left;}


.search {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    display: block !important;
    border-radius: initial;
    margin-bottom: 10px;
    height: 34px;
    border: 1px solid #fff  !important;
}

.full-img{ text-align:center;}
.full-bg{ width:100%; float:left; }


.copy_right_bg{   width:100%; float:left; text-align:center; background:#cccccc; margin-bottom: 15px; }
.copy_right_text{ font-size:14px; color:#000; padding:15px 0; font-family: 'Titillium Web', sans-serif; text-align:left; width:50%; float:left;}
.copy_right_text2{ font-size:14px; color:#000; padding:15px 0; font-family: 'Titillium Web', sans-serif; text-align:right; width:50%; float:left;}
.copy_right_text p { width:100%; float:left; margin-bottom:0px;}
.copy_right_text2 p { width:100%; float:left; margin-bottom:0px;}
.copy_right_text2 a{  font-size: 14px;color: #000;  font-family: 'Titillium Web', sans-serif; }
.copy_right_text2 a:hover{ text-decoration:underline; color:#029d9b;}

.copy_right_text2{ width:50%; float:left;}
.pag-main .brds_text {font-family: 'Titillium Web', sans-serif; width:100%;font-size: 13px;color: #000;border-bottom: 1px solid #d3d3d3;float: left;
}
.pag-main .heading{ padding-left:0px;}
.in-div { width:100%; float: left; margin-bottom: 15px;}

.brds{   
width: 100%;
float: left;
position: absolute;
top: 103px;
    /*padding: 12px 20px 12px 20px;*/
 
}
.pull-rights{
    text-align: center;
}
.pagination-cls{
    float: left;
    width: 100%;
    padding: 10px 10px 10px 10px;
    text-align: center;
}
.brds .p-headings{
    color: #fff;
    font-size: 35px;
    padding: 10px 10px 10px 10px;
    width: 100%;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.page-back{   
    width: 100%;
    float: left;
    padding: 12px 0px 40px 0px;
   
}
.p-headings-p{
    font-family: 'Citrus Gothic';
    font-weight: normal;
    color: #be1e2d;
    font-size: 40px;
    text-transform: uppercase;
}


.breadcrumb {
    margin-top: 15px;
}
.breadcrumb li{font-size:14px; color:#000; }
.breadcrumb li a{font-size:15px;color:#000; text-decoration:none;font-family: 'Titillium Web', sans-serif; }
.breadcrumb li a:hover{color:#cc3333; }
.breadcrumb>li+li:before { content: "/"; padding:0 8px;  color: #000;}
.heading { 

    float: left;width: 100%; 
    font-size: 27px;
    font-weight:600;
    color:#fff; 
    font-family: 'Neris SemiBold', arial;
    padding-bottom:0px; 
    text-transform: uppercase; 
    padding-top:0px; 
    line-height:1.35;
}
.heading-2 { 

    float: left;width: 100%; 
    font-size: 27px;
    font-weight:600;
    color:#fff; 
    font-family: 'Neris SemiBold', arial;
    padding-bottom:0px; 
    text-transform: uppercase; 
    padding-top:15px; 
    line-height:1.35;
}
.content_head1 { font-family: 'Titillium Web', sans-serif; font-size: 24px; font-weight:400; color: #000; text-transform: uppercase; padding: 15px 0; 
 width: 100%;float: left;text-align:center; margin-bottom:10px;}
.feed-heading{ 

    float: left;
    width: 100%; 
    font-size: 27px;
    font-weight: 700;
    color:#000; 
    padding-bottom:22px; 
    text-transform: uppercase;
     padding-top:0px; 
     line-height:1.35;
 }
.full{  width:100%; float:left; padding: 0px 0px;
}
.prds-inner-bg a{
    text-decoration: none;
}
.page-heading-all {
    width: 100%;
    float: left;
    background: #be1e2d;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
}
.heading-a{
    font-family: 'Citrus Gothic';
    font-weight: normal;
    font-size: 22px;
}
.content_head{ font-family: 'Titillium Web', sans-serif; font-size:24px; font-weight:700; color:#000; text-transform:uppercase; padding:20px 0; margin-bottom:20px;}
.content_text{ 
  padding-bottom:20px; 
    font-size:16px; 
    width:100%; float:left; margin-bottom:40px;
    margin-top: 15px;
}
.content_text p{ font-family: 'Titillium Web', sans-serif;  font-size:13px; color:#000; padding-bottom:20px;}
.left-main{ width:100%; float:left; margin-top: 25px;}
.left_head{font-family: 'Titillium Web', sans-serif;color: #fff;font-weight: normal;font-style: normal;font-size: 30px;font-weight: 700;font-style: normal;background-color: #000;text-align: center;padding-top: 8px;padding-bottom: 8px;float: left;width: 100%;}
.subm{width: 100%;float: left;margin-bottom: 2px;background-color: #4f4d4d;}
.subm a{color: #fff;display: block;transition: 0.3s all ease;font-size: 14px;padding-left: 10px;padding-top: 4px;padding-bottom: 4px;background-color: #000; font-size: 13px;}
.subm a:hover {text-decoration: none;color: #fff;transition: 0.3s all ease;padding-left: 20px;background: #cc3333;}
.panel-default>.panel-heading{background-color: #cc3333; transition: ease all .5s; color: #fff; border-radius: 0px;}
.panel-default>.panel-heading:hover{background: #000;}
.panel-group{float: left;width: 100%;}
.panel-body{padding: 0px;}
.i_box{ border:3px solid #eeeeee;  background: #fff; overflow: hidden; margin-right: 5px;}
.bd{ border:1px solid #e5e5e5; margin-top:5px; margin-right:5px; background: #fff;}
.back-page-detail{
    float: right;
     font-family: 'Century Gothic';
    font-weight: normal;
    font-size:25px; 
    color: #fff;
}
.back-page-detail a{
    text-decoration: none;
    color: #fff;
}
.d_name {

    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    font-size:25px; 
    color:#000;  
    padding: 10px 0 10px 12px;
}
.d_art-1{ 
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    font-size:25px; 
    color:#000;  
    padding: 10px 0 10px 12px;
    border-bottom: 1px solid #eeeeee;

}
.d_art{
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
    font-size:18px; 
    color:#cc3333;  
    padding: 13px 0 10px 12px;
    height: 45px;
    border-bottom: 1px solid #eeeeee;
}
.d_detail{ 
    font-size:14px;
     color:#000; 
     padding:5px 0 15px 0;
      margin-bottom:15px; 
      padding-left: 15px !important;
      padding-right: 15px !important;
    border-bottom: 1px solid #eeeeee;
      margin-right: 15px !important;
  }
.d_qty { 
   font-size:18px; 
    color: #575756; 
    padding:8px 0px; 
    width: 100%; 
    float: left;
    font-family: 'Poppins';
    border-bottom: 1px solid #eeeeee;
     }
.opt{margin-bottom:10px;}
.opt h5{width:20%; padding-left: 15px;
 float:left;     font-family: 'Century Gothic';
    font-weight: normal;
    font-style: normal;
  font-size: 18px; color: #575756;}
.opt select{width:30%; float:left; background:none; border:1px solid #dedede;}
.d_qty span{ 
    width: 75px;
    float: left; 
    padding: 10px 0px 0px 0px; 
    font-size:25px; 
    color:#000;  
    padding: 10px 0 10px 12px;
    font-family: 'Poppins';
    font-weight: normal;
    font-style: normal;
}
.social_media_kits{float: left;width: 100%;padding: 0px;margin: 0px;    margin-top: 12px;}

.social_media_kits li{display: inline-block; width: 35px; height: 35px; line-height: 35px; background: #cc3333; text-align: center; transition:  ease all .5s;}
.social_media_kits li:hover{background: #000;}
.social_media_kits li a{color: #fff;}
.related_head {
    padding: 15px 0px 14px 21px;
    background: none;
    margin-bottom: 0px;
    margin-top: 20px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 35px;
    color: #000;
    text-transform: uppercase;
}
.heading-news{
     font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 30px;
    color: #000;
}
.line-related{
    width: 130px;
    height: 2px;
    background: #000;
}
.line-cate{
    width: 150px;
    height: 2px;
    background: #000;
}
.btm_detail{     width: 100%;
    padding: 20px;
    color: #000;
    line-height: 26px;
    float: left;
    min-height: 174px;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d5d5d5;
    text-align: justify;
    font-weight: 500;}
.basket_img{border: 1px solid #000}
.btn-danger{
  
     background:#000; color:#fff; padding:10px 22px;border: none !important; margin-bottom:15px; float:left;outline: none;  }

.btn-danger:hover,.btn-danger:focus,.btn-danger:active{background: #141414 !important; color: #fff !important; border: none !important; outline: none !important;}

.qty::value{
    color: #fff !important;
}
.qty {
    text-align: center;
    border-radius:0px;
    float: left;
    height:40px;
    color: #575756 !important;
    width:100px;
    font-size: 20px;
    border: 1px solid #575756;
}
.label-q{
    font-size: 14px;
    color: #fff;
    font-family: 'Neris SemiBold', arial;
}
.plus-minus { border:1px solid #d4d4d4;  float: left; background: #fff; padding: 0px 12px;  width: 45px;  height:40px;}
.sub { padding: 10px 20px 10px 20px; background: #cc3333; border: none !important; border-radius: 0; color: #fff; float: left;margin:7px 0px; margin-left: 0px; 
    outline: none;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-weight: normal;
}
.sub:hover,.sub:focus,.sub:active{background: #232021 !important; color: #fff !important; border: none !important; outline: none !important;}
.d_detail p{
 font-size:15px;
 color:#000; 
 line-height: 30px;
 font-family: 'Poppins', sans-serif;
 text-align: justify;
 padding-right: 10px;
}
.scrollbar{
    

}



.content-des p{color: #333333; font-size: 14px; text-align: center; float:left; line-height:26px;}
.content-title{width: 100%; float: left; color: #ff0000; text-transform:uppercase; font-weight:600; font-size:39px;  text-align:center; padding: 9px 0px;font-family: 'Titillium Web', sans-serif;}
.content-title span{color: #06223e; }
.cat-box{margin-bottom: 15px; padding:0px; background-repeat:no-repeat; }
.cat-block{width:100%; float:left; margin-top: -48px; }
.cat-box h5{color:#fff; font-size:26px; text-transform:uppercase; text-align:center;font-family:aurorabc; margin: 0px 7px;  padding: 11px 0px;}

.single-banner {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.sb-img img {
    width: 100%;
}
.sb-content {
    transition: 0.5s all ease;
    right: 3%;
    position: absolute;
    bottom: 30px;
}
.sb-content > span {
    font-size: 16px;
}
.sb-content > h5 {
    transition: 0.5s all ease;
    font-weight: 700;
    margin-top: 5px;
    text-transform: uppercase;
    font-size:28px; 
    color: #000;
    text-shadow: 1px 1px 2px #fff;
}
.sb-content > a {
    transition: 0.5s all ease;
    color: #fff;
    background:#92c21a;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 30px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.single-banner:hover .sb-content > a {
    transition: 0.5s all ease;
    margin-top: 0px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.sb-content > a:hover {
    background: #000;
    color: #fff;
    text-decoration:none;
}
.single-banner img {
    -webkit-transition: .5s;
    transition: .5s;
}
.single-banner a:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.single-banner:last-child {
    margin-bottom: 0;
}

.cat-title{color: #000; font-size: 31px; text-transform:uppercase; font-weight:bold; margin:11px 0px; text-align: center; margin-bottom: 20px; border-top: 1px solid #000;  padding-top: 20px;}
.cat-title b{color: #ff0000; font-size: 31px; font-weight:bold; margin:11px 0px; margin-bottom:0px; text-align: center;}
.cat-para{color: #fff; font-size: 13px; margin:0px 0px; text-align: center; margin-bottom: 15px;}
.cat-box .cat-name{ text-align:left;}
.in-box-cat{background:rgba(205, 208, 210, 0.67);     padding-bottom: 137px;}
.in-box-cat:hover{background:rgba(148, 194, 103, 0.78);    }
.cat-box h5 { margin-bottom:0px;text-align: left; color: #000; padding: 11px 0px; font-weight:bold; font-size: 31px;}
.cat-box p { text-align: left; color: #000; font-size: 14px; line-height:26px;}
.pag-main{width:100%; float:left; 
background-color: #fff;
padding-bottom: 100px;

}
.pages-h h3{
    color: #ed1f23;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.contact_text{ 
    width:100%; 
    float:left; 
    line-height: 26px;  
    padding-top: 15px;
    color: #000;
}
.contact_text p{
    color: #000;
}
.contact_text strong{
    color: #662d91;
}
.pad0{ padding:0px;}
.mhjgd {
    /* margin-bottom: 25px; */
    margin: 0;
    padding: 0px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    border: 5px solid #999;
    border-radius: 10px;


}

.second_drop li a{ font-size:10px !important; color:#262626 !important;}

.pad-l{ padding-left:0px;}
.pad-r{ padding-right:0px;}
.cont_box{     text-align: center; width: 100%; float: left; padding-right: 20px;}
.cont_box img{    margin-top: 15px;}
.cont_box .in-cont-box { text-align:center;}
.cont_box  i{ color: #ff0000; font-size: 27px; margin: 14px 0px;}
.cont_box h4{margin-bottom: 10px;}
.cont_box p{line-height: 24px; font-size: 14px; font-weight: 500; }
.b-l{ border-left:1px solid #c8c8c8;}
.b-t{ border-top:1px solid #c8c8c8;}
.b-b{ border-bottom:1px solid #c8c8c8;}
.b-r{ border-right:1px solid #c8c8c8;}

.form-control4 {
 width: 49%; float:left; height: auto;padding: 17px 12px; margin:0px 2px; color: #000;

}
.form-control3 { width: 100%; padding: 17px 12px; 
}
.form-control{
  }


#effect-2 .overlay {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
#effect-2 .overlay a.expand {
  left: 0;
  right: 0;
  top: 56%;
  margin: -30px auto 0 auto;
}
#effect-2 .img.hover .overlay {
  height: 100%;
}

.pro-code{ width:100%; float:left;}
.effects {
  padding-left: 0px;
}
.effects .img {
  position: relative;
  float: left;
  margin-bottom: 0px;
  width: 100%;
  overflow: hidden;
  height:auto;
  
}
.effects .img:nth-child(n) {

}
.effects .img:first-child {
  margin-left: 0px;
}
.effects .img:last-child {
  margin-right: 0;
  float:left; width:100%;
}
.effects .img img {
  display:inline-block;
  margin: 0;
  padding: 10px;
  max-width: 100%;
  height: auto;
}


.effects .img i.fa-shopping-cart{float: left;background:rgba(114, 172, 58, 0.72); padding: 8px 15px;font-size: 21px;}
.effects .img span{float: left;background: rgba(114, 172, 58, 0.72); padding: 8.5px 26px; margin:0px 2px;font-size:14px;}
.prd-p .effects .img span{float: left;background: rgba(114, 172, 58, 0.72); padding: 8.5px 23px; margin:0px 2px;font-size:14px;}
.effects .img i.fa-search-plus {
    /* background: #fff; */
    color: #4ca2bf;
    padding: 0px 0px;
    font-size: 75px;
    margin-top: -19px;
}
.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background:none;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: auto;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;

  text-align: center;
  color: #fff;

}
.fqouted{float:left; width: 100%; margin: 0; padding: 0;}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait){
    .logo{ text-align:center;    text-align: center;
    margin-bottom: 14px;}
    .nav_bar{ padding:0;}
    .fea-heading { width: 100%; margin: 16px 0px;}
    .pad-l{padding-left:15px;}
    .pad-r{padding-right:15px;}
    .pad0{ padding:0px 15px;}
    .f-box{ margin-bottom:20px; }
    .copy_right_text {   text-align: center;    float: left;
    width: 100%;}
    .search2 {margin-top:0px;}
    .brds_text {width:100%; margin:0px ; padding-left:15px;}
    .related_head{margin-top: 15px; padding:12px 15px;}
    .copy_right_text2 { float:left; text-align:center; width:100%;}
    .d_qty {  width:100%; padding-left: 17px;}
    .form-control4 { width:100%; margin:0px;}
    .sub{margin-bottom: 25px; margin-left: 0px;}
    .navbar-default .navbar-nav>li>a { padding:0px 15px 0px 15px; text-transform:capitalize; }
    .search2 input {width:98%; padding:7px 10px 7px 44px;}
    .search-top-btn { width:14%;}
    .nav > li a.cartt { padding: 5px 12px !important; margin-left: 0px; width:100%; margin-top:0px;}
    .nav>li { position: relative; display: inline; float: left; }
    .cats_box { padding: 0px 15px;  float: left; margin-bottom: 15px;}
    .p_box { width:100%;}
    .news_letter_bg { margin:0px;}
    .news-letter-inside { border:none;}
    .footer_bg { background: #666666;}
    .outer-wrapper{   width: 100%; float: left; position:initial; z-index: 14; background: #fff;}
    .carousel { position: relative;  float: left;  margin-top:0px;}
    .sub_banner{margin-top:0px;}
    .conts {
    float: right;
    margin-top: 0px;
}
    
    #header-main {
    float: left;
    width: 100%;
    margin-top: 0px;
}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape){
    .logo{ text-align:center;}
    .nav_bar{ padding:0;}
    .fea-heading { width: 100%; margin: 16px 0px;}
    .pad-l{padding-left:15px;}
    .pad-r{padding-right:15px;}
    .pad0{ padding:0px 15px;}
    .f-box{ margin-bottom:20px; }
    .copy_right_text {   text-align: center;}
    .search2 {margin-top:0px;}
    .brds_text {width:100%; margin:0px ; padding-left:15px;}
    .related_head{margin-top: 15px; padding:12px 15px;}
    .copy_right_text2 { float:left; text-align:center; width:100%;}
    .d_qty {  width:100%; padding-left: 17px;}
    .form-control4 { width:100%; margin:0px;}
    .sub{margin-bottom: 25px; margin-left: 0px;}
    .navbar-default .navbar-nav>li>a { padding:5px 8px 15px 0px; text-transform:capitalize; }
    .search2 input {width:98%; padding:7px 10px 7px 44px;}
    .search-top-btn { width:14%;}
    .nav > li a.cartt { padding: 5px 12px !important; margin-left: 0px; width:100%; margin-top:0px;}
    .nav>li { position: relative; display: inline; float: left; }
    .cats_box { padding: 0px 15px;  float: left; margin-bottom: 15px;}
    .p_box { width:100%;}
    .news_letter_bg { margin:0px;}
    .news-letter-inside { border:none;}
    .footer_bg { background: url(../images/footer-bg.jpg) no-repeat; background-size:100% 100%;}
    .outer-wrapper{   width: 100%; float: left; position:initial; z-index: 14; background: #fff;}
    .carousel { position: relative;  float: left;  margin-top:0px;}
    .sub_banner{margin-top:0px;}
}
@media screen and (max-device-width: 767px) and (orientation: portrait) {
    .logo{ float: left; text-align:center;    border-right: none;}
    .logo .img-responsive {margin:0 auto; text-align: center;}
    .nav_bar{ padding:0;}
    .fea-heading { width: 100%; margin: 16px 0px;}
    .pad-l{padding-left:15px;}
    .pad-r{padding-right:15px;}
    .pad0{ padding:0px 15px;}
    .f-box{ margin-bottom:20px; }
    .copy_right_text { width:100%;   text-align: center;}
    .copy_right_text2 { width:100%;   text-align: center;}
    .btm-social{ text-align:center;}
    .search2 {margin-top:0px;}
    .brds_text {width:100%; margin:0px ; padding-left:15px;}
    .related_head{margin-top: 15px; padding:12px 15px;}
    .copy_right_text2 { float:left; text-align:center; width:100%;}
    .d_qty {  width:100%; padding-left: 17px;}
    .form-control4 { width:100%; margin:0px;}
    .sub{margin-bottom: 25px; margin-left: 0px;}
    .navbar-default .navbar-nav>li>a { padding: 15px 25px 15px 0px;}
    .cont{ float:left; text-align:left;}
    .search2 input {width: 77%; padding:7px 10px 7px 44px;}
    .search-top-btn { width:20%;}
    .nav > li a.cartt { padding: 5px 12px !important; margin-left: 0px; width: 30%; margin-top: 10px;}
    .nav>li { position: relative; display: inline; float: left; width: 100%;}
    .cat-block {
    width: 100%;
    float: left;
    margin-top: 18px;
}
    .cats_box { padding: 0px 15px;  float: left; margin-bottom: 15px;}
    .p_box { width:100%;}
    .news_letter_bg { margin:0px;}
    .news-letter-inside { border:none; width:100%;}
    .outer-wrapper{   width: 100%; float: left; position:initial; z-index: 14; background: #fff;}
    .carousel { position: relative;  float: left;  margin-top:0px;}
    .sub_banner{margin-top:0px;}
    .navbar-nav { float: left; text-align:left;}
    .input-group { width:100%; margin: 0 auto;}
    .input-group .form-control { width:100%;}
    .input-group-btn { width:50%;}
    .social_head{text-align:left;}
    .footer-cont{ text-align:left;}
    .logo{ position:initial;}
    .cats_box h2{ width:90%;}
    .top-social {
    margin: 0px;
    margin-top: 5px;
    padding: 0px 0px;
    list-style: none;
    text-align: center;
    width: 100%;
    float: left;
}
    .emails p {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #666666;
    text-decoration: none;
    line-height: 34px;
    text-align: center;
    width: 100%;
}
    .conts {
    float: right;
    margin-top: 13px;
}
    .left-main {
    width: 100%;
    float: left;
    background: #cccccc;
        margin-bottom: 10px;

}
}
@media screen and (max-device-width: 767px) and (orientation: landscape) {
    .logo{ text-align:center;}
    .nav_bar{ padding:0;}
    .fea-heading { width: 100%; margin: 16px 0px;}
    .pad-l{padding-left:15px;}
    .pad-r{padding-right:15px;}
    .pad0{ padding:0px 15px;}
    .f-box{ margin-bottom:20px; }
    .copy_right_text {   text-align: center;}
    .search2 {margin-top:0px;}
    .brds_text {width:100%; margin:0px ; padding-left:15px;}
    .related_head{margin-top: 15px; padding:12px 15px;}
    .copy_right_text2 { float:left; text-align:center; width:100%;}
    .d_qty {  width:100%; padding-left: 17px;}
    .form-control4 { width:100%; margin:0px;}
    .sub{margin-bottom: 25px; margin-left: 0px;}
    .navbar-default .navbar-nav>li>a { padding: 15px 25px 15px 0px;}
    .search2 input {width: 77%; padding:7px 10px 7px 44px;}
    .search-top-btn { width:14%;}
    .nav > li a.cartt { padding: 5px 12px !important; margin-left: 0px; width: 30%; margin-top: 10px;}
    .nav>li { position: relative; display: inline; float: left; width: 100%;}
    .cats_box { padding: 0px 15px;  float: left; margin-bottom: 15px;}
    .p_box { width:100%;}
    .news_letter_bg { margin:0px;}
    .news-letter-inside { border:none;}
    .footer_bg { background: url(../images/footer-bg.jpg) no-repeat; background-size:100% 100%;}
    .outer-wrapper{   width: 100%; float: left; position:initial; z-index: 14; background: #fff;}
    .carousel { position: relative;  float: left;  margin-top:0px;}
    .sub_banner{margin-top:0px;}
}
.bannerSection{float: left;width: 100%;}
.bannerSection img{
    width:100%;
}


.open-search{background:rgba(0,0,0,0.9); position:fixed; top:0px; left:0px; right:0px; z-index:9999999; bottom:0px; height:100vh;}
.open-search .search-target{position:absolute; top:50%; left:15%; right:15%; text-align:center; transform:translateY(-50%);}
.open-search .search-target form{position:relative;}
.open-search .search-target form input{display:block; padding-left:20px; width:100%; outline:none; border-radius:5px; font-size:16px; height:60px; background:#fff; color:#000;}
.open-search .search-target form button{background:none; border:none; display:block; outline:none; border-radius:0px 5px 5px 0px; height:60px; position:absolute; top:0px; right:0px; color:#fff; font-size:17px; background:#cc3333; padding:0px 40px;}
.open-search .search-target form button:hover{}

#search-wrapper01{position:absolute; top:20px; right:20px; z-index:999; cursor:pointer; padding:10px;}
#search-wrapper01::after{display:block; content:""; background:#fff; height:45px; width:2px; transform:rotate(-45deg);}
#search-wrapper01::before{display:block; content:""; background:#fff; height:45px; width:2px;  transform:rotate(45deg); position:absolute;}

#search-wrapper01:hover::after,
#search-wrapper01:hover::before{background:#cc3333;}

#search-wrapper{
    text-align: right;
    padding-top: 25px;
}
#search-wrapper a{color: #fff; font-size: 20px;}
.logosd {
    display: none;
}
.affix-top{ transition: 0.3s all ease; }
 .affix {
     background: #be1e2d;
      top: 0;
      width: 100%;
          z-index: 1000;
                moz-transition: all 1s ease-in-out;
    o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    webkit-transition: all 1s ease-in-out;
              padding-top:10px;
              padding-bottom:5px;
  }

  .affix + .container-fluid {
      padding-top: 70px;
          moz-transition: all 1s ease-in-out;
    o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    webkit-transition: all 1s ease-in-out;
  }
.affix .anumber{display: none;}
.affix .logo{
  display: none;
}
.affix .logosd {
    padding: 10px 0px 10px; 
    float: left;
    width: 25%;
    text-align: center;
    display: block;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
/*menu*/
#menufix{
    moz-transition: all 1s ease-in-out;
    o-transition: all 1s ease-in-out;
    overflow: auto;
    padding: 0;
    position:relative;
    top: 0;
    transition: all 1s ease-in-out;
    webkit-transition: all 1s ease-in-out;
    width: 100%;
    float:left;
}
#menufix .back{
    background-color: #2FC192;
    color: #fff;
    display: block;
    height: 20px;
    margin-top: 10px;
    padding: 10px;
    text-decoration: none;
    width: 200px;
}
#menufix.active_more{
    opacity: 100;
    padding-bottom: 5px;
    padding-top: 5px;
    position: fixed;
    z-index: 1;
}
#menufix.active{
    opacity: 100;
    position: fixed;
    z-index: 1;
    background: #000;
    border-radius: 0px;
}

#menufix #mainlogo{
    display:none !important;
    
    }
    #menufix.active #mainlogo{
    display:block !important;
    
    }



.product-list-left-effect
{
  width:100%;
  height:auto;
  position:relative;
  margin-bottom:20px; 
  overflow:hidden;
  text-align: center;
}
.product-list-left-effect:hover .products-static{
    opacity: 0;
}
.products-static{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 85%;
}
.products-static h2{
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  width: 250px;
  height: 45px;
  line-height: 45px;
  float: left;
  background: #313131;
}
.products-static a{
    color: #fff;
    display: block;
    width: 50px;
    height: 45px;
    line-height: 45px;
    float: left;
    background: #5a5959;
    text-align: center;
    margin-top: 20px;
}
.product-list-left-effect img
{
  transition-duration:0.4s;
}

.product-list-left-effect .product-overlay
{
  width:90%;
  height:90%;
  position:absolute;
  padding:20px;
  background: rgba(79, 77, 77, 0.73);
  color:#fff;
  top:5%;
  left:-100%;
  padding-top: 25%;
  transition-duration:0.4s;
  -webkit-transition: left 0.5s ease-in-out;
}

.product-list-left-effect .product-overlay h3
{
  margin:0 0 12px 0;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Tw Cen MT Condensed Extra';
  font-weight: 800;
  font-size: normal;
  font-size: 30px;
}
.product-list-left-effect .product-overlay p{
  margin-bottom: 15px;
}
.product-list-left-effect .product-overlay a{
  color: #fff;
  text-decoration: none;
  width: 135px;
  height: 35px;
  line-height: 35px;
  background-color: #4f4d4d;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
.product-list-left-effect:hover .product-overlay
{
  /*opacity:1;*/
  -webkit-transition: left 0.5s ease-in-out;
  left:5%;
}

.product-list-left-effect:hover img
{
   transform: scale(1.1);
}
.cate-dets-title{
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 10px;
}
.cate-dets-title .float-left-text{
    color: #000;
}
.cate-dets-title .float-left-text a{
    color: #000;
    text-decoration: none;
}
.cate-dets-title .float-right-text{
    color: #000;
}
.cate-dets-title .float-right-text a{
     color: #000;
     padding: 12px;
     text-decoration: none;
}
.add-dets-basket{
    width: 100%;
    float: left;
    background-color: #323232;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.add-dets-basket a{
    display: block;
    color: #fff;
    text-decoration: none;
}
/*product-list-hover-slide-effect*/

/*gallery section*/
.single-gallery{

}
.single-gallery img{
    width: 100%;
}
.production-heading{
    padding-left: 15px;
}
.production-heading h2{
  font-family: 'Collegiate';
  font-weight: normal;
  font-style: normal;
  font-size: 35px;
  color: #06083b;
}
.section-sponser{
    margin-top: 35px;
}
.sponser-bg{
    background: #868686;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
}


/*products setting*/
.pd-off-pro{
    

}


.product-list-left-effects
{
  width:100%;
  height:auto;
  position:relative;
  margin-bottom:20px; 
  overflow:hidden;
  text-align: center;
  box-shadow: 0px 1px 2px #cccccc;
}

.product-list-left-effects img
{
  transition-duration:0.4s;
}

.product-list-left-effects .product-overlay
{
  width:90%;
  height:90%;
  position:absolute;
  padding:20px;
  background: rgba(67, 66, 68, 0.9);
  color:#fff;
  top:5%;
  left:-100%;
  padding-top: 25%;
  transition-duration:0.4s;
  -webkit-transition: left 0.5s ease-in-out;
}

.product-list-left-effects .product-overlay h3
{
  margin:0 0 12px 0;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Titillium Web', sans-serif;
  font-weight: normal;
  font-size: normal;
}
.product-list-left-effects .product-overlay p{
  margin-bottom: 15px;
}
.product-list-left-effects .product-overlay a{
  color: #fff;
  text-decoration: none;
  width: 145px;
  height: 45px;
  line-height: 45px;
  background-color: #000;
  border-radius: 20px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
.product-list-left-effects:hover .product-overlay
{
  /*opacity:1;*/
  -webkit-transition: left 0.5s ease-in-out;
  left:5%;
}

.product-list-left-effects:hover img
{
   transform: scale(1.1);
}
.product-list-left-effects .cate-dets-title{
    width: 100%;
    line-height: 24px;
    margin-top: 10px;
    padding-bottom: 10px;
}
.product-list-left-effects .cate-dets-title .float-left-text{
    float: left;
    padding-left: 15px;
    color: #868686;
    width: 100%;
}
.product-list-left-effects .cate-dets-title .float-left-text a{
    color: #000;
}
.product-list-left-effects .cate-dets-title .float-right-text{
    float: right;
    width: 100%;
}
.product-list-left-effects .cate-dets-title .float-right-text a{
     color: #000;
     padding: 12px;
}
/*product-list-hover-slide-effect*/

.left-list-products{
    float: left;
    padding-right: 5px;
}
.left-list-products ul{
    padding: 0px;
    margin: 0px;
}
.left-list-products ul li{
    list-style: none;
    border:3px solid #f3f3f3;  background: #fff; overflow: hidden;
    margin-bottom: 5px;
}
.prds-inner-bg{
    
}
.brds_text_page{
border-bottom: 3px solid #313131;
width: 100%;
}
.brds_text_page .entry-title{
    font-size: 24px;
    text-transform: uppercase;
    color: #313131;
    font-family: 'Titillium Web', sans-serif
}
.gallery-inner-img{
    margin-top: 25px;
}
.top-head-section{
    width: 100%;
    float: left;
    background: #06083b;
    border-bottom: solid 2px #662d91;
    padding-top: 10px;
    padding-bottom: 10px;
}
.latest-news ul{
    padding: 0px;
   margin: 0px;
}
.latest-news p{
    padding: 0px;
    margin: 0px;
}
.latest-news a{
    color: #fff;
    text-decoration: none;
}
.span-b{
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}
.top_number a{
    color: #fff;
}
.top_number{
    color: #fff;
}
.top_number i{
    color: #f58220;
}
.production-section{
    width: 100%;
    float: left;
    margin-top: 35px;
}
.img-wrapper img{
    width: 100%;
}
.our-gallery{
    position: relative;
}
.gallery-text{
    position: absolute;
top: 47px;
padding-left: 62px;
text-shadow: 0px 2px 2px #000;
}
.gallery-text h2{
     font-family: 'Revue';
 font-weight: 500;
    font-style: normal;
    font-size: 35px;
    color: #fff;
}
.gallery-text p{
    font-size: 16px;
    color: #fff;
}
.gallery-text a{
   margin-top: 0px;
    color: #fff;
    text-decoration: none;
    background-color: #363012;
    padding: 10px;
    width: 66%;
    float: left;
    text-align: center;
    display: block;
}


.our-pdf{
    position: relative;
}
.pdf-text{
    position: absolute;
top: 47px;
padding-left: 62px;

right: 100px;
}
.pdf-text h2{
     font-family: 'Revue';
 font-weight: 500;
    font-style: normal;
    font-size: 35px;
    color: #363012;
}
.pdf-text p{
    font-size: 16px;
    color: #363012;
}
.pdf-text a{
   margin-top: 0px;
    color: #fff;
    text-decoration: none;
    background-color: #363012;
    padding: 10px;
    width: 66%;
    float: left;
    text-align: center;
    display: block;
}
.quickSection{
    width: 100%;
    float: left;
    background-image: url('../images/btm-quick.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 15px;
    padding-bottom: 15px;

}
.quick-text{
    text-align: center;
    padding-bottom: 45px;
    padding-top: 45px;
}
.quick-text b{
    color: #fff;
    font-size: 18px;
}
.quick-text p{
    color: #fff;
    font-size: 16px;
    padding-top: 10px;
}
.socialSection{
    width: 100%;
    float: left;
    padding-top: 25px;
    padding-bottom: 25px;
}
.btm-social-list {
    width: 100%;
    float: left;
    margin-top: 25px;
}
.btm-social-list ul{
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.btm-social-list ul li{
    display: inline-block;
    width: 50px;
    height: 50px;
    border:1px solid #662d91;
    border-radius: 50px;
    transition: ease all .8s;
    margin-left: 20px;
    margin-right: 20px;
}
.btm-social-list ul li:hover{
    background-color: #4f4d4d;
    border:1px solid #4f4d4d;
}
.btm-social-list ul li:hover a{
    color: #fff;
}
.btm-social-list ul li a{
    color: #662d91;
    font-size: 25px;
    text-decoration: none;
    transition: ease all .8s;
    line-height: 50px;
    display: block;
}

.support-24hour{
    text-align: center;
}
.s-heading h2{
    font-family: 'Poppins';
    font-weight: bold;
    color: #363012;
    font-size: 35px;
    text-align: center;
    padding-bottom: 15px;
}
.support-24hour p{
    color: #bebebe;
    font-size: 25px;
    font-family: 'Poppins';
    font-weight: 300;
}
.signup-bottom p{
    color: #fff;
    font-size: 14px;
}

.header2Section{
    float: left;
    width: 100%;
}
#fixedbar{

  display: none; position: fixed; top: 0; width: 100%; height:auto; background-color: #000; z-index:99999;}

#fixedbar:after,#fixedbar:before{

    display:block}
 .rightBox{
    float: left;width: 100%;
 } 
 .leftside{
    float: left;
    width: 25%;
    margin-top: 25px;
 }
.cart{
    position: relative;
 }
 .cart span{
    position: absolute;
    height: 25px;
    width: 25px;
    line-height: 25px;
    background: #252525;
    color: #fff;
    text-align: center;
    top: -24px;
    right: 40px;
 }
 .cart i{
    font-size: 25px;
 }   

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
    background-color: #000000;
}




@media(min-width: 1920px){
    .header6{width: 80%; margin: 0 auto;}
}
.menuSocial .fa {font-size: 15px;width: 32px;text-align: center;text-decoration: none;line-height: 33px;}

.menuSocial .fa:hover {
    opacity: 0.7;
}

.menuSocial .fa-facebook {
  background: #3B5998;
  color: white;
}

.menuSocial .fa-twitter {
  background: #55ACEE;
  color: white;
}

.menuSocial .fa-google {
  background: #dd4b39;
  color: white;
}

.menuSocial .fa-linkedin {
  background: #007bb5;
  color: white;
}

.menuSocial .fa-instagram {
  background: #125688;
  color: white;
}

.social_top_list{float: left;width: 100%;    margin-top: 42px;}
.social_top_list ul{padding: 0px;margin: 0px;}
.social_top_list ul li{transition: ease all .5s; display: inline-block; text-align: center; width: 35px;height: 35px; background: #2c2c2c; border-radius: 100px;}
.social_top_list ul li a{line-height: 35px; color: #fff;}
.social_top_list ul li:hover{background: #f97005}
.social_top_list ul li a i{line-height: 35px;}
.welcomeSection{ float: left;width: 100%;padding-top: 75px;padding-bottom: 75px;background-image: url('../images/paralax.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}
.abBox{text-align: center;}
.welcomeBox{text-align: left;}
.welcomeBox strong{color: #f3f2f2;}
.paragraph{padding-top: 25px;}
.welcomeBox p{line-height: 25px;color: #f3f2f2;text-align: left;}
.abhd h2{color: #fff; font-size: 35px;font-family: 'Anton', sans-serif;text-transform: capitalize;}
.abhd .c_nameH{color: #cc3333;font-family: 'Anton', sans-serif;text-transform: capitalize; border-bottom: 3px solid #fff; padding-top: 15px; }
.welcomeBox { padding: 25px; width: 100%; float: left;background-position: right;}
.welcomeBox p{color: #fff;}
.welcomeBox a{transition:  ease all .5s; width: 120px; text-align: center; height: 35px; line-height: 35px; text-decoration: none; color: #fff; background:#cc3333;margin-top: 35px; display: block; }
.welcomeBox a:hover{background: #000}
.bdleft{border-left:1px solid #4c4c4c;}

.contact_home_section{float: left;width: 100%; background: #cc3333; padding-top: 15px; padding-bottom: 15px;}
.newsLetterSection{float: left;width: 100%; background: #181a1f; padding-top: 65px; padding-bottom: 65px;}
.news_hd_hm{float: left;width: 100%; text-align: center; padding-bottom: 35px}
.news_hd_hm h2{color: #fff;    font-family: 'Roboto', sans-serif;
    font-weight: 500; }
.social_media_connection {float: left;width: 100%; text-align: center; padding-bottom: 35px; padding-top: 35px;}
.social_media_connection h2{color: #fff;    font-family: 'Roboto', sans-serif;
    font-weight: 500; }
.social_media_ul ul{padding: 0px;margin: 0px; text-align: center;}
.social_media_ul ul li{display: inline-block; transition: ease all .5s; width: 40px; height: 40px; margin-right: 5px; margin-left: 5px; border: 2px solid #fff; border-radius: 50px; text-align: center;}
.social_media_ul ul li a{line-height: 40px; color: #fff; }
.social_media_ul ul li:hover{background: #cc3333}
.logo_lft{float: left;width: 100%; padding-top: 5px;}

.text_hm{float: left;width: 100%;}
.text_hm h2{color: #fff;font-family: 'Anton', sans-serif;padding: 0px; margin: 0px; padding-top: 14px;}
.cnt_hme{float: left;width: 100%; text-align: right;}
.cnt_hme h2{color: #fff;font-family: 'Anton', sans-serif; padding: 0px; margin: 0px; padding-top: 14px;}

.logobtm p{color: #fff; padding-top: 10px; text-align: justify;}


.product-block { overflow:hidden;}
.product-block .prd-img { background:#fff; position:relative; vertical-align:middle; overflow:hidden; border:2px solid #e9e9e9; padding:8px;}
.product-block .prd-hover { position:absolute; right:0; top:0; overflow:hidden; left:0; bottom:0; z-index:2}
.product-block .prd-hover:before, .product-block .prd-hover:after { background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; content:""; transition:all 0.5s ease 0s; z-index:1;}
.product-block .prd-hover:before { transform:translate(-100%, -100%)}
.product-block .prd-hover:after { transform:translate(100%, 100%)}
.product-block:hover .prd-hover:before, .product-block:hover .prd-hover:after { transform: translate(0, 0);}
.product-block .prd-hover button { display:block; background:#cc3333; height:34px; width:140px; text-align:center; color:#fff; font-size:14px; letter-spacing:0.06em; font-weight:400; border:none; text-transform:uppercase; cursor:pointer; top:-50%; position:relative; z-index:999; transition: all 0.5s ease-in-out 0s;}
.product-block .prd-hover button:hover { background:#d30707;}
.product-block .prd-hover:hover button { top:40%}
.product-block .prd-name { text-align:left; padding-left: 15px; padding-bottom: 12px;}
.product-block .prd-name h3 { margin:5px 0 0; font-size:14px; line-height:20px; text-transform:uppercase; color:#282828; font-weight:500; padding-bottom: 10px;}
.product-block .prd-name span {font-size:14px;}

.title-bg { background:#cc3333; text-align:center; padding:15px 0; margin-bottom:15px;}
.title-bg h3 { color:#fff; margin:0; padding:0; font-weight:800;text-transform: uppercase;}
.title-bg p { color:#999; text-transform:uppercase; margin:5px 0 0;}

.img_large_box img{width: 100%;}

.product-block .prd-hover a.atag { display:block; background:#cc3333; width:140px; text-align:center; color:#fff; font-size:14px; letter-spacing:0.06em; font-weight:400; border:none; text-transform:uppercase; cursor:pointer; top:-50%; position:relative; z-index:999; transition: all 0.5s ease-in-out 0s;padding: 7px 0px;}
.product-block .prd-hover a.atag:hover { background:#d30707;}
.product-block .prd-hover:hover a.atag { top:40%}
.h_text {
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0;
    font-size: 32px;
    font-weight: 700;
}
.hover_btn_large{width: 120px;height: 35px; background: #cc3333; color: #fff; text-align: center; border: none;}
.view_det_btn{padding: 10px; background: #000; color: #fff; text-align: center; border: none; text-decoration: none;}
.view_det_btn:hover {color: #fff; text-decoration: none;}
.detail_box{padding: 10px;border: 1px solid #f4f4f4; margin-top: 35px;}
.detail_box h2{border-bottom: 1px solid #f4f4f4;padding-bottom: 10px;}
.detail_box p{border-bottom: 1px solid #f4f4f4;padding-bottom: 10px;}
.sm-popup{border:3px solid #cc3333 !important;}
.img_large_box{    width: 66%; overflow: hidden;}
.googlemap{float: left;width: 100%}
.title_overlay{width: 100%;height: 35px; padding-left: 15px;background: #cc3333; line-height: 35px; font-size: 19px; color: #fff;}
.pagination .active{background: #cc3333 !important;}
.hd-language{text-align: right;margin-top: 32px;}
.bannerSection{display: none;}
.banner{display: block;}
/*@media screen and (max-width: 1680px) {
.img_large_box{width: 450px;}
}
@media screen and (max-width: 1920px) {
.img_large_box{width: 550px;}
}*/
.mobile_view_social_media{display: none;}
@media screen and (max-width: 768px) 
  {
    .logo{text-align: center; width: 100%; margin-top: 8px;}
    .text_hm h2{font-size: 16px;text-align: center;}
    .cnt_hme h2{font-size: 16px; text-align: center;}
    .bannerSection{display: block;}
    .banner{display: none;}
    .img_certifaction img{width: 100%}
    .welcomeSection{background-image: unset !important;padding-top: 20px;
    padding-bottom: 20px; background: #000;}
    .headerSection{padding-top: 0px;}
    .stellarnav.dark li a{color: #fff !important;}
    #search-wrapper{right: 0px !important;}
    .fthd img{width: 80%;}
    .featuredSection{padding-top: 16px;}
    .social_top_list{padding-top: 0px; text-align: center;margin-top: 0px;}
    .top_menu_list{text-align: center;}
    .top_menu_list ul{text-align: center;}
    .mobile_view_social_media{width: 40%; float: left; display: block; margin-top: 25px;}
    .mobile_view_social_media ul{padding: 0px; margin: 0px;}
    .mobile_view_social_media ul li{display: inline-block; width: 30px; text-align: center; height: 30px; border-radius:50px; line-height: 30px; background: #c33; transition:  ease all .5s; }
    .mobile_view_social_media ul li:hover{background: #000}
    .mobile_view_social_media ul li a{color: #fff;}
  
}