/*----------------------------------
Project: smartbuy
Version: 1.1
Last change: 
Author:	7UP Theme
Author URI: https://7uptheme.com/
1.HOME 01
2.HOME 02
3.HOME 03
4.HOME 04
5.HOME 05
6.HOME 06
7.HOME 07
8.HOME 08
9.HOME 09
10.HOME 10
11.BLOG FEATURED 
12.GRIDVIEW 
13.LISTVIEW 
14.PRODUCT SHOW 
15.QUICKVIEW 
16.CUSTOMIZE 
-----------------------------------*/
/* import */
/*----------------------------------
Project: smartbuy
Version: 1.1
Last change: 
Author:	7UP Theme
Author URI: https://7uptheme.com/
1.HOME 01
2.HOME 02
3.HOME 03
4.HOME 04
5.HOME 05
6.HOME 06
7.HOME 07
8.HOME 08
9.HOME 09
10.HOME 10
11.BLOG FEATURED 
12.GRIDVIEW 
13.LISTVIEW 
14.PRODUCT SHOW 
15.QUICKVIEW 
16.CUSTOMIZE 
-----------------------------------*/
/* General */
body {
  color: #333;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: inherit;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.wrap {
  overflow: hidden;
  position: relative;
}
* {
  box-sizing: border-box;
  outline: none;
}
img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
ins {
  text-decoration: none;
}
a {
  color: #333;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  display: inline-block;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}
.container {
  max-width: 1200px;
  position: relative;
  width: 100%;
}
input,
input:focus,
input:hover {
  outline: none;
}
/*Begin Class*/
.after-title {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 2px solid #e5e5e5;
  width: 50px;
}
.hidden-canvas canvas {
  display: none;
}
.hover-ef:before {
  top: 50%;
  bottom: 50%;
  background-color: rgba(255, 255, 255, 0.3);
}
.hover-ef:after {
  right: 50%;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.3);
}
.border {
  border: 1px solid #e5e5e5;
}
.border-left {
  border-left: 1px solid #e5e5e5;
}
.border-right {
  border-right: 1px solid #e5e5e5;
}
.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}
.transition {
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.drop-shadow {
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.round {
  border-radius: 50%;
}
.desc {
  color: #555;
  margin: 0;
  line-height: 24px;
}
.white {
  color: #fff;
}
.black {
  color: #333;
}
.bg-white {
  background: #fff;
}
.bg-gray {
  background: #fafafa;
}
.list-none {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-inline-block {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-inline-block > li {
  display: inline-block;
}
.font-lato {
  font-family: 'Lato', sans-serif;
}
.font-greatvibes {
  font-family: 'Great Vibes', cursive;
}
.absolute,
.box-slider .owl-pagination,
.box-info-slide,
.item .name-product,
.item .thumb-product > a:before,
.box-services:before,
.box-services:after,
.box-blog .wrap-blog .box-img:before,
.widget-size a:before,
.widget-size a:after,
.box-slider-2 .owl-pagination,
.box-product-2 > .title:before,
.banner-form .txt-mail:after,
.banner-form .btn-submit:after,
.box-banner-parallax .box-info-banner a:after,
.box-banner-products .banner:before,
.box-banner-products .text,
.box-sale .box-text,
.box-choice .title:before,
.box-choice .wrap-choice:before,
.box-choice .info-box .box-text,
.box-slider-06 .box-info-slide h3:before,
.box-product-collection .title:before,
.box-product-collection .title:after,
.box-product-collection .title span:after,
.video-info,
.video-button:before,
.video-button:after,
.box-introduce .box-img-item a:before,
.box-utilities .wrap-utilities .box-img a:before,
.box-banner-08 .info-box,
.banner-home-10 .info-box,
.box-product-home10 .nav-tabs > li:before,
.banner-sidebar .box-info,
.banner-blog .box-info,
.box-grid .item-box-children:after,
.box-grid .item-box:after,
.box-overlay-2 .item-box:before,
.box-color ul li a:before,
.thumb-carousel,
.detail-info .text-box i,
.check-box a:before,
.check-box a:after,
.buy-new span.text:after,
.buy-box span.text:before,
.customize-pro .box-item:before,
.toggle-tab-title span,
.page-coming-soon::before,
.box-product-2 > .title:after,
.box-slider-06 .box-info-slide,
.box-banner-6 .info-box,
.box-product-collection .wrap-product-collection .box-left .info-box {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.inline-block {
  display: inline-block;
}
div.table {
  display: table;
  margin: 0;
  width: 100%;
}
div.table > div {
  display: table-cell;
  vertical-align: top;
}
.effect-img,
.box-banner .info-banner .box-img:hover img,
.box-product-parallax .box-img a:hover img {
  transform: scale(1.2) rotate(5deg);
  -webkit-transform: scale(1.2) rotate(5deg);
  -moz-transform: scale(1.2) rotate(5deg);
}
.has-bottom:hover {
  border-bottom-color: transparent !important;
}
.title14,
.title12,
.title16,
.title18,
.title24,
.title30,
.title40,
.title48,
.title60 {
  font-weight: 700;
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
}
.title12 {
  font-size: 12px;
}
.title16 {
  font-size: 16px;
}
.title18 {
  font-size: 18px;
}
.title24 {
  font-size: 24px;
}
.title30 {
  font-size: 30px;
}
.title40 {
  font-size: 40px;
}
.title48 {
  font-size: 48px;
}
.title60 {
  font-size: 60px;
}
/*End Class*/
/*Begin Owl Carousel*/
.wrap-item > div:not(:first-child) {
  display: none;
}
.owl-theme .owl-controls {
  margin: 0;
}
.owl-theme .owl-controls .owl-buttons div {
  width: 40px;
  height: 40px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  padding: 0;
  z-index: 9;
  position: absolute;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  border-radius: 50%;
}
.banner-slider {
  position: relative;
  overflow: hidden;
}
.banner-slider .owl-theme .owl-controls .owl-buttons div {
  width: 50px;
  height: 50px;
  margin-top: -25px;
  border: none;
}
.banner-slider .owl-theme .owl-controls .owl-buttons div::after {
  font-family: fontAwesome;
  font-size: 30px;
  height: 100%;
  left: 0;
  line-height: 50px;
  position: absolute;
  top: 0;
  width: 100%;
}
.banner-slider .owl-theme .owl-controls .owl-buttons div.owl-prev::after {
  content: "\f104";
}
.banner-slider .owl-theme .owl-controls .owl-buttons div.owl-next::after {
  content: "\f105";
}
.banner-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -50px;
}
.banner-slider .owl-theme:hover .owl-controls .owl-buttons div.owl-prev {
  left: 10px;
}
.banner-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -50px;
}
.banner-slider .owl-theme:hover .owl-controls .owl-buttons div.owl-next {
  right: 10px;
}
.banner-slider .owl-theme .owl-controls .owl-buttons div i {
  display: none;
}
.owl-theme.show-navi .owl-controls .owl-buttons div {
  opacity: 1;
}
.owl-theme .owl-controls .owl-buttons div:hover {
  color: #fff;
}
.owl-theme:hover > .owl-controls > .owl-buttons > div {
  opacity: 1;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 0;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 0;
}
.owl-theme .owl-controls .owl-buttons div i {
  display: block;
  line-height: 40px;
  color: #fff;
}
.owl-theme .owl-controls .owl-page {
  vertical-align: middle;
}
.owl-theme .owl-controls .owl-page span,
.box-product .nav-tabs > li:before {
  margin: 0 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 1;
  position: relative;
  z-index: 9;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.owl-theme .owl-controls .owl-page.active span {
  background: #000;
}
.banner-slider.bg-slider .item-slider {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.banner-slider .item-slider {
  position: relative;
}
.banner-slider.bg-slider .banner-thumb img {
  max-width: none;
  opacity: 0;
  width: auto;
}
.group-navi .owl-buttons {
  position: absolute;
  right: 15px;
  top: -45px;
  width: 61px;
}
.banner-slider .banner-thumb img {
  width: 100%;
}
.banner-slider .banner-info {
  height: 200px;
}
.banner-info {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}
.banner-info-image {
  position: absolute;
  right: 0;
  top: 0;
}
.banner-info-text {
  top: 50%;
  height: 200px;
  margin: -100px 0 0;
  z-index: 9;
  left: 0;
  position: absolute;
}
/*End Owl Carousel*/
/*Begin Slider Effect*/
.time-delay1 {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}
.time-delay2 {
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
}
.time-delay3 {
  transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
}
.time-delay4 {
  transition-delay: 1.4s;
  -webkit-transition-delay: 1.4s;
}
.top-to-bottom {
  transform: translateY(-500px);
  -webkit-transform: translateY(-500px);
  transition-property: all;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 0.5s;
  opacity: 0;
}
.owl-item.active .top-to-bottom {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}
.bottom-to-top {
  transform: translateY(500px);
  -webkit-transform: translateY(500px);
  transition-property: all;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 0.5s;
  opacity: 0;
}
.owl-item.active .bottom-to-top {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}
.right-to-left {
  transform: translateX(500px);
  -webkit-transform: translateX(500px);
  transition-property: all;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 0.5s;
  opacity: 0;
}
.owl-item.active .right-to-left {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  opacity: 1;
}
.left-to-right {
  transform: translateX(-500px);
  -webkit-transform: translateX(-500px);
  transition-property: all;
  transition-timing-function: ease-out;
  transition-duration: 0.5s;
  -webkit-transition-property: all;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 0.5s;
  opacity: 0;
}
.owl-item.active .left-to-right {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  opacity: 1;
}
/*End Slider Effect*/
/*Begin Custom Scroll*/
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: none;
}
.mCSB_container {
  margin-right: 0;
}
.mCustomScrollBox > .mCSB_scrollTools {
  width: 4px;
}
/*End Custom Scroll*/
/*Begin Line White*/
.line-white {
  position: relative;
}
.line-white::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
  content: "";
  background: #fff;
}
/*End Line White*/
/*Begin Box Hover Dir*/
.box-hover-dir {
  overflow: hidden;
  position: relative;
}
.box-hover-dir > div {
  height: 100%;
  position: absolute;
  width: 100%;
  transition: all 0.5s ease-out 0s !important;
  -webkit-transition: all 0.5s ease-out 0s !important;
}
/*End Box Hover Dir*/
/*Begin Banner Adv*/
.banner-adv {
  position: relative;
}
.adv-thumb-link {
  display: block;
  overflow: hidden;
  position: relative;
}
.adv-thumb-link > img {
  display: block;
  width: 100%;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
/*Zoom Rotate*/
.zoom-rotate .adv-thumb-link > img {
  transform: scale(1) rotate(0);
  -webkit-transform: scale(1) rotate(0);
}
.zoom-rotate:hover .adv-thumb-link > img {
  transform: scale(1.15) rotate(4deg);
  -webkit-transform: scale(1.15) rotate(4deg);
}
/*Zoom Image*/
.zoom-image:hover .adv-thumb-link > img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
}
/*Fade Out In*/
.fade-out-in .adv-thumb-link::before,
.fade-out-in .adv-thumb-link::after,
.fade-in-out .adv-thumb-link::before,
.fade-in-out .adv-thumb-link::after,
.overlay-image .adv-thumb-link::after,
.fade-in-out .adv-thumb-link::before,
.fade-in-out .adv-thumb-link::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.fade-out-in:hover .adv-thumb-link::before {
  opacity: 1;
  top: 50%;
  bottom: 50%;
}
.fade-out-in:hover .adv-thumb-link::after {
  opacity: 1;
  left: 50%;
  right: 50%;
}
/*Fade In Out*/
.fade-in-out .adv-thumb-link::before {
  opacity: 1;
  top: 50%;
  bottom: 50%;
}
.fade-in-out .adv-thumb-link::after {
  opacity: 1;
  left: 50%;
  right: 50%;
}
.fade-in-out:hover .adv-thumb-link::before {
  opacity: 0;
  top: 0;
  bottom: 0;
}
.fade-in-out:hover .adv-thumb-link::after {
  opacity: 0;
  left: 0;
  right: 0;
}
/*Overlay Image*/
.overlay-image .adv-thumb-link::after {
  background: rgba(0, 0, 0, 0.3);
}
.overlay-image:hover .adv-thumb-link::after {
  opacity: 1;
}
/*Blue Image*/
.blur-image:hover .adv-thumb-link img {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}
/*Zoom Out*/
.zoom-out .adv-thumb-link img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hiden;
  transform: scale(3);
  -webkit-transform: scale(3);
}
.zoom-out:hover .adv-thumb-link img {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
}
/*Line Scale*/
.line-scale .adv-thumb-link::before {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 10px;
  right: 10px;
  content: "";
  border-top: 1px solid rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  z-index: 1;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.line-scale .adv-thumb-link::after {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 20px;
  right: 20px;
  content: "";
  border-left: 1px solid rgba(255, 255, 255, 0.9);
  border-right: 1px solid rgba(255, 255, 255, 0.9);
  z-index: 1;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.line-scale:hover .adv-thumb-link::before,
.line-scale:hover .adv-thumb-link::after {
  transform: scale(1);
  -webkit-transform: scale(1);
}
/*End Banner Adv*/
/*******************************************************************************************************
										Preview	Menu				
********************************************************************************************************/
.main-nav > ul > li .sub-menu > li.menu-item-preview {
  position: relative;
}
.main-nav > ul > li .sub-menu > li.menu-item-preview > .preview-image {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  left: 100%;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  margin-top: 30px;
  border: 1px solid #e5e5e5;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.main-nav > ul > li .sub-menu > li.menu-item-preview:hover > .preview-image {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.main-nav > ul > li .sub-menu > li.menu-item-preview > .preview-image > a {
  display: block;
  height: 200px;
  overflow: hidden;
  position: relative;
}
.main-nav > ul > li .sub-menu > li.menu-item-preview > .preview-image > a > img {
  left: 0;
  position: absolute;
  top: 0;
  transition: all 5s ease-in-out 0s;
  -webkit-transition: all 5s ease-in-out 0s;
  width: 100%;
}
.main-nav > ul > li .sub-menu > li.menu-item-preview > .preview-image > a:hover > img {
  top: 100%;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}
.main-nav > ul > li.menu-item-has-children li.menu-item-has-children > .sub-menu.offset-right {
  left: auto;
  right: 100%;
}
.main-nav .sub-menu.offset-right {
  left: auto;
  right: 0;
}
/*Begin Header On Top*/
.header-ontop {
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.header-ontop.fixed-ontop {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  visibility: visible;
  width: 100%;
  z-index: 999!important;
  padding: 15px 0;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  position: fixed!important;
  top: 0;
}
/*End Header On Top*/
/*Begin Main Nav*/
.main-nav {
  position: relative;
  z-index: 100;
  margin: 10px 0 0 -15px;
}
.main-nav > ul {
  font-size: 0;
  list-style: outside none none;
  padding: 0;
  margin: 0;
  position: relative;
}
.main-nav > ul > li {
  display: inline-block;
  font-size: 14px;
}
.main-nav > ul > li > a {
  display: block;
  position: relative;
  font-size: 14px;
  text-transform: capitalize;
  color: #000;
  font-weight: 500;
  margin: 0 12px;
  font-family: Poppins, sans-serif;
}
.main-nav li.menu-item-has-children {
  position: relative;
}
.main-nav li.menu-item-has-children:hover > .sub-menu {
  margin: 0;
  opacity: 1;
  visibility: visible;
}
.main-nav li.has-mega-menu:hover > .mega-menu {
  margin: 0;
  opacity: 1;
  visibility: visible;
}
.main-nav .sub-menu {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  list-style: outside none none;
  margin: 30px 0 0;
  padding: 15px 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  visibility: hidden;
  width: 200px;
  z-index: 999;
  text-align: left;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.main-nav > ul > li .sub-menu > li {
  width: 100%;
}
.main-nav > ul > li .sub-menu > li > a {
  display: block;
  padding: 10px 20px;
  position: relative;
  text-transform: capitalize;
}
.main-nav > ul > li .sub-menu > li.menu-item-has-children > a {
  padding-right: 10px;
  position: relative;
}
.main-nav > ul > li .sub-menu > li.menu-item-has-children > a::after {
  content: "";
  font-family: "fontAwesome";
  position: absolute;
  right: 0;
  top: 11px;
}
.main-nav > ul > li.menu-item-has-children li.menu-item-has-children > .sub-menu {
  left: 100%;
  top: 0;
}
.mega-menu {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  margin-top: 30px;
  opacity: 0;
  padding: 30px;
  text-align: left;
  position: absolute;
  top: 100%;
  visibility: hidden;
  width: 1000px;
  z-index: 99999999;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.main-nav > ul > li.has-mega-menu:hover .mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}
/*End Main Nav*/
/*Begin Toggle Mobile Menu*/
.main-nav .toggle-mobile-menu {
  display: none;
  height: 30px;
  width: 30px;
  position: relative;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.main-nav .toggle-mobile-menu span {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0;
  top: 50%;
  background: #fff;
}
.main-nav .toggle-mobile-menu::before,
.main-nav .toggle-mobile-menu::after {
  content: '';
  position: absolute;
  top: 0;
  height: 4px;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background: #fff;
}
.main-nav .toggle-mobile-menu::before {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.main-nav .toggle-mobile-menu::after {
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);
}
.main-nav.active .toggle-mobile-menu::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.main-nav.active .toggle-mobile-menu::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
.main-nav.active .toggle-mobile-menu span {
  display: none;
}
/*End Toggle Mobile Menu*/
/*Begin Menu Responsive*/
@media (max-width: 767px) {
  .main-nav .menu-item-has-children .sub-menu li > a {
    border-bottom: none;
  }
  .mega-menu {
    display: none;
  }
  .main-nav .sub-menu {
    background: #fff none repeat scroll 0 0;
    box-shadow: none;
    display: none;
    margin: 0!important;
    opacity: 1!important;
    visibility: visible!important;
    position: static!important;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1) !important;
  }
  .main-nav > ul > li > a::before {
    display: none!important;
  }
  .main-nav {
    position: relative;
    z-index: 9999;
    margin: 0;
  }
  .main-nav > ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 290px;
    z-index: 999;
    background: #fff;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    transform: translateX(-320px);
    -webkit-transform: translateX(-320px);
  }
  .main-nav.active > ul {
    transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
  }
  .main-nav .sub-menu li a::before {
    display: none;
  }
  .main-nav > ul li > a {
    border-top: 1px solid #e5e5e5;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0!important;
    width: 100%;
  }
  .main-nav > ul li:first-child > a {
    border: medium none;
  }
  .main-nav .sub-menu > li {
    padding: 0px 15px!important;
  }
  .main-nav > ul li.menu-item-has-children .menu-item-has-children > a::after {
    right: 0;
    top: 0;
  }
  .main-nav > ul > li.menu-item-has-children > a::after {
    position: absolute;
    right: 0!important;
    top: 0;
    content: "\f107";
    font-family: fontawesome;
  }
  .main-nav > ul > li .sub-menu::after {
    display: none;
  }
  .main-nav > ul > li .sub-menu {
    display: none;
    width: 100%;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 0;
  }
  .main-nav > ul > li.menu-item-has-children li.menu-item-has-children > .sub-menu {
    left: 0;
    top: 100%;
    padding: 0;
  }
  .main-nav > ul > li.menu-item-has-children li.menu-item-has-children > a::after {
    content: "";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    top: 0;
  }
  .main-nav > ul > li.has-mega-menu > a::after {
    display: none!important;
  }
  .menu-item-preview .preview-image {
    display: none;
  }
}
/*End Menu Responsive*/
/*Begin Rating*/
.product-rate {
  background-image: url("../images/icons/rate-star.png");
  background-position: 0 -13px;
  background-repeat: repeat-x;
  height: 13px;
  margin-top: 5px;
  transition: all 0.5s ease-out 0s;
  width: 95px;
}
.product-rating {
  background-image: url("../images/icons/rate-star.png");
  background-position: 0 0;
  background-repeat: repeat-x;
  height: 13px;
}
/*End Rating*/
/*Buttun Scoll*/
body .scroll-top {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 10px;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 40px;
  position: fixed;
  right: -50px;
  text-align: center;
  width: 40px;
  opacity: 0;
}
.scroll-top.active {
  opacity: 1;
  right: 10px;
}
/*Begin Product*/
.product-thumb {
  position: relative;
  overflow: hidden;
}
/*Overlay Product*/
.product-thumb-link {
  display: block;
  position: relative;
  overflow: hidden;
}
.product-thumb-link img {
  width: 100%;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.product-thumb-link::before {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  z-index: 1;
  transform: scale(0) rotate(360deg);
  -webkit-transform: scale(0) rotate(360deg);
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.product-thumb:hover .product-thumb-link::before {
  opacity: 1;
  transform: scale(1) rotate(0);
  -webkit-transform: scale(1) rotate(0);
}
/*Zoom Out*/
.zoom-out .adv-thumb-link img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(3);
  -webkit-transform: scale(3);
}
.zoom-out:hover .adv-thumb-link img {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
}
/*Zoom Product*/
.product-thumb:hover .zoom-thumb img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
}
/*Zoomout Product*/
.zoomout-thumb img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(3);
  -webkit-transform: scale(3);
}
.product-thumb:hover .zoomout-thumb img:last-child {
  transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
}
/*Rotate Product*/
.rotate-thumb img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: rotateY(90deg);
  -webkit-transform: rotateY(90deg);
}
.product-thumb:hover .rotate-thumb img:last-child {
  transform: rotateY(0);
  -webkit-transform: rotateY(0);
  opacity: 1;
}
.product-thumb:hover .rotate-thumb img:first-child {
  transform: rotateY(-90deg);
  -webkit-transform: rotateY(-90deg);
  opacity: 0;
}
/*Line Scale*/
.line-scale .adv-thumb-link::before {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 10px;
  right: 10px;
  content: "";
  border-top: 1px solid rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  z-index: 1;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.line-scale .adv-thumb-link::after {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 20px;
  right: 20px;
  content: "";
  border-left: 1px solid rgba(255, 255, 255, 0.9);
  border-right: 1px solid rgba(255, 255, 255, 0.9);
  z-index: 1;
  transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.line-scale:hover .adv-thumb-link::before,
.line-scale:hover .adv-thumb-link::after {
  transform: scale(1);
  -webkit-transform: scale(1);
}
/*Fade In Out*/
.fade-in-out .adv-thumb-link::before {
  opacity: 1;
  top: 50%;
  bottom: 50%;
}
.fade-in-out .adv-thumb-link::after {
  opacity: 1;
  left: 50%;
  right: 50%;
}
.fade-in-out:hover .adv-thumb-link::before {
  opacity: 0;
  top: 0;
  bottom: 0;
}
.fade-in-out:hover .adv-thumb-link::after {
  opacity: 0;
  left: 0;
  right: 0;
}
/*Pull Curtain*/
.pull-curtain .adv-thumb-link::before {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  content: "";
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.pull-curtain .adv-thumb-link::after {
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  content: "";
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.pull-curtain:hover .adv-thumb-link::before,
.pull-curtain:hover .adv-thumb-link::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}
/*Blue Image*/
.blur-image:hover .adv-thumb-link img {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}
/*Gray Image*/
.gray-image:hover .adv-thumb-link img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
/*Translate Product*/
.translate-thumb img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}
.product-thumb:hover .translate-thumb img:last-child {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  opacity: 1;
}
.product-thumb:hover .translate-thumb img:first-child {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  opacity: 0;
}
/*End Product*/
/*Select Box*/
.select-box label {
  font-weight: 400;
  margin: 0 5px;
}
.select-box select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  cursor: pointer;
  height: 36px;
  padding: 0 35px 0 10px;
  position: relative;
  text-align: left;
  text-transform: capitalize;
}
.select-box {
  position: relative;
}
.select-box::after,
.detai-cart .qty-box:after,
.size-select:after {
  position: absolute;
  top: 10px;
  right: 15px;
  content: "\f107";
  font-family: "fontAwesome";
}
/*Begin Wishlist Popup*/
.wishlist-mask {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  display: none;
}
.wishlist-popup {
  background: #fff none repeat scroll 0 0;
  border: 10px solid rgba(0, 0, 0, 0.5);
  bottom: 0;
  height: 200px;
  left: 0;
  margin: auto;
  padding: 20px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 470px;
  z-index: 9999;
}
.wishlist-button a {
  background: #858785 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  padding: 8px 15px;
  margin: 0 3px;
}
.wishlist-button a:last-child {
  background: #ff607c;
}
.popup-icon {
  color: #ff607c;
  font-size: 30px;
}
.wishlist-alert {
  margin: 10px 0 20px;
}
.product-popup-content {
  padding: 15px 0;
}
/*End Wishlist Popup*/
/*Begin Email Popup*/
#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}
#boxes .window {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 9999;
}
.window-popup {
  background: #F6F5F2 none repeat scroll 0 0;
  padding: 30px;
  width: 600px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  border-radius: 6px;
}
.window-popup .close-popup {
  background: #fff none repeat scroll 0 0;
  display: block;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: -15px;
  text-align: center;
  top: -15px;
  width: 30px;
  z-index: 999;
  border-radius: 50%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.content-popup {
  position: relative;
  z-index: 99;
}
.content-popup input[type="submit"] {
  border-width: 0 0 3px;
  display: block;
  width: 100%;
  margin-bottom: 15px;
  border-radius: 4px;
}
.content-popup input[type="text"] {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #555;
  display: block;
  font-size: 18px;
  height: 50px;
  margin: 0 0 16px;
  padding: 0 10px;
  text-align: center;
  width: 100%;
}
.content-popup .image-popup {
  margin: 10px 0;
}
.content-popup .title30 {
  margin-bottom: 5px;
}
.content-popup select {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%) repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #555;
  display: block;
  height: 40px;
  margin-bottom: 15px;
  padding: 0 15px;
  width: 100%;
}
.content-popup select option {
  padding: 0 15px;
}
/*End Email Popup*/
/*Begin Preload*/
.preload #loading {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  margin-top: 0px;
  top: 0px;
}
.preload #loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}
.preload #loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 200px;
  width: 200px;
  margin-top: -100px;
  margin-left: -100px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.preload .object {
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  border-top: 5px solid #FFF;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #FFF;
  border-right: 5px solid transparent;
  -webkit-animation: animate 2s infinite;
  animation: animate 2s infinite;
}
.preload #object_one {
  left: 75px;
  top: 75px;
  width: 50px;
  height: 50px;
}
.preload #object_two {
  left: 65px;
  top: 65px;
  width: 70px;
  height: 70px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.preload #object_three {
  left: 55px;
  top: 55px;
  width: 90px;
  height: 90px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.preload #object_four {
  left: 45px;
  top: 45px;
  width: 110px;
  height: 110px;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
@-webkit-keyframes animate {
  50% {
    -ms-transform: rotate(360deg) scale(0.8);
    -webkit-transform: rotate(360deg) scale(0.8);
    transform: rotate(360deg) scale(0.8);
  }
}
@keyframes animate {
  50% {
    -ms-transform: rotate(360deg) scale(0.8);
    -webkit-transform: rotate(360deg) scale(0.8);
    transform: rotate(360deg) scale(0.8);
  }
}
ul.list-inline {
  margin: 0;
  padding: 0;
}
ul.list-inline li {
  list-style: none;
  display: inline-block;
  padding: 0;
}
.box-img a,
.box-img img {
  width: 100%;
}
/********************************************************************************************************************
														HOME 01 
*********************************************************************************************************************/
.top-header {
  padding: 25px 0 10px;
  border-bottom: 1px solid #e5e5e5;
}
.top-header .box-right {
  float: right;
  margin: 10px 0 0;
}
.top-header .box-right ul li {
  margin-left: 10px;
  position: relative;
}
.mega-list-cat h2 {
  text-transform: uppercase;
  font-size: 24px;
  margin-top: 0;
}
.mega-list-cat ul li {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
}
.main-nav-2 .mega-menu-v1 {
  left: 100%;
  top: 0;
}
.mega-menu-v1 {
  display: table;
  left: -100%;
}
.mega-menu-v1 > div {
  display: table-cell;
}
.sidebar-mega-menu {
  width: 15%;
  border-right: 1px solid #e5e5e5;
}
.sidebar-mega-menu ul {
  border-bottom: none;
}
.sidebar-mega-menu h3 {
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
}
.mega-menu-v1 .content-mega-menu {
  width: 85%;
  padding-left: 30px;
}
.list-product-mega-menu .item {
  margin: 0;
}
.list-product-mega-menu .item:hover .box-cart {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.sidebar-mega-menu ul li {
  width: 100%;
  padding: 10px 0;
}
.mega-list-cat ul li:last-child {
  border-bottom: none;
}
.mega-menu-v2 {
  left: -200%;
}
.main-nav-2 .mega-menu-v2 {
  left: 100%;
  top: 0;
}
.main-nav-4 .mega-menu-v2 {
  left: auto;
  right: -500%;
}
.main-nav-4 .mega-menu-v1 {
  left: auto;
  right: -700%;
}
.main-nav-10 .mega-menu-v1,
.main-nav-10 .mega-menu-v2 {
  left: 0;
}
.main-nav {
  margin: 6px 0 0 -15px;
}
.main-nav > ul > li:first-child > a {
  margin-left: 0;
}
.mini-cart-box:hover .mini-cart-content {
  opacity: 1;
  visibility: visible;
  top: 39px;
}
.mini-cart-content.mini-cart-home10 {
  right: 58px;
}
.mini-cart-content.mini-cart-home10 .mini-cart-button a {
  font-size: 14px;
}
.mini-cart-content {
  position: absolute;
  width: 300px;
  z-index: 999;
  right: 0;
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  padding: 0 20px;
  top: 60px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.mini-cart-content h2 {
  font-size: 24px;
  font-family: 'Lato', sans-serif;
  text-align: center;
  margin: 20px 0 30px;
}
.mini-cart-content .product-mini-cart > div {
  float: left;
}
.mini-cart-content .product-thumb {
  width: 35%;
  margin-bottom: 30px;
}
.mini-cart-content .product-thumb a:hover img {
  transform: scale(1.1);
}
.mini-cart-content .product-info {
  width: 60%;
  padding-left: 20px;
}
.mini-cart-content .product-title {
  margin: 0;
  font-size: 14px;
}
.mini-cart-content .price {
  margin: 10px 0 5px;
}
.mini-cart-content .price span {
  margin-right: 8px;
}
.mini-cart-content .price .old-price {
  text-decoration: line-through;
}
.mini-cart-content .mini-cart-total {
  width: 100%;
  display: inline-block;
}
.mini-cart-content .mini-cart-button {
  text-align: center;
  padding: 15px 0 20px;
}
.mini-cart-content .mini-cart-button a {
  padding: 5px 15px;
  border: 1px solid #e5e5e5;
  margin: 0 5px;
  color: #555 !important;
}
.mini-cart-content .mini-cart-button a:hover {
  color: #fff !important;
}
.box-search {
  text-align: center;
  margin: 30px 0 0;
}
.box-search form {
  display: inline-block;
  position: relative;
}
.box-search input[type="text"],
.box-search .select-box,
.box-search input[type="submit"] {
  height: 50px;
  float: left;
  background: transparent;
}
.box-search input[type="text"] {
  width: 400px;
  border: 1px solid #e5e5e5;
  padding: 15px;
}
.box-search .select-box::after {
  top: 19px;
}
.box-search select {
  min-width: 250px;
  height: 100%;
  border-radius: 0;
  border-left: none;
  padding-left: 18px;
  background: transparent;
}
.box-search input[type="submit"] {
  width: 50px;
  border: 1px solid #e5e5e5;
  border-left: none;
}
.box-search .submit-from {
  float: left;
  position: relative;
  background: transparent;
  z-index: 99;
}
.box-search .submit-from:before {
  position: absolute;
  content: "\f002";
  font-family: FontAwesome;
  font-size: 18px;
  right: 16px;
  z-index: -1;
  top: 15px;
  color: #000;
}
.box-slider {
  margin-top: 23px;
  position: relative;
}
.box-slider .owl-pagination {
  top: auto;
  bottom: 35px;
  right: 0;
  left: 0;
  width: 1170px;
  margin: auto;
  padding: 0 0 0 148px;
  text-align: left;
}
.box-info-slide {
  height: 185px;
  width: 100%;
  text-align: left;
  margin: auto auto;
}
.box-info-slide h2 {
  font-size: 48px;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 0;
  font-family: 'Lato', sans-serif;
}
.box-info-slide h3 {
  font-size: 48px;
  text-transform: capitalize;
  font-family: 'Lato', sans-serif;
}
.box-info-slide a,
.box-sale .box-text a,
.box-product-parallax .info-box > a,
.banner-home-10 .info-box > a,
.banner-blog .box-info a {
  font-size: 18px;
  text-transform: uppercase;
  border-bottom: 1px solid #333;
  font-weight: bold;
  margin: 25px 0 0;
}
.box-info-slide .adv-info-slide {
  text-align: center;
  max-width: 365px;
}
/* begin menu respon */
.top-header-4 .main-nav .toggle-mobile-menu span,
.top-header-4 .main-nav .toggle-mobile-menu::before,
.top-header-4 .main-nav .toggle-mobile-menu::after,
.top-header-5 .main-nav .toggle-mobile-menu span,
.top-header-5 .main-nav .toggle-mobile-menu::before,
.top-header-5 .main-nav .toggle-mobile-menu::after,
.bottom-header .main-nav .toggle-mobile-menu span,
.bottom-header .main-nav .toggle-mobile-menu::before,
.bottom-header .main-nav .toggle-mobile-menu::after {
  background: #fff;
}
.main-nav .toggle-mobile-menu {
  display: none;
  height: 15px;
  width: 15px;
  position: relative;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.main-nav .toggle-mobile-menu span {
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: 50%;
  background: #333;
}
.main-nav .toggle-mobile-menu::before,
.main-nav .toggle-mobile-menu::after {
  content: '';
  position: absolute;
  top: 0;
  height: 2px;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background: #333;
}
.main-nav .toggle-mobile-menu::before {
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
}
.main-nav .toggle-mobile-menu::after {
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.main-nav.active .toggle-mobile-menu::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.main-nav.active .toggle-mobile-menu::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
.main-nav.active .toggle-mobile-menu span {
  display: none;
}
/* end menu respon */
/***** box-product ******/
.more a {
  margin-top: 25px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #f2f2f2;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 27px 0;
}
.more a i {
  display: table;
  width: 100%;
  font-size: 30px;
}
.box-product {
  margin-top: 65px;
  text-align: center;
}
.box-product .title {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 13px;
  position: relative;
}
.box-product .title h3 {
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  margin: 0;
  text-transform: capitalize;
}
.box-product .title h3 a {
  color: #999;
}
.box-product .title a.filter {
  float: right;
}
.box-product .nav-tabs {
  border-bottom: none;
}
.box-product .nav-tabs > li {
  margin-right: 43px;
  position: relative;
}
.box-product .nav-tabs > li:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  bottom: -20px;
  opacity: 0;
}
.box-product .nav-tabs > li:after {
  position: absolute;
  content: '';
  width: 20px;
  right: -30px;
  top: 10px;
  border-top: 1px solid #f2f2f2;
}
.box-product .nav-tabs > li:last-child:after {
  display: none;
}
.box-product .nav-tabs > li h3 {
  font-weight: 600;
}
.box-product .nav-tabs > li.active:before {
  opacity: 1;
}
.box-product .nav-tabs > li.active h3 a {
  color: #000;
}
.wrap-product {
  margin: 20px 10px 0;
}
.item {
  margin: 0 -10px 10px;
  position: relative;
  text-align: center;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.item:hover .product-extra-link,
.item:hover .name-product,
.item:hover .box-cart .cart,
.item:hover .thumb-product > a:before {
  opacity: 1;
}
.item:hover .box-cart {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.item:hover .box-cart .price {
  color: #fff;
}
.item .product-extra-link,
.item .name-product,
.item .box-cart .cart,
.item .thumb-product > a:before {
  opacity: 0;
}
.item .product-extra-link {
  position: absolute;
  width: 100%;
  margin-top: 10px;
  z-index: 999;
}
.item .product-extra-link > a {
  color: #999;
  position: relative;
}
.item .product-extra-link > a:hover {
  color: #000;
}
.item .product-extra-link > a:hover span {
  opacity: 1;
  visibility: visible;
}
.item .product-extra-link > a span {
  position: absolute;
  width: 72px;
  height: 20px;
  font-size: 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  top: 20px;
  padding: 3px 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.item .product-extra-link a.wishlist {
  float: right;
  margin-right: 15px;
}
.item .product-extra-link a.wishlist span {
  right: -27px;
  width: 90px;
}
.item .product-extra-link a.quick-view {
  margin-left: 15px;
  float: left;
}
.item .product-extra-link a.quick-view span {
  left: -27px;
}
.item .name-product {
  height: 26px;
  margin: auto;
}
.item .name-product h3 a {
  font-size: 18px;
  font-family: 'Lato', sans-serif;
}
.item .name-product h3 {
  margin: 0;
}
.item .box-cart {
  position: absolute;
  width: 100%;
  bottom: 44px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.item .box-cart .price {
  font-size: 18px;
  float: right;
  font-family: 'Lato', sans-serif;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  background: #f5f5f5;
  color: #555;
  font-weight: 600;
  padding: 9px 18px;
  text-decoration: none;
}
.item .box-cart .price sup,
.item-listview .price sup {
  top: -5px;
  font-size: 11px;
}
.item .box-cart .cart {
  float: left;
  font-size: 12px;
  text-transform: capitalize;
  padding: 10px 0 10px 20px;
}
.item .box-cart .cart i {
  margin-left: 5px;
}
.item .customize {
  text-transform: capitalize;
  width: 100%;
  padding: 13px 0 10px;
}
.item .thumb-product {
  position: relative;
}
.item .thumb-product > a:before {
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
/****** box-services ******/
.box-services {
  background: url(../images/parallax/parallax-1.png) #f9f9f9;
  background-attachment: fixed;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  margin-top: 72px;
  position: relative;
}
.box-services i {
  font-size: 48px;
}
.box-services > div {
  z-index: 9;
}
.box-services:before,
.box-services:after,
.box-product-2 > .title:after {
  width: 100%;
  height: 100%;
}
.box-services .box-service {
  background: rgba(242, 242, 242, 0.96);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  padding: 85px 0 65px;
}
.box-services:after,
.box-product-2 > .title:after {
  height: 26px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.04)), to(transparent));
  background: linear-gradient(rgba(0, 0, 0, 0.04), transparent);
}
.box-services:hover .box-service {
  background-color: rgba(255, 99, 99, 0.98);
}
.box-services .product i,
.box-services .product h3 a {
  color: #ff6363;
}
.box-services .tag i,
.box-services .tag h3 a {
  color: #63b0ff;
}
.box-services .shipping i,
.box-services .shipping h3 a {
  color: #49d560;
}
.box-services .call .wrap-box {
  padding: 28px 33px 30px 30px;
}
.box-services .services {
  border: 1px solid #fff;
  float: left;
  width: 100%;
  background: #fff;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  z-index: 9;
  padding: 2px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.box-services .services:hover {
  background: transparent;
}
.box-services .services:hover .text i {
  margin-left: 5px;
  opacity: 1;
}
.box-services .icon-services {
  width: 21%;
  margin-top: 15px;
}
.box-services .text {
  width: 79%;
  padding-left: 20px;
}
.box-services .text h3 a {
  position: relative;
  width: 100%;
}
.box-services .text i {
  font-size: 24px;
  position: absolute;
  margin-left: 0px;
  top: 3px;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.box-services .wrap-box {
  padding: 28px 10px 30px 30px;
  float: left;
  background: #fff;
  width: 100%;
  min-height: 140px;
}
.box-services .wrap-box > div {
  float: left;
}
.box-services .wrap-box > div h3 {
  margin: 0 0 10px;
  font-family: 'Lato', sans-serif;
}
/****** box-blog *******/
.box-blog {
  text-align: center;
}
.box-blog .title {
  margin: 65px 0 30px;
}
.box-blog .title h2 {
  text-transform: capitalize;
  font-weight: bold;
  font-family: 'Lato', sans-serif;
}
.box-blog .info-box {
  margin-top: 40px;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.box-blog .info-box h3 {
  font-family: 'Lato', sans-serif;
  padding: 0 100px;
  font-weight: bold;
}
.box-blog .info-box > a,
.box-product-collection .wrap-product-collection .box-left .info-box a,
.box-product-collection .wrap-product-collection .box-right > a,
.box-default-style .box-info > a,
.wrap-main-post .box-info > a {
  text-transform: uppercase;
  font-weight: bold;
  margin: 10px 0 15px;
  border-bottom: 1px solid #000;
}
.box-blog .info-box ul {
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.box-blog .info-box ul li {
  color: #555;
  padding: 0 10px;
}
.box-blog .info-box ul li a {
  color: #555;
}
.box-blog .info-box ul li:first-child {
  border-right: 1px solid #e5e5e5;
}
.box-blog .wrap-blog {
  margin: 15px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  padding: 0 0 15px;
}
.box-blog .wrap-blog .box-img {
  position: relative;
}
.box-blog .wrap-blog .box-img:before {
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.box-blog .wrap-blog .box-img:hover:before {
  opacity: 1;
}
.box-blog .wrap-blog:hover {
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
}
.box-blog .wrap-blog:hover ul {
  opacity: 1;
}
.box-blog .wrap-blog:hover .info-box {
  margin-top: 25px;
}
.box-blog .owl-theme .owl-controls .owl-buttons div,
.box-product-slide .box-right .owl-theme .owl-controls .owl-buttons div,
.box-update-product .owl-theme .owl-controls .owl-buttons div,
.box-default-style .owl-theme .owl-controls .owl-buttons div,
.box-lastest-product .owl-theme .owl-controls .owl-buttons div {
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.3);
}
.box-blog .owl-theme .owl-controls .owl-buttons div i {
  line-height: 30px;
}
/****** footer ******/
.top-footer {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 5px;
  margin-top: 42px;
}
.top-footer ul {
  margin-top: 5px;
}
.footer-menu ul li {
  text-transform: capitalize;
  margin: 0 10px;
}
.footer-menu ul li:first-child {
  margin-left: 0;
}
.box-icon-sn {
  text-align: right;
}
.box-icon-sn ul li {
  margin-left: 20px;
}
.info-footer {
  margin-top: 5px;
}
.info-footer h3 {
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
}
.info-footer ul.text li {
  width: 100%;
  margin-bottom: 5px;
}
.info-footer ul.address li {
  position: relative;
  padding: 0 0 15px 24px;
}
.info-footer ul.address li i {
  position: absolute;
  left: 0;
  top: 4px;
}
.info-footer .box-cart {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 20px;
}
.info-footer .box-cart ul li {
  margin-right: 7px;
}
.info-footer .box-cart ul li:last-child {
  margin-right: 0;
}
.info-footer .box-cart ul li a:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.info-footer .box-language ul li a {
  padding: 0px 5px 1px;
  border: 1px solid transparent;
}
.info-footer .box-madeby {
  border-top: 1px solid #f2f2f2;
  padding-top: 25px;
  margin: 27px 0 25px;
}
.bottom-footer {
  background: #f9f9f9;
  padding-top: 30px;
  position: relative;
}
.bottom-footer .title,
.bottom-footer ul {
  float: left;
}
.bottom-footer .title {
  width: 10%;
}
.bottom-footer h3 {
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  color: #555;
  margin: 0;
  font-weight: 600;
}
.bottom-footer h3 i {
  color: #555;
  margin-right: 8px;
}
.bottom-footer ul {
  width: 90%;
  padding-left: 55px;
}
.bottom-footer ul li,
.box-tag-08 ul li {
  margin-right: 3px;
}
.bottom-footer ul a {
  color: #555;
  font-size: 12px;
}
.bottom-footer ul a.more {
  color: #000;
}
.bottom-footer .box-tag {
  margin-bottom: 32px;
}
#back-to-top {
  position: fixed;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  bottom: 70px;
  text-align: center;
  line-height: 30px;
  right: 15px;
}
#back-to-top i {
  color: #fff;
}
.dropdown-box {
  text-align: left;
  position: absolute;
  background: #fff;
  width: 100%;
  z-index: 99999;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  padding: 30px;
  top: 35px;
  display: none;
}
.dropdown-box .list-table.box-color {
  padding: 0;
}
.drop-list.box-color .title h3 {
  padding: 0;
}
.drop-list > .title {
  margin-bottom: 30px;
}
.drop-list > .title h3 {
  font-size: 24px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
}
.drop-list .box-range {
  margin-top: 0;
}
.drop-list .box-range #amount {
  margin-top: -40px;
}
.drop-list.box-color {
  padding: 0;
}
.widget-size ul li {
  width: 100%;
  margin-bottom: 10px;
}
.widget-size a {
  position: relative;
  padding-left: 30px;
}
.widget-size a:before {
  width: 20px;
  height: 20px;
  border: 1px solid #e5e5e5;
}
.widget-size a:after {
  content: "\f00c";
  font-family: 'FontAwesome';
  top: 3px;
  left: 3px;
  opacity: 0;
}
.widget-size a.active:after {
  opacity: 1;
}
/****************************************************************************************************
											HOME 02 
*****************************************************************************************************/
.main-nav-2 {
  margin: 0;
  position: relative;
}
.main-nav-2 > ul {
  display: none;
  position: absolute;
  width: 200px;
  z-index: 9999;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 10px 0;
}
.main-nav-2 > ul > li {
  width: 100%;
  padding: 5px 25px;
}
.main-nav-2 > ul > li > a {
  width: 100%;
  margin-left: 0 !important;
}
.main-nav-2 ul.sub-menu {
  left: 100%;
  top: 0;
}
.main-nav-2 .toggle-mobile-menu {
  display: block;
  height: 15px;
  width: 15px;
}
.top-header-2 {
  background: #f9f9f9;
  border-bottom: 1px solid #f2f2f2;
}
.top-header-2 .box-right {
  float: right;
}
.top-header-2 .logo {
  text-align: center;
}
.box-slider-2 {
  background: #f9f9f9;
}
.box-slider-2 .box-img,
.box-slider-2 .info-box {
  float: left;
  width: 45%;
}
.box-slider-2 .info-box {
  background: #fff;
  padding: 45px 0 35px 68px;
  margin: 90px 0;
}
.box-slider-2 .name-product {
  font-family: 'Lato', sans-serif;
}
.box-slider-2 .name-product a {
  color: #000;
}
.box-slider-2 .price,
.box-shape .info-box .price,
.box-quickview-pro .price {
  font-family: 'Lato', sans-serif;
}
.box-slider-2 .price sup,
.box-shape .info-box .price sup {
  top: -5px;
}
.box-slider-2 .price .old-price,
.box-shape .info-box .price .old-price,
.box-quickview-pro .old-price {
  color: #555;
  font-size: 18px;
  text-decoration: line-through;
  margin-right: 5px;
}
.box-slider-2 .price .new-price,
.box-shape .info-box .price .new-price,
.box-quickview-pro .new-price {
  color: #000;
  font-size: 30px;
}
.box-slider-2 p {
  color: #555;
  padding-right: 40px;
  margin: 16px 0 40px;
}
.box-slider-2 .product-extra-link,
.box-shape .info-box .product-extra-link,
.detai-cart .product-extra-link,
.box-quickview-pro .product-extra-link {
  text-transform: uppercase;
  font-weight: bold;
}
.box-slider-2 .product-extra-link a,
.box-shape .info-box .product-extra-link > a,
.detai-cart .product-extra-link > a,
.box-quickview-pro .product-extra-link > a {
  display: table;
  text-align: center;
  min-width: 310px;
  padding: 18.5px 0;
  border: 1px solid #e5e5e5;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
.box-slider-2 .product-extra-link a i {
  margin-left: 8px;
  color: #999;
}
.box-slider-2 .product-extra-link a:hover,
.box-shape .info-box .product-extra-link > a:hover,
.detai-cart .product-extra-link > a:hover,
.box-quickview-pro .product-extra-link > a:hover {
  color: #fff ;
}
.box-slider-2 .product-extra-link a:hover i {
  color: #fff;
}
.box-slider-2 .owl-theme .owl-controls .owl-page span {
  background: #000;
}
.box-slider-2 .owl-pagination {
  width: 15px;
  height: 63px;
  left: auto;
  right: 80px;
  margin: auto;
}
.box-product-2 {
  text-align: center;
}
.box-product-2 .item {
  margin: 0 0 30px;
}
.box-product-2 .item .box-cart {
  bottom: 43px;
}
.box-product-2 .box-tabs h2 {
  font-size: 36px;
  font-family: 'Lato', sans-serif;
  margin: 0 50px 0 0;
  font-weight: bold;
}
.box-product-2 .nav-tabs {
  border-bottom: none;
}
.box-product-2 .nav-tabs h3 {
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  margin: 0;
}
.box-product-2 .nav-tabs h3 a {
  padding: 15px 20px;
  text-transform: capitalize;
  border-radius: 5px;
  color: #000;
}
.box-product-2 .nav-tabs li.active a {
  color: #fff;
}
.box-product-2 .box-tabs h2,
.box-product-2 .nav-tabs {
  float: left;
}
.box-product-2 .filter {
  float: right;
  padding: 9.5px 17.3px;
  background: #fff;
  border-radius: 5px;
  margin-top: 5px;
  color: #000;
}
.box-product-2 .filter i {
  margin-right: 7px;
}
.box-product-2 > .title {
  background: url(../images/parallax/parallax-1.png);
  background-attachment: fixed;
  padding: 25px 0;
  position: relative;
}
.box-product-2 > .title > div {
  z-index: 9;
}
.box-product-2 > .title:before {
  background: rgba(249, 249, 249, 0.98);
  width: 100%;
  height: 100%;
}
.box-product-2 .dropdown-box {
  top: 75px;
  max-width: 1170px;
}
.box-product-2 .number-page {
  margin-top: 5px;
}
.box-product-2 .number-page a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  font-weight: bold;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
}
.box-product-2 .number-page a:hover {
  color: #fff;
  border: 1px solid transparent;
}
.box-product-2 .number-page a.active {
  border: 1px solid transparent;
  color: #fff;
}
.box-product-2 .tab-content {
  margin-top: 50px;
}
.top-footer-2 {
  margin-top: 75px;
}
/*****************************************************************************************************
												HOME 03 
*******************************************************************************************************/
.box-slider-3 .box-info-slide h2 {
  font-size: 24px;
  color: #fff;
  display: inline-block;
  padding: 17px 25px;
}
.box-slider-3 .box-info-slide {
  height: 205px;
  min-width: 385px;
  text-align: left;
  margin: auto;
  padding: 0 0 0 110px;
}
.box-slider-3 .box-info-slide2 {
  padding: 0 0 0 140px;
}
.box-slider-3 .box-info-slide3 {
  padding: 0 0 0 125px;
}
.box-slider-3 .wrap-info-slide {
  display: inline-block;
}
.box-slider-3 .owl-pagination {
  bottom: 120px;
  padding: 0 0 0 250px;
}
.box-slider-3 .owl-theme .owl-controls .owl-buttons div,
.box-slider-06 .owl-theme .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0.3);
}
.box-slider-3 .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 20px;
}
.box-slider-3 .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 20px;
}
/****** box-banner *****/
.box-banner {
  margin-top: 50px;
}
.box-banner i {
  margin-left: 12px;
}
.box-banner .info-banner {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.box-banner .info-banner:hover {
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
}
.box-banner .info-banner:hover i {
  color: #000;
}
.box-banner .info-banner .box-img {
  overflow: hidden;
}
.box-banner .box-text {
  padding: 10px 0 25px 40px;
  background: #fff;
}
.box-banner .box-text a {
  color: #555;
}
/****** box-brand *****/
.box-brand {
  background: #f9f9f9;
  text-align: center;
  padding: 145px 0 60px;
  margin-top: -60px;
}
.box-brand a {
  margin-right: 105px;
}
.box-brand a:last-child {
  margin-right: 0;
}
.box-brand a:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
/***** box-product-slide *****/
.box-product-slide {
  margin-top: 100px;
}
.box-product-slide .title {
  margin-bottom: 40px;
}
.box-product-slide .title h2 {
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  font-weight: 600;
}
.box-product-slide .title h2 span {
  font-family: 'Great Vibes', cursive;
  font-size: 60px;
  color: #999;
  font-weight: 100;
  display: table;
  width: 100%;
}
.box-product-slide .box-left {
  text-align: center;
}
.box-product-slide .box-left > a {
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid #000;
  margin-top: 35px;
}
.box-product-slide .box-right {
  padding-left: 55px;
}
.box-product-slide .box-right .owl-carousel .owl-wrapper-outer {
  padding-bottom: 45px;
}
.box-product-slide .box-right .owl-theme .owl-controls .owl-buttons div i {
  line-height: 30px;
}
.box-product-slide .box-right .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -38px;
}
.box-product-slide .box-right .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -23px;
}
.box-product-slide .item {
  margin: 0;
  position: relative;
  box-shadow: none;
}
.box-product-slide .item .box-cart {
  bottom: 0;
}
.box-product-slide .item .customize {
  position: absolute;
  left: 0;
  bottom: -40px;
  opacity: 0;
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  z-index: 99;
  color: #999;
}
.box-product-slide .item:hover .customize {
  bottom: -44px;
  opacity: 1;
}
.box-product-slide .item-small,
.box-product-slide .item-big {
  float: left;
  margin: 0 5px;
}
.box-product-slide .item-small {
  width: 40%;
}
.box-product-slide .item-small .item {
  margin: 0 0 10px;
}
.box-product-slide .item-big {
  width: 55%;
  margin: 94px 5px;
}
/****** banner******/
.banner-theme {
  text-align: center;
  margin-top: 35px;
}
.banner-form {
  background: #232f3e;
  min-width: 1000px;
  margin: 45px auto auto auto;
  padding: 39px 75px 29px;
}
.banner-form > div {
  float: left;
}
.banner-form .txt-mail {
  position: relative;
}
.banner-form .txt-mail:after {
  width: 40px;
  height: 40px;
  background: #f9f9f9;
  left: 100%;
  margin-left: 1px;
}
.banner-form .box-text {
  color: #fff;
  width: 45%;
  padding-left: 15px;
}
.banner-form .logo {
  width: 12%;
  margin-top: 6px;
}
.banner-form .box-letter {
  display: inline-block;
  width: 43%;
  padding-left: 14px;
}
.banner-form .box-letter div {
  float: left;
}
.banner-form form {
  display: inline-block;
}
.banner-form input {
  border: none;
}
.banner-form input[type="text"] {
  min-width: 310px;
  height: 100%;
  padding: 9.5px 0 9.5px 25px;
}
.banner-form input[type="submit"] {
  min-width: 40px;
  height: 100%;
  background: transparent;
  padding: 9.5px 0;
  position: relative;
  z-index: 999;
}
.banner-form .btn-submit {
  position: relative;
  text-align: center;
}
.banner-form .btn-submit:after {
  content: '\f2b7';
  font-family: 'FontAwesome';
  font-size: 18px;
  padding-top: 10px;
}
/****** footer ******/
.top-footer-3,
.info-footer-3 {
  background: #131a22;
}
.top-footer-3 {
  border-bottom: 1px solid #2a3037;
  padding-top: 28px;
}
.top-footer-3 ul li a {
  color: #999;
}
.top-footer-3 .box-icon-sn ul li a:hover {
  color: #fff;
}
.info-footer-3 {
  margin-top: 0;
  padding-top: 5px;
  color: #999;
}
.info-footer-3 h3 {
  color: #fff;
}
.info-footer-3 a {
  color: #999;
}
.info-footer-3 .box-cart {
  border-bottom: 1px solid #2a3037;
}
.info-footer-3 .box-madeby {
  border-top: 1px solid #2a3037;
}
.bottom-footer-3 {
  background: #232f3e;
}
.bottom-footer-3 h3 i {
  color: #555;
}
.bottom-footer-3 ul a.more {
  font-weight: bold;
  color: #fff;
}
/*******************************************************************************************************
											HOME 04 
********************************************************************************************************/
.top-header-4 {
  padding: 25px 100px 10px;
  z-index: 999;
  position: relative;
  border-bottom: none;
}
.top-header-4 .main-nav {
  text-align: right;
}
.top-header-4 .main-nav > ul > li > a {
  color: #fff;
}
.top-header-4 .box-right li > a {
  color: #fff;
}
.box-banner-parallax {
  margin-top: -76px;
  height: 900px;
  background: url(../images/blog/blog_15.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
.box-banner-parallax .box-info-banner {
  position: absolute;
  bottom: 180px;
  padding: 0 100px;
  width: 100%;
}
.box-banner-parallax .box-info-banner .text {
  float: left;
  font-family: 'Lato', sans-serif;
  color: #fff;
}
.box-banner-parallax .box-info-banner .text h3 {
  font-size: 30px;
  margin: 0;
  font-weight: 600;
  padding: 20px 0 15px;
  border-top: 1px solid #bababa;
}
.box-banner-parallax .box-info-banner .text p {
  font-size: 18px;
}
.box-banner-parallax .box-info-banner a {
  float: right;
  font-size: 18px;
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  width: 140px;
  padding: 16.5px 0;
  background: #fff;
  position: relative;
  text-align: center;
  margin-top: 25px;
}
.box-banner-parallax .box-info-banner a:after {
  border-bottom: 1px solid #666;
  width: 98px;
  margin: auto;
  bottom: 15px;
}
.box-banner-parallax .box-info-banner a:hover {
  color: #fff;
}
.box-banner-parallax .box-info-banner a:hover:after {
  border-bottom: 1px solid #fff;
}
.box-banner-products .wrap-banner {
  margin: 0 -15px;
}
.box-banner-products .banner {
  position: relative;
}
.box-banner-products .banner:before {
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.box-banner-products .banner:hover .text,
.box-banner-products .banner:hover:before {
  opacity: 1;
}
.box-banner-products .banner > a {
  width: 100%;
}
.box-banner-products .banner > a img {
  width: 100%;
}
.box-banner-products .text {
  font-family: 'Lato', sans-serif;
  text-align: center;
  height: 71px;
  margin: auto;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.box-banner-products .text h3 {
  margin: 0 0 17px;
}
.box-banner-products .text h3 a {
  font-size: 30px;
}
.box-banner-products .text > a {
  font-family: 'Poppins', san-serif;
}
.box-banner-products .text > a i {
  font-size: 18px;
  float: right;
  margin: 2px 0 0 10px;
}
.top-footer-4 {
  margin-top: 0;
}
/********************************************************************************************************
											HOME 05 
********************************************************************************************************/
.top-header-5 {
  background: #232f3e;
  border-bottom: none;
}
.top-header-5 .main-nav > ul > li > a {
  color: #fff;
}
.top-header-5 .box-right ul li > a {
  color: #fff;
}
.box-update-product .owl-theme .owl-controls .owl-buttons div i {
  line-height: 30px;
}
.box-update-product .title {
  text-align: center;
  font-family: 'Lato', sans-serif;
  margin: 25px 0;
}
.box-update-product .title span {
  font-weight: 300;
}
.box-update-product .wrap-product {
  margin: 0 -15px;
}
.box-update-product .item {
  margin: 0 15px;
  box-shadow: none;
}
.box-update-product .item:hover .box-cart {
  opacity: 1;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.box-update-product .box-cart {
  bottom: 0;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.box-update-product .box-cart .price {
  padding: 5px 10px;
}
.box-sale {
  position: relative;
  text-align: center;
  margin: 50px 0;
}
.box-sale h2,
.box-sale h3 {
  font-family: 'Lato', sans-serif;
  margin: 0;
}
.box-sale h3 {
  font-size: 30px;
  text-transform: capitalize;
  font-weight: 300;
  color: #555;
}
.box-sale h2 {
  font-size: 60px;
  font-weight: bold;
}
.box-sale .box-text {
  height: 132px;
  margin: auto;
  z-index: 999;
}
.box-sale .box-text a {
  margin: 5px 0 0;
}
/**** box-product-show ****/
.box-product-show .owl-pagination {
  padding: 19.5px 0;
  background: #f9f9f9;
}
.box-product-show .box-left {
  margin-right: 20px;
}
.box-product-show .box-left .item {
  margin: 0;
}
.box-product-show .wrap-item .item .product-extra-link a.quick-view span {
  left: -10px;
}
.box-product-show .wrap-item .item .product-extra-link a.wishlist span {
  right: -10px;
}
.box-product-show .box-right {
  margin-left: -40px;
}
.box-product-show .box-right .wrap-product {
  margin: 0 10px;
}
.box-product-show .box-right .item {
  margin: 0 -10px 10px;
}
.box-product-show .item {
  margin: 0 0 10px;
  box-shadow: none;
}
.box-product-show .item:hover .box-cart {
  opacity: 1;
}
.box-product-show .item .box-cart {
  bottom: 0;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.box-product-show-2 {
  margin-top: 10px;
}
.box-product-show-2 .box-1 {
  margin-right: -40px;
}
.box-product-show-2 .box-2 {
  margin: 0 20px;
}
.box-product-show-2 .box-2 .item {
  margin: 0;
}
.box-product-show-2 .box-3 {
  margin-left: -40px;
}
.box-product-show-2 .owl-pagination {
  padding: 40px 0 39px;
}
.box-product-show-3 {
  margin-bottom: 50px;
}
.box-product-show-3 .box-1 {
  margin-right: -40px;
}
.box-product-show-3 .box-2 {
  margin-left: 20px;
}
.box-product-show-3 .box-2 .item {
  margin: 0;
}
.box-product-show-3 .wrap-item-bottom {
  margin: 0 25px;
}
.box-product-show-3 .wrap-item-bottom .item {
  margin: 0 -10px;
}
/*** box-choice ****/
.box-choice {
  position: relative;
  text-align: center;
}
.box-choice .title {
  position: absolute;
  top: 0;
  left: 0;
  text-transform: capitalize;
  padding: 12px 10.5px;
  background: #232f3f;
}
.box-choice .title:before {
  width: 0;
  height: 0;
  left: 100%;
  border-top: 48px solid #232f3f;
  border-right: 15px solid transparent;
}
.box-choice .title h3 {
  font-size: 24px;
  font-family: 'Lato', sans-serif;
  color: #fff;
}
.box-choice .title span.buy {
  font-weight: 100;
}
.box-choice .wrap-choice {
  position: relative;
}
.box-choice .wrap-choice:hover:before {
  opacity: 1;
}
.box-choice .wrap-choice:before {
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.box-choice .wrap-choice.box-1 {
  margin-right: -10px;
}
.box-choice .wrap-choice.box-2 {
  margin-left: -10px;
}
.box-choice .info-box .box-text,
.box-slider-06 .box-info-slide,
.box-banner-6 .info-box,
.box-product-collection .wrap-product-collection .box-left .info-box {
  text-align: center;
  border: 1px solid #fff;
  padding: 2px;
  margin: auto;
  max-width: 346px;
  height: 126px;
}
.box-choice .info-box .wrap-info,
.box-slider-06 .wrap-info-slide,
.box-banner-6 .wrap-info,
.box-product-collection .wrap-product-collection .box-left .info-box .wrap-info-box {
  background: rgba(255, 255, 255, 0.9);
  height: 100%;
  padding: 23px 0;
}
.box-choice .info-box h3 {
  text-transform: uppercase;
}
.box-choice .info-box h3,
.box-choice .info-box p {
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  margin: 0;
  line-height: 24px;
}
.box-choice .info-box p {
  font-size: 24px;
}
.box-choice .info-box .box-text span {
  margin-top: 8px;
  display: inline-block;
}
/****************************************************************************************************
												HOME 06 
*****************************************************************************************************/
.box-small-search:hover .search-form-sp {
  opacity: 1;
  visibility: visible;
  top: 25px;
}
.search-form-sp {
  position: absolute;
  right: -2px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  top: 40px;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.search-form-sp input[type="text"] {
  border: none;
  padding: 10px 15px;
}
.search-form-sp input[type="submit"] {
  width: 41px;
  height: 41px;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
}
.search-form-sp i {
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: 12px;
  color: #fff;
}
.top-header-6 {
  padding: 9px 0 9px;
  border-bottom: none;
  background: #f2f2f2;
}
.top-header-6 .phone-number i {
  margin-right: 8px;
}
.top-header-6 .box-right {
  margin: 0;
}
.main-header-6 {
  text-align: center;
}
.main-header-6 .logo {
  margin: 50px 0 30px;
}
.main-header-6 .main-nav {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding: 18.5px 0;
}
.box-slider-06 {
  margin-top: 30px;
}
.box-slider-06 .owl-pagination {
  left: 0;
  right: 0;
  margin: 60px;
  margin: auto;
  padding: 0;
  text-align: center;
}
.box-slider-06 .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 30px;
}
.box-slider-06 .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 30px;
}
.box-slider-06 .owl-theme .owl-controls .owl-page span {
  background: #000;
}
.box-slider-06 .box-info-slide {
  max-width: 508px;
  height: 257px;
}
.box-slider-06 .box-info-slide h2 {
  color: #555;
}
.box-slider-06 .box-info-slide h2,
.box-slider-06 .box-info-slide h3 {
  font-size: 30px;
  margin: 0;
}
.box-slider-06 .box-info-slide h3 {
  position: relative;
}
.box-slider-06 .box-info-slide h3:before {
  width: 66px;
  height: 15px;
  background: url(../images/bf-img.png);
  top: auto;
  bottom: -30px;
  margin: auto;
}
.box-slider-06 .box-info-slide a {
  margin: 46px 0 0;
}
.box-slider-06 .wrap-info-slide {
  background: #fff;
  padding: 52px 0;
}
.box-banner-6 {
  position: relative;
  margin: 10px 10px 0;
}
.box-banner-6 .banner {
  margin: 0 -10px;
}
.box-banner-6 .info-box {
  max-width: 290px;
  height: 46px;
}
.box-banner-6 .wrap-info {
  padding: 10px 0;
}
.box-banner-6 .wrap-info i {
  margin-left: 20px;
}
.box-product-collection {
  margin-top: 75px;
}
.box-product-collection .title {
  text-align: center;
  position: relative;
}
.box-product-collection .title:before,
.box-product-collection .title:after {
  width: 100%;
  border-top: 1px solid #f2f2f2;
  z-index: -2;
}
.box-product-collection .title:after {
  bottom: 58px;
  top: auto;
}
.box-product-collection .title .wrap-title {
  display: inline-block;
  margin: auto;
}
.box-product-collection .title span,
.box-product-collection .title .text {
  float: left;
}
.box-product-collection .title span {
  font-size: 30px;
  font-family: 'Lato', sans-serif;
  font-weight: 100;
  position: relative;
  color: #fff;
  margin-top: 10px;
}
.box-product-collection .title span:after {
  width: 80px;
  height: 91px;
  background: url(../images/bf-img-2.png);
  z-index: -1;
  left: -22px;
  top: -10px;
}
.box-product-collection .title .text {
  margin-left: 60px;
}
.box-product-collection .title .text h2,
.box-product-collection .title .text h3 {
  margin: 0;
}
.box-product-collection .title h2 {
  font-family: 'Great Vibes', cursive;
  font-size: 60px;
  color: #999;
}
.box-product-collection .title h3,
.box-default-style .title h3,
.box-default-style .box-info h3 {
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  font-weight: bold;
}
.box-product-collection .wrap-product-collection {
  margin-top: 50px;
}
.box-product-collection .wrap-product-collection .item {
  margin: 0 0 30px;
}
.box-product-collection .wrap-product-collection .box-left .info-box {
  max-width: 418px;
  height: 178px;
  z-index: 999;
}
.box-product-collection .wrap-product-collection .box-left .info-box h3 {
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  font-weight: 300;
}
.box-product-collection .wrap-product-collection .box-left .info-box .wrap-info-box {
  background: #fff;
}
.box-product-collection .wrap-product-collection .box-left .info-box.has-deal-week-countdown {
  height: 238px;
}
.box-product-collection .wrap-product-collection .box-left .info-box.has-deal-week-countdown .wrap-info-box {
  padding: 45px 0;
}
.box-product-collection .wrap-product-collection .box-right {
  text-align: center;
}
.box-product-collection .wrap-product-collection .box-right > a {
  margin-top: 20px;
}
.box-product-collection .deal-week-countdown h3 {
  margin: 0 0 15px;
}
.box-product-collection .time_circles > div {
  display: inline-block;
  width: 50px !important;
  height: 50px !important;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  text-align: center;
  padding: 8px 0;
  margin: 0 10px;
}
.box-product-collection .time_circles > div span {
  display: table;
  width: 100%;
  line-height: 17px;
}
.box-product-collection .time_circles > div span.number {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
.box-product-collection .time_circles > div span.number:after {
  position: absolute;
  content: ':';
  right: -13px;
  top: 5px;
}
.box-product-collection .time_circles > div span.text {
  font-size: 12px;
}
.box-product-collection .time_circles .textDiv_Seconds span.number:after {
  display: none;
}
.box-services-6 {
  margin-top: 50px;
}
.box-blog-06 {
  margin-bottom: 40px;
}
/********************************************************************************************************
											HOME 07 
*********************************************************************************************************/
.video-custom {
  display: block;
  width: 100%;
}
.video-info {
  height: 200px;
  margin: auto;
}
.video-button {
  position: relative;
  width: 70px;
  height: 70px;
  background: transparent;
  z-index: 999;
  border-radius: 50%;
  border: 5px solid #fff;
  margin-top: 40px;
}
.video-button:before,
.video-button:after {
  font-family: 'FontAwesome';
  content: '';
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  font-size: 24px;
  padding: 17px 0 17px 7px;
  border-radius: 50%;
}
.video-button:before {
  content: '\f04b';
}
.video-button:after {
  content: '\f04c';
  display: none;
  padding: 17px 0;
}
.video-button.active:before {
  display: none;
}
.video-button.active:after {
  display: block;
}
.box-player {
  text-align: center;
  position: relative;
  margin: 115px 0 250px;
}
.box-player h3 {
  font-family: 'Lato', sans-serif;
  font-size: 90px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 0;
}
.box-player.clicked h3 {
  display: none;
}
.box-about-product {
  margin-bottom: 100px;
}
.box-about-product h3 {
  font-family: 'Lato', sans-serif;
  font-size: 48px;
  text-transform: capitalize;
  font-weight: bold;
  margin: 0;
}
.box-about-product .box-text {
  margin: 0 0 0 20px;
}
.box-about-product .box-text i {
  font-size: 6px;
  margin: 8px 10px 0 0;
  float: left;
  color: #999;
}
.box-about-product .box-text ul {
  padding: 40px;
  border: 1px solid #f2f2f2;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  margin-top: 20px;
}
.box-about-product .box-text li {
  margin-bottom: 15px;
}
.box-introduce .box-img-item a {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  position: relative;
}
.box-introduce .box-img-item a:before {
  width: 300px;
  height: 300px;
  background: #afd6e7;
  z-index: -1;
  top: 50px;
  left: -50px;
}
.box-introduce .box-text {
  margin-top: 57px;
}
.box-introduce .box-text h3 {
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
}
.box-introduce-1 .box-img-item {
  float: right;
}
.box-introduce-2 {
  margin-top: 100px;
}
.box-introduce-2 .box-img-item a:before {
  left: auto;
  right: -50px;
}
.box-utilities {
  margin-top: 130px;
}
.box-utilities h3,
.box-special .title h3,
.box-say h3,
.box-product-parallax .info-box h3 a,
.box-product-parallax .info-box span,
.wrap-gridview .title h3 {
  margin: 0 0 17px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  font-size: 30px;
  color: #000;
}
.box-utilities .wrap-utilities {
  text-align: center;
  margin: 0 -15px;
}
.box-utilities .wrap-utilities img,
.box-utilities .wrap-utilities .box-img {
  border-radius: 50%;
}
.box-utilities .wrap-utilities .box-img {
  border: 10px solid #afd6e7;
  display: inline-block;
  margin-bottom: 30px;
}
.box-utilities .wrap-utilities .box-img a {
  position: relative;
}
.box-utilities .wrap-utilities .box-img a:before {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  background: rgba(0, 0, 0, 0.3);
}
.box-utilities .wrap-utilities .box-img a:hover:before {
  opacity: 1;
}
.box-utilities .wrap-utilities p {
  padding: 0 20px;
}
.box-utilities .wrap-utilities.wrap-utilities-sp .box-img {
  margin-top: 20px;
}
.box-special {
  text-align: center;
  padding-top: 85px;
  border-top: 1px solid #f2f2f2;
  margin-top: 110px;
}
.box-special .title {
  margin-bottom: 63px;
}
.box-special .title h3 {
  font-size: 48px;
  margin: 0 0 10px;
}
.box-special .title p {
  font-weight: bold;
  color: #555;
}
.box-special .box-img {
  margin-bottom: 20px;
}
.box-special .item-special {
  padding-bottom: 10px;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.box-special .item-special p {
  color: #999;
  font-weight: bold;
}
.box-special .item-special span {
  color: #555;
  font-weight: 400;
}
.box-special .item-special:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.box-shape {
  padding-top: 100px;
  margin-top: 73px;
  border-top: 1px solid #f2f2f2;
}
.box-shape > div {
  float: left;
}
.box-shape .box-left {
  width: 60%;
}
.box-shape .box-left .box-icon-sn {
  text-align: center;
  margin-top: 45px;
}
.box-shape .box-left a,
.box-shape .box-left img {
  width: 100%;
}
.box-shape .info-box {
  width: 40%;
  margin: 150px 0 0 -65px;
  z-index: 999;
  position: relative;
}
.box-shape .info-box .price,
.box-quickview-pro .price {
  font-weight: bold;
  margin: 15px 0 20px;
}
.box-shape .info-box > p,
.box-quickview-pro p {
  color: #555;
  padding-right: 50px;
}
.box-shape .info-box > p a {
  color: #000;
  font-weight: bold;
}
.box-shape .info-box .product-extra-link,
.detai-cart .product-extra-link,
.box-quickview-pro .product-extra-link {
  margin-top: 30px;
}
.box-shape .info-box .product-extra-link > a,
.detai-cart .product-extra-link > a,
.box-quickview-pro .product-extra-link > a {
  background: #fff;
}
.box-shape .info-box .product-extra-link > a:hover i {
  color: #fff;
}
.box-shape .info-box .product-extra-link > a i,
.box-quickview-pro .product-extra-link > a i {
  color: #999;
  margin-left: 10px;
}
.box-say {
  text-align: center;
  background: #ddeff2;
  padding: 90px 0;
  margin-top: 105px;
}
.box-say h3 {
  text-transform: capitalize;
}
.box-say i {
  font-size: 30px;
  color: #fff;
  margin: 10px 0 23px;
}
.box-say p {
  font-size: 18px;
  margin-bottom: 60px;
  padding: 0 280px;
}
.box-say p span {
  font-weight: bold;
  color: #555;
}
/******************************************************************************************************
											HOME 08
*******************************************************************************************************/
.box-banner-08 {
  text-align: center;
  position: relative;
}
.box-banner-08 .info-box {
  height: 88px;
  margin: auto;
}
.box-banner-08 .info-box h3,
.box-banner-08 .info-box p {
  color: #fff;
}
.box-banner-08 .info-box h3 {
  font-size: 48px;
  font-weight: bold;
  margin: 0 0 15px;
}
.box-banner-08 .info-box span {
  font-weight: bold;
}
.box-tag-08 {
  margin-top: 60px;
}
.box-tag-08 ul li {
  margin: 0 13px 15px 0;
}
.box-tag-08 ul li a {
  color: #555;
}
.box-tag-08 ul li a.more {
  color: #000;
}
.box-tag-08 .title {
  width: 7.5%;
  padding: 32px 0;
  border-right: 1px solid #f2f2f2;
}
.box-tag-08 .title i {
  font-size: 60px;
  color: #999;
}
.box-tag-08 ul {
  width: 92.5%;
  padding-left: 40px;
}
.box-tag-08 .title,
.box-tag-08 ul {
  float: left;
}
.box-product-08 {
  background: #afd6e7;
  margin-top: 45px;
  padding: 30px 0 40px;
}
.item .customize {
  background: #fff;
  color: #999;
}
.sale-item {
  position: absolute;
  background: #555;
  width: 40px;
  height: 20px;
  z-index: 99999;
  margin: 10px 0 0 10px;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.sale-item span {
  font-size: 12px;
  color: #fff;
}
.item:hover .sale-item {
  opacity: 0;
  z-index: 0;
}
.item:hover .customize {
  color: #333;
}
/********************************************************************************************************
												HOME 09
********************************************************************************************************/
.box-product-parallax {
  background-attachment: fixed !important;
  background-repeat: no-repeat;
  padding: 100px 0;
}
.box-product-parallax .info-box {
  width: 30%;
  margin: 50px 0 0 140px;
}
.box-product-parallax .info-box h3,
.box-product-home10 .title > h3 > a {
  margin: 0;
}
.box-product-parallax .info-box sup {
  top: -6px;
}
.box-product-parallax .info-box > a {
  margin: 30px 0 0;
}
.box-product-parallax .info-box .price {
  margin-bottom: 15px;
}
.box-product-parallax .box-img {
  width: 31%;
}
.box-product-parallax .box-img a {
  float: left;
  width: 47%;
  margin: 5px;
  overflow: hidden;
}
.box-product-parallax .box-img a img {
  width: 100%;
}
.box-product-parallax .info-box,
.box-product-parallax .box-img {
  float: left;
}
.box-product-parallax-1,
.box-product-parallax-3,
.box-product-parallax-5 {
  background-position: left -278px center !important;
}
.box-product-parallax-1 .info-box,
.box-product-parallax-3 .info-box,
.box-product-parallax-5 .info-box,
.box-product-parallax-1 .box-img,
.box-product-parallax-3 .box-img,
.box-product-parallax-5 .box-img {
  float: right;
}
.box-product-parallax-1 .info-box,
.box-product-parallax-3 .info-box,
.box-product-parallax-5 .info-box {
  margin-right: 60px;
}
.box-product-parallax-2,
.box-product-parallax-4,
.box-product-parallax-6 {
  background-position: right -278px center !important;
}
.box-product-parallax-1 {
  background: url(../images/blog/blog_35.jpg);
}
.box-product-parallax-2 {
  background: url(../images/blog/blog_36.jpg);
}
.box-product-parallax-3 {
  background: url(../images/blog/blog_37.jpg);
}
.box-product-parallax-4 {
  background: url(../images/blog/blog_38.jpg);
}
.box-product-parallax-5 {
  background: url(../images/blog/blog_39.jpg);
}
.box-product-parallax-6 {
  background: url(../images/blog/blog_40.jpg);
}
.box-lastest-product {
  padding: 25px 0;
}
.box-lastest-product .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 35px;
}
.box-lastest-product .owl-theme .owl-controls .owl-buttons div i {
  line-height: 30px;
}
.box-lastest-product .wrap-item a {
  border: 1px solid #e5e5e5;
  margin: 0 10px;
}
.box-lastest-product .title {
  width: 15%;
  margin-top: 5px;
  padding-left: 30px;
}
.box-lastest-product .title h3 {
  font-size: 18px;
  font-family: 'Lato', sans-serif;
}
.box-lastest-product .wrap-lastest-product {
  width: 85%;
  padding: 0 80px 0 40px;
}
.box-lastest-product .wrap-lastest-product,
.box-lastest-product .title {
  float: left;
}
/********************************************************************************************************
													HOME 10 
*********************************************************************************************************/
.top-header-10 {
  border-bottom: none;
}
.logo-10 {
  padding-left: 30px;
}
.phone-number-10 {
  float: right;
  margin-right: 30px;
}
.phone-number-10 a {
  color: #fff;
  font-weight: bold;
  padding: 10.5px 15px;
  font-size: 18px;
}
.phone-number-10 span {
  font-weight: 100;
  margin-right: 10px;
  font-size: 14px;
}
.phone-number-10 i {
  margin-right: 7px;
}
.box-search-10 {
  margin: 0 0 0 5px;
}
.box-search-10 input[type="text"] {
  width: 450px;
}
.box-search-10 form > * {
  background: #fff !important;
}
.bottom-header {
  background: #232f3e;
  padding: 5px 0 27px;
}
.bottom-header .main-nav > ul > li > a {
  color: #fff;
}
.bottom-header .box-right a {
  color: #fff;
  font-size: 18px;
}
.bottom-header .main-nav {
  margin: 6px 0 0 30px;
}
.bottom-header .box-right {
  float: right;
  margin-right: 39px;
}
.bottom-header .box-right li {
  margin-left: 20px;
}
.main-content-home10 {
  margin-top: 20px;
}
.main-content-home10 .box-right {
  margin: 0 20px 70px -44px;
}
.main-content-home10 .box-left {
  margin: 0 34px 0 20px;
}
.banner-home-10 {
  position: relative;
}
.banner-home-10 h3,
.banner-home-10 span,
.banner-blog .box-info h3,
.banner-blog .box-info .price span {
  font-size: 48px;
  font-family: 'Lato', sans-serif;
  color: #fff;
}
.banner-home-10 h3,
.banner-blog .box-info h3 {
  font-weight: 100;
  margin: 0;
}
.banner-home-10 span,
.banner-blog .box-info .price span {
  font-weight: bold;
}
.banner-home-10 .info-box {
  height: 180px;
  margin: auto;
  padding-left: 150px;
  z-index: 9;
}
.banner-home-10 .info-box > a,
.banner-blog .box-info a {
  margin: 32px 0 0;
}
.box-product-home10 {
  margin: 30px 0 50px;
}
.box-product-home10 .wrap-product {
  margin: 0;
}
.box-product-home10 .title {
  border-bottom: none;
  text-align: left;
  padding-bottom: 0;
}
.box-product-home10 .title > h3 > a {
  margin: 0 0 10px;
  font-weight: bold;
}
.box-product-home10 .title h3 a {
  color: #333;
}
.box-product-home10 .nav-tabs > li:after {
  display: none;
}
.box-product-home10 .box-tabs {
  float: right;
}
.box-product-home10 .nav-tabs > li {
  position: relative;
  padding-bottom: 14px;
}
.box-product-home10 .nav-tabs > li:last-child {
  margin-right: 0;
}
.box-product-home10 .nav-tabs > li:before {
  top: auto;
  bottom: 0;
  height: 2px;
  border-radius: 0;
  width: 100%;
}
.box-product-home10 .nav-tabs > li h3 a {
  font-weight: 400;
}
.box-product-home10 .nav-tabs {
  margin-top: 11px;
}
.box-product-home10 .item {
  margin: 0 0 30px;
}
.box-product-home10 .item .box-cart .price {
  padding: 5px 10px;
}
.box-product-home10 .item .box-cart {
  bottom: 40px;
  border-bottom: none;
  border-top: none;
}
.box-product-home10 .item .customize {
  padding: 10px 0 9px;
}
.box-product-home10 .tab-content > .tab-pane {
  padding: 30px 27px 0px 30px;
  border: 1px solid #e5e5e5;
}
.list-product .title {
  border: 1px solid #e5e5e5;
  padding: 10px;
}
.list-product .title i {
  float: right;
  margin-top: -20px;
  font-size: 24px;
  font-weight: bold;
}
.list-product .title .box-img,
.list-product .title .text {
  float: left;
}
.list-product .title .box-img {
  width: 16.8%;
}
.list-product .title .text {
  width: 74%;
  margin: 0 0 0 20px;
}
.list-product .title h3 {
  margin: 10px 0 0;
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: bold;
}
.list-product > ul > li i.fa-angle-up {
  display: none;
}
.list-product > ul > li ul {
  display: none;
}
.list-product > ul > li.active i.fa-angle-up {
  display: block;
}
.list-product > ul > li.active i.fa-angle-down {
  display: none;
}
.list-product > ul > li.active ul {
  display: block;
}
.list-product ul ul {
  padding: 20px 20px 5px;
  border: 1px solid #e5e5e5;
  border-top: none;
  margin-bottom: 6px;
}
.list-product li li {
  width: 100%;
  margin-bottom: 20px;
}
.banner-sidebar {
  border: 1px solid #e5e5e5;
  padding: 5px;
  position: relative;
  margin-top: 15px;
}
.banner-sidebar .box-info {
  height: 275px;
  margin: auto auto auto 28px;
}
.banner-sidebar .box-info > a {
  font-size: 18px;
  font-weight: bold;
  max-width: 150px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  padding: 6.5px 0;
  margin-top: 25px;
}
.banner-sidebar .box-info > a:hover {
  background: #555;
}
.banner-sidebar span.upto {
  font-size: 30px;
}
.banner-sidebar h3 {
  font-size: 60px !important;
  padding: 0 0 5px;
}
.banner-sidebar span,
.banner-sidebar h3 {
  display: table;
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
/******************************************************************************************************
												BLOG FEATURED 
*******************************************************************************************************/
.cate-header ul li {
  margin-right: 28px;
}
.cate-header a {
  padding: 15px 0;
}
.cate-header a:hover {
  text-shadow: 0px 0px 0.1px #333;
  color: #333;
}
.box-breadcrumb {
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
}
.box-breadcrumb a {
  color: #555;
  font-size: 12px;
}
.banner-blog {
  position: relative;
  margin-top: 6px;
  z-index: 1;
}
.banner-blog .box-info {
  height: 177px;
  margin: auto auto auto 85px;
  z-index: 9999;
}
.box-default-style-1 .title {
  margin: 50px 0 45px !important;
}
.box-default-style-1 .box-info {
  margin: -45px 30px 0;
  padding: 16px 39px;
  background: rgba(255, 255, 255, 0.95);
}
.box-default-style {
  text-align: center;
}
.box-default-style .title {
  margin: 63px 0 51px;
}
.box-default-style .blog-item {
  margin: 0 15px;
}
.box-default-style .box-info {
  z-index: 999;
  position: relative;
}
.box-default-style .box-info h3 {
  font-size: 24px;
  margin: 0;
}
.box-default-style .box-info ul {
  margin-top: 20px;
}
.box-default-style .box-info ul li,
.wrap-main-post .box-info ul li {
  padding: 0 10px;
  font-size: 12px;
  color: #555;
}
.box-default-style .box-info ul li:first-child {
  padding-left: 0;
  border-right: 1px solid #555;
}
.box-default-style .box-info ul li a {
  color: #555;
}
.box-default-style .owl-theme .owl-controls .owl-buttons div i {
  line-height: 30px;
}
.box-default-style-2 .title {
  margin: -10px 0 45px !important;
}
.box-default-style-2 .box-info h3 {
  margin: 20px 0 12px;
}
.box-blog-post {
  background: #232f3e;
  color: #fff;
  padding-bottom: 80px;
  margin-top: 30px;
}
.box-blog-post .box-info {
  text-align: left;
}
.box-blog-post .box-info h3 {
  margin: 20px 0;
}
.box-blog-post .box-info p {
  color: #bdc1c5;
}
.box-blog-post .box-info h3 a {
  color: #fff;
}
.box-vertical .owl-carousel .owl-wrapper-outer {
  padding-bottom: 10px;
}
.box-vertical .box-img,
.box-vertical .box-info {
  float: left;
}
.box-vertical .box-img {
  width: 45.21%;
}
.box-vertical .box-info {
  width: 54.79%;
  padding: 30px 23px;
}
.box-vertical .box-info h3 {
  margin-bottom: 10px;
}
.box-vertical .item-box {
  margin: 0 15px;
  border: 1px solid #f2f2f2;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
}
.box-vertical span {
  color: #555;
}
.box-grid .item-box {
  margin: 0 15px;
}
.box-grid .item-box-has-children:after {
  display: none;
}
.box-grid .item-box-children,
.box-grid .item-box {
  position: relative;
}
.box-grid .item-box-children:after,
.box-grid .item-box:after {
  height: 230px;
  background: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, 0.9)), to(transparent));
  background: linear-gradient(rgba(0, 0, 0, 0.9), transparent);
  transform: rotate(180deg);
  bottom: 0;
  top: auto;
  z-index: 99;
}
.box-grid .box-info {
  text-align: left;
  position: absolute;
  bottom: 0;
  padding: 0 20px 20px;
}
.box-grid .box-info h3 a {
  color: #fff;
  margin-bottom: 16px;
}
.box-grid .box-info p {
  color: rgba(255, 255, 255, 0.7);
}
.box-grid .box-info span {
  color: #555;
}
.box-grid-2 {
  background: #f5f5f5;
  padding-bottom: 75px;
  margin-top: 75px;
}
.box-grid-2 .title {
  margin: 55px 0;
}
.box-grid-2 .item-box {
  padding: 10px 10px 20px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  background: #fff;
}
.box-grid-2 .box-img a,
.box-grid-2 .box-img img {
  width: 100%;
}
.box-grid-2 .box-info {
  text-align: left;
}
.box-grid-2 .box-info h3,
.wrap-main-post .box-info h3 {
  margin: 20px 0 15px;
}
.box-grid-2 .box-info ul {
  margin-top: 40px;
}
.box-grid-2 .box-info ul li {
  padding: 0 7px;
}
.box-overlay .box-img a,
.box-overlay .box-img img {
  width: 100%;
}
.box-overlay .box-info {
  padding: 0 20px 10px;
}
.box-overlay .box-info ul {
  margin-top: 40px;
}
.box-overlay .box-info ul li {
  padding: 0;
}
.box-overlay .box-info ul li:first-child {
  border-right: none;
}
.box-overlay-2 .item-box {
  position: relative;
}
.box-overlay-2 .item-box:before {
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.box-overlay-2 .item-box img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.box-masonery .title {
  margin: 40px 0;
}
.box-masonery .box-info h3 {
  margin: 20px 0 15px;
}
.box-masonery .box-info p {
  padding: 0 15px;
}
.box-masonery .item-post-masonry {
  margin-bottom: 45px;
  width: 33.334%;
  padding: 0 15px;
}
.box-masonery ul {
  margin-top: 40px;
}
.box-masonery ul li {
  padding: 0 7px;
}
.wrap-main-post {
  margin: 50px 0;
}
.wrap-main-post .box-left {
  padding-right: 30px;
  border-right: 1px solid #e5e5e5;
}
.wrap-main-post .box-left .number-page {
  float: right;
}
.wrap-main-post .box-left .number-page a,
.wrap-gridview .number-page ul li a {
  width: 30px;
  height: 30px;
  border: 1px solid #e5e5e5;
  text-align: center;
  line-height: 30px;
  margin: 0 2px;
}
.wrap-main-post .box-right .list-table.list-product > .title {
  padding-top: 0;
}
.wrap-main-post .box-right .list-table {
  margin-bottom: 10px;
}
.wrap-main-post .box-right .list-table > .title {
  border-bottom: 2px solid #e5e5e5 !important;
  padding: 25px 0 10px;
}
.wrap-main-post .box-right .list-table > .title h3 {
  font-size: 18px;
  margin-top: 0;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
}
.wrap-main-post .box-right .list-product > .title {
  border: none;
}
.wrap-main-post .box-right .list-product > ul {
  margin-top: 15px;
}
.wrap-main-post .box-right .list-product > ul li {
  width: 100%;
}
.wrap-main-post .box-right .list-product > ul li .title,
.wrap-main-post .box-right .list-product > ul li ul {
  border: none;
}
.wrap-main-post .box-right .list-product > ul li .text {
  width: 100%;
  margin: 0;
}
.wrap-main-post .box-right .list-product > ul li ul {
  padding: 5px 0 0;
  margin-bottom: 0;
}
.wrap-main-post .box-right .list-product > ul li ul span,
.wrap-archives span {
  float: right;
  font-size: 12px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  text-align: center;
  line-height: 20px;
}
.wrap-main-post .box-right .list-product > ul li ul li {
  margin-bottom: 10px;
}
.wrap-main-post .box-right .list-product > ul li .title {
  padding: 5px 0;
}
.wrap-main-post .box-right .list-product > ul li .title i {
  color: #43567e;
  font-size: 14px;
  font-weight: 100;
}
.wrap-main-post .box-right .list-product > ul li .title h3 {
  font-family: 'Poppins', san-serif;
  font-size: 14px;
  margin: 0;
}
.wrap-main-post .item-box {
  margin-bottom: 30px;
}
.wrap-main-post .item-box.last-child {
  margin-bottom: 30px;
}
.wrap-main-post .box-info {
  margin: -43px 30px 0;
  background: rgba(255, 255, 255, 0.95);
  padding: 20px;
  position: relative;
}
.wrap-main-post .box-info > a {
  margin: 25px 0 0;
}
.wrap-main-post .box-info h3 {
  margin-top: 0;
}
.wrap-main-post .box-info ul {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}
.wrap-main-post .box-info ul li span,
.wrap-main-post .box-info ul li a {
  color: #555;
}
.wrap-main-post .box-info ul li:first-child {
  padding: 0;
}
.wrap-main-post .box-info ul.time-post li {
  border-right: 1px solid #e5e5e5;
}
.wrap-main-post .box-info ul.time-post li:last-child {
  border-right: none;
}
.wrap-main-post .box-info ul.time-post li:first-child {
  padding-right: 10px;
}
.wrap-list {
  margin-top: 25px;
}
.wrap-latest span,
.wrap-comment .box-text span {
  font-size: 12px;
  color: #999;
}
.wrap-latest .box-img,
.wrap-latest .box-text {
  float: left;
}
.wrap-latest .box-img {
  padding: 5px;
  border: 1px solid #e5e5e5;
  width: 45.2%;
}
.wrap-latest .box-text {
  width: 54.8%;
  padding: 8px 0 0 15px;
}
.wrap-latest .item-latest {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.wrap-latest .item-latest.last-child {
  border-bottom: none;
}
.wrap-latest h3 {
  margin: 0 0 10px;
}
.wrap-latest h3 a,
.wrap-comment h3 a {
  font-size: 14px;
  color: #555;
}
.box-comment {
  margin-bottom: 0 !important;
}
.wrap-comment .number {
  width: 18.52%;
  height: 50px;
  text-align: center;
  border: 1px solid #e5e5e5;
  padding: 8px 0;
}
.wrap-comment .number span {
  font-size: 12px;
  margin-top: -5px;
  display: inherit;
}
.wrap-comment .number i {
  font-size: 18px;
  color: #999;
  width: 100%;
}
.wrap-comment .number,
.wrap-comment .box-text {
  float: left;
}
.wrap-comment .box-text {
  padding: 6px 0 0 20px;
  width: 81.48%;
}
.wrap-comment .item-comment {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
}
.wrap-comment .item-comment.last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.wrap-comment h3 {
  margin: 0 0 10px;
}
.wrap-tag a {
  padding: 5px 10px;
  border: 1px solid #e5e5e5;
  margin: 0 6px 10px 0;
}
.wrap-archives a {
  width: 100%;
  margin-bottom: 10px;
}
.wrap-archives span {
  font-size: 12px;
}
.wrap-blog-grid.box-blog .wrap-blog:hover .info-box {
  margin-top: 40px;
}
.wrap-blog-grid {
  margin: 50px 0 95px;
  display: inline-block;
}
.wrap-blog-grid .wrap-blog {
  margin: 0 0 30px;
}
.wrap-blog-grid .more a {
  margin-top: 0;
}
/********************************************************************************************************
										GRIDVIEW 
********************************************************************************************************/
.wrap-gridview .title {
  padding: 25px 0 8px;
  border-bottom: 1px solid #f2f2f2;
}
.wrap-gridview .title h3 {
  float: left;
  margin: 0;
}
.wrap-gridview .box-view {
  float: right;
}
.wrap-gridview .box-view > div {
  float: left;
}
.wrap-gridview .box-view .sortby {
  position: relative;
}
.wrap-gridview .box-view .sortby:after {
  position: absolute;
  content: '\f0d7';
  font-family: FontAwesome;
  font-size: 15px;
  right: 15px;
  top: 7px;
}
.wrap-gridview .box-view select {
  -webkit-appearance: none;
  padding: 3.5px 38px 3.5px 15px;
  border: 1px solid #e8e8e8;
}
.wrap-gridview .item {
  margin: 0 0 30px;
}
.wrap-gridview .wrap-product {
  margin: 30px 0 0;
}
.wrap-gridview .number-page {
  float: right;
  margin-bottom: 50px;
}
.view-way {
  margin-left: 30px;
}
.view-way a {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #e8e8e8;
  color: #555;
  background: #fafafa;
  margin: 0 -2px;
}
.view-way a.active {
  color: #fff;
}
.product-rating {
  background: url(../images/rate.png) top left repeat-x;
  display: inline-block;
  width: 85px;
  height: 13px;
}
.inner-rating {
  width: 100%;
  background: url(../images/rate.png) bottom left repeat-x;
  height: 13px;
}
.list-product .list-inline li {
  width: 100%;
}
.main-content-gridview {
  margin-top: 15px;
}
.main-content-gridview .list-table {
  border: 1px solid #e5e5e5;
  padding: 20px;
  margin: 20px 0 0;
}
.main-content-gridview .list-table .title h3 {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 20px;
}
.main-content-gridview .box-review ul li {
  width: 100%;
}
.main-content-gridview .box-review ul li span {
  margin-left: 5px;
}
.main-content-gridview .box-review .rate-4 .inner-rating {
  width: 80%;
}
.main-content-gridview .box-review .rate-3 .inner-rating {
  width: 65%;
}
.main-content-gridview .box-review .rate-2 .inner-rating {
  width: 45%;
}
.main-content-gridview .box-review .rate-1 .inner-rating {
  width: 20%;
}
.main-content-gridview .box-discount ul li {
  width: 100%;
  margin-bottom: 20px;
}
.main-content-gridview .box-discount ul li:last-child {
  margin-bottom: 0;
}
.main-content-gridview .banner-sidebar {
  margin-top: 20px;
}
.main-content-gridview .banner-blog {
  margin-top: 0;
}
.main-content-gridview .banner-blog .box-info {
  height: 105px;
  z-index: 999;
}
.main-content-gridview .banner-blog .box-info h3 {
  font-size: 30px;
}
.main-content-gridview .banner-blog .box-info .price span {
  font-size: 24px;
}
.main-content-gridview .banner-blog .box-info a {
  margin: 15px 0 0;
  font-size: 14px;
}
.main-content-gridview .banner-blog .box-info a:hover {
  border-bottom: 1px solid transparent;
}
.list-table.box-color {
  padding: 20px 0;
}
.box-color .title h3 {
  padding: 0 20px;
}
.box-color ul {
  margin-top: -10px;
}
.box-color ul li {
  width: 100%;
}
.box-color ul li a {
  width: 100%;
  border: 1px solid transparent;
  padding: 3px 0;
  position: relative;
}
.box-color ul li a:hover i {
  opacity: 1;
}
.box-color ul li a i {
  color: #999;
  margin: 0 28px 0 5px;
  opacity: 0;
}
.box-color ul li a:before {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  top: 6px;
  left: 22px;
}
.box-color ul li a.cyan:before {
  background: #baeaff;
}
.box-color ul li a.blue:before {
  background: #00aefa;
}
.box-color ul li a.pink:before {
  background: #ff74bc;
}
.box-color ul li a.blush:before {
  background: #ffcaad;
}
.box-color ul li a.eggplant:before {
  background: #df29ae;
}
.box-color ul li a.grey:before {
  background: #a7a7a7;
}
.box-color ul li a.olive:before {
  background: #4a5b2f;
}
.box-color ul li a.White:before {
  background: #fff;
  border: 1px solid #e5e5e5;
}
.box-color ul li a.organ:before {
  background: #ff560b;
}
.box-color ul li a.black:before {
  background: #000;
}
#slider-range {
  height: 3px;
  border: none;
}
.ui-slider-range {
  background: #e5e5e5;
}
.box-range {
  position: relative;
  margin-top: 15px;
}
.box-range .ui-slider-handle {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: #000;
  border: none;
}
.box-range .ui-slider-handle:before {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  background: #fff;
  border-radius: 100%;
  top: 3px;
  left: 3px;
}
.box-range .ui-slider-handle span {
  display: none;
}
.box-range ul {
  margin-top: 15px;
}
.box-range ul li span {
  font-size: 12px;
  color: #555;
}
.box-range ul li:last-child {
  float: right;
}
.box-range a.btn-filter {
  min-width: 70px;
  padding: 4.5px 0;
  background: #000;
  color: #fff;
  text-align: center;
  float: right;
  margin: 15px 23px 0 0;
}
.box-range #amount {
  position: absolute;
  min-width: 130px;
  padding: 3.5px 0;
  border: 1px solid #e5e5e5;
  text-align: center;
  top: 113px;
}
/******************************************************************************************************
												LISTVIEW 
********************************************************************************************************/
.item-listview {
  border: 1px solid #f2f2f2;
  margin-bottom: 30px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
}
.item-listview:hover .customize {
  color: #333;
}
.item-listview .info-box {
  padding: 25px 30px 0 0;
}
.item-listview .info-box p {
  font-size: 12px;
}
.item-listview .customize {
  width: 100%;
  color: #999;
  border-top: 1px solid #f2f2f2;
  padding: 13px 0 13px 93px;
}
.item-listview .name-product span {
  color: #555;
}
.item-listview .name-product h3 {
  margin: 2px 0;
}
.item-listview .rating-box {
  display: inline-block;
}
.item-listview .rating-box .product-rating {
  margin: 2px 0 0;
}
.item-listview .rating-box .product-rating,
.item-listview .rating-box > a,
.item-listview .rating-box span {
  float: left;
  color: #555;
}
.item-listview .rating-box > a {
  margin: -4px 13px 0 5px;
  float: left;
}
.item-listview .price {
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  color: #555;
  font-weight: bold;
  margin: 11px 30px 0 0;
  float: left;
}
.item-listview .cart {
  min-width: 163px;
  text-align: center;
  padding: 9.5px 0;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}
.item-listview .cart i {
  margin-left: 10px;
}
.item-listview .cart:hover {
  background: #000;
}
.item-listview .box-cart {
  padding-top: 10px;
  border-top: 1px solid #f2f2f2;
  margin: 7px 0 15px;
}
.rating-box {
  position: relative;
}
.rating-box:hover .feedback-rating {
  opacity: 1;
  visibility: visible;
}
.feedback-rating {
  text-align: center;
  position: absolute;
  width: 250px;
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  z-index: 9999;
  padding: 15px;
  border: 1px solid #e5e5e5;
  top: 25px;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  visibility: hidden;
}
.feedback-rating ul li {
  width: 100%;
}
.feedback-rating ul li > div {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.feedback-rating ul li span {
  color: #333 !important;
  font-family: 'Lato', sans-serif;
}
.feedback-rating .average-progress {
  width: 120px;
  height: 7px;
  background: #ddd;
}
.feedback-rating .inner-average-progress {
  height: 100%;
}
.feedback-rating > a {
  font-size: 12px;
  color: #000;
  margin-top: 5px;
}
/*******************************************************************************************************
											PRODUCT SHOW 
********************************************************************************************************/
.content-tags-detail .title14 {
  margin: 0 0 18px;
  text-transform: inherit;
}
.list-none.list-tags-review li > .review-info {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  padding: 20px;
  position: relative;
}
.list-none.list-tags-review li > div {
  display: table-cell;
  vertical-align: top;
}
.list-none.list-tags-review li > .review-author {
  width: 100px;
}
.list-none.list-tags-review li {
  display: table;
  margin-bottom: 20px;
  width: 100%;
}
.review-form > div > label {
  font-weight: 400;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  top: 0;
}
.review-form > div > input[type="text"] {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  height: 40px;
  max-width: 400px;
  padding: 0 15px;
  width: 100%;
}
.review-form > div {
  margin-bottom: 10px;
  min-height: 40px;
  padding-left: 105px;
  position: relative;
}
.review-form > div > textarea {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  max-height: 120px;
  padding: 10px 15px;
  width: 100%;
}
.review-form > div > input[type="submit"] {
  background: #555 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-weight: 700;
  height: 40px;
  margin-top: 10px;
  padding: 0 30px;
  text-transform: uppercase;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.review-form .rating-box {
  padding-top: 10px;
}
.detail-addition,
.content-tags-detail {
  padding-top: 30px;
}
.zoomContainer .zoomLens {
  border: 2px solid #555 !important;
}
.banner-show {
  text-align: center;
}
.box-breadcrumb-sp {
  border-top: 0;
}
.cate-header-sp {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 5px;
}
.cate-header-sp a {
  padding: 20px 0 10px;
}
.main-detail {
  margin-top: 20px;
}
.detail-product {
  padding-left: 60px;
  position: relative;
}
.detail-product p {
  text-align: center;
  margin-top: 12px;
  color: #555;
}
.thumb-carousel {
  width: 50px;
}
.detail-product .mid {
  position: relative;
}
.icon-video {
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff !important;
  border-radius: 5px;
  bottom: 50px;
  right: 20px;
  z-index: 9999;
}
.icon-video:hover {
  background: #49d560;
}
.carousel-detail.carousel-detail-video {
  height: 170px !important;
}
.carousel-detail {
  height: 220px!important;
  padding-top: 50px;
}
.carousel-detail ul li {
  padding: 5px;
  width: 100% !important;
  min-height: 50px;
}
.carousel-detail a {
  margin-bottom: 5px;
  border: 1px solid transparent;
}
.text-grey {
  color: #555;
}
.text-red {
  color: #bd0000;
}
.text-green {
  color: #00b709;
  display: table;
  margin-bottom: 15px;
}
.text-color {
  color: #000;
}
p.text-grey {
  display: inline-block;
}
.name-pro {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 15px;
}
.name-pro .rating-box i {
  color: #555;
  margin: 0 10px 0 5px;
}
.name-pro > p {
  font-size: 24px;
  font-family: 'Lato', sans-serif;
  padding-bottom: 5px;
}
.price-pro .sp-1 {
  margin-left: 37px;
}
.price-pro .sp-2 {
  margin-left: 42px;
}
.price-pro .sp-3 {
  margin-left: 8px;
}
.img-pro li {
  width: 30%;
  border: 1px solid #f2f2f2;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
  margin-right: 10px;
  padding: 5px;
}
.img-pro li img {
  width: 36.1%;
  margin-right: 10px;
}
.detail-info .text-box {
  margin-top: 30px;
}
.detail-info .text-box p {
  position: relative;
  padding-left: 15px;
}
.detail-info .text-box i {
  font-size: 7px;
  top: 7px;
}
.detai-cart {
  border: 1px solid #e5e5e5;
  padding: 20px;
}
.detai-cart input[type="text"] {
  width: 115px;
  height: 40px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  -webkit-appearance: none;
  position: relative;
  margin-left: 5px;
}
.detai-cart .qty-box {
  position: relative;
  display: inline-block;
}
.detai-cart .qty-box:after,
.size-select:after {
  content: "\f0d7";
  top: 14px;
  color: #555;
}
.detai-cart .product-extra-link {
  margin-top: 20px;
}
.detai-cart .product-extra-link > a {
  min-width: 230px;
  padding: 14px 0;
}
.detai-cart .info-cart {
  margin: 35px 0 20px;
}
.detai-cart .info-cart p {
  color: #555;
}
.detai-cart .info-cart span {
  color: #555;
}
.detai-cart .socical-box {
  text-align: center;
}
.detai-cart .socical-box span {
  color: #0266bc;
}
.detai-cart .socical-box .fa-facebook-official {
  color: #3664a2;
}
.detai-cart .socical-box .fa-twitter {
  color: #65add3;
}
.detai-cart .socical-box .fa-pinterest {
  color: #dc1609;
}
.detai-cart .socical-box i {
  margin-left: 5px;
}
.box-tab-detail {
  margin-top: 40px;
}
.box-tab-detail h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.box-tab-detail .nav-tabs {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.box-tab-detail .nav-tabs li {
  margin-right: 33px;
}
.box-tab-detail .nav-tabs li > a {
  border: none;
  border-bottom: 2px solid transparent;
  padding: 20px 0 ;
}
.box-tab-detail .nav-tabs li > a:hover {
  background: #fff;
}
.box-tab-detail .nav-tabs li.active > a {
  border-top: none;
  border-left: none;
  border-right: none;
}
.box-tab-detail h3 {
  font-size: 18px;
  color: #555;
}
.box-tab-detail .title {
  width: 100%;
  margin-bottom: 27px;
}
.box-tab-detail .info-item {
  margin-bottom: 18px;
}
.box-tab-detail .img-box,
.box-tab-detail .txt-box {
  float: left;
}
.box-tab-detail .img-box {
  width: 25.6%;
}
.box-tab-detail .txt-box {
  width: 70%;
  margin-left: 30px;
}
.lastest-pro-detail {
  border-top: 1px solid #f2f2f2;
  margin: 50px 0;
}
.lastest-pro-detail .title {
  padding: 10px 0 15px;
}
.lastest-pro-detail .title h3 {
  font-size: 24px;
  margin: 0;
  font-family: 'Lato', sans-serif;
}
.lastest-pro-detail .wrap-pro {
  margin: 0 -15px;
}
.lastest-pro-detail .wrap-pro .owl-carousel .owl-wrapper-outer {
  padding-bottom: 15px;
}
.lastest-pro-detail .item {
  margin: 0 15px;
}
.carousel-detail-service {
  height: 170px!important;
}
.img-pro-service li {
  width: 13.5%;
}
.img-pro-service li img {
  width: 100%;
}
.txt-delivery {
  border-bottom: 1px solid #f2f2f2;
  padding: 25px 0 3px;
}
.txt-delivery span {
  font-weight: bold;
}
.check-box {
  margin: 10px 0 25px;
}
.check-box span {
  color: #555;
}
.check-box a {
  position: relative;
  padding-left: 25px;
}
.check-box a:before {
  width: 12px;
  height: 12px;
  border: 1px solid #e5e5e5;
  background: #f8f8f8;
  top: 5px;
}
.check-box a:after {
  content: "\f00c";
  font-family: FontAwesome;
  top: 6px;
  left: 2px;
  opacity: 0;
  font-size: 9px;
}
.check-box a:active:after {
  opacity: 1;
}
.size-pro p {
  color: #555;
}
.size-pro p span {
  color: #555;
  font-weight: bold;
}
.size-pro ul {
  margin: 12px 0 20px;
}
.size-pro a {
  padding: 14.5px 15.5px;
  border: 1px solid #f2f2f2;
  margin-right: 5px;
}
.size-select {
  position: relative;
  margin-bottom: 20px;
}
.size-select option {
  border: 1px solid #f2f2f2;
  padding: 15px 0;
}
.size-select:after {
  left: 130px;
}
.buy-new span.text:after {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  top: 6px;
  left: 6px;
}
.buy-used {
  padding: 10px 20px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 34px -20px;
  background: #f9f9f9;
}
.buy-box {
  margin-bottom: 20px;
}
.buy-box span.text {
  font-weight: bold;
  position: relative;
  padding-left: 30px;
}
.buy-box span.text:before {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 1px solid #575757;
}
.buy-box span.price {
  color: #bd0000;
  float: right;
}
.socical-box-buy {
  margin-top: 46px;
}
/********************************************************************************************************
										QUICKVIEW 
*********************************************************************************************************/
.item-qickview {
  margin: 0 15px;
}
.box-quickview-pro {
  padding: 50px;
  border-bottom: 1px solid #f2f2f2;
}
.box-quickview-pro p a {
  font-weight: bold;
}
.box-quickview-pro .product-extra-link > a:hover i {
  color: #fff;
}
.box-quickview-pro h3 {
  margin: 0;
}
.box-quickview-pro .box-icon-sn {
  text-align: center;
  margin-top: 50px;
}
.box-quickview-pro .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -15px;
}
.box-quickview-pro .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -15px;
}
.box-related .title {
  text-align: center;
  font-family: 'Lato', sans-serif;
  margin: 40px 0 30px;
}
.box-related .box-img img {
  margin-bottom: 20px;
}
/********************************************************************************************************
											CUSTOMIZE 
********************************************************************************************************/
.header-customize {
  padding: 20px 0;
  position: relative;
  z-index: 999;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.header-customize .box-left img {
  width: 10.5%;
}
.header-customize .box-left img,
.header-customize .box-left p {
  float: left;
}
.header-customize .box-left p {
  margin: 17px 0 0 12px;
}
.header-customize sup {
  font-size: 12px;
}
.header-customize span.price {
  margin-left: 5px;
}
.header-customize span {
  margin-top: 10px;
}
.header-customize p,
.header-customize span {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  float: left;
}
.header-customize a.cart {
  width: 160px;
  height: 40px;
  line-height: 38px;
  box-shadow: none;
  font-weight: bold;
  border: none;
  color: #fff;
  float: left;
  text-align: center;
}
.header-customize a.cart i {
  margin-left: 10px;
}
.header-customize .box-right {
  float: right;
}
.detail-qty {
  width: 80px;
  height: 40px;
  line-height: 40px;
  float: left;
  border: 1px solid #f2f2f2;
  position: relative;
  margin: 0 10px 0 15px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.detail-qty .btn-qty {
  width: 15px;
  height: 30px;
  background: #f2f2f2;
  border-radius: 5px;
  line-height: 15px;
  margin: 4px 0 0 55px;
  padding: 0 0 0 2.5px;
}
.detail-qty .qty-val {
  margin: 0 0 0 20px;
}
.customize-pro {
  background: #f2f2f2;
  text-align: center;
  padding: 50px 0;
}
.customize-pro .title {
  margin-bottom: 45px;
}
.customize-pro .box-pro {
  width: 65%;
  margin: auto;
}
.customize-pro .info {
  margin: 10px 0 10px;
}
.customize-pro .box-item {
  width: 19.6%;
  display: inline-block;
  background: #fff;
  border: 1px solid transparent;
  margin-bottom: 3px;
  position: relative;
}
.customize-pro .box-item:hover:before {
  opacity: 1;
}
.customize-pro .box-item:before {
  background: rgba(255, 255, 255, 0.9);
  z-index: 999;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.customize-pro .box-item > a {
  position: relative;
}
.customize-pro .box-item > a i {
  font-size: 30px;
  position: absolute;
  top: 50px;
  opacity: 0;
}
.customize-pro .box-item > a:active i {
  opacity: 1;
}
.customize-pro .box-item span {
  width: 100%;
  display: table;
  font-family: 'Lato', sans-serif;
}
.customize-pro .box-item span.price {
  font-size: 18px;
  font-weight: bold;
  margin-top: 8px;
}
.customize-pro .box-item sup {
  font-size: 12px;
}
/******************************************************************************************************
												ABOUT 
*******************************************************************************************************/
.item-about-service1 {
  background: #f4ca49;
}
.item-about-service2 {
  background: #ff607c;
}
.item-about-service3 {
  background: #37436d;
}
.blockquote {
  border-radius: 10px;
  font-size: 18px;
  font-style: italic;
  font-weight: 100;
  line-height: 30px;
  margin: 50px auto;
  max-width: 900px;
  padding: 47px 60px;
  position: relative;
  background: #f2f2f2;
}
.blockquote:after {
  bottom: 30px;
  content: "";
  left: 0;
  position: absolute;
  top: 30px;
  width: 10px;
}
.content-about {
  margin-top: 50px;
}
.content-about .title30 {
  margin-bottom: 30px;
}
.toggle-tab-title h2 {
  font-size: 14px;
  text-transform: uppercase;
  padding: 12px 15px 12px 0;
  border-bottom: 1px solid #e5e5e5;
  min-height: 40px;
}
.toggle-tab-title span {
  color: #fff;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
}
.toggle-tab-title {
  cursor: pointer;
  position: relative;
  min-height: 40px;
  padding-left: 50px;
}
.toggle-tab-title::after {
  content: "\f107";
  position: absolute;
  font-family: fontAwesome;
  top: 12px;
  right: 0;
}
.about-accordion .item-toggle-tab.active .toggle-tab-title::after {
  content: "\f106";
}
.item-about-client .client-info::before {
  color: #999;
  content: "\f10d";
  font-family: fontAwesome;
  position: absolute;
  top: 5px;
  left: -20px;
}
.item-about-client {
  margin: 0 15px;
  position: relative;
  padding-left: 115px;
  min-height: 150px;
}
.item-about-client .client-thumb {
  position: absolute;
  top: 5px;
  left: 0;
}
.item-about-client .client-info {
  position: absolute;
}
.about-why-choise {
  margin-bottom: 50px;
}
.about-client > h2.title18 {
  margin-bottom: 45px;
}
.about-client {
  margin-bottom: 80px;
}
.client-info .title14 {
  margin-top: 15px;
}
.client-info span {
  color: #555;
}
.item-about-service {
  padding: 40px 15px 70px;
  margin-bottom: 30px;
}
.item-about-service > a {
  font-size: 90px;
  color: #fff;
}
.banner-form-about {
  margin-bottom: 75px;
}
.toggle-tab-content {
  display: none;
}
.box-map iframe {
  width: 100%;
  height: 400px;
}
.content-contact-page {
  margin-top: 50px;
}
.content-contact-page .title30 {
  margin-bottom: 25px;
}
.contact-page-info {
  max-width: none;
  line-height: inherit;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  background: #fff;
}
.contact-box span.color {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 50px;
  border-style: solid;
  border-width: 2px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.contact-box label {
  font-weight: 400;
  min-width: 90px;
  margin-bottom: 13px;
  margin-top: 5px;
}
.contact-box {
  position: relative;
  padding-left: 74px;
  padding-top: 10px;
  margin-bottom: 10px;
}
.contact-box:last-child {
  margin: 0;
}
.contact-box .list-inline-block li {
  width: 100%;
}
.contact-form input[type="text"] {
  height: 40px;
  display: block;
  width: 100%;
  border: 1px solid #e5e5e5;
  background: #fff;
  color: #555;
  padding: 0 20px;
  margin-bottom: 10px;
}
.contact-form textarea {
  display: block;
  width: 100%;
  border: 1px solid #e5e5e5;
  color: #555;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.contact-form input[type="submit"],
.contact-form input[type="reset"] {
  border: navajowhite;
  font-weight: 400;
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  border-radius: 6px;
}
.contact-form input[type="reset"] {
  background: #232f3e;
}
.contact-accordion .toggle-tab-title {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
  padding: 13px 0;
}
.contact-accordion {
  background: #fff;
}
.contact-accordion .item-toggle-tab {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  margin-top: -1px;
  padding: 0 20px;
}
.contact-accordion .toggle-tab-content {
  padding-bottom: 25px;
}
.contact-accordion .toggle-tab-title::after {
  content: "\f067";
  position: absolute;
  font-family: fontAwesome;
  right: 0;
  top: 13px;
}
.contact-accordion .item-toggle-tab.active .toggle-tab-title::after {
  content: "\f068";
}
.contact-form > h2.title18,
.contact-faq .title18 {
  margin-bottom: 30px;
}
/*******************************************************************************************************
										Pages					
********************************************************************************************************/
.page-coming-soon {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
}
.page-coming-soon {
  background-image: url(../images/pages/coming.jpg);
}
.page-coming-soon::before {
  bottom: 50%;
  background: rgba(0, 0, 0, 0.1);
}
.content-coming-soon {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 520px;
  max-width: 770px;
  margin: auto;
  z-index: 10;
}
.content-coming-soon h2 {
  margin-bottom: 30px;
}
.form-coming {
  max-width: 430px;
  margin: auto;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  margin-bottom: 50px;
}
.form-coming input[type="text"] {
  height: 50px;
  flex-grow: 1;
  -webkit-flex-grow: 1;
  display: block;
  border: 1px solid #fff;
  border-radius: 25px;
  padding: 0 30px;
  background: transparent;
  color: #fff;
  margin-right: 10px;
}
.form-coming input[type="submit"] {
  padding: 0 30px;
  height: 50px;
  border-radius: 25px;
  border: none;
  color: #fff;
}
.coming-social a {
  height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 50%;
  line-height: 30px;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 3px;
}
.coming-social a:hover {
  color: #fff;
}
.coming-countdown {
  width: 388px;
  margin: 45px auto 70px;
}
.coming-countdown > .time_circles > div {
  display: inline-block;
  width: 87px!important;
  height: 87px;
  text-align: center;
  position: relative;
  top: 0!important;
  left: 0!important;
  margin: 0 5px;
  background: #fff;
  color: #333;
  border-radius: 50%;
  padding-top: 10px;
  z-index: 1;
}
.coming-countdown > .time_circles > canvas {
  margin-bottom: -98px;
  position: relative;
  z-index: 2;
}
.coming-countdown > .time_circles > div > .number {
  font-size: 24px;
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.coming-countdown > .time_circles > div > .text {
  font-size: 11px;
}
.coming-countdown > .time_circles > div > .number::after {
  position: absolute;
  height: 3px;
  width: 20px;
  left: 50%;
  margin-left: -10px;
  bottom: -4px;
  content: "";
}
.coming-countdown > .time_circles > div::before {
  position: absolute;
  bottom: -10px;
  left: -10px;
  right: -10px;
  top: -10px;
  content: "";
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3);
}
.window-popup::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 50%;
  background: #f3f3f3;
  content: "";
}
.login-form.form-coming {
  display: block;
  max-width: none;
  padding: 30px 0;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
}
.login-form.form-coming input[type="text"] {
  color: #999;
  border-color: #e5e5e5;
  background: #fff;
  max-width: 300px;
  width: 100%;
  margin: 0 0 15px;
}
.login-form.form-coming input[type="submit"] {
  font-weight: 700;
  padding: 0 40px;
}
.login-box {
  position: relative;
  z-index: 1;
  padding: 30px;
  margin: 0 -15px;
}
.login-register {
  padding: 0 15px;
}
.login-box .or-lore {
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  border-radius: 50%;
  left: -20px;
  top: 150px;
}
.login-form.form-coming input[type="text"].inline-block {
  max-width: 170px;
  display: inline-block;
  margin-right: 7px;
}
.login-box .title-login {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -30px;
  padding: 0 30px 25px;
}
.login-box .lost-password {
  color: #ff4949;
  display: inline-block;
  margin: 7px 0 0;
}
.login-box label {
  font-weight: 400;
  margin: 0 5px;
  color: #999;
}
.login-form input[type="checkbox"] {
  border: 1px solid #e5e5e5;
  margin: 3px 0 0;
  vertical-align: top;
}
.login-box .or-lore {
  background: #121b60;
}
.login-box .coming-social {
  margin: 30px -3px 0;
}
/*End About Pages*/
/*Begin Woocommerce*/
.woocommerce table.shop_table {
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
  border-radius: 0;
  margin: 0 0 50px;
  text-align: left;
  width: 100%;
}
.woocommerce table.shop_table thead {
  background: #f4f4f4 none repeat scroll 0 0;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}
.woocommerce table.shop_table thead th {
  padding: 15px 20px;
}
.woocommerce table.shop_table td {
  border-top: 1px solid #e5e5e5;
  padding: 15px 20px;
  vertical-align: middle;
}
.woocommerce table,
.woocommerce th,
.woocommerce td {
  border: 1px solid #e5e5e5 !important;
  color: #555;
  margin: 0;
  padding: 15px 20px !important;
}
.woocommerce tfoot th {
  text-transform: uppercase;
}
#shipping_method li {
  padding: 10px 0;
}
#shipping_method li label {
  cursor: pointer;
  margin: 0;
  padding-left: 25px;
  position: relative;
}
#shipping_method li input[type="radio"] {
  display: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #shipping_method li input[type="radio"] + label::before {
    line-height: 13px;
  }
}
#shipping_method li input[type="radio"] + label::before {
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 6px;
  font-weight: 400;
  height: 14px;
  left: 0;
  line-height: 13px;
  margin-right: 10px;
  position: absolute;
  text-align: center;
  top: 2px;
  vertical-align: middle;
  width: 14px;
}
#shipping_method li input[type="radio"]:checked + label::before {
  content: "\f111";
}
.payment_methods.methods {
  border: 1px solid #e5e5e5;
  margin: 0 0 -1px;
}
.payment_methods.methods li {
  border-bottom: 1px solid #e5e5e5;
  padding: 20px;
}
.payment_methods.methods li:last-child {
  border: none;
}
.payment_methods.methods li label {
  font-size: 18px;
  margin: 0 0 0 7px;
  text-transform: uppercase;
}
.payment_box.payment_method_bacs > p {
  margin: 5px 0 0;
  padding-left: 24px;
}
.payment_method_paypal img {
  margin: -6px 10px 0;
  max-width: 160px;
}
.form-row.place-order {
  border: 1px solid #e5e5e5;
  padding: 20px;
  text-align: right;
}
.form-row.place-order input[type="submit"] {
  border: medium none;
  color: #fff;
  height: 40px;
  padding: 0 25px;
  text-transform: capitalize;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.form-row.place-order input[type="submit"]:hover {
  background-color: #000;
}
.form-my-account select {
  border: 1px solid #e5e5e5;
  color: #999;
  height: 40px;
  padding: 0 20px;
  text-transform: uppercase;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-my-account select option {
  text-transform: capitalize;
  font-weight: 400;
  padding: 10px 20px;
}
.woocommerce table.shop_table td.actions {
  text-align: right;
}
.woocommerce table.shop_table td .coupon {
  float: left;
}
.woocommerce table.shop_table td.actions input[type="submit"] {
  border: medium none;
  color: #fff;
  height: 40px;
  padding: 0 20px;
}
.woocommerce table.shop_table td.actions input[type="submit"]:hover {
  background: #000 none repeat scroll 0 0;
}
.woocommerce table.shop_table td.actions input[type="text"] {
  border: 1px solid #e5e5e5;
  color: #999;
  height: 40px;
  padding: 0 20px;
}
.woocommerce .cart-content-page table.shop_table thead {
  background: #f4f4f4;
}
.woocommerce .cart-content-page table.shop_table thead th {
  border-color: #e5e5e5;
  color: #333;
}
.woocommerce .cart-content-page table.shop_table .product-thumbnail img {
  max-width: 70px;
}
.cart-collaterals .cart_totals > h2 {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 -1px;
  padding: 15px 20px;
  text-transform: uppercase;
}
.wc-proceed-to-checkout a.checkout-button {
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 20px 0 0;
  padding: 0 25px;
  text-transform: uppercase;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.wc-proceed-to-checkout a.checkout-button:hover {
  background-color: #000;
}
.cart-collaterals {
  margin-bottom: 70px;
}
.detail-qty-cart {
  width: 120px;
  height: 36px;
  line-height: 36px;
  padding: 0 14px;
  color: #999;
  position: relative;
}
.detail-qty-cart a {
  position: absolute;
  top: 0px;
  font-size: 18px;
}
.detail-qty-cart .qty-up {
  right: 13px;
}
.detail-qty-cart .qty-down {
  right: 40px;
}
.wrap-qty-cart > div {
  display: inline-block;
  vertical-align: text-bottom;
  margin: 0 3px;
}
/*End Wooocommerce*/
.title-shop-page {
  margin: 0 0 35px;
  text-align: center;
  text-transform: uppercase;
}
.table-custom > div {
  display: table-cell;
  vertical-align: top;
}
.table-custom {
  display: table;
  margin: 0;
  width: 100%;
}
.shop-button.bg-color {
  border: none;
  color: #fff;
}
.shop-button {
  padding: 0 20px;
  display: inline-block;
  border: 1px solid #555;
  line-height: 40px;
  height: 40px;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  background: #fff;
}
/************************************************************************************************
											Cart/Checkout
************************************************************************************************/
.form-my-account input[type="text"] {
  border: 1px solid #e5e5e5;
  color: #999;
  height: 40px;
  padding: 0 20px;
  text-transform: uppercase;
  width: 100%;
}
.form-my-account .title {
  margin-bottom: 26px;
}
.form-my-account {
  max-width: 500px;
  width: 100%;
  margin-bottom: 70px;
}
.account-register {
  float: left;
  position: relative;
  width: 100%;
}
.account-register .form-my-account {
  float: right;
}
.account-register::before {
  border-right: 1px solid #e5e5e5;
  content: "";
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0;
  width: 1px;
}
.form-my-account > p {
  margin-bottom: 20px;
  max-width: 500px;
  position: relative;
}
.form-my-account label {
  color: #555;
  font-weight: 400;
  margin: 0;
}
.form-my-account .ship-address label {
  color: #333;
}
.form-my-account input[type="checkbox"] + label::before {
  border: 1px solid #e5e5e5;
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 14px;
  font-weight: 400;
  height: 20px;
  line-height: 18px;
  margin-right: 17px;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}
.form-my-account input[type="checkbox"]:checked + label::before {
  content: "\f00c";
}
.form-my-account input[type="checkbox"] {
  display: none;
}
.form-my-account input[type="submit"] {
  border: medium none;
  color: #fff;
  height: 40px;
  margin-top: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 110px;
}
.form-my-account > p:last-child {
  margin: 0;
}
.box-col2 input[type="text"] {
  float: left;
  width: 47.5%;
}
.box-col2 input[type="text"]:first-child {
  margin-right: 5%;
}
.form-my-account textarea {
  border: 1px solid #e5e5e5;
  color: #999;
  padding: 10px 15px;
  text-transform: uppercase;
  width: 100%;
}
.ship-address > label {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.check-billing {
  border-right: 1px solid #e5e5e5;
  margin-right: -15px;
}
.check-address {
  float: left;
  width: 100%;
}
.check-address .form-my-account {
  float: right;
}
.order_review_heading {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin: -10px 0 -1px;
  padding: 20px;
  position: relative;
  text-transform: uppercase;
  background: #333;
}
.shop_table.woocommerce-checkout-review-order-table thread {
  position: relative;
}
td.product-thumbnail img {
  max-width: 100px;
}
.woocommerce-checkout-review-order {
  margin-bottom: 70px;
}
/*End Cart,Checkout*/
/*************************************************************************************************
										Login/Register 
**************************************************************************************************/
.title-form-account {
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #000;
}
.register-content-box .form-my-account label {
  margin-bottom: 10px;
}
.register-content-box .form-my-account span.required {
  color: #ff0000;
}
.register-content-box .register-button {
  display: block;
  width: 100%;
  text-transform: uppercase;
  border: none;
  background: #333;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
input.register-button.save-change {
  width: 100%;
}
.register-content-box .form-my-account .title18 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.register-content-box .form-my-account .title18::before {
  content: "";
  flex: 1 0 0;
  border-top: 1px solid #e5e5e5;
  margin-right: 15px;
}
.register-content-box .form-my-account .title18::after {
  flex: 1 0 0;
  border-top: 1px solid #e5e5e5;
  content: "";
  margin-left: 15px;
}
.form-my-account .title18 {
  margin-bottom: 26px;
  text-transform: uppercase;
}
.register-content-box .form-my-account p {
  margin-bottom: 15px;
}
.register-content-box .form-my-account > p {
  margin-bottom: 25px;
}
.social-login-block .social-login-btn {
  padding: 0 5px;
  width: 50%;
}
.social-login-block .social-login-btn a {
  color: #fff;
  display: block;
  position: relative;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
}
.register-content-box .form-my-account input[type="checkbox"] + label::before {
  font-size: 10px;
  height: 14px;
  line-height: 12px;
  margin-right: 10px;
  width: 14px;
}
.social-login-block .social-login-btn a.login-fb-link {
  background: #3B5998;
  margin-left: -5px;
}
.social-login-block .social-login-btn a.login-goo-link {
  background: #ea4235;
  margin-right: -5px;
}
.social-login-block .social-login-btn a::before {
  font-family: fontAwesome;
  position: absolute;
  top: 0;
  left: 15px;
}
.social-login-block .social-login-btn a.login-fb-link::before {
  content: "\f09a";
}
.social-login-block .social-login-btn a.login-goo-link::before {
  content: "\f1a0";
}
.block-register {
  display: none;
}
.create-account .text-right a:hover {
  text-decoration: underline;
}
.my-profile-box .form-my-account {
  margin: auto;
}