body , h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', sans-serif;
}
input, a, button, select, textarea {
    outline: none; 
}
button {
    cursor: pointer;
}
button:focus {
    outline: 0 !important;
}
.clearfx {
    clear: both;
}
/*a:hover {*/
/*    color: #f36c38;*/
/*}*/
.topbar {
    background: #394c6a;
    padding: 8px 0;
}
.topbardiv {
    display: flex;
    justify-content: space-between;
}
.currency select {
    font-size: 14px;
    color:#fff;
    border: 0;
    background: transparent;
}
.toplinks {
    font-size: 14px;
    color:#394c6a;
    text-align: right;
    padding: 9px 0 20px 0;
}
.toplinks li {
    display:inline-block;
    position: relative;
}
.toplinks ul {
    margin:0;
    padding: 0;
    list-style: none;
}
.toplinks ul li {
    display: inline-block;
    padding: 0 2px;
    position: relative;
}
.toplinks a {
    font-size: 14px;
    color:#394c6a;
    display: inline-block;
}
.toplinks li ul {
    position: absolute;
    left: 0;
    top: 22px;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    z-index: 9999;
    background: #fff;
    width: 200px;
    text-align: left;
    border: 1px solid #ccc;
}
.toplinks li:hover ul {
    display: block;
}
.toplinks li ul li {
    border-bottom: 1px solid #ccc;
    display: block;
    margin: 0 10px;
}
.toplinks li ul li a {
    color: #394c6a;
    font-size: 12px;
    line-height: 35px;
    display: block;
}
.socialicns {
    padding: 44px 0 0 0;
}
.socialicns a {
    color: #000000;
    font-size: 15px;
    display: inline-block;
    padding-right: 3px;
}
.email , .phone {
    font-size: 14px;
    color: #7f7f7f;
}
.email a {
    font-size: 14px;
    color: #394c6a;
}
.phone b {
    font-size: 16px;
    color: #394c6a;
}
.searchCart {
    display: flex;
}
.searchCart form {
    display:block;
    width: calc(100% - 165px);
}
.searchdiv {
    width: 100%;
    border:1px solid #7f7f7f;
    float: right;
    margin-top: 3px;
}
.searchdiv input {
    height: 30px;
    width: 80%;
    border: 0;
    border-radius: 0;
    color: #7f7f7f;
    font-size: 13px;
    outline: none;
}
.searchdiv button {
    border: 0;
    border-radius: 0;
    color: #000;
    background: transparent;
    float: right;
}
.cart {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    text-align: right;
    clear: both;
    position: relative;
    width: 154px;
    margin-left: auto;
}
.cart:hover  .cart_block_list {
    display: block;
}
.ccount {
    line-height: 35px;
    color: #000;
}
.manimenu {
    background: #394c6a;
    padding-top:0;
    padding-bottom:0;
}
.manimenu a {
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
}
.manimenu a:hover {
    text-decoration: none;
    color: #f36c38;
}
.manimenu .navbar-brand {
    display: none;
}
.manimenu .navbar-nav {
    width: 100%;
    justify-content: space-around;
}
.navbar-nav > li:last-child {
    background: #f36d38;
}
.navbar-nav > li:last-child a:hover {
    color: #fff;
}
.navbar-toggler-icon {
    height: auto;
    color:#394c6a;
}
.navbar-toggler {
    padding: 0;
}
.navbar-nav li {
    position: relative;
}
.navbar-nav > li {
    padding: 7px 0px;
}
.navbar-nav > li > a:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 2px;
    bottom: 5px;
    left: 50%;
    margin-left: -18px;
    visibility: hidden;
    transform: scaleX(0);
    transition: .6s;
    background-color: #fff;
}
.navbar-nav > li > a:hover:before {
    visibility: visible;
    transform: scaleX(1);
}
.navbar-nav li ul {
    position: absolute;
    left: 0;
    top: 35px;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    z-index: 9999;
    background: #fff;
    width: 200px;
    box-shadow: 0 0 3px #ccc;
    transition: .3s;
    z-index: 99999;
}
.navbar-nav li:hover > ul {
    display: block;
}
.navbar-nav li ul ul, .navbar-nav ul ul ul ul {
    display:none;
    left: 199px;
    top: 3px;
}
.navbar-nav li ul li:hover > ul, .navbar-nav li ul ul li:hover ul {
    display:block;
}
.navbar-nav li ul li {
    border-bottom: 1px solid #ccc;
}
.navbar-nav li ul li a {
    color: #394c6a;
}
.navbar-nav ul i {
    float:right;
    margin-top:3px;
}
.mobileHeader, .searchHeading, .footerlinks h5 i, .closeNav, .mobMenuShadow {
    display:none;
}
.accountpic {
    border-radius: 50%;
    width: 112px;
    height:112px;
    border:8px solid #b2b6c1;
    overflow: hidden;
}
.outlinebtn {
    border-radius:10px;
    border: 1px solid #4f6280;
    display: inline-block;
    padding: 7px 14px;
    color: #007ffe;
    background: #fff;
    font-size: 14px;
}
.emessage {
    position:absolute;
    width:100%;
    text-align: center;
    font-size: 12px;
}
.modal-content {
    border-radius: 19px;
    overflow: hidden;
}
.modal-header {
    min-height:50px;
    background: #394c6a;
    color: #fff;
}
.modal-header h4 {
    font-size: 16px;
    color: #fff;
}
/* The container */
.container {
  display: block;
  position: relative;
  /*padding-left: 35px;*/
  /*margin-bottom: 12px;*/
  /*cursor: pointer;*/
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* custom radio button */
.cradio {
    position: relative !important;
    display: inline-block !important;
    width: 100px !important;
    pointer-events: all !important;
    padding-left: 27px !important;
    top: 0 !important;
    color: #7e7e7e !important;
}
.cradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.cradio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #d8dbe2;
  border-radius: 50%;
}
.cradio:hover input ~ .checkmark {
  background-color: #ccc;
}
.cradio input:checked ~ .checkmark {
  background-color: #394c6a;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.cradio input:checked ~ .checkmark:after {
  display: block;
  display:none;
}
.cradio .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
	display:none;
}

.ohistiryList {
    display: block;
    padding-bottom:20px;
}
.oInfo {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    display: flex;
    padding: 7px 0;
}
.perInfo {
    width:20%;
    text-align: left;
}
.perInfo h6 {
    text-transform: uppercase;
    color: #3a4d6e;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.perInfo p {
    color: #7f7f7f;
    font-size: 13px;
    margin: 0;
    padding: 0;
}
.orderImgBtns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.subordHeadImg {
    display: flex;
    max-width: 372px;
    padding-top: 7px;
}
.orderBtns {
    width: 264px;
}
.orderBtns a {
    display: block;
    border:1px solid #bfbfbf;
    border-radius: 9px;
    color:#3a4b67;
    line-height: 37px;
    text-align: center;
    font-size: 14px;
    margin: 7px 0;
}
.ordProdName {
    color:#394c6a;
    font-size: 14px;
    margin: 0;
}
.delevered {
    color:#394c6a;
    font-size: 16px;
}
.cancelled {
    color:#ff0101;
    font-size: 16px;
}
.inprogress {
    color:#f56c36;
    font-size: 16px;
}
.soldby {
    font-size: 12px;
    color:#808080;
}
.soldby span {
    text-transform: uppercase;
    font-weight: bold;
    color:#394c6a;
}
.ordImg {
    width:95px;
    height: 107px;
    border-radius: 9px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}
.ordImg img {
    max-width: 100%;
    max-height: 100%;
    width:auto;
    height: auto;
}
.fiveprod {
    width:20%;
    box-sizing: border-box;
    padding: 10px;
}
.viewAllb {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    padding: 0 10px;
    background: #ff6b3b;
    border: 1px solid #ff6b3b;
    border: 0;
    border-radius: 7px;
    line-height: 30px;
    font-weight: bold;
    bottom: 12px;
    right: 0;
}
.loadmore {
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 7px;
    line-height: 30px;
    color:#7e7e7e;
    display: inline-block;
}
#ProductDescription ul {
    font-size: 14px;
    color: #7f7f7f;
}
#resetpasspop .modal-title, #thankfororder .modal-title , #paymentsuccess .modal-title, #welcomepop .modal-title {
    width: 100%;
    padding-left: 24px;
}

#resetpasspop.bluepop .modal-content, #paymentsuccess.bluepop .modal-content {
    border: 2px solid #394c6a;
}
#thankfororder.orangepop .modal-content, #welcomepop.orangepop .modal-content {
    border: 2px solid #ff6d2d;
}
#thankfororder.orangepop .modal-header, #welcomepop.orangepop .modal-header {
    background-color: #ff6d2d;
}
#resetpasspop.bluepop .modal-header, #paymentsuccess.bluepop .modal-header {
    background-color: #394c6a;
}
#resetpasspop.bluepop .genbutton, #paymentsuccess.bluepop .genbutton {
    background-color: #394c6a;
}
.textbutton {
    font-weight: bold;
    color: #394c6a;
}
.bigheadingpop {
    font-size: 40px;
    color: #394c6a;
    text-align: center;
    font-weight: 300;
}
.graycupon {
    background-color: #e3ecf5;
    padding: 10px 12px;
}
.cuponInputbox {
    background-color: #fff;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    border: 1px solid #a6a8ab;
}
.cuponInputbox input {
    border: 0;
    background-color: #fff;
    color:gray;
    width: 75%;
    padding: 8px;
}
.cuponInputbox button {
    border: 0;
    background-color: #fff;
    color: #f36c38;
    border-left: 1px solid #a6a8ab;
    padding:0 8px;
}
.graycupon h6 {
    margin:0;
    text-transform: uppercase;
    font-size: 16px;
    color:gray;
}
.dealList {
    padding: 10px 0;
}
.dealblock {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
}
.deal {
    background: #fbdeca;
    color: #92603e;
    line-height: 40px;
    padding: 0 27px;
    font-size: 14px;
}
.apply {
    color: #f36c38;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    line-height: 40px;
}
.getpercent {
    color: #000;
    font-weight: 700;
    font-size: 14px;
}
.codedetail {
    font-size: 14px;
    color: #6c6f6f;
}
a.morecupons {
    font-size: 14px;
    color: cadetblue;
}
#coupon_code_success_modal .modal-footer {
    border:0;
}
#reviewpop label {
    display: block;
    font-size: 12px;
    color: #f36c38;
}
#reviewpop textarea {
    width:100%;
    height:120px;
    border:1px solid #ccc;
    font-size: 12px;
}
@media (max-width:991px) {
    body {
        padding-top: 80px;
    }
    .menuIn h6 {
        font-size: 16px;
        color: #fff;
        padding-top: 7px;
        background: #f36c38;
        margin-bottom: 7px;
        padding-bottom: 7px;
        padding-left: 7px;
    }
    .menuIn h6 i.fa-angle-right {
        display: none;
    }
    .menuIn h6 i {
        margin-right: 10px;
        float: left !important;
        margin-top: 0;
    }
    .toplinks {
        display:none;
        position: fixed;
        top: 84px;
        z-index: 99;
        background: #394c6a;
        right: 0;
        width: 300px;
        max-width: 90%;
    }
    .toplinks ul li {
        display: block;
        border-bottom: 1px solid #fff;
    }
    .toplinks li.divider {
        display: none;
    }
    .toplinks a {
        font-size: 15px;
        padding: 7px;
        text-align: left;
        display: block;
        color: #fff;
    }
    .searchdiv {
        display:none;
        position: fixed;
    }
    .mobilenone, .ccount {
        display: none;
    }
    .topbar {
        padding:0;
    }
    .manimenu {
        background: #fff;
    }
    .navbar {
        padding-top: 0;
        padding:0;
    }
    .mobileHeader {
        display: block;
        width: 100%;
        padding:0 12px;
        position: fixed;
        top: 0;
        background: #fff;
        z-index: 99;
    }
    .mobileHeader i {
        color: #394c6a;
        font-size: 24px;
    }
    .mobileHeader a {
        display: inline-block;
        padding: 0 6px;
        margin: 0 3px;
    }
    .navbar-nav {
        position:relative;
        overflow:hidden;
        background: #394c6a;
        border: 1px solid #394c6a;
        border-top:0;
        height: 100%;
        padding: 12px;
        justify-content: unset !important;
    }
    .navbar-nav li {
        position: static;
        padding: 0 7px;
    }
    .navbar-nav li i {
        float: right;
    }
    .navbar-nav li ul, .navbar-nav li ul ul, .navbar-nav ul ul ul ul {
        left: 110%;
        top: 0;
        width: 100%;
        background: #394c6a;
        box-shadow: none;
    }
    .navbar-nav li ul li a {
        color: #fff;
    }
    .navbar-nav ul.menuIn {
        left: 0 !important;
        height:100%;
        overflow: auto;
    }
    .mobMenuShadow {
        position: fixed;
        left: 0;
        z-index: 999;
        top: 0px;
        bottom: 0;
        width:100%;
        background: rgba(255, 255, 255, 0.7);
        transition: .6s;
        display:block;
        opacity:1;
    }
    #navbarNav {
        position: fixed;
        left: 0;
        z-index: 1000;
        top: 0px;
        bottom: 0;
        width:350px;
        max-width: 77%;
        transition: .6s;
    }
    #navbarNav.navIsHide {
        left: -100%;
    }
    .hideShadow {
        opacity: 0;
        pointer-events: none;
    }
    
    .closeNav {
        display: block;
        background: #fff;
        font-weight: bold;
        text-align: center;
        font-size: 16px;
        padding: 12px 0;
        color:#394c6a !important;
    }
    .searchHeading {
        display: block;
        text-align: center;
        background: #394c6a;
        color: #fff;
        font-size: 16px;
        padding: 8px 0;
    }
    .searchdiv {
        border: 1px solid #394c6a;
        background: #fff;
        top: 90px;
        z-index: 99;
        width: 100%;
        left: 0;
    }
    .searchdiv input {
        height: 40px;
    }
    .searchdiv button {
        margin-top: 5px;
        margin-bottom: 7px;
    }
    .cart_block_list {
        position: fixed;
        right:0;
        top: 0px !important;
    }
    .mobileAcc {
        display:none;
    }
    .footerlinks h5 {
        padding: 7px 4px;
    }
    .footerlinks h5 i {
        float: right;
        display: block;
    }
    .guidbar, .setting {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.allheadings {
    font-size: 22px;
    font-weight: 600;
    color:#3e5170;
    background: url(../img/blockheading_bg_left.png) no-repeat left center;
    display: inline-block;
    text-transform: uppercase;
    padding: 38px 0;
    padding-left: 145px;
}
.allheadings span {
    background: url(../img/blockheading_bg_right.png) no-repeat right center;
    display: block;
    padding-right: 145px;
}
.setting {
    padding: 45px 0;
}
.settingdiv {
    border-radius: 10px;
    border: 1px solid #bfbfbf;
    text-align: center;
    padding: 12px 0;
    overflow: hidden;
    display: block;
}

.categoribar div.container {
    border: 1px solid #bfbfbf;
    border-left: 0;
    border-right: 0;
    padding-top: 27px;
    padding-bottom:27px;
    margin-top: 45px;
}
.categoribar span {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #575757;
}


.offers span.offersname {
    background: #546e98;
    font-size: 22px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding: 7px 0;
    color: #FFF;
}
.offers span.offersname b {
    color: #ff7200;
}


.product-image {
    position: relative;
    height: 232px;
    overflow: hidden;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-image img {
    border-radius: 15px;
    max-width: 100%;
    height: auto;
}
.product-discount-label {
    position: absolute;
    left: 0;
    top: 0;
    background: #ff6d2d;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    display: block;
    width: 40px;
    border-radius: 15px 13px 0px 15px;
    padding: 4px;
    line-height: 18px;
}
.product-new-label {
    position: absolute;
    right: 0;
    top: 0;
    background: #00b376;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    line-height: 30px;
    padding-left: 8px;
    padding-right: 16px;
    border-radius: 0px 13px 0px 15px;
}
.moveCart {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    text-align: center;
    padding: 9px 0;
    margin-top: 9px;
}
.moveCart a {
    display: block;
    color:#494949;
    text-transform: uppercase;
    font-size: 12px;
}
.love {
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: block;
    background: url(../img/lovenot.png) no-repeat left top;
}
.love:hover , .love.active {
    background: url(../img/love.png) no-repeat left top;
}
.product-content h3 {
    margin-bottom: 0;
    padding-top: 10px;
}
.product-content h3, .product-content h3 a {
    font-size: 14px;
    color: #989595;
    font-weight: 400;
    display: block;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}
.price {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.price span {
    color: rgb(85, 84, 84);
    text-decoration: line-through;
}
.rating {
    margin: 0;
    padding: 0;
    color: #d2d0cb;
}
.rating .active {
    color: #ffb400;
}
.product-grid {
    margin-bottom: 26px;
}

.cart_block_list {
    position: absolute;
    width: 270px;
    background: #fff;
    z-index: 9999;
    border: 1px solid #394c6a;
    box-shadow: 1px 0px 4px #000;
    text-transform: capitalize;
    font-size: 13px;
    right:0;
    top: 35px;
    display: none;
}
.cart_block_list dt:after {
    clear: both;
    content: '';
    display: block;
}
.cart-images {
    float: left;
    margin-right: 20px;
}
.cart-images img {
    width: 40px;
    height: auto;
}
.cart-info {
    overflow: hidden;
    position: relative;
    padding-right: 20px;
}
.product-name {
    padding-bottom: 5px;
    margin-top: -4px;
}
.price {
    font-size: 15px;
    color: #0e0e0e;
    white-space: nowrap;
    padding-top: 4px;
}
dl.products {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
dl.products dt {
    padding: 10px 0;
    background: #f2f2f2;
    margin-bottom: 2px;
    padding-left: 10px;
}
.cart_block_no_products {
    padding: 0 10px;
}
.cart-prices {
    padding: 0 10px;
}
.cart-prices .price {
    float: right;
}
.cart-prices {
    text-align: left;
}
.cart-buttons {
    background: #3e5170;
    margin:0;
    padding: 10px 0;
    text-align: center;
}
.checkbutton {
    background: #ff7200;
    color: #fff;
    font-style: 13px;
    display: inline-block;
    border-radius: 7px;
    line-height: 25px;
    width: 70%;
    text-transform: uppercase;
}
.cart_block_product_name {
    color: #ff7200;
}
/* footert starts here */
footer {
    background: #394c6a;
    padding: 28px 0 0 0;
}
footer form {
    padding: 47px 10px 10px 28px;
}
footer input[type=text] {
    background: #fff;
    border:0;
    border-radius: 0;
    width: calc(100% - 105px);
    height: 40px;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
}
footer label {
    width: 301px;
    display: inline-block;
    padding: 0 0 0 8px;
    font-size:18px;
    color: #fff;
    vertical-align: middle;
}
footer label i {
    color: #f36c38;
    font-size: 34px !important;
    vertical-align: sub;
}
.newsletterinputDiv {
    display: inline-block;
    width: 480px;
    max-width:100%;
    padding: 0 0 0 0px;
}
.newsletterinputDiv button {
    width: 97px;
    background: #f36c38;
    height: 40px;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 0;
}
footer h5 {
    color: #f36c38;
    font-size: 16px;
}
footer ul li a {
    font-size: 15px;
    color: #fff;
}
footer ul li a:hover {
    color: #fdff4c;
    text-decoration: none;
}
.border-top {
    border-top:1px solid #394d68 !important;
}
.copydiv {
    display: flex;
    justify-content: space-between;
    padding-bottom: 14px;
}
.copydiv p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size:15px;
}
footer .socialicns {
    padding: 0;
}
footer .email , footer .phone {
    font-size: 14px;
    color: #fff;
}
footer .email a {
    font-size: 14px;
    color: #fff;
}
footer .phone b {
    font-size: 16px;
    color: #fff;
}


.headings {
    font-size: 20px;
    color: #ff6b3b;
    padding: 10px 0;
}
.addresslistBlck {
    border: 1px solid #bfbfbf;
    border-radius: 15px;
    height: 100%;
}
.addresslistBlck h4 {
    background: #fff;
    margin:0;
    padding: 10px 25px;
    font-size: 16px;
    color: #9d9d9d;
    border-radius: 15px 15px 0 0;
    margin-bottom: 15px;
    border: 1px solid #dfdfdf;
}
.addresslistBlck h4 a, .addresslistBlck h4 span {
    display: block;
    padding-left: 30px;
    position: relative;
    color: #9d9d9d;
}
.addresslistBlck h4 a:after, .addresslistBlck h4 span:after {
    content:'';
    position: absolute;
    left:0;
    top:1px;
    height:18px;
    width:18px;
    border-radius: 50%;
    background:#d8dbe2;
}
.addresslistBlck h4 span:after {
    background:#394c6a;
}
.loginblock {
    border: 1px solid #394d68;
    border-radius: 15px;
    height: 100%;
}
.loginblock small {
    font-size: 12px;
}
.loginblock h4 {
    background: #394d68;
    margin:0;
    padding: 7px 15px;
    font-size: 16px;
    color: #ff6b3b;
    text-align: center;
    border-radius: 15px 15px 0 0;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.loginblock label {
    display: block;
    width: 95%;
    color: #ff6b3b;
    font-size: 12px;
    text-align: left;
    margin-bottom: 0;
    padding-left: 4px;
    position: absolute;
    pointer-events: none;
    top: 27px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.loginblock .norm {
    top: 0px;
}
.loginblock input[type=text], .loginblock input[type=password], .loginblock input[type=email], .loginblock select, .inputlook {
    border:0;
    border-bottom: 1px solid #cacaca;
    border-radius: 0;
    font-size: 12px;
    text-align: left;
    color:#000;
    width: 100%;
    margin-bottom: 10px;
    height: 30px;
    margin-top: 21px;
}
.forgotpass {
    font-size: 12px;
    color: #384e68;
    font-style: italic;
    text-decoration: underline;
    display: block;
    text-align: left;
}
.genbutton {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    padding: 0 40px;
    background: #ff6b3b;
    border: 1px solid #ff6b3b;
    border: 0;
    border-radius: 7px;
    line-height: 30px;
    display: inline-block;
    margin-bottom: 10px;
    white-space: nowrap;
}
.dullbutton {
    color: #7f7f7f;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    padding: 0 40px;
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 7px;
    line-height: 30px;
    display: inline-block;
    margin-bottom: 10px;
}
.loginblock p {
    font-size: 12px;
    padding: 10px 0;
    margin-bottom: 0;
}
.supportlogin {
    color: #384e68;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    padding: 0 40px;
    background: #fff;
    border: 1px solid #384e68;
    border-radius: 7px;
    line-height: 35px;
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: top;
}
.abcRioButton {
    box-shadow: none !important;
}
.addnewaddlink {
    border-top: 1px dashed #cacaca;
    border-bottom: 1px dashed #cacaca;
    margin: -20px 0 32px 0;
    padding: 12px
}
.addnewaddlink a {
    color:#f26c39;
    font-size:18px;
    line-height:30px;
}
.addnewaddlink a i {
    font-size: 22px;
}
.form-check-inline label {
    position: static;
}
.productList {
    background: #fff;
}
.productList:after, .container:after {
    content: '';
    display: block;
    clear: both;
}
.breadcrumbs {
    padding: 15px 0;
    font-size: 13px;
    color: #7f7f7f;
}
.breadcrumbs a {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    color: #7f7f7f;
}
.breadcrumbs a + a {
    margin-left: 10px;
}
.breadcrumbs b {
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
    color: #f36c38;
}
h2.categoryName {
    font-size: 24px;
    color:#394c6a;
    font-weight: 400;
    padding-bottom: 15px;
}
.shortDiv {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #bfbfbf;
    padding: 9px 0;
    margin-bottom: 28px;
}
.leftList {
    width: 195px;
    padding: 0 15px;
    float: left;
}
.listDiv {
    padding: 0 15px;
    float: left;
    width: calc(100% - 195px);
}
.cmspage p, .cmspage ul {
    font-size: 14px;
    color: #7f7f7f;
}
#accordion .card {
    margin-bottom: 10px;
}
#accordion h5 button {
    display: block;
    font-size: 15px;
    color: #000;
    width: 100%;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
#accordion h5 button i {
    position: absolute;
    right: 9px;
    top: 9px;
    font-size: 25px;
}
#accordion h5 button .fa-angle-down {
    display: block;
}
#accordion h5 button .fa-angle-up {
    display: none;
}
#accordion h5 button.collapsed .fa-angle-down {
    display: none;
}
#accordion h5 button.collapsed .fa-angle-up {
    display: block;
}
#accordion ul {
    margin:0;
    padding:0 14px;
    list-style: none;
}
#accordion ul li {
    cursor: pointer;
    font-size: 13px;
    color: #7f7f7f;
    line-height: 25px;
}
#accordion ul li.active, #accordion ul li:hover {
    color: #000;
}
a.clearall {
    display: block;
    margin: 7px 7px 7px 14px;
    font-size: 15px;
    color: #ea5e00;
}
.shortBy {
    position: relative;
    padding: 0 0 0 12px;
    height: 33px;
    line-height: 32px;
    font-size: 13px;
    color: #7f7f7f;
    border: 1px solid #bfbfbf;
    text-transform: uppercase;
    width: 194px;
    cursor: pointer;
}
.shortBy i.fa-sort-amount-desc {
    margin-right: 7px;
}
.shortBy i.fa-sort-desc {
    position: absolute;
    right: 10px;
    top: 7px
}
.showing {
    color: #7f7f7f;
    font-size: 15px;
}
.showing select {
    width: 66px;
    height: 33px;
    border: 1px solid #bfbfbf;
    color: #7f7f7f;
    font-size: 14px;
}
.shortCat {
    position: absolute;
    left:0;
    right: 0;
    top: 32px;
    border: 1px solid #bfbfbf;
    background: #fff;
    z-index: 99;
    display: none;
    padding: 4px 0;
}
.shortBy:hover .shortCat {
    display: block;
}
.shortCat span {
    display: block;
    font-size: 13px;
    color: #020202;
    line-height: 24px;
    position: relative;
    background: #fff;
    padding: 0 10px;
}
.shortCat span:hover {
    background: #e7e7e7;
}
.shortCat span:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #ffddbe;
}
.shortCat span:hover:after {
    background: #ff7a03;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
.productDetail h2 {
    margin:0;
    padding: 0;
    font-size: 24px;
    color: #394c6a;
}
.title-attr {
    font-size: 16px;
    color: #282828;
    text-transform: capitalize;
    font-weight: 600;
}
.priceDetail {
    font-size: 36px;
    color:#282828;
    font-weight: 600;
}
.priceDetail span {
    font-size: 26px;
    display: inline-block;
    padding: 0 4px;
    text-decoration: line-through;
    color: #bfbfbf;
    font-weight: 400;
    vertical-align: middle;
}
.priceDetail b {
    font-size: 20px;
    display: inline-block;
    padding: 6px 10px;
    text-decoration: line-through;
    color: #fff;
    font-weight: 400;
    background: #ff6d2d;
    border-radius: 7px;
    margin-left: 10px;
    vertical-align: middle;
}
.colorpopbox {
    position:relative;
    border: 2px solid #fff;
    margin-right:5px;
}
.colorpopbox.active {
    border: 2px solid #ccc;
}
.colorpop {
    position: absolute;
    width: 60px;
    z-index: 99;
    left: -15px;
    bottom: 35px;
    height: 70px;
    border: 3px solid #394c6a;
    border-radius: 6px;
    display: none;
}
.colorpop span {
    display: block;
    background: #fff;
    color:#000;
    font-size: 11px;
    text-transform: capitalize;
    text-align: center;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 2px 2px 0 0
}
.colorpopbox:hover .colorpop {
    display: block;
}
.colorpop:after {
    position:absolute;
    content:'';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #394c6a transparent transparent transparent;
    left:20px;bottom: -8px;

}
.dd-container {
    margin-bottom: 12px;
}
.dd-select {
    border-radius: 7px !important;
    overflow: hidden;
    background: #fff !important;
}
.dd-selected {
    padding: 0 !important;
    font-weight: 400 !important;
    font-size: 15px;
    color: #282828;
}
.dd-selected-text {
    margin: 0;
    line-height: 35px !important;
}
.dd-option {
    padding: 0 !important;
}
.dd-option label {
    margin: 0 !important;
    line-height: 30px !important;
}
#size, .castomselect {
    border: 1px solid #bfbfbf;
    height: 38px;
    width: 233px;
    border-radius: 7px;
    margin-bottom: 15px;
}
.qttdiv {
    height: 38px;
    width: 120px;
    border: 1px solid #bfbfbf;
    border-radius: 7px;
    display:flex;
    flex-direction: row;
    overflow: hidden;
}
.btn-minus, .btn-plus {
    cursor:pointer;
    font-size:14px;
    text-align: center;
    width: 28px;
    line-height: 36px;
}
.btn-minus {
    
}
.btn-plus { 
    
}
.qttdiv input {
    width: 62px;
    border:0;
    border-radius: 0;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    text-align: center;
}
.buybuttons {
    width: 398px;
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden;
}
.buybuttons a {
    display: inline-block;
    width: 50%;
    color: #fff;
    background: #3e5170;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    line-height: 47px;
}
.buybuttons a + a {
    background: #ff6d2d;
}
.shareWishlist {
    width: 322px;
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #d6d6d6;
    margin-top: 20px;
}
.shareWishlist a {
    display: inline-block;
    width: 49%;
    color: #282828;
    text-align: center;
    font-size: 15px;
    line-height: 39px;
}
.shareWishlist a + a {
    border-left: 1px solid #d6d6d6;
}
.productDetail .bx-wrapper {
    margin: 10px auto;
}
.bx-wrapper .bx-prev {
    background: url(../img/arrow_right_p.png) no-repeat left top;
    left: -34px
}
.bx-wrapper .bx-next {
    background: url(../img/arrow_left_p.png) no-repeat left top;
    right: -34px
}
.desctab p {
    font-size: 14px;
    color: #7f7f7f;
}
.desctab a.nav-link {
    color: #7f7f7f;
    font-size: 15px;
}
.desctab .nav-link.active {
    color: #000;
}
.loader {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(255,255,255,0.7);
    display:none;
    justify-content: center;
    align-items: center;
}
/*.loaderimg {*/
/*    top:47%;*/
/*    left:49%;*/
/*    position:fixed;*/
/*}*/
/* custom checkbox start */
.chekhold {
    display: block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .chekhold input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .checkmark {
    position: absolute;
    top: 4px;
    right: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 1px solid #ccc;
  }
  .chekhold:hover input ~ .checkmark {
    background-color: #ccc;
  }
  .chekhold input:checked ~ .checkmark {
    background-color: #fff;
    border: 1px solid #ccc;
  }
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .chekhold input:checked ~ .checkmark:after {
    display: block;
  }
  .chekhold .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #35cc97;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  /* cart css */
  .cartindecator {
      padding: 10px 0;
      text-align: center;
  }
  .cartindecator span {
      font-size: 24px;
      color: #bfbfbf;
      display: inline-block;
      padding: 0 10px;
      font-weight: 600;
  }
  .cartindecator span.activestate {
      color: #394c6a;
  }
  .totalhead {
      display: block;
      font-size:16px;
      color: #f36c38;
      text-transform: uppercase;
      font-weight: 600;
      border-top: 1px solid #bfbfbf;
      line-height: 42px;
  }
  .totalBox {
       border: 1px solid #bfbfbf;
       padding: 10px;
  }
  .leftrightText {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      padding: 3px 0;
  }
  .leftrightText span {
      font-size: 14px;
      color: #282828;
  }
  .leftrightText b {
      font-size: 16px;
      color: #313131;
   }
   .leftrightText span.payable {
        font-size: 16px;
        color: #000000;
        text-transform: uppercase;
        line-height: 15px;
    }
    .leftrightText span.payable i {
        text-transform: capitalize;
        display: block;
        text-align: right;
        font-size: 12px;
        color:#7f7f7f;
    }
    .leftrightText b.totalpricecart {
        font-weight: 600;
        font-size: 18px;
        color: #ff6d2d;
    }
    .bordertopgray {
        border-top: 1px solid #bfbfbf;
    }
   .cuponInput {
        border: 1px solid #bfbfbf;
        border-bottom: none;
        height: 44px;
        line-height: 41px;
        font-size: 13px;
        color:#aaaaaa;
        text-align: center;
        border-radius: 7px 7px 0 0;
        width: 100%;
        margin-top: 12px;
   }
   .cuponsubmit {
        border: 1px solid #bfbfbf;
        border-top: none;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        color: #fff;
        text-align: left;
        border-radius: 7px;
        background: #394c6a;
        width: 100%;
        margin: 12px 0;
        padding-left: 15px;
        display: flex;
        align-items: center;
        justify-content: start;
        position: relative;
   }
   .cuponsubmit span.cpnpercent {
       width: 34px;
        height: 41px;
        display: inline-block;
        color: #fff;
        position: relative;
        font-size: 36px;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        margin-top: 4px;
   }
   .closeCupon {
       position: absolute;
        display: inline-block;
        padding: 5px;
        color: #fff;
        right: 0;
   }
   .cuponsubmit b {
       display: block;
   }
   .closeCupon:hover {
       color:#f36c38;
   }
   span.cpnpercent:after {
        content: "%";
        color: #394c6a;
        position: absolute;
        left: 7px;
        top: 3px;
        font-size: 22px;
        font-weight: bold;
   }
   .totalpriceBig {
       font-size: 33px;
       font-weight: 600;
       color: #fff;
       text-align: center;
       background: #3e5170;
       line-height: 49px;
       display: block;
       margin-top: 10px;
       border-radius: 7px;
   }
   .proceedBtn {
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        text-align: center;
        background: #ff6d2d;
        line-height: 42px;
        display: block;
        margin-top: 10px;
        border-radius: 7px;
        text-transform: uppercase;
   }
   .continueshopping {
       font-size: 16px;
       color: #7f7f7f;
   }
   .carttable thead, .orderlisttable thead {
        border-top: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
    }
    .carttable thead th, .orderlisttable thead th {
        line-height: 39px;
        font-weight: 600;
        font-size: 16px;
        color: #394c6a;
    }
    .orderlisttable .qttdiv {
        justify-content: center;
    }
   .cartlistImg {
       width: 94px;
       max-height: 110px;
       border-radius: 12px;
       margin-right: 7px;
       float: left;
   }
   .cartmiddle {
       display: flex;
        align-items: center;
        padding-left: 7px;
   }
   .carttable td, .orderlisttable td {
        padding: 10px 0;
    }
    .orderlisttable .prodname {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
   .cartDesc {
       /*margin-left: 105px;*/
       text-transform: uppercase;
       padding-left:5px;
   }
   .prodname {
       font-size: 14px;
       color: #394c6a;
       font-weight: 600;
       display: block;
   }
   .prodname:hover {
       color: #ff6d2d;
   }
   .sizecolorinfo {
       display: flex;
       flex-direction: row;
       justify-content: space-around;
       border-radius: 7px;
       border: 1px solid #bfbfbf;
       min-width: 200px;
       margin-top: 20px;
   }
   .sizecolorinfo b {
       font-size: 12px;
       text-transform: uppercase;
       color: #000;
       width: 49%;
       display: block;
       padding-left: 7px;
       line-height: 14px;
       padding-top: 5px;
       padding-bottom: 5px;
   }
   .sizecolorinfo b + b {
        border-left: 1px solid #bfbfbf;
   }
   .sizecolorinfo b i {
       font-weight: 400;
       text-transform: capitalize;
       color: #7f7f7f;
       display: block;
       white-space: nowrap;
   }
   .attredit {
       display: flex;
       flex-direction: row;
       display: none;
   }
   .editsizecolor {
       border: 1px solid #bfbfbf;
       border-radius: 7px;
       line-height: 36px;
       padding: 0 7px;
       font-size: 15px;
       color: #7f7f7f;
       margin-top: 20px;
       text-transform: capitalize;
       margin-right: 5px;
       display: inline-block;
       margin-left: 5px;
   }
   .removeIcon {
       line-height: 36px;
       padding: 0 7px;
       font-size: 15px;
       color: #7f7f7f;
       text-transform: capitalize;
       margin-right: 5px;
       display: inline-block;
       margin-left: 5px;
   }
   .reviewfield {
       width:100px;
       font-size:13px;
       color:#4c4b4b;
       display: inline-block;
        vertical-align: top;
   }
   .subtotallist .editsizecolor {
       margin-top: 0px;
   }
   .carttable .qttdiv, .orderlisttable .qttdiv {
        height: 25px;
        width: 72px;
    }
    .carttable .btn-minus, .carttable .btn-plus {
        font-size: 10px;
        width: 15px;
        line-height: 22px;
        background: #e7e7e7;
    }
    .carttable .qttdiv input {
        width: 39px;
        font-size:12px;
    }
    .carttable .priceDetail, .orderlisttable .priceDetail {
        font-size: 16px;
        display:inline;
    }
    .carttable .priceDetail span, .orderlisttable .priceDetail span  {
        display: block;
        font-size: 14px;
    }
    .carttable .priceDetail b, .orderlisttable .priceDetail b {
        font-size: 14px;
        margin-left: 0;
    }
    .subtotallist {
        color:#282828;
        font-size: 16px;
        font-weight: 600;
    }
    .move-to-cart {
        display: inline-block;
        background: #ff6d2d;
        color: #fff;
        font-size: 13px;
        padding: 4px 10px;
        border-radius: 7px;
    }
    .trashprod {
        position: absolute;
        right: 0;
        top: 9px;
        background: #ff6d2d;
        color: #fff;
        font-size: 16px;
        text-align: center;
        display: block;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        padding: 4px;
    }
    .trashprod i {
        color: #fff;
    }
    .deleveraddress {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
    }
    .deleveraddress a.dullbutton {
        width: 66px;
        text-align: center;
    }
    .deleveraddress p {
        color:#9d9d9d;
        font-size: 14px;
    }
    .deleveraddress p span {
        color:#394c6a;
        font-size: 13px;
        display: block;
        font-weight: bold;
    }
    .protection {
        width: 50%;
        padding-left: 11px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .returnpolicy {
        width: 48%;
        border-left: 1px solid #394d68;
        padding-left: 27px;
        padding-top: 9px;
        line-height: 12px;
    }
    .returnpolicy a {
        color: #ff6b3b;
    }
    .reviewdiv {
        text-align: right;
        padding: 3px 15px;
    }
    .reviewdiv span {
        display: inline-block;
        font-size: 15px;
        color: #666666;
    }
    .reviewdiv span strong {
        display: block;
    }
    .reviewdiv b {
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        width: 122px;
        color: #313131;
    }
    .reviewdiv b.colororange {
        color: #ff6b3b;
    }
    .methods {
        display: block;
        padding: 10px 35px;
        font-size: 16px;
        color:#000;
        background: #fff;
        border-top:1px solid #ff6b3b;
    }
    .methods img {
        /*margin-right: 40px;*/
    }
    .methods:hover , .methods.selectact {
        background: #ffe6dc;
    }
    .methods i {
        float: right;
        font-size: 25px;
    }
    /* blog css starts */
    .article_image {
        margin-bottom: 16px;
        position: relative;
    }
    span.post-share {
        position: relative;
        display: block;
        z-index: 9999;
    }
    .social-share-wrapper {
        z-index: 100;
    }
    .share {
        padding: 10px 14px;
        font-size: 11px;
        font-weight: bold;
        cursor: pointer;
        position: absolute;
        right: 0;
        z-index: 999;
    }
    .share i {
        margin-left: 7px;
        color: #fff;
    }
    .social-share {
        position: absolute;
        right: 0px;
        top: -2px;
        background-color: transparent;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        opacity: 0;
        width: 125px;
        height: 27px;
    }
    .social-share.active {
        right: 25px;
        opacity: 1;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    .article_image:after {
        content: '\A';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.2);
        opacity: 0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .article_image:hover:after {
        opacity: 1;
    }
    .post-share {
        opacity: 0;
    }
    .article_image:hover .post-share {
        opacity: 1;
    }
    .social-share .share-icon:first-child {
        margin-left: 10px;
    }
    .social-share .share-icon {
        display: inline-block;
        margin: 0 5px;
        line-height: 28px;
        padding: 5px 0;
        color:#ff6b3b;
    }
    .social-share .share-icon a {
        color:#fff;
    }
    .social-share .share-icon a:hover {
        color:#ff6b3b;
    }
    .entry_article_header {
        margin-bottom: 16px;
    }
    .entry_article_header h1 {
        font-size: 30px;
        margin-bottom: 0;
    }
    span.category {
        margin-bottom: 18px;
        display: block;
        margin-top: -34px;
        position: relative;
        text-align: center;
    }
    span.category a {
        margin: 0 4px 4px 4px;
        background: #ff6b3b;
        padding: 6px 10px;
        letter-spacing: 2px;
        border: 4px double #eee;
        color: #fff;
    }
   .entry_article_header h2 {
        margin-bottom: 12px;
        max-width: 100%;
        line-height: 20px;
    }
    .entry_article_header h2 a {
        font-size: 18px;
        letter-spacing: 1px;
        color: #394c6a;
    }
    .meta-container {
        display: block;
        text-align: center;
        padding: 0 0 30px 0;
    }
    .list-meta {
        float: left;
    }
    .post-date {
        color: #999;
        font-family: cursive;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 500;
    }
    .CT_view_counter_home {
        color: #999;
        font-family: Cursive;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 500;
        text-align: right;
        display: block;
    }
    .post-tags {
        float: left;
        margin-bottom: -15px;
        padding-bottom: 13px;
        clear: both;
        font-size: 12px;
        font-family: "Raleway", sans-serif;
    }
    .post-tags a {
        font-size: 9px !important;
        letter-spacing: 1px;
        text-transform: uppercase;
        background: #FAFAFA;
        color: #111;
        padding: 6px 7px 7px 8px;
        margin-right: 5px;
        margin-bottom: 8px;
        display: inline-block;
        BORDER-BOTTOM: 2px solid #efefef;
        -o-transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        transition: .3s;
    }
    .social_share_area-box.share-comments {
        text-align: right;
        display: block;
    }
    .social_share_area-box.share-comments a {
        color:#394c6a;
        font-size: 13px;
    }
    .post-tags a:hover {
        opacity: .7;
        text-decoration: none;
        background: #ff6b3b;
        color: #fff;
    }
    .social_share_area {
        margin-top: 10px;
        text-align: center;
    }
    .social_share_area-box.share-buttons a {
        color: #000;
        margin: 0 8px;
        -o-transition: .3s;
        -ms-transition: .3s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        transition: .3s;
    }
    .post-author {
        margin-bottom: 60px;
        margin-top: 60px;
        overflow: hidden;
    }
    .author-img {
        float: left;
        margin-right: 30px;
    }
    .author-content-area {
        overflow: hidden;
    }
    .author-content-area a {
        color:#394c6a;
    }
    .post-related {
        overflow: hidden;
        margin-bottom: 60px;
        margin-top: 30px;
    }
    .item-related h3 {
        margin-bottom: 0px;
        font-size: 20px;
        margin-top: 7px;
    }
    .item-related h3 a {
        color:#394c6a;
    }
    .item-related span.date {
        font-size: 13px;
        font-style: italic;
        color: #999;
    }
    .ct_post_area-title {
        font-size: 12px;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 3px;
        position: relative;
        line-height: 1em;
        font-weight: 700;
        text-align: center;
    }
    .ct_post_area-title span {
        padding: 9px 24px;
        position: relative;
        z-index: 5;
        background: #fafafa;
        text-align: center;
        color: #111;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
        position: relative;
        margin-bottom: 25px;
        line-height: 3;
        font-weight: 500;
        border-bottom: 2px solid #EFEFEF;
    }
    #respond input, #respond select, #respond textarea {
        border: 1px solid #ddd;
        color: #888;
        padding: 9px 10px;
        width: 100%;
        box-sizing: border-box;
    }
    #respond h3 {
        font-size: 11px;
        color: #999;
        margin-bottom: 20px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    #respond textarea {
        padding: 14px;
        height: 130px;
        font-size: 13px;
        color: #777;
        margin-bottom: 14px;
        line-height: 20px;
    }
    #respond label {
        color: #888;
        width: 80px;
        font-size: 13px;
        display: inline-block;
        font-weight: 300;
        font-style: italic;
    }
    #respond input {
        padding: 8px 10px;
        margin-right: 10px;
        color: #999;
        margin-bottom: 15px;
        font-size: 11px;
        width: 250px;
    }
    #respond #submit {
        padding: 11px 20px;
        width: auto;
        font-size: 10px;
        margin-top: 0;
        background: #394c6a;
        color: #fff;
    }
    .widget-title {
        background: #fafafa;
        text-align: center;
        color: #111;
        padding: 13px 0;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
        position: relative;
        margin-bottom: 25px;
        font-weight: 500;
        border-bottom: 2px solid #EFEFEF;
    }
    .about-title {
        display: block;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .side-newsfeed {
        list-style: none;
        margin: 0;
        padding:0;
    }
    .widget ul.side-newsfeed li {
        list-style-type: none;
        margin-bottom: 17px;
        padding-bottom: 13px;
        margin-left: 0;
        border-bottom: 1px dotted #d5d5d5;
    }
    .widget ul.side-newsfeed li .side-item .side-image {
        float: left;
        margin-right: 14px;
    }
    .widget ul.side-newsfeed li .side-item .side-item-text {
        overflow: hidden;
    }
    .widget ul.side-newsfeed li .side-item .side-item-text h4 {
        margin-bottom: 4px;
        font-size: 14px;
    }
    .widget ul.side-newsfeed li .side-item .side-item-text h4 a {
        color: #ff6b3b;
    }
    .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
        font-size: 12px;
        color: #999;
        font-style: italic;
    }
    .widget ul.side-newsfeed li .side-item .side-image img {
        width: 100px;
        height: auto;
    }
    .widget ul {
        margin: 0;
        padding: 0;
    }
    .widget ul li {
        margin-bottom: 9px;
        padding-bottom: 9px;
        border-bottom: 1px dotted #d5d5d5;
        color: #999;
        list-style: none;
    }
    .widget ul li a {
        color: #242424;
    }
    .widget ul li a:hover {
        color: #ff6b3b;
    }
    /* blog css ends */
    /* news css starts */
    .post-media {
        position: relative;
        overflow: hidden;
    }
    .post-media img, .masonry-box img {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .hovereffect {
        position: absolute;
        top: 0;
        opacity: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.2);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        zoom: 1;
        filter: alpha(opacity=0);
        opacity: 0.5;
        background: -moz-linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.1) 50%);
        background: -webkit-linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.1) 50%);
        background: linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.1) 50%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#00000000',GradientType=1);
    }
    .post-media:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    .post-media:hover .hovereffect span::before, .post-media:hover .hovereffect {
        visibility: visible;
        zoom: 1;
        filter: alpha(opacity=100);
        opacity: 1;
    }
    .blog-meta.big-meta h4 {
        margin-left: -20%;
        margin-top: 1rem;
        background-color: #fff;
        padding: 1rem 1.5rem 1rem;
    }
    .blog-meta.big-meta h4 a {
        color: #FF6347;
    }
    .blog-meta small {
        font-size: 11px;
        display: inline-block;
        margin-bottom: 0;
        padding-bottom: 0;
        color: #111111;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 0.5rem;
    }
    .bg-orange {
        background-color: #FF6347!important;
    }
    .blog-meta small a, .blog-meta small {
        font-weight: 500;
        color: #999!important;
    }
    .blog-meta .bg-orange {
        color: #fff!important;
        padding: 0 0.8rem;
        border-radius: 3px;
    }
    .blog-meta small.firstsmall:after {
        content: ""!important;
        padding-left: 0;
    }
    /* news css ends */
    .orderdetails .loginblock {
        height: auto;
        margin-bottom: 15px;
    }
    .orderdetails .loginblock p {
        padding-top: 0;
    }
    .listcontent {
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .listcontent .product-image {
        max-width: 121px;
        margin: 10px 0;
    }
    .orderdetails .loginblock h5 {
        font-size: 15px;
        padding-top: 15px;
    }
    .summertext {
        margin: 0;
        padding: 0 !important;
        display: flex;
        justify-content: space-between;
    }
    
    .manufacturers a {
        display: flex;
        height:124px;
        border:1px solid #c9c9c9;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-bottom: 37px;
        border-radius: 12px;
        transition: all .3s ease-in-out;
    }
    .manufacturers a:hover {
        box-shadow: 0 0 14px rgba(0,0,0,0.3);
    }
    .manufacturers span {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        display: block;
        top: 127px;
        color: #afaaaa;
        text-transform: capitalize;
        font-size: 14px;
    }
    .manufacturers img {
        max-width: 97%;
        max-height: 97%;
        width: auto;
        height: auto;
    }
    .guide0, .guide1, .guide2, .guide3 {
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
        color: #3e5170;
        font-weight: bold;
        border-radius: 15px;
        margin-bottom: 10px;
        padding: 15px 0;
    } 
    .guide0 img, .guide1 img, .guide2 img, .guide3 img {
        width:86px;
        height: auto;
    }
    .guide0 {
        background-color: #aef1ea;
    }
    .guide1 {
        background-color: #9ca5b4;
    }
    .guide2 {
        background-color: #fff;
        border: 1px solid #ccc;
    }
    .guide3 {
        background-color: #f9b59b;
    }
    .offersrow {
        text-align: center;
    }
    .offersblock {
        display: inline-block;
        width: 250px;
        margin: 7px 10px;
    }
    .eyeopen, .eyeclose {
        position: absolute;
        right: 0;
        bottom: 18px;
        color: #ff6b3b;
        font-size: 17px;
    }
    .eyeclose {
        color: #9a9796;
    }
    .eyeopen:hover, .eyeclose:hover {
        text-decoration: none;
    }
    .eyeopen .fa-eye-slash, .eyeclose .fa-eye {
        display: none;
    }
    .eyeclose .fa-eye-slash, .eyeopen .fa-eye {
        display: block;
    }
    #writereview {
        display: none;
        padding-top: 20px;
    }
    .openreview {
        display: inline-block;
        color: #fff;
        background: #ff6d2d;
        text-transform: uppercase;
        text-align: center;
        font-size: 14px;
        line-height: 40px;
        padding: 0 20px;
    }
    #writereview label {
        display:block;
    }
    #writereview textarea {
        width: 500px;
        max-width: 100%;
        border: 1px solid #ccc;
        height:60px;
        border-radius: 0;
        margin-bottom:10px;
    }
    #writereview input[type=text] {
        width: 500px;
        max-width: 100%;
        border: 1px solid #ccc;
        border-radius: 0;
        margin-bottom:10px;
    }
    .methods input[type=radio] {
        width: auto;
        margin-right: 20px;
    }
    @media only screen and (max-width: 992px) {
        .carttable table, .carttable thead, .carttable tbody, .carttable th, .carttable td, .carttable tr,
        .orderlisttable table, .orderlisttable thead, .orderlisttable tbody, .orderlisttable th, .orderlisttable td, .orderlisttable tr  {
            display: block;
          }
          .carttable thead tr, .orderlisttable thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
          }
          .carttable tr, .orderlisttable tr { 
              border: 1px solid #ccc; 
              border-top:0;
            }
          .carttable td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            /* padding-left: 200px; */
            margin-left: 89px;
          }
          .carttable td:before {
            position: absolute;
            top: 12px;
            left: 6px;
            width: 77px;
            white-space: nowrap;
            margin-left: -87px;
            font-size:14px;
          }
          .orderlisttable td {
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            margin-left: 103px;
          }
          .orderlisttable td:after {
              display: block;
              clear: both;
              content: '';
          }
          .orderlisttable td:before {
            position: absolute;
            top: 8px;
            left: -8px;
            width: 93px;
            white-space: nowrap;
            margin-left: -87px;
          }
          .carttable td:nth-of-type(1):before { content: "Product"; }
          .carttable td:nth-of-type(2):before { content: "Qty"; }
          .carttable td:nth-of-type(3):before { content: "Price"; }
          .carttable td:nth-of-type(4):before { content: "Subtotal";}
    
          .orderlisttable td:nth-of-type(1):before { content: "Product"; }
          .orderlisttable td:nth-of-type(2):before { content: "Qty"; }
          .orderlisttable td:nth-of-type(3):before { content: "Order date"; }
          .orderlisttable td:nth-of-type(4):before { content: "Subtotal";}
          .orderlisttable td:nth-of-type(5):before { content: "Status";}
    }
    @media (max-width: 474px) {
        .cartlistImg {
            float: none;
        }
        .cartDesc {
            margin: 0;
        }
    }
  /* custom checkbox end */
@media (max-width: 760px) {
    .col-sm-15 {
        width: 50%;
        float: left;
    }
    .leftList, .listDiv {
        float: none;
        width: 100%;
    }
    .shortDiv {
        display: block;
    }
    .shortBy {
        margin-bottom: 10px;
    }
}
@media (min-width: 667px) {
    .col-sm-15 {
        width: 50%;
        float: left;
    }
    .shortBy {
        width: 115px;
    }
    .showing {
        font-size: 11px;
    }
 
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 33%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 33%;
        float: left;
    }
    
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
@media screen and (max-width: 550px) {
    /*.deleveraddress {*/
    /*    display: block;*/
    /*}*/
    .returnpolicy {
        line-height: 19px;
    }
}

@media screen and (max-width: 820px) {
    .allheadings {
      font-size: 16px;
      padding-left: 0px;
      background: none;
      text-align: left !important;
      padding-bottom:0;
      display: block;
    }
    .allheadings span {
        padding-right: 0px;
        background: none;
    }
    .recent .bx-wrapper .bx-prev {
        left: 5px;
    }
    .recent .bx-wrapper .bx-next {
        right: 5px;
    }
    .footerlogo {
        text-align: center;
        padding: 11px 0 0 9px;
    }
    footer form {
        padding: 0px 0px 10px 2px !important;
    }
    .footerlinks ul {
        padding-left: 15px;
        padding-right: 15px;
    }
    .guidbar {
        text-align: center;
    }
    .guidbar img {
        margin-bottom: 15px;
    }
    .banner .bx-wrapper .bx-next , .banner .bx-wrapper .bx-prev {
        display: none;
    }
    .settingdiv {
        margin-bottom: 15px;
    }
    /*.email, .phone, .socialicns {*/
    /*    text-align: center;*/
    /*}*/
    .topbardiv {
        display: block;
        text-align: center;
    }
    .cartindecator span {
        font-size: 16px;
    }
    .blog-meta.big-meta h4 {
        margin-left: 0;
        padding-left: 0 !important;
    }
}
@media (max-width:400px) {
    .guide0, .guide1, .guide2, .guide3 {
        font-size: 13px;
    }
    .ordHeadImg {
        width: 195px;
    }
}
@media screen and (max-width: 1025px) and  (min-width: 767px){
    .fiveprod {
        width: 33%;
    }
}
@media (max-width:766px) {
    .fiveprod {
        width: 50%;
    }
}