/*--------------------------------------------------
Template Name: javenist E-Commerce HTML5 Template;
Description: This is html5 template;
Template URI: https://hastech.company/;
Author Name: HasTech;
Author URI: https://hastech.company/;
Version: 1.0;
-----------------------------------------------------


    CSS INDEX
    ================

    
    1. Header CSS
        1.1 Header Top CSS
        1.2 Header Middle CSS
        1.3 Header Bottom CSS
    2. Slider CSS
    3. Offer Area CSS
    4. Corporate About CSS
    5. All Product Area CSS
        5.1 Left Side Product CSS
            5.1.1 Desktop & Television Product CSS
            5.1.2 Smartphone & Tablet Product Area CSS
        5.2 Right Side Product CSS
    6. Hot Categories Area CSS
    7. All Slide Product Area CSS
    8. Brand Area CSS
    9. Footer Area CSS
        9.1 Footer Top Area CSS
        9.2 Footer Middel Area CSS
        9.3 Footer Bottom Area CSS
    10. Modal Area CSS
    11. Home 2
    12. Home 3
    13. Home 4
    14. Home 5
    15. Home 6
    16. Home 7
    17. About Page CSS
    18. Protfolio Page CSS
    19. My Account Page CSS
    20. Wishlist Page CSS
    21. Shopping Cart Page CSS
    22. Checkout Page CSS
    23. Shop Page CSS
        23.1 Shop Left Sidebar CSS
    24. Single Product CSS
    25. Blog Page CSS
        25.1 Blog Right Sidebar CSS
        25.2 Blog Post Img CSS
        25.3 Catagorey Blog CSS
    26. Service Page CSS
        26.1 Our Service Area CSS
        26.2 Pricing Table CSS
    27. Contact Page CSS
    28. Frequently Questions Page CSS
    29. Error 404 Page CSS
    30. My Account CSS
---------------------------------------------------/


/*----------------------------------------*/


/*  1. Header CSS
/*----------------------------------------*/


/*----------------------------------------*/


/*  1.1 Header Top CSS
/*----------------------------------------*/

.header-container {
    background: #e1001a;
    color: #fff;
}

.header-top-area {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.header-top-menu>ul>li {
    display: inline-block;
    position: relative;
    padding-right: 16px;
    margin-right: 16px;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 25px;
}

.header-top-menu>ul>li:last-child {
    padding-right: 0px;
    margin-right: 0px;
}

.support:before,
.account:before {
    content: "\f35a";
    font-family: "Ionicons";
    font-size: 18px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: top;
}

.account:before {
    content: "\f43d";
}

.header-top-menu>ul>li:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    z-index: 99;
}

.header-top-menu>ul>li:last-child:after {
    display: none;
}

.header-top-menu>ul>li>span {
    padding: 10px 0;
    margin-right: 10px;
    line-height: 25px;
    color: #fff;
}

.header-top-menu>ul>li>a {
    display: inline-block;
    font-weight: 400;
    text-align: left;
    color: #fff;
    font-size: 12px;
}

.header-top-menu>ul>li>a>i {
    margin-left: 5px;
}

.ht-dropdown {
    position: absolute;
    top: 150%;
    width: 120px;
    background: #fff;
    z-index: 9999;
    right: 0;
    padding: 5px 15px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-top-menu>ul>li:hover ul.ht-dropdown {
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.ht-dropdown>li>a {
    display: block;
    line-height: 36px;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
}

.ht-dropdown>li:not(:last-child) {
    border-bottom: 1px solid #ebebeb;
}


/*----------------------------------------*/


/*  1.2 Header Middle CSS
/*----------------------------------------*/

.logo {
    padding: 10px 0;
}

.search-box-area {
    border-radius: 30px;
    position: relative;
    background: #fff;
    display: block;
    vertical-align: middle;
    margin: 35px -50px 35px 50px;
    z-index: 11;
    overflow: visible;
    height: 50px;
}

.select-area {
    width: 30%;
    float: left;
    background: #fff;
    border-radius: 25px 0 0 25px;
}

.search-box {
    width: 70%;
    float: left;
    position: relative;
    background: #fff;
    height: 50px;
    border-radius: 0 30px 30px 0;
}

.search-box input {
    border-left: 1px solid #ebebeb;
    padding: 0 95px 0 20px;
    float: left;
    margin: 13px 0 0;
    outline: medium none;
    height: 25px;
}

.search-box button {
    position: absolute;
    right: -1px;
    width: 67px;
    height: 50px;
    border: 0;
    background: #363F4D;
    display: block;
    color: #fff;
    font-size: 24px;
    z-index: 99;
    top: 0px;
    border-radius: 0 25px 25px 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.search-box button:hover {
    color: #e1001a;
}

.mini-cart-area {
    margin-left: 60px;
}

.mini-cart-area>ul>li {
    display: inline-block;
    position: relative;
    padding: 36px 0px;
}

.mini-cart-area>ul>li>a {
    font-size: 24px;
    color: #fff;
    display: block;
    margin-right: 15px;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    line-height: 45px;
    text-align: center;
    border-radius: 100%;
    position: relative;
}

.mini-cart-area>ul>li:first-child>a:hover {
    color: #363F4D;
}

.cart-add {
    position: absolute;
    top: -6px;
    right: -14px;
    font-size: 14px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #d52115;
    border-radius: 100%;
}

.cart-total {
    position: absolute;
    right: -70px;
    top: 0;
    font-size: 14px;
    font-weight: 600;
}

.cart-total {
    position: absolute;
    right: -84px;
    top: 0;
    font-size: 14px;
    font-weight: 600;
}

.cart-total i.fa {
    margin-left: 3px;
}

.cart-dropdown {
    position: absolute;
    width: 350px;
    background: #fff;
    right: 0;
    top: 120%;
    text-align: left;
    padding: 10px 35px 0 35px;
    border-radius: 3px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 999;
}

.mini-cart-area>ul>li:hover .cart-dropdown {
    top: 86%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.cart-dropdown:after {
    position: absolute;
    content: "";
    top: -20px;
    right: 33px;
    border-bottom: 10px solid #fff;
    border-radius: ;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    z-index: 99;
}

.cart-item {
    padding: 20px 0;
    display: block;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}

.cart-img {
    float: left;
    width: 30%;
}

.cart-content {
    float: left;
    padding-left: 20px;
    width: 70%;
}

.cart-content>h4>a {
    font-size: 14px;
    text-transform: capitalize;
}

.cart-price {
    font-size: 14px;
    color: #e1001a;
    font-weight: 600;
}

.cart-close {
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 16px;
    z-index: 9;
}

.cart-quantity {
    color: #bfbfbf;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 0;
    display: block;
    margin: 0;
}

.cart-total-amount>h4 {
    font-weight: 700;
    text-transform: uppercase;
}


/*----------------------------------------*/


/*  1.3 Header Bottom CSS
/*----------------------------------------*/

.main-menu-area .logo-sticky {
    display: none;
}

.main-menu-area {
    background: #363f4d;
    padding: 0 30px;
    border-radius: 30px 30px 0 0;
    position: relative;
}

.main-menu>li {
    display: inline-block;
    position: relative;
}

.main-menu>li>a {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    display: block;
    padding: 20px 20px;
}

.main-menu>li:first-child>a {
    padding-left: 0;
}

.main-menu>li.active>a,
.main-menu>li:hover>a {
    color: #e1001a
}

.main-menu>li.new:before,
.main-menu>li.hot:before {
    position: absolute;
    content: "new";
    width: 40px;
    height: 20px;
    background: #68B501;
    top: 5px;
    color: #fff;
    right: -11px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    font-size: 10px;
    border-radius: 2px;
    z-index: 99;
}

.main-menu>li.hot:before {
    background: #e1001a;
    content: "hot"
}

.main-menu>li.new:after,
.main-menu>li.hot:after {
    position: absolute;
    content: "";
    top: 25px;
    line-height: ;
    right: 8px;
    border: ;
    border-top: 5px solid #68B501;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
    z-index: 99;
}

.main-menu>li.hot:after {
    border-top: 5px solid #e1001a;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.dropdown,
.mega-menu {
    position: absolute;
    width: 250px;
    background: #fff;
    padding: 20px 10px;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    text-align: left;
    z-index: 999;
    top: 100%;
    left: -29px;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-menu li:last-child ul.dropdown {
    left: 0;
}

.main-menu>li:hover .dropdown,
.main-menu>li:hover .mega-menu {
    -webkit-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.dropdown>li>a {
    font-size: 13px;
    display: block;
    padding: 10px 25px;
    text-transform: capitalize;
    line-height: 18px;
}

.mega-menu {
    width: 750px;
    padding: 45px 30px;
    left: 0;
}

.mega-menu>li {
    width: 33.33%;
    float: left;
    padding: 0px 15px 20px 15px;
}

.mega-menu>li>ul>li.mega-title>a {
    font-size: 12px;
    text-transform: uppercase;
    color: #363f4d;
    font-weight: 500;
    display: block;
}

.mega-menu>li>ul>li.mega-title>a:hover {
    color: #e1001a;
}

.mega-menu>li>ul>li>a {
    font-size: 13px;
    text-transform: capitalize;
    display: block;
    padding: 2px 0;
    line-height: 22px;
}

.mega-menu>li.menu-img {
    width: 100%;
    padding-bottom: 0;
}


/*----------------------------------------*/


/*  Sticky Menu CSS
/*----------------------------------------*/

.header-sticky.sticky {
    background: rgba(54, 63, 77, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    z-index: 99999;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.header-sticky {
    -webkit-transition: background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s;
    transition: background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s;
}

.logo-sticky {
    display: none;
}

.header-sticky.sticky .logo-sticky {
    float: left;
    /* margin: 16px 0; */
    display: block;
    margin: 0;
}

.header-sticky.sticky .logo-sticky a {
    vertical-align: middle;
    display: table-cell;
}

.header-sticky.sticky .main-menu-area {
    float: right;
    background: transparent;
}


/*Mobile Menu CSS*/

.mobile-menu {
    background: #363F4D;
    position: relative;
}

.mobile-menu:before {
    position: absolute;
    content: "MENU";
    color: #fff;
    top: 15px;
    left: 10px;
    z-index: 99999999;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
}

.mean-container .mean-nav ul li a.mean-expand {
    height: 23px;
}

.mean-container .mean-bar {
    background: #363F4D;
    padding: 5px 0;
    border-radius: 10px 10px 0 0;
}

.mean-container .mean-nav {
    background: #f8f8f8;
}

.mean-container a.meanmenu-reveal {
    top: 3px;
}

.mean-container .mean-nav ul li a {
    color: #333;
    border-top: 1px solid #ccc;
}

.mean-container .mean-nav ul li a:hover {
    color: #E03550;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: #f8f8f8;
    color: #E03550;
}

.mean-container .mean-nav ul li {
    border-top: 1px solid #ebebeb;
}

.mean-container .mean-nav ul li li a {
    padding: 10px 10%;
}


/*----------------------------------------*/


/*   2. Slider CSS
/*----------------------------------------*/

.slider-wrapper {
    position: relative;
}

.nivo-caption {
    height: 100%;
    background: transparent;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    padding: 0;
}

.nivo-caption p {
    padding: 0;
    margin-bottom: 15px;
}

.slider-caption {
    height: 100%;
}

.slider-text {
    position: absolute;
    top: 0;
    left: 8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    text-align: left;
    width: 92%;
}

.slider-text>h1 {
    font-size: 48px;
    line-height: 1.2;
    text-transform: capitalize;
    font-weight: 700;
    color: #363f4d;
    margin-bottom: 4px;
    font-family: 'Prompt';
}

.slider-text>h5 {
    color: #e1001a;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Prompt';
    font-weight: 400;
}

.slider-text>h4 {
    font-size: 16px;
    color: #333C49;
    margin: 40px 0;
    font-weight: 400;
    font-family: 'Prompt';
}

.slider-text>h4>span {
    font-size: 30px;
    line-height: 30px;
    color: #e1001a;
    font-family: 'Prompt';
    font-weight: 500;
}

.nivo-controlNav {
    position: absolute;
    z-index: 9;
    bottom: 20px;
    left: 8%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slider-wrapper:hover .nivo-controlNav {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.nivo-controlNav a {
    width: 10px;
    height: 10px;
    background: #CCCCCC;
    text-indent: -9999px;
    display: inline-block;
    margin-right: 8px;
    line-height: 10px;
    border-radius: 100%;
    z-index: 999;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nivo-controlNav a:hover {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    background: #e1001a;
}

.nivo-controlNav a.active {
    background: #e1001a;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}


/*----------------------------------------*/


/*   3. Offer Area CSS
/*----------------------------------------*/

.offer-img>a,
.offer-img2>a,
.categories-img>a {
    display: block;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.categories-img>a {
    border-radius: 0;
}

.offer-img>a:before,
.categories-img>a:before {
    background: rgba(0, 0, 0, 0.1);
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    filter: alpha(opacity=0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 1;
}

.offer-img>a>img,
.categories-img>a>img {
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.offer-img>a>img:hover,
.categories-img>a>img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.offer-img>a:hover:before,
.categories-img>a:hover:before {
    filter: alpha(opacity=100);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/*----------------------------------------*/


/*   4. Corporate About CSS
/*----------------------------------------*/

.all-about {
    overflow: hidden;
    box-shadow: 0 1px 0 #ebebeb;
    border-radius: 4px;
    background-color: #fff;
}

.single-about {
    background: #fff;
    text-align: center;
    padding: 28px 0;
    position: relative;
}

.single-about:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    content: "";
    height: 40px;
    width: 1px;
    background: #ebebeb;
}

.single-about.not-border:after {
    display: none;
}

.block-wrapper,
.block-wrapper2,
.block-wrapper3,
.block-wrapper4 {
    display: inline-block;
    vertical-align: top;
    background: url(../img/icon/1.png) left center no-repeat;
    padding-left: 56px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.block-wrapper2 {
    background: url(../img/icon/2.png) left center no-repeat;
}

.block-wrapper3 {
    background: url(../img/icon/3.png) left center no-repeat;
}

.block-wrapper4 {
    background: url(../img/icon/4.png) left center no-repeat;
}

.about-content h5 {
    color: #363f4d;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    display: block;
    text-align: left;
}

.about-content p {
    font-size: 12px;
    margin: 0;
    text-align: left;
}


/*------------------------------------------------*/


/*   5. All Product Area CSS
/*------------------------------------------------*/


/*------------------------------------------------*/


/*   5.1 Left Side Product CSS
/*------------------------------------------------*/


/*------------------------------------------------*/


/*   5.1.1 Desktop & Television Product CSS
/*------------------------------------------------*/

.product-tab-menu-area {
    position: relative;
}

.product-tab {
    position: absolute;
    top: -65px;
    right: 80px;
}

.product-tab>ul>li {
    display: inline-block;
    padding: 0 10px;
}

.product-tab>ul>li>a {
    color: #363f4d;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    line-height: 30px;
}

.product-tab>ul>li>a.active,
.product-tab>ul>li>a:hover {
    color: #e1001a;
}

.tab-content .tab-pane {
    display: block;
    height: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
}

.tab-content .tab-pane.active {
    height: auto;
    visibility: visible;
    opacity: 1;
}

.all-product,
.product-container {
    padding: 0 15px
}

.item-col2 {
    padding: 0;
}

.item-col2 {
    margin-top: 25px;
}

.item-col .single-product,
.single-item.,
.single-product3 {
    position: relative;
    display: block;
    overflow: hidden;
}

.single-item {
    padding: 15px 0;
}

.single-product:after,
.item-col2 .single-product:after {
    position: absolute;
    content: "";
    border-right: 1px solid #ebebeb;
    top: 15px;
    right: 0px;
    bottom: 15px;
    z-index: 999;
}

.product-container .col-md-3:last-child .single-product:after {
    border-right: 0;
}

.owl-item.last.active .col-md-12:last-child .single-product:after {
    border-right: 0;
}

.all-list-product .owl-item.active:after,
.hot-deal-of-product .owl-item.active:after,
.new-arrival-list-product .owl-item.active:after,
.electronic-product3 .owl-item.active:after {
    content: "";
    border-right: 1px solid #ebebeb;
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
    bottom: 15px;
    z-index: 1;
}

.all-list-product:last-child .owl-item.active.last:after,
.hot-deal-of-product:last-child .owl-item.active.last:after,
.new-arrival-list-product:last-child .owl-item.active.last:after,
.electronic-product3:last-child .owl-item.active.last:after {
    border-right: 0;
}

.product-img {
    position: relative;
    overflow: hidden;
}

.product-img a {
    display: block;
    position: relative;
}

.product-img a img {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 100%;
}

.product-img a img.hover-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.single-product:hover .product-img a img.hover-img,
.single-item:hover .product-img a img.hover-img,
.single-product3:hover .product-img a img.hover-img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.sicker {
    position: absolute;
    top: 25px;
    right: 15px;
    width: 35px;
    height: 20px;
    background: #e1001a;
    color: #fff;
    line-height: 20px;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    z-index: 991;
}

.product-content {
    text-align: center;
    padding: 10px 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-action {
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    z-index: 992;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-product:hover .product-action,
.single-product3:hover .product-action {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.product-action>li {
    display: inline-block;
    margin-right: 5px;
}

.product-action>li {
    display: inline-block;
    margin-right: 5px;
}

.product-action>li>a {
    display: block;
    width: 35px;
    height: 35px;
    background: #363F4D;
    color: #fff;
    border-radius: 3px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tooltip-inner {
    padding: 5px 8px;
    border-radius: 0;
    background: #363f4d;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #363f4d;
}

.product-action>li>a:hover {
    background: #e1001a;
    color: #fff;
}

.product-content>h2 {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 10px;
}

.rating i.fa:not(:last-child) {
    color: #F9BA48;
}

.product-price>span.old-price {
    color: #a4a4a4;
    text-decoration: line-through;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 400;
}

.product-price>span.new-price {
    font-size: 16px;
    font-weight: 500;
    color: #e1001a;
}

.single-product:hover a.button.add-btn,
.single-product3:hover a.button.add-btn {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}


/*----------------------------------------------*/


/*   5.1.2 Smartphone & Tablet Product Area CSS
/*-----------------------------------------------*/

.slide-active2 .slick-slide>div:last-child .single-product {
    border-bottom: 0;
}

.single-product.style-2,
.single-product3 {
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0;
    overflow: hidden;
}

.single-product.style-2:after {
    border-right: 0;
}

.all-list-product .col-md-12:last-child .single-product,
.new-arrival-list-product .col-md-12:last-child .single-product,
.electronic-product3 .col-md-12:last-child .single-product3 {
    border: none;
}

.single-product.style-2>.product-img {
    padding-right: 4%;
}

.single-product.style-2>.col-6>.product-content {
    text-align: left;
    padding: 0;
    padding-left: 4%;
}

.single-product.style-2>.col-6>.product-content>h2 {
    text-align: left;
}

.single-product.style-2>.col-4>.product-img>a {
    display: block;
}


/*----------------------------------------------*/


/*   5.2 Right Side Product CSS
/*-----------------------------------------------*/

.hot-deal-product,
.new-arrivals-product,
.our-blog {
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.owl-nav>button {
    position: absolute;
    top: -65px;
    right: 36px;
    width: 28px;
    height: 14px;
    font-size: 18px !important;
    color: #b2b2b2 !important;
    text-align: center;
}

.owl-nav>button.owl-prev:after {
    position: absolute;
    content: "";
    top: 6px;
    right: 1px;
    width: 1px;
    height: 12px;
    background: #b2b2b2 !important;
}

.owl-nav>button.owl-next {
    right: 12px;
}

.count-down-box {
    margin-bottom: 25px;
}

.count-box {
    display: block;
    width: 100%;
    overflow: hidden;
}

.single-count {
    width: 55px;
    height: 70px;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 18px;
    background: #f4f6f7;
    padding-top: 17px;
    border-radius: 3px;
}

.single-count span {
    font-size: 14px;
    color: #232f3e;
    display: block;
    font-weight: 700;
}

.slick-arrow {
    position: absolute;
    top: -45px;
    right: 40px;
    width: 28px;
    height: 14px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slick-arrow:hover {
    color: #fff;
}

.slick-next-btn.slick-arrow:after {
    position: absolute;
    content: "";
    top: 4px;
    right: 28px;
    width: 1px;
    height: 12px;
    background: #fff;
}

.slick-next-btn.slick-arrow {
    right: 12px;
}


/*----------------------------------------------*/


/*   6. Hot Categories Area CSS
/*-----------------------------------------------*/

.single-categories {
    position: relative;
}

.single-categories:after {
    position: absolute;
    content: "";
    border-right: 1px solid #ebebeb;
    top: 15px;
    right: -15px;
    bottom: 15px;
}

.hot-categories .col-lg-3:last-child .single-categories:after {
    border-right: 0;
}

.categories-content>h3 {
    font-family: 'Prompt';
    font-size: 16px;
    color: #363f4d;
    font-size: ;
    font-weight: 500;
    line-height: 46px;
    text-transform: capitalize;
}

.catgories-list>li {
    line-height: 26px;
    margin: 0;
    display: block;
}


/*----------------------------------------------*/


/*   7. All Slide Product Area CSS
/*-----------------------------------------------*/

.slide-active3 .slick-current {
    border-top: 0;
}

.hot-del-single-product {
    background: #fff;
    padding: 10px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 0 #ebebeb;
}

.single-product.hot-deal {
    border-bottom: 1px solid #ebebeb;
}

.single-product.hot-deal:after {
    border-right: 0;
}


/*----------------------------------------------*/


/*   8. Brand Area CSS
/*-----------------------------------------------*/

.brand-area {
    border-bottom: 1px solid #ebebeb;
}

.single-brand.img-full {
    padding: 30px;
}

.brand-active.owl-carousel .single-brand img {
    width: auto;
}


/*----------------------------------------------*/


/*   9. Footer Area CSS
/*-----------------------------------------------*/


/*----------------------------------------------*/


/*   9.1 Footer Top Area CSS
/*-----------------------------------------------*/

.single-footer {
    text-align: left;
}

.footer-logo {
    margin-bottom: 30px;
}

.contact>p>label {
    margin-right: 10px;
}

.contact>p:last-child {
    margin-bottom: 0;
}

.footer-title {
    margin-bottom: 20px;
}

.footer-title>h3 {
    color: #363f4d;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Prompt';
}

.footer-info>li {
    display: block;
    margin-bottom: 5px;
}

.footer-info>li:last-child {
    margin-bottom: 0px;
}

.footer-info>li>a {
    display: block;
    text-transform: capitalize;
}

.footer-info>li>a {
    display: block;
    text-transform: capitalize;
    line-height: 28px;
}

.socil-icon>li {
    display: inline-block;
    margin: 10px 10px 0 0;
}

.socil-icon>li>a {
    display: block;
    padding: 0 6px;
    background: #fff;
    box-shadow: 0 1px 0 #ebebeb;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #79d1e7;
    font-size: 16px;
}

.socil-icon>li>a:hover {
    color: #79d1e7;
}

.socil-icon>li:nth-child(2)>a {
    color: #4575cd;
}

.socil-icon>li:nth-child(3)>a {
    color: #e1001a;
}

.socil-icon>li:nth-child(4)>a {
    color: #e1001a;
}

.socil-icon>li:nth-child(5)>a {
    color: #d560d9;
}

.socil-icon>li:nth-child(6)>a {
    color: #f3a927;
}

.footer-content {
    overflow: hidden;
}

.footer-content>a {
    float: left;
    width: 50%;
    padding-right: 5px;
    display: block;
}


/*----------------------------------------------*/


/*   9.2 Footer Middel Area CSS
/*-----------------------------------------------*/

.news-latter-area {
    padding: 40px 10px;
    background: #fff;
    box-shadow: 0 1px 0 0 #ebebeb;
}

.news-lettar-content {
    padding-left: 85px;
    position: relative;
    text-align: left;
    display: inline-block;
}

.icon {
    position: absolute;
    left: 0;
    bottom: 0px;
    display: block;
}

.news-lettar-content>p {
    margin-bottom: 0;
}

.news-lettar-content>p>label {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    display: ;
}

.news-latter-subscribe-box {
    background: #f3f3f3;
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 495px;
    border-radius: 30px;
    padding-right: 70px;
}

.style2 {
    background: #f3f3f3 !important;
    color: #898d90 !important;
    border: 0;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    text-transform: capitalize;
    width: 100%;
    border-radius: 30px 0 0 30px;
}

.news-latter-subscribe-box button {
    background: #363f4d;
    border: 0;
    border-radius: 0 30px 30px 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    height: auto;
    width: 67px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
}

.wdget-title>h4 {
    display: block;
    margin: 0 10px 0 0;
    float: left;
    font-size: 12px;
    line-height: 26px;
    font-weight: 500;
}

.wdget-nav>li {
    display: inline-block;
    margin: 0 10px 0 0;
    line-height: 26px;
}

.wdget-nav>li>a {
    font-size: 12px;
    text-transform: capitalize;
    display: block;
}


/*----------------------------------------------*/


/*   9.3 Footer Bottom Area CSS
/*-----------------------------------------------*/

.footer-bottom-area {
    padding: 18px 0;
    border-top: 1px solid #ebebeb;
}

.copyright-text>p {
    margin-bottom: 0;
}

.copyright-text>p>a {
    color: #e1001a;
}

.copyright-text>p>a:hover {
    text-decoration: underline;
}


/*----------------------------------------*/


/*  10. Modal Area CSS
/*----------------------------------------*/

#myModal .modal-dialog {
    margin: 5% auto;
    min-height: 300px;
    padding: 20px;
    max-width: 870px;
}

.modal-product-tab .nav {
    margin-bottom: 15px;
}

.modal-product-tab .nav li {
    width: 25%;
}

.modal-content {
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

.modal-header {
    padding: 0;
    border: none;
}

.modal-body {
    padding: 20px;
}

.modal-header button.close {
    position: absolute;
    top: 25px;
    right: 25px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 30px;
    height: 30px;
    border: 1px solid #808080;
    border-radius: 5px;
    font-size: 16px;
    line-height: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 99;
    color: #808080;
    padding: 0;
}

.modal-header button.close:hover {
    color: #e1001a;
    border-color: #e1001a;
}

.modal-tab-menu-active .slick-slide a {
    float: left;
    width: 100%;
    padding: 0 5px 5px;
}

.modal-tab-menu-active .slick-slide a img {
    border: 1px solid #ebebeb;
}

.modal-tab-menu-active .slick-dots {
    text-align: center;
}

.modal-tab-menu-active .slick-dots li {
    display: inline-block;
    width: 13px;
    height: 13px;
    cursor: pointer;
    margin: 0 2px;
}

.modal-tab-menu-active .slick-dots li button {
    background: none;
    border: 2px solid #ebebeb;
    border-radius: 100%;
    height: 100%;
    margin: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    overflow: hidden;
    padding: 0;
    position: static;
    text-indent: -9999px;
    visibility: visible;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.modal-tab-menu-active .slick-dots li button:hover,
.modal-tab-menu-active .slick-dots li.slick-active button {
    background: #ebebeb;
}

.product-info h2 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
}

.product-info a.see-all {
    margin-bottom: 40px;
    display: inline-block;
    text-decoration: underline;
    color: #808080;
}

.product-info a.see-all:hover {
    color: #E03550;
}

.add-to-cart.quantity {
    margin: 0 0 20px;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
    padding: 0 0 38px;
}

.add-quantity {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.quantity.modal-quantity {
    border: 1px solid #ebebeb;
    height: 42px;
    float: left;
    width: auto;
    margin-right: 5px;
}

.quantity.modal-quantity label {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 14px;
    margin-left: 10px;
}

.quantity.modal-quantity input {
    border: 0;
    height: 42px;
    background: transparent;
}

.cart-description p {
    border-bottom: 1px solid #ebebeb;
    color: #808080;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 25px;
    padding: 0 0 15px;
}

.social-share h3 {
    background: none;
    color: #808080;
    float: left;
    line-height: 30px;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 5px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.socil-icon2>li {
    display: inline-block;
    margin-right: 10px;
}

.socil-icon2>li>a {
    font-size: 18px;
    color: #808080;
    width: 40px;
    height: 30px;
    display: block;
    border: 1px solid #ebebeb;
    line-height: 28px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.socil-icon2>li:nth-child(1)>a:hover {
    background: #3B579D;
    border-color: #3B579D;
    color: #fff;
}

.socil-icon2>li:nth-child(2)>a:hover {
    background: #3ACAFF;
    border-color: #3ACAFF;
    color: #fff;
}

.socil-icon2>li:nth-child(3)>a:hover {
    background: #CB2027;
    border-color: #CB2027;
    color: #fff;
}

.socil-icon2>li:nth-child(4)>a:hover {
    background: #D11717;
    border-color: #D11717;
    color: #fff;
}

.socil-icon2>li:nth-child(5)>a:hover {
    background: #0097BD;
    border-color: #0097BD;
    color: #fff;
}


/*----------------------------------------*/


/*  11. Home 2
/*----------------------------------------*/

.home-2 .header-container {
    background: #fff;
    color: #363F4D;
}

.home-2 .header-top-menu>ul>li>a,
.home-2 .header-top-menu>ul>li>span {
    color: #363F4D;
}

.home-2 .header-top-area {
    border-bottom: 1px solid #ebebeb;
}

.home-2 .search-box-area {
    border: 2px solid #e1001a;
    overflow: visible;
    height: 54px;
}

.home-2 .search-box button {
    background: #e1001a;
    height: 54px;
    top: -2px;
    right: -2px;
}

.home-2 .search-box button:hover {
    background: #363F4D;
    color: #fff;
}

.home-2 .mini-cart-area>ul>li>a {
    border-color: #e1001a;
    color: #e1001a;
}

.home-2 .cart-add {
    color: #fff;
}

.home-2 .cart-total {
    color: #363F65;
}

.side-menu {
    position: relative;
}

.category-heading>h2 {
    background: #e1001a;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border-radius: 4px 4px 0 0;
    height: 100%;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
}

.category-heading>h2>i {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 10px;
}

.category-menu-list {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
}

.category-menu-list>ul {
    background: #fff;
    border-radius: 0px 0px 4px 4px;
    margin-top: -2px;
}

.category-menu-list ul>li,
.cat-dropdown>li>a {
    padding: 0 20px;
    position: relative;
    text-align: left;
}

.category-menu-list>ul>li:last-child a,
.cat-dropdown>li:last-child>a {
    border-bottom: 0;
}

.category-menu-list>ul>li>a,
.cat-dropdown>li>a {
    display: block;
    text-transform: capitalize;
    border-bottom: 1px solid #ebebeb;
    color: #7a7a7a;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
}

.category-menu-list>ul>li.right-menu>a:after {
    content: "\f105";
    font-family: FontAwesome;
    float: right;
    vertical-align: top;
}

.category-menu-list>ul>li.rx-parent>a {
    font-size: 14px;
    font-weight: 600;
    color: #363f4d;
}

.rx-parent {
    cursor: pointer;
}

.category-menu-list ul>li span.fa {
    float: left;
    padding-top: 15px;
    margin-right: 15px;
}

.rx-child,
.category-menu-list ul li a.rx-show {
    display: none;
}

.category-menu-list ul li.rx-change a.rx-show {
    display: block;
}

.category-menu-list ul li.rx-change a.rx-default {
    display: none;
}

.cat-dropdown,
.cat-mega-menu {
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    z-index: 999;
    width: 220px;
    border-top: 1px solid #e1001a;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cat-dropdown>li>a {
    font-size: 12px;
}

.cat-dropdown>li>a:hover {
    color: #e1001a;
}

.cat-mega-menu {
    width: 670px;
    padding: 10px;
    overflow: hidden;
}

li.right-menu .cat-mega-menu>li {
    width: 33.33%;
    float: left;
    padding: 15px 20px;
}

.cat-mega-menu>li>ul>li.cat-mega-title>a {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 12px;
    margin-bottom: 15px;
    display: block;
    line-height: 2.8;
    pointer-events: none;
}

.cat-mega-title>a {
    padding: 0 20px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
    display: block;
}

.cat-mega-menu>li>ul>li>a {
    font-size: 12px;
    display: block;
    line-height: 2;
}

.category-menu-list>ul>li:hover .cat-dropdown,
.category-menu-list>ul>li:hover .cat-mega-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.home-2 .slider-text>h5 {
    color: #fff;
    font-weight: 400;
}

.home-2 .slider-text>h1 {
    color: #fff;
}

.home-2 .slider-text>h4 {
    color: #fff;
    font-weight: 400;
}

.home-2 .slider-text>h4>span {
    color: #FCE700;
    font-weight: 500;
}

.home-2 a.button.sec-slide {
    background: #363F4D;
    color: #fff;
    font-weight: 500;
}

.home-2 a.button.sec-slide:hover {
    background: #FFEA00;
    color: #fff;
}

.home-2 .slider-text>h5.sec-slide {
    color: #69ACFF;
}

.home-2 .slider-text>h4.sec-slide>span {
    color: #69ACFF;
}

.home-2 .single-product.hot-deal {
    border-bottom: 0;
}

.our-single-blog {
    padding: 20px;
}

.our-blog-img img {
    border-radius: 4px;
}

.our-blog-content>h3 {
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 10px;
}

.our-blog-author {
    text-transform: capitalize;
    display: block;
    margin-bottom: 10px;
}

.our-blog-author>a {
    color: #e1001a;
}

.our-blog-author>a:hover {
    color: #4c4c4c;
}

.our-blog-des>p {
    margin-bottom: 10px;
}

.blog-meta span {
    font-size: 12px;
}

.post-comment i {
    font-size: 18px;
    vertical-align: ;
    margin-right: 6px;
    vertical-align: middle;
}

.our-blog-active .owl-nav>button {
    top: -40px;
    color: #fff !important;
}

.our-blog-active .owl-nav>button.owl-prev:after {
    top: 6px;
    background: #fff !important;
}


/*----------------------------------------*/


/*  12. Home 3
/*----------------------------------------*/

.home-3 .header-container {
    background: #fff;
    color: #363F4D;
}

.home-3 .header-top-menu>ul>li>a,
.home-3 .header-top-menu>ul>li>span {
    color: #363F4D;
}

.home-3 .header-top-area {
    border-bottom: 1px solid #ebebeb;
}

.home-3 .search-box-area {
    border: 2px solid #e1001a;
    overflow: visible;
    height: 54px;
}

.home-3 .search-box button {
    background: #e1001a;
    height: 54px;
    top: -2px;
    right: -2px;
}

.home-3 .search-box button:hover {
    background: #363F4D;
    color: #fff;
}

.home-3 .mini-cart-area>ul>li>a {
    border-color: #e1001a;
    color: #e1001a;
}

.home-3 .cart-add {
    color: #fff;
}

.home-3 .cart-total {
    color: #363F65;
}

.home-3 .header-bottom-area {
    border-top: 1px solid #ebebeb;
}

.home-3 .header-sticky.sticky {
    background: rgba(255, 255, 255, 0.95);
}

.home-3 .header-sticky.sticky .col-lg-3.col-md-3,
.home-7 .header-sticky.sticky .col-lg-3.col-md-3 {
    display: none;
}

.home-3 .header-bottom-area.header-sticky.sticky .col-lg-9.col-md-9,
.home-7 .header-bottom-area.header-sticky.sticky .col-lg-9.col-md-9 {
    max-width: 100%;
    flex: 0 0 100%;
}

.home-3 .header-bottom-area.header-sticky.sticky .logo-sticky,
.home-7 .header-bottom-area.header-sticky.sticky .logo-sticky {
    float: left;
    margin: 13px 0;
}

.home-3 .header-sticky.sticky .main-menu-area,
.home-7 .header-sticky.sticky .main-menu-area {
    float: right;
}

.home-3 .category-heading>h2 {
    height: 60px;
    line-height: 60px;
    margin: 0;
}

.home-3 .category-menu-list {
    display: none;
}

.home-3 .main-menu-area {
    background: #fff;
}

.home-3 .main-menu>li>a,
.home-7 .main-menu>li>a {
    color: #363f4d;
    padding: 17px 20px;
}

.home-3 .main-menu>li:hover>a,
.home-3 .main-menu>li.active>a {
    color: #e1001a;
}

.home-3 .dropdown,
.mega-menu,
.home-7 .dropdown,
.mega-menu {
    left: 0;
}

.home-3 .slider-text {
    left: 20%;
    width: 100%;
}

.home-3 .nivo-controlNav {
    left: 0;
    right: 0;
    text-align: center;
}

.home-3 .slider-text>h5,
.home-3 .slider-text>h4>span {
    color: #FFD200;
}

.home-3 .slider-text>h1 {
    color: #fff;
}

.home-3 .slider-text>h1>span {
    font-size: 71px;
}

.home-3 .slider-text>h4 {
    color: #fff;
}

.home-3 a.button {
    background: #fff;
    color: #363F4D;
}

.home-3 a.button:hover {
    background: #e1001a;
    color: #fff;
}

.home-3 .single-product.hot-deal-list {
    overflow: hidden;
}

.home-3 .single-product.hot-deal-list .product-img {
    float: left;
    width: 50%;
    padding-right: 25px;
}

.home-3 .hot-deal-of-product .product-content {
    text-align: left;
    float: left;
    width: 50%;
}

.home-3 .product-content>h2.pro-title {
    text-align: left;
}

.home-3 .pro-rating-price {
    padding: 0;
}

.home-3 .count-down-box,
.home-7 .count-down-box {
    text-align: center;
    margin-bottom: 0px;
}

.home-3 .button.add-btn {
    background: #363F4D;
    color: #fff;
}

.home-3 .our-single-blog {
    overflow: hidden;
    padding: 0;
    margin-right: 15px;
}

.home-3 .our-blog-img {
    float: left;
    width: 45%;
}

.home-3 .our-blog-content {
    width: 55%;
    float: left;
    padding-left: 30px;
    margin: 0;
}

.home-3 .brand-active {
    border-top: 1px solid #ebebeb;
}


/*----------------------------------------*/


/*  13. Home 4
/*----------------------------------------*/

.home-4 .header-container {
    background: #fff;
    color: #363F4D;
}

.home-4 .header-top-menu>ul>li>a,
.home-4 .header-top-menu>ul>li>span {
    color: #363F4D;
}

.home-4 .header-top-area {
    border-bottom: 1px solid #ebebeb;
}

.home-4 .search-box-area {
    border: 2px solid #e1001a;
    overflow: visible;
    height: 54px;
}

.home-4 .search-box button {
    background: #e1001a;
    height: 54px;
    top: -2px;
    right: -2px;
}

.home-4 .search-box button:hover {
    background: #363F4D;
    color: #fff;
}

.home-4 .mini-cart-area>ul>li>a {
    border-color: #e1001a;
    color: #e1001a;
}

.home-4 .cart-add {
    color: #fff;
}

.home-4 .cart-total {
    color: #363F65;
}

.home-4 .slider-text {
    top: -40px;
}

.home-4 .slider-text>h1 {
    color: #fff;
    font-weight: 700;
}

.home-4 .slider-text>h4 {
    color: #fff;
    margin-top: 20px;
}

.home-4 .slider-text>h4>span {
    color: #FFEA00;
}

.home-4 .slider-button a.button {
    background: #fff;
    color: #363F4D;
}

.home-4 .slider-button a.button:hover {
    background: #FFEA00;
    color: #fff;
}

.home-4 .single-product.hot-deal {
    border-bottom: 0;
}

.home-4 .pro-rating-price {
    padding: 0;
}

.home-4 .our-single-blog {
    overflow: hidden;
    padding: 0;
    margin-right: 15px;
}

.home-4 .our-blog-img {
    float: left;
    width: 45%;
}

.home-4 .our-blog-content {
    width: 55%;
    float: left;
    padding-left: 30px;
    margin: 0;
}

.home-4 .brand-active {
    border-top: 1px solid #ebebeb;
}


/*----------------------------------------*/


/*  14. Home 5
/*----------------------------------------*/

.home-5 a:focus,
.home-5 a:hover {
    color: #68B501;
}

.home-5 .header-container {
    background: #68b501;
    color: #fff;
}

.home-5 .search-box button:hover {
    color: #68B501;
}

.home-5 .mini-cart-area>ul>li>a:hover {
    color: #fff;
}

.home-5 .main-menu>li>a {
    color: #fff;
}

.home-5 .main-menu>li.active>a,
.home-5 .main-menu>li:hover>a {
    color: #68B501;
}

.home-5 .mega-menu>li>ul>li.mega-title>a:hover {
    color: #68B501;
}

.home-5 .main-menu>li.hot:before {
    background: #68B501;
}

.home-5 .main-menu>li.hot:after {
    border-top: 5px solid #68B501;
}

.home-5 .cart-add {
    background: #4b8201;
}

.home-5 .cart-price {
    color: #68B501;
}

.home-5 .cart-button a.button2:hover {
    background: #68B501;
    color: #fff;
}

.home-5 .slider-text {
    top: -15px;
}

.home-5 .slider-text>h5 {
    font-family: 'Shadows Into Light', cursive;
    font-size: 24px;
    line-height: 24px;
}

.home-5 .slider-text>h4 {
    margin: ;
    font-size: 18px;
    margin-top: 20px;
}

.home-5 .nivo-controlNav a.active,
.home-5 .nivo-controlNav a:hover {
    background: #68B501;
}

.home-5 .sicker {
    background: #68B501;
}

.home-5 .product-price>span.new-price {
    color: #68B501;
}

.home-5 a.button {
    background: #363F4D;
    color: #fff;
}

.home-5 a.button:hover {
    background: #68B501;
}

.home-5 .section-title1-border {
    border-bottom: 2px solid #68B501;
}

.home-5 .section-title1 h3 {
    background: #68B501;
}

.home-5 .section-title2 h3 {
    background: #68B501;
}

.home-5 .product-tab>ul>li>a.active,
.home-5 .product-tab>ul>li>a:hover {
    color: #68B501;
}

.home-5 .product-action>li>a:hover {
    background: #68B501;
    color: #fff;
}

.home-5 .copyright-text>p>a {
    color: #68B501;
}

.home-5 .copyright-text>p>a:hover {
    text-decoration: underline;
}

.home-5 #scrollUp {
    background: #68B501;
}

.home-5 #scrollUp:hover {
    border-color: #68B501;
}


/*----------------------------------------*/


/*  15. Home 6
/*----------------------------------------*/

.home-6 a:focus,
.home-6 a:hover {
    color: #68b501;
    text-decoration: none;
}

.home-6 .header-container {
    background: #fff;
    color: #363F4D;
}

.home-6 .header-top-menu>ul>li>a,
.home-6 .header-top-menu>ul>li>span {
    color: #363F4D;
}

.home-6 .header-top-area {
    border-bottom: 1px solid #ebebeb;
}

.home-6 .search-box-area {
    border: 2px solid #68B501;
    overflow: visible;
    height: 54px;
}

.home-6 .search-box button {
    background: #68B501;
    height: 54px;
    top: -2px;
    right: -2px;
}

.home-6 .search-box button:hover {
    background: #363F4D;
    color: #fff;
}

.home-6 .mini-cart-area>ul>li>a {
    border-color: #68b501;
    color: #68b501;
}

.home-6 .cart-add {
    color: #fff;
    background: #4B8201;
}

.home-6 .cart-total {
    color: #363F65;
}

.home-6 .cart-price {
    color: #68B501;
}

.home-6 .cart-button a.button2:hover {
    background: #68B501;
    color: #fff;
}

.home-6 .single-product.hot-deal {
    border-bottom: 0;
}

.home-6 .pro-rating-price {
    padding: 0;
}

.home-6 .product-price>span.new-price {
    color: #68B501;
}

.home-6 a.button.add-btn.big {
    top: auto;
    bottom: 15px;
}

.home-6 .nivo-controlNav a.active,
.home-6 .nivo-controlNav a:hover {
    background: #68B501;
}

.home-6 .sicker {
    background: #68B501;
}

.home-6 a.button {
    background: #363F4D;
    color: #fff;
}

.home-6 .main-menu>li>a {
    color: #fff;
}

.home-6 .main-menu>li.active>a,
.home-6 .main-menu>li:hover>a {
    color: #68B501;
}

.home-6 .mega-menu>li>ul>li.mega-title>a:hover {
    color: #68B501;
}

.home-6 .main-menu>li.hot:before {
    background: #68B501;
}

.home-6 .main-menu>li.hot:after {
    border-top: 5px solid #68B501;
}

.home-6 .category-heading>h2 {
    background: #68B501;
}

.home-6 .category-menu-list>ul>li>a:hover {
    color: #7a7a7a;
}

.home-6 .cat-dropdown,
.home-6 .cat-mega-menu {
    border-top: 1px solid #68B501;
}

.home-6 .slider-text {
    top: -35px;
}

.home-6 .slider-text>h5 {
    font-family: 'Shadows Into Light', cursive;
    color: #FFCD05;
    font-size: 24px;
    line-height: 24px;
}

.home-6 .slider-text>h1 {
    color: #fff;
}

.home-6 .slider-text>h4 {
    color: #fff;
}

.home-6 .slider-text>h4>span {
    color: #FFEA00;
}

.home-6 .slider-button a.button {
    background: #fff;
    color: #363F4D;
}

.home-6 .slider-button a.button:hover {
    background: #FFEA00;
    color: #fff;
}

.home-6 .section-title2 h3 {
    background: #68B501;
}

.home-6 .section-title1 h3 {
    background: #68b501;
}

.home-6 .section-title1-border {
    border-bottom: 2px solid #68B501;
}

.home-6 .product-tab>ul>li>a.active,
.home-6 .product-tab>ul>li>a:hover {
    color: #68b501;
}

.home-5 a.button {
    background: #363F4D;
    color: #fff;
}

.home-6 a.button:hover {
    background: #68b501;
    color: #fff;
}

.home-6 .product-action>li>a:hover {
    background: #68B501;
    color: #fff;
}

.home-6 .our-single-blog {
    overflow: hidden;
    padding: 0;
    margin-right: 15px;
}

.home-6 .our-blog-img {
    float: left;
    width: 45%;
}

.home-6 .our-blog-content {
    width: 55%;
    float: left;
    padding-left: 30px;
    margin: 0;
}

.home-6 .copyright-text>p>a {
    color: #68B501;
}

.home-6 .copyright-text>p>a:hover {
    text-decoration: underline;
}

.home-6 #scrollUp {
    background: #68B501;
}

.home-6 #scrollUp:hover {
    border-color: #68B501;
}


/*----------------------------------------*/


/*  16. Home 7
/*----------------------------------------*/

.home-7 a:focus,
.home-7 a:hover {
    color: #F1B306;
    text-decoration: none;
}

.home-7 .header-container {
    background: #20252d;
    color: #fff;
}

.home-7 .header-top-area {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.home-7 .search-box button {
    background: #F1B306;
}

.home-7 .search-box button:hover {
    color: #fff;
}

.home-7 .mini-cart-area>ul>li>a {
    color: #f1b306;
    border-color: #f1b306;
}

.home-7 .cart-add {
    background: #bf8e05;
    color: #fff;
}

.home-7 .cart-total {
    color: #fff;
}

.home-7 .cart-price {
    color: #f1b306;
}

.home-7 .cart-button a.button2:hover {
    color: #fff;
    background: #f1b306;
}

.home-7 .header-bottom-area {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: url("../img/bg/menu-bg.png") repeat-x 0 0;
}

.home-7 .header-sticky.sticky {
    background: rgba(54, 63, 77, 0.9);
}

.home-7 .category-heading>h2 {
    height: 60px;
    line-height: 60px;
    margin: 0;
    background: #f1b306;
}

.home-7 .category-menu-list {
    display: none;
}

.home-7 .cat-dropdown,
.cat-mega-menu {
    border-top: 1px solid #f1b306;
}

.home-7 .main-menu-area {
    background: transparent;
}

.home-7 .main-menu>li>a {
    color: #fff;
}

.home-7 .main-menu>li:hover>a,
.home-7 .main-menu>li.active>a {
    color: #f1b306;
}

.home-7 .mega-menu>li>ul>li.mega-title>a:hover {
    color: #f1b306;
}

.home-7 .main-menu>li.hot:before {
    background: #f1b306;
}

.home-7 .main-menu>li.hot:after {
    border-top: 5px solid #f1b306;
}

.home-7 .slider-text {
    left: 20%;
    width: 100%;
}

.home-7 .nivo-controlNav {
    left: 0;
    right: 0;
    text-align: center;
}

.home-7 .slider-text>h5,
.home-7 .slider-text>h4>span {
    color: #363f4d;
}

.home-7 .slider-text>h1 {
    color: #363f4d;
}

.home-7 .slider-text>h1>span {
    font-size: 71px;
    font-weight: 700;
}

.home-7 .slider-text>h4 {
    color: #363f4d;
    font-size: 14px;
    margin-top: 20px;
}

.home-7 .slider-button a.button {
    background: #FFD200;
    color: #fff;
}

.home-7 .slider-button a.button:hover {
    background: #363F4D;
    color: #fff;
}

.home-7 a.button {
    background: #363F4D;
    color: #fff;
}

.home-7 a.button:hover {
    background: #FFD200;
    color: #fff;
}

.home-7 .product-action>li>a:hover {
    background: #FFD200;
    color: #fff;
}

.home-7 .sicker {
    background: #F1B306;
}

.home-7 .product-price>span.new-price {
    color: #F1B306;
}

.home-7 .single-product.hot-deal-list {
    overflow: hidden;
}

.home-7 .single-product.hot-deal-list .product-img {
    float: left;
    width: 50%;
    padding-right: 25px;
}

.home-7 .hot-deal-of-product .product-content {
    text-align: left;
    float: left;
    width: 50%;
}

.home-7 .product-content>h2.pro-title {
    text-align: left;
}

.home-7 .pro-rating-price {
    padding: 0;
}

.home-7 .count-down-box {
    text-align: center;
}

.home-7 .section-title1 h3 {
    background: #F1B306;
}

.home-7 .section-title1-border {
    border-bottom: 2px solid #F1B306;
}

.home-7 .product-tab>ul>li>a.active,
.home-7 .product-tab>ul>li>a:hover {
    color: #F1B306;
}

.home-7 .our-single-blog {
    padding: 0;
    overflow: hidden;
    margin-right: 15px;
}

.home-7 .our-blog-img {
    float: left;
    width: 45%;
}

.home-7 .our-blog-content {
    width: 55%;
    float: left;
    padding-left: 30px;
    margin: 0;
}

.home-7 .brand-active {
    border-top: 1px solid #ebebeb;
}

.home-7 .copyright-text>p>a {
    color: #F1B306;
}

.home-7 .copyright-text>p>a:hover {
    text-decoration: underline;
}


/*----------------------------------------*/


/*  17. About Page CSS
/*----------------------------------------*/

.breadcrumbs>ul>li {
    display: inline-block;
    color: #e1001a;
    line-height: 30px;
    font-size: 14px;
    text-transform: capitalize;
}

.breadcrumbs>ul>li>a {
    display: inline-block;
    color: #363f4d;
}

.breadcrumbs>ul>li>a:hover {
    color: #e1001a;
}

.breadcome-separator {
    margin: 0 10px;
    display: inline-block;
    color: #363f4d;
}

.heading-banner-title {
    margin-top: 20px;
}

.heading-banner-title>h1 {
    font-size: 30px;
    font-weight: 700;
    font-family: 'Prompt';
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

.about-us-area {
    margin-top: 20px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.about-progress-area {
    position: relative;
}

.about-us-img,
.about-us-img2 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    padding: 100px;
}

.about-us-img2 {
    left: auto;
    right: 0;
}

.about-us-content {
    padding-top: 100px;
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 100px;
    float: right;
    width: 50%;
}

.about-us-title>h2 {
    text-transform: uppercase;
    margin-bottom: 40px;
    font-weight: 900;
    font-size: 24px;
}

.about-us-content>p {
    text-align: justify;
    margin-bottom: 15px;
}

.button2 {
    background: none;
    border: 1px solid #4c4c4c;
    color: #7a7a7a;
    height: 40px;
    line-height: 40px;
    margin-top: 26px;
    box-shadow: none;
    border-radius: 3px;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    padding: 0 25px;
    text-shadow: none;
    text-transform: capitalize;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    vertical-align: middle;
    white-space: nowrap;
}

.button2:hover {
    background: #e1001a;
    color: #fff;
    border-color: #e1001a;
}

.single-count-box {
    padding: 90px 0;
    background: #f3f3f3;
    text-align: center;
}

.counter-up-area .col-lg-3:nth-child(1) .single-count-box {
    border-bottom: 1px solid #ddd;
}

.counter-up-area .col-lg-3:nth-child(2) .single-count-box {
    background: #E8E8E8;
    border-bottom: 1px solid #ddd;
}

.counter-up-area .col-lg-3:nth-child(4) .single-count-box {
    background: #E8E8E8;
}

.counter-img {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

.counter-content {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color: #4c4c4c;
}

.counter-number>h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}

.counter-title>h5 {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.all-progressbar {
    padding-top: 80px;
    padding-left: 160px;
    padding-right: 160px;
    padding-bottom: 80px;
    float: left;
    width: 50%;
}

.progress-title {
    margin-bottom: 35px;
}

.progress-title>h2 {
    font-size: 30px;
    font-weight: 900;
    font-family: Raleway;
    text-align: left;
    font-style: normal;
    color: #444;
}

.skill-content {
    overflow: hidden;
    padding: 15px 0;
}

.skill .progress-bar {
    background: #7B7B7B;
    position: relative;
    border-radius: 3px;
}

.skill .progress .lead {
    position: absolute;
    font-size: 12px;
    left: 0px;
    top: 0px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    z-index: 99;
}

.skill .progress .lead>span.progress-count {
    background: #3e3e3e;
    border: 3px solid #a0a0a0;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    left: 0px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: -10px;
    width: 40px;
}

.skill .progress .lead>span.progress-name {
    padding-left: 55px;
    height: 15px;
    line-height: 15px;
    position: relative;
    bottom: 5px;
}

.skill .progress {
    height: 15px;
    background: #f0f0f0;
    border-radius: 3px;
    position: relative;
    box-shadow: none;
    overflow: visible;
    margin-bottom: 40px;
    padding-left: 10px;
}


/*----------------------------------------*/


/*  18. Protfolio Page CSS
/*----------------------------------------*/

.protfolio-menu-area {
    background: #f5f5f5;
}

.protfolio-menu {
    padding: 60px 0;
    text-align: center;
}

.protfolio-menu>ul>li {
    color: #666;
    margin-right: 2px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    padding: 0 30px;
    border: none;
    line-height: 45px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    background: #fff;
    margin-bottom: 5px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    text-transform: capitalize;
}

.protfolio-menu>ul>li:hover,
.protfolio-menu>ul>li.active {
    color: #fff;
    background: #0162bd;
}

.protfolio-menu>ul>li:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    border-color: transparent;
    border-width: 5px;
    border-style: solid;
    border-top-color: #fff;
    border-right-color: #fff;
}

.protfolio-item {
    padding: 0 15px;
    padding-bottom: 30px;
}

.single-protfolio {
    position: relative;
    padding-top: 30px;
}

.protfolio-img {
    position: relative;
}

.protfolio-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9;
    content: "";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-protfolio:hover .protfolio-img>a {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    visibility: visible;
}

.protfolio-img>a:hover {
    background: #F26667;
    color: #fff;
}

.protfolio-img>a {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    width: 50px;
    height: 50px;
    background: #0162BD;
    line-height: 50px;
    text-align: center;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    border-radius: 100%;
    font-size: 16px;
    z-index: 99;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-protfolio:hover .protfolio-img>a {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.link>a {
    position: absolute;
    bottom: 80px;
    right: 8px;
    width: 60px;
    height: 60px;
    background: #0162BD;
    line-height: 55px;
    text-align: center;
    color: #fff;
    display: block;
    border-radius: 100%;
    border: 4px solid #fff;
    font-size: 16px;
    z-index: 99;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.link>a:hover {
    background: #F26667;
    color: #fff;
    border-color: #4FC1F0;
}

.single-protfolio:hover .link>a {
    bottom: 10px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.protfolio-info {
    padding: 20px;
    background: #f5f5f5;
    position: absolute;
    bottom: -86px;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.single-protfolio:hover .protfolio-info {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.protfolio-info>h3 {
    font-size: 17px;
    line-height: 22px;
    color: #000000;
    font-weight: 700;
    padding: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    z-index: 2;
    display: block;
    font-family: "Raleway";
    text-transform: capitalize;
}

.protfolio-info>span {
    font-size: 12px;
    line-height: 20px;
    color: #71a9d0;
    font-weight: 400;
    display: block;
    text-align: left;
    clear: both !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    position: relative;
    z-index: 2;
    text-transform: capitalize;
}

.fancybox-item.fancybox-close {
    background: url(../img/fancybox_sprite.png);
}


/*----------------------------------------*/


/*  19. My Account Page CSS
/*----------------------------------------*/

.form-login-title>h2,
.form-register-title>h2 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.35;
}

.login-form,
.register-form {
    padding: 20px;
    border: 1px solid #d3ced2;
    margin: 30px 0;
    text-align: left;
    border-radius: 5px;
}

.form-fild,
.login-submit,
.lost-password,
.register-submit {
    margin-bottom: 10px;
}

.form-fild>p {
    margin: 0;
}

.form-fild>p span.required,
.lost-password>a {
    color: #e1001a;
}

.form-fild>input {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    height: 42px;
    padding: 0 0 0 10px;
}

input.checkbox {
    width: 0;
    height: 0;
    margin: 0;
    display: inline-block;
}

.customer-login-register.register-pt-0 {
    padding-top: 0;
}

.login-submit>label {
    margin-left: 10px;
}


/*----------------------------------------*/


/*  20. Wishlist Page CSS
/*----------------------------------------*/

.wishlist-table table {
    background: #fff;
    border: 1px solid #ebebeb;
    color: #4c4c4c;
    width: 100%;
    border-right: 0;
    border-radius: 5px;
}

.wishlist-table table tr {
    border-bottom: 1px solid #ebebeb;
}

.wishlist-table table thead th {
    border-bottom: 1px solid #ebebeb;
    padding: 16px 12px;
    border-top: 1px solid #e7e7e7;
    background: #f6f6f6;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    border-right: 1px solid #ebebeb;
}

.wishlist-table table thead th.product-remove {
    width: 40px;
    vertical-align: middle;
}

.wishlist-table table tbody tr td.product-remove {
    padding: 16px 0;
    width: 40px;
}

.wishlist-table table tbody tr td.product-remove>a {
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #7a7a7a;
    font-weight: 700;
    text-align: center;
}

.wishlist-table table tbody tr td.product-remove>a:hover,
.wishlist-table table tbody tr td.product-name>a:hover,
.shopping-cart-table table tr td.product-remove>a:hover {
    color: #e1001a;
}

.wishlist-table table tbody tr td {
    padding: 16px 12px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
    border-right: 1px solid #ebebeb;
}

.wishlist-table table tbody tr td.product-name>a {
    color: #363f4d;
}

.wishlist-table table tbody tr td.product-price {
    color: #e1001a;
    font-weight: 500;
}

.wishlist-table table tbody tr td.product-stock-status span.wishlist-in-stock {
    color: #30b878;
}

.wishlist-table table tbody tr td.product-stock-status span.wishlist-out-stock {
    color: #e1001a;
}

.wishlist-btn {
    background: #363f4d;
    box-shadow: none;
    border: 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 400;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    padding: 0 25px;
    text-shadow: none;
    text-transform: capitalize;
    text-align: center;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    vertical-align: middle;
    white-space: nowrap;
}

.wishlist-btn:hover {
    background: #e1001a;
    color: #fff;
}

.wishlist-table table tfoot tr td {
    font-weight: 700;
    padding: 25px 10px;
    font-size: 12px;
    border-bottom: 1px solid #ebebeb;
    font-weight: 700;
}


/*----------------------------------------*/


/*  21. Shopping Cart Page CSS
/*----------------------------------------*/

.shop-form {
    margin-bottom: 30px;
}

.product-quantity>select {
    border: 1px solid #ebebeb;
    width: 80px;
    height: 35px;
    padding-left: 15px;
}

.shopping-cart-table table tr td.product-price,
.shopping-cart-table table tr td.product-subtotal {
    color: #e1001a;
    font-weight: 500;
}

.shopping-cart-table table tr td.product-quantity input.input-text {
    width: 60px;
    border: 2px solid #ebebeb;
    border-radius: 0;
    height: 42px;
    padding: 0 0 0 10px;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    margin-left: 5px;
}

.shopping-cart-table table tr td.action {
    padding: 10px;
    border: 0;
}

.input-copun {
    border: 1px solid #d3ced2;
    border-radius: 0;
    width: 200px;
    float: left;
    padding: 6px 15px 6px;
    margin: 0 4px 0 0;
    line-height: 1;
    height: 42px;
    font-size: 14px;
    font-weight: 500;
}

.coupon {
    overflow: hidden;
    margin: 0 0 30px;
    width: 100%;
    padding-bottom: 10px;
}

.wishlist-btn.shopping-btn {
    font-size: 14px;
}

.update-btn {
    background: #363f4d;
    box-shadow: none;
    border: 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    padding: 0 25px;
    text-shadow: none;
    text-transform: capitalize;
    text-align: center;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    vertical-align: middle;
    float: none;
    cursor: not-allowed !important;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.update-btn:hover {
    background: #ebe9eb;
    color: #7a7a7a;
}

.shopping-cart-total {
    width: 100%;
    margin-bottom: 35px;
    overflow: hidden;
}

.shopping-cart-total>h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    background: #f5f5f5;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    line-height: 40px;
}

.shop-table table {
    text-align: right;
    margin: 0 0 10px 0;
    width: 100%;
    float: right;
    color: #4c4c4c;
}

.shop-table tr {
    border-bottom: 1px solid #ebebeb;
    text-align: right;
}

.shop-table tr td {
    text-align: right;
    padding: 10px 0;
}

.shop-table tr td span {
    font-weight: 500;
    color: #363f4d;
    font-size: 16px;
}

.shop-table tr.order-total {
    display: block;
}

.shop-table tr.order-total td {
    padding: 10px 0;
    display: block;
}

.shop-table tr td a {
    display: block;
    color: #e1001a;
}

.shop-table tr td a:hover {
    color: #4c4c4c;
}

.shop-table tr td:before {
    content: attr(data-title) ": ";
    font-weight: 700;
    float: left;
}

.shop-table tr.order-total td span {
    color: #e1001a;
}

.proceed-to-checkout {
    float: left;
    width: 100%;
    text-align: right;
}

.checkout-button {
    background: #e1001a;
    border-color: #e1001a;
    color: #fff;
    margin: 0 !important;
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    padding: 0 25px;
    text-shadow: none;
    text-transform: capitalize;
    text-align: center;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
}

.checkout-button:hover {
    background: #d52115;
    color: #fff;
    border-color: #d52115;
}


/*----------------------------------------*/


/*  22. Checkout Page CSS
/*----------------------------------------*/

.coupon-accordion>h3 {
    background: #f7f6f7;
    margin: 0 0 2em;
    padding: 1em 2em 1em 3.5em;
    font-size: 14px;
    border-top: 3px solid #1e85be;
    position: relative;
    width: auto;
    color: #515151;
}

.coupon-accordion>h3>span {
    cursor: pointer;
    color: #e1001a;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.coupon-accordion>h3>span:hover {
    color: #333;
}

.coupon-accordion>h3:before {
    position: absolute;
    content: "\f133";
    font-family: fontawesome;
    top: 1em;
    left: 1.5em;
    display: inline-block;
    color: #1e85be;
}

.coupon-content,
.create-account,
.ship-box {
    display: none;
}

#checkout_coupon {
    border: 1px solid #d3ced2;
    padding: 20px;
    border-radius: 5px;
    display: none;
}

.billing-fields {
    margin-bottom: 30px;
    overflow: hidden;
}

#billing_country_chosen,
#billing_country2_chosen {
    width: 100% !important;
}

.chosen-container-single .chosen-single {
    background: #fff;
    padding: 2px 10px;
    border-radius: 5px;
    height: 30px;
    border: 1px solid #aaa;
    box-shadow: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
}

.chosen-container-single .chosen-single div b {
    background: url("../img/chosen-sprite.png") no-repeat 0px 4px;
}

.chosen-container-single .chosen-single span {
    margin-right: 0;
    background: #fff;
}

.chosen-container-single .chosen-single div {
    background: #fff;
}

.checkout-form-area {
    padding: 15px 0;
    margin-bottom: 100px;
}

.checkout-title>h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 1px solid #ebebeb;
    padding: ;
    padding-bottom: 20px;
    margin: 0 0 20px;
}

.form-fild.first-name,
.form-fild.last-name,
.form-fild.billing_phone,
.form-fild.email {
    width: 47%;
    margin: 0 0 40px;
    padding: 0;
}

.form-fild.last-name,
.form-fild.email {
    float: right;
}

.form-fild.company-name,
.form-fild.country,
.form-fild.billing_address_1,
.form-fild.billing_address_2,
.form-fild.billing_postcode,
.form-fild.billing_city {
    margin: 0 0 40px;
}

.create-acc {
    margin-bottom: 10px;
}

.ship-fild {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.create-acc>input[type="checkbox"],
.ship-fild>input[type="checkbox"] {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
    width: auto;
    height: auto;
}

.form-fild.billing_password label {
    padding-left: 20px;
    color: #a00;
}

.shipping-fields {
    margin-bottom: 30px;
}

.your-order-title>h3 {
    padding-bottom: 10px;
    border: ;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
}

.your-order-table table {
    background: #fff;
    width: 100%;
    color: #4c4c4c;
    margin: 0 0 50px;
}

.your-order-table table tr {
    border-bottom: 1px solid #ebebeb;
}

.your-order-table table tr:last-child {
    border-bottom: none;
}

.your-order-table table tr th.product-name {
    width: 35%;
}

.your-order-table table tr th.total {
    width: 65%;
}

.your-order-table table tr th,
.your-order-table table tr td {
    background: none;
    border-bottom: 1px solid #dedede;
    border-right: none;
    border-top: none;
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
}

.your-order-table table tr th,
.cart-subtotal td {
    font-weight: 500;
}

.your-order-table table tr.cart-subtotal th,
.your-order-table table tr.shipping th,
.your-order-table table tr.order-total th {
    font-weight: 700;
}

.your-order-table table tr td {
    text-transform: none;
}

.your-order-table table tr.order-total th,
.your-order-table table tr.order-total td {
    font-size: 18px;
    border-bottom: none;
}

.shipping td p {
    font-weight: 500;
    color: #4c4c4c;
    margin: 0;
}

.order-total td {
    color: #e1001a;
}

.checkout-payment li {
    text-align: left;
    line-height: 2px;
    padding: 0 0 15px;
    font-weight: 400;
}

.checkout-payment li>input[type="radio"] {
    height: auto;
    width: auto;
    margin-right: 5px;
}

.pay-box {
    background: none;
    box-shadow: none;
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: relative;
    text-shadow: none;
    width: 100%;
    line-height: 1.5;
    color: #515151;
    margin-top: 10px;
}

.pay-box:before {
    content: '';
    display: block;
    border: 1em solid #dfdcde;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -.75em;
    left: 0;
    margin: -1em 0 0 2em;
}

.pay-box.payment_method_cheque>p {
    font-size: 12px;
}

.payment_method_paypal-li img {
    max-height: 52px;
    vertical-align: middle;
    margin: -2px 15px 0 .5em;
}

.payment_method_paypal-li a {
    display: inline-block;
    font-size: 11px;
    color: #e1001a;
}

.payment_method_paypal {
    display: none;
}

.order-btn {
    background: #e1001a;
    font-size: 14px;
    height: 50px;
    margin: 0;
    display: block;
    border-radius: 3px;
    border: 0;
    color: #fff;
    display: inline-block;
    box-shadow: none;
    line-height: 42px;
    overflow: hidden;
    padding: 0 25px;
    text-shadow: none;
    text-transform: capitalize;
    text-align: center;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 400;
    width: 100%;
}

.order-btn:hover {
    background: #d52115;
    color: #fff;
}


/*----------------------------------------*/


/*  23. Shop Page CSS
/*----------------------------------------*/


/*----------------------------------------*/


/*  23.1 Shop Left Sidebar CSS
/*----------------------------------------*/

.shop-product-area .tab-content .tab-pane {
    display: none;
    height: auto;
}

.shop-product-area .tab-content .tab-pane.active {
    display: block;
}

.widget.widget-shop-categories {
    background-color: #fff;
    margin: 0;
    border-radius: 4px 4px 0 0;
}

.widget.widget-compare {
    margin-top: 30px;
    background-color: #fff;
}

.product-categories>li>a {
    font-size: 14px;
    text-transform: capitalize;
    color: #363f4d;
    display: inline-block;
}

.widget.widget-price-slider,
.widget.widget-brand,
.widget.widget-manufacture,
.widget.widget-color {
    border-top: 0;
    border-radius: 0;
    background: #f6f6f6;
    margin: 0;
}

.widget.widget-brand,
.widget.widget-manufacture,
.widget.widget-color {
    background: #fff;
}

.widget.widget-color {
    margin: 0 0 30px 0;
}

.widget.widget-price-slider h3.widget-title,
.widget.widget-brand h3.widget-title,
.widget.widget-manufacture h3.widget-title,
.widget.widget-color h3.widget-title {
    font-size: 12px;
    margin: 0;
    border-bottom: 0;
    font-weight: 500;
}

.price-filter {
    margin-top: 30px;
    font-size: 12px;
}

#slider-range {
    margin-bottom: 25px;
}

.ui-widget.ui-widget-content {
    border: 0;
    background: #E5E5E5;
    height: 5px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #e1001a;
    height: 15px;
    border: 0;
    width: 15px;
    border-radius: 100%;
}

.ui-widget-header {
    border: 0;
    background: #e1001a;
    color: #fff;
    font-weight: bold;
}

.price-filter input.amount {
    width: 100px;
    border-radius: 0;
    height: 30px;
    background: #f6f6f6;
    color: #363f4d;
}

.compare-menu {
    margin-bottom: 10px;
}

.clear-all {
    font-size: 12px;
    line-height: 35px;
    float: left;
    text-transform: none;
}

.shop-tab-menu {
    border: 1px solid #ebebeb;
    padding: 13px 15px;
    border-radius: 4px;
}

.shop-tab>ul>li {
    display: inline-block;
    margin-right: 25px;
    margin-top: 5px;
}

.shop-tab>ul>li>a {
    font-size: 21px;
    color: #363f4d;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.shop-tab>ul>li>a.active,
.shop-tab>ul>li:hover>a {
    color: #e1001a;
}

.toolbar-form {
    float: right;
    width: 52%;
}

.toolbar-select span {
    color: #363f4d;
}

.order-by {
    width: 69%;
    height: 30px;
    border: 1px solid #ebebeb;
    text-align: left;
    font-size: 14px;
    padding: 0 10px;
}

.show-result {
    float: right;
    height: 32px;
    line-height: 30px;
    margin: 0 0 0 15px;
}

.show-result p {
    font-size: 14px;
    color: #363f4d;
}

.product-container {
    overflow: hidden;
    padding-bottom: 25px;
    position: relative;
}

.product-container:after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #ebebeb;
    display: block;
    bottom: 0;
    left: 15px;
    right: 15px;
    z-index: 99;
}

.product-container:last-child:after {
    border-bottom: 0;
}

.product-content-2>h2 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    margin-bottom: 15px;
}

.product-discription>p {
    font-size: 14px;
    margin-bottom: 25px;
}

.product-cart-area-list>li {
    display: inline-block;
}


/*----------------------------------------*/


/*  24. Single Product CSS
/*----------------------------------------*/

.single-product-info {
    overflow: hidden;
    margin-bottom: 50px;
}

.single-product-tab {
    margin-top: 15px;
}

.discription-tab-content {
    overflow: hidden;
}

.discription-tab-content .tab-pane {
    overflow: hidden;
}

.easyzoom-flyout img {
    width: auto !important;
    max-width: none !important;
}

.single-product-tab-menu {
    width: 100%;
    padding: 0 30px;
    text-align: center;
}

.single-product-tab-menu>li {
    display: inline-block;
    width: 20%;
    margin: 0 10px;
}

.single-product-content {
    position: relative;
}

.product-nav {
    position: absolute;
    top: 0;
    right: 0;
}

.product-nav>a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #d1d1d1;
    line-height: 28px;
    text-align: center;
    border-radius: 3px;
    color: #d1d1d1;
    position: relative;
    margin-right: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-nav>a:hover {
    background: #e1001a;
    border-color: #e1001a;
    color: #fff;
}

.product-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 16px;
    color: #363f4d;
}

.product-rating {
    margin-bottom: 20px;
}

.product-rating i.fa {
    color: #F9BA48;
}

.product-rating i.fa.on-color {
    color: #e1e1e1;
}

.review-link {
    color: #e1001a;
    margin-left: 10px;
}

.single-product-price {
    margin-bottom: 25px;
}

.single-product-price>.old-price {
    color: #a4a4a4;
    font-size: 16px;
    font-weight: 400;
    margin-right: 5px;
    text-decoration: line-through;
}

.single-product-price>.new-price {
    color: #e1001a;
    font-weight: 700;
    font-size: 20px;
}

.product-description>p {
    margin-bottom: 25px;
    color: #7a7a7a;
    font-size: 14px;
}

.single-product-quantity {
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 20px;
    padding-bottom: 20px;
}

.quantity {
    margin: 0 0 20px;
}

.quantity label {
    margin-right: 5px;
}

.quantity input {
    width: 75px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    height: 36px;
    font-size: 16px;
    line-height: 34px;
    color: #363f4d;
    padding: 0 0 0 10px;
    line-height: ;
}

.wislist-compare-btn ul>li {
    display: inline-block;
    margin-right: 15px;
    position: ;
}

.wislist-compare-btn ul>li>a.wishlist,
.wislist-compare-btn ul>li>a.compare {
    position: relative;
    font-size: 12px;
    display: block;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
    text-transform: capitalize;
}

.wislist-compare-btn ul>li>a.wishlist:before,
.wislist-compare-btn ul>li>a.compare:before {
    content: '\f08a';
    font-family: FontAwesome;
    color: #e1001a;
    display: inline-block;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #e1001a;
    border-radius: 100%;
    text-align: center;
    margin-right: 5px;
    vertical-align: middle;
}

.wislist-compare-btn ul>li>a.compare:before {
    content: "\f079"
}

.product-meta {
    margin: 20px 0 10px;
    border-top: 1px solid #ebebeb;
    padding-top: 15px;
    text-transform: capitalize;
}

.single-product-sharing>ul>li {
    display: inline-block;
    margin-right: 10px;
}

.single-product-sharing>ul>li>a {
    color: #fff;
    width: 16px;
    height: 16px;
    background: #7a7a7a;
    font-size: 10px;
    display: block;
    line-height: 17px;
    text-align: center;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-product-sharing>ul>li>a:hover {
    background: #e1001a;
    color: #fff;
}

.single-product-tab-menu .owl-nav>button {
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #f2f2f2 !important;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 3px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.single-product-tab-menu .owl-nav>button.owl-prev:after {
    display: none;
}

.single-product-tab-menu .owl-nav>button.owl-next {
    left: auto;
    right: 25px;
}

.single-product-tab-menu .owl-nav>button:hover {
    background: #e1001a !important;
    color: #fff !important;
}

.single-product-tab-menu:hover .owl-nav>button {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.discription-tab-menu>ul {
    border-bottom: 1px solid #ebebeb;
    text-align: left;
}

.discription-tab-menu>ul>li {
    display: inline-block;
}

.discription-tab-menu>ul>li>a {
    font-size: 14px;
    background: #f3f2f2;
    font-weight: 700;
    padding: 10px 20px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 4px 4px 0 0;
    line-height: 26px;
    color: #a8acb3;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.discription-tab-menu>ul>li>a.active,
.discription-tab-menu>ul>li>a:hover {
    background: #e1001a;
    color: #fff;
}

.description-content,
.review-page-comment {
    padding: 30px 0 20px;
}

.review-comment {
    margin: 0 auto;
    width: 650px;
}

.review-comment>h2 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.review-comment>ul {
    margin: 0 0 25px;
}

.review-comment>ul>li {
    margin-bottom: 20px;
}

.review-comment>ul>li>.product-comment img {
    width: 60px;
    float: left;
}

.review-comment>ul>li .product-comment .product-comment-content {
    border: 1px solid #ebebeb;
    border-radius: 3px;
    margin-left: 80px;
    position: relative;
    padding: 10px 10px 0;
}

.review-comment>ul>li .product-comment .product-comment-content:before {
    position: absolute;
    content: "";
    top: 10px;
    left: -6px;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    display: block;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 999;
}

.pro-comments-rating {
    float: right;
}

.product-comment-content>p>strong {
    text-transform: uppercase;
    font-size: 16px;
    color: #777;
    line-height: 2;
}

.review-comment-form-author {
    margin-bottom: 10px;
}

.review-comment-form-author input,
.review-comment-form-email input {
    width: 40%;
    border: 1px solid #ebebeb;
    border-radius: 0;
    display: block;
    height: 40px;
}


/*----------------------------------------*/


/*  25. Blog Page CSS
/*----------------------------------------*/

.single-blog-post {
    overflow: hidden;
    width: 100%;
}

.post-thumbnail {
    width: 40%;
    float: left;
    margin: 0;
}

.post-thumbnail>a {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.postinfo-wrapper {
    width: 60%;
    padding: 0 0 0 30px;
    float: left;
    text-align: left;
}

.postinfo-wrapper .post-header {
    position: relative;
    float: none;
    margin: 0 0 20px;
    display: block;
}

.postinfo-wrapper .post-header .post-category {
    font-size: 13px;
    display: block;
    margin-bottom: 15px;
    color: #e1001a;
    text-transform: capitalize;
}

.postinfo-wrapper .post-header .post-category a {
    padding: 0 5px;
    color: #e1001a;
    text-decoration: underline;
}

.postinfo-wrapper .post-header h1.post-title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1;
    text-transform: capitalize;
    letter-spacing: 2px;
}

.postinfo-wrapper .post-header h1.post-title.post-icon:before {
    content: "\f2a6";
    font-family: 'Ionicons';
    display: inline-block;
    margin-right: 18px;
    color: #e1001a;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.postinfo-wrapper .post-header h1.post-title a {
    color: #363f4d;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.postinfo-wrapper .post-header h1.post-title a:hover {
    color: #e1001a
}

.blog-meta,
.post-author,
.post-date {
    color: #808080;
    letter-spacing: 1px;
}

.post-separator {
    margin: 0 10px;
    display: inline-block;
}

.entry-summary>p {
    margin-bottom: 30px;
    text-align: left;
}

.social-sharing {
    float: left;
    margin: 0;
}

.social-title {
    float: left;
    font-size: 12px;
    color: #808080;
    margin: 0 20px 0 0;
    line-height: 26px;
    font-weight: 700;
}

.blog-social-icon {
    float: left;
    margin: 0;
    padding: 0;
}

.blog-social-icon>li {
    float: left;
}

.blog-social-icon>li>a {
    background: #f7f7f7;
    border-radius: 100%;
    color: #353535;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    text-align: center;
    width: 26px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blog-social-icon>li>a:hover {
    background: #e1001a;
    color: #fff;
}

.comment {
    float: right;
    color: #808080;
}

.post-slider .owl-nav>button {
    position: absolute;
    top: 50%;
    left: 40px;
    -webkit-transition: ;
    transition: ;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #000 !important;
    color: #fff !important;
    font-size: 30px !important;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    text-align: center;
    z-index: 5;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.post-slider .owl-nav button.owl-next {
    right: 40px;
    left: auto;
}

.post-slider .owl-nav>button.owl-prev:after {
    display: none;
}

.post-slider:hover .owl-nav>button {
    left: 10px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.post-slider:hover .owl-nav button.owl-next {
    right: 10px;
    left: auto;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.post-slider .owl-dots {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}

.post-slider .owl-dot {
    width: 15px;
    height: 15px;
    background: #000 !important;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: inline-block;
    margin: 0 5px;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.post-slider:hover .owl-dot {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.post-slider .owl-dot:hover,
.post-slider .owl-dot.active {
    background: #fff !important;
    outline-offset: 10px;
}

.player>audio {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    float: left;
}

.pagination {
    float: left;
    width: 100%;
    margin: 0 0 30px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 13px 15px;
    text-align: center;
}

.page-number>li {
    display: inline-block;
}

.page-number>li>a {
    background: #f1f1f1;
    border-radius: 3px;
    color: #363f4d;
    display: inline-block;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    line-height: 32px;
    height: 32px;
    width: 32px;
}

.page-number>li.active>a,
.page-number>li>a:hover {
    background: #e1001a;
    color: #fff;
}


/*----------------------------------------*/


/*  25.1 Blog Right Sidebar CSS
/*----------------------------------------*/

.right-sidebar-area {
    overflow: hidden;
    margin-bottom: 30px;
}

.widget {
    padding: 20px;
    border: 1px solid #ebebeb;
    margin: 0 0 30px 0;
    border-radius: 4px;
    width: 100%;
    float: left;
}

.widget-title,
.widget-shop-title,
.widget-compare-title,
.widget-shop-tag-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 20px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ebebeb;
    line-height: 1;
}

.widget-title {
    text-transform: none;
}

.widget-shop-title,
.widget-compare-title,
.widget-shop-tag-title {
    font-size: 16px;
}

.sidebar-menu,
.recent-menu,
.archive-menu,
.product-categories,
.brand-menu,
.compare-menu {
    width: 100%;
    float: left;
}

.sidebar-menu>li,
.recent-menu>li,
.archive-menu>li,
.product-categories>li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.brand-menu>li {
    position: relative;
    line-height: 30px;
}

.brand-menu>li>input {
    width: auto;
    height: auto;
    margin-right: 10px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    margin-top: 0;
    color: #ebebeb;
}

.product-categories>li,
.brand-menu>li,
.compare-menu>li {
    float: left;
    width: 100%;
    overflow: hidden;
    line-height: 44px;
    margin: 0;
}

.product-categories>li:not(:last-child),
.compare-menu>li {
    border-bottom: 1px solid #ebebeb;
}

.sidebar-menu>li>a,
.recent-menu>li>a,
.archive-menu>li>a,
.brand-menu>li>a,
.compare-menu>li>a {
    color: #4c4c4c;
    margin-right: 5px;
    text-transform: capitalize;
}

.blog-input {
    margin-top: 20px;
    float: left;
    width: 100%;
    color: #808080;
    position: relative;
}

.blog-input>input {
    border: 1px solid #ebebeb;
    border-radius: 0;
    height: 34px;
    padding: 0 40px 0 15px;
}

.blog-input>button {
    background: transparent;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    height: 34px;
}

.fb-page {
    overflow: hidden;
}

.fb-page iframe {
    width: 100%;
}

.widget-tag {
    background-color: #fff;
}

.widget-tag ul>li {
    display: inline-block;
}

.widget-tag ul>li>a {
    display: block;
    border: 1px solid #ebebeb;
    color: #555;
    padding: 0 18px;
    margin: 0 2px 6px 0;
    line-height: 29px;
    font-size: 13px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.widget-tag ul>li>a:hover {
    background: #e1001a;
    border-color: #e1001a;
    color: #fff;
}

#Instafeed {
    padding: 5px;
}

#Instafeed>li {
    display: ;
    float: left;
    width: 33.33%;
    padding: 5px;
}

#Instafeed li a img {
    width: 100%;
}


/*----------------------------------------*/


/*  25.2 Blog Post Img CSS
/*----------------------------------------*/

.blog-post-wrapper {
    overflow: hidden;
    margin: 0 0 40px;
    width: 100%;
}

.blog-post-wrapper .post-thumbnail {
    width: 100%;
}

.blog-post-wrapper .postinfo-wrapper {
    width: 100%;
    padding: 0;
    float: right;
}

.blog-post-wrapper .postinfo-wrapper .post-header {
    margin: 30px 0 20px;
}

.blog-post-wrapper .post-date {
    font-size: 14px;
    font-style: normal;
}

.blog-post-wrapper .post-separator {
    margin: 0 25px;
}

.entry-content blockquote {
    margin: 40px 0 40px 0;
    border-left: 5px solid #e1001a;
    padding: 0 0 0 10px;
}

.entry-content blockquote>p {
    font-size: 18px;
    line-height: 26px;
    font-style: italic;
    color: #afafaf;
}

.entry-meta-small {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0;
    text-transform: uppercase;
    font-size: 13px;
    margin: 0 0 30px;
    color: #808080;
}

.blog-post-wrapper .social-sharing {
    margin-bottom: 30px;
}

.relatedposts {
    float: left;
    width: 100%;
}

.relatedposts>h3 {
    display: inline-block;
    font-size: 20px;
    margin: 0 0 30px;
    padding: 0 0 20px;
    line-height: 1.35;
    text-transform: capitalize;
    font-weight: 700;
}

.relatedthumb .image {
    margin-bottom: 25px;
}

.relatedthumb h4 {
    text-transform: ;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
}

.post-date {
    font-style: italic;
    letter-spacing: .5px;
    font-size: 12px;
    color: #808080;
}

.comments-wrapper {
    border: 1px solid #ebebeb;
    padding: 30px;
    margin-bottom: 30px;
}

h3.comments-title,
h3.user-comment-title {
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 30px;
    padding: 0 0 20px;
}

.single-reply {
    overflow: hidden;
    margin-bottom: 30px;
}

.user-comment {
    padding-left: 30px;
}

.comment-author {
    float: left;
    width: 7%;
}

.comment-info {
    float: left;
    width: 90%;
    margin-left: 15px;
}

.comment-author-info {
    margin: 0 0 15px;
    color: #808080;
    line-height: 1;
    position: relative;
}

.comment-admin {
    color: #363f4d;
    font-size: 12px;
    font-weight: 700;
    display: block;
}

.comment-reply {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    background: #ebebeb;
    border-radius: 3px;
    box-shadow: none;
    color: #4c4c4c;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
    text-shadow: none;
    text-transform: capitalize;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
}

.comment-reply:hover {
    background: #e1001a;
    color: #fff;
}

.comment-author-info span {
    display: block;
    font-size: 12px;
    font-style: italic;
    margin-top: 10px;
}

.comment-form-comment {
    margin-bottom: 10px;
}

.comment-input {
    margin: 0 -10px;
    overflow: hidden;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    float: left;
    padding: 0 10px;
    width: 33.3333%;
    margin-bottom: 10px;
}

.comment-form-author>input,
.comment-form-email>input,
.comment-form-url>input {
    border: 1px solid #ebebeb;
    border-radius: 0;
    padding-left: 15px;
    width: 100%;
    height: 46px;
}

.comment-submit {
    margin-top: 20px;
    margin-bottom: 10px;
}


/*----------------------------------------*/


/*  25.3 Catagorey Blog CSS
/*----------------------------------------*/

.archive-header {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
}

.archive-title {
    margin: 0 0 10px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: capitalize;
}

.archive-title span {
    text-transform: uppercase;
}


/*----------------------------------------*/


/*  26. Service Page CSS
/*----------------------------------------*/

.service-title>h4 {
    font-size: 14px;
    color: #444444;
    text-align: left;
    font-family: Raleway;
    font-weight: 900;
    font-style: normal;
    margin-bottom: 20px;
}

.service-content>p {
    margin-bottom: 30px;
}


/*----------------------------------------*/


/*  26.1 Our Service Area CSS
/*----------------------------------------*/

.single-service {
    overflow: hidden;
}

.service-icon {
    width: 10%;
    height: 40px;
    color: #4fc1f0;
    font-size: 34px;
    line-height: 40px;
    text-align: center;
    padding-top: 10px;
}

.service-info {
    width: 90%;
    padding-left: 20px;
}

.service-info>h3 {
    font-size: 13px;
    color: #c6c6c6;
    text-align: left;
    font-family: Raleway;
    font-weight: 700;
    font-style: normal;
}

.service-info>p {
    margin-bottom: 35px;
}

.unlimited-ideas-content {
    text-align: center;
    padding-top: 180px;
    padding-right: 80px;
    padding-left: 80px;
    padding-bottom: 30px;
}

.unlimited-ideas-title>h2 {
    font-size: 30px;
    color: #444444;
    text-align: center;
    font-family: Raleway;
    font-weight: 900;
    font-style: normal;
}

.service-btn {
    display: inline-block;
    border: 2px solid #2A2A2A;
    padding: 13px 19px;
    padding-right: 48px;
    position: relative;
    color: #2A2A2A;
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.unlimited-ideas-btn>a>i.fa {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.service-btn:hover {
    border-color: #2A2A2A;
    background: #2A2A2A;
    color: #fff;
}


/*----------------------------------------*/


/*  26.2 Pricing Table CSS
/*----------------------------------------*/

.pricing-head>h4 {
    padding: 20px;
    text-align: center;
    background: #f06a60;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

.active-table .pricing-head>h4 {
    background: #e1001a;
}

.pricing-body {
    padding: 0 20px 40px 20px;
    text-align: center;
    background: #fff;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 0 1px #fff inset, 0 1px 3px rgba(34, 25, 25, 0.4);
}

.price {
    font-size: 48px;
    font-weight: bold;
    margin: 0;
    padding: 50px 0;
    text-transform: uppercase;
    color: #7a7a7a;
}

.desc-price {
    font-size: 12px;
}

.pricing-body>ul {
    padding-left: 15px;
    margin-bottom: 20px;
}

.pricing-body>ul>li {
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
}

.pricing-body>ul>li:first-child {
    border-top: 1px solid #ebebeb;
}

.pricing-button {
    border: 1px solid #4c4c4c;
    padding: 0 20px;
    line-height: 40px;
    margin: 40px 0 0;
    display: inline-block;
    border-radius: 3px;
    text-transform: capitalize;
    font-size: 14px;
    color: #4c4c4c;
    height: 42px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.active-table .pricing-button {
    background: #e1001a;
    border-color: #e1001a;
    color: #fff;
}

.pricing-button:hover {
    background: #e1001a;
    color: #fff;
    border-color: #e1001a;
}

.active-table .pricing-button:hover {
    background: #4C4C4C;
    border-color: #4C4C4C;
    color: #fff;
}


/*----------------------------------------*/


/*  27. Contact Page CSS
/*----------------------------------------*/

.contact-form-title>h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 35px;
    line-height: 1.35;
}

.first-name,
.last-name,
.email,
.subject,
.billing_phone {
    width: 50%;
    float: left;
    margin-bottom: 20px;
    padding: 0 10px;
}

.first-name,
.email,
.billing_phone {
    padding-left: 0px;
}

.first-name>input,
.last-name>input,
.email>input,
.subject>input,
.billing_phone>input {
    border: 1px solid #ebebeb;
    border-radius: 0;
    padding-left: 15px;
    width: 100%;
    height: 46px;
}

.contact-address>ul>li {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #e4e4e4;
    margin-bottom: 10px;
}

.contact-address>ul>li>i.fa {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
}

p.form-messege.success {
    color: #68B501;
    margin-top: 10px;
    border: 1px solid #ebebeb;
    padding: 5px 10px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 0;
}

.form-messege.error {
    margin-top: 10px;
    padding: 5px 10px;
    border: 1px solid #ebebeb;
    font-weight: 600;
    text-transform: capitalize;
    color: #e1001a;
    margin-bottom: 0;
}


/*----------------------------------------*/


/*  28. Frequently Questions Page CSS
/*----------------------------------------*/

.frequently-title>h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.frequently-title>p {
    margin-bottom: 0;
}

.accordion .card {
    margin-bottom: 10px;
    border-radius: 0;
    border: 1px solid #ebebeb;
}

.accordion .card+.card {
    margin-top: 5px;
}

.card.active {
    border: 1px solid #e1001a !important;
}

.card>.card-header {
    color: #7a7a7a;
    background-color: #f8f8f8;
    padding: 0;
}

.card-title {
    margin-bottom: 0;
    cursor: pointer;
}

.card-title>a {
    display: block;
    padding: 15px 30px 15px 25px;
    position: relative;
}

.card-title a:after {
    position: absolute;
    content: "\f068";
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: FontAwesome;
    font-size: 12px;
    color: #7a7a7a;
}

.card-title a.collapsed:after {
    content: "\f067"
}

.card-body {
    border-top: 0;
}


/*----------------------------------------*/


/*  29. Error 404 Page CSS
/*----------------------------------------*/

.error-404-area {
    border-top: 1px solid #f0f0f0;
    text-align: center;
}

.search-form-wrapper>h1 {
    font-size: 200px;
    font-weight: 900;
    color: #e1001a;
    line-height: 1.1;
    margin: 0 0 30px;
    letter-spacing: 10px;
}

.search-form-wrapper>h2 {
    color: #4c4c4c;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 700;
}

.error-message>p {
    font-size: 22px;
    width: 60%;
    text-align: center;
    color: #4c4c4c;
    margin: 20px auto 30px;
    font-weight: 300;
}

.form-input {
    position: relative;
    width: 450px;
    margin: 0 auto;
    text-align: center;
}

.form-input>input {
    background: #f8f8f8;
    border: 1px solid #e9e9e9;
    border-radius: 30px;
    height: 45px;
    margin: 0 auto;
    width: 450px;
    padding-left: 20px;
    padding-right: 80px;
}

.form-input>button {
    background: none;
    border: 0;
    color: #4f4f4f;
    font-size: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 99;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-input>button:hover {
    color: #e1001a;
}

.back-to-home a {
    background: #e1001a;
    border-radius: 35px;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin-top: 60px;
    padding: 0 30px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    white-space: nowrap;
}

.back-to-home a:hover {
    background: #d52115;
}


/* 30. My Account CSS */

.myaccount-tab-list {
    display: block;
    margin-right: 30px;
    border: 1px solid #EEEEEE;
}

.myaccount-tab-list a {
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 14px 20px;
}

.myaccount-tab-list a+a {
    border-top: 1px solid #EEEEEE;
}

.myaccount-tab-list a:hover {
    color: #e1001a;
}

.myaccount-tab-list a.active {
    color: #e1001a;
    cursor: default;
    background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (max-width: 767px) {
    .myaccount-tab-list {
        margin-right: 0;
    }
}

.myaccount-content {
    font-size: 16px;
    font-weight: 400;
}

.myaccount-content.dashboad p {
    padding: 20px;
    background-color: #f5f5f5;
}

.myaccount-content.dashboad p:not(:last-child) {
    margin-bottom: 24px;
}

.myaccount-content.dashboad p span {
    text-decoration: underline;
}

.myaccount-content.order table,
.myaccount-content.download table {
    white-space: nowrap;
}

.myaccount-content.address>p {
    padding: 20px;
    background-color: #f5f5f5;
}

.myaccount-content.address>p:not(:last-child) {
    margin-bottom: 24px;
}

.myaccount-content.address>p span {
    text-decoration: underline;
}

.myaccount-content.address .title {
    font-size: 26px;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 20px;
}

.myaccount-content.address .title .edit-link {
    font-size: 12px;
    margin-left: 5px;
    text-transform: capitalize;
    color: #7E7E7E;
}

.myaccount-content.address .title .edit-link:hover {
    color: #e1001a;
}

.myaccount-content.address address {
    margin-bottom: 0;
}

.single-input-item {
    margin-bottom: 30px;
}

.single-input-item label {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: block;
    margin-bottom: 15px;
    letter-spacing: 1.6px;
    color: #333333;
}

.single-input-item input {
    border: 1px solid #ebebeb;
    border-radius: 0;
    padding-left: 15px;
    width: 100%;
    height: 46px;
}

fieldset {
    padding: 30px 40px;
    border: 1px solid #EEEEEE;
}

@media only screen and (max-width: 767px) {
    fieldset {
        padding: 20px 15px;
    }
}

fieldset legend {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    width: auto;
    margin-top: -9px;
    margin-bottom: 0;
    padding: 0 15px;
    text-transform: uppercase;
    color: #333333;
    background-color: #FFFFFF;
}