@import url('css/roboto.min.css');
@import url('css/ionicons.min.css');
@import url('css/font-awesome.min.css');
@import url('css/animate.css');
@import url('css/jquery-ui.min.css');
@import url('css/meanmenu.min.css');
@import url('css/nivo-slider.css');
@import url('css/owl.carousel.min.css');
@import url('css/slick.css');
@import url('css/bootstrap.min.css');
@import url('css/default.css');
@import url('css/responsive.css');

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

.single-footer .contact h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #FFFFFF;
    font-family: 'Roboto Bold';
}

.ion-ios-search-strong:before {
    content: url(img/icon/search.svg);
    position: relative;
    top: 3px;
    left: -2px;
}

.update-profile-btn {
    position: relative;
    z-index: 10000;
    margin-bottom: 30px;
}

.bannerkm {
    z-index: 100;
    margin: 0;
    padding: 0 10px;
    float: left;
}

.menu-right .dameco-logo-hd {
    right: 0;
    position: absolute;
    top: 13px;
}

.menu-right .dameco-logo-hd img {
    max-width: 120px;
    margin: 0;
    margin-right: 5px;
    float: left;
}

.menu-right .dameco-logo-hd p {
    font-size: 14px;
    line-height: 26px;
    color: #4A4A4A;
    float: left;
    font-family: "Roboto Bold";
    padding-right: 10px;
}

.navShadow_2 {
    background-color: #DA251C;
}

.navShadow_2,
.navShadow_1 {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    position: fixed;
}

.header-top-menu-left .support {
    position: absolute;
    top: 13px;
}

.header-top-menu-left .support img {
    width: 15px;
    top: 3px;
    position: absolute;
}

.header-top-menu-right .account img.user {
    top: 3px;
    position: absolute;
    right: 135px;
}

.header-top-menu-right .account a {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}

.header-top-menu-left .support span {
    padding-left: 20px;
}

.header-top-menu-right .account {
    position: relative;
    top: 13px;
}

.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-family: 'Roboto Bold';
    text-transform: capitalize;
}

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

.img-km {
    overflow: hidden;
}

.menu-left {
    width: 100%;
    background: #da251c;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.menu-left ul {
    display: table;
}

.not-table {
    display: inline-block !important;
    width: 100%;
}

.not-table li a {
    padding: 10px 0px 14px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #fff;
    display: inline-block;
    width: 100%;
    color: #fff;
}

.menu-left nav {
    margin-left: -10px;
}

.menu-left nav ul li {
    /* float: left; */
    display: table-cell;
    text-align: center;
    border-right: 1px solid #fff;
    /* padding-top: 13px;
	padding-bottom: 10px; */
    /* padding-right: 40px; */
    width: 1%;
    ;
}

.menu-left nav ul li:last-child {
    border-right: 0px;
}

.menu-left nav ul li.active {
    background: #002C60;
}

.menu-left nav ul li.active a {
    color: #fff;
    /* border-bottom: 3px solid #fff; */
}

.menu-left nav ul li a {
    font-size: 14px;
    display: inline-block;
    padding: 15px 0px;
    line-height: 24px;
    color: #fff;
    font-family: 'Roboto Bold';
}

.menu-left nav ul li.member-company {
    width: 2.4%;
}

.not-table li a {
    font-family: 'Roboto Bold';
}

.not-table li a i {
    position: relative;
    top: 5px;
    font-size: 25px;
}


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

.wishlist-table {
    border-top: 1px solid rgba(151, 151, 151, 0.2);
    padding: 30px 0;
}

.khuyenmai-title h4 {
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    font-family: "Roboto Bold";
    color: #4A4A4A;
}

.title-combo h4 {
    position: relative;
    left: 155px;
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    font-family: "Roboto Bold";
    color: #4A4A4A;
    margin-left: 100px;
}


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

.logo {
    padding: 20px 0;
}

.search-box-area {
    position: relative;
    display: block;
    margin: 25px 0 20px 0px;
    z-index: 11;
    overflow: visible;
}

.search-box {
    width: 100%;
    float: left;
    position: relative;
    height: 45px;
}

.search-box input {
    font-family: Roboto;
    background: #F7F7F7;
    border: 1px solid rgba(151, 151, 151, 0.2);
    box-sizing: border-box;
    border-radius: 25px;
    padding: 0 20px;
    float: left;
    outline: medium none;
    height: 45px;
}

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

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

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

.mini-cart-area>ul>li>a {
    font-size: 24px;
    font-family: 'Roboto';
    color: #7A7A7A;
    display: block;
    margin-right: 15px;
    width: 45px;
    height: 45px;
    border: 1px solid #7A7A7A;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    position: relative;
}

.mini-cart-area>ul>li>a>span.cart-add {
    color: #fff;
}

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

.cart-total {
    color: #7A7A7A;
    position: absolute;
    right: -100px;
    top: 0;
    font-size: 14px;
    font-family: 'Roboto Bold';
}

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

.cart-dropdown {
    position: absolute;
    width: 350px;
    background: #fff;
    right: -88px;
    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-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    z-index: 99;
}

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

.cart-img {
    float: left;
    width: 30%;
    margin-top: 10px;
}

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

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

.cart-price {
    font-size: 14px;
    color: #DA251C;
    font-family: 'Roboto Bold';
}

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

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

.cart-total-amount>h4 {
    font-family: Roboto Bold;
    color: #DA251C;
    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-family: 'Roboto Bold';
    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: #DA251C
}

.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;
    font-family: 'Roboto';
    border-radius: 2px;
    z-index: 99;
}

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

.main-menu>li.new:after,
.main-menu>li.hot:after {
    position: absolute;
    content: "";
    top: 25px;
    right: 8px;
    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 #DA251C;
    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-family: 'Roboto';
    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;
    font-family: 'Roboto Bold';
    text-transform: uppercase;
    color: #363f4d;
    display: block;
}

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

.mega-menu>li>ul>li>a {
    font-size: 13px;
    font-family: 'Roboto';
    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;
}

.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: #fff;
    position: relative;
    z-index: 100;
}

.mobile-menu nav ul li a.active {
    color: #DC220B;
}

.mobile-menu:before {
    position: absolute;
    z-index: 100;
    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: #DA251C;
    padding: 5px 0;
}

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

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

.mean-container .mean-nav ul li a {
    color: #4a4a4a;
}

.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-bottom: 1px solid #E5E5E5;
}

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

.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;
    color: #363f4d;
    margin-bottom: 4px;
    font-family: 'Roboto Bold';
}

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

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

.slider-text>h4>span {
    font-size: 30px;
    line-height: 30px;
    color: #DA251C;
    font-family: 'Roboto Bold';
}

.nivo-controlNav {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 48%;
    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;
    visibility: visible;
}

.nivo-controlNav a {
    width: 8px;
    height: 8px;
    background: #CCCCCC;
    text-indent: -9999px;
    display: inline-block;
    margin-right: 8px;
    line-height: 0px;
    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: #DA251C;
}

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


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


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

.single-offer-right {
    margin-bottom: 10px;
}

.single-offer-bottom {
    margin-top: 10px;
}

.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;
}

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

.product-img:hover .first-img,
.product-img:hover .img-sale,
.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-family: 'Roboto Bold';
    text-transform: capitalize;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    display: block;
    text-align: left;
}

.about-content p {
    font-family: 'Roboto';
    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: -48px;
    right: 80px;
}

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

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

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

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

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

.tab-content .tab-pane.active a img {
    width: 100%;
}

.all-product {
    padding: 0 15px
}

.product-container {
    padding: 0 5px;
}

.item-col2 {
    margin-top: 25px;
    padding-right: 0;
    padding-left: 10px;
}

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

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

.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 0s ease-in-out;
    transition: all 0s ease-in-out;
}

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

.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)";
}

.product-sale {
    border: 1px solid rgba(151, 151, 151, 0.5);
    box-sizing: border-box;
    border-radius: 6px;
}

.sicker p {
    font-family: Roboto Bold;
    position: absolute;
    top: 92px;
    left: 70px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    transform: matrix(1, -0.23, -0.04, 0.98, 0, 0);
}

.sicker {
    position: absolute;
    width: 100%;
    z-index: 91;
    top: 25px;
    left: 5%;
}

.sicker .flash_sale {
    width: 40%;
}

.product-content-sale {
    width: 100%;
    padding-bottom: 10px;
    background: #032E5F;
    border-radius: 0 0 6px 6px;
}

.product-content-sale h2 {
    text-align: left;
    padding: 10px 5% 0px;
    font-size: 14px;
    line-height: 20px;
    font-family: Roboto Bold;
    text-transform: uppercase;
    color: #FFFFFF;
}

.product-content {
    padding: 10px 10%;
    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;
    font-family: 'Roboto';
    -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: #DA251C;
    color: #fff;
}

.product-content>h2 {
    overflow: hidden;
    height: 35px;
    font-size: 14px;
    line-height: 16px;
    color: #2F2F2F;
    font-family: 'Roboto Bold';
    text-transform: capitalize;
    margin-bottom: 10px;
}

.product-price {
    padding-top: 10px;
}

.product-price>span.old-price {
    color: #7A7A7A;
    padding-left: 10px;
    text-decoration: line-through;
    font-size: 13px;
    font-family: 'Roboto Bold';
}

.product-content-sale .product-price>span.old-price {
    color: #FFFFFF;
    font-family: Roboto;
}

.product-content-sale .product-price>span.new-price {
    padding: 0 5%;
    font-size: 14px;
    font-family: 'Roboto Bold';
    color: #ffffff;
}

.product-price>span.new-price {
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto Bold';
    color: #DD220F;
}

.single-product:hover .product-content-sale .add-btn {
    display: inline-block;
    opacity: 1;
    top: 325px;
    transition: all 0.3s ease-in-out;
    text-align: center;
    position: absolute;
}

.single-product:hover a.button.add-btn {
    text-align: center;
    opacity: 1;
    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>div {
    position: absolute;
    top: -48px;
    right: 36px;
    width: 28px;
    height: 14px;
    font-family: 'Roboto';
    font-size: 18px;
    color: #b2b2b2;
    text-align: center;
}

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

.owl-nav>div.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;
    font-family: 'Roboto';
    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: 'Roboto Bold';
    font-size: 16px;
    color: #363f4d;
    line-height: 46px;
    text-transform: capitalize;
}

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


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

.img-sale {
    margin: 10%;
    width: 80%;
}


/*   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;
}


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

*/
/*   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 {
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: 'Roboto Bold';
}

.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:hover {
    color: #DA251C;
}

.footer-info>li>a {
    font-size: 16px;
    color: #FFFFFF;
    display: block;
    text-transform: capitalize;
    line-height: 35px;
}

.socil-icon>li {
    text-align: left;
    width: 100%;
    display: inline-block;
}

.socil-icon>li>a {
    display: block;
    line-height: 40px;
    text-align: left;
    color: #fff;
    font-size: 16px;
}

.socil-icon>li>a>img {
    margin-top: -3px;
    margin-right: 5px;
}

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

.dameco-logo {
    margin: 15px 0 15px 0;
}

.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 {
    margin: 30px 0;
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    box-sizing: border-box;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    padding: 35px 10px;
}

.ion-ios-paperplane:before {
    content: url(img/icon/send.svg);
    position: relative;
    top: -5px;
    left: -3px;
}

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

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

.news-latter-subscribe-box {
    background: #f3f3f3;
    position: relative;
    margin: 10px 45px 0;
    width: 90%;
    border-radius: 30px;
}

.style2 {
    background: #F7F7F7;
    border: 1px solid rgba(151, 151, 151, 0.2);
    color: #7A7A7A;
    border: 0;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    border-radius: 30px 0 0 30px;
}

#signup_scroll .style2 {
    background: #F7F7F7;
    border: 1px solid rgba(151, 151, 151, 0.2);
    border-right: none;
    width: 90%;
    color: #7A7A7A;
}

.news-latter-subscribe-box button {
    background: #DA251C;
    border: 0;
    border-radius: 0 30px 30px 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    font-size: 40px;
    font-family: Roboto Bold;
    padding: 0;
    height: auto;
    width: 75px;
    -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;
}

.section-title1 h3 a:hover {
    color: #ffffff;
}


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


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

.shop-tab-menu {
    margin-top: -55px;
}

.contact .line {
    margin: 10px 0;
    width: 90%;
    padding-left: 0;
    padding-right: 20px;
    mix-blend-mode: normal;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.contact p i {
    position: absolute;
    left: 5px;
    color: #ffffff;
    font-size: 25px;
    line-height: 24px;
}

.contact p,
.contact p a {
    padding: 0 20px 15px;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}

.contact p a {
    padding-left: 0;
}

.footer-bottom-area {
    mix-blend-mode: normal;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background: url(img/bg/menu-bg-ft.png) repeat-x bottom;
}

.copyright-text {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-family: Roboto;
    padding: 15px 0;
}

.copyright-text p,
.copyright-text>p>a {
    color: #ffffff;
    font-family: Roboto Bold;
}

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


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


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

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

.modal-product-tab .nav {
    margin: 10px 0;
}

.modal-product-tab .nav li {
    padding: 0 5px;
    width: 25%;
}

.header-shopfilter {
    position: absolute;
    top: -50px;
    right: 0;
}

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

#myModal .modal-content {
    height: auto;
}

#myFilter .modal-content {
    height: 1500px;
}

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

.modal-body {
    padding: 50px 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: #eb3e32;
    border-color: #DA251C;
}

.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: 10px;
    display: inline-block;
    text-decoration: underline;
    color: #808080;
}

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

.add-to-cart.quantity {
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}

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

.quantity.modal-quantity {
    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 {
    height: 42px;
    background: transparent;
}

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

.social-share h3 {
    background: none;
    color: #808080;
    float: left;
    line-height: 30px;
    font-size: 16px;
    font-family: Roboto Bold;
    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
/*----------------------------------------*/

.header-container {
    color: #fff;
}

.search-box-area {
    overflow: visible;
    height: 50px;
}

.order-menu-1 {
    position: none;
    margin: 0;
    float: left;
    width: 100%;
}

.order-menu-2 {
    position: none;
    margin: 0;
    clear: both;
    float: left;
    width: 100%;
}

.side-menu {
    position: relative;
}

.menu1 {
    margin: 0;
    width: 100%;
    float: left;
}

.menu2 {
    margin: 0;
    width: 100%;
    float: left;
    margin-top: 480px;
}

.menu3 {
    margin: 0;
    width: 100%;
    float: left;
    margin-top: 350px;
}

.category-heading {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    background: #DA251C;
    border-radius: 3px 3px 0 0;
}

.category-heading>h2 {
    color: #fff;
    font-size: 13px;
    font-family: Roboto Bold;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    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 {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
}

.category-menu-list>ul {
    background: #fff;
    max-height: 505px;
    overflow-y: auto;
    border-radius: 0px 0px 4px 4px;
    /* margin-top: -2px; */
}

.category-menu-list>ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(3, 46, 94, 0.5);
    width: 5px;
}

.category-menu-list>ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #dedede;
    width: 5px;
}

.category-menu-list>ul::-webkit-scrollbar {
    width: 5px;
    background-color: #dedede;
}

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

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

.category-menu-list>ul>li>a:hover {
    color: #EE3C27
}

.category-menu-list>ul>li>a {
    display: block;
    text-transform: capitalize;
    border-bottom: 1px solid #e5e5e5;
    color: #2f2f2f;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
}

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

.category-menu-list>ul>li.rx-parent>a {
    font-size: 14px;
    font-family: Roboto Bold;
    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-mega-menu {
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    z-index: 999;
    width: 220px;
    border-top: 1px solid #DA251C;
    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-mega-menu {
    width: 670px;
    padding: 10px;
    overflow: hidden;
}

.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-menu>li>ul>li>a {
    font-size: 12px;
    display: block;
    line-height: 2;
}

.category-menu-list>ul>li:hover .cat-mega-menu {
    opacity: 1;
    visibility: visible;
}

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

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

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

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

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

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

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

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

.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: #EB3E32;
}

.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;
    margin-right: 6px;
    vertical-align: middle;
}

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

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


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


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


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

.header-top-area {
    height: 45px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: #002C60 url(img/bg/menu-bg.png) repeat-x 0 0;
}

.header-bottom-area {
    width: 100%;
    background: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.slider_doitac {
    border-top: 1px solid #ebebeb;
}

.slider_doitac .img_doitac {
    padding: 15px 0;
}


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


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

.breadcrumbs {
    width: 100%;
}

.breadcrumbs>ul>li {
    float: left;
}

.breadcrumbs>ul>li.a-none {
    display: inline-block;
    color: #4A4A4A;
    font-family: Roboto Bold;
    line-height: 25px;
    font-size: 16px;
    text-transform: capitalize;
}

.breadcrumbs>ul>li>a {
    font-size: 16px;
    font-size: Roboto;
    line-height: 19px;
    display: inline-block;
    color: #4A4A4A;
}

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

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

.blog-title {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
}

.blog-content {
    clear: both;
    padding: 35px 0 55px;
}

.blog-content p {
    font-size: 16px;
    line-height: 28px;
    color: #7A7A7A;
}

.blog-content>p>span {
    font-family: Roboto Bold;
}

.heading-banner-title {
    float: left;
    width: 100%;
    margin-top: 35px;
}

.heading-banner-title>h1 {
    font-size: 20px;
    line-height: 23px;
    color: #4A4A4A;
    font-family: 'Roboto Bold';
    text-transform: uppercase;
}


/* .button2 {
	background: none;
	border: 1px solid #4c4c4c;
	color: #fff;
	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;
} */

.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-family: 'Roboto Bold';
    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;
    padding: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    z-index: 2;
    display: block;
    font-family: 'Roboto Bold';
    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
/*----------------------------------------*/

.account-information {
    margin: 0px 0 30px;
}

.account-information>table>tbody>tr {
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
}

.account-information>table>tbody>tr>th {
    font-size: 16px;
    padding: 10px 0;
    line-height: 20px;
    color: #4A4A4A;
}

.account-information>table>tbody>tr>td {
    padding-left: 30px;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}

.product-list-title {
    width: 100%;
    clear: both;
}

.blog-title>h2,
.product-list-title>h2 {
    font-family: Roboto Bold;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 26px;
    padding: 10px 0;
    color: #4A4A4A;
}

.product-list-table {
    margin-bottom: 70px;
    margin-top: 20px;
}

.product-list-table>table {
    border: 1px solid rgba(151, 151, 151, 0.2);
    border-radius: 3px 3px 0px 0px;
}

.product-list-table>table>thead {
    width: 100%;
    background: #F3F2F2;
    text-align: center;
    border-radius: 3px 3px 0px 0px;
}

.product-list-table>table>thead>tr>th.product-order {
    width: 15%;
}

.product-list-table>table>thead>tr>th.product-day {
    width: 10%;
}

.product-list-table>table>thead>tr>th.product-address {
    width: 45%;
}

.product-list-table>table>thead>tr>th.product-price-order {
    width: 20%;
}

.product-list-table>table>tbody>tr>td {
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #4A4A4A;
    border: 1px solid rgba(151, 151, 151, 0.2);
}

.product-list-table>table>tbody>tr>td.product-status,
.product-list-table>table>tbody>tr>td.product-price-order {
    color: #DA251C
}

.product-list-table>table>thead>tr>th {
    border: 1px solid rgba(151, 151, 151, 0.2);
}

.product-list-table>table>thead>tr>th>span {
    font-family: Roboto Bold;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
    color: #7A7A7A;
}

.customer-account-title>h2,
.form-login-title>h2 {
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
    font-family: Roboto Bold;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 26px;
    padding: 10px 0;
    color: #4A4A4A;
}

.login-form {
    margin: 30px 0 50px;
    text-align: left;
    border-radius: 5px;
}

.login-form label {
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}

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

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

.form-fild>p span.required,
.lost-password>a {
    text-decoration-line: underline;
    color: #7A7A7A;
    font-size: 16px;
    line-height: 24px;
}

.form-fild>textarea,
.form-fild>input {
    border: 1px solid rgba(151, 151, 151, 0.2);
    background: none;
    border-radius: 0;
    height: 45px;
    padding: 15px;
    font-size: 16px;
    line-height: 19px;
    color: #4A4A4A;
}

.form-fild>textarea {
    height: 100px;
}

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;
}

.lost-password a {
    float: left;
    margin-right: 40%;
}

.lost-text p,
.lost-password p {
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A;
}

.lost-text p {
    margin-left: 63%;
    padding: 30px 0 20px;
}


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


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

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

.wishlist-table table a {
    text-decoration: none;
}

.wishlist-table table a.product-remove {
    color: #7A7A7A;
    margin-left: 90%;
    width: 100%;
    font-size: 25px;
}

.wishlist-table table thead th {
    padding: 16px 12px;
    background: #f6f6f6;
    text-align: center;
    text-transform: uppercase;
    font-family: Roboto Bold;
    font-size: 16px;
    line-height: 19px;
    color: #7A7A7A;
}

.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;
    text-decoration: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #7a7a7a;
    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: #DA251C;
}

.login-fb-gg {
    margin-top: -45px;
}

.wishlist-table table tbody tr td.product-cart-img {
    width: 120px;
}

.shop-table table tbody tr td {
    text-align: center;
}

.wishlist-table table tbody tr td {
    padding: 16px 12px;
    vertical-align: middle;
    font-size: 14px;
    border-bottom: 1px solid #ebebeb;
}

.wishlist-table table tbody tr td.product-name>a {
    color: #4A4A4A;
    font-size: 16px;
    line-height: 19px;
}

.wishlist-table table tbody tr td.product-name p.product-price {
    font-family: Roboto Bold;
    font-size: 18px;
    line-height: 21px;
    color: #DA251C;
}

.wishlist-table table tbody tr td .quantity.modal-quantity {
    margin-left: 30%;
}

.wishlist-table table tbody tr td.product-total-price,
.wishlist-table table tbody tr td.product-price {
    color: #EB3E32;
    font-family: Roboto Bold;
}

.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: #EB3E32;
}

.wishlist-btn {
    background: #F3F2F2;
    border-radius: 4px;
    box-shadow: none;
    border: 0;
    color: #7A7A7A;
    display: block;
    font-size: 16px;
    line-height: 45px;
    font-family: Roboto Bold;
    height: 45px;
    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: #DA251C;
    color: #fff;
}

.wishlist-table table tfoot tr td {
    font-family: Roboto Bold;
    padding: 25px 10px;
    font-size: 14px;
}


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


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

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

.shopping-cart-table table tr td.product-price,
.shopping-cart-table table tr td.product-subtotal {
    color: #eb3e32;
    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 {
    float: right;
    width: 100%;
    padding-bottom: 35px;
}

.shopping-cart-total>h2 {
    padding-left: 60%;
    font-size: 16px;
    float: left;
    line-height: 19px;
    text-transform: capitalize;
    color: #4A4A4A;
}

.shopping-cart-total .total h2 {
    font-family: Roboto Bold;
    font-size: 18px;
    line-height: 21px;
    color: #DA251C;
}

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

.card-button {
    margin-right: 20px;
    background: #F3F2F2;
    border-radius: 4px;
    color: #7A7A7A;
    display: inline-block;
    overflow: hidden;
    padding: 10px 25px;
    font-family: Roboto Bold;
    font-size: 16px;
    line-height: 19px;
    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;
}

.card-button:hover {
    background: #DA251C;
    color: #fff;
}

.checkout-button {
    background: #DA251C;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    overflow: hidden;
    padding: 10px 25px;
    font-family: Roboto Bold;
    font-size: 16px;
    line-height: 19px;
    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: #032E5F;
    color: #fff;
}


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


/*  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: #EB3E32;
    -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;
}

.update-form-area {
    padding: 15px 0 0;
    width: 90%;
}

.checkout-form-area {
    padding: 15px 0;
    margin-bottom: 70px;
    width: 90%;
}

.update-title>h3,
.checkout-title>h3 {
    font-size: 20px;
    line-height: 23px;
    color: #4A4A4A;
    font-family: Roboto Bold;
    text-transform: uppercase;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    margin: 0 0 30px;
}

.checkout-title-payment>h3 {
    font-size: 20px;
    line-height: 23px;
    color: #4A4A4A;
    font-family: Roboto Bold;
    text-transform: uppercase;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    margin: 50px 0 30px;
}

.form-fild.first-name,
.form-fild.last-name,
.form-fild.billing_phone,
.form-fild.email {
    width: 100%;
    margin: 0 0 15px;
    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 15px;
}

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

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

.ship-fild label {
    font-size: 16px;
    line-height: 19px;
    color: #4A4A4A;
}

.create-acc>input[type="checkbox"],
.ship-fild>input[type="checkbox"] {
    display: inline-block;
    position: relative;
    border-radius: 10px;
    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-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    line-height: 28px;
    font-size: 20px;
    font-family: Roboto Bold;
    text-transform: uppercase;
    width: 100%;
}

.your-order-table table tfoot {
    width: 50%;
}

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

.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 td.product-name {
    padding: 0 20px;
}

.your-order-table table tr td .total-ship,
.your-order-table table tr td .amount,
.your-order-table table tr td .total-amount {
    float: right;
    color: #DA251C;
    font-size: 18px;
    line-height: 21px;
    font-family: Roboto Bold;
}

.your-order-table table tr td.product-total {
    color: #DA251C;
    font-size: 18px;
    line-height: 21px;
    font-family: Roboto Bold;
}

.your-order-table table tr td.product-cart-img {
    width: 150px;
}

.payment-money {
    width: 100px;
}

.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;
    padding: 15px 0;
    font-family: Roboto;
    font-size: 16px;
    line-height: 19px;
    color: #4A4A4A;
}

.your-order-table table tr th,
.cart-subtotal td {
    font-family: Roboto Bold;
}

.your-order-table table tr.cart-subtotal th,
.your-order-table table tr.shipping th,
.your-order-table table tr.order-total th {
    font-family: Roboto;
    font-size: 16px;
    line-height: 19px;
    color: #4A4A4A;
}

.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: 16px;
    border-bottom: none;
}

.shipping td p {
    font-family: Roboto Bold;
    color: #4c4c4c;
    margin: 0;
}

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

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

.text-payment {
    clear: both;
    background: #F7F7F7;
    width: 100%;
    margin-top: 75px;
}

.text-payment p {
    font-size: 16px;
    padding: 15px;
    line-height: 19px;
    color: #7A7A7A;
}

.checkout-payment li>input[type="radio"] {
    height: auto;
    width: auto;
    font-size: 16px;
    line-height: 19px;
    color: #4A4A4A;
    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: #DA251C;
}

.payment_method_paypal {
    display: none;
}

.order-btn {
    float: right;
    background: #DA251C;
    border-radius: 4px;
    font-size: 16px;
    height: 45px;
    color: #fff;
    border: none;
    box-shadow: none;
    text-shadow: none;
    display: inline-block;
    line-height: 42px;
    padding: 0 35px;
    text-transform: uppercase;
    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;
    font-family: Roboto Bold;
}


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


/*  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 {
    margin: 0;
    border-radius: 4px 4px 0 0;
}

.widget.widget-compare {
    margin-top: 30px;
}

.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: #eb3e32;
    height: 15px;
    border: 0;
    width: 15px;
    border-radius: 100%;
}

.ui-widget-header {
    border: 0;
    background: #EB3E32;
    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>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: #EB3E32;
}

.toolbar-form {
    float: left;
    width: 100%;
}

.toolbar-select {
    float: right;
    width: 100%;
}

.toolbar-select span {
    font-size: 16px;
    line-height: 19px;
    color: #4A4A4A;
}

.order-by {
    width: 180px;
    color: #7A7A7A;
    height: 30px;
    border: 1px solid rgba(151, 151, 151, 0.2);
    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 {
    padding-left: 30px;
    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: #EB3E32;
    border-color: #EB3E32;
    color: #fff;
}

.product-title {
    font-size: 20px;
    line-height: 23px;
    color: #4A4A4A;
    font-family: Roboto Bold;
    text-transform: capitalize;
    margin-bottom: 16px;
}

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

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

.single-product-price>.sale-off {
    margin-right: 20px;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 10px;
    border-radius: 3px;
    font-family: Roboto Bold;
    background: #DA251C;
    color: #FFFFFF;
}

.single-product-price>.old-price {
    margin-right: 20px;
    font-size: 16px;
    line-height: 19px;
    font-family: Roboto Bold;
    text-decoration-line: line-through;
    color: #7A7A7A
}

.single-product-price>.new-price {
    margin-right: 20px;
    font-family: Roboto Bold;
    font-size: 18px;
    line-height: 21px;
    color: #DA251C;
}

.product-description>p {
    margin: 25px 0;
    font-size: 16px;
    line-height: 24px;
    color: #7A7A7A
}

.single-product-quantity {
    margin: 0 0 20px;
    padding-bottom: 20px;
}

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

.quantity input {
    margin-right: 20px;
    width: 60px;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    height: 36px;
    font-size: 16px;
    line-height: 34px;
    color: #4a4a4a;
    padding: 0 0 0 12px;
}

.quantity input.single-txt {
    float: left;
}

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

.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: #eb3e32;
    display: inline-block;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #EB3E32;
    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;
}

.product-chinhsach>ul>li {
    border-top: 1px solid #ebebeb;
    padding: 15px 0;
    width: 100%;
    display: inline-block;
}

.product-chinhsach>ul>li>img {
    float: left;
    position: absolute;
}

.product-chinhsach>ul>li>p {
    margin-left: 35px;
    font-size: 14px;
    line-height: 24px;
    color: #7A7A7A;
}

.product-chinhsach>ul>li>p>span {
    color: #DD220F;
    font-family: Roboto Bold;
}

.single-product-sharing>p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #7A7A7A;
}

.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: #EB3E32;
    color: #fff;
}

.single-product-tab-menu .owl-nav>div {
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #f2f2f2;
    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>div.owl-prev:after {
    display: none;
}

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

.single-product-tab-menu .owl-nav>div:hover {
    background: #EB3E32;
    color: #fff;
}

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

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

.related-products-area {
    margin: 30px 0;
}

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

.discription-tab-menu>ul>li>a {
    background: #F3F2F2;
    border-radius: 3px 3px 0px 0px;
    padding: 10px 20px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    line-height: 19px;
    font-family: Roboto Bold;
    color: #A8ACB3;
}

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

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

.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: #eb3e32;
    text-transform: capitalize;
}

.postinfo-wrapper .post-header .post-category a {
    padding: 0 5px;
    color: #eb3e32;
    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: #eb3e32;
    -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: #eb3e32
}

.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: #eb3e32;
    color: #fff;
}

.comment {
    float: right;
    color: #808080;
}

.post-slider .owl-nav>div {
    position: absolute;
    top: 50%;
    left: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #000;
    color: #fff;
    font-size: 30px;
    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 div.owl-next {
    right: 40px;
    left: auto;
}

.post-slider .owl-nav>div.owl-prev:after {
    display: none;
}

.post-slider:hover .owl-nav>div {
    left: 10px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.post-slider:hover .owl-nav div.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;
    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;
    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-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: #eb3e32;
    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 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: #eb3e32;
    border-color: #eb3e32;
    color: #fff;
}

#Instafeed {
    padding: 5px;
}

#Instafeed>li {
    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 #eb3e32;
    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 {
    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: #eb3e32;
    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: 'Roboto Bold';
    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: 'Roboto Bold';
    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: 'Roboto Bold';
    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: #eb3e32;
}

.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: #eb3e32;
    border-color: #eb3e32;
    color: #fff;
}

.pricing-button:hover {
    background: #EB3E32;
    color: #fff;
    border-color: #EB3E32;
}

.active-table .pricing-button:hover {
    background: #4C4C4C;
    border-color: #4C4C4C;
    color: #fff;
}


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


/*  27. Contact Page CSS
/*----------------------------------------*/

.contact-form-title>h2 {
    font-size: 22px;
    font-family: Roboto Bold;
    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,
.billing_address_1>input {
    border: 1px solid rgba(151, 151, 151, 0.2);
    border-radius: 0;
    padding-left: 15px;
    width: 100%;
    font-size: 16px;
    line-height: 19px;
    background: none;
    color: #4A4A4A;
    height: 46px;
}

.contact-address>ul>li {
    display: block;
    padding: 10px 0;
    border: 1px solid rgba(151, 151, 151, 0.2);
    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: #eb3e32;
    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 #EB3E32 !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: 100px;
    font-family: Roboto Bold;
    color: #eb3e32;
    line-height: 1.1;
    margin: 0 0 30px;
    letter-spacing: 10px;
}

.search-form-wrapper>h2 {
    color: #4c4c4c;
    font-size: 25px;
    text-transform: uppercase;
    font-family: Roboto Bold;
}

.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: #DA251C;
}

.back-to-home a {
    background: #DA251C;
    border-radius: 35px;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    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;
}

.mxheditcuoi {
    position: fixed;
    bottom: 85px;
    right: 23px;
    z-index: 99999
}

.telmein {
    margin-bottom: 15px;
}


/* khuyem mai list */

.khuyenmai-list {
    width: 100%;
}

.item-km:hover .img-km img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.title h5 {
    font-size: 14px;
}

.khuyenmai-list .col-md-6 {
    margin-bottom: 20px
}

.item-km {
    border: 1px solid rgba(158, 158, 158, 0.050980392156862744);
    -webkit-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

.item-km:hover {
    background: rgba(158, 158, 158, 0.050980392156862744);
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

.menu-left nav ul li {
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}

.menu-left nav ul li:hover {
    background: #002c60;
}

.item-km:hover .content-km .title h5 {
    color: #D82826;
}

.item-km .img-km img {
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.item-km .content-km .descript-km p {
    max-height: 50px;
    /* overflow: hidden; */
    font-size: 14px;
    line-height: 23px;
    color: #4A4A4A;
}

.ion-ios-calendar::before {
    content: url(img/khuyenmai/calendar.svg);
    width: 15px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.khuyenmai-list .pagination {
    width: auto;
    float: none;
    margin: 30px auto;
    padding: 0;
    clear: both;
    text-align: center;
    display: inline-block;
}

.content-khuyemmai {
    margin-top: 40px;
}

.khuyenmai-content,
.khuyenmai-content .img-km img,
.khuyenmai-content .img-km {
    width: 100%;
}

.khuyenmai-content {
    padding-right: 30px;
    padding-bottom: 40px;
}

.khuyenmai-content .title-km h4 {
    padding: 20px 0;
    font-size: 20px;
    line-height: 23px;
    font-family: Roboto Bold;
    color: #4A4A4A
}

.khuyenmai-content .content p {
    padding: 5px 0;
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
    color: #4A4A4A;
}

.khuyenmai-content .content p span {
    font-family: Roboto Bold;
    line-height: 40px;
}

.km-lienquan .title h4 {
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    font-family: Roboto Bold;
    color: #4A4A4A;
}

.daily-login-register {
    padding: 0;
}


/* daily */

.daily-login-register .form-login-title h2 {
    font-size: 20px;
    line-height: 23px;
    font-family: Roboto Bold;
    text-transform: uppercase;
    color: #4A4A4A;
    border: none;
}

.daily-login-register .form-fild {
    float: left;
    padding: 0;
    padding-right: 10px;
}

.daily-login-register .login-form {
    margin-top: 0px;
}

.daily-login-register .login-submit {
    text-align: center;
    margin-top: 0px;
}

.daily-login-register button {
    margin-top: 20px;
}

.menu-km {
    max-height: 550px;
    overflow-y: hidden;
}

.sticker {
    background: #F42323;
    width: max-content;
    right: 0;
    position: absolute;
    z-index: 2;
    color: white;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
}

.fb-link {
    margin-top: 30px
}