/* googel font poppins */

/*@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Open+Sans');*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');



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

/* 1. Theme Default CSS

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

body {

    font-family: 'Roboto Condensed', sans-serif;

    /*font-family: 'Open Sans', sans-serif;*/

    font-weight: 400;

    color: #232323;

    font-size: 16px;

    line-height: 1.25em;

}



a:hover {

    text-decoration: none;

}



a:active,

a:hover,

a:focus {

    outline: 0 none;

    text-decoration: none

}



h4 a:hover {

    color: #1371b7;

}



ul {

    list-style: outside none none;

    margin: 0;

    padding: 0

}

.owl-carousel .owl-stage-outer {

  margin: 0 -5px;

  padding: 0 5px;

}

.clear {

    clear: both

}



.fix {

    overflow: hidden;

}



.tooltip-inner {

    padding: 0.1rem 0.7rem 0.25rem;

}



.second-hot-deal .post-title h2:before,

.new-pro-two .post-title h2:before,

.hot-deal-three .post-title h2:before {

    font-family: "Ionicons";

    font-size: 24px;

    font-weight: 400;

    margin-right: 8px;

}



.second-hot-deal .post-title h2:before,

.new-pro-two .post-title h2:before,

.hot-deal-three .post-title h2:before {

    content: "";

    vertical-align: middle;

}



/* product sticker css start */

.sticker-new,

.sticker-sale {

    background: #f9af51 none repeat scroll 0 0;

    border-radius: 100%;

    color: #fff;

    display: inline-block;

    font-size: 15px;

    font-weight: 700;

    height: 57px;

    left: 10px;

    line-height: 57px;

    min-width: 57px;

    overflow: hidden;

    padding: 0 10px;

    position: absolute;

    text-align: center;

  text-transform: uppercase;

  top: 10px;

    z-index: 5;

}

.sticker-sale {

    background: #c62727 none repeat scroll 0 0;

    left: auto;

    right: 0;

}



/* post title bg color css start */

.post-title h2,

.hot-deal-three .post-title h2,

.second-featured-products.related-pro .post-title h2 {

    background: #1371b7 none repeat scroll 0 0;

    color: #fff;

    font-size: 21px;

    font-weight: 900;

    line-height: 20px;

    position: relative;

    text-transform: capitalize;

    z-index: 1;

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align:center;

    -ms-flex-align:center;

    align-items:center;

    height: 50px;

    padding:10px 20px;

    border-radius: 5px;

}



.arrivals-product .post-title h2 {

    background: #1371b7;

}



.fashion .post-title h2 {

    background: #bb1860;

}



.second-arrivals-product .post-title h2 {

    background: #1e9cb6;

}



.home-kitchen .post-title h2 {

    background: #49beb7;

}



.featured-products .post-title h2 {

    background: #b76355;

}





/* post title icon css start */

.post-title h2 i {

    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;

    color: #fff;

    display: inline-block;

    font-size: 22px;

    margin-right: 15px;

    text-align: center;

    width: 55px;

    line-height: 55px;

}



/* categorie slider navigation css start */

.owl-nav div {

  background: #fff none repeat scroll 0 0;

  border-radius: 3px;

  font-size: 15px;

  height: 33px;

  line-height: 33px;

  opacity: 1;

  position: absolute;

  right: 40px;

  text-align: center;

  /*top: -59px;*/

  border:1px solid #cbcbcb;

  transition: all 300ms ease-in 0s;

  width: 33px;

  -webkit-transition: all 300ms ease-in 0s;

  transition: all 300ms ease-in 0s;

  z-index: 55;

  top: -32px;

}

.owl-nav div.owl-next {

    left: auto;

    right: 0px;

}



.owl-nav div:hover {

    color:#1371b7;

    border-color: #1371b7;

}



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none

}



/* categorie slider navigation css end */

::-moz-selection {

    background: #b3d4fc;

    text-shadow: none

}



::selection {

    background: #b3d4fc;

    text-shadow: none

}



::-webkit-input-placeholder {

    opacity: 1 !important;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100)

}



:-moz-placeholder {

    opacity: 1 !important;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100)

}



::-moz-placeholder {

    opacity: 1 !important;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100)

}



:-ms-input-placeholder {

    opacity: 1 !important;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100)

}



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

/* 2.1 Header Top CSS

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



.header-top-area {

  background: #f8f8f8 none repeat scroll 0 0;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);



}



.header-top {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;



    justify-content: space-between;

  width: 100%;

}



.header-top > ul > li:not(:last-child) {

  border-right: 1px solid rgba(0, 0, 0, 0.1);

  padding-right: 10px;

}

.header-top ul span {

    color: #a5d6f7;

    font-size: 13px;

}



.header-top ul li a img {

    margin-right: 5px;

}



.header-top ul li a i {

    font-size: 9px;

    margin-left: 5px;

}

.header-top > ul > li {

  cursor: pointer;

  display: inline-block;

  padding-bottom: 10px;

  padding-left: 10px;

  padding-top: 10px;

  position: relative;

}

.header-bottom-list li > a i {

    margin-left: 5px;

}



.header-top ul > li > a,.header-top ul > li> span {

  color: #666;

  font-size: 15px;

}





.header-top  ul.ht-dropdown{

    left: auto;

    right: 0px;

}

.ht-dropdown {

    background: #fff;

    left: 0;

    opacity: 0;

    padding: 10px 0px;

    position: absolute;

    top: 100%;

    -webkiit-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: 0 0 0;

    transform-origin: 0 0 0;

    width: 165px;

    visibility: hidden;

    z-index: 999;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);

    -ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);

}



.header-top > ul > li:hover ul.ht-dropdown,

.cart-box ul li:hover ul.ht-dropdown,

.vertical-menu-list > li:hover > ul.ht-dropdown,

.vertical-menu-list ul.ht-dropdown.mega-child li:hover ul.ht-dropdown,

.header-bottom-list li:hover > ul.ht-dropdown {

    opacity: 1;

    visibility: visible;

    -webkiit-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

}



.header-top ul > li> ul.ht-dropdown li:not(:last-child) {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.header-top ul > li ul.ht-dropdown li a {

  color: #2c2c2c;

  display: block;

  font-size: 13px;

  line-height: 30px;

  padding: 5px 20px;

}

.header-top ul > li ul.ht-dropdown li a:hover {

    color: #1371b7;

}



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

/* 2.2 Header Middle CSS

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

.categorie-search-box form {

    color: #a9a9a9;

    height: 38px;

    padding: 0;

    position: relative;

    width: 100%;

}

.categorie-search-box input {

  background: white none repeat scroll 0 0;

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-radius: 4px;

  color: #a9a9a9;

  font-size: 15px;

  height: 45px;

  padding: 0 226px 0 16px;

  width: 100%;

}

.categorie-search-box button {

  background: #1371b7 none repeat scroll 0 0;

  border: medium none;

  border-radius: 0 3px 3px 0;

  color: white;

  font-size: 25px;

  height: 45px;

  line-height: 55px;

  margin: 0;

  padding: 0;

  position: absolute;

  right: 0;

  text-align: center;

  top: 0;

  transition: all 300ms ease-in 0s;

  width: 60px;

}



.categorie-search-box button:focus {

    border: none;

}



.categorie-search-box button:hover {

    background: rgba(230, 46, 4, 0.8) none repeat scroll 0 0;

    cursor: pointer;

}

.categorie-search-box .form-group {

  align-items: center;

  background: transparent none repeat scroll 0 0;

  border-left: 1px  solid rgba(0, 0, 0, 0.1);

  display: flex;

  height: 38px;

  margin: 0;

  position: absolute;

  right: 60px;

  top: 0;

  width: 150px;

}



.bootstrap-select option {

    font-size: 13px;

}



.nice-select::after {

    margin-top: -3px;

}



.nice-select .current{

    display: block;

    overflow: hidden;

    width: 100%;

}



.categorie-search-box .nice-select .list {

    height: 350px;

    overflow-y: auto;

}



.bootstrap-select {

    border-radius: 15px 0 0 15px;

    border-style: none solid none none;

    border-width: 0 1px 0 0;

    color: #777777;

    font-size: 13px;

    height: 25px;

    line-height: 25px;

    margin: 0;

    width: 150px;

    border: none;

}

.cart-box > ul > li:not(:first-child) {

  margin-left: 20px;

}



.cart-box-width > li {

    padding: 20px;

}



.cart-box > ul > li > a {

    color: #363636;

}



.cart-text {

    display: block;

}



.cart-box > ul > li > a i {

    font-size: 32px;

}



.my-cart {

  color: #666;

  display: inline-block;

  font-size: 13px;

  font-weight: 400;

  margin-left: 8px;

  text-transform: capitalize;

  vertical-align: top;

}

.cart-box-width {

  background: white none repeat scroll 0 0;

  box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, 0.15);

  left: auto;

  padding: 0;

  width: 290px;

}

.single-cart-box {

    margin-bottom: 18px;

    overflow: hidden;

    position: relative;

}



.cart-img {

    float: left;

    padding-right: 10px;

    position: relative;

    width: 35%;

}



.cart-img img {

    max-width: 100%;

}



.cart-content {

    float: left;

    padding: 0 15px 15px 0;

    width: 65%;

}



.cart-content h6 a {

    color: #666;

    display: block;

    font-size: 16px;

    line-height: 20px;

    overflow: hidden;

    overflow-wrap: break-word;

    text-overflow: ellipsis;

    text-transform: capitalize;

    white-space: nowrap;

}



.cart-content span {

    display: block;

    color: #666;

    font-size: 15px;

    line-height: 20px;

}



.cart-price {

    margin: 5px 0;

} 



.cart-actions a {

    background: #2c2c2c none repeat scroll 0 0;

    border-radius: 5px;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: white;

    display: inline-block;

    font-size: 15px;

    font-weight: 400;

    padding: 10px 20px;

}



.cart-checkout {

    background: #f26667 none repeat scroll 0 0;

    color: #fff;

}



.cart-checkout:hover {

    background-color: #1371b7;

    border-color: transparent;

    color: #fff;

}



.del-icone {

    color: #666;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 45;

}



.del-icone:hover,

.cart-content h6 a:hover {

    color: #1371b7;

}

.my-cart > span {

  color: #363636;

  display: block;

  line-height: 18px;

}



span.total-pro {

  background: #1371b7 none repeat scroll 0 0;

  border-radius: 10px;

  color: #fff;

  display: block;

  font-size: 13px;

  font-weight: 400;

  margin-top: 3px;

  min-width: 30px;

  text-align: center;

}



.single-cart-box,

.price-content {

    border-bottom: 1px solid #ededed;

    margin-bottom: 20px;

}



.price-content {

    overflow: hidden;

    padding-bottom: 20px;

}



.price-content li {

    color: #333;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.5;

}



.price-content li span,

.cart-content span.cart-price {

    float: right;

    font-size: 16px;

    font-weight: 500;

}

.cart-content span.cart-price {

    color: #1371b7;

    float: none;

}



.pro-quantity {

    background: #1371b7 none repeat scroll 0 0;

    border-radius: 100%;

    color: white;

    font-size: 16px;

    left: 5px;

    line-height: 23px;

    min-width: 25px;

    padding: 2px 0 0;

    position: absolute;

    text-align: center;

    top: 3px;

}



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

/* 2.3 Header Bottom CSS

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

.header-sticky.sticky {

    padding: 0 15px;

    -webkit-transition: position 300ms ease-in 0s left 300ms ease-in 0s, right 300ms ease-in 0s;

    transition: position 300ms ease-in 0s, left 300ms ease-in 0s, right 300ms ease-in 0s;

    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);

    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 1049;

    background: #4a90e2;

}

.header-bottom.header-sticky.sticky .categorie-title {

  /*display: none;*/

}

.header-bottom-list > li {

    position: relative;

}



/* header bottom dropdown menu css start */

.header-bottom-list > li > a,

.header-bottom-list > li > ul.ht-dropdown li a {

    color: #333333;

    display: block;

    font-size: 15px;

    padding: 10px 15px;

    position: relative;

    text-transform: capitalize;

    font-family: "Lato",sans-serif;

}



.header-bottom-list > li > ul.ht-dropdown li {

	border-bottom: 1px dashed #ddd;

}

.header-bottom-list > li > ul.ht-dropdown li:last-child {

	border-bottom: none;

}



.header-bottom-list > li > ul.ht-dropdown li a {

    color: #333;

    padding: 2px 20px;

    font-size: 15px;

    font-weight: 400;

    text-transform: capitalize;

}



.header-bottom-list > li > ul.ht-dropdown li:hover a {

    color: #1371b7;

}



.header-bottom-list > li > ul.ht-dropdown {

    width: 200px;

}

.header-bottom-list > li > a {

  padding: 10px 30px 11px 0;

}

/* header bottom dropdown menu css end */

.header-bottom-list > li.active > a,.home-4 .header-bottom-list > li.active > a,

.header-bottom-list > li:hover > a,.home-4 .header-bottom-list > li:hover > a {

    color: #1371b7;

}



.mean-container .mean-bar {

  background: #F2F2F2 none repeat scroll 0 0;

  min-height: 58px;

  position: static;

  width: 100%;

}

.mean-container .mean-nav ul {

  background: #fff none repeat scroll 0 0;

  width: auto;

}

.mean-container .mean-nav {

  margin-top: 56px;

}

.mean-container a.meanmenu-reveal span {

  background: #363636 none repeat scroll 0 0;

}

.mean-container a.meanmenu-reveal {

  background: transparent none repeat scroll 0 0;

  color: #363636;

  font-family: "Open Sans",sans-serif;

  right: 15px!important;

  top: 15px;

}

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

/* 2.4 Vertical Mobile Menu CSS

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

#cate-mobile-toggle {

    height: 265px;

    overflow-y: auto;

}

#cate-mobile-toggle > ul {

  padding: 22px 0 0;

}

#cate-mobile-toggle > ul > li > a {

    font-size: 15px;

}

#cate-mobile-toggle > ul li > a {

  font-size: 15px;

  padding-bottom: 3px;

  padding-top: 3px;

}

#cate-mobile-toggle .category-sub > li > a:before {

    content: "\f125";

    font-family: "Ionicons";

    font-size: 9px;

    position: absolute;

    left: 10px;

    color: #1371b7;

}



#cate-mobile-toggle .category-sub li a {

    padding-left: 20px;

}

.sidebar-menu .category-sub {

  padding-left: 10px;

}



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

/* 3.1 Categorie Menu CSS

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

.vertical-menu {

    position: relative;

}

.header-bottom.header-sticky {

}

.vertical-menu-list {

    background: #fff none repeat scroll 0 0;

    left: 0;

    padding: 10px 0;

    position: absolute;

    top: 100%;

    width: 100%;

    z-index: 99;

    border-top-width: 0;

}



.vertical-menu-list li {

    /*position: relative;*/

}



.vertical-menu-list > li a {

    background: #fff none repeat scroll 0 0;

    color: #2c2c2c;

    display: block;

    font-size: 15px;

    font-weight: 400;

    line-height: 28px;

    overflow: hidden;

    overflow-wrap: break-word;

    padding: 3.7px 20px;

    position: relative;

    text-transform: capitalize;

    cursor: pointer

}



.vertical-menu-list li:hover > a {

    color: #1371b7;

}



.vertical-menu-list  li > a i {

    position: absolute;

    right: 15px;

    top: 12px;

}

.vertical-menu-list li:hover a i {

    right: 8px;

    transition: all .2s linear;

}

.vertical-menu-list li.has-sub > a {

    padding-left: 60px;

}



.category-menu ul.category-sub {

    display: none;

}



.vertical-menu-list li span {

    display: inline-block;

    width: 30px;

}



.vertical-menu > span {

  background: #f2f2f2 none repeat scroll 0 0;

  color: #363636;

  cursor: pointer;

  display: block;

  font-family: "lato",sans-serif;

  font-size: 15px;

  height: 40px;

  line-height: 40px;

  overflow: hidden;

  padding-left: 35px;

  position: relative;

  text-transform: uppercase;

}



.vertical-menu > span::after {

    content: "";

    font-family: "Ionicons";

    font-size: 27px;

    font-weight: normal;

    left: 0;

    position: absolute;

}



/* vertical mega menu css start */

.megamenu {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #e5e5e3;

    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);

    left: 100%;

    padding: 20px 35px;

    top: 0;

}



.vertical-menu-list > li ul.first-megamenu {

    width: 700px;

}



.vertical-menu-list > li ul.megamenu-two {

    width: 440px;

}



.vertical-menu-list > li ul.megamenu-two li.single-megamenu {

    width: 50%;

}



.vertical-menu-list .ht-dropdown {

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;



}

.vertical-menu-list .ht-dropdown.mega-child{

    left: 100%;

    top:0;

    flex-direction: column;

    box-shadow: 5px 0 5px 0px rgba(0, 0, 0, 0.2);

    width: 400px;

    display: block;

    height: 100%;

	border-left: 1px solid #ddd;

}

.vertical-menu-list .ht-dropdown.mega-child li > ul {

  left: 200px;

  top: -10px;

}

.vertical-menu-list > li .ht-dropdown li a{

    padding:3px 20px;

}

.vertical-menu-list .ht-dropdown.mega-child li {

    width: 50%;

    float: left;

}

.first-megamenu li.single-megamenu > ul {

    padding-bottom: 25px;

}





li.megamenu-img a {

    padding: 0;

}



.first-megamenu li.megamenu-img {

    -ms-flex-preferred-size: 40%;

    flex-basis: 40%;

}



.first-megamenu li.single-megamenu {

    -ms-flex-preferred-size: 30%;

    flex-basis: 30%;

}



.single-megamenu ul li a {

    color: #666;

    font-size: 15px;

    font-weight: 400;

    line-height: 30px;

    text-transform: capitalize;

}

.ht-dropdown .single-megamenu ul li a{

	padding: 0;

}

.menu-tile {

    color: #2c2c2c;

    display: block;

    font-size: 16px;

    font-weight: 500;

    line-height: 20px;

    margin-bottom: 15px;

    text-transform: uppercase;

}



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

/* 3.2 Slider CSS

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

.slider-wrapper.theme-default {

    position: relative;

}

.slider_box {

  margin-left: -15px;

  padding-left: 0;

  padding-right: 0;

}

.nivo-caption {

    background: transparent none repeat scroll 0 0;

    opacity: 1;

    overflow: visible;

    padding: 0;

}



.nivo-directionNav a {

    background: #fff;

    border-radius: 100%;

    cursor: pointer;

    display: block;

    height: 40px;

    line-height: 40px;

    opacity: 0;

    position: absolute;

    text-align: center;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: none 0s ease 0s;

    transition: none 0s ease 0s;

    width: 40px;

    z-index: 8;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    border: 2px solid #e1e1e1;

    box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;

}



.nivo-directionNav a:hover {

    box-shadow: 1px 1px 10px 2px #0000004f;

    border: 2px solid #fff;

    background: #eeeeee;

}

.nivo-directionNav a i{

  color: #bbb1b1;

}

.nivo-directionNav a:hover i {

    color:#1371b7; 

    font-weight: 600

}



.nivo-directionNav a.nivo-prevNav {

    left: 10px;

}



.nivo-directionNav a.nivo-nextNav {

    right: 10px;

}



.slider-wrapper:hover .nivo-directionNav a.nivo-prevNav {

    left: 20px;

    opacity: 1;

}



.slider-wrapper:hover .nivo-directionNav a.nivo-nextNav {

    opacity: 1;

    right: 20px;

}



.nivo-controlNav {

    bottom: 15px;

    padding: 0;

    position: absolute;

    width: 100%;

    z-index: 12;

}



.nivo-controlNav a {

    background: #fff none repeat scroll 0 0;

    border-radius: 10px;

    cursor: pointer;

    display: inline-block;

    height: 10px;

    font-size: 0;

    margin: 0 4px;

    position: relative;

    text-align: center;

    -webkit-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

    width: 10px;

    z-index: 8;

}



.nivo-controlNav a.active {

    width: 32px;

    background: #1371b7;

}



.slider-progress {

    -webkit-animation: 4300ms ease-in-out 0s normal none 1 running timebar;

    animation: 4300ms ease-in-out 0s normal none 1 running timebar;

    background: rgba(49, 56, 72, 0.298);

    height: 5px;

    left: 0;

    opacity: 0.8;

    position: absolute;

    top: 0;

    z-index: 4;

}



@-webkit-keyframes timebar {

    0% {

        width: 0;

    }

    100% {

        width: 100%;

    }

}



@keyframes timebar {

    0% {

        width: 0;

    }

    100% {

        width: 100%;

    }

}



@keyframes timebar {

    0% {

        width: 0;

    }

    100% {

        width: 100%;

    }

}



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

/* 3.3 All Banner CSS

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

.single-banner img {

    width: 100%;

}



.single-banner img,

.sidebar-banner img {

    width: 100%;

}



.right-sider-banner .single-banner:not(:last-child) {

    margin-bottom: 30px;

}



.single-banner,

.sidebar-banner {

    position: relative;

}



.single-banner::before {

    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7) inset;

    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.7) inset;

    content: "";

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    position: absolute;

    pointer-events: none;

    -webkit-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

}



.single-banner:hover:before {

    opacity: 1;

}



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

/* 4. Brand Banner Area CSS

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



.brand-banner .single-brand img {

    margin: 0 auto;

    overflow: hidden;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.brand-banner a,.brand-banner-sidebar a {

  border-right: 1px solid rgba(0, 0, 0, 0.1);

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  display: block;

  padding: 12.4px 10px;

  text-align: center;

}

.brand-banner a:last-child,.brand-banner-sidebar a:last-child{

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.brand-banner,.brand-banner-sidebar{

  border-left: 1px solid rgba(0, 0, 0, 0.1);

  border-right: 1px solid rgba(0, 0, 0, 0.1);

}



.big-banner-box {

  display: flex;

}

.big-banner-box .col-img:first-child{margin-right: 5px;}

.big-banner-box .col-img:last-child{margin-left: 5px;}

.brand-banner .owl-nav {

  position: absolute;

  right: -290px;

  top: 0;

}

.brand-banner .owl-stage-outer,.side-product-active .owl-stage-outer,

.brand-banner-sidebar .owl-stage-outer,

 .latest-blog-active .owl-stage-outer {

  margin: 0;

  padding: 0;

}

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

/* 5. Hot Deal Products CSS

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

.hot-deal-active .owl-nav div,

.hot-deal-active-detail .owl-nav div,

.second-hot-deal-active .owl-nav div,

.new-pro-two-active .owl-nav div {

    right: 55px;

    top: -51px;

}



.hot-deal-active .owl-nav div.owl-next,

.hot-deal-active-detail .owl-nav div.owl-next,

.second-hot-deal-active .owl-nav div.owl-next,

.new-pro-two-active .owl-nav div.owl-next {

    left: auto;

    right: 10px;

}

.second-hot-deal .post-title h2,

.new-pro-two .post-title h2 {

    background: transparent none repeat scroll 0 0;

    color: #2c2c2c;

    font-size: 24px;

    padding: 15px 0;

}

.single-product {

    background: #fff none repeat scroll 0 0;

    position: relative;

    -webkit-transition: all 0.5s ease-in-out 0s;

    transition: all 0.5s ease-in-out 0s;

    margin: 10px 0;

}

.single-product:hover {

    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);

}



.pro-img {

    position: relative;

}



.pro-img img {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: all 0.5s ease-in-out 0s;

    transition: all 0.5s ease-in-out 0s;

    width: 100%;

}

.pro-img .secondary-img {

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    z-index: 3;

}



.single-product:hover .pro-img .secondary-img {

    opacity: 1;

}

.countdown {

  align-items: center;

  bottom: 5px;

  display: flex;

  justify-content: space-around;

  left: 0;

  margin: auto;

  max-width: 229px;

  padding: 0 4px;

  position: absolute;

  right: 0;

  text-align: center;

  width: 100%;

  z-index: 12;

}

.count {

    color: #333;

    font-weight: 700;

    text-align: center;

    background:#fff;

    border:1px solid #ddd;

    border-radius: 5px;

    height: 50px;

    width: 50px;

    text-align: center;

    padding: 10px 0;



}



.count p {

    color: #1371b7;

    font-size: 15px;

    font-weight: 700;

    line-height: 1;

}



.count span {

    color: #666;

    display: block;

    font-size: 12px;

    font-weight: normal;

    line-height: 15px;

    text-transform: capitalize;

}

.pro-content {

  min-height: 80px;

  overflow: hidden;

  padding: 20px 15px;

  position: relative;

}



.pro-content h4 a {

    color: #363636;

    display: block;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    margin-bottom: 9px;

    overflow: hidden;

    padding: 0;

    text-transform: capitalize;

    /* white-space: nowrap; */

	display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 26px;

}



.pro-content h4 a:hover {

    color: #1371b7;

}



.pro-content .product-rating {

    margin-bottom: 13px;

}



.product-rating i {

    color: #f9ba48;

    font-size: 12px;

}



.price {

  color: #1371b7;

  font-family: "Lato",sans-serif;

  font-size: 21px;

  font-weight: 700;

  line-height: 20px;

}

.prev-price {

  color: #666;

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  text-decoration: line-through;

}





.pro-actions {

    display: block;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 15px;

    -webkit-transform: scale(0.6);

    transform: scale(0.6);

    -webkit-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

    width: 100%;

    z-index: 10;

    padding:0 10px;

}



/*.single-product:hover .pro-actions,*/

.single-product:hover .actions-secondary a {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}



.single-product .pro-info {

    -webkit-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

}



.single-product:hover .pro-info {

    /*opacity: 0;*/

}



.actions-secondary {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-around;

  padding-right: 6px;

}

.actions-primary a,.product-description .compare-cart,

.cart-main-area.wish-list .product-add-to-cart a {

  background: #eeeeee none repeat scroll 0 0;

  border: 1px solid #cbcbcb;

  border-radius: 3px;

  color: #333333;

    height: 40px;

    line-height: 40px;

    position: relative;

    text-align: center;

    -webkit-transition: all 400ms ease-in 0s;

    -ms-transition: all 400ms ease-in 0s;

    -transition: all 400ms ease-in 0s;

    transition: all 400ms ease-in 0s;

    width: 100%;

    margin: 0 0 10px;

    font-weight: 700;

    display: block;

    font-family: "Lato",sans-serif;

    font-weight: 700;

    font-size: 15px;

}

.actions-primary a:hover,.product-description .compare-cart:hover,

.cart-main-area.wish-list .product-add-to-cart a:hover {

    background: #1371b7;

    color: #fff;

    border-color: #1371b7;

}

.actions-secondary a {

  background: transparent none repeat scroll 0 0;

  color: #333;

  margin-left: 5px;

  transform: scale(0.6);

}

.l_sale {

  /*background: rgba(0, 0, 0, 0) url("../img/icon-bg-l-sale.png") no-repeat scroll right center;*/

  font-size: 16px;

  font-weight: 700;

  position: absolute;

  right: 15px;

  text-align: center;

  text-transform: capitalize;

  z-index: 1;

  top: 10px;

  background-color: #0074BD;

  color: #fff;

  border-radius: 50%;

  width: 45px;

  height: 45px;

  padding: 3px;

  line-height: 16px;

}

.text-l_sale{

  font-weight: 400;

  font-size: 12px;

  display: block;

}

.actions-secondary a span {

  color: #363636;

  display: inline-block;

  font-size: 13px;

  line-height: 15px;

  padding-left: 7px;

  vertical-align: -4px;

  white-space: normal;

  width: calc(100% - 28px);

}

.actions-secondary a i {

  color: #363636;

  float: left;

  font-size: 28px;

  width: 28px;

}

.actions-secondary a:hover i,.actions-secondary a:hover span{

    color: #1371b7;

}

.quick_view {

  color: #dedede;

  font-size: 20px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 9;

  opacity: 0;

}

.quick_view:hover{

    color: #1371b7;

}

.single-product:hover .quick_view{

    opacity: 1;

}



.banner-box{

    margin-bottom: 10px;

    padding: 0 5px;

}

.banner-2 {

  display: flex;

}

.banner-2 .col-img + .col-img {

  margin-top: 10px;

}

.col-img{

    overflow: hidden;



}

.col-img img{

     transition: all 300ms ease-in 0s;

     transform: scale(1);

     width:100%;

}

.col-img:hover img {

  transform: scale(1.1);

 

}



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

/* 6. Arrivals Products CSS

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



.section-ttitle h2,.title-box h2 {

  color: #212121;

  font-size: 34px;

  font-weight: 900;

  line-height: 1;

  margin: 0;

  text-transform: capitalize;

}

.tab-menu {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

    margin-right: 101px;

}

.tabs-area li {

  display: inline-block;

  margin-left: 21px;

  vertical-align: top;

}

.tabs-area li a {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border-radius: 0;

  color: #363636;

  font-size: 15px;

  font-weight: 600;

  margin: 0;

  padding: 0;

}

.tabs-area li a.active {

    color: #1371b7;

}

.double-product .single-product {

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.double-product .single-product:hover{

    box-shadow: none;

}

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

/* 7. Like Products CSS

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



.section-ttitle2 {

  color: #212121;

  font-size: 24px;

  font-weight: 900;

  text-align: center;

}



.owl-dots{

    text-align: center;

}

.owl-dot {

  background: #a9a9a9 none repeat scroll 0 0;

  border-radius: 100%;

  display: inline-block;

  height: 7px;

  margin: 0 2px;

  transition: all 0.3s ease-in-out 0s;

  width: 7px;

}

.owl-dot.active {

  border-radius: 10px;

  width: 29px;

  background: #1371b7;

}



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

/* 8. Support Area CSS

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

.support-area .single-support {

  border-right: 1px solid #ddd;

  flex: 0 0 20%;

  padding: 35px 17px;

}

.support-area .single-support:first-child{

  border-left: 1px solid #ddd;

}

.support-icon i {

    color: #5a7ea8;

    font-size: 60px;

}

.support-desc h6 {

  color: #363636;

  font-family: "Open Sans",sans-serif;

  font-size: 20px;

  font-weight: 400;

  margin: 20px 0 10px;

  text-transform: capitalize;

}

.support-desc span {

  color: #363636;

  font-size: 15px;

  margin: 0;

  text-transform: capitalize;

}



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

/* 9. Newsletter CSS

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

.newsletter {

    padding: 35px 0;

}



.news-desc h3 {

  color: #212121;

  font-size: 28px;

  font-weight: 900;

  margin: 0 0 15px;

  line-height: 1;

}

.news-desc p {

    color: #757575;

    font-size: 16px;

    font-weight: 300;

    line-height: 1;

}



.newsletter-box .subscribe {

    background: #fff none repeat scroll 0 0;

    border: 0 none;

    border-radius: 5px;

    color: #777;

    display: block;

    font-size: 13px;

    height: 50px;

    padding: 0 166px 0 20px;

    width: 100%;

    text-transform: capitalize;

}

.newsletter-box {

    position: relative;

}



.newsletter-box .submit {

    background: #212121 none repeat scroll 0 0;

    border: 0 none;

    border-radius: 0 5px 5px 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    font-family: "Lato",sans-serif;

    color: #fff;

    font-size: 13px;

    font-weight: 900;

    height: 50px;

    line-height: 50px;

    padding: 0 35px;

    position: absolute;

    right: 0;

    text-transform: uppercase;

    top: 0;

    -webkit-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

    cursor: pointer;

}

.newsletter-box .submit:hover {

    background: #1371b7;

}



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

/* 10. Footer CSS

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



/* footer top css */

.footer-top {

    padding-bottom: 20px;

}



.footer-title {

    color: #212121;

    font-size: 18px;

    font-weight: 600;

    line-height: 34px;

    margin: 0 0 15px;

    position: relative;

    text-transform: capitalize;

}



.footer-list li a {
  color: #212121;
  display: block;
  font-size: 15px;
  font-weight: 400;
  position: relative;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.footer-list li {

    line-height: 31px;

}



.footer-list li a:hover {

    color: #1371b7;

}



.footer-list li a:hover:before {

    opacity: 0;

}



.logo-footer {

    margin-bottom: 30px;

}



.footer-content p {

    font-size: 13px;

    line-height: 23px;

}



.footer-content h5 {

    color: #333;

    font-size: 16px;

    font-weight: 500;

    margin-top: 15px;

}



.social-footer-list a {

    color: #b2b2b1;

    display: inline-block;

    font-size: 22px;

    line-height: 30px;

}



.social-footer-list a:not(:last-child) {

    margin-right: 30px;

}



.social-footer-list a:hover {

    color: #1371b7;

}



.single-footer.style-change {

    padding-left: 40px;

}



/* footer middle css */

.social-footer > li {

  display: inline-block;

}



.social-footer li a {

  padding: 0 13px;

  text-align: center;

}

.social-footer li a i {

  color: #212121;

  font-size: 28px;

  line-height: 1;

  vertical-align: middle;

  transition: all 0.3s ease-in-out;

}

.social-footer li a:hover i{

  color: #1371b7;

}

/* footer bottom css */

.footer-bottom-content p {

    color: #666;

    font-size: 15px;

}



.footer-bottom-content p a {

    color: #1371b7;

}



.footer-bottom-content p a:hover,

.tag-content a:hover {

    text-decoration: underline;

}



.footer-nav-list li {

    display: inline-block;

}



.footer-nav-list li a {

    color: #666;

    display: block;

    font-size: 15px;

    line-height: 1;

    margin: 0;

    padding-left: 30px;

    text-transform: uppercase;

}



.footer-nav-list li a:hover,

.tag-content a:hover {

    color: #1371b7;

}



.footer-nav-list li:first-child a {

    padding-left: 0;

}



#scrollUp {

    background: #333 none repeat scroll 0 0;

    bottom: 120px;

    color: #fff;

    cursor: pointer;

    font-weight: 600;

    height: 40px;

    position: fixed;

    right: 30px;

    text-align: center;

    text-transform: uppercase;

    width: 40px;

    z-index: 999 !important;

}



#scrollUp:hover {

    background: #1371b7;

}



#scrollUp i {

    font-size: 25px;

    line-height: 40px;

}

.footer-list li {

  text-transform: capitalize;

  transition: all 0.5s ease-in-out 0s;

}

.address-content li {

  color: #212121;

  display: block;

  font-size: 15px;

  line-height: 28px;

  margin-bottom: 5px;

  padding-left: 30px;

  position: relative;

}

.address-content li i {

  display: inline-block;

  font-size: 18px;

  left: 0;

  position: absolute;

  top: 3px;

}

.copyright-text a {

  color: #212121;

}

.copyright-text.text-center > p {

  color: #212121;

  font-size: 15px;

}

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

/* 11. Home-2 CSS

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

.banner-site-box .single-product {

  align-items: center;

  border: 1px solid #ddd;

  display: flex;

  padding: 5px;

}

.banner-site-box .single-product:hover .pro-info {

  opacity: 1;

}

.banner-site-box .pro-img {

  width: 50%;

}

.pro-content h4 a {

  font-size: 18px;

}

.banner-site-box .l_sale {

  margin-top: 5px;

  position: static;

  right: auto;

  width: 62px;

}



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

/* 12. Home-3 CSS

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

    .home-3 .slider_box {

      margin-left: 0;

      padding-left: 0;

      padding-right: 0;

    }

.home-3 .vertical-menu-list{

  display: none;

}

.home-3 .slider-wrapper:hover .nivo-directionNav a.nivo-prevNav {

    left: 8%;

    opacity: 1;

}

.home-3 .slider-wrapper:hover .nivo-directionNav a.nivo-nextNav {

    opacity: 1;

    right: 8%;

}

.title-box {

  background: #fff none repeat scroll 0 0;

  float: left;

  margin-right: 10px;

  margin-top: 10px;

  min-height: 342px;

  padding: 90px 24px 0;

  text-align: center;

  width: 225px;

}

.trendig-product .owl-dots {

  bottom: 64px;

  left: 81px;

  position: absolute;

}

.hot-product2 {

  display: flex;

}

.hot-product2 .tab-content {

  width: 100%;

}

.hot-product2 .product-thumbnail {

  padding-left: 10px;

  width: 137px;

}

.all-border {

  border: 2px solid #1371b7;

  padding: 20px 20px 30px 30px;

}

.pro-tab-menu a:not(:last-child){

  margin-bottom: 10px;

}



.hot-product2 .count {

  background: transparent none repeat scroll 0 0;

  border: medium none;

  display: flex;

  height: auto;

  padding: 3px;

  width: auto;

}

.hot-product2 .count p {

  color: #fff;

  display: inline-block;

  float: left;

  font-size: 13px;

  font-weight: 700;

  line-height: 1;

  margin-right: 2px;

}

.hot-product2 .count span {

  color: #fff;

  display: inline-block;

  font-size: 13px;

  font-weight: 700;

  line-height: 15px;

  text-transform: capitalize;

}



.hot-product2 .countdown::before {

  border-color: transparent transparent transparent #e62d04;

  border-style: solid;

  border-width: 16px 0 16px 16px;

  content: "";

  height: 0;

  left: 100%;

  position: absolute;

  top: 0;

  width: 0;

}

.hot-product2 .countdown::after {

  background: #fff none repeat scroll 0 0;

  border-radius: 100%;

  content: "";

  height: 5px;

  left: 100%;

  margin-top: -3px;

  position: absolute;

  top: 50%;

  width: 5px;

}

.hot-product2 .countdown {

  background: #1371b7 none repeat scroll 0 0;

  bottom: auto;

  font-family: "Lato",sans-serif;

  left: 0;

  margin-bottom: 20px;

  margin-left: 0;

  max-width: 260px;

  padding: 6px 30px;

  position: relative;

  right: auto;

  top: 0;

}

.hot-product2 .pro-actions {

  align-items: center;

  display: flex;

  opacity: 1;

  padding-left: 0;

  position: static;

  transform: scale(1);

}}

.hot-product2 .actions-primary a {

  transform: scale(1);

  width: 163px;

  margin-right: 10px;



}



.hot-product2 .actions-secondary a {

  margin-right: 10px;

  transform: scale(1);

}

.hot-product2 .pro-price {

  display: flex;

  position: relative;

}

.hot-product2 .pro-price .price {

  font-size: 18px;

  font-weight: 600;

  line-height: 18px;

}

.hot-product2 .thubnail-desc h3 a {

    color: #363636;

  font-family: "Open Sans",sans-serif;

  font-size: 34px;

}

.hot-product2 .thubnail-desc h3 {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.price-countdown .product-name {

  color: #363636;

  font-family: "Open Sans",sans-serif;

  font-size: 34px;

  line-height: 1;

  margin-bottom: 22px;

  font-size: 18px;

}



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

/* 13. Home-4 CSS

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

.header-top-area.home-4 {

  background: #0d0d0d none repeat scroll 0 0;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.home-4 .header-top ul > li > a, .home-4 .header-top ul > li > span {

  color: #fff;

  font-size: 12px;

}



.home-4 .my-cart > span,.home-4 .my-cart,.home-4 .cart-box > ul > li > a {

  color: #fff;

  transition: all 0.3s ease-in-out;

}

.cart-box > ul > li > a:hover,.cart-box > ul > li:hover .my-cart,.cart-box > ul > li:hover .my-cart > span{

  color: #1371b7;

}

.cart-box > ul > li:hover span.total-pro{

  color: #fff;

}

.home-4 .header-bottom-list > li > a{

  color: #fff;

}

.home-4 .vertical-menu > span {

  background: #1371b7 none repeat scroll 0 0;

  color: #fff;

}

.home-4.header-bottom.header-sticky,.header-middle.home-4{

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.home-4.header-sticky.sticky {

  background: #212121 none repeat scroll 0 0;

}

.home-4 .post-title {

  margin: -20px -20px 0 -30px;

}

.home-4 .post-title h2{

  border-radius: 0;

}

.home-4 .all-border {

  border: 2px solid #1371b7;

  border-radius: 7px 7px 0 0;

  padding: 20px 20px 30px 30px;

}

.home-4 .all-border .owl-nav div {

  top: -71px;

}

.hot-product3 .single-product:hover {

  box-shadow: none;

}

.single-product-sidebar {

  display: flex;

}

.single-product-sidebar .pro-img {

  width: 38%;

}

.single-product-sidebar .pro-content {

  min-height: auto;

  overflow: hidden;

  padding: 0 15px;



}

.single-product-sidebar .l_sale {

  bottom: 0;

  right: 0;

  z-index: 9;

}

.single-product-sidebar .pro-content h4 a {

  font-size: 13px;

}

.single-product-sidebar .price {

  font-size: 18px;

}

.single-product-sidebar:hover{

  box-shadow: none;

}



.hot-product2 .actions-primary > a {

  margin-bottom: 0;

  margin-right: 10px;

  width: 141px;

}

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

/* 14. Blog CSS

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

.single-latest-blog::before {

  border-color: #e62d04 transparent transparent;

  border-style: solid;

  border-width: 90px 90px 0 0;

  content: "";

  height: 0;

  left: 0;

  position: absolute;

  top: 0;

  width: 0;

  z-index: 3;

}

.single-latest-blog {

  align-items: center;

  background: #fff none repeat scroll 0 0;

  display: flex;

  padding: 30px;

  position: relative;

  width: 100%;

}

.blog-img {

  float: left;

  width: 43%;

}

.blog-desc {

  float: left;

  padding: 0px 0 0 10px;

  width: 57%;

}

.blog-date span {

  display: block;

  font-size: 24px;

  font-weight: 900;

}

.blog-date {

  color: #fff;

  font-size: 15px;

  font-weight: 700;

  left: 0;

  padding: 10px 0 0 10px;

  position: absolute;

  text-transform: capitalize;

  top: 0;

  z-index: 4;

}

.readmore {

  background: #212121 none repeat scroll 0 0;

  border-radius: 3px;

  color: #fff;

  display: inline-block;

  font-family: "Lato",sans-serif;

  font-size: 18px;

  font-weight: 700;

  padding: 10px 25px;

  text-transform: capitalize;

}

.blog-desc .readmore {

  margin-top: 25px;

}

.readmore:hover {

  background: #1371b7 none repeat scroll 0 0;

  color: #fff;

}

.latest-blog .post-title {

    background: #f3f3f3 none repeat scroll 0 0;

    border: 1px solid #ededed;

    border-bottom: none;

    border-radius: 0;

}



.blog-desc h4 a {

  color: #363636;

  font-size: 18px;

  font-weight: 700;

}

.blog-desc h4 {

  line-height: 1;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.blog-desc h4 a:hover,

.blog-desc li a:hover {

    color: #1371b7;

}



.blog-desc li{

    color: #666666;

    display: inline-block;

    font-size: 13px;

    line-height: 25px;

    margin-right: 20px;

    text-transform: capitalize;

}

.blog-desc li a {

  color: #666;

  font-size: 12px;

}

.meta-box {

  margin-bottom: 5px;

}

.blog-img {

    position: relative;

}



.blog-img img,

.sidebar-img img {

    width: 100%;

}



.blog-img:before {

    content: "";

    background-color: rgba(0, 0, 0, 0.4);

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    width: 100%;

    z-index: 2;

    pointer-events: none;

}



.single-latest-blog:hover .blog-img:before {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.blog-pagination {

  margin: 0 auto;

}



.blog-pagination li {

    display: inline-block;

    margin-right: 5px;

}



.blog-pagination li a {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #e7e7e7;

    display: block;

    font-size: 16px;

    height: 38px;

    line-height: 37px;

    text-align: center;

    width: 38px;

    color: #444;

    padding: 0;

}



.blog-pagination li.active a, .blog-pagination li a:hover {

    background: #222222  none repeat scroll 0 0;

    color: #ffffff;

}



.latest-blog-active .owl-dot {

  margin-top: 20px;

}

.main-blog .single-latest-blog {

  border: 1px solid #ddd;

  margin-bottom: 30px;

}

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

/* Single Blog CSS

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

.single-sidebar .e-title {

    background: #222222;

}



.single-sidebar li a:hover {

    color: #222222;

}



.latest-pro .e-title {

    background: #1371b7;

}



.latest-pro li a:hover {

    color: #1371b7;

}



.sidebar-post-content {

    padding: 32px 0 25px;

}



.sidebar-lg-title {

    font-size: 38px;

    font-weight: 700;

    margin-bottom: 15px;

    text-transform: uppercase;

}



.post-meta li {

    border-right: 1px solid #666;

    font-size: 20px;

    margin-right: 20px;

    padding-right: 20px;

    text-transform: uppercase;

}



.post-meta li span {

    color: #666;

}



.sidebar-desc p {

    line-height: 26px;

}



.sidebar-desc blockquote {

    background: #f7f7f7 none repeat scroll 0 0;

    border-left: 3px solid #222222;

    padding: 30px;

}



.sidebar-desc blockquote p {

    color: #707070;

    font-size: 16px;

    line-height: 26px;

    margin-bottom: 10px;

}



.sidebar-desc blockquote span {

    color: #555555;

    font-size: 16px;

    font-weight: 500;

}



.leave-reply {

    font-size: 18px;

    font-weight: 700;

}



.submit-review label {

    font-size: 15px;

    text-transform: capitalize;

    color: #555;

}



.tag-list li {

    display: inline-block;

}



.tag-list {

  margin: 0 -5px;

}



.tag-list li a {

    background-color: #f6f6f6;

    border-radius: 5px;

    display: inline-block;

    font-size: 12px;

    letter-spacing: 1px;

    margin: 0 5px;

    padding: 7px 16px;

    text-transform: capitalize;

    color: #444;

}



.tag-list li a:hover {

    background: #1371b7;

    color: #fff;

}



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

/* 15. Breadcrumb CSS

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

.breadcrumb-area .breadcrumb {

  background:#FFF;

  margin-bottom: 0;

  padding: 16px 0;

  border-bottom: 1px solid #ddd;

  border-radius: 0;

}



.breadcrumb li + li::before {

  content: "\f105";

  font-family: fontawesome;

  padding: 0 5px;

  vertical-align: middle;

}



.breadcrumb li a {

    color: #333333;

    font-size: 15px;

    line-height: 25px;

    margin-right: 5px;

    text-transform: capitalize;

}



.breadcrumb-area .breadcrumb li.active a,

.breadcrumb li:hover a {

    color: #1371b7;

}



.radio-button .radio-inline {

    margin-right: 10px;

}



.form-register .radio-inline input {

    margin-right: 5px;

}



.terms span {

    font-size: 15px;

}



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

/* 16. Product Details CSS

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

.main-product-thumbnail .tab-content img,

.product-thumbnail .thumb-menu div img {

    width: 100%;

}



.thumb-menu.owl-carousel .owl-item a {

    border: 1px solid #ededed;

    display: block;

}



.thumb-menu.owl-carousel .owl-item a.active {

    border-color: #1371b7;

}



.product-thumbnail .thumb-menu .nav-link {

    padding: 0;

}



.thumb-bg {

    background: #fff;

    padding: 20px;

    border: 1px solid #ededed;

}



.thumb-bg .tabs-area {

    border-bottom: none;

}



.thumb-menu .owl-stage-outer {

    margin: 0 -1px;

}



.thumb-menu .owl-nav div {

  height: 20px;

  left: 0;

  line-height: 20px;

  top: 50%;

  transform: translateY(-50%);

  width: 20px;

}



.thumb-menu .owl-nav div.owl-next {

    right: 0;

    left: auto;

}

.box-quantity.hot-product2 .actions-primary a {

  background: #1371b7 none repeat scroll 0 0;

  border-color: #1371b7;

  color: #fff;

  height: 43px;

  margin-bottom: 0;

  margin-right: 10px;

  width: 150px;

  font-size: 14px;

}

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

    thumb product css start

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

.product-header {

    color: #363636;

    font-size: 24px;

    font-weight: 500;

    line-height: 30px;

    margin: 0 0 15px;

    text-transform: capitalize;

}



.rating i,

.review-list i {

    color: #F39C11;

    font-size: 15px;

}



.rating-feedback a {

  color: #666;

  display: inline-block;

  font-size: 13px;

  margin-top: 20px;

  text-transform: capitalize;

}



.rating-feedback a:hover {

    color: #5D9CEC;

}

.pro-desc-details {

    color: #666666;

    font-size: 15px;

    line-height: 25px;

}

.pro-price span:not(:last-child) {

    margin-right: 15px;

}



.pro-price .price {

    font-size: 24px;

    font-weight: 600;

    line-height: 30px;

}







.saving-price {

    background: #1371b7 none repeat scroll 0 0;

    color: #ffffff;

    display: inline-block;

    font-size: 13px;

    font-weight: 400;

    height: 30px;

    line-height: 30px;

    padding: 0 15px;

    text-align: center;

    text-transform: uppercase;

    vertical-align: top;

}

.product-size .nice-select{

    padding-right: 40px;

}

.product-size .nice-select .option{

    padding-right: 36px;

}

.product-size label,

.color label {

    color: #2c2c2c;

    margin-bottom: 5px;

    text-transform: capitalize;

    display: block;

}



.product-size select,

.quantity {

    background-color: #ffffff;

    border: 1px solid rgba(0, 0, 0, 0.25);

    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);

    color: #7a7a7a;

    width: 70px;

}



.quantity {

    padding: 11px;

}



.add-cart {

    background-color: #1371b7;

    border-radius: 2px;

    color: #ffffff;

    display: inline-block;

    font-size: 15px;

    font-weight: 400;

    height: 46px;

    line-height: 46px;

    padding: 0 15px;

    text-transform: capitalize;

}



.add-cart:hover {

    background: #1371b7;

    color: #fff;

}



.color-list li {

    display: inline-block;

}



.color-list li a {

    border: 2px solid transparent;

    height: 22px;

    margin: 0 8px 10px 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 22px;

    display: block;

}



.color-list li a.active,

.color-list li a:hover {

    border-color: #333333;

}



.color-list li a.orange {

    background: #F39C11;

}



.color-list li a.paste {

    background: #5D9CEC;

}



.in-stock {

    color: #666666;

    font-size: 14px;

    font-weight: 500;

    text-transform: capitalize;

}



.in-stock i {

    font-size: 16px;

    margin-right: 5px;

    color: #4CBB76;

}



.in-stock.color-primary i {

    font-size: 16px;

    margin-right: 5px;

    color: #1371b7;

}



.socila-sharing li {

    color: #666;

    line-height: 1;

    margin-right: 20px;

    white-space: normal;

}



.socila-sharing li a {

    color: #999999;

}



.socila-sharing li a:hover {

    color: #1371b7;

}



.product-policy p {

    padding: 15px 0;

    color: #999;

}



.product-policy p i {

    color: #333333;

    font-size: 20px;

    margin-right: 15px;

    vertical-align: middle;

}



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

    product description start

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

.thumnail-desc .tabs-area {

    border-bottom: none;

}



.main-thumb-desc.tabs-area > li {

    margin-left: 0;

}



.main-thumb-desc.tabs-area > li > a {

    color: #666666;

    display: inline-block;

    font-size: 18px;

    font-weight: 600;

    line-height: 22px;

    padding: 15px;

    text-transform: uppercase;

    -webkit-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

}



.main-thumb-desc li a.active {

    background: #1371b7 none repeat scroll 0 0;

    color: #ffffff;

}



.thumnail-desc .tab-content {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #ededed;

    overflow: hidden;

    padding: 30px 20px;

}



.thumnail-desc .tab-content p {

    line-height: 25px;

}



.border-default {

    border: 1px solid #ededed;

    border-radius: 3px;

    padding-bottom: 30px;

}



.universal-padding {

    padding-left: 15px;

    padding-right: 15px;

}



.group-title {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-bottom: 1px solid #ebebeb;

    color: #363f4d;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: 20px;

    padding-bottom: 25px;

    padding-top: 25px;

    position: relative;

}



.group-title h2 {

    font-size: 15px;

    font-weight: 600;

    text-transform: uppercase;

}



.review-mini-title {

    font-size: 18px;

    font-weight: 500;

    margin: 30px 0;

    text-transform: capitalize;

}



.review-list li {

    text-align: left;

}



.review-list li > span {

    display: inline-block;

    font-size: 15px;

    font-weight: 500;

    width: 49px;

}



.review-list li label span {

    font-weight: 500;

}



.review-list li label {

    font-size: 13px;

    left: 120px;

    position: relative;

}



.review-list li label a {

    color: #222222;

    font-weight: 500;

}



.review-list li label a:hover {

    color: #1371b7;

}



.review-title {

    border-bottom: 1px solid #ebebeb;

    font-size: 18px;

    font-weight: 400;

    padding-bottom: 20px;

    padding-top: 15px;

}



.review-title span {

    font-weight: 500;

}



.riview-field input,

.riview-field textarea {

    border: 1px solid #ebebeb;

    -webkit-box-shadow: none;

    box-shadow: none;

    width: 60%;

}



.riview-field label {

    color: #333333;

    font-size: 13px;

    font-weight: 500;

}



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

/* 17. Shop Page CSS

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



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

    sidebar css start

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

.sidebar-title {

  color: #2c2c2c;

  display: block;

  font-size: 18px;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 20px;

  text-transform: capitalize;

}



.e-title {

    background: #1371b7 none repeat scroll 0 0;

    color: #ffffff;

    display: block;

    font-size: 18px;

    font-weight: 600;

    line-height: 25px;

    margin-bottom: 0;

    padding: 15px;

    text-transform: uppercase;

}



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

    toggle menu plus minus css start

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

.category-menu.sidebar-menu .has-sub.open a span.holder::after,

.category-menu.sidebar-menu li.has-sub.open > a::after{

    content: "\f209";

}



.category-menu.sidebar-menu .has-sub a span.holder::after,

.category-menu.sidebar-menu li.has-sub > a::after {

    content: "\f217";

    font-family: "Ionicons";

    font-size: 15px;

    position: absolute;

    right: 20px;

}



.category-menu.v-cat-menu ul li.has-sub > a {

  background: rgba(0, 0, 0, 0) url("img/vertical-menu/icon-expand.png") no-repeat scroll 20px 9px;

}

.category-menu.v-cat-menu .has-sub.open > a{

    background: rgba(0, 0, 0, 0) url("img/vertical-menu/icon-collapse.png") no-repeat scroll 20px 9px;  

}

/*img/vertical-menu/icon-expand.png*/

.category-menu.v-cat-menu ul li.has-sub > a::after {

    left: 30px;

    top: 6px;

}



.sidebar-menu ul li {

    position: relative;

}



.sidebar-menu li a,

.color-option li a,

.single-sidebar li a {

    color: #2c2c2c;

    display: block;

    font-size: 15px;

    font-weight: 400;

    line-height: 20px;

    padding: 10px 0;

    text-transform: uppercase;

    cursor: pointer;

}



.sidebar-menu li:hover > a,

.sidebar-menu li.has-sub:hover > a,

.sidebar-menu li.has-sub.open > a {

    color: #1371b7;

}



.sidebar-menu .category-sub li a {

    padding-left: 10px;

}



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

   Fileter by search css start

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

.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {

    margin-top: 15px;

}







.ui-slider-handle.ui-state-default.ui-corner-all {

  background: #fff none repeat scroll 0 0;

  border: 5px solid #f9af51;

  border-radius: 100%;

  display: inline-block;

  height: 21px;

  top: -9px;

  width: 21px;

}







.ui-slider-range.ui-widget-header.ui-corner-all {

    background: transparent;

}



.ui-widget.ui-widget-content {

    background: #fff none repeat scroll 0 0;

    border: 2px solid #f9af51;

    height: 7px;

    border-radius: 5px;

}

.ui-slider-horizontal .ui-slider-handle {

    margin-left: 0;

}



.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus {

    outline: medium none;

}

.amount-range {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: medium none;

  color: #2c2c2c;

  font-size: 15px;

  font-weight: 700;

  margin-top: 10px;

  padding: 5px 0;

  text-align: center;

}



.amount-range,

.price-button {

    width: 100%;

    word-spacing: 15px;

}



.flter-option.mb-80 {

    padding-right: 15px;

}



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

    categorie,price & size css start

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

.sidbar-style li {

    transition: all 300ms ease-in 0s;

    -webkit-transition: all 300ms ease-in 0s;

    -ms-transition: all 300ms ease-in 0s;

    -moz-transition: all 300ms ease-in 0s;

}

.sidbar-style > ul > li > a{

  padding:0;

}

.sidbar-style .category-sub li a{

  padding-top: 0;

  padding-bottom: 0;

}

.sidbar-style ul li {

  padding-top: 10px;

}

.sidbar-style > ul > li:first-child{

  padding-top: 0;

}

.sidbar-style .form-check label {

    font-size: 15px;

    cursor: pointer;

}



.sidebar li.form-check {

    margin-bottom: 12px;

}



.sidebar .form-check {

    padding-left: 0;

}

ul.tag-list > li > a {

  padding: 7px 15px;

}

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

    Color css start

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

.color-option li {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.color-option li a {

    padding: 5px 0;

}



.color-option li > a:hover,

.sidbar-style > li:hover {

    color: #1371b7;

}



.color-option li span {

    -webkit-box-shadow: -1px 1px 8px 0 rgba(0, 0, 0, 0.2);

    box-shadow: -1px 1px 8px 0 rgba(0, 0, 0, 0.2);

    display: block;

    height: 12px;

    margin-right: 5px;

    width: 12px;

}



.color-option li span.white {

    background: #fff;

}



.color-option li span.orange {

    background: #F39C11;

}



.color-option li span.blue {

    background: #5D9CEC;

}



.color-option li span.yellow {

    background: #F1C40F;

}



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

   sidebar banner css start

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

.sidebar-banner:before {

    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;

    bottom: 0;

    content: "";

    left: 50%;

    opacity: 1;

    position: absolute;

    right: 51%;

    top: 0;

    -webkit-transition: all 900ms ease-in 0s;

    transition: all 900ms ease-in 0s;

}



.sidebar-banner:after {

    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;

    bottom: 50%;

    content: "";

    left: 0;

    opacity: 1;

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transition: all 900ms ease-in 0s;

    transition: all 900ms ease-in 0s;

}



.sidebar-banner:hover:before {

    left: 0;

    right: 0;

    opacity: 0;

}



.sidebar-banner:hover:after {

    bottom: 0;

    top: 0;

    opacity: 0;

}



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

    grid list view css Start

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

.main-categorie .border-default {

    padding-bottom: 0;

    padding: 20px;

    background: #fff;

}



.grid-list-view .tabs-area li a {

  border-radius: 4px;

  color: #2c2c2c;

  font-size: 18px;

  height: 28px;

  line-height: 30px;

  padding: 0;

  text-align: center;

  width: 30px;

}



.grid-list-view .tabs-area li a.active {

   color: #1371b7;

}



.grid-list-top .tabs-area {

    border-bottom: none;

}



.grid-list-top .tabs-area > li {

    margin-left: 0;

    margin-right: 10px;

}



.grid-list-top.border-default {

    background: #ffffff none repeat scroll 0 0;

    padding-bottom: 15px;

    border: none;

    border-bottom: 1px solid #ededed;

}



.grid-list-top .tabs-area > li span,

.toolbar-sorter label {

    color: #3e3e3e;

    font-size: 13px;

}

.toolbar-sorter label {

  font-weight: 500;

  margin-bottom: 0;

  margin-right: 15px;

  min-width: 106px;

  text-align: right;

}

.toolbar-sorter {

  min-width: 200px;

}

.toolbar-sorter .nice-select {

    border: 1px solid #ededed;

    font-size: 15px;

    width: 100%;

}



.toolbar-sorter select.form-control:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

}



.toolbar-sorter select option {

    font-size: 15px;

    line-height: 24px;

    padding: 3px 15px;

}



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

   grid list single product css

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

#grid-view .row .col-12 {

	margin-bottom: 30px;

}

.main-categorie .tab-content .single-product {

  height: 95%;

}

.main-categorie .tab-content #grid-view .row {

  padding-left: 3px;

  padding-right: 3px;

}

#list-view .single-product .pro-actions {

  align-items: center;

  display: flex;

  opacity: 1;

  position: static;

  transform: scale(1);

  margin-top: 20px;

}

#list-view .pro-content {

  display: flex;

  flex-direction: column;

  padding: 0;

}

#list-view .single-product .pro-content h4 a {

    font-weight: 700;

}

#list-view .single-product {

  border-bottom: 1px solid #ddd;

  margin-top: 0;

  padding-bottom: 30px;

}

#list-view .single-product .pro-content p {

  color: #666666;

  line-height: 25px;

  margin: 9px 0 0;

}

.product-pagination {

    font-size: 13px;

    font-weight: 400;

}

.pro-pagination {

  align-items: center;

  display: flex;

  justify-content: space-between;

}

#list-view .single-product:hover{

  box-shadow: none;

}

.pro-content {

  min-height: 80px;

  overflow: hidden;

  padding: 20px 15px 10px;

  position: relative;

}

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

/* 18. Quick View CSS

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

.quick-thumb-content .modal-header {

    border-bottom: medium none;

    padding: 10px;

}



.quick-thumb-content .modal-lg {

    max-width: 900px;

    margin: 60px auto;

}



.quick-thumb-content .modal-body {

    padding: 30px;

    padding-top: 0;

}



.quick-thumb-content .tabs-area {

    border-bottom: none;

}



.custom-footer {

    padding: 15px 30px;

    border-top: 1px solid #ededed;

    margin-top: 30px;

}



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

/* 19. Login CSS

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

.custom-title {

    color: #333333;

    font-size: 25px;

    font-weight: 600;

    text-transform: capitalize;

}



.well {

    background-color: #fff;

    border: 1px solid #ededed;

    border-radius: 4px;

    padding: 20px;

}



.log-in p strong {

    color: #444444;

    font-weight: 500;

}



.customer-btn,

.return-customer-btn {

    background: #1371b7 none repeat scroll 0 0;

    border: medium none;

    color: #ffffff;

    display: inline-block;

    font-weight: 500;

    font-size: 15px;

    margin-top: 20px;

    padding: 10px 30px;

    text-align: center;

    text-transform: uppercase;

    -webkit-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

    cursor: pointer;

    border-radius: 4px;

}



.return-customer-btn {

    background: #222222;

}



.return-customer-btn:hover {

    background: #1371b7;

    color: #fff;

}



.customer-btn:hover {

    background: #222222;

    color: #fff;

}



.return-customer label {

    font-weight: 500;

    color: #444;

    font-size: 15px;

}



.return-customer input {

    font-size: 15px;

}



.lost-password a {

    color: #555;

    font-weight: 500;

    font-size: 13px;

}



.lost-password a:hover {

    color: #222222;

}



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

/* 20. Register Account CSS

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

.register-title {

    margin-bottom: 30px;

}

.register-title h3 {

    font-size: 25px;

    line-height: 25px;

}



.form-register label {

    font-size: 15px;

    text-align: right;

}



.form-register .form-group {

    margin-bottom: 20px;

}



.form-register .form-group input {

    font-size: 15px;

}



.form-register legend {

    border-bottom: 1px solid #ededed;

    font-size: 16px;

    font-weight: 500;

    margin-bottom: 20px;

    padding: 7px 0;

}



.agree {

    color: #222222;

    font-size: 13px;

}



.terms input[type=checkbox] {

    vertical-align: middle;

}



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

/* 21. Forgot Password CSS

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

.password-forgot legend {

    border-bottom: 1px solid #ededed;

    font-size: 16px;

    margin-bottom: 20px;

    padding: 7px 0;

    font-weight: 500;

}



.password-forgot label {

    font-size: 15px;

}



.password-forgot input {

    font-size: 15px;

}



.require {

    color: #cc0000;

    font-weight: 600;

    margin-right: 5px;

}



.password-forgot .form-group {

    margin-bottom: 0;

}



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

/* 22. 404 Page CSS

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

.error-text h1 {

    color: #222222;

    font-size: 200px;

    font-weight: 700;

    letter-spacing: 10px;

    line-height: 155px;

    margin-bottom: 30px;

}



.error-text h2 {

    color: #4c4c4c;

    font-size: 35px;

    font-weight: 700;

    line-height: 35px;

    margin-bottom: 16px;

    text-transform: uppercase;

}



.error-text > p {

    color: #4c4c4c;

    font-size: 24px;

    font-weight: 300;

    line-height: 25px;

    margin-bottom: 30px;

    padding: 0 130px;

}



#search-form {

    display: inline-block;

    position: relative;

    text-align: center;

    width: 450px;

}



#search-form input {

    background: #f8f8f8 none repeat scroll 0 0;

    border: 1px solid #e9e9e9;

    border-radius: 30px;

    color: #666666;

    float: left;

    font-size: 15px;

    height: 45px;

    padding: 0 50px 0 20px;

    width: 100%;

}



#search-form button {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    color: #4f4f4f;

    font-size: 18px;

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 50px;

}



#search-form button:hover {

    color: #1371b7;

}



.error-button a {

    background: #1371b7 none repeat scroll 0 0;

    border-radius: 35px;

    color: #ffffff;

    display: inline-block;

    font-size: 12px;

    font-weight: bold;

    line-height: 40px;

    margin-top: 53px;

    padding: 0 30px;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.error-button a:hover {

    background: #1371b7;

}



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

/* 23. Compare Page CSS

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

.table > tbody > tr > td,

.table > tbody > tr > th,

.table > tfoot > tr > td,

.table > tfoot > tr > th,

.table > thead > tr > td,

.table > thead > tr > th {

    border: 1px solid #ebebeb;

}



.table-responsive > .table > tbody > tr > td,

.table-responsive > .table > tbody > tr > th,

.table-responsive > .table > tfoot > tr > td,

.table-responsive > .table > tfoot > tr > th,

.table-responsive > .table > thead > tr > td,

.table-responsive > .table > thead > tr > th {

    white-space: normal;

}



.compare-content > tbody > tr > td {

    padding: 20px 15px;

    vertical-align: middle;

}



.product-title {

    font-size: 15px;

    font-weight: 600;

    width: 120px;

}



.product-description {

    font-weight: 500;

    width: 200px;

    font-size: 15px;

}



.product-description p {

    text-align: left;

}



.product-description i {

  color: #666;

  font-size: 16px;

} 



.product-description .compare-cart,.cart-main-area.wish-list .product-add-to-cart a {

  font-size: 13px;

  margin: auto;

  width: 149px;

  background: #222;

  border-color: #222;

  color: #fff;

}

.product-description img {

    width: 100%;

}



.compare-details {

    text-align: left;

}



.product-description .product-rating i {

    font-size: 12px;

}



.compare-details span {

    color: #777777;

    display: inline-block;

    font-size: 12px;

    text-transform: capitalize;

}



.compare-details h4 {

    font-weight: 600;

    line-height: 10px;

}



.compare-details h4 a {

    font-size: 13px;

    text-transform: capitalize;

    color: #333;

}



.compare-details h4 a:hover,

.product-description .fa-trash-o:hover {

    color: #1371b7;

    cursor: pointer;

}

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

/* 24. Checkout CSS

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

.coupon-area .coupon-info input {

    background: transparent;

    border: 1px solid #e5e5e5;

}



.coupon-area .coupon-info .checkout-coupon .code:focus {

    border: 1px solid #e5e5e5;

}



.product-stock-status span {

  color: green;

  font-weight: 600;

}

.coupon-accordion h3 {

    background-color: #f6f6f6;

    border-top: 3px solid #222222;

    color: #515151;

    font-size: 15px;

    font-weight: 400;

    list-style: outside none none;

    margin-bottom: 30px;

    padding: 1em 2em 1em 3.5em;

    position: relative;

    text-transform: capitalize;

    width: auto;

}

.coupon-accordion h3::before {

    color: #777;

    content: "\f0f6";

    display: inline-block;

    font-family: 'FontAwesome';

    left: 16px;

    position: absolute;

    top: 16px;

}

.coupon-accordion span {

    cursor: pointer;

    color: #6f6f6f;

    -webkit-transition: .3s;

    transition: .3s

}

.coupon-accordion span:hover,

p.lost-password a:hover {

    color: #1371b7;

}

.coupon-content {

    border: 1px solid #e5e5e5;

    display: none;

    margin-bottom: 20px;

    padding: 20px;

}

.coupon-info p.coupon-text {

    margin-bottom: 15px

}

.coupon-info p {

    margin-bottom: 0

}



.coupon-info p.form-row-first label,

.coupon-info p.form-row-last label {

    display: block;

    color: inherit;

}

.coupon-info p.form-row-first label span.required,

.coupon-info p.form-row-last label span.required {

    color: red;

    font-weight: 700;

}

.coupon-info p.form-row-first input,

.coupon-info p.form-row-last input {

    border: 1px solid #ccc;

    height: 34px;

    margin: 0 0 15px;

    max-width: 100%;

    padding: 0 0 0 10px;

    width: 370px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

}

.coupon-info p.form-row input[type="submit"]:hover,

p.checkout-coupon input[type="submit"]:hover {

    background: #222222 none repeat scroll 0 0;

}

.coupon-info p.form-row input[type="checkbox"] {

    height: inherit;

    position: relative;

    top: 2px;

    width: inherit;

}

.form-row > label {

    margin-top: 7px;

}

p.lost-password {

    margin-top: 15px;

}



p.lost-password a {

    color: #6f6f6f;

    font-size: 12px;

}

p.checkout-coupon input[type=text] {

    height: 36px;

    padding-left: 10px;

    width: 170px;

}

p.checkout-coupon input[type="submit"] {

    background: #333 none repeat scroll 0 0;

    border: medium none;

    border-radius: 0;

    color: #fff;

    height: 36px;

    margin-left: 6px;

    padding: 5px 10px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: inherit;

}

.coupon-checkout-content {

    margin-bottom: 30px;

    display: none;

}

.checkbox-form h3 {

    border-bottom: 1px solid #ebebeb;

    font-weight: 500;

    margin-bottom: 20px;

    padding-bottom: 10px;

    width: 100%;

    font-size: 28px;

}



.ship-different-title h3 label {

    display: inline-block;

    margin-right: 20px;

    font-size: 22px;

    font-weight: 500;

}



.country-select label,

.country-select label,

.checkout-form-list label {

    color: #333;

    font-family: Montserrat, Arial, Helvetica, sans-serif;

    margin: 0 0 5px;

    display: block;

    font-weight: 600;

    font-size: 15px;

}



.country-select label span.required,

.checkout-form-list label span.required {

    color: red;

}



.country-select select {

    border: 1px solid #ddd;

    height: 32px;

    padding-left: 10px;

    width: 100%;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background: #fff;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075)

}



.checkout-form-list label {

    color: #333333;

    font-size: 15px;

}



.checkout-form-list input[type="text"],

.checkout-form-list input[type="password"],

.checkout-form-list input[type="email"] {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #ebebeb;

    border-radius: 0;

    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);

    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);

    height: 34px;

    padding: 0 0 0 10px;

    width: 100%;

}

.country-select .nice-select {

    height: 37px;

    line-height: 35px;

}

.checkout-form-list {}

.checkout-form-list input[type="checkbox"] {

    display: inline-block;

    height: inherit;

    margin-right: 10px;

    position: relative;

    top: 0;

    width: inherit;

}



.create-acc label {

    color: #333;

    display: inline-block;

}



.create-accounts {

    display: none

}



.ship-different-title h3 label {

    display: inline-block;

    margin-right: 20px;

}



.order-notes textarea {

    background: #ffffff none repeat scroll 0 0;

    border: 2px solid #eceff8;

    font-size: 15px;

    height: 90px;

    padding: 15px;

    width: 100%;

}



#ship-box-info {

    display: none

}



.your-order {

    background: #f2f2f2 none repeat scroll 0 0;

    padding: 30px 40px 45px;

}



.your-order h3 {

    border-bottom: 1px solid #ebebeb;

    font-size: 25px;

    margin: 0 0 20px;

    padding-bottom: 10px;

    text-transform: uppercase;

    width: 100%;

    font-weight: 500;

}



.your-order-table table {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    width: 100%;

}



/* ,.your-order-table table td */

.your-order-table table th {

    border-bottom: 1px solid #d8d8d8;

    border-right: medium none;

    font-size: 15px;

    padding: 15px 0;

    text-align: center;

}



.amount {

    color: #666;

    font-size: 15px;

    font-weight: 500;

}



.your-order-table table th {

    border-top: medium none;

    font-family: Montserrat, Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-align: center;

    text-transform: uppercase;

    vertical-align: middle;

    white-space: nowrap;

    width: 250px;

}



.your-order-table table .shipping ul li input {

    position: relative;

    top: 2px;

}



.your-order-table table .shipping th {

    vertical-align: top;

}



.your-order-table table .order-total th {

    border-bottom: medium none;

    font-size: 18px;

    font-weight: 600;

}



/* .your-order-table table .order-total td {

    border-bottom: medium none;

} */



.your-order-table table tr.cart_item:hover {

    background: #F9F9F9

}



.your-order-table table tr.order-total td span {

    color: #222222;

    font-size: 22px;

    font-weight: 600;

}



.payment-method {

    margin-top: 40px;

}



.payment-accordion h3 {

    border-bottom: 0 none;

    margin-bottom: 10px;

    padding-bottom: 0;

}



.payment-accordion h3 a {

    color: #6f6f6f;

    font-size: 15px;

    padding-left: 25px;

    position: relative;

    text-transform: capitalize;

    text-decoration: none

}



.payment-accordion h3 a:before,

.payment-accordion h3.open a:after {

    content: "";

    display: inline-block;

    font-family: fontawesome;

    font-size: 20px;

    left: 0;

    position: absolute;

    top: -2px;

}



.payment-accordion h3.open a:after {

    content: "\f056";

}



.payment-content p {

    font-size: 13px;

}



.payment-accordion img {

    height: 60px;

    margin-left: 15px;

}



.order-button-payment input {

    background: #1371b7;

    border: medium none;

    color: #fff;

    font-size: 17px;

    font-weight: 600;

    height: 50px;

    margin: 20px 0 0;

    padding: 0;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    width: 100%;

}



.order-button-payment input:hover {

    background: #444

}



.card-header {

    background-color: #f5f5f5;

    padding: 0;

}



.card {

    margin-top: 5px;

}



.card .btn-link {

    color: #232323;

    font-weight: 600;

}



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

/* 25. Cart & Wish List CSS

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

.cart-main-area .section-title h2,

.coupon-area .section-title h2 {

    text-transform: capitalize;

    color: #555;

    font-weight: 500;

}



.shipping_method input {

    background: #eceff8 none repeat scroll 0 0;

    border: 2px solid #eceff8;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: #626262;

    font-size: 15px;

    height: 45px;

    padding-left: 10px;

    width: inherit;

}



.cart-title-area {

    padding-top: 30px;

}



.car-header-title h2 {

    font-size: 20px;

    margin: 0;

    text-transform: uppercase;

}



.table-content table {

    background: #fff none repeat scroll 0 0;

    width: 100%;

}



.table-content table th {

    border-top: medium none;

    font-weight: 500;

    padding: 20px 10px;    

    text-transform: capitalize;

    vertical-align: middle;

    white-space: nowrap;

    font-size: 16px;

}



.table-content table th,

.table-content table td {

    border-bottom: 1px solid #e5e5e5;

}



.table-content table td {

    border-top: medium none;

    padding: 20px 10px;

    vertical-align: middle;

    font-size: 16px;

}



.table-content table td input {

    background: #e5e5e5 none repeat scroll 0 0;

    border: medium none;

    border-radius: 3px;

    color: #6f6f6f;

    font-size: 15px;

    font-weight: normal;

    height: 40px;

    padding: 0 5px 0 10px;

    width: 60px;

}



.table-content table td.product-subtotal {

    font-size: 15px;

    font-weight: 600;

    width: 150px;

}



.table-content table td.product-name a,

.product-stock-status span {

    font-size: 15px;

    font-weight: 500;

    margin-left: 10px;

    color: #6f6f6f;

    text-transform: capitalize;

}



.product-stock-status span {

    color: green;

    font-weight: 600;

}



.table-content table td.product-name {

    width: 270px;

}



.table-content table td.product-discount {

    width: 150px;

}



.table-content table td.product-thumbnail {

    width: 500px;

}



.table-content table td.product-remove i {

    color: #919191;

    display: inline-block;

    font-size: 20px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    width: 40px;

}



.table-content table .product-price .amount {

    font-size: 15px;

    font-weight: 600;

}



.table-content table td.product-remove a:hover i {

    color: #1371b7;

}



.table-content table td.product-quantity {

    width: 100px;

}



.table-content table td.product-remove {

    width: 70px;

}



.table-content table td.product-price {

    width: 150px;

}



.table-content table td.product-name a:hover,

.buttons-cart a:hover {

    color: #1371b7;

}



.product-thumbnail img {

    width: 100%;

}



.buttons-cart {

    margin-bottom: 30px;

    overflow: hidden;

}



.buttons-cart input,

.coupon input[type="submit"],

.buttons-cart a,

.coupon-info p.form-row input[type="submit"] {

    background: #363f4d none repeat scroll 0 0;

    border: medium none;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: #fff;

    display: inline-block;

    float: left;

    font-size: 12px;

    font-weight: 600;

    height: 40px;

    line-height: 40px;

    margin-right: 15px;

    padding: 0 20px;

    text-shadow: none;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    white-space: nowrap;

    width: inherit;

    border-radius: 4px;

}



.wc-proceed-to-checkout {

    clear: both;

    display: block;

}



.buttons-cart input:hover,

.coupon input[type="submit"]:hover,

.buttons-cart a:hover,.wc-proceed-to-checkout a:hover {

    background: #1371b7 none repeat scroll 0 0;

    color: #fff;

}



.buttons-cart a {

    color: #fff;

    float: left;

    height: 40px;

    line-height: 40px;

}



.cart_totals {

    width: 100%;

}



.cart_totals h2 {

    border-bottom: 2px solid #222;

    display: inline-block;

    font-size: 30px;

    margin: 0 0 35px;

    text-transform: uppercase;

    font-weight: 500;

}



.cart_totals table {

    border: medium none;

    margin: 0;

    text-align: right;

}



.cart_totals table th {

    border: medium none;

    font-size: 15px;

    font-weight: bold;

    padding: 0 20px 12px 0;

    text-align: right;

    text-transform: uppercase;

    vertical-align: top;

}



.cart_totals table td {

    border: medium none;

    padding: 0 0 12px;

    vertical-align: top;

}



.cart_totals table td .amount {

    color: #222222;

    font-size: 13px;

    font-weight: bold;

    margin-left: 5px;

    text-align: right;

    text-transform: uppercase;

}



.cart_totals table td ul#shipping_method {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}



.cart_totals table td ul#shipping_method li {

    float: left;

    margin: 0 0 10px;

    padding: 0;

    text-indent: 0;

    width: 100%;

}



.cart_totals table td ul#shipping_method li input {

    margin: 0;

    position: relative;

    top: 2px;

}



a.shipping-calculator-button {

    font-weight: bold;

    color: #6f6f6f;

}



a.shipping-calculator-button:hover {

    color: #83CBDC

}



.cart_totals table tr.order-total th,

.cart_totals table tr.order-total .amount {

    font-size: 20px;

    text-transform: uppercase;

    white-space: nowrap;

    font-weight: 600;

}



.cart_totals table tr.order-total th {

    font-weight: 700;

}



.wc-proceed-to-checkout a {

    background: #222222;

    color: #fff;

    display: inline-block;

    font-size: 15px;

    font-weight: 700;

    height: 50px;

    line-height: 50px;

    margin-top: 20px;

    padding: 0 30px;

    text-transform: none;

    border-radius: 4px;

}



.amount del {

    font-size: 13px;

    margin-left: 5px;

    font-weight: 600;

}



.cart-main-area.wish-list .product-remove {

    width: 20px;

}



.cart-main-area.wish-list table td.product-thumbnail {

    width: 140px;

}



.cart-main-area.wish-list .product-add-to-cart a {

  text-transform: uppercase;

}



.cart-main-area.wish-list td.product-add-to-cart {

    width: 240px;

}



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

/* 26. Terms & Conditions CSS

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

.terms-content.sidbar-style {

    padding: 20px;

}



.tems-tile {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 15px;

}



.term-mini-title {

    display: inline-block;

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 5px;

    text-transform: capitalize;

}



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

/* 27. About Us CSS

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

.about-title {

  display: inline-block;

  font-size: 22px;

  font-weight: 600;

  text-transform: capitalize;

}



.return-customer-btn.read-more {

    padding: 10px 20px;

}

.ht-single-about > h5 {

  font-size: 15px;

  font-weight: 600;

  line-height: 20px;

  margin-bottom: 9px;

}

.ht-work-text > h5 a {

  color: #232323;

  font-size: 15px;

  font-weight: 600;

  text-transform: uppercase;

}

.ht-work-text > h5 a:hover {

    color: #222222;

}



.ht-about-work {

  margin-bottom: 25px;

  position: relative;

}



.ht-about-work:last-child {

    margin: 0;

}



.ht-about-work > span {

  background: #ebebeb none repeat scroll 0 0;

  border-radius: 50%;

  color: #7d7d7d;

  display: block;

  float: left;

  height: 42px;

  line-height: 43px;

  margin-top: 3px;

  text-align: center;

  transition: all 0.3s ease 0s;

  width: 42px;

}

.ht-about-work:hover > span {

    background: #222222 none repeat scroll 0 0;

    color: #ffffff;

}



.ht-work-text {

    overflow: hidden;

    padding-left: 10px;

}



.team-img img {

    width: 100%;

}



.team-img {

    position: relative;

}



.team-img::before {

    background: #000;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    width: 100%;

    z-index: 1;

}



.single-team:hover .team-img::before {

    opacity: 0.1;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.single-team {

    background: #f1f1f1 none repeat scroll 0 0;

}



.team-info {

    padding: 15px;

}



.team-link {

    left: 0;

    opacity: 0;

    position: absolute;

    right: 0;

    text-align: center;

    top: 70%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all 0.6s ease 0s;

    transition: all 0.6s ease 0s;

    width: 100%;

    z-index: 5;

    background: #fff;

    padding: 10px;

}



.team-link ul li {

    display: inline-block;

    margin: 0 10px;

}



.team-link ul li a {

    color: #1371b7;

    font-size: 20px;

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.team-link ul li a:hover {

    color: #222222;

}



.single-team:hover .team-link {

    top: 50%;

    opacity: 1;

}



.team-info h4 {

    font-size: 20px;

    font-weight: 500;

    margin-bottom: 5px;

}



.team-info p {

    font-family: Yanone Kaffeesatz;

    font-size: 17px;

    font-style: italic;

    font-weight: 400;

}



.skill-progress {

    overflow: hidden;

    padding-top: 30px;

}



.progress {

  border-radius: 2px;

  height: 5px;

  margin-bottom: 50px;

  overflow: visible;

  position: relative;

}



.progress .skill-title {

  font-size: 15px;

  font-weight: 500;

  position: absolute;

  text-transform: uppercase;

  top: -28px;

}



.progress .progress-bar {

    background: #7b7b7b none repeat scroll 0 0;

    border-radius: 2px 0 0 2px;

    height: 5px;

}



.skill-progress .progress:last-child {

    margin-bottom: 0;

}



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

/* 28. Contact Us CSS

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

.contact-area h3 {

    font-size: 25px;

    line-height: 25px;

}

.contact-area .form-control {

    font-size: 15px;

    margin-bottom: 30px;

    padding: 10px 15px;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}

.contact-area .form-control:focus {

    background: #fff;

}



.contact-area textarea.form-control {

    min-height: 220px;

    margin-bottom: 0;

}

.contact-form p{

  margin-top: 15px;

}

.contact-form p.error {

    color: #ff0000;

}



.contact-form p.success {

    color: green;

}



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

/* 29. Popup Window CSS

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

.popup_wrapper {

    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;

    height: 100%;

    opacity: 0;

    position: fixed;

    -webkit-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

    visibility: hidden;

    width: 100%;

    z-index: 9999999;

    top: 0;

}



.test {

    background: #ffffff none repeat scroll 0 0;

    bottom: 0;

    height: 390px;

    left: 0;

    margin: auto;

    max-width: 790px;

    padding: 25px 50px;

    position: absolute;

    right: 0;

    top: 0;

}



.popup_off {

    background: #666666 none repeat scroll 0 0;

    border: 1px solid #ffffff;

    color: #ffffff;

    cursor: pointer;

    display: block;

    font-size: 11px;

    font-weight: 500;

    height: 25px;

    line-height: 25px;

    position: absolute;

    right: 0;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    top: -26px;

    -webkit-transition: all 0.3s ease-in 0s;

    transition: all 0.3s ease-in 0s;

    width: 75px;

}



.popup_off:hover {

    background: #1a1a1a none repeat scroll 0 0;

}



.subscribe-form-group {

    margin-top: 15px;

}



.subscribe-form-group input {

    background: #eaeaea none repeat scroll 0 0;

    border: 0 none;

    color: #222;

    height: 41px;

    line-height: 20px;

    padding: 0 20px;

    width: 380px;

}

.subscribe-bottom label {

    font-size: 15px;

    margin: 0;

    vertical-align: middle;

}

.subscribe_area p {

    color: #555;

    font-size: 15px;

}



.subscribe-bottom input {

  vertical-align: middle;

}



.subscribe-form-group button {

    background: #222222 none repeat scroll 0 0;

    border: 0 none;

    color: #fff;

    display: block;

    font-size: 12px;

    font-weight: 600;

    line-height: 38px;

    margin: 20px auto;

    padding: 2px 20px 0;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}



.subscribe-form-group button:hover {

    background: #1371b7  none repeat scroll 0 0;

    color: #fff;

}



.subscribe_area h2 {

    font-size: 35px;

    font-weight: 500;

    margin-bottom: 10px;

    text-transform: uppercase;

}

.banner_popup_area > img {

  width: 100%;

}

.popup_off_banner {

  color: #ffffff;

  cursor: pointer;

  display: block;

  font-size: 35px;

  font-weight: 500;

  line-height: 25px;

  position: absolute;

  right: 11px;

  text-align: center;

  text-decoration: none;

  top: 6px;

  transition: all 0.3s ease-in 0s;

}

.mb-10{

  margin-bottom: 10px !important;

}

.cblue{

  color: #0074BD !important;

}

.min-width-245{

  min-width: 245px !important;

}

.pst-relative {

  position: relative;

}

.p-8-10 {

  padding: 8px 10px !important;

}

.backdrop {

  position: fixed;

  background: rgba(128, 128, 128, .5);

  width: 0;

  top: 0;

  height: 100vh;

  z-index: 1050;

}

.backdrop.show {

  width: 100%;

}



.pagination-custom li a {

  width: 34px;

  height: 30px;

  line-height: 30px;

}



.pagination-custom li a:hover {

  background: #0074BD;

}



.pagination-custom li.active a {

  background: #0074BD none repeat scroll 0 0 !important;

}



/*header*/

.header-top-area{

	background: #FFCF00;

}

.header-top-area ul li:hover span,

.header-top-area ul li:hover a{

	color: #FFF;

}



.header-middle .cart-box ul li{

  position: relative;

}



.header-middle .cart-box ul li a .my-cart .total-pro{

  border-radius: 50%;

  min-width: 20px;

  height: 20px;

  line-height: 22px;

  position: absolute;

  top: -10px;

  left: 15px;

}



.header-middle .vertical-menu.mobile-menu-custom{

  z-index: 1060;

  margin-bottom: 0;

}



.header-middle .vertical-menu.mobile-menu-custom #cate-mobile-icon{

  background: transparent;

}



.header-middle .vertical-menu.mobile-menu-custom #cate-mobile-toggle-custom{

  width: 275px;

  height: 100vh;

  background: #FFF;

  top: 0;

  left: -275px;

  position: fixed;

  -webkit-transition: all .25s ease-in-out;

  transition: all .25s ease-in-out;

  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;

}

.header-middle .vertical-menu.mobile-menu-custom #cate-mobile-toggle-custom span .fa-times{

  position: absolute;

  right: 20px;

  top: 8px;

}

.header-middle .vertical-menu.mobile-menu-custom #cate-mobile-toggle-custom > ul{

  padding-top: 25px;

  padding-left: 0;

}



.header-middle .vertical-menu.mobile-menu-custom #cate-mobile-toggle-custom > ul li {

  padding: 8px 0 8px 10px;

  border-bottom: 1px solid #f4f4f4;

}



.header-middle .vertical-menu.mobile-menu-custom #cate-mobile-toggle-custom > ul li:last-child {

  padding-left: 10px !important;

  border-bottom: none;

}



.header-middle .vertical-menu.mobile-menu-custom #cate-mobile-toggle-custom > ul li i {

  font-size: 18px;

  font-weight: 500;

  top: 8px;

  width: 20px;

  height: 20px;

  right: 10px;

}



.header-middle .vertical-menu.mobile-menu-custom #cate-mobile-toggle-custom > ul > li > a{

  font-size: 16px;

}



.header-middle .vertical-menu.mobile-menu-custom.menu-active #cate-mobile-toggle-custom{

  left: 0;

  overflow: scroll;

}



.header-middle .vertical-menu.mobile-menu-custom.menu-active #cate-mobile-toggle-custom ul.category-sub{

  margin-top: 6px;

}



.header-middle .header-conntact{

  padding: 5px 0px;

  margin-top: 15px;

}

.header-middle .header-conntact .text-line{

  font-size: 16px;

  margin-top: -18px;

  margin-bottom: 5px;

}

.header-middle .cart-box{

  margin-top: 10px;

}



.header-middle .header-conntact p:nth-child(2) {
    margin-bottom: 5px;
  }
  
  .header-middle .header-conntact p .contact-name {
    font-size: 20px;
    display: inline-block;
    width: 159px;
    margin-right: 5px;
    text-align: right;
  }
  
  
  .header-middle .header-conntact p .contact-phone {
    font-size: 28px;
    /*color: #4a90e2;*/
  }
  
  @media only screen and (max-width: 1600px) {
    .header-middle .header-conntact p .contact-name {
      font-size: 16px;
      width: 110px;
    }
  
  
    .header-middle .header-conntact p .contact-phone {
      font-size: 24px;
    }
  }
  
  @media only screen and (max-width: 1250px) {
    .header-middle .header-conntact p .contact-name {
      font-size: 13px;
      width: 85px;
    }
  
  
    .header-middle .header-conntact p .contact-phone {
      font-size: 18px;
    }
  }
  
  .header-middle .header-conntact p.header-conntact-phone { 
    font-weight: 800;
    white-space: nowrap;
    background: linear-gradient(to right,#4a90e2 10%, #095fab 50%, #57d75b 60%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 10s linear infinite, 3s always ease alternate infinite;
  }
  
  @keyframes textclip {
    to {
      background-position: 100vw 0px;
    }
  }
  
  @keyframes always {
    100% { transform: scale(1.1);}
  }



.header-bottom,

.header-bottom .categorie-title {

  background: #4a90e2;

}



.header-bottom nav > ul.header-menu-custom >li {

  border-right: 1px solid #FFF;

  min-width: 176px;

}



.header-bottom nav > ul.header-menu-custom >li > ul {

  width: 181px;

  padding: 0;

}



.header-bottom nav > ul.header-menu-custom >li:hover  ul {

  padding: 0;

}





.header-bottom nav > ul.header-menu-custom >li:last-child { 

  border-right: none;

}



.header-bottom nav > ul.header-menu-custom li a {

  font-size: 14px;

}



.header-bottom nav > ul.header-menu-custom >li > a {

  padding-right: 60px;

  padding-left: 60px;

  color: #FFF;

}



@media (max-width: 1440px) {

  .header-bottom nav > ul.header-menu-custom >li > a {

    padding-right: 40px;

    padding-left: 40px;

  }

}



@media (max-width: 1199px) {

  .header-bottom nav > ul.header-menu-custom >li > a {

    padding-right: 15px;

    padding-left: 15px;

  }

}



.header-bottom nav > ul.header-menu-custom >li > a > i {

  font-size: 20px;

  padding-right: 8px;

  position: relative;

  top: 1px;

}



.header-bottom .categorie-title {

  color: #FFF;

}





.header-bottom .header-menu-custom li ul.vertical-menu-list li .mega-child-2 li a,

.header-bottom .header-menu-custom li ul.vertical-menu-list li .mega-child-2 ul.mega-child-3 li a{

  color: #333;

}



.header-bottom .header-menu-custom li ul.vertical-menu-list li:hover a,

.header-bottom .header-menu-custom li ul.vertical-menu-list li .mega-child-2 li:hover a,

.header-bottom .header-menu-custom li ul.vertical-menu-list li ul.mega-child-3 li:hover a{

  color: #1371b7;

}



.header-bottom .header-menu-custom li ul.vertical-menu-list li .mega-child {

  left: 100%;

  top: 0px;

}



.header-bottom .header-menu-custom li ul.vertical-menu-list li .mega-child li {

  width: 100%;

}



/*main*/

.image-banner .main-product-tab-area .section-ttitle h4{

	position: relative;

	padding-left: 10px;

}

/*.image-banner .main-product-tab-area .section-ttitle h4:before{

	content: "";

	border: 2px solid #1a1f9c;

    position: absolute;

	height: 35px;

    top: -5px;

    left: 0;

}*/



.main-page-banner .vertical-menu-custom ul.vertical-menu-list {

  padding: 0;

  /* box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1); */

  height: 366px;

  overflow: hidden;

}



.main-page-banner .vertical-menu-custom ul.vertical-menu-list:hover { 

  overflow: visible;

  height: auto;

}



.main-page-banner .vertical-menu-custom ul.vertical-menu-list > li > a {

  padding: 6px 20px;

}



/*menu-mobile*/

.category-menu .category-mobile-custom li.has-sub > a::after{

  content: "" !important;

}



.category-menu .category-mobile-custom li.has-sub.open > i{

  color: #1371b7;

}



.category-menu .category-mobile-custom li.has-sub  > i{

  position: absolute;

  font-size: 12px;

  right: 20px;

  top: 15px;

}



/*foot*/

.introduction {

    clear: both;

    width: 100%;

    padding-top: 20px;

    margin: auto;

    overflow: hidden;

    margin-bottom: 10px;

}

/*.introduction:before {

    content: '';

    width: 50px;

    height: 2px;

    display: block;

    background-color: #1371b7;

    margin-bottom: 0px;

}*/

.introduction p.title-intro {

    color: #333;

    font-weight: 700;

    margin-bottom: 10px;

    overflow: hidden;

}

.introduction div.info {

    line-height: 1.5em;

}

.copyright {

    clear: both;

    overflow: hidden;

    color: #000;

    padding: 10px 0;

    width: 100%;

    margin: auto;

    font-size: 13px;

    border-top: solid 1px #ccc;

    text-align: center;

}

.introduction p, .introduction span, .introduction i, .introduction a, .introduction b{

    margin: 0;

    padding: 0;

    font-family: 'Roboto Condensed', sans-serif!important;

    font-size: 15px !important;

}

.info-tit{

    vertical-align: middle!important;

}

.line-through{

    text-decoration: line-through!important;

}

.introduction .title-intro{

    clear: both;

    font-size: 20px!important;

    padding: 2px 0 5px;

    overflow: hidden!important;

    text-transform: uppercase!important;

}





.coupon-information p.price-tag {

    display: block;

    margin: -5px 0 10px; 

    font-size: 15px;

    clear: both;

    padding-bottom: 7px;

}

.coupon-information p.price-tag span.tag {

    display: table-cell;

    font-size: 15px;

    color: #242424;

    line-height: 22px;

    padding-right: 10px;

	min-width:95px;

}

.coupon-information p.price-tag span.tag span {

    background: #1a579c;

    color: #fff;

    padding: 2px 5px;

    border-radius: 2px;

    text-transform: uppercase!important;

}

.coupon-information p.price-tag span.price {

    line-height: 22px;

    position: relative;

    padding-left: 10px;

    display: table-cell;

    font-size: 15px!important;

    color: #242424!important;

    float: none!important;

}

.coupon-information p.price-tag span.price span {

    color: #ff3b26;

    font-size: 18px;

    clear: both;

    width: 100%;

    display: inline-block;

    font-weight: 400;

}

.coupon-information p.price-tag span.price:after {

    content: "";

    position: absolute;

    left: 0;

    top: 4px;

    width: 1px;

    bottom: 4px;

    display: inline-block;

    background: #ccc;

}

.coupon-information {

  padding: 10px 0 0px 15px;

  height:69px;

}

.information .coupon-information{

  padding: unset;

    height: auto;

}

.information .coupon-information p.price-tag span.price span {

  font-size:15px;

}

.have-coupon .price{

  margin-top:5px!important;float:left;

}.have-coupon .store{

  margin-top:5px!important;margin-left:15px!important;float:left;

}

ul.phu-kien li{

  font-size: 14px;

  list-style: none;

  background: url(../css/icon-sView.png)no-repeat -26px -68px;

  padding-left: 10px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  margin-bottom: 5px;

}

.info-detail-product {

  font-size: 14px;

  font-family: 'Roboto Condensed', sans-serif;

}



.info-detail-product div,

.info-detail-product span,

.info-detail-product table tr th,

.info-detail-product table tr td {

  font-family: 'Roboto Condensed', sans-serif;

}

.info-detail-product img{

  max-width: 100%;

  height: auto !important;

}

.info-detail-product video{

  width: auto !important;

  max-width: 100%;

  height: auto !important;

}

.box-left-content{

  margin-bottom: 20px;

  padding-bottom: 15px;

  border-bottom: 1px solid #ddd;

}

.box-left-content:last-child{

  margin-bottom: 0px;

  border-bottom: none;

}

#manu_search{

  border: 1px solid #ddd;

  border-radius: 2px 0 0 2px;

  height: 30px;

  padding: 2px 50px 2px 5px;

  width: 100%;

}

.search_button{

  background-color: #1371b7;

  background-image: url(../img/magnifying-glass.png);

  background-position: 11px 4px;

  background-repeat: no-repeat;

  background-size: 22px;

  border: none;

  border-radius: 0 2px 2px 0;

  box-shadow: none;

  cursor: pointer;

  height: 30px;

  outline: none;

  position: absolute;

  right: 0;

  top: 0;

  webkit-box-shadow: none;

  width: 45px;

}



#tradename{

  margin-top: 10px!important;

  max-height: 350px;

  overflow-x: hidden;

  overflow-y: scroll;

}

#tradename::-webkit-scrollbar-track{

  background-color: #f3f4f6;

  webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}

#tradename::-webkit-scrollbar{

  background-color: #f3f4f6;

  width: 5px;

}

#tradename::-webkit-scrollbar-thumb{

  background-color: #0074bd;

  border: 2px solid #0074bd;

}

#tradename > li{

  border-bottom: 1px dotted #ddd;

  margin-right: 15px;

  padding-bottom: 2px;

  padding-top: 2px;

  line-height: 25px;

  padding-left: 15px;

}

#tradename > li:last-child{

  border-bottom: none;

}

#tradename > li > a{

  color: #333;

  font-size: 15px!important;

}

#tradename > li > a:hover{

  text-decoration: underline;

  color: #1371b7!important;

}



.product-content-box{

  clear: both;

  margin: 20px -15px 30px;

}

.product-content-box .product-table-title{

  display: inline-block;

  font-size: 18px;

  font-weight: 400;

  margin: 10px 0 10px;

  text-transform: uppercase;

  width: 100%;

}

.product-content{

  background: #fff;

  border: 1px solid #EFF0F5;

  border-radius: 4px;

  display: block;

  padding: 20px;

  width: 100%;

}

#tablealobuy{

  border: 1px solid #eee!important;

  border-collapse: collapse!important;

  border-spacing: 0!important;

}



.single-product .discount{

  position: absolute;

  z-index: 99;

  top: 10px;

  right: 10px;

  background: #f00;

  border-radius: 50%;

  width: 45px;

  height: 45px;

  padding: 6px 6px;

  text-align: center;

}

.single-product .discount p{

  font-size: 15px;

  color: #FFF;

  margin-bottom: 0!important;

  line-height: 17px;

}

.single-product .discount p.price-discount{

  font-weight: bold;

}



.box-support-detail-r{

  border: 1px solid #ececec;

  border-radius: 4px;

  margin: 0 0 20px 0;

  padding: 10px 5px 2px 5px;

}

.box-support-detail-r ul{

  margin: 0;

  padding: 0px;

}

.box-support-detail-r ul li{

  font-size: 14px;

  border-bottom: 1px dotted #cbcbcb;

  line-height: 20px;

  list-style: none;

  padding: 10px 0 5px;

}

.box-support-detail-r ul li:last-child{

  border-bottom: none;

}

.box-support-detail-r ul li img{

  margin-right: 6px;

  margin-top: -6px;

  max-height: 25px;

  max-width: 30px;

}

.box-support-detail-r .title{

  font-size: 18px;

}



.order-byphone{

  background: #fcfcfc;

  border: 1px solid #E7E7E7;

  border-radius: 2px;

  margin-top: 6px;

  padding: 5px 10px;

  position: relative;

  text-align: left;

}

.order-byphone p{

  font-size: 14px;

  line-height: 16px;

  margin-bottom: 0;

}

.order-byphone p.title{

  border-bottom: 1px dotted #CCC;

  clear: both;

  color: #028BD8;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 5px;

  padding: 5px 0 2px;

  padding-bottom: 5px;

  text-shadow: 0 1px 1px #fff;

  text-transform: uppercase;

}

.order-byphone.new p.hotline{

  background: url('../img/default/smartphone.png') no-repeat 0 4px;

  background-size: 20px;

  clear: both;

  overflow: hidden;

  padding: 8px 0 2px 25px;

}

.order-byphone.new p.address{

  background: url('../img/default/navigation.png') no-repeat 0 4px;

  background-size: 20px;

  clear: both;

  overflow: hidden;

  padding: 8px 0 2px 25px;

}

.order-byphone.new p.time-work{

  background: url('../img/default/alarm-clock.png') no-repeat 0 4px;

  background-size: 20px;

  clear: both;

  overflow: hidden;

  padding: 8px 0 2px 25px;

}

.order-byphone.new p.timer-out{

  background: url('../img/default/writing.png') no-repeat 0 4px;

  background-size: 20px;

  clear: both;

  overflow: hidden;

  padding: 8px 0 2px 25px;

}

.order-byphone .arr-up{

  background: url("../img/default/arr-up.png")no-repeat;

  display: block;

  height: 9px;

  left: 50%;

  position: absolute;

  top: -9px;

  width: 17px;

}



.page-cart:before{

  display: table;

  content: " ";

}



.page-cart:after{

  display: table;

  content: " ";

}



.page-cart .table thead tr th{

  padding: 8px!important;

}

.page-cart .table tbody tr td{

  padding: 8px!important;

}

.no-cart {

  margin: 0 auto 20px;

}

.bg-red

{

  background-color: #D60C0C !important;

  background-image: none;

  border: 1px solid transparent;

  border-color: transparent;

  color: #FFFFFF;

  cursor: pointer;

  display: block;

  font-size: 15px;

  font-weight: normal!important;

  height: 40px;

  line-height: 38px;

  margin-bottom: 0;

  max-width: 400px;

  padding: 0 40px;

  text-align: center;

  touch-action: manipulation;

  vertical-align: middle;

  white-space: nowrap;

}

.bg-red:hover

{

  color: #FFFFFF;

  opacity: 0.8;

}



/*cart*/

.main-product-thumbnail #productDescription .card{

  border: none;

  font-size: 15px;

  line-height: 22px;

}

.main-product-thumbnail #productDescription .card .card-header{

  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);

}

.main-product-thumbnail #productDescription .card .card-header h2{

  padding: 10px;

  font-size: 20px;

}

.main-product-thumbnail #productDescription .card .card-header h2 i{

  position: absolute;

  top: 15px;

  right: 10px;

}

.main-product-thumbnail .pro-quantity-detail{

  position: relative;

}

.main-product-thumbnail .product-brand span{

  font-size: 14px;

  padding-right: 10px;

}

.main-product-thumbnail .rating-summary .rating-feedback{

  font-size: 14px;

}

.main-product-thumbnail .pro-quantity-detail .box-quantity span{

  display: block;

  width: 70px;

  margin-right: 5px;

  font-size: 14px;

}

.box-quantity .qty{

  font-size: 14px;

  width: 40px;

  height: 28px;

  text-align: center;

  border: 1px solid rgba(128, 128, 128, .25);

  border-radius: 0;

}

.box-quantity .btn-qty{

  font-size: 14px;

  width: 28px;

  height: 28px;

  padding: 0;

  border: 1px solid rgba(128, 128, 128, .25);

  border-radius: 0;

  background: #FFF;

}

.box-quantity .btn-qty:hover{

  background: #e2e2e2!important;

}

.box-quantity .btn-qty:focus{

  box-shadow: none;

}

.box-quantity .btn-qty.giam{

  border-right: none;

}

.box-quantity .btn-qty.tang{

  border-left: none;

}

.page-cart .cart-title{

  font-size: 20px;

  line-height: 20px;

  font-weight: normal!important;

  margin: 15px 0 !important;

  position: relative;

}

.page-cart .table-content .cart-title:before{

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  background-image: url(spritesheet.png);

  background-repeat: no-repeat;

  display: block;

  width: 22px;

  height: 20px;

  background-position: -459px -360px;

}

.page-cart .product-thumbnail img{

  max-width: 100%;

  width: auto;

}

.page-cart .product-remove a{

  font-size: 13px;

}

.page-cart .product-remove a i{

  font-size: 15px !important;

  width: 20px !important;

  height: 20px !important;

  color: #007bff !important;

}

.page-cart .product-quantity .form-control.qty{

  border: 1px solid rgba(128, 128, 128, 0.3);

  background: #FFF;

  font-size: 13px;

  text-align: center;

  width: 60px;

  padding: 0 5px;

  margin: 0 auto;

  cursor: pointer;

}

.page-cart .product-quantity #exampleInputEmail1:focus{

  border: 1px solid rgba(0, 123, 255, 0.9);

}

.page-cart .cart-product {

  display: flex;

  align-items: center;

}

.page-cart .amount {

  font-weight: 400 !important;

  color: #333;

}

.page-cart .cart-product .product-info .product-heading{

  font-size: 16px;

}

.page-cart .cart-product .product-info .product-heading a{

  color: #333;

  font-weight: 700;

}

.page-cart .cart-product .product-info .product-heading a:hover{

  color: #007bff;

}

.page-cart .cart-product .product-info p{

  font-size: 12px;

}



.page-cart .cart-product .product-info .voucher-input-simple-left .voucher-input-simple-value{

  text-decoration: underline;

  color: rgba(128, 128, 128, 0.75);

}

.page-cart .btn-update{

  background-color: #0074BD !important;

  height: 40px;

  line-height: 38px;

  font-size: 16px;

  font-weight: normal!important;

  border-color: transparent;

  color: #FFFFFF!important;

  text-align: center;

  vertical-align: middle;

  touch-action: manipulation;

  cursor: pointer;

  background-image: none;

  border: 1px solid transparent;

  white-space: nowrap;

  display: block;

  margin-bottom: 0;

  padding: 0 40px;

  max-width: 400px;

}

.page-cart .btn-continue-buy{

  font-size: 16px;

  font-weight: 700;

  line-height: 28px;

}



.page-cart .bg-red{

  color: #FFF;

  max-width: 220px;

  width: 220px;

  background-color: #D60C0C !important;

  height: 40px;

  line-height: 38px;

  font-size: 16px;

  font-weight: normal!important;

  border-color: transparent;

  text-align: center;

  vertical-align: middle;

  touch-action: manipulation;

  cursor: pointer;

  background-image: none;

  border: 1px solid transparent;

  white-space: nowrap;

  display: block;

  margin-bottom: 0;

  padding: 0 40px;

}

.cart-title h4{

  padding: .6em 20px .6em 35px;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  background: #eee;

  cursor: pointer;

  margin-top: 7px;

  text-shadow: 0 1px 0 #fff;

  background-image: linear-gradient(#fff, #f1f1f1);

}

.item-product .row{

  margin-top: 20px;

  border-bottom: 1px dotted #ebebeb;

}

.item-product .row img{

  max-width: 100%;

  height: auto !important;

}

.icon-remove{

  float: right;

  margin-top: -8px;

  margin-right: 5px;

}

.icon-remove i{

  font-size: 25px;

  color: #333;

}

.widget-content {

  padding: 10px 15px 0px;

  border-radius: 4px;

  border: 1px solid #EEEEEE;

  overflow: hidden;

  margin-bottom: 5px;

  clear: both;

}

.bill-price-total {

  margin-bottom: 10px;

  display: block;

  width: 100%;

}

.bill-price-total span {

  color: #D60C0C;

  float: right;

  font-size: 20px;

  margin-top: -7px;

}

.voucher-input {

  margin-bottom: 10px;

}

.voucher-input-inner {

  display: table;

  width: 100%;

  margin-bottom: 4px;

}

.voucher-input-col:first-child {

  padding-right: 8px;

}

.voucher-input-col {

  display: table-cell;

  vertical-align: middle;

}

.voucher-input-col:last-child {

  width: 65px;

}

.voucher-input-button {

  border: none;

  height: auto;

  line-height: 30px;

  width: 80px;

  display: block;

  background-color: #0074BD;

  color: #fff;

  font-size: 15px;

  text-transform: uppercase;

  padding: 0;

  border-radius: 3px;

}

.voucher-input-col input {

  color: #212121;

  height: 32px;

  line-height: 38px;

  margin: 0;

  padding: 0 8px;

  font-size: 15px;

  width: 100%;

  border: 1px solid #ccc;

  outline: none;

  font-weight: 400;

  vertical-align: baseline;

  background-color: transparent;

}

.alert-success{

  background: none repeat scroll 0 0 #EEFFE5;

  border: 1px dashed #2B8001;

  color: #2B8001;

  margin-bottom: 10px;

  padding: 8px;

  margin: 5px 0 10px;

  text-align: center;

}

.voucher-input-simple {

  height: 32px;

  line-height: 32px;

  background-color: #fff;

  margin-bottom: 10px;

  width: 100%;

}

.voucher-input-simple-left {

  float: left;

  height: 32px;

  line-height: 32px;

}

.voucher-input-simple-title {

  color: #757575;

  margin-right: 8px;

}

.voucher-input-simple-value {

  color: #000;

  font-weight: 400;

  max-width: 144px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.voucher-input-simple-right {

  float: right;

}

.voucher-input-simple-voucher-fee {

  padding: 4px 2px;

  font-size: 15px;

  color: #424242;

  background-color: rgba(76,175,80,.1);

}

.voucher-input-simple-remove-btn {

  display: inline-block;

  height: 32px;

  font-size: 12px;

  line-height: 32px;

  color: #1a9cb7;

  margin-left: 8px;

  vertical-align: middle;

  cursor: pointer;

}



/*search page*/

.pages .pagebar-mainbody a, .pagelink-current{

  color: #333;

  display: inline-block;

  margin-left: 4px;

  min-width: 12px;

  overflow: visible;

  padding: 1px 5px 1px;

  text-align: center;

  vertical-align: middle;

  white-space: nowrap;

  width: auto!important;

}

.pagebar-mainbody .pagelink-current{

  background: #0074BD;

  border: 1px solid #0074BD;

  color: #FFF!important;

  padding: 4px 12px;

}

.pagebar-mainbody #page_x{

  border: 1px solid #0074BD;

  color: #0074BD;

  display: inline-block;

  padding: 4px 12px;

}



#diachigiaonhan .checkout-form-list input[type="text"]{

  border: 1px solid rgba(128, 128, 128, .3);

}



#diachigiaonhan .checkout-form-list .form-control .list{

  width: 100%;

  max-height: 285px;

  overflow-y: scroll;

  box-shadow: 0 3px 6px 0 rgba(0,0,0,.15);

  border: 1px solid rgba(60,60,60,.26);

}



/*checkout*/

#diachigiaonhan .checkout-form-list .form-control:focus{

  border-color: #0074BD;

}



#diachigiaonhan .checkout-form-list .form-control .list::-webkit-scrollbar-track{

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}

#diachigiaonhan .checkout-form-list .form-control .list::-webkit-scrollbar{

  width: 2px;

  background-color: #F5F5F5;

}

#diachigiaonhan .checkout-form-list .form-control .list::-webkit-scrollbar-thumb{

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

  background-color: #5a6074;

}



.box-process{

  color: #333;

  font-size: 13px;

  font-weight: 600;

  line-height: 40px;

}

.box-process .bullet-checkout{

  display: inline-block;

  position: relative;

  color: #fff!important;

  vertical-align: top;

  width: 24px;

  height: 40px;

  line-height: 40px;

  margin-right: 5px;

  background-repeat: no-repeat;

  background-position: center center;

  background-image: url(bullet-bg-gray.png);

}

.box-process.complete .bullet-checkout{

  background-image: url(bullet-bg-green-checked.png);

}

.box-process.active .bullet-checkout{

  background-image: url(bullet-bg-blue.png);

}

.box-process.complete .bullet-checkout .number{

  display: none;

}

.checkout-area .checkbox-form .title{

  font-size: 18px;

  font-weight: 500;

}

.checkout-area .list-product .title{

  font-size: 18px;

  padding: 0 40px;

}

.checkout-area .list-product .title a{

  font-size: 13px;

  float: right;

}



.checkout-area .list-product .your-order .cart_coupoon{

  border-top: 2px solid #FFF;

}



.checkout-area .list-product .your-order .cart_coupoon td{

  padding-left: 10px;

}



.checkout-area .your-order-table table tr.order-total td span{

  font-size: 15px;

}



/*checkout-complete*/

.box-infomation-checkout .box-cart{

  margin: 20px auto;

  text-align: center;

}

.box-infomation-checkout .box-info .title{

  color: #666;

  font-size: 20px;

  font-weight: 400;

  text-align: center;

  text-transform: uppercase;

  text-shadow: 0 1px 1px #fff;

  margin: 0;

}

.box-infomation-checkout .box-info hr{

  border: 2px solid #999;

  width: 300px;

  margin-top: 20px;

  margin-bottom: 20px;

}



.box-infomation-checkout .box-info h4{

  font-size: 18px

  margin-top: 10px;

  margin-bottom: 10px;;

}



.more-cart {

  margin-bottom: 30px;

  background: #fdd835;

  border-color: #fdd835;

  color: #4a4a4a;

  margin-top: 20px;

  padding: 9px 12px;

  width: 225px;

  text-align: center;

  margin: 20px auto;

}



.box-info-cart {

  background: #f8f8f8;

  border-radius: 12px;

  border: 1px solid #dadada;

  padding: 20px 20px 0px 20px;

  cursor: pointer;

}

.box-info-cart div{

  font-size: 13px;

}

.box-info-cart p{

  margin-bottom: 10px;

}

.box-info-cart strong{

  font-weight: 400;

}

.table-order-review thead>th{

  background: #f0f0f0!important;

}

.table-order-review .img-responsive{

  float: left;

  margin-right: 10px;

  max-width: 60px;

}

.table-order-review th, .table-order-review td{

  font-size: 15px;

}

.table-order-review .product-info{

  padding-top: 10px;

}

.table-order-review .product-info a{

  font-size: 15px;

}

span.sum{

  color: #ff3b27;

  font-size: 18px;

}



/*product*/

.main-shop-page .sidebar {

  padding: 15px 20px;

  border: 1px solid #f3f4f6;

  background-color: #f3f4f6;

  border-radius: 4px;

}

.main-shop-page .sidebar .electronics,

.main-shop-page .sidebar .search-filter {

  padding-bottom: 20px;

  margin-bottom: 20px;

}



.main-shop-page .vertical-menu .categorie-title{

  font-weight: 700;

  padding: 10px;

  border: 1px solid rgba(128, 128, 128, .2);

  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);

  background: #FFF;

}

.main-shop-page .vertical-menu .categorie-title .fa{

  position: absolute;

  top: 15px;

  right: 10px;

  font-size: 20px;

}

.single-product .pro-img{

  height: 210px;

}

.single-product .pro-img a img{

  height: auto;

  max-height: 100%;

  object-fit: contain;

}



.single-product:hover .pro-content .pro-actions{

  top: 50%;

  transform: translateY(-50%);

}



.hot-deal-products .post-title h2{

  background: #FFF;

  color: #333;

  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);

  font-size: 16px;

}



/*breadcrumb*/

.breadcrumb ul {

  display: block !important;

}

.breadcrumb ul li {

  display: inline;

}

/*contact*/

.contact-info .title {

  font-size: 18px;

  font-weight: 600;

  margin-bottom: 5px;

}

.contact-info .items-contact li {

  padding: 5px 10px;

}



.contact-info .items-contact li i {

  padding: 5px 10px 5px 0;

}



.contact-info .items-contact li strong {

  font-weight: 600;

}



/*coc-coc*/

.coccoc-alo-phone{

  background-color: transparent;

  cursor: pointer;

  height: 150px;

  moz-transition: visibility .5s;

  o-transition: visibility .5s;

  position: fixed;

  right: 150px;

  transition: visibility .5s;

  visibility: hidden;

  webkit-backface-visibility: hidden;

  webkit-transform: translateZ(0);

  webkit-transition: visibility .5s;

  width: 150px;

  z-index: 200000 !important;

}

.coccoc-alo-phone.coccoc-alo-show{

  visibility: visible;

}

@-webkit-keyframes fadeInRight{

  0%

  {

    opacity: 0;

    transform: translate3d(100%, 0, 0);

    webkit-transform: translate3d(100%, 0, 0);

  }

  100%

  {

    opacity: 1;

    transform: none;

    webkit-transform: none;

  }

}

@-webkit-keyframes fadeInRightBig{

  0%

  {

    opacity: 0;

    transform: translate3d(2000px, 0, 0);

    webkit-transform: translate3d(2000px, 0, 0);

  }

  100%

  {

    opacity: 1;

    transform: none;

    webkit-transform: none;

  }

}

@-webkit-keyframes fadeOutRight{

  0%

  {

    opacity: 1;

  }

  100%

  {

    opacity: 0;

    transform: translate3d(100%, 0, 0);

    webkit-transform: translate3d(100%, 0, 0);

  }

}

.fadeOutRight {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight 

}

.coccoc-alo-phone.coccoc-alo-static {

    opacity: .6 

}

.coccoc-alo-phone.coccoc-alo-hover, .coccoc-alo-phone:hover {

    opacity: 1 

}

.coccoc-alo-ph-circle {

    width: 110px;

    height: 110px;

    top: -11px;

    left: 40px;

    position: absolute;

    background-color: transparent;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid rgba(30, 30, 30, 0.4);

    border: 2px solid #bfebfc 9;

    opacity: .1;

    -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;

    -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;

    -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;

    -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;

    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50% 

}

.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle {

    -webkit-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;

    -moz-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;

    -ms-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;

    -o-animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;

    animation: coccoc-alo-circle-anim 1.1s infinite ease-in-out !important 

}

.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle {

    -webkit-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;

    -moz-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;

    -ms-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;

    -o-animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;

    animation: coccoc-alo-circle-anim 2.2s infinite ease-in-out !important 

}

.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-circle {

    border-color: #00aff2;

    opacity: .5 

}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {

    border-color: #75eb50;

    border-color: #baf5a7 9;

    opacity: .5 

}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {

    border-color: #F20000;

    border-color: #bfebfc 9;

    opacity: .5 

}

.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle {

    border-color: #ccc;

    opacity: .5 

}

.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle {

    border-color: #75eb50;

    opacity: .5 

}

.coccoc-alo-ph-circle-fill {

    width: 80px;

    height: 80px;

    top: 2px;

    left: 55px;

    position: absolute;

    background-color: #000;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid transparent;

    opacity: .1;

    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;

    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50% 

}

.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill {

    -webkit-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;

    -moz-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;

    -ms-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;

    -o-animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;

    animation: coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important 

}

.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill {

    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;

    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;

    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;

    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;

    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;

    opacity: 0 !important 

}

.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill {

    background-color: rgba(0, 175, 242, 0.5);

    background-color: #00aff2 9;

    opacity: .75 !important 

}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {

    background-color: rgba(117, 235, 80, 0.5);

    background-color: #baf5a7 9;

    opacity: .75 !important 

}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {

    background-color: rgba(242, 223, 0, 0.85);

    background-color: #a6e3fa 9;

    opacity: .75 !important 

}

.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill {

    background-color: rgba(204, 204, 204, 0.5);

    background-color: #ccc 9;

    opacity: .75 !important 

}

.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill {

    background-color: rgba(117, 235, 80, 0.5);

    opacity: .75 !important 

}

.coccoc-alo-ph-img-circle {

    width: 50px;

    height: 50px;

    top: 16px;

    left: 70px;

    position: absolute;

    background: rgba(30, 30, 30, 0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center;

    background-size: 75%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid transparent;

    opacity: .7;

    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;

    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;

    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;

    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;

    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50% 

}

.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle {

    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;

    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;

    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;

    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;

    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out !important 

}

.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle {

    -webkit-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;

    -moz-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;

    -ms-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;

    -o-animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;

    animation: coccoc-alo-circle-img-anim 0s infinite ease-in-out !important 

}

.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-img-circle {

    background-color: #00aff2 

}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {

    background-color: #75eb50;

    background-color: #75eb50 9 

}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {

    background-color: #00aff2;

}

.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle {

    background-color: #ccc 

}

.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle {

    background-color: #75eb50 

}

@-moz-keyframes coccoc-alo-circle-anim {

    0% {

        -moz-transform: rotate(0) scale(.5) skew(1deg);

        opacity: .1;

        -moz-opacity: .1;

        -webkit-opacity: .1;

        -o-opacity: .1 

    }

    30% {

        -moz-transform: rotate(0) scale(.7) skew(1deg);

        opacity: .5;

        -moz-opacity: .5;

        -webkit-opacity: .5;

        -o-opacity: .5 

    }

    100% {

        -moz-transform: rotate(0) scale(1) skew(1deg);

        opacity: .6;

        -moz-opacity: .6;

        -webkit-opacity: .6;

        -o-opacity: .1 

    }

}

@-webkit-keyframes coccoc-alo-circle-anim {

    0% {

        -webkit-transform: rotate(0) scale(.5) skew(1deg);

        -webkit-opacity: .1 

    }

    30% {

        -webkit-transform: rotate(0) scale(.7) skew(1deg);

        -webkit-opacity: .5 

    }

    100% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

        -webkit-opacity: .1 

    }

}

@-o-keyframes coccoc-alo-circle-anim {

    0% {

        -o-transform: rotate(0) kscale(.5) skew(1deg);

        -o-opacity: .1 

    }

    30% {

        -o-transform: rotate(0) scale(.7) skew(1deg);

        -o-opacity: .5 

    }

    100% {

        -o-transform: rotate(0) scale(1) skew(1deg);

        -o-opacity: .1 

    }

}

@-moz-keyframes coccoc-alo-circle-fill-anim {

    0% {

        -moz-transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

    50% {

        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);

        opacity: .2 

    }

    100% {

        -moz-transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

}

@-webkit-keyframes coccoc-alo-circle-fill-anim {

    0% {

        -webkit-transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

    50% {

        -webkit-transform: rotate(0) scale(1) skew(1deg);

        opacity: .2 

    }

    100% {

        -webkit-transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

}

@-o-keyframes coccoc-alo-circle-fill-anim {

    0% {

        -o-transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

    50% {

        -o-transform: rotate(0) scale(1) skew(1deg);

        opacity: .2 

    }

    100% {

        -o-transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

}

@-moz-keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

    10% {

        -moz-transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    20% {

        -moz-transform: rotate(25deg) scale(1) skew(1deg) 

    }

    30% {

        -moz-transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    40% {

        -moz-transform: rotate(25deg) scale(1) skew(1deg) 

    }

    50% {

        -moz-transform: rotate(0) scale(1) skew(1deg) 

    }

    100% {

        -moz-transform: rotate(0) scale(1) skew(1deg) 

    }

}

@-webkit-keyframes coccoc-alo-circle-img-anim {

    0% {

        -webkit-transform: rotate(0) scale(1) skew(1deg) 

    }

    10% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    20% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg) 

    }

    30% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    40% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg) 

    }

    50% {

        -webkit-transform: rotate(0) scale(1) skew(1deg) 

    }

    100% {

        -webkit-transform: rotate(0) scale(1) skew(1deg) 

    }

}

@-o-keyframes coccoc-alo-circle-img-anim {

    0% {

        -o-transform: rotate(0) scale(1) skew(1deg) 

    }

    10% {

        -o-transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    20% {

        -o-transform: rotate(25deg) scale(1) skew(1deg) 

    }

    30% {

        -o-transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    40% {

        -o-transform: rotate(25deg) scale(1) skew(1deg) 

    }

    50% {

        -o-transform: rotate(0) scale(1) skew(1deg) 

    }

    100% {

        -o-transform: rotate(0) scale(1) skew(1deg) 

    }

}

@-moz-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0) 

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none 

    }

}

@-webkit-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0) 

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none 

    }

}

@-o-keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0) 

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none 

    }

}

@keyframes fadeInRight {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0) 

    }

    100% {

        opacity: 1;

        -webkit-transform: none;

        -ms-transform: none;

        transform: none 

    }

}

@-moz-keyframes fadeOutRight {

    0% {

        opacity: 1 

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0) 

    }

}

@-webkit-keyframes fadeOutRight {

    0% {

        opacity: 1 

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0) 

    }

}

@-o-keyframes fadeOutRight {

    0% {

        opacity: 1 

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0) 

    }

}

@keyframes fadeOutRight {

    0% {

        opacity: 1 

    }

    100% {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        -ms-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0) 

    }

}

@-moz-keyframes coccoc-alo-circle-anim {

    0% {

        transform: rotate(0) scale(.5) skew(1deg);

        opacity: .1 

    }

    30% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .5 

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .1 

    }

}

@-webkit-keyframes coccoc-alo-circle-anim {

    0% {

        transform: rotate(0) scale(.5) skew(1deg);

        opacity: .1 

    }

    30% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .5 

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .1 

    }

}

@-o-keyframes coccoc-alo-circle-anim {

    0% {

        transform: rotate(0) scale(.5) skew(1deg);

        opacity: .1 

    }

    30% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .5 

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .1 

    }

}

@keyframes coccoc-alo-circle-anim {

    0% {

        transform: rotate(0) scale(.5) skew(1deg);

        opacity: .1 

    }

    30% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .5 

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .1 

    }

}

@-moz-keyframes coccoc-alo-circle-fill-anim {

    0% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .2 

    }

    100% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

}

@-webkit-keyframes coccoc-alo-circle-fill-anim {

    0% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .2 

    }

    100% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

}

@-o-keyframes coccoc-alo-circle-fill-anim {

    0% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .2 

    }

    100% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

}

@keyframes coccoc-alo-circle-fill-anim {

    0% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .2 

    }

    100% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2 

    }

}

@-moz-keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg) 

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg) 

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

}

@-webkit-keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg) 

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg) 

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

}

@-o-keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg) 

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg) 

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

}

@keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg) 

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg) 

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg) 

    }

    50% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

    100% {

        transform: rotate(0) scale(1) skew(1deg) 

    }

}

#coccoc-alo-wrapper {

    position: fixed;

    width: 100%;

    bottom: 0;

    top: 0;

    left: 0;

    z-index: 2000000;

    overflow: visible;

    display: none;

    color: #383838 

}

#coccoc-alo-wrapper.night-mode {

    color: #fff 

}

.coccoc-alo-popup-close {

    -webkit-border-radius: 2px !important;

    -moz-border-radius: 2px !important;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    position: absolute !important;

    right: -15px !important;

    top: -15px !important;

    height: 30px !important;

    width: 30px !important;

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");

    background-position: center center;

    background-repeat: no-repeat;

    cursor: pointer !important;

    -webkit-transition: .3s ease-out !important;

    -moz-transition: .3s ease-out !important;

    -o-transition: .3s ease-out !important;

    transition: .3s ease-out !important 

}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close {

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC") 

}

#coccoc-alo-wrapper .coccoc-alo-popup-close:hover {

    opacity: .6 !important 

}

.coccoc-alo-popup {

    display: inline-block;

    position: relative;

    -webkit-border-radius: 16px;

    -moz-border-radius: 16px;

    border-radius: 16px;

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");

    -webkit-transition: .6s ease-out;

    -moz-transition: .6s ease-out;

    -o-transition: .6s ease-out;

    transition: .6s ease-out;

    margin: 0 auto;

    z-index: 200001;

    text-align: center;

    padding: 60px 75px 

}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup {

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=") 

}

#coccoc-alo-wrapper .coccoc-alo-overlay {

    position: fixed;

    width: 100%;

    height: 100%;

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");

    top: 0;

    left: 0;

    z-index: 200000 

}

.coccoc-alo-popup h3 {

    font-size: 24px;

    margin: 0 0 40px;

    font-family: 'Open Sans';

    font-weight: 400;

    white-space: nowrap 

}

.night-mode .coccoc-alo-popup h3 {

    font-size: 23px 

}

.night-mode .coccoc-alo-message {

    padding-bottom: 0 

}

.coccoc-alo-message {

    height: 32px;

    padding: 18px 0 13px 0;

    text-align: center;

    clear: both;

    font-size: 15px 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label, #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input {

    float: left;

    width: 49% 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input {

    padding: 0 13px 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label {

    color: #616161;

    font-size: 18px;

    height: 28px;

    line-height: 28px;

    padding-right: 15px 

}

.coccoc-alo-number {

    color: #00bed5;

    font-size: 28px;

    font-family: Montserrat, "Lucida Console", Monaco, monospace, sans-serif;

    font-weight: normal;

    background-color: transparent;

    border: none;

    border-width: 0;

    display: inline-block;

    border-bottom: #00bed5 solid 1px;

    padding-bottom: 10px;

    margin: 0 auto;

    width: 221px 

}

coccoc-alo-number::-ms-clear {

    display: none;

    width: 0;

    height: 0 

}

.night-mode .coccoc-alo-number {

    border: #00bed5 solid 1px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    padding: 13px 31px 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid {

    color: #ff496b 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus {

    outline: 0 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {

    color: #d1d1d1 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {

    color: #d1d1d1 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder {

    color: #d1d1d1 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {

    color: #d1d1d1 

}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder {

    color: #60615f 

}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {

    color: #60615f 

}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder {

    color: #60615f 

}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder {

    color: #60615f 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit {

    border: none;

    border-width: 0;

    padding: 20px 40px;

    background-color: #333;

    -webkit-border-radius: 68px;

    -moz-border-radius: 68px;

    -webkit-border-radius: 68px;

    -moz-border-radius: 68px;

    border-radius: 68px;

    font-family: "Open Sans", Arial, Helvetica, sans-serif;

    font-size: 20px;

    color: #fff;

    cursor: pointer;

    outline: none !important 

}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit {

    background-color: #00bed5 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive, #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited {

    outline: none !important 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner {

    border: 0 

}

#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover {

    background-color: #00aff2;

    background-color: #00aff2 

}

.coccoc-alo-blur {

    -webkit-filter: blur(3px);

    -ms-filter: blur(3px);

    -moz-filter: blur(3px);

    -o-filter: blur(3px);

    filter: blur(3px);

    filter: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur") 

}

#coccoc-countdown {

    padding-top: 20px;

    font-family: "Open Sans", Arial, Helvetica, sans-serif;

    font-size: 28px;

    font-weight: 400 

}

.coccoc-alo-request-time {

    font-family: "Open Sans", Arial, Helvetica, sans-serif;

    padding: 6px 12px;

    font-size: 18px;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 

}

#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time {

    color: #fff;

    background-color: #515350;

    border: 1px solid #606260 

}

#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3 {

    margin-bottom: 15px 

}

#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper {

    margin-bottom: 35px 

}

.coccoc-alo-table {

    display: table;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0 

}

.coccoc-alo-cell {

    display: table-cell;

    vertical-align: middle;

    text-align: center 

}

.body-new #main_features {

    height: 600px;

    border: 1px solid #F0F0F0;

    border-top: none;

    border-left: none;

    border-radius: 4px;

    position: relative;

}



#thongtinchitiet table{

	width: 100% !important;

}



/*mobile*/

@media only screen and (max-width: 991px) {

  .home-banner-manufacture {

    display: none;

  }

  .product-header {

    font-size: 21px !important; 

  }

  /* #thongtinchitiet table{ */

    /* width: 100% !important; */

  /* } */

  #thongtinchitiet h1,

  #thongtinchitiet h2,

  #thongtinchitiet h3,

  #thongtinchitiet h4,

  #thongtinchitiet h5,

  #thongtinchitiet h6 {

	width: 100% !important;

  }

}

@media only screen and (max-width: 767px) {

  .tab-menu {

    margin-bottom: 10px;

    background-size: 100% !important;

  }

  .tab-menu .section-ttitle {

    margin-right: auto !important;

  }

   #thongtinchitiet span{

    white-space: normal !important;

  }

}

@media only screen and (max-width: 415px) {

  #thongtinchitiet iframe{

    width: auto !important;

    max-width: 100%;

    height: auto !important;

  }

  

  /*product-detail*/

  .main-product-thumbnail .thubnail-desc .pro-price span{

    display: inline-block;

  }

  .main-product-thumbnail .thubnail-desc .pro-price span > .price{

    font-size: 21px;

  }

  .main-product-thumbnail .pro-quantity-detail .pro-ref{

    position: absolute;

    right: 0;

    top: 0;

  }

  .main-product-thumbnail .pro-quantity-detail .pro-actions{

    margin-left: 0;

  }

  .main-product-thumbnail .pro-quantity-detail .pro-actions .actions-primary .addtocart{

    width: 100%;

  }

}

/*K*/

li.driver {

    border: 0.5px inset #d1d1d1;

    box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;

}

.title-role {

    border-bottom: 2px inset #1371b7 !important;

    color: #1371b7 !important;

    font-size: 20px;

    margin: 15px 0 10px;

}

.logo{

  max-width: 150px;

  margin-left: auto;

  margin-right: auto;

}

.logo img{

  max-width: 100%;

  height: auto;

}

ul.vertical-menu-list > li a{

  position: relative;

}

ul.vertical-menu-list > li.icon-menu a::after {

    font-family: "FontAwesome";

    content: '\f101';

    color: #a6a6a6;

    font-size: 18px;

    position: absolute;

    right: 12px;

    transition: all .3s;

}

ul.vertical-menu-list > li:hover > a::after, ul.vertical-menu-list > li ul li:hover > a::after{

  color: #1371b7;

}

.single-product:hover .pro-img img{

    opacity: 0.6;

}

.product-header, .pro-price{

    border-bottom: 1px dotted #e1e1e1;

    -webkit-box-shadow: inset 0 0 0 1px #ffffff;

    box-shadow: inset 0 0 0 1px #ffffff;

    padding-bottom: 10px;

}

.vertical-menu-list li img {

    filter: opacity(0.7);

}

.tab-menu{

    background: #1371b7 url(../img/default/banner-default.png) center no-repeat;

    margin-right: 0;

    padding: 10px 0;

    text-align: center;

    background-color: #fff;

    background-size: contain;

}

.tab-menu .section-ttitle {

    margin-left: auto;

    margin-right: auto;

    padding-right: 75px;

    color: #fff;

    font-weight: 700;

}

.categorie-search-box {

    margin-bottom: 15px;

    margin-top: 12px;

}

.tag-bottom-search p {

    font-size: 13px;

    padding: 0 5px;

    color: #000;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}

.header-sticky .vertical-menu{

  display: none;

}

.header-sticky.sticky .vertical-menu{

  display: block;

}

.jas-sale-pop img{

  height: auto

}

@media only screen and (max-width: 1199px){

  .main-page-banner .vertical-menu-custom ul.vertical-menu-list {

    height: 305px;

  }

  .header-middle .header-conntact p span {

      font-size: 20px;

  }

  .header-bottom-list {

    padding-left: 20px;

  }

}

@media only screen and (max-width: 991px){  

  .tab-menu .section-ttitle h4{

    font-size: 16px;

  }

  .header-sticky .vertical-menu{

    display: block;

  }  

  .header-sticky.sticky{

    display: none !important;

  }

}

@media only screen and (max-width: 767px){

  .tab-menu{

    background-size: contain;

  }

  .tab-menu .section-ttitle h4{

    font-size: 13px;

  }

  .img-zoom-lens {

    display: none !important;

    width: 0 !important;

    height: 0 !important;

    z-index: 0 !important;

  }

  #thumb_zoom_content a {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    z-index: 999;

  }

  .thumb_zoom img{

    position: inherit;

    z-index: -1;

  }

  #list-view .single-product .pro-content .prev-price {

	display: block;

  }

  

  #list-view .single-product .pro-content .label-product {

	position: absolute;

    top: 0;

	right: 0;

    color: #e62e04;

    font-weight: 900;

    font-size: 18px;

  }

  

  #list-view .single-product .pro-content .label-product:after {

	content: "";

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MjUwQkQxN0VGMTFFOEI1REJFQzkxOTQzQ0YyNjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MjUwQkUxN0VGMTFFOEI1REJFQzkxOTQzQ0YyNjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQyNTBCQjE3RUYxMUU4QjVEQkVDOTE5NDNDRjI2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQyNTBCQzE3RUYxMUU4QjVEQkVDOTE5NDNDRjI2NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr7Ph6sAAABTSURBVHjaYvz//z8DMniuz4oqAASSF38zIvOZGMgAw1ET4zM9lv8k24QenIQASD0TtnjApwHFT4Q0Issz4Yt5olMEugKsBoHSHjYMClVccgABBgBC1UIaiwaKHwAAAABJRU5ErkJggg==) no-repeat;

    width: 13px;

    height: 13px;

    display: inline-block;

    margin-left: 10px;

  }

  

  .main-shop-page #grid-view {

	margin-bottom: 25px;

  }

  

  .main-shop-page #grid-view .col-6 {

	padding-left: 5px;

	padding-right: 0;

    margin-bottom: 5px;

  }

  

  .image-banner-home .owl-stage-outer .owl-item .single-product,

  .main-shop-page #grid-view .single-product {

	padding: 10px 10px 0;

    border: 1px solid rgba(0,0,0,0.05);

  }

  .image-banner-home .owl-stage-outer .owl-item .single-product .pro-img,

  .main-shop-page #grid-view .single-product .pro-img {

	height: 150px;

  }

  .image-banner-home .owl-stage-outer .owl-item .single-product .pro-content,

  .main-shop-page #grid-view .single-product .pro-content {

	padding: 10px 0 7px;

  }

  .image-banner-home .owl-stage-outer .owl-item .single-product .pro-content .pro-info,

  .main-shop-page #grid-view .single-product .pro-content .pro-info {

	text-align: center;

  }

  

  .image-banner-home .owl-stage-outer .owl-item .single-product .pro-content .pro-info .coupon-information,

  .main-shop-page #grid-view .single-product .pro-content .pro-info .coupon-information {

	padding: 0;

	margin-top: 10px;

	display: flex;

    justify-content: flex-end;

  }

  .image-banner-home .owl-stage-outer .owl-item .single-product .pro-content .pro-info .coupon-information .tag,

  .main-shop-page #grid-view .single-product .pro-content .pro-info .coupon-information .tag {

	min-width: 90px;  

  }

  .image-banner-home .owl-stage-outer .owl-item .single-product .pro-content .pro-info .coupon-information  .price-tag .price span,

  .main-shop-page #grid-view .single-product .pro-content .pro-info .coupon-information .price-tag .price span {

	font-size: 15px;

  }

  

  .image-banner-home .owl-stage-outer .owl-item .single-product .pro-content .pro-info h4 a,

  .image-banner-home .owl-stage-outer .owl-item .single-product .pro-content  .pst-relative .prev-price,

  .main-shop-page #grid-view .single-product .pro-content .pro-info h4 a,

  .main-shop-page #grid-view .single-product .pro-content .pst-relative .prev-price  {

	white-space: normal;

    font-size: 15px;

	display: block;

  }

  

  .image-banner-home .owl-stage-outer .owl-item .single-product .pro-content .phu-kien,

  .main-shop-page #grid-view .single-product .pro-content .phu-kien {

	display: none;

  }

  .image-banner-home .owl-stage-outer .owl-item .single-product .pro-content .pst-relative .price,

  .main-shop-page #grid-view .single-product .pro-content .pst-relative .price {

    font-size: 18px;

  }

  

  .image-banner-home .electronics-pro-active2 .owl-stage-outer .owl-item:last-child {

	clear: both;

    width: calc(100vw - 15px) !important;

	margin-top: 0 !important;

  }

  

  .image-banner-home .electronics-pro-active2 .owl-stage-outer .owl-item:last-child .single-product {

	float: left;

    width: 47%;

  }

  

  .image-banner-home .electronics-pro-active2 .owl-stage-outer .owl-item .single-product .pro-content {

	min-height: 110px;

  }

  

  .image-banner-home .electronics-pro-active2 .owl-stage-outer .owl-item:last-child .single-product:first-child {

	margin-right: 10px;

  }

  

  .image-banner-home #hot-deal-active-everyday .owl-stage-outer .owl-item .single-product .coupon-information .tag {

	display: block;

    width: 100%;

    text-align: center;

    margin-bottom: 3px;

  }

  

  .image-banner-home #hot-deal-active-everyday .owl-stage-outer .owl-item .single-product .coupon-information .price {

	display: block;

    width: 100%;

    text-align: center;

  }



  .image-banner-home #hot-deal-active-everyday .owl-stage-outer .owl-item .single-product .coupon-information .price:after {

    width: 0;

  }

  

  .image-banner-home #hot-deal-active-everyday .owl-stage-outer .owl-item .single-product .coupon-information .price span {

	display: inline;

  }

  .hot-deal-products {

    padding: 20px 10px 0 !important;

  }

  .hot-deal-active-detail .owl-stage-outer {

    margin: 0;

    padding: 0;

  }

  .hot-deal-active-detail .owl-stage-outer .owl-stage {

    width: 100% !important;

    display: inline-block !important;

  }

  .hot-deal-active-detail .owl-stage-outer .owl-stage .owl-item:nth-child(2n) {

    margin-right: 0 !important;

  }

  .hot-deal-active-detail .owl-stage-outer .owl-stage .owl-item .single-product .pro-content .pro-info .coupon-information .tag {

    text-align: right;

  }

  .hot-deal-active-detail .owl-stage-outer .owl-item .single-product .pro-content .pro-info h4 a {

    white-space: nowrap !important;

  }

}

@media only screen and (max-width: 480px){

  .tab-menu{

    background-size: 150%;

    background-position: left;

  }

  .tab-menu .section-ttitle{

    margin-right: 100px;

  }

  .tab-menu .section-ttitle h4{

    font-size: 16px;

  }

}

@media only screen and (max-width: 375px){

  .tab-menu .section-ttitle{

    margin-right: 65px;

  }

}



/*  */

.header-bottom nav > ul.header-menu-custom >li ul {

	width: 100%!important;

	display: block !important;

}

.header-bottom-list > li > ul.ht-dropdown li a {

	

}



.home-banner-manufacture {

  height: 100%;

}



.home-banner-manufacture .home-manufacture {

  background-color: #FFF;

  text-align: center;

  margin: 11px 0;

  padding: 10px 20px;

  height: calc(100% - 21px);

}



.home-banner-manufacture .home-manufacture a {

  display: block;

  padding: 10px 0;

}



.home-banner-manufacture .home-manufacture a img {

  max-width: 100%;

}



.home-banner-manufacture .home-banner .banner-site-box,

.home-banner-manufacture .home-banner .banner-site-box .col-img {

  height: 100%;

}



.home-banner-manufacture .home-banner {

  margin-top: 1px;

}



.home-banner-manufacture .home-banner .banner-site-box .col-img {

  height: calc(100% - 21px);

}



.home-banner-manufacture .home-banner .banner-site-box .col-img img {

  object-fit: cover;

  height: 100%;

}



.main-product-thumbnail .tag_list {

  margin-top: 20px; 

}



.main-product-thumbnail .tag_list p {

  margin-bottom: 10px; 

}



.main-product-thumbnail .tag_list ul li{

  display: inline-block;

  margin-right: 5px;

  margin-bottom: 10px;

}



.main-product-thumbnail .tag_list ul li a{

  position: relative;

  display: block;

  padding: 5px 10px;

  border-left: 3px solid #4b8fca;

  background: #e6e9ed;

  color: #666 !important;

}



.main-product-thumbnail .tag_list ul li a i{

  position: absolute;

  left: -1px;

  top: 2px;

  color: #4b8fca;

}



/*zoom image*/

#thumb_zoom_content {

  position: relative;

  cursor: pointer;

}

.img-zoom-lens {

  content: "";

  width: 150px;

  height: 150px;

  background-color: rgba(128, 128, 128, 0.3);

  position: absolute;

  border: 1px solid rgba(128, 128, 128, 0.3);

  left: 0;

  top: 0;

  opacity: 0;

  z-index: 999;

  /*transition: all .3s ease-in-out;*/

}



.thumb_zoom:hover .img-zoom-lens {

  opacity: 1;

}



.thumb_zoom_image_result {

  background-repeat: no-repeat;

  background-size: 100%;

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 99;

}



.image-banner-home .pro-content{

  min-height: 103px;

}



.image-banner-home .prev-price{

  display: block;

}



.hot-deal-active.owl-carousel .owl-stage, 

.hot-deal-active-detail.owl-carousel .owl-stage {

	display: flex;

}



.hot-deal-active.owl-carousel .owl-stage .owl-item .single-product,

.hot-deal-active-detail.owl-carousel .owl-stage .owl-item .single-product {

	height: 95%;

}



@media (min-width: 992px) {

  body .container,

  body .container-fluid  {

    max-width: 90%;

  }

}



.box-search-result {

    background: none repeat scroll 0 0 #fff;

    left: 0;

    min-height: 100px;

    position: absolute;

    top: 50px;

    width: 100%;

    z-index: 99999;

    border-top: 0;

    display: none;

}



ul.search_list {

	background: #fff;

	margin: 0;

	padding: 0;

}



ul.search_list li.key {

	background: #f6f6f6!important;

	padding: 5px 10px;

	font-weight: bold;

}



ul.search_list li.key a {

	color: #333;

	font-weight: normal;

}



ul.search_list li {

	border-bottom: 1px solid #f6f6f6;

	display: block;

	list-style: none outside none;

	overflow: hidden;

	padding: 5px 10px;

}



ul.search_list a {

	color: #333!important;

	white-space: nowrap;

    text-overflow: ellipsis;

	overflow: hidden;

    width: 75%;

    display: block;

    float: left;

}



ul.search_list li img {

	margin-right: 10px;

}



ul.search_list li span {

	float: right!important;

	padding-top: 10px;

}



.box-search-result .pages {

	background: #fafafa;

	text-align: center;

	padding: 5px;

}



.pages .pagebar-mainbody a,

.pagelink-current {

	display: inline-block;

	margin-left: 4px;

	min-width: 12px;

	overflow: visible;

	padding: 1px 5px 1px;

	text-align: center;

	vertical-align: middle;

	white-space: nowrap;

	width: auto!important;

	color: #333;

}



.pagelink-current {

	color: #0074BD!important;

	font-weight: bold;

}



.pagebar-mainbody #page_x {

	margin-bottom: 10px;

}



.pagebar-mainbody .pagelink-current {

	margin-bottom: 10px;

}



.main-page-banner .slider-wrapper #slider {

  height: 509px;

}

.main-page-banner .slider-wrapper #slider .nivo-main-image,
.main-page-banner .slider-wrapper #slider.nivoSlider img {
    height: 100% !important;
}

.vertical-menu-nav {

  height: 509px;

  box-shadow: 0 0 6px 1px rgb(0 0 0 / 10%);

  background: #fff none repeat scroll 0 0;

}



@media only screen and (max-width: 1199px){

  .vertical-menu-nav,

  .main-page-banner .slider-wrapper #slider {

    height: 325px;

  }



  .main-page-banner .slider-wrapper #slider.nivoSlider img {

    height: 100% !important;

    object-fit: cover;

  }

}



.vertical-menu-list-v2 {

  position: absolute;

  width: 100%;

  height: calc(100% - 20px);

  left: 0;

  top: 0;

  overflow: hidden;

  z-index: 99;

}



.vertical-menu-icon {

  position: absolute;

  bottom: 5px;

  left: 0;

  right: 0;

  text-align: center;

  font-size: 13px;

}



.vertical-menu-icon i {

  bottom: 0;

  color: #d2d2d2;

  font-weight: bold;

  cursor: pointer;

}



.vertical-menu-list-v2:hover {

  overflow: visible;

  height: auto;

}



.vertical-menu-list-v2 >li > a {

  font-size: 17px;

  font-weight: bold;

  border-top: 1px solid #d5dbdb;

  display: block;

  padding: 15px 20px 10px;

  color: #333;

}



.main-page-banner .vertical-menu-custom ul.vertical-menu-list-v2 ul.vertical-menu-list {

  position: unset;

  background: transparent;

  height: 100%;

  overflow: unset;

}

.vertical-menu-list-v2 > li:nth-child(2) > a {
    border-bottom: 1px solid #d5dbdb;
    padding-bottom: 15px;
}