@charset "utf-8";
    .input: focus, a:focus, button:focus, input:focus, select, select:focus, textarea:focus {
    outline: 0;
}
body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #000;
    overflow-x: hidden;
    font-weight: 700;
}
.padd-60 {
    padding: 60px 0;
}
.padd-80 {
    padding: 80px 0;
}
.padd-40 {
    padding: 40px 0;
}
.pt-30 {
    padding-top: 30px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pt-60 {
    padding-top: 60px;
}
.padd-100 {
    padding: 100px 0;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-10 {
    margin-top: 10px;
}
p {
    color: #ababab;
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #571471;
    width: 50px;
    height: 50px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 21;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 8px;
    font-size: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.search input, .search select {
    font-size: 15px;
    font-weight: 400;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
.nav>li>a {
    display: inline-block!important;
}
.logo-name img {
    padding-top: 30px;
}
.search {
    margin-top: 26px;
}
.search input {
    position: relative;
    width: 100%;
    border-radius: 0px;
    padding: 4px 12px;
    color: #ffffff;
    margin-left:20px;
    background-color: #000;
    border:1px solid #000;
    height: 31px;
}
.search input placeholder{color: #fff}
.search select, .search-round {
    position: absolute;
}
.cart span, .cart-item .cart-mail span {
    width: 17px;
    height: 17px;
    background-color: #ff3c20;
}
.search input::placeholder {
    color: #f8f8f8;
}
.cart span, .search-round a {
    color: #fff;
    text-align: center;
}
.search select {
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    cursor: pointer;
}
.cart span, .shopping-cart p {
    font-size: 12px;
}
.search-round a {
    display: block;
    line-height: 40px;
}
.cart, .cart span, .icon-round, .shopping-cart p {
    display: inline-block;
}
.icon-round {
    margin-top: 35px;
}
.icon-round a:first-child i {
    padding-left: 0;
}
.cart {
    position: relative;
}
.cart span {
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: 0;
    line-height: 17px;
    font-weight: 400;
}
.cart-item, .cart-mail, .header p, .logo-bar {
    position: relative;
}
.cart i {
    padding-left: 20px!important;
}
.shopping-cart p span {
    color: #ff3c20;
    padding-left: 10px;
    padding-right: 5px;
    font-weight: 700;
}
.icon-round i {
    color: #313131;
    padding-left: 15px;
    font-size: 24px;
    font-weight: 400;
}
.icon-round i:nth-child(5) {
    color: #613960;
}
.icon-round a:last-child {
    position: relative;
    display: block;
    float: right;
}
.header-sec {
    padding: 10px 0;
}
.header p {
    display: inline-block;
    padding-left: 5px;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 15px;
    color: #bababa;
}
.header i {
    color: #ff3c20;
    font-size: 18px;
    font-weight: 400;
    padding-left: 15px;
}
.header-right .top-bar-list:nth-child(2) i {
    font-size: 20px!important;
}
.border {
    border-bottom: 1px solid #dedede;
}
.top-bar-list {
    float: left;
    border-right: 1px solid #e2e2e2;
    padding-right: 15px;
}
.header-left .top-bar-list:last-child, .header-right .top-bar-list:last-child {
    border: none;
}
.header-right {
    float: right!important;
}
.header-right p a {
    color: #5d5d5d;
    text-decoration: none;
}
.offer h5, .product h5 {
    text-decoration: line-through;
}
.cart-item {
    float: right;
    padding-left: 18px;
}
.index-3 .cart-item i {
    font-size: 20px;
}
.cart-mail {
    display: inline-block;
}
.cart-item .cart-mail span {
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    position: absolute;
    left: 6px;
    bottom: 15px;
}
.cart-item .cart-item-hover:before {
    position: relative;
}
.cart-item .cart-item-hover:after {
    position: absolute;
    top: -26px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    border-bottom-color: #313131;
    border-width: 13px;
    right: 50%}
.cart-item:hover>.cart-item-hover {
    opacity: 1;
    visibility: visible;
}
.cart-item .cart-item-hover {
    position: absolute;
    background-color: #fff;
    padding: 25px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out 0s;
    z-index: 99;
    width: 300px;
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .5);
}
.cart-item .cart-item-hover .cart-item-list {
    position: relative;
    margin-bottom: 20px;
    padding-right: 15px;
    min-height: 73px;
}
.cart-item .cart-item-hover .cart-item-list b {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
}
.cart-item .cart-item-hover .cart-item-list b a {
    color: #212121;
}
.cart-item .cart-item-hover .cart-item-list img {
    float: left;
    margin-right: 10px;
}
.cart-item .cart-item-hover .cart-item-list h3 {
    color: #212121;
    font-size: 14px;
    margin-top: 0;
    line-height: 22px;
    margin-bottom: 7px;
    transition: all .4s;
}
.cart-item .cart-item-hover .cart-item-list h3:hover {
    color: #ff4001;
}
.cart-item .cart-item-hover .cart-item-list p {
    color: #212121;
    font-weight: 800;
    font-size: 14px;
    padding-left: 0;
}
.cart-item .cart-item-hover .cart-item-list p del {
    color: #757575;
    font-weight: 400;
}
.cart-item .cart-item-hover .border {
    width: 100%;
    height: 1px;
    background-color: #dedede;
    margin-bottom: 15px;
    margin-top: 25px;
}
.cart-item .cart-item-hover .cart-total h6, .cart-item .cart-item-hover .cart-total p {
    color: #212121;
    font-weight: 800;
    font-size: 14px;
}
.cart-item .cart-item-hover .cart-total h6 {
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
}
.cart-item .cart-item-hover .cart-total p {
    float: right;
    font-size: 18px;
    color: #571471;
}
.cart-item .cart-item-hover .cart-total a {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    padding: 0 18px;
    height: 46px;
    line-height: 42px;
    transition: all .3s;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 26px;
}
.cart-item .cart-item-hover .cart-total a.cart-view {
    background-color: #212121;
    border: 2px solid #212121;
    float: left;
}
.cart-item .cart-item-hover .cart-total a.cart-view:hover {
    background-color: transparent;
    color: #212121;
}
.cart-item .cart-item-hover .cart-total a.cart-checkout {
    float: right;
    background-color: #571471;
    border: 2px solid #571471;
}
.cart-item i {
    font-size: 20px;
}
.cart-det h2 {
    font-size: 16px;
    margin: 0;
    display: inline-block;
    line-height: 40px;
}
.cart-det h2 b {
    font-size: 17px;
    color: #fff;
}
.cart-item .cart-item-hover {
    right: -16%;
    top: 50px;
}
.cart-item .cart-item-hover .cart-total a.cart-checkout:hover {
    background-color: transparent;
    color: #571471;
}
@media (min-width:320px) and (max-width:480px) {
    .cart-item .cart-item-hover {
    right: 1px;
}
}@media (min-width:1200px) and (max-width:1359px) {
    .cart-item .cart-item-hover {
    right: -16%}
}.border .modal-img {
    position: absolute;
    transform: translateY(-50%);
    left: 4px;
    top: 50%}
.border .modal-img.col-sm-5, .modal-text.col-md-7 {
    padding-left: 0;
    padding-right: 0;
}
.border .modal-img h2 {
    position: absolute;
    top: 30px;
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    left: 35px;
}
.border .modal-img p {
    position: absolute;
    font-size: 16px;
    color: #f1f1f1;
    font-weight: 400;
    top: 102px;
    left: 35px;
    line-height: 1.5;
}
.modal-img-text img {
    position: absolute;
    left: 50%;
    bottom: 15px;
    width: 40%;
    transform: translateX(-50%);
}
.register .modal-img-text img {
    top: 420px;
    transform: translateX(-40%);
}
.border .modal-dialog {
    top: 50%;
    transform: translateY(-50%)!important;
    margin: 0 auto;
}
.register .modal-img h2 {
    top: 40px;
}
.register .modal-img p {
    top: 115px;
}
.border .modal-text {
    margin-left: 41.66666667%;
    background-color: #fff;
    padding: 35px;
    position: relative;
}
.border .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none;
}
.border .modal-body button {
    position: absolute;
    right: 27px;
    z-index: 1;
    top: 20px;
    font-size: 30px;
}
.border .swiss-right p {
    font-size: 13px;
    color: #424242;
    font-weight: 400;
    text-align: center;
    margin-top: 20px;
}
.border .swiss-right p a {
    color: #424242!important;
}
.border .social-button .facebook {
    background-color: #3b5998;
    border-radius: 30px;
    display: inline-block;
    padding: 10px 19px;
    transition: all .3s;
    border: 1px solid #3b5998;
    position: relative;
}
.border .social-button .facebook:hover a, .border .social-button .facebook:hover a i {
    color: #3b5998!important;
}
.border .social-button .facebook:hover {
    border-color: #3b5998!important;
    background-color: transparent;
}
.border .social-button .facebook a {
    position: relative;
    display: block;
    padding-left: 30px;
}
.border .social-button .facebook a i {
    font-size: 20px;
    color: #fff;
    padding-right: 15px;
    transition: all .4s;
    position: absolute;
    left: 0;
}
.or, .special-offer ul.nav-tabs li.active a {
    position: relative;
}
.border .social-button .facebook a {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
}
.border .social-button .google {
    background-color: #ea4335;
    margin-left: 10px;
    border: 1px solid #ea4335;
}
.border .social-button .google:hover a, .border .social-button .google:hover a i {
    color: #ea4335!important;
}
.border .social-button .google:hover {
    border-color: #ea4335!important;
    background-color: transparent;
}
.border .social-button .twitter {
    background-color: #239ddc;
    display: block;
    margin-top: 15px;
    border: 1px solid #239ddc;
}
.border .button, .border .button a, .border .modal-acc {
    display: inline-block;
}
.border .social-button .twitter:hover a, .border .social-button .twitter:hover a i {
    color: #239ddc!important;
}
.border .social-button .twitter:hover {
    border-color: #239ddc!important;
}
.border .input-row h5 {
    font-size: 14px;
    font-weight: 700;
    color: #571471;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.border .navbar-brand {
    float: none;
}
.border .input-row input {
    border: none;
    border-bottom: 2px solid #f1f1f1;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: #313131;
    margin-bottom: 10px;
    padding-bottom: 12px;
}
.border .privacy-sec {
    margin-bottom: 10px;
    margin-top: 5px;
}
.border .privacy-sec label {
    font-size: 13px;
    color: #424242;
    font-weight: 300;
    margin-left: 10px;
}
.border .privacy-sec input[type=checkbox] {
    color: #5bc200;
}
.border .button a:hover {
    border: 1px solid #571471;
    background-color: transparent;
    color: #571471;
}
.border .button a {
    padding: 15px 45px;
    background-color: #571471;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    transition: all .4s;
    border-radius: 30px;
    border: 1px solid #571471;
}
.border .modal-acc {
    padding-left: 10px;
}
.border .modal-acc p {
    font-size: 14px!important;
    font-weight: 400;
    color: #424242;
}
.border .modal-text p a {
    color: #571471;
}
.or span {
    font-size: 15px;
    color: #424242;
}
.or {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
}
.or span:after, .or span:before {
    content: "";
    position: absolute;
    width: 200px;
    background-color: #f1f1f1;
    display: block;
    top: 11px;
    height: 2px;
}
.or span:after {
    left: 0;
}
.or span:before {
    right: 0;
}
.input-row {
    position: relative;
}
.input-1:focus+.underline {
    transform: scale(1);
}
.underline {
    background-color: #ff3c20;
    display: inline-block;
    height: 2px;
    left: 0;
    margin-top: -4px;
    position: absolute;
    bottom: 10px;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    width: 450px;
}
[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type=checkbox]:checked+label, [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
}
[type=checkbox]:checked+label:before, [type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: -4px;
    top: -4px;
    width: 1.6em;
    height: 1.6em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}
[type=checkbox]:checked+label:after, [type=checkbox]:not(:checked)+label:after {
    content: '✔';
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 1.3em;
    line-height: .8;
    color: #7ed321;
    transition: all .2s;
}
[type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}
[type=checkbox]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}
[type=checkbox]:disabled:checked+label:before, [type=checkbox]:disabled:not(:checked)+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
[type=checkbox]:disabled:checked+label:after {
    color: #999;
}
[type=checkbox]:disabled+label {
    color: #aaa;
}
@media (min-width:320px) and (max-width:767px) {
    .border .button, .social-button, .top-bar-left {
    text-align: center;
}
.border .modal-dialog {
    transform: translateY(0)!important;
    top: 0;
}
.border .social-button .facebook {
    text-align: center;
    display: block;
    margin-top: 15px;
}
.border .social-button .facebook a {
    font-size: 13px;
    padding-left: 30px;
}
.border .input-row h5, .border .modal-text p {
    font-size: 13px;
}
.border .modal-text {
    display: block;
    margin-left: 0;
    padding: 35px 15px;
}
.underline {
    width: 100%}
.border .modal-img {
    display: none;
}
.register .modal-img-text img {
    top: 310px;
}
.border .input-row input {
    font-size: 12px;
}
.border .social-button .google {
    margin-left: 0;
}
.or span:after, .or span:before {
    width: 90px;
}
.border .modal-acc {
    display: block;
    margin-top: 15px;
}
.border .button {
    display: block;
}
}@media (min-width:481px) and (max-width:767px) {
    .border .social-button .facebook a {
    font-size: 13px;
    padding-left: 30px;
}
.border .social-button .facebook {
    text-align: center;
    display: inline-block;
    margin-top: 15px;
    padding: 10px 12px;
}
.border .social-button .facebook.twitter {
    display: block;
}
.border .input-row h5, .border .modal-text p {
    font-size: 13px;
}
.border .modal-text {
    display: block;
    margin-left: 0;
}
.border .modal-img {
    display: none;
}
.register .modal-img-text img {
    top: 310px;
}
.border .input-row input {
    font-size: 12px;
}
.border .social-button .google {
    margin-left: 0;
}
.or span:after, .or span:before {
    width: 156px;
}
.border .modal-acc {
    display: block;
    margin-top: 15px;
}
.border .button {
    display: block;
    text-align: center;
}
.navbar .navbar-nav>li>a {
    line-height: 24px!important;
}
}@media (min-width:768px) and (max-width:991px) {
    .border .social-button .facebook {
    display: block;
    margin-left: 0;
}
.border .social-button .facebook.google {
    margin-top: 15px;
}
.underline {
    width: 100%}
}
.categories{color: #fff; line-height: 60px; font-size: 25px;}
.categories ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 26px;
    width: 100%;
    z-index: 20;
    position: absolute;
    left: 0;
}
.categories ul li ul li i.fa {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.categories ul li, .categories ul li ul li {
    position: relative;
}
.categories ul li .fa-angle-down, .categories ul li .fa-angle-up {
    float: right;
    line-height: 50px;
    margin-right: 15px;
}
select {
    background-image: url(../img/index.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: auto 50%;
    border-radius: 2px;
    border: none;
    color: #fff;
    padding: 10px 30px 10px 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
.navbar-nav>li:hover .nav-mega-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.navbar-nav>li .nav-mega-menu {
    box-shadow: 0 0 9.6px .4px rgba(0, 0, 0, .1);
    top: 110%;
    position: absolute;
    width: 180px;
    background: #fff;
    padding: 10px 15px;
    z-index: 9999;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
    left: 0;
}
.categories ul li ul li a, .navbar-nav>li .nav-mega-menu span a {
    display: block;
    transition: all .3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.navbar-nav>li:last-child .nav-mega-menu {
    right: 0;
    left: auto;
}
.navbar-nav>li .nav-mega-menu span a {
    font-size: 15px;
    font-weight: 400;
    background: 0 0;
    color: #191919;
    line-height: 40px;
    height: auto;
    border-bottom: 1px solid #f1f1f1;
}
.navbar-nav>li .nav-mega-menu span a:hover {
    color: #ff3c20;
}
.navbar-nav>li .nav-mega-menu span a:last-child {
    border: none;
}
.navbar {
    border: none!important;
}
.navbar-nav>li.active, .navbar-nav>li:hover {
    background-color: rgba(242, 242, 242, .5);
}
.categories ul li a.main-a {
    display: block;
    background-color: #ff3c20;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    border-radius: 10px 10px 0 0;
}
.categories ul li ul li {
    display: block;
    width: 100%;
    margin: 0;
    text-align: left;
}
.categories ul li ul li a:hover, .categories ul li ul li.active a {
    border-left-color: #ff3c20;
}
.categories ul li ul li a {
    font-size: 15px;
    font-weight: 400;
    background: #fafafa;
    color: #5d5d5d;
    line-height: 40px;
    height: auto;
    text-indent: 12px;
    border-bottom: 1px solid #f1f1f1;
    border-left: 5px solid transparent;
    position: relative;
    padding-left: 30px;
}
.categories .categories-mega-menu .categories-main-menu span a {
    border-color: transparent;
    padding-left: 0;
}
.categories>ul>li>ul>li>a>i:first-child {
    padding-right: 10px;
    position: absolute;
    left: 0;
}
.categories ul li ul li a:hover {
    background-color: #efeeee;
    color: #ff3c20;
}
.categories-mega-menu a:hover {
    background-color: transparent!important;
}
.categories ul li ul li:hover .categories-mega-menu {
    left: 100%;
    opacity: 1;
    visibility: visible;
}
.categories ul li .categories-mega-menu .categories-img a {
    border: none;
}
.circle, .round {
    border-radius: 0%
}
.categories ul li .categories-mega-menu {
    box-shadow: 0 0 9.6px .4px rgba(0, 0, 0, .1);
    left: 110%;
    position: absolute;
    top: 0;
    width: 710px;
    background: #fff;
    padding: 20px 15px 5px 0;
    z-index: 9999;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
}
.bor p, .round {
    transition: all .4s;
}
.categories-mega-menu-2 {
    width: 430px!important;
}
.categories-mega-menu-2 .categories-main-menu {
    float: none!important;
    width: 100%!important;
}
.categories ul li .categories-main-menu {
    float: left;
    width: 60%}
.categories ul li .categories-img {
    float: left;
    width: 40%}
.categories ul li .categories-main-menu a.title:hover {
    color: #191919;
}
.categories ul li .categories-main-menu span {
    float: left;
    width: 50%;
    margin-bottom: 30px;
    padding: 0 15px;
}
.categories ul li .categories-main-menu span a.title {
    font-size: 15px;
    font-weight: 900;
    line-height: 35px;
    text-transform: uppercase;
}
.categories ul li .categories-main-menu span a {
    background-color: transparent;
    text-indent: 0;
}
.circle {
    width: 30px;
    height: 30px;
    background-color: #ff3c20;
    display: inline-block;
}
.circle i {
    font-size: 21px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    display: block;
    padding-left: 3px;
}
.round {
    width: 40px;
    height: 40px;
    background-color: #571471;
    display: block;
    display: inline-block;
    position: absolute;
    top: 49%;
    margin-top: -20px;
    left: 0px;
   /* transform-origin: 50% 50% 0px;
transform: matrix3d(1, 0, 0, 0, -0.373648, 0.984808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);*/
}
.round:hover {
    background-color: #571471;
}
@media (min-width:320px) and (max-width:480px) {
    .categories ul li ul li .categories-mega-menu {
    left: 0!important;
    top: 100%;
    width: 100%}
.categories ul li .categories-main-menu span, .categories-mega-menu-2 {
    width: 100%!important;
}
.categories ul li .categories-img {
    display: none;
}
.categories ul li .categories-main-menu {
    width: 100%}
.navbar .navbar-nav>li>a {
    line-height: 24px;
}
.navbar-default .navbar-brand {
    margin-top: 2px;
}
}@media (min-width:320px) and (max-width:767px) {
    .navbar-collapse.collapse.in {
    box-shadow: 0 0 4px .4px rgba(0, 0, 0, .1);
}
.navbar-nav>li .nav-mega-menu {
    background-color: transparent;
}
.navbar-nav>li:hover .nav-mega-menu {
    position: relative;
    background-color: transparent;
    box-shadow: none;
    margin-left: 10px;
    top: 0;
}
.navbar-nav>li .nav-mega-menu span a {
    border: none;
    color: #fff029;
}
.main-nav ul.navbar-nav, .main-nav ul.navbar-nav li a {
    width: 100%}
}.bor p:hover, .log a:last-child, .top-bar .sub-menu a:hover, .top-bar i {
    color: #fff;
}
.main-sld .carousel img {
    width: 100%}
.main-sld .carousel-indicators {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 5%;
    left: auto;
    right: 1%}
.main-sld .carousel-indicators li {
    display: block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    margin: 0 0 15px;
    position: relative;
    outline-offset: 4px;
}
.main-sld .carousel-indicators li:after {
    content: '';
    border: 1px solid #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -6px;
    left: -6px;
}
.main-sld .carousel-indicators li.active {
    background-color: #ff4001;
    border-color: #ff4001;
}
.top-bar {
    /*background: linear-gradient(to right, #571471 74%, #000 71%);*/
    background-color: #571471;
}
.bor p, .log a, .top-bar .log, .top-bar .sub-menu a, .top-bar .top-bar-left p {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    transition: all .4s;
    line-height: 40px;
    color:#fff;
}
.top-bar .top-bar-left p b {
    font-weight: 700;
    color: #fff;
}
.top-bar-left.col-md-4 {
    padding: 0;
}
.top-bar .bor {
    padding: 0 8px;
    height: 40px;
    display: inline-block;
    color:#fff;
}
.top-bar .cart-det:first-child {
    padding-right: 0;
}
.top-bar .sub-menu {
    position: relative;
}
.top-bar .sub-menu ul {
    list-style: none;
    padding-left: 15px;
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #541471;
    z-index: 5;
    text-align: left;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);
}
.top-bar .sub-menu ul li a {
    line-height: 1.8;
}
.navbar .navbar-nav>li>a {
    font-size: 16px;
    position: relative;
    padding: 10px 8px;
}
@media (min-width:768px) and (max-width:2800px) {
    .navbar .navbar-nav>li.active>a: after, .navbar .navbar-nav>li:hover>a:after {
    opacity: 1;
}
.navbar .navbar-nav>li>a:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #ff4001;
    height: 4px;
    left: 0;
    opacity: 0;
    transition: all .5s;
}
}.navbar .navbar-nav>li>a i {
    color: #b4b4b4;
}
.search {
    margin: 5px 0;
}
.search-bar .categories ul, .soc ul {
    margin-bottom: 0;
}
.search-bar {
   /* background: linear-gradient(to right, #571471 42%, #000 41%);*/
   background-color: #571471;
}
.search-bar .categories ul li a.main-a {
    background-color: #dd3700;
    height: 60px;
    line-height: 60px;
}
.search-bar .categories ul li a.main-a i {
    line-height: 60px;
}
.soc ul {
    list-style: none;
    padding-left: 0;
    margin-top: 17px;
}
.soc ul li {
    display: inline-block;
    padding-left: 15px;
}
.soc ul li a {
    color: #fff;
    font-size: 17px;
}
.navbar-brand>img {
    width: 100%}
@media (min-width:320px) and (max-width:480px) {
    .bor p, .log a, .top-bar .log, .top-bar .sub-menu a, .top-bar .top-bar-left p {
    font-size: 17px;
}
.top-bar .container {
    padding: 0;
}
.top-bar .bor {
    padding: 0 10px;
    border: none;
}
.top-bar .col-md-8.text-right {
    text-align: center;
    padding: 0;
}
.navbar-default .navbar-toggle {
    margin-top: 13px;
}
.navbar-default .navbar-collapse {
    position: absolute;
    background-color: #fff;
    z-index: 21;
    width: 100%}
.search-bar {
    padding: 9px 0 1px;
}
.cart-item {
    float: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: 0 0!important;
}
.navbar .navbar-nav>li>a {
    line-height: 20px;
}
.search-bar .soc {
    display: none;
}
.search-bar .categories ul li a.main-a {
    height: 40px;
    line-height: 40px;
}
.search-bar .categories ul li a.main-a i {
    line-height: 40px;
}
.search input {
    padding: 4px 15px;
}
.navbar-brand>img {
    width: 70%}
.top-bar-left.col-md-4 {
    padding: 0 15px;
}
}@media (min-width:481px) and (max-width:767px) {
    .categories ul li .categories-img, .search {
    display: none;
}
.soc ul {
    margin: 0;
}
.soc ul li a {
    font-size: 20px;
    line-height: 49px;
}
.search-bar .categories ul {
    width: 50%}
.search-bar .categories ul li ul {
    width: 100%}
.categories ul li ul li a {
    font-size: 13px;
}
.categories ul li ul li .categories-mega-menu {
    left: 0!important;
    top: 100%;
    width: 200%}
.categories ul li .categories-main-menu, .categories-mega-menu-2 {
    width: 100%}
.categories ul li .categories-main-menu span {
    width: 50%!important;
}
.categories ul li a.main-a {
    font-size: 16px;
}
.search-bar .categories ul li a.main-a {
    height: 50px;
    line-height: 50px;
}
.search-bar .categories ul li a.main-a i {
    line-height: 50px;
}
.bor p, .log a, .top-bar .log, .top-bar .sub-menu a, .top-bar .top-bar-left p {
    font-size: 12px;
}
.top-bar .bor {
    padding: 0 7px;
    border: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: 0 0!important;
}
.cart-item .cart-item-hover {
    right: 0;
}
.cart-item .cart-item-hover:after {
    right: 25%}
.cart-det h2 b {
    font-size: 14px;
}
.top-bar .col-md-8.text-right {
    text-align: center;
    padding: 0;
}
.navbar-default .navbar-toggle {
    margin-top: 17px;
    padding: 9px 0;
}
.navbar-default .navbar-collapse {
    position: absolute;
    background-color: #fff;
    z-index: 21;
    width: 100%}
.bor p, .top-bar .log {
    font-size: 12px;
}
.navbar-brand>img {
    width: 80%}
.search-bar .soc.col-md-3 {
    padding-right: 0!important;
}
}@media (min-width:768px) and (max-width:991px) {
    .search, .search select {
    display: none;
}
.soc.text-right, .top-bar .col-md-8.text-right, .top-bar-left {
    text-align: center;
}
.soc ul {
    margin: 0;
}
.soc ul li a {
    line-height: 49px;
}
.soc.text-right {
    text-align: right;
}
.navbar .navbar-nav>li>a {
    font-size: 14px;
    padding: 10px 8px;
}
.navbar-nav {
    margin: -1.5px -15px!important;
}
.navbar-brand>img {
    width: 117px;
    margin-top: 7px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: 0 0!important;
}
.cart-item .cart-item-hover {
    right: 0;
}
.cart-item .cart-item-hover:after {
    right: 40%}
.categories ul {
    width: 33%}
.categories ul li ul, .manufacture .categories ul {
    width: 100%}
.search-bar .categories ul li a.main-a {
    height: 50px;
    line-height: 50px;
}
.search-bar .categories ul li a.main-a i {
    line-height: 50px;
}
.border .text-right {
    padding-right: 0;
}
.search-bar .soc.col-md-3 {
    padding-right: 0!important;
}
}.offer-discount, .product-body {
    text-align: center;
    padding-bottom: 45px;
}
.sec-head h2, .sec-head h3 {
    margin-top: 0;
    font-weight: 700;
    text-transform: uppercase;
}
@media (min-width:992px) and (max-width:1199px) {
    .top-bar .top-bar-left {
    padding-left: 0;
}
.bor p, .log a, .top-bar .log, .top-bar .sub-menu a, .top-bar .top-bar-left p {
    font-size: 12px;
}
.cart-item .cart-item-hover {
    right: 0;
}
}#rev_slider_3_1 .uranus .tp-bullet {
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    background: 0 0;
    width: 15px;
    height: 15px;
}
#rev_slider_3_1 .uranus .tp-bullet.selected, #rev_slider_3_1 .uranus .tp-bullet:hover {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);
    border: none;
    border-radius: 50%;
    background: 0 0;
}
.highlight-sec, .testi-left {
    background-attachment: fixed;
}
#rev_slider_3_1 .uranus .tp-bullet-inner {
    -webkit-transition: background-color .3s ease, -webkit-transform .3s ease;
    transition: background-color .3s ease, transform .3s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    border-radius: 50%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .3);
    text-indent: -999em;
    cursor: pointer;
    position: absolute;
}
#rev_slider_3_1 .uranus .tp-bullet.selected .tp-bullet-inner, #rev_slider_3_1 .uranus .tp-bullet:hover .tp-bullet-inner {
    transform: scale(.4);
    -webkit-transform: scale(.4);
    background-color: #fff;
}
.sec-head h3 {
    font-size: 20px;
    letter-spacing: 3px;
}
.sec-head h2 {
    font-size: 50px;
    margin-bottom: 0;
}
.sec-head span {
    background-color: #ff4001;
    height: 6px;
    width: 90px;
    display: inline-block;
}
.sec-head p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    max-width: 45%;
    display: inline-block;
    margin-top: 10px;
}
.sec-head.white h2, .sec-head.white h3, .sec-head.white p {
    color: #fff;
}
.manufacture a.main {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    display: block;
    background-color: #ff4001;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
}
.manufacture.col-md-3 {
    padding-left: 0;
}
.manufacture .categories ul {
    margin-bottom: 0;
    position: relative;
}
.manufacture .categories ul li a.main-a {
    background-color: transparent;
    border: 1px solid #efeeee;
    color: #313131;
    border-top: none;
    font-size: 16px;
    font-weight: 400;
    padding-right: 15px;
    border-radius: 0;
    transition: all .4s;
}
.manufacture .categories ul li a.main-a:hover, .manufacture .categories ul li a.main-a:hover i {
    color: #ff4001;
}
.manufacture .categories ul li a.main-a i {
    float: right;
    line-height: 50px;
    color: #dcdcdc;
    margin-right: 0;
    font-size: 18px;
    transition: all .4s;
}
.manufacture .categories ul li ul {
    position: relative;
    background-color: #f4f4f4;
    padding: 15px 0 15px 25px;
    margin-bottom: 0;
    box-shadow: none;
}
.manufacture .categories ul li ul li {
    font-size: 14px;
    font-weight: 400;
    padding-left: 20px;
    position: relative;
    line-height: 1.9;
    transition: all .4s;
}
.manufacture .categories ul li ul li:hover {
    color: #ff4001;
}
.manufacture .categories ul li ul li:after {
    position: absolute;
    left: 0;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background-color: #ff4001;
    top: 9px;
}
.manufacture .banner-img {
    margin-top: 20px;
}
.banner-img img {
    width: 100%}
.product p {
    font-weight: normal;
    color: #000;
    font-size: 17px;
    margin-bottom: 0;
    transition: all .4s;
    height: 50px;
}
.product:hover .product-body p, .sale-heart-hover:hover a {
    color: #000;
}
.product img {
    padding-top: 0;
    padding-bottom: 15px;
    position: relative;
    display: table;
    margin: 0 auto;
    width: 100%}
.product-img {
    position: relative;
    padding: 0;
}
.product-img .product-href {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 4;
}
.product-img .img-overlay {
    position: absolute;
    opacity: 1;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}
.product-img img {
    position: relative;
    display: table;
    margin: 0 auto;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.product:hover .product-img .img-overlay {
    opacity: 0;
}
.sale-heart-hover {
    position: absolute;
    right: 15px;
    bottom: 17px;
    opacity: 0;
    transition: all .4s;
    z-index: 5;
}
.product:hover .sale-heart-hover {
    opacity: 1;
}
.product .offer-discount {
    width: auto;
    right: 0;
    background-color: #ff734e;
    top: 5px;
    padding: 0 12px;
    border-radius: 0;
}
.product span {
    font-size: 16px;
    color: #ababab;
    font-weight: 400;
    display: block;
}
.add-cart-hover, .product h4, .product h5 {
    display: inline-block;
}
.product h4 {
    font-size: 24px;
    color: #571471;
    font-weight: 700;
    margin-bottom: 25px;
}
.product h5 {
    color: #ababab;
    font-size: 16px;
}
.product {
    background-color: #fff;
    position: relative;
    margin-bottom: 60px;
}
.offer-discount {
    width: 48px;
    position: absolute;
    float: right;
    margin-top: 10px;
    line-height: 23px;
    height: 23px;
    top: 0;
    right: 15px;
    border-radius: 30px;
    font-weight: 700;
    color: #fff;
    background-color: #ff734e;
    font-size: 12px;
    z-index: 5;
}
.product-hover {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: -20px;
    text-align: right;
    padding-right: 15px;
}
.product:hover .add-cart-hover {
    width: 160px;
    border-radius: 40px;
    transition: all 1s;
    -webkit-transition: all .4s;
    background-color: #571471;
  
}
.add-cart-hover {
    width: 40px;
    height: 40px;
    border: 2px solid #571471;
    border-radius: 50%;
    transition: all .4s;
    -webkit-transition: all .4s;
    background-color: #fff;
    float: right;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    padding-right: 9px;
}
.add-cart-hover a {
    display: block;
}
.add-cart-hover i {
    line-height: 36px;
    color: #571471;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
}
.product:hover .add-cart-hover i {
    color: #fff;
    font-size: 16px;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.add-cart-hover h6 {
    display: none;
    transition: all 1s;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 5px 0 0;
    color: #fff;
    font-weight: 700;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.product:hover .add-cart-hover h6 {
    animation: product-h6 1s;
    display: block;
}
@keyframes product-h6 {
    0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}.quick-view {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #571471;
    text-align: center;
    vertical-align: middle;
    display: none;
    transition: all .4s;
    color: #fff;
}
.quick-view:hover {
    background-color: #571471;
}
.quick-view:hover a i.fa {
    color: #fff;
}
.quick-view a {
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    display: block;
}
.detail-left .carousel .item img, .detail-left ul li img, .icon-plus, .product:hover .quick-view {
    display: inline-block;
}
.offer-discount.new {
    left: 15px;
    background-color: #a7da64;
}
.product .offer-discount.new-discount {
    left: 0;
    width: 70px;
    background-color: #571471;
}
.sale-hover i {
    color: #fec200;
}
.sale-hover {
    border: 2px solid #fec200;
}
.navbar-right li {
    background-color: transparent;
}
.sea-cart {
    background-color: #fec200;
    box-shadow: 5px 5px 25px rgba(254, 208, 59, .7);
}
.banner-img.col-sm-6 {
    padding: 0;
}
.quick-modal .modal-lg {
    width: 1000px;
    max-height: 90%;
    overflow: auto;
}
.detail-left {
    background-color: #fff;
    position: relative;
    padding-bottom: 30px;
    padding-top: 50px;
}
.detail-left .carousel-control.right {
    background-image: none;
}
.detail-left .zoom-btn {
position: absolute;
display: inline-block;
right: 20px;
width: 95%;
height: 40px;
border-radius: 0;
background-color: transparent;
color: #571471;
line-height: 40px;
text-align: center;
bottom: 0px;
z-index: 6;
border: 1px solid #571471;

}
.detail-left .carousel-indicators {
    left: 0;
    margin-left: 5px;
    width: 100%;
    position: relative;
    bottom: auto;
}
.detail-left .carousel-indicators li {
    border: none;
    border-radius: 0;
    float: left;
    height: 50px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px!important;
    margin-top: 0;
    width: 50px;
}
.detail-left .carousel-indicators img {
    border: 2px solid #FFF;
    float: left;
}
.detail-left .carousel-control {
    top: 50%;
    transform: translateY(-50%);
    height: inherit;
    bottom: auto;
}
.color-var, .new-label {
    position: absolute;
    top: 20px;
}
.detail-left .carousel-control .fa {
    color: #000;
    font-size: 50px;
}
.detail-left .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: .7;
    object-fit: scale-down;
    width: 100px !important;
    height: 77px;
}
.detail-left .lSSlideOuter .lSPager.lSGallery img {
    width: 100%}
.detail-page .coupon {
    padding: 14px 35px;
    float: left;
}
.detail-page .menu ul.navbar-nav.navbar-left {
    margin-left: 0;
}
.detail-page .navbar-collapse {
    padding-left: 0;
}
.icon-plus {
    width: 20px;
    height: 20px;
    border: 2px solid #ababab;
    border-radius: 50%;
    float: right;
    text-align: center;
}
.icon-plus i {
    font-size: 10px;
    line-height: 16px;
    color: #ababab;
    display: block;
    font-weight: 700;
}
.color-var li a, .rate h2, .rate h2 del {
    display: inline-block;
}
.new-label {
    background-color: #ff3c20;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding: 5px 8px;
    border-radius: 30px;
    left: 20px;
}
.color-var {
    list-style: none;
    padding-left: 0;
    right: 20px;
    z-index: 50;
}
.color-var li a {
    width: 25px;
    height: 25px;
    border: 1px solid #ececec;
    border-radius: 50%;
    font-size: 15px;
    text-align: center;
    margin-bottom: 8px;
}
.color-var li:nth-child(1) a {
    background-color: #222;
}
.color-var li:nth-child(2) a {
    background-color: #f7c6bf;
}
.color-var li:nth-child(3) a {
    background-color: #fff;
}
.color-var li:nth-child(4) a {
    background-color: #c6c6c6;
}
.color-var li:nth-child(5) a {
    background-color: #d03131;
}
.color-var li a.active i {
    opacity: 1;
}
.color-var li a i {
    line-height: 25px;
    color: #fff;
    opacity: 0;
}
.acce-body:hover .acce-hover, .highlight-sec .carousel-control:focus {
    opacity: 1;
}
.detail-top h1 {
    margin-top: 0;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 7px;
}
.detail-top h6 {
    margin-top: 0;
    font-size: 16px;
    font-weight: 400;
    color: #ababab;
}
.detail-top .rating {
    margin-top: 7px;
}
.detail-top .rating i {
    margin-right: 8px;
    font-size: 16px;
    color: #fec200;
}
.detail-top .rating a, .detail-top .rating span {
    color: #ababab;
    font-size: 16px;
    font-weight: 400;
}
.detail-top .rating a {
    font-style: italic;
    float: right;
}
.rate h2 {
    font-size: 34px;
    font-weight: 700;
    color: #571471;
    margin-top: 8px;
    vertical-align: middle;
    margin-right: 15px;
    line-height: 1;
}
.rate h2 del {
    font-size: 16px;
    font-weight: 400;
    color: #ababab;
    margin-left: 8px;
    vertical-align: inherit;
    margin-top: -3px;
}
label.offer-label {
    text-align: center;
    line-height: 24px;
    height: 26px;
    padding: 0 12px;
    border-radius: 30px;
    font-weight: 700;
    color: #fff;
    background-color: #232f3e;
    font-size: 13px;
    z-index: 1;
}
.rate span {
    float: right;
    font-size: 16px;
    color: #49b72c;
    margin-top: 13px;
}
.detail-right .detail, .rate {
    margin-top: 15px;
}
.rate span i {
    font-size: 18px;
}
.detail-right .detail.feature {
    margin-top: 25px;
}
.detail-right .detail, .detail-right ul {
    list-style: none;
    padding-left: 0;
}
.detail-right .detail p, .detail-right .detail.feature ul li {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    color: #8b8989;;
}
.detail-right .detail .sub-menu a.main-a {
    font-weight: 700;
    color: #313131;
    text-transform: uppercase;
    margin-top: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    display: block;
    margin-bottom: 15px;
}
.detail-row p, .soc-icon a, ul.size, ul.size li, ul.size li a {
    display: inline-block;
}
.detail-right .detail.feature .toggle-ul ul {
    width: 50%;
    float: left;
}
.detail-right .detail.feature ul li {
    padding-left: 15px;
    position: relative;
    margin-bottom: 8px;
}
.detail-right .detail.feature ul li i {
    position: absolute;
    left: 0;
    color: #ff3c20;
    font-size: 20px;
}
.detail-row p {
    font-size: 16px;
    font-weight: 700;
    color: #ababab;
}
.detail-row p span {
    color: #5d5d5d;
    font-weight: 700;
}
.soc-icon a {
    font-size: 20px;
    padding: 0 5px;
    transition: all .4s;
}
ul.size {
    margin-left: 30px;
}
ul.size li a:hover, ul.size li.active a {
    background-color: #232f3e;
    color: #fff;
    border: 1px solid #232f3e;
}
ul.size li a {
    padding: 5px 10px;
    border: 1px solid #f2f2f2;
    color: #282828;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 15px;
    border-radius: 45px;
    transition: all .3s;
}
.detail-btm {
    margin-top: 20px;
}
.blog-detail .menu ul.navbar-nav.navbar-left {
    margin-left: 0;
}
.blog-detail .navbar-collapse {
    padding-left: 0;
}
.quantity-box {
    margin-top: 15px;
    margin-bottom: 22px;
}
.quantity-box #field1 {
    margin-top: 5px;
    float: left;
}
.quantity-box #field1 input {
    border: 1px solid #e7e7e7;
    width: 66px;
    text-align: center;
    height: 46px;
    float: left;
    color: #ababab;
}
.quantity-box #field1 button {
    border: 1px solid #e7e7e7;
    background-color: transparent;
    font-size: 14px;
    height: 46px;
    width: 42px;
    text-align: center;
}
.quantity-box #field1 button#sub {
    margin-right: -1px;
    float: left;
}
.quantity-box #field1 button#add {
    margin-left: -1px;
    float: left;
}
.action-icon a, .quick-modal .coupon {
    display: inline-block;
    margin-left: 8px;
}
.quantity-box #field1 button#add:hover, .quantity-box #field1 button#sub:hover {
    color: #571471;
}
.action-icon a, .action-icon a i {
    color: #dbdbdb;
    transition: all .3s;
}
.action-icon {
    display: inline-block;
    margin-top: 15px;
}
.action-icon a {
    font-size: 16px;
    font-weight: 400;
}
.action-icon a i {
    font-size: 20px;
    margin-right: 7px;
    vertical-align: middle;
}
.action-icon a:hover, .action-icon a:hover i {
    color: #ff3c20;
}
.quantity-box .sub {
    border-radius: 30px 0 0 30px;
}
.quantity-box .add {
    border-radius: 0 30px 30px 0;
}
.detail-row .soc-icon {
    display: inline-block;
}
.detail-row .soc-icon a i {
    color: #868686;
}
.quick-modal .coupon {
    padding: 13px 30px;
    margin-top: 5px;
    background-color: #571471;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    border-radius: 30px;
    transition: all .3s;
    border: 1px solid #571471;
}
.quick-modal .coupon:hover {
    background-color: transparent;
    color: #571471;
}

#thumbcarousel .thumb {
    width: 10%;
    float: left;
}
.quick-modal .detail-left {
    background-color: transparent;
    padding: 0;
}
.quick-modal .detail-left.col-md-5 {
    padding: 0;
}
.quick-modal .modal-body {
    padding: 25px;
}
#thumbcarousel {
    margin-top: 15px;
    margin-bottom: 30px;
}
.quick-modal button.close {
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 48px;
    z-index: 5;
}
.quick-modal .rate h2 {
    font-size: 28px;
}
.quick-modal .rate h2 del {
    font-size: 14px;
}
.quick-modal .detail-top h1 {
    font-size: 28px;
}
.quick-modal .detail-left .carousel-control .fa {
    font-size: 36px;
}
.quick-modal .carousel-control {
    left: -43px;
}
.quick-modal .carousel-control.right {
    right: -30px;
}
.detail-row .soc-icon a i {
    transition: all .4s;
}
.quick-modal .detail-row .soc-icon a i:hover {
    color: #ff4001;
}
.quick-modal .carousel img {
    width: auto;
}
@media (min-width:320px) and (max-width:480px) {
    .quick-modal .modal-lg {
    width: auto;
}
.quick-modal button.close {
    font-size: 36px;
}
.quick-modal .detail-left .carousel .item img {
    width: 100%}
.quick-modal .detail-right.col-md-7 {
    margin-top: 30px;
    padding: 0;
}
.quick-modal .detail-top .rating a {
    float: none;
}
.quick-modal .rate h2 {
    font-size: 24px;
}
.quick-modal .coupon {
    margin-left: 0;
    margin-top: 10px;
}
.quick-modal .detail-top h1 {
    font-size: 20px;
}
.quick-modal .detail-left .carousel-control .fa {
    font-size: 24px;
}
.quick-modal .carousel-control {
    left: -23px;
}
.quick-modal .carousel-control.right {
    right: -23px;
}
.action-icon.pull-right {
    float: none!important;
}
ul.size li a {
    padding: 5px 10px;
    font-size: 14px;
    margin-left: 4px;
}
ul.size {
    margin-left: 0;
}
.detail-row p {
    line-height: 1.6;
}
.detail-right .detail.feature ul li {
    padding: 0;
}
}@media (min-width:481px) and (max-width:767px) {
    .quick-modal .modal-lg {
    width: auto;
}
.quick-modal button.close {
    font-size: 36px;
}
.quick-modal .detail-right.col-md-7 {
    margin-top: 40px;
    padding: 0;
}
.quick-modal .detail-top h1, .quick-modal .rate h2 {
    font-size: 24px;
}
.quick-modal .rate span {
    margin-top: 10px;
}
.quick-modal .action-icon.pull-right {
    float: none!important;
}
.quick-modal .carousel-control.right {
    right: -25px;
}
.quick-modal .carousel-control {
    left: -25px;
}
.detail-right .detail p, .detail-right .detail.feature ul li {
    font-size: 12px;
}
}@media (min-width:768px) and (max-width:991px) {
    .quick-modal .modal-lg {
    width: 700px;
}
.quick-modal button.close {
    z-index: 1;
}
.quick-modal .detail-right.col-md-7 {
    margin-top: 60px;
}
.quick-modal .color-var {
    right: 50px;
}
#thumbcarousel .thumb img {
    width: 75%}
#thumbcarousel {
    text-align: center;
}
#thumbcarousel .carousel-inner {
    width: 80%;
    display: inline-block;
}
.quick-modal .carousel-control {
    left: 0;
}
.quick-modal .carousel-control.right {
    right: 0;
}
}@media (min-width:992px) and (max-width:1199px) {
    .quick-modal button.close {
    right: 30px;
    font-size: 36px;
}
.quick-modal .detail-top h1 {
    font-size: 26px;
}
.quick-modal .modal-lg {
    margin: 0 auto;
    width: 900px;
}
.quantity-box #field1 input {
    width: 50px;
}
.quick-modal .coupon {
    padding: 13px 25px;
}
.action-icon a {
    margin-left: 5px;
    font-size: 15px;
}
.action-icon a i {
    font-size: 16px;
}
}@media (min-width:320px) and (max-width:480px) {
    .latest-product .col-md-12, .manufacture.col-md-3 {
    padding: 0;
}
.sec-head h3 {
    font-size: 14px;
}
.sec-head h2 {
    font-size: 24px;
}
.sec-head p {
    font-size: 14px;
    max-width: none;
}
.latest-product .col-md-4 {
    padding: 0;
    margin-top: 40px;
}
.latest-product .col-md-4:first-child {
    margin-top: 0;
}
}@media (min-width:481px) and (max-width:767px) {
    .latest-product .col-md-4 {
    width: 50%;
    float: left;
    margin-top: 40px;
    padding: 0 7px;
}
.manufacture .categories ul {
    width: 100%}
.manufacture.col-md-3 {
    padding: 0;
}
}@media (min-width:768px) and (max-width:991px) {
    .sec-head h2 {
    font-size: 36px;
}
.sec-head p {
    max-width: 76%}
.banner-img.col-sm-6 {
    padding: 0 15px;
}
.product:hover .add-cart-hover {
    width: 140px;
}
.add-cart-hover h6, .product p {
    font-size: 14px;
}
.product h4 {
    font-size: 20px;
}
.manufacture.col-md-3 {
    padding: 0;
}
.banner-img img {
    display: none;
}
}.highlight-sec .carousel-caption img, .highlight-sec .price, .offer h4, .offer h5 {
    display: inline-block;
}
@media (min-width:992px) and (max-width:1199px) {
    .sec-head h2 {
    font-size: 40px;
}
.sec-head p {
    max-width: 80%}
.product:hover .add-cart-hover {
    width: 140px;
}
.add-cart-hover h6, .product p {
    font-size: 14px;
}
.product h4 {
    font-size: 20px;
}
.manufacture .categories ul li a.main-a {
    font-size: 13px;
}
.manufacture.col-md-3 {
    padding-left: 15px;
}
}.highlight-sec {
    background-image: url(../img/index/deal-bg.jpg);
    background-size: cover;
    padding-top: 80px;
    height: 600px;
}
.highlight-sec .col-md-10 {
    margin-bottom: 70px;
    z-index: 5;
}
.highlight-sec .carousel-caption {
    position: relative;
    left: 0;
    right: 0;
    text-shadow: none;
    bottom: 0;
    padding: 50px 0;
}
.highlight-sec .carousel {
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, .2);
    background-color: #fff;
}
.highlight-sec .carousel-control {
    background-image: none!important;
    top: 50%;
    bottom: auto;
    height: 50px;
    width: 50px;
    background-color: #fff;
    left: -25px;
    opacity: 1;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .2);
    border: 1px solid #efeeee;
    margin-top: -25px;
    text-shadow: none;
    color: #474747;
    text-align: center;
}
.highlight-sec .carousel-control:hover i {
    color: #474747;
}
.highlight-sec .carousel-control i {
    line-height: 50px;
    font-size: 26px;
}
.highlight-sec .offer .price-sale {
    text-align: center;
}
.highlight-sec #timer h2, .highlight-sec #timer-1 h2 {
    color: #313131;
    font-weight: 700;
}
#days, #dayss, #hours, #hourss, #minutes, #minutess, #seconds, #secondss {
    color: #707070;
    font-weight: 700;
}
.highlight-sec .carousel-control.right {
    right: -25px;
}
.highlight-sec .price.product span {
    text-align: center;
}
.highlight-sec .price .product h4 {
    color: #ff4001;
}
.highlight-sec a.def-btn-skew {
    background-color: #ff4001;
    border-color: #ff4001;
    margin-top: 30px;
}
.highlight-sec a.def-btn-skew:hover {
    background-color: transparent;
    color: #ff4001;
}
.new-rated-product .col-sm-12 {
    padding-right: 0;
    padding-left: 0;
    margin-top: 20px;
}
.new-left.col-md-3 {
    padding-left: 0;
}
.highlight-sec #days, .highlight-sec #dayss, .highlight-sec #hours, .highlight-sec #hourss, .highlight-sec #minutes, .highlight-sec #minutess, .highlight-sec #seconds, .highlight-sec #secondss {
    transform: skew(-11deg);
    border-radius: 0;
}
.highlight-sec #timer, .highlight-sec #timer-1 {
    width: 100%}
.highlight-sec .offer #timer-1 h2 {
    margin-bottom: 20px;
    font-size: 16px;
}
.offer h4, .pro-bar {
    margin-bottom: 30px;
}
.highlight-sec .pro-fg {
    background-color: #ff4001;
}
.offer h4 {
    font-size: 24px;
    color: #ff3c20;
    font-weight: 700;
}
.offer h5 {
    color: #ababab;
    font-size: 16px;
}
.rating {
    margin-top: 0;
}
.tranding {
    padding: 0;
}
.best-product-accesories .tranding .owl-prev, .tranding .owl-next {
    background-color: transparent!important;
    border: 1px solid #efeeee;
    height: 45px!important;
    width: 45px!important;
}
.best-product-accesories .tranding .owl-prev:hover, .tranding .owl-next:hover {
    background-color: #000 !important;
    border-collapse: #000 !important;
}
.best-product-accesories .tranding .owl-next:hover .fa, .best-product-accesories .tranding .owl-prev:hover .fa {
    color: #fff!important;
}
.best-product-accesories .tranding .owl-next .fa, .best-product-accesories .tranding .owl-prev .fa {
    color: #474747!important;
    transition: all .3s;
    line-height: 45px!important;
    font-size: 28px!important;
}
.best-product-accesories .tranding .owl-prev {
    left: 0%!important;
}
.best-product-accesories .tranding .owl-next {
    right: 0%!important;
}
.highlight-sec .carousel-control:focus, .highlight-sec .carousel-control:hover {
    color: #474747;
}
.offer h2 {
    font-weight: 700;
    text-align: left;
    font-size: 18px;
    margin-top: 35px;
    color: #5d5d5d;
}
#timer h2, #toper, .client-sec h2, .email-address a, .nbs-flexisel-ul {
    text-align: center;
}
.highlight-sec .offer h2 {
    margin-top: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .4s;
}
.highlight-sec .offer h2:hover {
    color: #ff734e;
}
.highlight-sec .sale {
    border: none;
}
.pro-bg, .pro-fg {
    border-radius: 5px;
}
.pro-bar {
    position: relative;
}
.pro-bg {
    width: 100%;
    height: 10px;
    background-color: #f4f4f4;
}
.carousel-caption div:first-child {
    animation-delay: 1s;
}
.carousel-caption div:nth-child(2) {
    animation-delay: 2s;
}
.pro-fg {
    position: absolute;
    width: 75%;
    height: 10px;
    background-color: #ff3c20;
    top: 0;
    left: 0;
}
#days, #days1, #dayss, #hours, #hours1, #hourss, #minutes, #minutes1, #minutess, #seconds, #seconds1, #secondss {
    font-size: 24px;
    display: inline-block;
    padding: 10px 15px;
    background-color: #f4f4f4;
    border-radius: 5px;
}
#timer p, #timer-1 p {
    min-height: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    color: #ababab;
    padding-top: 10px;
}
#timer-1 #dayss span, #timer-1 #hourss span, #timer-1 #minutess span, #timer-1 #secondss span {
    display: none;
}
#timer h2 {
    margin-top: 0;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}
.price-range .price-range-title-left, .price-range .price-range-title-right {
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #ababab;
    font-weight: 400;
}
.price-range .price-range-title-right {
    float: right;
}
.offer {
    padding: 0 20px;
}
#timer .col-sm-3, #timer-1 .col-sm-3 {
    width: 21%;
    padding-left: 0;
    padding-right: 0;
}
@media (min-width:320px) and (max-width:480px) {
    .offer, .price-range {
    padding: 0;
}
.highlight-sec .offer h2 {
    font-size: 14px;
    margin-top: 30px;
}
.price-range .price-range-title-left, .price-range .price-range-title-right {
    font-size: 13px;
}
#timer .col-sm-3, #timer-1 .col-sm-3 {
    width: 50%}
#timer #minutes, #timer #seconds, #timer-1 #minutess, #timer-1 #secondss {
    margin-top: 15px;
}
}@media (min-width:481px) and (max-width:767px) {
    .product: hover .add-cart-hover {
    width: 140px;
}
.add-cart-hover h6, .product p {
    font-size: 14px;
}
.product h4 {
    font-size: 20px;
}
.highlight-sec .offer h2 {
    margin-top: 20px;
}
#timer .col-sm-3, #timer-1 .col-sm-3 {
    width: 25%}
}@media (min-width:768px) and (max-width:991px) {
    #timer .col-sm-3, #timer-1 .col-sm-3 {
    width: 25%}
.offer h2 {
    font-size: 16px;
}
}.accesorie-sec .col-md-3, .accesorie-sec .col-md-6 {
    padding: 0;
}
.acce-body {
    position: relative;
}
.acce-hover, .acce-inner {
    width: 100%;
    position: absolute;
}
.acce-body img {
    width: 100%}
.best-product-accesories .sale h4, .best-product-accesories .sale p {
    padding-left: 0;
}
.acce-hover {
    top: 0;
    left: 0;
    background-color: rgba(255, 64, 1, .9);
    color: #fff;
    z-index: 2;
    height: 100%;
    opacity: 0;
    transition: all .5s;
}
.nbs-flexisel-nav-left.disabled, .nbs-flexisel-nav-right.disabled {
    opacity: .4;
}
.acce-inner {
    top: 50%;
    transform: translateY(-50%);
}
.acce-inner h3 {
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
}
.acce-inner h2, .accesorie-sec-btn a, a.def-btn-skew {
    font-weight: 700;
    text-transform: uppercase;
}
.acce-inner h2 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 15px;
}
.sale-body {
    padding: 0 15px;
}
a.def-btn-skew {
    display: inline-block;
    background-color: #fec200;
    color: #fff;
    font-size: 18px;
    padding: 15px 35px;
    position: relative;
    transform: skew(-15deg);
    margin-top: 10px;
    border: 2px solid #fec200;
    transition: all .3s;
}
a.def-btn-skew:hover {
    background-color: transparent;
    color: #fec200;
}
a.def-btn-skew span {
    transform: skew(15deg);
    display: inline-block;
}
.accesorie-sec-btn a {
    display: block;
    background-color: #313131;
    color: #fff;
    padding: 15px 0;
    transition: all .3s;
}
.accesorie-sec-btn a:hover {
    background-color: #ff4001;
}
@media (min-width:320px) and (max-width:480px) {
.best-product-accesories .tranding .owl-next {
    right: 0%!important;
    top:45% !important;
}
.best-product-accesories .tranding .owl-prev {
    left: 0% !important;
    top:45% !important;
}
.best-product-accesories {
    padding-top: 0px !important;
}
.sec-head.col-md-12 {
    padding: 0;
}
}@media (min-width:481px) and (max-width:767px) {
    .best-product-accesories .tranding .owl-next {
    right: 0%!important;
    top:45% !important;
}
.best-product-accesories .tranding .owl-prev {
    left: 0% !important;
    top:45% !important;
}
.best-product-accesories {
    padding-top: 0px !important;
}
.padd-80 {
    padding: 60px 0;
}
}@media (min-width:768px) and (max-width:991px) {
    .best-product-accesories {
    padding-top: 0px;
}
.best-product-accesories .tranding .owl-next {
    right: 0% !important;
    top:45% !important;
    top:45% !important;
}
.best-product-accesories .tranding .owl-prev {
    left: 0% !important;
}
}@media (min-width:992px) and (max-width:1199px) {
    .best-product-accesories .tranding .owl-next {
    right: 0%!important;
    top:45% !important;
}
.best-product-accesories .tranding .owl-prev {
    left: 0%!important;
    top:45% !important;
}
}.client-sec {
    padding: 50px 0;
}
.client-sec h2 {
    font-size: 20px;
    color: #282828;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.nbs-flexisel-item, .nbs-flexisel-ul {
    margin: 0;
    padding: 0;
    position: relative;
}
#flexiselDemo3 {
    display: none;
}
.testi-left h3, .testi-left img, .testi-left p, .testimonial-head-h2, .testimonial-head-h3 {
    display: inline-block;
}
.nbs-flexisel-container {
    position: relative;
    max-width: 100%}
.nbs-flexisel-ul {
    width: 99999px;
    list-style-type: none;
    overflow: auto;
}
.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%}
.nbs-flexisel-item {
    float: left;
    cursor: pointer;
    line-height: 0;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);
    font-family: FontAwesome;
    font-size: 26px;
}
.nbs-flexisel-nav-left {
    left: 0;
    color: #ccc;
}
.nbs-flexisel-nav-left:before {
    content: "\f104"}
.nbs-flexisel-nav-right {
    right: 0;
    color: #ccc;
}
.nbs-flexisel-nav-right:before {
    content: "\f105"}
.client-sec h3 {
    font-size: 35px;
    color: #f09301;
    font-weight: 300;
    margin-top: 30px;
    margin-bottom: 20px;
}
.client-sec p {
    font-size: 18px;
    line-height: 2;
    font-weight: 400;
}
@media (min-width:320px) and (max-width:767px) {
    .client-sec h3 {
    font-size: 20px;
}
.client-sec p {
    font-size: 15px;
    line-height: 1.5;
}
.product-sec img {
    margin-bottom: 20px;
}
}#testimonial-slider {
    padding: 0 40px;
}
.testi-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-image: url(../img/index/testi-bg.jpg);
    background-size: 50%;
    background-position: left;
}
.testi-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%}
.question-sec, .question-sec img, .testi-right, .testimonaial, .testimonial .description {
    position: relative;
}
.testi-left h3 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 10px;
    background-color: #fec200;
}
.testi-left h2 {
    font-size: 50px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 20px;
}
.testi-left p, .testi-right h3 {
    font-size: 16px;
    text-transform: uppercase;
}
.testi-left h2 b {
    font-weight: 700;
}
.testi-left p {
    font-weight: 400;
    color: #fff;
    line-height: 1.6;
    max-width: 80%;
    margin-bottom: 15px;
}
.bottom-sec a.def-btn-skew, .testi-left a.def-btn-skew {
    background-color: #ff4001;
    border-color: #ff4001;
}
.bottom-sec a.def-btn-skew:hover, .testi-left a.def-btn-skew:hover {
    background-color: transparent;
    color: #ff4001;
}
.testi-right {
    width: 50%;
    background-color: #f6f6f6;
    margin-left: 50%}
.testi-right h3 {
    margin-top: 0;
    font-weight: 700;
    letter-spacing: 3px;
}
.testi-right h2 {
    margin: 15px 0;
    font-size: 70px;
    font-weight: 300;
}
.testi-right h4, .testimonial-head-h3 {
    text-transform: uppercase;
    margin-top: 0;
}
.testi-right h4 {
    font-size: 30px;
    font-weight: 700;
    color: #ff4001;
}
.testimonial-head-h3 {
    font-weight: 700;
    color: #FFF;
    font-size: 16px;
    margin-bottom: 0;
}
.testimonial-head-h2 {
    font-family: Pacifico;
    color: #FFF;
    font-size: 36px;
    margin-bottom: 40px;
    margin-top: 10px;
}
.testimonial .pic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0 auto 10px;
}
.testimonial .pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%}
.testimonial .testimonial-title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    letter-spacing: 0;
    text-transform: none;
}
.testimonial .description {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    font-style: italic;
    max-width: 70%;
    display: inline-block;
    margin-top: 20px;
}
.testimonial .description i {
    font-size: 30px;
    margin-bottom: 15px;
}
@media (min-width:320px) and (max-width:480px) {
    .testi-inner, .testi-left {
    position: relative;
    width: 100%}
.testi-left {
    padding: 50px 15px;
    background-size: 133%}
.testi-inner {
    transform: none;
    top: 0;
    left: 0;
}
.testi-left h3 {
    font-size: 16px;
    padding: 8px 10px;
}
.testi-left h2 {
    font-size: 30px;
}
.testi-left p, .testimonial .description {
    font-size: 14px;
    max-width: none;
}
a.def-btn-skew {
    padding: 12px 30px;
    font-size: 16px;
}
.testi-right {
    width: 100%;
    margin-left: 0;
    padding: 50px 15px;
}
.testi-right h3 {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.4;
}
.testi-right h2 {
    font-size: 46px;
}
.testi-right h4 {
    font-size: 24px;
}
#testimonial-slider {
    padding: 0;
}
.padd-80 {
    padding: 50px 0;
}
}@media (min-width:481px) and (max-width:767px) {
    .testi-left, .testi-right {
    width: 100%;
    padding: 50px 15px;
}
.testi-left {
    position: relative;
    background-size: 111%}
.testi-inner {
    position: relative;
    transform: none;
    top: 0;
    left: 0;
    width: 100%}
.testi-right {
    margin-left: 0;
}
.testi-right h3 {
    line-height: 1.4;
}
.testi-right h2 {
    font-size: 46px;
}
.testi-right h4 {
    font-size: 24px;
}
.testimonial .description {
    max-width: 93%;
    font-size: 16px;
}
.testi-left h3 {
    font-size: 16px;
    padding: 8px 10px;
}
.testi-left h2 {
    font-size: 42px;
}
#testimonial-slider {
    padding: 0;
}
}@media (min-width:768px) and (max-width:991px) {
    .testi-right h2 {
    font-size: 50px;
}
.testi-right h3 {
    font-size: 12px;
}
.testi-left {
    background-size: 78%}
.testi-left h2 {
    font-size: 36px;
}
.testi-left h3 {
    font-size: 16px;
    padding: 8px 10px;
}
.testimonial .description {
    font-size: 14px;
    max-width: 94%}
.testi-inner {
    width: 100%}
.testi-left p {
    font-size: 14px;
}
}@media (min-width:992px) and (max-width:1199px) {
    .testi-left h3 {
    font-size: 16px;
    padding: 8px 10px;
}
.testi-inner {
    width: 85%}
.testimonial .description {
    max-width: 100%;
    font-size: 16px;
}
}@media (min-width:1740px) and (max-width:1920px) {
    .testi-left {
    background-size: 75%}
}.blog-slider .product .offer-discount {
    left: 0;
    top: 0;
    background-color: #ff4001;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    width: auto;
    padding: 8px 12px;
    right: auto;
    margin-top: 0;
    line-height: 1;
}
.blog-slider.col-md-8 {
    padding-left: 0;
    padding-right: 0;
}
.blog-slider .product .offer-discount h2 {
    font-size: 26px;
    font-weight: 700;
    margin: 0;
}
.blog-slider .product h6 {
    font-size: 16px;
    line-height: 1.6;
}
.blog-slider .product a.shop-btn {
    color: #313131;
    margin-bottom: 25px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
}
.blog-slider .product a.shop-btn i {
    margin-left: 5px;
}
.blog-slider.tranding .owl-next, .blog-slider.tranding .owl-prev {
    bottom: auto!important;
    top: 50%!important;
    background-color: #fff!important;
    width: 38px!important;
    height: 38px!important;
    border: 1px solid #efeeee;
}
.tranding .owl-next .fa, .tranding .owl-prev .fa {
    transition: all .3s;
    line-height: 35px!important;
    font-size: 24px!important;
}
.blog-slider.tranding .owl-next:hover i.fa, .blog-slider.tranding .owl-prev:hover i.fa {
    color: #474747!important;
}
.blog-slider.tranding .owl-prev {
    left: -18px;
}
.blog-slider.tranding .owl-next {
    right: -18px;
}
.blog-slider .product h6 {
    color: #ababab;
    margin-top: 10px;
}
.blog .product p {
    padding-left: 0;
    color: #5d5d5d;
    font-size: 18px;
}
.blog-slider .product-body {
    text-align: left;
    padding-left: 20px;
}
.blog-slider .product-body a:hover i {
    animation-name: red;
    animation-duration: .55s;
    position: relative;
    color: #ff4001;
}
@keyframes red {
    0%, 100% {
    left: 0;
}
50% {
    left: 20px;
}
}@media (min-width:320px) and (max-width:480px) {
    .blog-slider .product h6 {
    font-size: 14px;
}
.blog-slider .thumbnail {
    margin-bottom: 20px;
}
.blog-slider .owl-controls {
    display: none;
}
.banner-img.col-md-4 {
    padding: 0;
}
}@media (min-width:481px) and (max-width:767px) {
    .sec-head h2 {
    font-size: 30px;
}
.sec-head p {
    max-width: 85%;
    font-size: 14px;
}
.blog .product p {
    font-size: 15px;
}
.blog-slider .product h6 {
    font-size: 13px;
}
.blog-slider .product a.shop-btn {
    font-size: 16px;
}
.blog-slider.tranding .owl-next, .blog-slider.tranding .owl-prev {
    width: 36px!important;
    height: 36px!important;
}
.tranding .owl-next .fa, .tranding .owl-prev .fa {
    font-size: 26px!important;
    line-height: 36px!important;
}
.sec-head span {
    height: 4px;
}
.blog-slider.col-md-8 {
    padding-left: 2px;
}
.banner-img.col-md-4 {
    padding: 0;
}
.blog-slider.tranding .owl-next {
    right: -12px;
}
}@media (min-width:768px) and (max-width:991px) {
    .blog-slider.tranding .owl-next, .blog-slider.tranding .owl-prev {
    width: 36px!important;
    height: 36px!important;
}
.tranding .owl-next .fa, .tranding .owl-prev .fa {
    font-size: 24px!important;
    line-height: 36px!important;
}
}@media (min-width:992px) and (max-width:1199px) {
    .ban-sec.col-md-4 {
    padding-right: 0;
}
}.bottom-sec {
    background-image: url(../img/index/bottom-bg.jpg);
    background-size: cover;
    padding: 400px 0 100px;
    background-position: bottom;
    margin-top: -400px;
}
.bottom-sec h2 {
    font-size: 40px;
}
.bottom-sec p {
    max-width: none;
    color: #5d5d5d;
}
.question-sec {
    padding: 0 30px;
}
.question-sec img {
    z-index: 5;
    margin-top: 10px;
    margin-left: 15px;
}
.question-sec p {
    background-color: #fff;
    transform: skew(-15deg) translateY(-50%);
    padding: 12px 20px 12px 50px;
    position: absolute;
    top: 50%;
    left: 10%;
    width: 80%}
.question-sec p span {
    transform: skew(15deg);
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
}
.question-sec p span b {
    color: #ff4001;
    font-size: 20px;
}
@media (min-width:320px) and (max-width:480px) {
    .bottom-sec h2 {
    font-size: 25px;
}
.question-sec p span b {
    font-size: 18px;
}
.bottom-sec {
    background-position: right;
}
.bottom-sec p {
    color: #5d5d5d;
}
.question-sec {
    padding: 0;
}
.question-sec img {
    margin-left: 0;
}
.question-sec p {
    width: 86%;
    left: 8%}
}@media (min-width:481px) and (max-width:767px) {
    .bottom-sec .sec-head.col-md-12, .question-sec {
    padding: 0;
}
.bottom-sec {
    background-position: right;
}
.bottom-sec h2 {
    font-size: 26px;
    max-width: 80%;
    display: inline-block;
}
.bottom-sec p {
    color: #5d5d5d;
    font-size: 14px;
}
.question-sec img {
    margin-left: 0;
}
.question-sec p {
    width: 86%;
    left: 8%}
.question-sec p span b {
    font-size: 16px;
}
}@media (min-width:768px) and (max-width:991px) {
    .bottom-sec p {
    color: #000;
}
.bottom-sec h2 {
    font-size: 36px;
}
}@media (min-width:992px) and (max-width:1199px) {
    .bottom-sec h2 {
    font-size: 36px;
}
}.service-body {
    border: 1px solid #eee;
    transform: skew(-15deg);
    transition: all .4s;
}
.service-body:hover {
    border-color: #ff4001;
    color: #ff4001;
}
.service-inner {
    transform: skew(15deg);
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 100px;
}
.service-inner h2 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.service-inner h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    color: #bcbcbc;
    margin-top: 10px;
}
.service-inner i {
    left: 30px;
    position: absolute;
    font-size: 54px;
    font-weight: 400;
    color: #ff4001;
    top: 50%;
    transform: translateY(-50%);
}
@media (min-width:320px) and (max-width:480px) {
    .service-body {
    margin-bottom: 20px;
}
.service-inner h3 {
    font-size: 12px;
}
.service-inner h2 {
    font-size: 18px;
}
.service-inner {
    padding-left: 64px;
}
.service-inner i {
    font-size: 40px;
    left: 15px;
}
.services-sec.padd-60 {
    padding-bottom: 0;
}
}@media (min-width:481px) and (max-width:767px) {
    .service-body {
    margin-bottom: 20px;
}
}@media (min-width:768px) and (max-width:991px) {
    .service-body: last-child {
    margin-top: 20px;
}
.service-inner i {
    font-size: 48px;
}
.service-inner {
    padding-left: 95px;
}
}@media (min-width:992px) and (max-width:1199px) {
    .service-inner i {
    font-size: 48px;
}
.service-inner {
    padding-left: 90px;
}
.question-sec img {
    margin-left: -6px;
}
.question-sec p span b {
    font-size: 17px;
}
.question-sec p span {
    font-size: 14px;
}
}.letter h2, .letter p {
    padding-left: 10px;
    float: left;
}
.footer-sec {
    background-image: url(../img/index/footer-bg.png);
    background-size: cover;
    background-position: top;
    padding-top: 120px;
    position: relative;
    z-index: 1;
}
.footer-sec:before {
    background: linear-gradient(to right bottom, #ff4001 50%, transparent 50%) rgba(0, 0, 0, 0);
    content: "";
    height: 91px;
    opacity: 1;
    position: absolute;
    left: -10px;
    top: 27px;
    width: 50%;
    z-index: -1;
    transform: rotate(3deg);
}
.footer-about img {
    margin-top: 20px;
}
.footer-about p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    color: #fff;
    margin-top: 15px;
    line-height: 1.6;
    max-width: 90%}
.footer-sec .contact-info h3 {
    color: #fff;
    border: none;
    margin-bottom: 20px;
}
.footer-sec .contact-info h3:after {
    top: 35px;
    width: 50px;
}
.footer-sec .contact-info p, .footer-sec .contact-info ul li a, .footer-sec .copy-text p, .footer-sec .follow-us h2 {
    color: #fff;
}
.footer-sec .contact-info ul li a:hover {
    color: #ff4001;
}
.footer-sec .news-letter {
    background-color: transparent;
}
.letter-news {
    border-top: 1px solid rgba(255, 255, 255, .2);
}
.footer-sec .news-letter .col-md-4 {
    padding-top: 15px;
}
.letter i {
    font-size: 50px;
    color: #fff;
    font-weight: 400;
    float: left;
    padding-top: 5px;
}
.letter p {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
}
.letter h2 {
    font-size: 42px;
    color: #fff;
    margin-top: 0;
    font-weight: 700;
}
.sign-news p {
    font-size: 15px;
    color: #fff;
    max-width: 100%;
    font-weight: 400;
    margin-top: 23px;
    line-height: 1.5;
}
.email-address input {
    padding: 15px 20px;
    border-radius: 30px;
    border: none;
    width: 100%;
    position: relative;
    font-size: 19px;
    color: #b1b1b1;
    font-weight: 400;
    line-height: 1;
}
.footer-sec .col-md-3.footer-about, .footer-sec .col-md-6, .footer-sec .news-letter .col-md-4 {
    padding-left: 0;
}
.footer-sec .col-md-3, .footer-sec .col-md-6, .footer-sec .news-letter .col-md-5 {
    padding-right: 0;
}
.email-address a {
    position: absolute;
    right: 10px;
    top: 0;
    color: #fff;
    display: block;
    line-height: 40px;
}
.email-address {
    margin-top: 24px;
}
.news-letter {
    margin-top: 15px;
}
.footer-sec .news-letter .email-address .round {
    right: 10px;
    transition: all .4s;
}
.right-copy {
    border-top: 1px solid rgba(255, 255, 255, .2);
}
.footer-sec .news-letter .email-address .round:hover {
    background-color: #ff4001;
}
.footer-sec .copy-text p {
    padding-top: 15px;
}
.copy-image a {
    padding-top: 10px;
}
.footer-sec .copy-right {
    background-color: transparent;
    position: relative;
    padding-bottom: 40px;
}
.payment img {
    display: inline-block;
}
.contact-info h3 {
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    padding-bottom: 10px;
    position: relative;
}
.contact-info.top-rated-product span {
    top: 17%;
    height: 5px;
    width: 100px;
}
.contact-info p {
    font-size: 15px;
    font-weight: 400;
    color: #282828;
    line-height: 1.6;
}
p.phone-no {
    font-size: 20px;
    font-weight: 700;
}
.contact-info ul {
    list-style: none;
    padding-left: 0;
}
.contact-info ul li a {
    line-height: 1.6;
    font-size: 16px;
    font-weight: 400;
    color: #282828;
    letter-spacing: .5px;
    padding-top: 7px;
    display: block;
    transition: all .3s;
    position: relative;
    overflow: hidden;
}
.contact i, .contact-info ul li a:hover {
    color: #571471;
}
.foot-a ul li a i {
    transition: all .3s;
    color: #ff3c20;
    position: absolute;
    left: -15px;
    top: 10px;
    font-size: 18px;
}
.foot-a ul li:hover a {
    padding-left: 20px;
}
.contact {
    margin-top: 20px;
}
.foot-a ul li:hover a i {
    left: 3px;
}
.contact-info .col-md-4 {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}
.contact-info .col-md-4 img {
    overflow: hidden;
    transition: all .4s;
}
.contact-info .col-md-4 img:hover {
    transform: scale(1.2);
}
.contact-info h3:after {
    content: "";
    width: 100px;
    height: 4px;
    background-color: #571471;
    display: block;
    position: absolute;
    bottom: -2px;
}
.contact i {
    float: left;
    font-size: 25px;
    padding-right: 15px;
}
.contact p {
    padding-left: 20px;
    margin: 0;
}
.follow-us h2 {
    font-size: 20px;
    font-weight: 700;
    color: #282828;
}
.follow a:first-child {
    padding-left: 0;
}
.follow a {
    padding-left: 15px;
    font-size: 26px;
    color: #fff;
    transition: all .4s;
}
.follow a:hover {
    color: #ff3c20;
}
.copy-right {
    background-color: #e8e8e8;
    padding: 0 0 10px;
}
.copy-text p {
    font-size: 16px;
    font-weight: 400;
    color: #282828;
    margin: 0;
    line-height: 29px;
}
.copy-text a {
    color: #ff3c20;
}
.copy-image a {
    display: inline-block;
    margin-top: 5px;
}
#toper {
    background-color: #ff4001;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
#toper i {
    color: #fff;
    line-height: 40px;
    font-size: 28px;
}
@media (min-width:320px) and (max-width:480px) {
    .call.col-md-12, .email.col-md-4, .footer-top-sec.col-md-12, .terms-condition.col-xs-12 {
    padding: 0;
}
.email::after, .letter p {
    display: none;
}
.footer-logo, .payment {
    margin-bottom: 20px;
    text-align: center;
}
.payment {
    margin-bottom: 30px;
}
.social-circle:first-child {
    margin-left: 0;
}
.footer-top-sec {
    border: none;
}
.email p {
    font-size: 16px;
}
.terms-condition ul {
    padding-left: 0;
}
.terms-condition ul li {
    padding-left: 16px;
    font-size: 14px;
    text-align: center!important;
}
.footer-sec:before {
    width: 200px;
    height: 50px;
    top: 95px;
    transform: rotate(9deg);
}
.footer-about p {
    font-size: 14px;
}
.footer-sec .copy-right {
    margin-top: 20px;
}
.email-address input::placeholder {
    font-size: 14px;
}
.follow a {
    font-size: 18px;
}
.letter i {
    font-size: 39px;
}
.letter h2 {
    font-size: 36px;
    margin-bottom: 0;
    margin-top: 14px;
}
.sign-news p {
    margin-top: 70px;
}
.copy-text p {
    font-size: 15px;
}
.use {
    margin-top: 40px;
}
.contact-info ul li a {
    font-size: 14px;
}
.footer-sec .col-md-3, .footer-sec .col-md-5 {
    padding-left: 0;
}
.copy-image.text-right, .footer-sec .copy-text p {
    text-align: center;
}
.footer-sec .container {
    padding-top: 50px;
}
.footer-sec .copy-right.container {
    padding-top: 0;
}
}@media (min-width:481px) and (max-width:767px) {
    .footer-logo, .payment.col-md-4 {
    margin-bottom: 30px;
}
.email::after, .letter p {
    display: none;
}
.footer-sec .col-md-6, .payment.col-md-4 {
    text-align: center;
}
.payment.col-md-4 {
    padding: 0;
}
.footer-top-sec {
    border: none;
}
.social-circle:first-child {
    margin-left: 0;
}
.footer-sec:before {
    width: 250px;
    height: 50px;
    top: 88px;
    transform: rotate(8deg);
}
.footer-about p {
    font-size: 14px;
}
.footer-sec .copy-right {
    margin-top: 20px;
}
.email-address input::placeholder {
    font-size: 14px;
}
.letter i {
    font-size: 39px;
}
.letter h2 {
    font-size: 36px;
    margin-bottom: 0;
    margin-top: 14px;
}
.sign-news p {
    margin-top: 70px;
}
.footer-sec .col-md-3, .footer-sec .news-letter .col-md-5 {
    padding-left: 0;
}
.use {
    margin-top: 40px;
}
.contact-info ul li a {
    font-size: 14px;
}
.footer-sec .container {
    padding-top: 50px;
}
.footer-sec .copy-right.container {
    padding-top: 0;
}
}@media (min-width:768px) and (max-width:991px) {
    .email p {
    font-size: 14px;
}
.terms-condition ul {
    padding-left: 0;
}
.terms-condition ul li {
    padding-left: 11px;
}
.footer-sec:before {
    width: 60%;
    transform: rotate(8deg);
    top: 30px;
    left: -21px;
}
.right-copy {
    margin-top: 10px;
}
.email-address.col-md-5 {
    padding: 0;
    margin-top: 0;
}
.letter, .sign-news {
    margin-bottom: 10px;
}
.letter h2, .letter i {
    font-size: 38px;
}
.footer-sec .copy-text p {
    display: inline-block;
}
.footer-sec .copy-right {
    margin-top: 20px;
}
.contact-info p {
    font-size: 13px;
}
}@media (min-width:992px) and (max-width:1199px) {

    .contact-info ul li a, .footer-about p, .sign-news p {
    font-size: 14px;
}
.footer-sec:before {
    transform: rotate(5deg);
    top: 21px;
}
.sign-news p {
    margin-top: 30px;
}
.footer-sec .col-md-3 {
    padding-left: 0;
}
.footer-about p {
    max-width: 87%}
}@media (min-width:1200px) and (max-width:1359px) {
    .top-bar {
    background: linear-gradient(to right, #571471 74%, #000 71%);
}
    .footer-sec: before {
    top: 19px;
    transform: rotate(4deg);
}
.sec-head h2 {
    font-size: 40px;
}
}@media (min-width:1360px) and (max-width:1500px) {
    .top-bar {
    background: linear-gradient(to right, #571471 80%, #000 71%);
}
    .footer-sec: before {
    top: 25px;
    transform: rotate(3deg);
}
}@media (min-width:1700px) and (max-width:1950px) {
    .top-bar {
    background: linear-gradient(to right, #571471 74%, #000 71%);
}
    .footer-sec: :before {
    top: 40px;
    transform: rotate(2deg);
}
}@media (min-width:1951px) and (max-width:2050px) {
    .top-bar {
    background: linear-gradient(to right, #571471 74%, #000 71%);
}
    .footer-sec: :before {
    top: 45px;
    transform: rotate(2deg);
}
}

@media (min-width: 768px){
.navbar-nav{margin-top:15px !important;border-bottom: 1px solid #ccc;float: right !important;}
}
.spdesign{background-color: #d6d4d5; color: #6f2c8b; line-height: 60px; font-size: 24px; text-align: center;
/*transform-origin: 50% 50% 0px;
transform: matrix3d(1, 0, 0, 0, -0.373648, 0.984808, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);*/
}
.bgareaprd{background-color: #eeeeee;}

 .clthb{ width: 80px; height: 80px; }
 .about-heading h3::before {
    position: absolute;
    content: "";
    width: 105px;
    height: 5px;
    background-color: #571471;
    display: inline-block;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.about-heading h3 {
    font-size: 50px;
    position: relative;
}
.about-heading, a.work-btn {
    text-align: center;
}
.about-heading span {

    color: #571471;
    font-weight: 600;

}
.about-heading h5 {

    font-size: 20px;
    color: #ababab;
    margin-top: 15px;

}
.about-heading p {

    font-size: 16px;
    margin-bottom: 0;
    max-width: 88%;
    display: inline-block;
    line-height: 1.4;
    margin-top: 15px;
    font-weight: normal;
    color:#5b5757;
}
.welcome-content:hover {

    box-shadow: 3px 3px 25px rgba(0,0,0,.4);

}
.welcome-content i {

    font-size: 42px;
    color: #571471;

}
.welcome-content h3 {

    font-size: 30px;
    font-weight: 600;
    margin-top: 10px;
    position: relative;

}
.welcome-content h3::after {

    position: absolute;
    width: 68px;
    height: 4px;
    background-color: #571471;
    bottom: -20px;

}
.company-heading p::after, .welcome-content h3::after {

    content: "";
    display: inline-block;
    left: 0;

}
.welcome-content p {
    font-weight: normal;
    font-size: 16px;
    color: #5b5757;
    margin-top: 40px;

}

.company-sec.container-fluid {

    position: relative;
    background-color: #f4f4f4;

}
.company-heading {

    padding-left: 70px;
    padding-top: 70px;

}
.company-heading h4 {

    font-size: 46px;

}
.company-heading h4 span {

    color: #ff3c20;
    font-weight: 600;

}
.company-detail {
    background-color: #fff;
}
.company-detail h5 {
    font-size: 20px;
    color: #ababab;
    line-height: 1.4;
}
.company-img {
    background-image: url(../img/about-us/company-img.jpg);
    position: absolute;
    background-size: cover;
    height: 100%;
    right: 0;
}
.textterm p{ font-weight: normal; color:#737373; }
.textterm h4{font-weight: bold;}
.textterm ol{list-style-type: none; font-weight: normal; color: #737373; margin-left: -40px;}
.contact-left input {
    height: 50px;
    line-height: 50px;
}
.contact-left input, .contact-left label, .contact-left textarea, .contact-main .contact-info p {
    font-size: 16px;
    font-weight: 400;
}
.contact-left input, .contact-left textarea {
    width: 100%;
    background-color: transparent;
    border: 1px solid #eee;
    text-indent: 10px;
}
contact-page .shp-btn {
    margin-top: 15px;
}
.shp-btn:hover {
    background-color: transparent;
    border: 1px solid #571471;
    color: #571471;
}
.shp-btn {
    color: #fff;
    padding: 15px 33px;
    background-color: #571471;
    border-radius: 30px;
    border: 1px solid #571471;
    transition: all .3s;
}
.contact-info h3::after {
    content: "";
    width: 100px;
    height: 4px;
    background-color: #571471;
    display: block;
    position: absolute;
    bottom: -2px;
}
.contact-main .contact-info h3 i {
    color: #110200;
    font-size: 40px;
}
.contact-right .contact-info p {
    padding-left: 0;
    color: #282828;
}
.contact-left textarea {
    padding: 15px;
    min-height: 150px;
}
.contact-left input, .contact-left label, .contact-left textarea, .contact-main .contact-info p {
    font-size: 16px;
    font-weight: 400;
}
.contact-left input, .contact-left textarea {
    width: 100%;
    background-color: transparent;
    border: 1px solid #d5d5d5;
    text-indent: 10px;
}
.contact-main .contact-info h3 i {
    color: #571471;
    font-size: 40px;
}
.special-offer .main-side-bar {
    padding-left: 0;
}
.main-side-bar ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 40px;
    margin-top: 10px;
}
.main-side-bar ul {
    list-style: none;
}
.main-side-bar ul a.main-a::after {
    content: "";
    width: 100px;
    height: 4px;
    background-color: #ff3c20;
    display: block;
    position: absolute;
    bottom: -2px;
}
.main-side-bar ul a.main-a {
    position: relative;
    padding-bottom: 12px;
    display: block;
    border-bottom: 1px solid #e8e8e8;
    font-size: 20px;
    font-weight: 700;
}
.icon-plus {
    width: 20px;
    height: 20px;
    border: 2px solid #ababab;
    border-radius: 50%;
    float: right;
    text-align: center;
}
.main-side-bar ul a.main-a::after {
    content: "";
    width: 100px;
    height: 4px;
    background-color: #571471;
    display: block;
    position: absolute;
    bottom: -2px;
}
.main-side-bar ul {
    list-style: none;
}
.main-side-bar ul li ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    border-bottom: 1px solid #e8e8e8;
    display: block;
    padding: 10px 0;
}
.grid-list .product-top-bar {
    margin-bottom: 30px;
}
.product-top-bar ul {
    list-style: none;
    padding-left: 0;
    border-bottom: 1px solid #ededed;
    min-height: 35px;
}
.product-top-bar ul li:first-child::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 4px;
    background-color: #571471;
    display: block;
    bottom: -14px;
}
.product-top-bar ul li {
    float: left;
    position: relative;
    padding-right: 20px;
}
.product-top-bar ul {
    list-style: none;
}
.product-top-bar ul li a.show-list {
    padding-right: 20px;
    font-size: 18px;
}
.product-top-bar ul li a {
    font-size: 16px;
    color: #474747;
    font-weight: 400;
}
.main-side-bar ul.shop-size li ul li {
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
}
.main-side-bar ul {
    list-style: none;
}
.main-side-bar ul.shop-size li ul li {
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
}
.main-side-bar ul.shop-size [type="checkbox"]:checked + label::after, .main-side-bar ul.shop-size [type="checkbox"]:not(:checked) + label::after {
    font-size: 1em;
    top: 0;
    color: #232f3e;
    left: 5px;
}
[type="checkbox"]:not(:checked) + label::after {
    opacity: 0;
    transform: scale(0);
}
.main-side-bar ul li ul li label {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: block;
    margin: 0;
}
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
}
.main-side-bar ul.shop-size [type="checkbox"]:checked + label, .main-side-bar ul.shop-size [type="checkbox"]:not(:checked) + label {
    padding-left: 2.2em;
}
[type="checkbox"]:checked + label::before, [type="checkbox"]:not(:checked) + label::before {
    content: '';
    position: absolute;
    left: -4px;
    top: -4px;
    width: 1.6em;
    height: 1.6em;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
.main-side-bar ul.shop-size [type="checkbox"]:checked + label::before, .main-side-bar ul.shop-size [type="checkbox"]:not(:checked) + label::before {
    width: 1.3em;
    height: 1.3em;
    top: -3px;
    border: 2px solid #eee;
    box-shadow: none;
    left: 1px;
}
[type="checkbox"]:checked + label::after, [type="checkbox"]:not(:checked) + label::after {
    content: '✔';
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 1.3em;
    line-height: .8;
    color: #7ed321;
    transition: all .2s;
}
.grid-list .product-top-bar {
    margin-bottom: 30px;
}
.product-top-bar ul {
    list-style: none;
    padding-left: 0;
    border-bottom: 1px solid #ededed;
    min-height: 35px;
}


.product-top-bar ul li a.show-list {
    padding-right: 20px;
    font-size: 18px;
}
.product-top-bar ul li a {
    font-size: 16px;
    color: #474747;
    font-weight: 400;
}
.product-top-bar ul li a.menu-btn {
    border: 1px solid #d5d5d5;
    padding: 8px 10px 6px;
}
.product-top-bar ul li a {
    font-size: 16px;
    color: #474747;
    font-weight: 400;
}
.product-top-bar ul li a.menu-bars {
    border: 1px solid #232f3e;
    padding: 8px 8px 4px;
}
.product:hover {
    box-shadow: 0 0 20px 5px rgba(0,0,0,.1);
    transition: all ease-in-out .3s;
}
.product {
    border: 1px solid #f2f2f2;
    position: relative;
    padding:8px;
}
.offer-discount.new {
    left: 0px;
    background-color: #571471;
}
.offer-discount {
    width: 48px !important;
    position: absolute;
    text-align: center;
    float: right;
    margin-top: 10px;
    line-height: 23px;
    height: 23px;
    top: 0;
    right: 15px;
    border-radius: 30px;
    font-weight: normal;
    color: #fff;
    background-color: #ff734e;
    font-size: 15px;
    z-index: 5;
}
.page-row {
    border-top: 2px solid #000;
    padding-top: 20px;
}
.grid-page .page-row {
    margin-top: 40px;
}
.page-row p {
    font-weight: 400;
    font-size: 15px;
    display: inline-block;
    margin-top: 10px;
}
.page-row a:hover {
    background-color: #571471;
    border-color: #571471;
    color: #fff;
}
.page-row a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #262626;
    padding: 16px 26px;
    border: 1px solid #d1d1d1;
    transition: all .3s;
    margin-right: 6px;
}
.grid-page .header-main {
    background-image: url(../img/grid/grid-head.jpg);
}
.newd{padding: 20px;
color: #fff;
margin-top: 0px;
padding-bottom: 50px;
background-size: cover;}
.coupon:hover {
    border: 1px solid #571471;
    color: #1a0401;
    background-color: transparent;
}
.detail-page .coupon {
    padding: 14px 35px;
    float: left;
}
.coupon {
    background-color: #571471;
    padding: 16px 60px;
    text-align: center;
    margin-left: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 3px;
    border-radius: 30px;
    transition: all .3s;
    border: 1px solid #571471;
}
.detail-left .carousel-indicators::after {
    content: '';
    clear: both;
    display: block;
}
.detail-left .carousel-indicators {
    left: 0;
    margin-left: 5px;
    width: 100%;
    position: relative;
    bottom: auto;
}
.element-table tr th {
    border-bottom: 1px solid #eee;
    padding: 0 0 10px;
    font-size: 20px;
    color: #191919;
}
.shp-cart-btn {
    display: inline-block;
}
.shp-cart .element-table tr td.width {
    width: 47%;
}
.shp-cart .element-table tr td {
    padding: 30px 0;
}
.element-table tr td {
    border-bottom: 1px solid #e0dddd;
    padding: 15px 0;
    font-size: 16px;
    font-weight: 700;
}
.element-table {
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em;
}
.element-table tr td {

    font-size: 16px;
    font-weight: 700;

}
.imgst{width:80px;}
.element-table table {
    width: 100%;
}
.element-table tr th {
    border-bottom: 1px solid #eee;
    padding: 0 0 10px;
    font-size: 20px;
    color: #191919;
}
.element-table tr th {
    border-bottom: 1px solid #eee;
    padding: 0 0 10px;
    font-size: 20px;
    color: #191919;
}

.shp-cart .element-table tr td p {

    font-size: 16px;
    font-weight: 700;
    max-width: 69%;
    line-height: 1.5;
    padding-left: 86px;
    color: #5d5d5d;

}
.shp-cart .element-table tr td h5 {
    font-size: 16px;
    font-weight: 400;
    color: #ababab;
    padding-left: 15px;
    display: inline;
}
.quantity {

    border-radius: 30px;
    display: inline-block;
    padding: 15px 2px;
    color: #ababab;

}
.quantity i {

    padding-right: 15px;
    padding-left: 15px;
    color: #dbdbdb;

}
.instagram, .quantity {

    border: 1px solid #f2f2f2;

}
.element-table button {

    border: none;
    background-color: transparent;
    font-size: 14px;

}
.element-table button {

    border: none;
    background-color: transparent;
    font-size: 14px;

}
.element-table .quantity input {
    border: none;
    width: 30px;
    text-align: center;
    border-radius: 4px;
}
.upd-btn {

    padding: 15px 45px;
    margin-right: 18px;

}
.cart-btn {

    color: #313131;
    padding: 15px 25px;
    border: 1px solid #f2f2f2;
    border-radius: 30px;

}
.cart-btn, .shp-btn {

    font-size: 16px;
    font-weight: 700;
    display: inline-block;

}
.element-table {

    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em;

}
.shp-cart .element-table tr td img {

    float: left;

}
.social-sec .social-circle a:hover {
    color: #000;
}
.social-sec .social-circle a {
    font-size: 17px;
    
    color: #571471;
    display: block;
    transition: all .4s;
    margin-top: 10px;
}
.social-sec .social-circle {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent;
    text-align: center;
    margin-left: 15px;
    border: 1px solid #571471;
}
.social-sec .social-circle, .team-sec .team-info a.shop-btn, .terms-condition ul li a, .welcome-content, a.work-btn {
    transition: all .4s;
}
.alert-faq .accordion {
    border: 1px solid #eee;
    padding: 20px 12px;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
}
.alert-faq #section1 a {
    font-weight: 700;
    font-size: 16px;
    color: #571471;
}
.alert-faq a {
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 5px;
    font-weight: 400;
}
.alert-faq .accordian-body .faq {
    border: 1px solid #eee;
    margin-bottom: 20px;
    background-color: transparent;
    padding: 12px 20px;
}
.alert-coupon {
    border-radius: 6px;
    line-height: 40px;
}
.checkout.col-md-6 {
    padding-right: 0;
}
.alert-faq .checkout {
    margin-top: 20px;
}
.checkout input {
    width: 100%;
    line-height: 50px;
    border: 1px solid #eee;
    margin-bottom: 15px;
    text-indent: 20px;
    font-weight: 400;
    font-size: 16px;
}
.alert-faq a {
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 5px;
    font-weight: 400;
}
.cup-btn {
    margin-top: 20px !important;
    margin-left: 10px;
}
.article-read {
    padding: 15px 30px;
    border-radius: 11px;
    -webkit-border-radius: 11px;
    background-color: #571471;
    margin-top: 15px;
    color: #FFF;
    font-weight: 600;
    line-height: normal;
}
.article-read, .login-btn {
    display: inline-block;
}
#return-to-top, .article-read, .comment-1 a, .comment-2 a {
    text-decoration: none;
}
.checkout {
    margin-top: 30px;
}
.checkout h2 {
    font-size: 20px;
    color: #313131;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 2px;
    padding-bottom: 15px;
    border-bottom: 2px solid #571471;
}
.checkout h3 {
    font-size: 16px;
    color: #313131;
    margin-top: 0;
}
.checkout .form-control {
    line-height: 40px;
    height: 50px;
    margin-bottom: 30px;
}
.element-table tr th {

    border-bottom: 1px solid #eee;
    padding: 0 0 10px;
    font-size: 20px;
    color: #191919;

}
.checkout-page .element-table tr td {

    font-weight: 400;

}
.element-table tr td.shipping {

    color: #571471;

}
.element-table tr td.total {

    color: #571471;
    font-weight: 700;
    font-size: 23px;

}
.pay-faq .col-md-12, .pay-faq.col-md-12 {

    padding-right: 0;
    padding-left: 0;

}
.pay-faq h2 {

    margin-top: 0;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid #571471;

}
.pay-faq .accordion {

    margin-top: 0;
    background-color: transparent;
    margin-bottom: 15px;

}
.mt-20 {

    margin-top: 20px !important;

}
.pay-faq .accordion label {

    font-weight: 400;
    font-size: 16px;
    color: #313131;
    cursor: pointer;

}
.pay-faq .accordion-open span {

    background: url(../img/Redio%20button/On.png) center center no-repeat;
    margin-top: 5px;

}
.pay-faq .accordion-close span {

    background: url(../img/Redio%20button/Off.png) center center no-repeat;
    border-radius: 50%;
    margin-top: 5px;

}
.pay-faq .accordion-close span, .pay-faq .accordion-open span {

    float: left;
    padding: 8px;
    margin-right: 25px;
    display: block;
    cursor: pointer;

}
.pay-faq .accordion-open span {

    background: url(../img/Redio%20button/On.png) center center no-repeat;
    margin-top: 5px;

}
.pay-faq .accordion-close span {

    background: url(../img/Redio%20button/Off.png) center center no-repeat;
    border-radius: 50%;
    margin-top: 5px;

}
.pay-faq .accordion-close span, .pay-faq .accordion-open span {

    float: left;
    padding: 8px;
    margin-right: 25px;
    display: block;
    cursor: pointer;

}
.pay-faq h4 {

    display: inline;

}
.pay-faq .col-md-12, .pay-faq.col-md-12 {

    padding-right: 0;
    padding-left: 0;

}
.pay-faq a.coupon {

    float: right;
    margin: 10px 0;

}
.pay-faq {

    margin-top: 30px;
    padding-bottom: 80px;

}
.checkout.col-md-12 {

    padding-left: 0;

}
.checkbox-span .accordion-open span {

    float: left;
    margin-right: 15px;
    background: url(../img/check-box/on.jpg) center center no-repeat;
    padding: 10px;
    display: block;

}
.checkbox-span .accordion-close span {

    float: left;
    margin-right: 15px;
    background: url(../img/check-box/off.jpg) center center no-repeat;
    padding: 10px;
    display: block;

}
.check-faq .accordian-body .faq p {

    color: #313131;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 20px;

}
.coupon {

    background-color: #571471;
    padding: 16px 60px;
    text-align: center;
    margin-left: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 3px;
    border-radius: 30px;
    transition: all .3s;
    border: 1px solid #571471;

}
.pay-faq .accordian-body .faq::before {

    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    transform: rotate(45deg);
    top: -10px;
    overflow: hidden;
    left: 53px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;

}
.pay-faq .accordian-body .faq {

    background-color: #fff;
    color: #313131;
    position: relative;
    border: 1px solid #eee;
    font-weight: 400;
    padding: 15px 15px 0;

}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-secondary:hover {
    color: #fff !important;
    background-color: #571471;
    border-top: 2px solid #571471 !important;
    border-right: 1px solid #571471 !important;
    border-left: 1px solid #571471 !important;
    border-bottom: 0px;
    border-radius: 0px !important;
}
.btn:focus, .btn:hover {
    text-decoration: none;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-secondary {
    color: #000;
    background-color: #fff;
    border-top: 2px solid #acaaaa !important;
    border-right: 1px solid #ededed !important;
    border-left: 1px solid #ededed !important;
    border-bottom: 0px;
    border-radius: 0px !important;
}
.button {
background-color: #571471;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 10px;
}
.ac-btn{
    background-color: transparent !important;
    border: 0px solid !important;
}
.content {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background: #fff;
    padding: 15px 25px;
    color: #626161;
    margin: 25px 0 0;
}
.billing_details {

    margin: 20px 0 0;

}
.billing_details select {
    border-radius: 0;
    box-shadow: none;
    height: inherit;
    padding: 14px;
     background-color: #efefef;
}
.form-control::-moz-placeholder {

    color: #999;
    opacity: 1;

}
.billing_details .input_text {

    
    background-color: #efefef;
    border: none;
    margin-bottom: 15px;

}
.login input {

    border-radius: 0;
    box-shadow: none;
    height: inherit;
    padding: 15px;
    background-color: #efefef;
    border: none;

}
.form-group.required .control_label::after {

    color: #d00;
    content: "*";
    font-size: 12px;
    margin-left: 5px;
    position: absolute;
    top: 0;

}
.billing_details .form-group label {

    font-weight: normal;

}
.form-control {

    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-weight: normal;

}
.required {
    color: #3b3a3a;
    border: 0;
}
.form-group {
    margin-bottom: 15px;
}
.form-row.form-row-first {

    clear: both;
    float: left;
    margin-right: 3.88235%;
    width: 47.0588%;

}
.form-row {

    width: 49%;
    float: left;

}
.content p {

    margin: 0px;
    font-size: 16px;
    font-weight: normal;

}
.form-group.required .control_label {

    position: relative;
    margin-top: 22px;

}
.form-row label {

    display: block;
    color: #3b3a3a;
    font-size: 16px;
    font-weight: normal;

}
label {

    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;

}
.clear {

    clear: both;

}
.login input[type="submit"] {

    padding: 10px 30px;
    background: #571471;
    color: #fff;
    border-radius: 0;
    box-shadow: none;

}
.form-row {

    width: 49%;
    float: left;

}
.login .forgot_password {

    color: #322c29;
    display: block;
    margin: 10px 0 16px;
    clear: both;
    font-size: 14px;
    font-weight: normal;
}
#account_pannel {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #d3135a;
}

 .best-product-accesories .tranding .owl-prev {
        left: 0% !important;
        }
        .best-product-accesories .tranding .owl-prev, .tranding .owl-next {
            background-color: transparent !important;
            height: 45px !important;
            width: 45px !important;
            text-align: center;
            float: left;
        }
        .best-product-accesories .tranding .owl-next .fa, .best-product-accesories .tranding .owl-prev .fa {
            color: #fff !important;
            transition: all .3s;
            line-height: 45px !important;
            font-size: 28px !important;
        }
        .best-product-accesories .tranding .owl-prev, .tranding .owl-next {
            text-align: center;
            background-color: #571471 !important;
        }
        .best-product-accesories .tranding .owl-prev, .tranding .owl-next {
            text-align: center;
        }
        .pdbtm{padding-bottom: 65px}
        .btn-designl{
                border: 3px solid #fff !important;
                background-color: transparent !important;
                color: #fff !important;
                border-radius: 0px !important;
                font-size: 25px !important;
                font-weight: bold !important;
                border-left: 0px !important;
                border-top: 0px !important;
                border-bottom: 0px !important;
            }
        .design-fa{
            color: #9657ae;
            margin-right: 10px;
        }
.product-img img {

    object-fit: scale-down;
    width: 100% !important;
    height: 287px;

}
.image img {

    object-fit: scale-down;
    width: 100px !important;
    height: 80px;

}
.navbar-brand{padding-top: 0px !important}
.padding-no{padding: 0px 0px !important}

.thumb img {

    object-fit: scale-down;
    width: 100px !important;
    height: 80px;

}
.new-discount-design{
    position: absolute;
    top:10px;
    left:10px;
}
.new-discount-design img{
    object-fit: none !important;
    width: auto !important;
    height: auto !important;
}
table{width: 100% !important}
td{padding:10px !important; border:1px #ececec solid;}
.padd-30{padding-top: 10px;}
.bread{font-size: 12px;
font-style: italic;
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
color: #571471;}