/* 
----------------------------------
  - Overall
----------------------------------
 */
@import url('https://fonts.googleapis.com/css?family=Prompt:100,200,300,400,400i,300,500,600,700');
 
body {
    font-family:  'Prompt';
	font-weight: 300;
	color: #666;
	font-size: 13px;
	line-height: 20px;
	width: 100%;
	background:#fff;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Prompt', 'Open Sans', sans-serif;
}

a.foucs {outline:none;text-decoration:none;}
b, strong {font-weight:300;}
h1, h2, h3, h4, h5, h6 {
	color: #444;
	font-weight:300;
}
    tr, td {background:#fff !important;}
 
#content strong {font-weight:300;}
/* default font size */
.fa 
	font-size: 14px;
}

/* Override the bootstrap defaults */
h1 {
	font-size: 46px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {color:#333;} 
a:focus, a:hover {color:#222;outline:none;text-underline:none;}
a:hover { text-decoration: none; }
b, strong {font-weight:400px;}
legend { font-size: 18px; padding: 7px 0px }
label {
	font-size: 12px;
	font-weight: normal;
}
.container {
	max-width: 1400px;
	padding: 0px;
	width: 98%;
}
body.inbox-layout .container {
	width: 95%;
}
.container .container {
	width: auto !important;
} 

#content {
	margin-top:50px;
}
ul.breadcrumb + .row > #content ,  #common-home #content {
		margin-top:0px;
}

b, strong {
	font-weight: 500;
}

 
.product-flashsale {
	background:#fff;
}
.dropdown-menu { 
	box-shadow: none;
	border-radius: 0;
}
.dropdown-menu > li { 
 text-align:left;
}

.transition , .open {
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.content-bottom{
	display:block;
	position:relative;
}
 .section {
	padding-top:50px;
	padding-bottom:50px;
    background-position:top right ;
   -webkit-background-size: cover; /* For WebKit*/
      -moz-background-size: cover;    /* Mozilla*/
       -o-background-size: cover;      /* Opera*/
     background-size: cover;         /* Generic*/
	background-repeat: no-repeat;
    background-attachment: fixed;
	 -webkit-background-attachment: fixed; /* For WebKit*/
    -moz-background-attachment: fixed;    /* Mozilla*/
    -o-background-attachment: fixed;      /* Opera*/ 
	display:block;
	width:100%;
	position:relative; 
	background-repeat: no-repeat;
	z-index:1;
 
    
}
  .section + .sec-banner { padding:20px  0;} 
  @media(min-width:1800px) {
	   .container {
	      max-width: 1400px; 
	   }   
	/* end */	   
   }
   @media(max-width:1800px) {
	   .container {
	      max-width: 1300px; 
	   }   
	/* end */	   
   }
   @media(max-width:1600px) {
	   .container {
	      max-width: 100%;
	      width:95%;
	   }  
 
	/* end */	   
   }
 @media(max-width:990px) {
	 .section ,  .custom-banner {
		padding-bottom:20px !important;
		padding-top:20px;
	}
   .wrapper-slide  + .sec-banner , .wrapper-slide.section  {
		 padding:0  !important;
  }
/* end */	
}
 @media(max-width:767px) {
	 .section ,  .custom-banner {
		padding-bottom:10px !important;
		padding-top:10px;
	} 
	 .wrapper-slide  + .sec-banner , .wrapper-slide.section  {
		 padding:0  !important;
  }
/* end */	
}
 @media(max-width:500px) {
	 .section ,  .custom-banner {
		padding-bottom:5px !important;
		padding-top:5px;
	} 
	 .wrapper-slide  + .sec-banner , .wrapper-slide.section  {
		 padding:0  !important;
  }
/* end */	
}
 /* 
----------------------------------
  Select Option Overwrite
----------------------------------
 */
 .filter-sort-by .form-control, .filter-show .filter-selection .form-control {
	background-color: #ffffff;
	padding: 4px 12px;
	margin: 0;
	 
}
select.form-control {
	appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	border: 1px solid #eee;
	border-radius: 0;
}
.select-wrap {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 320px;
}
.select-wrap::after   {
	font-family: 'FontAwesome';
	content: '\f107'; 
	margin-right:10px;
	color:#444; 
	font-size: 14px;
	position: absolute;
	right:00px;
	top: 7px;
	pointer-events: none;
	z-index:2;
} 
.input-group-addon { 
	background-color: transparent; 
}
.form-control {
	box-shadow: none !important;
	border-radius: 0;
}
.btn-block { 
	max-width: 250px;
}
.btn-primary {
	color: #fff;
	background-color: #232b54;
	border-color: #232b54;
	border-radius: 0px !important;
}
.btn-primary:hover {
 border-color:#1b213f;
 background-color: #1b213f;
 opacity:0.9;
}
.btn-default:hover { 
	border-color: #999;
	 background-color: #fff;
}
.btn-danger { 
	background-color: #e40452;
	border-color: #e40452;
}
.input-group-btn > .btn {
	 border-radius:2px;	 
 }
 .breadcrumb + .row {
	  margin-top: 10px;
 }
.breadcrumb {
	margin: 0;
	font-size: 14px;
	width: auto;
	border-radius: 0;
	text-align: right;
	background:transparent;
}
.breadcrumb .fa-home {
	color: #444;
}
.breadcrumb > li + li::before {
	padding: 0 5px; 
	content: "\f178";
	font-size: 8px;
	color: #444;
	font-family: FontAwesome;
	display: inline-block;
	position: relative;
	margin-right: 5px;
}
.breadcrumb a {
	color: #1c2f4e;
	font-weight: 300;
}
.breadcrumb a:hover {
  color:#3f4f69;
}  
.list-group-item { 
	border-bottom: 1px solid rgba(5,5,5,0.03) !important;
	border-top: 1px solid rgba(5,5,5,0.03) !important;
}
.list-group a:first-child {border-top: 1px solid #e3e3e3 !important;}
.list-group a:last-child {border-bottom: 1px solid #e3e3e3 !important;}
 a.list-group-item:hover    {
	 background:transparent;  
	 color:#444;
	 font-weight:400;
 }
 .close {
	 
	font-size: 35px;
	font-weight: 200;
	line-height:17px !important; 
	 opacity:1  !important; 
}
 
.scroller::-webkit-scrollbar { 
width: 5px;
 height:15px;
background:#ccc; 
} 
.scroller::-webkit-scrollbar-thumb  {
    height: 15px;
	width: 5px; 
	background:#F0F8FD ; 
}  
.scroller {    
   scrollbar-color: #F0F8FD  #ccc; 
   scrollbar-width:thin; 
} 
 /* 
----------------------------------
 -Panel overwrite
----------------------------------
 */
 
.panel  {
	box-shadow:none;
	background:transparent;
}
.panel-collapse {
	background:#fff;
	border-radius:0px;
}
.panel  .fa-caret-down::before {
	content: "\f107";
}
.panel-default , .panel-body  {
	border:none  !important;
}
.panel-heading {
	background:transparent !important;
	padding:0;
 }
.panel-title  {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px; 
	font-size: 20px;
	padding-top: 20px;
}
.panel-title i  {
	font-size: 14px;
	color: #666;
}
.panel-body legend {
	border:none;
}
.panel >  .collapse {
	border: 1px solid #ccc;
	margin-top: 10px;
	padding: 3%;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background:transparent;
}
 /* 
----------------------------------
 - Tab  overwrite
----------------------------------
 */
 
 .nav-tabs.ul ,  .nav-tabs   {
	text-align: center;
	border: none;
}
 .nav-tabs > li {
	float: none;
	display: inline-block;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}
  .nav-tabs > li > a , .nav-tabs > li.active > a  { 
	border: 2px solid #eee;
	border-radius: 0;
	background:transparent;
}
 .nav > li > a:focus, .nav > li > a:hover ,  .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	 background:transparent;
 }
 .nav-tabs > li.active > a ,  .nav-tabs > li> a.focus ,  .nav > li > a:focus, .nav > li > a:hover ,  .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover   {
	border: 2px solid #444;
}
 
 /* 
----------------------------------
 Table overwrite
----------------------------------
 */
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border-bottom-width: 1px;
}
.overlay {
	position: fixed;
	top: 0;
	height: 100%;
	bottom: 0; 
	z-index: 10;
	width: 100%; 
}
.overlay  i { 
	left: 50%; 
	position: absolute;
	top: 50%; 
	text-align: center;
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%); 
	color: #ef244d;
	font-size:30px;
	z-index:10000;
}
 body .overlay-body {
	 position:absolute;
	 top:0;
	 bottom:0;
	 height:100%;
	 width:100%;
	 z-index:10000;
	 right:0;
	 background:rgba(5,5,5,0.4); 
   	-webkit-transition:  all 0.3s ease;
	-moz-transition:  all 0.3s ease;
	-o-transition: all  0.3s ease;
	transition: all 0.3s ease;
 }
 
  body.menu-opened header + div ,  body.menu-opened .header-top ,  body.menu-opened .header-middle 
,  body.menu-opened .header-bottom nav   {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
 
  }
 
  .well {  
	-webkit-box-shadow:none;
	box-shadow: none; 
}

  /*
  ---------------------------------------------------
  ---------- Clear Left List Grid -----------
  ---------------------------------------------------
  */
  
@media (min-width: 1200px) {
	/*#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}*/
/* end */	
}	
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
/* end */	
}	
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
/* end */	
}	
@media (max-width: 767px)   {
	#content .col-xs-6:nth-child(2n+1)  {
		clear:left;
	}
/* end */	
}	

@media (max-width:991px) { 
 .container  { 
 width:90%;
}
/* end media */
}
/*------ */

 /* 
----------------------------------
- Layout 
----------------------------------
 */
 
body.inbox-layout {  
width:80%; 
 max-width:1280px; 
 margin:20px auto; 
 background:#e5e5e5;
 } 
body.inbox-layout  .wrap-body  {
	 background:#fff;
  }
  body.inbox-layout  .wrap-body.shadow  {
	   box-shadow:0px 0px 5px  rgba(5,5,5,0.2);
  }	  
  body.inbox-layout  .bg-image  {
    background-position:fixed;
 -webkit-background-size: cover; /* For WebKit*/
 -moz-background-size: cover;    /* Mozilla*/
 -o-background-size: cover;      /* Opera*/
   background-size: cover;         /* Generic*/
	background-repeat: repeat;
    background-attachment: fixed;
	 -webkit-background-attachment: fixed; /* For WebKit*/
    -moz-background-attachment: fixed;    /* Mozilla*/
    -o-background-attachment: fixed;      /* Opera*/ 
	display:block;
	width:100%;
	position:fixed;
	z-index:-1;
	height:100%;
	left:0;
	top:0;
 
  }
#column-left .section {
	padding: 10px 15px;
	border: 1px solid #eee;
	margin-top: -1px;
}
  @media(max-width:767px) {
	  .swiper-viewport {margin:0;} 
 
   /* end    */
   }
 
  @media(max-width:1200px) { 
        body.inbox-layout {  
width:90%; 
 max-width:100% 
 } 
  /* end    */
   }
   @media(max-width:500px) { 
 body.inbox-layout {  
width:98%;  
 }  
  /* end    */
   }
.infos {
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 0 20px;
	margin-top: 10px;
}
.infos li:first-child {
	border-top: none;
}
.infos li {
	display: inline-block;
	width: 24.5%;
}
.infos li .inner {
	padding: 12px 0;
	text-align: center;
}
.infos li .inner i {
	font-size: 50px;
	padding-top: 8px;
	color: #ef244d;
	width: 60px;
	height: 60px;
	margin-bottom: 6px;
	text-align: center;
} 
/*
-------------------------------------------------
---------  Logo Slide  ------
-------------------------------------------------
*/
.logo-slide img {
	display:inline-block;
	text-align:center;
}

.logo-slide .swiper-slide {
	background:#fff;
	padding:5px;
}
.fullwidth-logo-slide { 
	padding-top: 10px !important;
	padding-bottom: 0 !important;
}
.fullwidth-logo-slide  .swiper-viewport{ 
	margin-bottom:10px !important;
}
/*
-------------------------------------------------
---------  Customer banner------
-------------------------------------------------
*/
.custom-banner {
	margin-bottom:50px;
}
.custom-banner > div > div {
	display:inline-block;
	float:left;
}
  .custom-banner {
	margin-bottom:0px;
	padding-bottom:0px;
}	
 .custom-banner.space > div > div  {
	 margin-top:10px;
 }
 .custom-banner.space > div:first-child > div  {
	margin-top:0px;
}
 .custom-banner .container > div:last-child {
	 padding-right:0 !important;
 }
 
 /*-------------------------------------------------------
-------------- Account  ----------
-------------------------------------------------------*/
 #account-register #content {
 
	border: 1px solid #ccc; 
	margin-top: 30px;
	padding: 50px;
	border-radius:0px;
}
 #account-register #content input.form-control {
	  max-width:300px;
 }
#account-login .well {
	background: #fff;
	border-color: #ccc;
	padding: 20px 50px 50px 50px;
	max-width: 400px;
	margin: 0 auto;
	border-radius: 0;
}
/*------------------------------------------------------
-------------- Alert ----------------------
-------------------------------------------------------*/ 
.alert {
	 padding:35px 30px;
}
.alert-success {
	color: #fff;
	background-color: #ef244d;
	border: none;
	margin: 0;
	text-align: center;
	border-radius: 0;
	position: fixed;
	top: 0;
	width: 100%;
	display: inline-block;
	left: 0;
	z-index:10;
	font-size:14px;
}
 .alert-danger {
	color: #fff;
	background-color: #ef244d;
	border: none;
	position: fixed;
	top: 0;
	z-index: 10;
	display: inline-block;
	width: 100%;
	left: 0;
	text-align: center;
	border-radius: 0; 
}
 
#content   .loader {
 
    left: 60%; 
	position: fixed;
	top: 30%; 
	text-align: center;
	-ms-transform: translate(-70%,-60%);
	-moz-transform: translate(-70%,-60%);
	-webkit-transform: translate(-70%,-60%);
	transform: translate(-70%,-60%);
	font-size:15px;
	z-index:10001;
   color:rgba(5,5,5,0.3);
}
#content.blur .product-cate-wrapper {
   filter: blur(1px);
  -webkit-filter: blur(1px);
  z-index:0;
}	 
/*
---------------------------------------------
--------- Popup  -------------------------
---------------------------------------------
*/ 

  body.popup {
	  overflow:hidden;
  } 
  body  .popup-overlay  {
	 position:fixed;
	 top:0;
	 bottom:0;
	 height:100%;
	 width:100%;
	 z-index:10000;
	 right:0;
	 background:rgba(5,5,5,0.3); 
   	-webkit-transition:  all 0.3s ease;
	-moz-transition:  all 0.3s ease;
	-o-transition: all  0.3s ease;
	transition: all 0.3s ease;
	
 }
  /* body.popup > div , body.popup > header { 
       -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
 
   }*/
.popup-banner {

  display:none; 
   left: 50%; 
	position: fixed;
	top: 50%; 
	text-align: center;
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%); 
	color: #ef244d;
	font-size:30px;
	z-index:10001;
 
}
.popup-banner img  {
	width:100% !important; 
    display: table;
    vertical-align: middle;
    text-align:center;
     box-shadow:3px 3px 3px rgba(5,5,5,0.1);
     margin:0 auto;
} 
.popup-banner .close {
  background: #f00;
  border-radius: 100%;
  height: 50px;
  opacity: 1;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 50px;
}
.popup-banner .close i {line-height:50px;font-size:25px;color:#fff;text-shadow:none;}