@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Inconsolata|Roboto+Mono&display=swap');


body {font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; background:#fff !important; color:#333}
html, body{overflow-x:hidden;}
h1, h2, h3, h4, h5, h6, p, form, img, ul, li, ol {margin:0; padding:0; list-style:none; outline:0; border:0;}
h1, h2, h3, h4, h5, h6{margin-bottom:5px; font-weight:700 !important; font-family: 'Lato', sans-serif;}
h1{font-size:35px;  }
h2{font-size:28px; }
h3{font-size:24px;}
h4{font-size:20px;}

.evince{display:inline-block; width:16px; height:16px; background:url(../images2/in.png) no-repeat 2px 1px;}
a {text-decoration:none !important; color:#333;}
a:hover{color:#7C1417;}

.gap5{display:block; height:5px; clear:both;}
.gap60{display:block; height:60px; clear:both;}
.gap40{display:block; height:40px; clear:both;} .gap30{display:block; height:30px; clear:both;} .gap20{display:block; height:20px; clear:both;} .gap15{display:block; height:15px; clear:both;} .gap1{display:block; height:1px; clear:both;} 
.gap3{display:block; height:3px; clear:both;} 
.gap10{display:block; height:10px; clear:both;} .font10{font-size:10px; line-height:16px;} .font11{font-size:11px; line-height:16px;} .gap50{display:block; height:50px; clear:both;}
.gap40{height:40px; clear: both;}
.gap50{height:50px; clear: both;}
.gap70{height:70px; clear: both;}
.gap100{ height: 100px; clear: both;}


.padclr
{padding:0px !important;}

.nobdr
{border:0 !important;}

.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.pad40{padding:40px;}


.nopadL
{padding-left:0px;}

.nopadR
{padding-right:0px;}

.padL
{padding-left:40px;}

.padR
{padding-right:40px;}

.padR3
{padding:0px 3px 0px 0px;}

.borderL
{border-left:1px solid #e6e8eb;}
.borderR
{border-right:1px solid #e6e8eb;}
.borderB
{border-bottom:1px solid #e6e8eb;}


.noborderL
{border-left:0 !important;}
.noborderR
{border-left:0 !important;}

.nobdrRadius
{border-radius:0 !important;}

.font32{font-size:32px !important;}
.font12{font-size:11px !important; line-height:18px;} .fontBold{font-weight:bold;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font16{font-size:16px !important;}
.font20{font-size:20px !important;}
.font24{font-size:24px !important;}
.font18{font-size:18px !important;} .font62{font-size:62px !important; padding:10px 0;}
.clear {clear:both;} .fLeft{float:left;} .fRight{float:right;}

.tal100 {
    height: 100px;
}

.width100 {
    width: 100%;
}

.widthAuto {
    width: auto;
}

.ein {background: url("../images/in.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 15px; width: 13px;}

.yes360 { display: none; }
.yes600 { display: none; }
.yes800 { display: none; }

.no360 { display: block; }
.no600 { display: block; }
.no800 { display: block; }

@media (max-width:599px) {
    .yes360 { display: block; }
    .no360 { display: none; }
}

@media (max-width:767px) {
    .yes600 { display: block; }
    .no600 { display: none; }
}

@media (max-width:998px) {
    .yes800 { display: block; }
    .no800 { display: none; }
}


/*-- Custom Style Starts --*/

.headerSub {
    background: rgba(0, 0, 0, 0) url("../images/banner1.jpg") no-repeat scroll 0 0 / cover ;
    height: 100%;
    width: 100%;
    position: relative;
}

.headerSub:before {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.76) 14%, rgba(0, 0, 0, 0.35) 66%) repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.headerSub > .container {
    padding: 60px 0 40px;
}

.headerSub .banInBox1 h1 {
    font-size: 50px;
    padding-bottom: 0;
    padding-top: 5%;
}

.headerSub .banInBox1 p {
    font-size: 14px;
    font-weight: 600;
}

.sec1 {
    background: rgba(0, 0, 0, 0) no-repeat scroll 0 0 / cover ;
    width: 100%;
    position: relative;
}

/*
.sec1:before {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.76) 14%, rgba(0, 0, 0, 0.35) 66%) repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
*/

.sec1 > .container {
    padding: 0;
}

.banBox1 {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 70%;
}

.banInBox1 h1 {
    color: #fff;
    font-size: 60px;
    padding-bottom: 35px;
    padding-top: 10%;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9);
}

.banInBox1 p {
    color: #fff;
    font-size: 20px;
    padding-bottom: 35px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9);
}

.banBox1 section:before {
    color: #666;
    content: "";
    display: block;
    font-family: fontawesome;
    font-size: 20px;
    height: 30px;
    left: 8px;
    position: absolute;
    top: 9px;
    width: 30px;
    z-index: 99;
}

.headerSub .banBox1 section::before {
    font-size: 16px;
    top: 7px;
}

.banBox1 section.city:before {
    content: "\f041";
}

.banBox1 section.serv:before {
    content: "\f002";
}

.banBox1 .form-control {
    border: 1px solid #fff;
    border-radius: 2px;
    height: 50px;
    padding: 6px 22px 6px 34px;
}

.headerSub .banBox1 .form-control {
    height: 40px;
}

.banBox1 .row > .col-sm-4, .banBox1 .row > .col-sm-6, .banBox1 .row > .col-sm-2 {
    padding: 0 5px;
}

.headerSec {
/*    position: fixed;*/
    width: 100%;
/*    z-index: 99;*/
}

.headerO {
    background: #1a1f2a none repeat scroll 0 0;
    padding: 8px 0;
    text-align: right;
}

.headerO a {
    color: #fff;
    font-size: 18px;
}

.form-group label {
    color: #000;
    font-weight: normal;
}

.red {
    color: #ff0000;
}

.form-control {
    background: transparent none repeat scroll 0 0;
    border-color: #aaa;
    border-radius: 0;
    border-width: 1px 1px 1px;
    box-shadow: none;
    height: 34px;
}

.form-control:focus {
    border-color: #800000;
    box-shadow: none;
}

.headTop {
    background: #000 none repeat scroll 0 0;
    padding: 15px;
    position: relative;
    text-align: center;
}

.headTop img {
    height: 120px;
}

.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    box-shadow: none;
    margin: 0 !important;
    padding: 20px 0;
    width: 100%;
}

.mega-dropdown > .dropdown-toggle:focus + .mega-dropdown-menu, .mega-dropdown-menu:hover, .mega-dropdown-menu:focus {
    display: block;
}

.dropdown-header {
    border-bottom: 1px solid #333;
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 5px;
}

.mega-dropdown .mega-dropdown-menu li a {
    color: #444;
    display: block;
    font-size: 13px;
    padding: 3px 6px;
}

.mega-dropdown .mega-dropdown-menu li a > strong {
    color: #7c1417;
}

.menuO .navbar {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    margin: 0;
}

.menuO .navbar-collapse {
    text-align: center;
}

.menuO .nav.navbar-nav {
    display: inline-block;
    float: none;
    margin-bottom: -6px;
}

.menuO .navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 12px;
    padding: 15px 7px;
}

.menuO .navbar-default .navbar-nav > li > a:hover, .menuO .navbar-default .navbar-nav > li > a:focus {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}

.sec1 .item {
    height: 60vh;
}

.sec1 .item > img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

.item {
    position: relative;
}

.item_inner {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    color: #fff;
    height: 100%;
    left: 0;
    padding: 10vh 20%;
    position: absolute;
    top: 0;
    width: 100%;
}

.item_inner h2 {
    font-size: 54px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.item_inner h4 {
    font-size: 30px;
    font-weight: normal !important;
    line-height: 1.5;
    margin-bottom: 15px;
}

.item_inner > a {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 16px;
    padding: 12px 32px;
}

.sec2 {
    padding: 30px 15px;
}

.sec2 > .container {
    padding: 0;
}

.sec3 {
    background: #eee none repeat scroll 0 0;
    color: #000;
    font-size: 14px;
    line-height: 2;
    padding: 40px 15px;
    text-align: center;
}

/*
.sec3 a {
    background: #000 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 50px;
}
*/

.sec4 i {
    font-size: 40px;
}

.sec4 {
    background: #fff none repeat scroll 0 0;
    padding: 30px 15px;
}

.sec4 h4 {
    color: #000;
    font-family: "Lato",sans-serif;
    font-weight: normal !important;
}

.sec4 h5 {
    color: #999;
    font-weight: normal !important;
}

.amount1 {
    text-align: center;
}

.amount {
/*    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
*/
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 0;
}

.price_product {
    color: #888;
    font-size: 16px;
    font-weight: 600;
    padding: 0 10px 0 14px;
    text-decoration: line-through;
}

.offer_price {
    color: #7c1417;
    font-size: 16px;
    font-weight: 600;
}


.price_productL {
    color: #888;
    font-weight: 600;
    padding: 0 10px 0 14px;
    text-decoration: line-through;
}

.offer_priceL {
    color: #7c1417;
    font-weight: 600;
}
.buy_icons {
    text-align: center;
}

.addtocart1 {
    background: #7c1417 none repeat scroll 0 0;
    border: 2px solid #7c1417;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 20px;
    transition: background 0.5s ease 0s, color 0.5s ease 0s;
}

.addtocart1:hover, .addtocart1:focus {
    background: #fff none repeat scroll 0 0;
    color: #7c1417;
}

.listBox {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    /*box-shadow: 4px 4px 4px 0 #aaa;*/
    height: 414px;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 12px;
    position: relative;
    transition: box-shadow 0.2s ease 0s;
}

.listBox:hover, .listBox:focus {
    box-shadow: 0 0 4px 0 #aaa;
}



.listBox > h4 {
    font-family: "Lato",sans-serif;
    font-size: 15px;
    font-weight: 300 !important;
    height: 35px;
    margin: 15px 0 10px;
    padding: 0 10px;
    text-align: center;
}

.title1 {
    font-family: "Open Sans",sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin: 5px 0 30px;
    text-align: center;
}

.title1a {
    font-size: 28px;
}

.catTabs {
    border: 0 none;
    text-align: center;
}

.catTabs > li {
    display: inline-block;
    float: none;
}

.catTabs > li.active {
    margin: 0;
}

.catTabs > li > a {
    border: 2px solid transparent;
    border-radius: 0;
    color: #000 !important;
    font-family: "Poppins",sans-serif;
    padding: 0;
}

.catTabs > li > a:hover, .catTabs > li > a:focus {
    background: #000 none repeat scroll 0 0;
    border-color: #000;
    color: #fff !important;
}

.catTabs > li > a > span {
    display: block;
    padding: 10px 15px;
}

.catTabs > li.active > a, .catTabs > li.active > a:hover, .catTabs > li.active > a:focus {
    background: transparent none repeat scroll 0 0 !important;
    border: 2px solid #000;
    border-radius: 0;
    color: #000 !important;
    font-weight: 600;
}

.sec5 {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 15px 15px 30px;
}

.sec6 {
    background: #fff none repeat scroll 0 0;
    padding: 15px 15px 30px;
}

.sec7 {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 15px 15px 30px;
}

.footerO1 {
    background: #fff none repeat scroll 0 0;
    padding: 15px 15px 35px;
    text-align: center;
}

.footerO1 img {
    max-width: 100%;
}

/*
.footerO2 .container {
    width: 100%;
}
*/

.footerO2 {
    background: #000 none repeat scroll 0 0;
    color: #a1a1a1;
    font-size: 14px;
    padding: 30px 15px;
}

.footerO2 h3 {
    /*border-bottom: 1px solid #7c1417;*/
    color: #fff;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 8px;
    position: relative;
}

.footerO2 h3::after {
    background: #7c1417 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 120px;
}

.footerO2 a {
    color: #a1a1a1;
    display: block;
    margin-bottom: 5px;
}

.sociIcon > a {
    display: inline-block;
    font-size: 35px;
}

.footerO2 .form-control {
    background: #fff none repeat scroll 0 0;
    font-size: 16px;
    height: 40px;
    padding: 5px 10px;
}

.subsBtn, .subsBtn:hover, .subsBtn:focus {
    background: #7c1417 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    height: 40px;
    padding: 8px 20px;
}

.footerO2 hr {
    background: #7c1417 none repeat scroll 0 0;
    border: 0 none;
    height: 1px;
}

.footerO3 {
    background: #1d1d1d none repeat scroll 0 0;
    color: #ddd;
    font-size: 14px;
    padding: 12px 15px;
    text-align: center;
}

.footerO0 {
    background: #f5f5f5 none repeat scroll 0 0;
    color: #000;
    font-size: 16px;
    padding: 20px 15px;
    text-align: center;
}

.headScroll {
    background: #333 none repeat scroll 0 0;
    color: #EACC72;
    font-size: 14px;
    padding: 0;
}

.headScroll marquee {
    padding: 6px 0;
}

.headRight {
    color: #fff;
    font-size: 13px;
    display: inline-block;
    height: 100%;
    padding: 15px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    
    
}

.headRight a {
    color: #fff;
   
}

.searchBox1 {
    margin: 0;
}

.searchBox1 input {
    border: 1px solid #333;
    color: #333;
    display: inline-block;
    float: left;
    padding-left: 10px;
    width: calc(100% - 85px);
}

.searchBox > button, .searchBox1 > button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #333;
    display: inline-block;
}

.headRight a > i {
    font-size: 20px;
}

.forflex {
    display: flex;
}

.sec9 {
    background: #000 none repeat scroll 0 0;
}

.sec9 > .container {
    width: 100%;
}

.sec9LHS {
    background: rgba(0, 0, 0, 0) url("../images/sec9bg.jpg") repeat scroll 0 0 / cover ;
}

.sec9RHS {
    color: #fff;
    padding: 200px 40px;
    text-align: center;
}

.sec9RHS > h2 {
    font-family: "Lato",sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
}

.price1 {
    color: #7c1417;
}

.sec9RHS > p {
    font-size: 15px;
    font-weight: 600;
}

/*
.sec9RHS > a {
    background: #fff none repeat scroll 0 0;
    border-radius: 30px;
    color: #000;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    padding: 20px 45px;
}
*/

.sec10 {
    background: #f4f4f4 none repeat scroll 0 0;
    padding: 30px 15px;
}

.blogBox {
    background: #fff none repeat scroll 0 0;
    padding: 10px;
}

.blogBox img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

.blogBox h3 {
    font-size: 22px;
    font-weight: 400 !important;
    margin: 10px 0 18px;
}

.blogBox p {
    color: #555;
    line-height: 1.8;
    margin-bottom: 20px;
}

.blogBox a {
    background: #333 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    padding: 10px 16px;
}

.sec11 {
    background: #1d1d1d none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    padding: 20px 15px 30px;
}

.sec11 a {
    color: #fff;
}

.searchBtn {
    background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
    border: 0px solid;
    height: 30px;
    width: 30px;
    font-size: 19px;
    
}

#modal_search .modal-dialog {
    color: #333;
    text-align: left;
    width: 90%;
}

#modal_search .modal-content {
    background-color: rgba(255, 255, 255, 1);
}

#modal_search .modal-title {
    color: #333;
    font-size: 24px;
    font-weight: 400 !important;
}

.searchBox input {
    font-size: 30px;
    height: auto;
    padding: 20px 10px;
}

.buy_icons .form-control {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #000;
    display: inline-block;
    padding: 5px 1px;
    text-align: center;
    width: 50px;
}

.buy_icons1 .form-control {
    height: 24px;
    padding: 1px 1px;
}

.buy_icons1 .addtocart1 {
    font-size: 13px;
    height: 25px;
    padding: 1px 14px;
    vertical-align: top;
}

.heartIcon, .heartIcon:hover, .heartIcon:focus {
    color: #7c1417;
    font-size: 18px;
}

.sec8 {
    background: #fff none repeat scroll 0 0;
    padding: 20px 15px 40px;
}

.sec8Box {
    text-align: center;
}

.sec8Box i {
    font-size: 50px;
}

.sec8Box > h3 {
    color: #000;
    font-family: "Poppins",sans-serif;
    font-size: 20px;
    font-weight: 400 !important;
    margin: 18px 0 4px;
}

.sec8Box > p {
    color: #333;
}

.sec8a {
    background: rgba(0, 0, 0, 0) url("../images/sec8abg.jpg") no-repeat scroll right top / cover;
    color: #fff;
    height: 1000px;
    overflow: hidden;
    padding: 400px 15px 50px;
}

.sec8a h3 {
    font-size: 64px;
    font-weight: 500 !important;
    line-height: 1.2;
    margin-bottom: 30px;
}

.sec8a p {
    color: #ddd;
    font-size: 30px;
    line-height: 1.2;
}

.listCaurosel .carousel-control {
    width: 5%;
}

.listCaurosel .carousel-control {
    background: transparent none repeat scroll 0 0;
    color: #000;
    opacity: 1;
}

.listCaurosel .right {
    right: -7%;
}

.listCaurosel .left {
    left: -7%;
}

.mega-dropdown .mega-dropdown-menu li > a > img {
    border: 1px solid #ccc;
}

#banner .carousel-control {
    background-image: none !important;
}

.glyphicon {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 0 4px 2px #333;
    color: #000;
    display: inline-block;
    font-size: 18px !important;
    height: 50px !important;
    padding-top: 15px;
    position: absolute;
    top: calc(50% - 45px);
    width: 50px !important;
    z-index: 5;
}

.left .glyphicon {
    left: 50%;
}

.right .glyphicon {
    right: 50%;
}

.glyphicon.fa {
    color: #333;
    font-size: 26px !important;
    height: 40px !important;
    padding-top: 6px;
    width: 40px !important;
}

.font-grey{
    color: #bfbfbf !important;
}

.font-grey a{
    color: #bfbfbf !important;
}

.listImg {
    display: block;
    height: 250px;
    padding: 10px;
    text-align: center;
}

.listImg > img {
    max-height: 100%;
    max-width: 100%;
}

.listBox1 .listImg {
    height: 170px;
}

.listBox1 .addtocart1 {
    font-size: 13px;
    padding: 3px 12px;
}

.listBox1 .buy_icons .form-control {
    height: auto;
    padding: 3px 10px;
}

.listRow > .col-sm-4.col-md-3.col-lg-2 {
    padding: 0 8px;
}

.listRow {
    margin: 0 -8px;
}

.listBox1 > h4 {
    color: #000;
    font-size: 14px;
    height: 36px;
    overflow: hidden;
}

.listBox1 {
    box-shadow: 4px 4px 4px 0 #aaa;
    height: 306px;
    margin-bottom: 16px;
    overflow: hidden;
    transition: box-shadow 0.2s ease 0s;
}

.listBox1:hover, .listBox1:focus {
    box-shadow: 0 0 4px 0 #aaa;
}

.listsec1 {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 4px 4px 0 #eee;
    padding: 5px 15px;
}

.gridList {
    display: inline-block;
}

.gridList > button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #999;
    font-size: 28px;
    line-height: 28px;
    padding: 3px 5px;
}

.gridList > button.active {
    color: #7c1417;
}

.sortBy {
    display: inline-block;
}

.sortBy .form-control {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #333;
    color: #333;
    display: inline-block;
    font-size: 14px;
    height: auto;
    padding: 4px 10px 4px 3px;
    vertical-align: super;
    /*width: 85px;*/
    width: auto;
}

.btnlistS {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #333;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 33px;
    width: 34.6px;
}

.product_name {
    color: #000;
    font-size: 14px;
}

.product_name:hover, .product_name:focus {
    color: #7c1417;
}

.listTable tbody {
    font-size: 13px;
}

.listsec2 {
    padding: 30px 15px;
}

.detailsec1 {
    background: #eee none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-size: 13px;
    padding: 10px 15px;
}

.detailsec2 {
    background: #fff none repeat scroll 0 0;
    padding: 50px 15px;
}

.detailTitle {
    color: #000;
    font-family: "Lato",sans-serif;
    font-weight: 400 !important;
}

.detailImg {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    box-shadow: 4px 4px 3px 0 #ccc;
    padding: 15px;
    width: 100%;
}

.buy_icons1 {
    text-align: right;
}

.detailAmt > span {
    padding: 0;
}

.detailAmt .price_product {
    font-size: 20px;
}

.detailAmt .offer_price {
    font-size: 26px;
}

.detailAmt .amount {
    font-size: 26px;
}

.detailsec2 .tab-pane {
    border: 1px solid #ddd;
    color: #666;
    padding: 22px 20px;
}

.detailsec2 .nav-tabs li > a {
    border-radius: 0;
    color: #000;
}

.detailsec2 .nav-tabs li.active > a {
    background: #ddd none repeat scroll 0 0;
    color: #000;
}

.headRight .dropdown {
    display: inline-block;
}

.headRight .dropdown .dropdown-menu {
    color: #333;
    left: auto;
    max-height: 250px;
    min-height: 70px;
    right: calc(-100% + 15px);
    width: 340px;
}

.create_box {
    padding: 60px 0 20px;
}

.create_head {
    font-size: 24px;
    padding: 0 0 10px;
    text-align: center;
}

.create_head1 {
    font-size: 24px;
    padding: 0 0 10px;
}

.create_hr {
    background: #ccc none repeat scroll 0 0;
    height: 1px;
}

.label_color {
    color: #666666;
}

.create_box1 {
    padding: 20px 0;
}

.btn_login, .btn_login:hover, .btn_login:focus {
    background: #7c1417 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 25px;
}

.already_account {
    color: #737373;
    padding-bottom: 50px;
}

.sign_color {
    color: #7c1417;
}

.menuO {
    border-bottom: 1px solid #ddd;
}

.signup_content .input_design {
    border: 1px solid #999;
    padding: 6px 12px;
}

.dataTables_info {
    float: left;
    width: 49%;
    margin: 20px 0;
}

#dynamic-table_info.dataTables_info {
    float: none;
    width: 100%;
    margin: 0 0 20px;
    text-align: right;
}

.dataTables_filter {
    text-align: right;
}

.dataTables_paginate {
    float: right;
    text-align: right;
    width: 49%;
}

.borderBox {
    border: 1px solid #ccc;
    padding: 20px 15px 15px;
}

.borderBox > h3 {
    font-size: 15px;
    margin-bottom: 30px;
}

.orClass {
    position: relative;
    text-align: center;
}

/*
.orClass > span {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #666;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    padding-top: 8px;
    width: 40px;
}
*/

.orClass > span {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    left: 0;
    margin: 0 auto;
    padding: 2px 8px;
    position: absolute;
    right: 0;
    top: -12px;
    width: 110px;
}

.orClass > i {
    background: #666 none repeat scroll 0 0;
    display: block;
    height: 1px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #7c1417;
    border-color: #7c1417;
}

.pagination > li > a, .pagination > li > span {
    color: #333;
}

.orderMsg1 {
    color: #7c1417;
    display: inline;
    font-weight: 600;
}

.orderMsg2 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
}

.orderMsg2 > span {
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

.sec8Box img {
    height: 60px;
}

.shop1 img {
    height: auto;
    width: 45px;
}

.listBox > h4 > a {
    color: #333;
}

.btn-social-facebook, .btn-social-facebook:hover, .btn-social-facebook:focus {
    display: block;
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
    padding: 8px 1.15rem;
    width: 100%;
    font-size: 15px;
}

.btn-social-facebook i {
    font-size: 28px;
    margin-right: 6px;
}

.btn-social-google {
    background-color: #ededed;
    border-color: #ededed;
    color: #4d4d4d;
    padding: 8px 1.15rem;
    width: 100%;
    font-size: 15px;
}

.register_border .form-control {
    border-width: 1px;
    padding: 6px 12px;
}

.offBox {
    background: #7c1417 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 6px 16px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.offBox > span {
    font-size: 14px;
    font-weight: 600;
}

.lowstk {
    color: #7c1417;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 15px;
    text-align: center;
}

.outstk {
    color: #666;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 15px;
    text-align: center;
}

.detailsec2 .carousel-indicators {
    bottom: -10px;
    left: 0;
    margin: 0;
    position: relative;
    right: 0;
    width: 100%;
}

.detailsec2 .carousel-indicators > li {
    border-color: #333;
}

.detailsec2 .carousel-indicators > li.active {
    background: #7c1417 none repeat scroll 0 0;
    border-color: #7c1417;
}

.detailBox h3 {
    /*border-bottom: 1px solid #7c1417;*/
    color: #000;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 8px;
    position: relative;
}

.detailBox h3::after {
    background: #7c1417 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 120px;
}

.detailBox > p {
    line-height: 2;
}

.noticon {
    background: #7c1417 none repeat scroll 0 0;
    border-radius: 50%;
    font-size: 8px;
    font-weight: 600;
    height: 16px;
    padding-top: 2px;
    position: absolute;
    right: -11px;
    text-align: center;
    top: -8px;
    width: 16px;
}

.tr1 {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}

.listTable {
    border-bottom: 1px solid #ccc;
}

.listsec1a {
    background: #ddd none repeat scroll 0 0;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
    display: none;
    padding: 30px 0 25px;
}

.listsec1a .form-control {
    background: #fff none repeat scroll 0 0;
}

.listsec1a.active {
    display: block;
}

.advBtn {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
    color: #666;
    font-size: 15px;
    padding: 6px 10px;
}

.btn_search, .btn_search:hover, .btn_search:focus {
    background: #7c1417 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    padding: 6px 5px;
    width: 100%;
}

.btn_reset, .btn_reset:hover, .btn_reset:focus {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #7c1417;
    border-radius: 0;
    color: #7c1417;
    font-weight: 600;
    padding: 6px 5px;
    width: 100%;
}

.cateBox a, .cateBox a:hover, .cateBox a:focus {
    color: #444;
    display: block;
    padding: 4px 0;
}

.input-group .form-control {
    border-left: 0 none;
    height: 40px;
    padding-left: 2px;
}

.input-group-addon {
    background-color: #fff;
    border-color: #999;
    border-radius: 0;
    color: #888;
}

.footerO1 img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: 3px 3px 3px -2px #333;
    padding: 10px;
}

.advSearchForm .col-sm-2 {
    width: 20%;
}

.ms-choice {
    border: medium none;
}

.ms-drop {
    border-radius: 0;
    margin-left: -12px;
    margin-top: 0;
}

.ms-drop input[type="checkbox"] {
    font-size: 13px;
    margin-right: 6px;
    vertical-align: sub;
}

.ms-drop ul > li label {
    font-size: 13px;
}

.ms-choice > span {
    padding-left: 12px;
    top: 3px;
}

.offShow, .offShow:hover, .offShow:focus {
    background-color: #f1cbcb;
    color: #7c1417;
    cursor: pointer;
    display: block;
    font-size: 13px;
    margin-top: 7px;
    padding: 4px 0;
    text-align: center;
}


.offShowG, .offShowG:hover, .offShowG:focus {
    background-color: #ccc;
    color: #7c1417;
    cursor: pointer;
    display: block;
    font-size: 13px;
    margin-top: 7px;
    padding: 4px 0;
    text-align: center;
}


.offShow2, .offShow2:hover, .offShow2:focus {
    background-color: #f1cbcb;
    border: 1px solid #f1cbcb;
    color: #7c1417;
    display: block;
    font-size: 13px;
    padding: 4px 10px;
    text-align: center;
}


td > .amount {
    font-size: 12px;
    font-weight: 400;
}

.blackBg {
    background: #000 none repeat scroll 0 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff !important;
    text-align: left;
}

.blackBg a {
    color: #fff;
}

.advBtn small {
    font-size: 80%;
}

.footlogo {
    max-height: 150px;
    max-width: 100%;
}

.soItemname {
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.soOffTxt {
    color: #7c1417;
}

#show_offers .tr1 {
    background: #f1cbcb none repeat scroll 0 0;
    color: #7c1417;
}

.norspTxt {
    color: #999;
    font-style: italic;
    font-weight: 600;
    padding: 4px 0;
}

.enqBtn {
    background-color: #f1cbcb;
    border: 1px solid #f1cbcb;
    border-radius: 2px;
    color: #7c1417;
    letter-spacing: 1px;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 600;
}

.fweight800{
font-weight: 800;
}

.table-striped>tr:nth-child(odd).highlight > td{
   background-color:maroon !important;
}

.enquiry_contact1{
    color:maroon;
}

/*-- Custom Style Ends --*/



/*-- Responsive --*/

@media (min-width: 1280px) {
    .container {
        width: 1280px;
    }

    .listCaurosel .left {
        left: -4%;
    }

    .listCaurosel .right {
        right: -4%;
    }
}

@media (max-width: 1279px) {
    .container {
        width: 100%;
    }

    .sec8a {
        height: 800px;
        padding: 309px 15px 50px;
    }

    .sec8a h3 {
        font-size: 54px;
    }

    .sec8a p {
        font-size: 26px;
    }
}

/*-- 1024 --*/
@media (max-width:1100px) {

    .sec8a {
        height: 700px;
        padding: 250px 15px 50px;
    }

    .sec8a h3 {
        font-size: 48px;
    }

    .sec8a p {
        font-size: 22px;
    }

}

/*-- 800 --*/
@media (max-width:998px) {

    .headTop {
        text-align: left;
    }

    .headTop img {
        height: 100px;
    }

    .sec8a {
        height: 500px;
        padding: 180px 15px 50px;
    }

    .sec8a h3 {
        font-size: 34px;
    }

    .sec8a p {
        font-size: 18px;
    }

    .listTable {
        max-width: 200%;
        width: 200%;
    }

    .listsec1a .container {
        padding: 0 30px;
    }

    .listCaurosel .left {
        left: -5%;
    }

    .listCaurosel .right {
        right: -5%;
    }

}

/*-- 600/640/675 --*/
@media (max-width:767px) {

    .headTop {
        padding-left: 0;
    }

    .item_inner h2 {
        font-size: 26px;
    }

    .item_inner h4 {
        font-size: 18px;
    }

    .sec8a {
        background: rgba(0, 0, 0, 0) url("../images/sec8abg.jpg") no-repeat scroll center top / cover ;
        height: auto;
        padding: 60px 15px;
    }

    .sec11 .container {
        padding: 0;
    }

    .listTable {
        max-width: 150%;
        width: 150%;
    }
    .menuO .nav.navbar-nav {
        display: block;
    }
    .menuO .navbar-default .navbar-nav > li > a {
        border-bottom: 1px solid #ddd;
        color: #333;
        font-size: 14px;
        padding: 10px 6px;
    }

    .new_customer {
        border-right: 0 none;
        padding: 0;
    }

    .register_border {
        padding: 0;
    }

    .advSearchForm .col-sm-2 {
        width: 100%;
    }

    .pagination > li > a, .pagination > li > span {
        font-size: 13px;
        padding: 5px 6px;
    }

    .dataTables_info, .dataTables_paginate {
        width: 100%;
    }

    .pagging {
        margin-top: 20px;
    }

    .pagging a, .pagging span {
        font-size: 13px;
        padding: 5px !important;
    }

    .headRight .dropdown .dropdown-menu {
        right: -100px;
    }

    .shop1 img {
        height: auto;
        width: 45px;
    }

    #form_news .subsBtn {
        width: 100%;
    }

    .forflex {
        display: block;
    }

    .sec9LHS {
        height: 250px;
    }

    .sec9RHS {
        padding: 50px 40px;
    }

    .listCaurosel .left {
        left: -7%;
    }

    .listCaurosel .right {
        right: -7%;
    }


}

/*-- 480 --*/
@media (max-width:599px) {

}

/*-- 360/375 --*/
@media (max-width:479px) {

}

/*-- 320 --*/
@media (max-width:359px) {

}


/*-- New css for filter-area 30-5-2020 --*/
.filter-area,div#listgrid_view{
    width: 100%;
    float: left;
}
.filterForm .card.col-xs-6:nth-child(odd){
    padding-left: 5px;
}
.filterForm .card.col-xs-6:nth-child(even){
    padding-right: 5px;
} 
.filterForm .card{
    margin: 2px 0;    
}
.filterForm .card-header {
    width: 100%;
    border: 1px solid #000;
    padding: 7px 5px;    
    cursor: pointer;
    position: relative;
}
.filterForm .card input {
    width: 100%;
    border: 0;
    padding: 0;
    border-radius:  0;
    outline: none;
}
.filterForm .card-header > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
}
.filterForm .card-header.collapsed > a:before {
    float: right !important;
    content:"\f067";
}
.filterForm .card-body {
    background: #cdcdcd;
    border: 1px solid #000;
    padding: 5px
}
.filterForm .card-body label {
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: space-between;
    width: 100%;
    font-weight: normal;
}
.filterForm .card-body label input[type="checkbox"] {
    width: auto;
    margin: 0;
    border-radius: 0;
}
p.filter-header{
    font-weight: bold;
    position: relative;
    float: left;
    width: 100%;
}

@media only screen and (max-width: 767px){
    p.filter-header{
        width: 100%;
        border: 1px solid #000;
        padding: 7px 5px;
        cursor: pointer;
        position: relative;
        z-index: 2;
    }
    p.filter-header:before{
        float: right !important;
        font-family: FontAwesome;
        content:"\f067";
        padding-right: 5px;
        font-size: 12px;
        position: absolute;
        right: 5px;
        top: 50%;
        bottom: 0;
        transform: translateY(-50%);
    } 
    p.filter-header.open:before{
        float: right !important;
        content:"\f068";
    }
    .filter-area{
        display: none;
    }
    .filter-area.filter--open{
        display: block;
    }
    .sortBy, .sortBy .form-control{
        width: 100%; 
        margin-top: 5px;
    }
    .sortBy .form-control{
        width: 100%;
        border: 1px solid #000;
        padding: 7px 5px;
        cursor: pointer;
        position: relative;
        z-index: 2;
        margin-bottom: 5px;
    }
}

.searchBox2 input {
border-color: white;
min-width: 5px;
}


@media (max-width:599px) {
    .closeMob { display: none; }

	#clearText { display: none; }
}