/* CSS Styles September 2017 */


/* ========================================================================
 * Body style
 * ======================================================================== */
 body {
  margin: 0;
  margin-bottom: 50px;

  color: #1e1e1e;
  font-size: 13px;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  cursor: default;
  background-color: #efefef;
}
body.responsive_page { margin-bottom: 115px; }

a { color: #1656fa; cursor: pointer; }
a:visited { color: #1656fa; }
a:focus { outline: none; }

ul { margin: 0; padding: 0; list-style-type: none; }
.material-icons { margin-top: -1px; vertical-align: middle; }
table .material-icons { font-size: 20px; }


/* ------- SPACE FORMAT -------- */
section { margin-top: 20px; margin-bottom: 80px; }
.box_midle { margin-right: 1.22222227%; }

.table_box { width: 100%; height: 100%; display: table; }
.tableCell_box { display: table-cell; vertical-align: middle; }

h2 { margin: 15px 15px 25px; font-size: 22px; }
h3.section_title {
	margin: 20px 15px;
	padding-bottom: 10px;
	color: #1656fa;
	font-size: 18px;
	border-bottom: 1px solid #d4d4d4;
}
h3.box_title {
	margin: 10px 0;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #dddddd;
}
@media screen and (max-width: 700px) {
	h2 { margin: 10px; font-size: 18px; }
	h3.section_title { font-size: 16px; }
	h3.box_title { font-size: 15px; }
}


/* ------- TEXT FORMAT -------- */
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-bold { font-weight: 600; }

.bg_white { padding: 15px; background-color: #ffffff; }
.border_gray { margin: 0 15px; border: 1px solid #cecece; border-radius: 4px; }
.box_width { width: 100%; max-width: 600px; }


/* ========================================================================
 * Color classes
 * ======================================================================== */
/* Orange */
.orange1 { color: #1656fa; }
.orange2 { color: #376ffb; }

/* Verde */
.green1 { color: #7AB317; }
.green2 { color: #A0C55F; }

/* Purple */
.purple1 { color: #5B1960; }
.purple2 { color: #37103A; }

/* Aqua */
.aqua1 { color: #059599; }
.aqua2 { color: #05676E; }

/* Yellow */
.yellow1 { color: #ffd232; }


/* ========================================================================
 * Element style: Floating buttons;
 * ======================================================================== */
.floating_buttons {
	position: fixed;
	bottom: 0;
	right: 20px;
	padding: 5px 15px 2px;

	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
	background-color: #1e1e1e;
	border-radius: 4px 4px 0 0;
	border: 1px solid #ffffff;
	border-bottom: none;
	z-index: 500;
}
.floating_buttons a { display: inline-block; vertical-align: middle; }
.floating_buttons a:first-child { margin: 0 10px 0 20px; }
.floating_buttons img { width: 30px; opacity: .7; }
.floating_buttons a:hover img { opacity: 1; }


/* ========================================================================
 * Element style: Header;
 * ======================================================================== */
header { width: 100%; background-color: #ffffff; }


/* ------- HEADER: SESSION HEADER; -------- */
.min_header {
	padding: 8px 0 4px;
	width: 100%;
	text-align: left;
	background-color: #efefef;
}

.header_nav li {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
}
.header_nav > li a { display: block; padding: 10px 10px 10px 0; color: #777777; }
.header_nav li a:hover { color: #1e1e1e; }

.header_nav li.dropdown i.material-icons { color: #777777; font-size: 18px; }
.header_nav li.dropdown a:hover i.material-icons { color: #777777; }

.open > .dropdown-menu {  margin-top: -5px; }
.dropdown-menu > li { padding: 0; }
.dropdown-menu > li a {
	display: block;
	padding: 6px 10px;
	color: #777777;
	font-size: 11.4px;
	font-weight: 500;
}
.dropdown-menu > li:last-child a { border-top: 1px solid #cecece; }
.dropdown-menu > li a:hover { color: #1656fa; text-decoration: underline; }


/* ------- HEADER: PRINCIPAL HEADER; -------- */
.full_header {
	position: relative;
	padding: 20px 0 0;
	width: 100%;
	color : #ffffff;
	background-color: #1d1d1b;
}
.full_header .container { position: relative; }

.logo_container {
	display: inline-block;
	vertical-align: bottom;
	width: 29%;
	margin-bottom: 5px;
}
.logo_container img { height: 50px; max-width: 150px; }

@media screen and (max-width: 500px) {
	.logo_container img { height: 40px; }
}


/* ------- MENU SECTION: MENU; -------- */
.principal_menu {
	display: inline-block;
	vertical-align: bottom;
	width: 70%;
	text-align: right;
}

.principal_menu > li {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 5px;
}
.principal_menu > li > a {
	display: block;
	padding: 10px;

	color: #ffffff;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 5px solid transparent;
	cursor: pointer;
}
.principal_menu > li.active > a { border-bottom-color: #1656fa; }
.principal_menu > li > a:hover { border-bottom-color: #1656fa; }


.principal_menu li.categories {
	display: none;
	margin: 0 13px;
	background-color: #1656fa;
	border-radius: 6px 6px 0 0;
}
.principal_menu li.categories a { color: #ffffff; }
.principal_menu li.categories:hover { background-color: #376ffb; }
.principal_menu li.categories:hover > a { border-bottom-color: #376ffb; }
.principal_menu li.categories a { padding: 12px 12px 5px; }


@media screen and (max-width: 800px) {
	.principal_menu li > a { padding: 8px 8px 8px; font-size: 11px; }
}
@media screen and (max-width: 650px) {
	.principal_menu {
		position: absolute;
		bottom: 0;
		right: 15px;
		width: 120px
	}
	.principal_menu li:not(.categories) { display: none; }
	.principal_menu li.categories { display: inline-block; }

	.principal_menu li.categories a { font-size: 12px; }
}


/* ========================================================================
 * Element style: Floating menu buttons;
 * ======================================================================== */
/* ------- 	FLOATING BUTTONS: LIST STYLE; -------- */
.headerBtns_list {
	position: absolute;
	top: -60px;
	right: 10px;
	text-align: right;
}
.headerBtns_list li { position: relative; display: inline-block; vertical-align: bottom; }
.headerBtns_list li:not(first-child) { margin: 0 10px; }

.headerBtns_list li a.cart_link {
	display: inline-block;
	padding-top: 10px;
	width: 35px;
	height: 35px;
	color: #ffffff;
	text-align: center;
	background-color: #1656fa;
	border-radius: 60px;
}
.headerBtns_list li a.search_link {
	display: inline-block;
	padding-top: 10px;
	width: 40px;
	height: 37px;
	color: #ffffff;
	text-align: center;
	background-color: #1656fa;
	border: 1px solid #1656fa;
	border-radius: 0 4px 4px 0;
}
.headerBtns_list li a.cart_link:hover { background-color: #376ffb; }
.headerBtns_list li a.search_link:hover { background-color: #376ffb; }
.headerBtns_list li a i.material-icons { font-size: 18px; }


/* ------- 	FLOATING BUTTONS: CART BUTTON; -------- */
.float_number {
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 7px 4px;
	color: #ffffff;
	font-size: 10px;
	background-color: #1e1e1e;
	border-radius: 5px;
}


/* ------- 	FLOATING BUTTONS: SEARCH BUTTON; -------- */
.search_box {
  position: relative;
  display: inline-block;
  width: 80%;
  margin-top: 20px;
  margin-right: -4px;
  padding: 0 10px;
  background-color: #ffffff;
  border: 1px solid #c9c9c9;
  border-right: none;
  border-radius: 4px 0 0 4px;
  text-align: left;

  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.search_box.active { border-color: #666666; }
.search_box input[type="search"] {
  width: 85%;
  height: 35px;
  padding: 5px;

  color: #666666;
  font-size: 13px;
  font-weight: 300;
  background-color: #ffffff;
  border: none;
}
.search_box input[type="search"]:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (max-width: 650px) {
	.headerBtns_list { top: -40px; right: 30px; }
	.headerBtns_list li:not(first-child) { margin: 0 5px; }

	.headerBtns_list li a.search_link {
		width: 35px;
		height: 35px;
		border: none;
		border-radius: 60px;
	}
	.search_box { display: none; }
}


/* ========================================================================
 * Element style: Banner carrousel;
 * ======================================================================== */
.banner_list { width: 100%; margin: 0 auto 30px; }
.banner_list img { width: 100%; }

.banner_list .slick-prev { left: 25px; z-index: 50; }
.banner_list .slick-next { right: 25px; z-index: 50; }

.slick-prev, .slick-next { width: 30px; height: 30px; }
.slick-prev:before, .slick-next:before { font-size: 30px; }
.slick-prev:before, .slick-next:before { color: #1656fa; }


/* ========================================================================
 * Element style: Banner de categoría;
 * ======================================================================== */
.min_banner { width: 100%; margin: 20px auto; }

@media screen and (max-width: 769px) {
	#mini_banner div[class^="col-xs"] { width: 100%; }
}


/* ========================================================================
 * Element style: Products at home;
 * ======================================================================== */
.product_view { margin-top: 30px; margin-bottom: 30px; }


/* ------- 	PRODUCTS AT HOME: TOPICS MENU; -------- */
.product_topics {
	margin: 0 15px 20px;
	padding: 0 15px;
	text-align: center;
	border-bottom: 0.6px solid #d4d4d4;
}
.product_topics li {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 5px;
}
.product_topics li a {
	display: block;
	padding: 8px 10px;

	color: #1e1e1e;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 3px solid transparent;
}
.product_topics li a.active { border-bottom-color: #1656fa; }
.product_topics li a:hover { border-bottom-color: #1656fa; }

@media screen and (max-width: 769px) {
	.product_topics li a { padding: 8px; font-size: 12px; }
}
@media screen and (max-width: 420px) {
	.product_topics li a { padding: 8px 5px; font-size: 11px; }
}


/* ------- 	PRODUCTS AT HOME: PRODUCTS LIST; -------- */
.products_list { margin: 0 auto 20px; width: 100%; }
.products_list > li { display: inline-block; vertical-align: top; }

.products_list > li a,
.slick-slide a { display: block; padding: 10px; color: #1e1e1e; }

.products_list li img {
	display: block;
	width: 100%;
	margin: 0 auto 10px;
}
.products_list li div[class^="col-xs"] { padding: 0 5px; }
.products_list li h3 { font-size: 13px; }
.products_list li .price { color: #1656fa; font-size: 14px; text-align: right; }
.price .actual {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
}
.price .before {
	color: #1e1e1e;
	font-weight: 300;
	text-decoration: line-through;
}
.price .ofert { font-weight: 300; }

.products_list.home { width: 92%; }
.slick-slide { margin: 0 10px; }

@media screen and (max-width: 730px) {
	.products_list li h3 { font-size: 12px; }
	.products_list li .price { font-size: 13px; }
}


/* ------- 	PRODUCTS IN PRODUCT DETAIL: GENERAL LIST; -------- */
.products_list.general > li { width: 33%; }

@media screen and (max-width: 730px) {
	.products_list.general > li { width: 49%; }
	.products_list.general > li:nth-of-type(3) { display: none; }
}


/* ========================================================================
 * Element style: Brands list;
 * ======================================================================== */
.brand_list { margin: 40px 0; text-align: center; }
.brand_list li { display: inline-block; vertical-align: middle; margin: 0 10px; }
.brand_list img { max-width: 100px; max-height: 60px; }

@media screen and (max-width: 769px) {
	h3.center_title { font-size: 18px; }
	.brand_list { margin: 20px 0; }
	.brand_list img { max-width: 80px; max-height: 40px; }
}
@media screen and (max-width: 420px) {
	h3.center_title { font-size: 16px; }
	.brand_list img { max-width: 70px; max-height: 30px; }
}


/* ========================================================================
 * Element style: Forms;
 * ======================================================================== */
form { width: 100%; padding: 5px 15px; }
form.half_form { max-width: 500px; }

.form_title { margin: 10px 0; font-size: 14px; font-weight: 600; }
form p { margin: 10px 0 20px; }

.form_content { margin: 8px 0; }
form div[class^="col-xs"] { padding: 0; }

form label {
	display: block;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: 600;
}
form label.inline { display: inline-block; margin: 0 5px 0 0; }
form span {
	display: block;
	margin-top: 5px;
	font-size: 11px;
	font-weight: 500;
}
.chosen-single span { margin-top: 0; }
form span.error { color: #1656fa; font-weight: 600; }

form .textbox, form .textarea {
	padding: 5px 10px;

	font-size: inherit;
	font-family: inherit;
	font-size: 13px;
	font-family: 'Raleway', sans-serif;
	border: 1px solid #cccccc;
}
form .textbox {height: 32px;}
form .textarea { height: 160px; resize: none; }
form .textarea:focus { border-color: #66afe9; }
form .full_input { width: 100%; }
form .half_input { width: 49%; }

form .textbox.error { border-color: #1656fa; }

.check { display: none; }
.labelCheck:after {
  content: "";
  display: inline-block;

  width: 18px;
  height: 18px;

  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 3px;
  border: 1px solid #cecece;
  background-color: #ffffff;
}
.labelCheck {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 10px 0 10px 30px;
  margin: 0;
  font-size: 11px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.check:checked + .labelCheck:before {
  content: "";
  display: inline-block;

  width: 10px;
  height: 10px;

  position: absolute;
  top: 12px;
  left: 4px;
  border-radius: 2px;
  background-color: #1656fa;
  z-index: 10;
}
.check:disabled + .labelCheck { cursor: not-allowed; }

.radio { display: none; }
.labelRadio:after {
  content: "";
  display: inline-block;

  width: 18px;
  height: 18px;

  position: absolute;
  top: 8px;
  left: 0px;
  border-radius: 30px;
  border: 1px solid #cecece;
  background-color: #ffffff;
}
.labelRadio {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 10px 0 10px 30px;
  margin: 0;
  font-size: 11px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.radio:checked + .labelRadio:before {
  content: "";
  display: inline-block;

  width: 10px;
  height: 10px;

  position: absolute;
  top: 12px;
  left: 4px;
  border-radius: 20px;
  background-color: #1656fa;
  z-index: 10;
}
.radio:disabled + .labelRadio { cursor: not-allowed; }

.button {
	height: 35px;
	min-width: 110px;
	padding: 6px 10px;
	margin: 0 5px;

	font-size: 11px;
	text-transform: uppercase;
	border: 1px solid transparent;
}
.button.big {
	min-width: 180px;
	height: 40px;
}
.button.accept { color: #ffffff; background-color: #1656fa; }
.button.accept:hover { background-color: #376ffb; }
.button.cancel { color: #1e1e1e; background-color: #ffffff; border-color: #cecece; }
.button.cancel:hover { background-color: #e6e6e6; }
.button.general { color: #ffffff; background-color: #1e1e1e; }
.button.general:hover { background-color: #000000; }
.button.chat { color: #ffffff; background-color: #059599; }
.button.chat:hover { background-color: #05676E; }

@media all and (max-width: 390px) {
	.button { height: 40px; }
}


/* ------- FORM: DIVISOR LINE; -------- */
.form_divider {
	display: block;
	margin: 30px auto;
	width: 90%;
	height: 1px;
	background-color: #059599;
	border: none;
	border-radius: 10px;
	opacity: .5;
	clear: both;
}


/* ------- FORM: RESULTS BOXES; -------- */
.process_resultDiv {
  margin: 5px 15px 15px;
  font-size: 13px;
}
.side_infoBox .process_resultDiv { margin: 8px 0 0; }
.process_resultDiv p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding-left: 5px;
  width: 90%;
  font-weight: 400;
}
.side_infoBox .process_resultDiv p { margin: 0; }
.process_resultDiv p span { color: #1e1e1e; font-weight: 600; }
.process_resultDiv i { display: inline-block; vertical-align: middle; font-size: 30px; }

.resultDiv_success {
  margin: 5px 0;
  padding: 7px;
  background-color: rgba(122,179,23,.16);
  border: 1px solid #7AB317;
  border-radius: 6px;
}
.resultDiv_success i { color: #7AB317; }

.resultDiv_failed {
  margin: 5px 0;
  padding: 7px;
  background-color: rgba(241,85,35,.16);
  border: 1px solid #1656fa;
  border-radius: 6px;
}
.resultDiv_failed i { color: #1656fa; }
@media all and (max-width: 450px) {
  .process_resultDiv p { width: 85%; }
}
@media all and (max-width: 360px) {
  .process_resultDiv p { width: 80%; }
}


/* ========================================================================
 * Page style: Product detail;
 * ======================================================================== */
/* ------- 	PRODUCT DETAILS: BREADCRUMB; -------- */
.breadcrumb { margin: 0 15px 20px; }
.breadcrumb li {
	position: relative;
	display: inline-block;
}
.breadcrumb li:not(:last-child) { margin-right: 15px; }
.breadcrumb li:not(:last-child):after {
	content: "/";
	position: absolute;
	top: 0;
	right: -12px;
}
.breadcrumb li a { color: #1e1e1e; font-weight: 500; }
.breadcrumb li a:visited { color: #1e1e1e; }
.breadcrumb li a:hover { text-decoration: underline; }
.breadcrumb li.active a { color: #1656fa; }


/* ------- 	PRODUCT DETAILS: PRODUCT IMAGES; -------- */
.zoom {
	position: relative;
	display: block;
	margin: 20px auto 10px;
	width: 100%;
	max-width: 400px;
	border: 1px solid #cecece;
	border-radius: 4px;
}

/* magnifying glass icon */
.zoom:after {
	content:'';
	display:block;
	width:33px;
	height:33px;
	position:absolute;
	top:0;
	right:0;
	background:url(../images/icon.png);
}
.zoom img { display: block; width: 100%; max-width: 400px; }
.zoom img::selection { background-color: transparent; }

.product_imagesList { text-align: center; }
.product_imagesList li {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
	border: 1px solid #cecece;
	border-radius: 3px;
}
.product_imagesList li img { width: 70px; }


/* ------- 	PRODUCT DETAILS: PRODUCT INFO; -------- */
.product_addFavs {
	display: inline-block;
	margin: 20px 0 0;
	padding: 0;
	color: #1e1e1e;
	font-size: 14px;
	font-weight: 500;
	background-color: transparent;
	border: none;
}
.product_addFavs i.material-icons { font-size: 18px; }
button.product_addFavs:active {
    background-image: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.product_addFavs.selected i.material-icons { color: #1656fa; }

.product_category { margin: 25px 0 0; font-size: 13px; font-weight: 500; }
.product_title { margin: 8px 0 5px; font-size: 22px; }
.product_model { margin: 0 0 15px; color: #666666; font-size: 14px; }

.product_price .actual {
	display: block;
	margin-bottom: 10px;
	color: #1656fa;
	font-size: 26px;
	font-weight: 600;
}
.product_price .before {
	color: #1e1e1e;
	font-size: 14px;
	font-weight: 500;
	text-decoration: line-through;
}
.product_price .ofert {
	color: #1656fa;
	font-size: 16px;
	font-weight: 500;
}

.product_divider {
	margin: 20px 0;
	width: 90%;
	height: 1px;
	border: none;
	background-color: #cccccc;
}

.product_form { margin: 15px 0; }
.product_form label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 600;
}
.product_form .chosen-container { min-width: 160px; width: 100%; max-width: 160px; }
.product_sizes { margin: 0 10px; font-weight: 600; cursor: pointer; }

.product_button {
	display: inline-block;
	width: 100%;
	max-width: 200px;
	margin: 20px 0;
	padding: 10px 15px;

	color: #ffffff;
	font-size: 16px;
	border: 2px solid transparent;
}
.addCart { background-color: #1656fa; }
.addCart:hover { background-color: #376ffb; }
.unavailable { color: #1e1e1e; background-color: transparent; border-color: #1e1e1e; }
.unavailable:hover { color: #ffffff; background-color: #1e1e1e; }

.product_share { margin: 20px 0; }
.product_share li {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 600;
}
.product_share li:not(:last-child) { margin-right: 10px; }
.product_share li img { width: 30px; }

@media screen and (min-width: 620px) and (max-width: 660px) {
	.product_sizes { display: block; margin: 10px 0; }
}
@media screen and (max-width: 620px) {
	#product_detail div[class^="col-xs"] { width: 100%; }

	.zoom {
		display: inline-block;
		vertical-align: top;
		margin: 20px auto 10px;
		width: 78%;
	}
	.product_imagesList {
		display: inline-block;
		vertical-align: top;
		text-align: left;
		margin: 20px 0 0 10px;
	}
	.product_imagesList li { display: block; margin-bottom: 10px; }
	.product_imagesList li img { width: 60px; }

	.product_title { font-size: 20px; }
}
@media screen and (max-width: 480px) {
	.zoom { margin: 0 auto; width: 100%; }
	.product_imagesList { display: block; margin: 10px 0 20px; }
	.product_imagesList li { display: inline-block; margin-bottom: 0; }
	.product_imagesList li img { width: 60px; }

	.product_title { font-size: 18px; }
	.product_model { font-size: 13px; }

	.product_price .actual { font-size: 22px; }

	.product_form label { font-size: 13px; }
	.product_form .chosen-container { max-width: 90%; }
	.product_sizes { display: block; margin: 5px 0 0; }
	.product_addCart { max-width: 90%; font-size: 14px; }
}


/* ------- 	PRODUCT DETAILS: PRODUCT INFORMATION; -------- */
ul.info_tabs {
	margin: 0px 15px;
	padding: 0px;
	list-style: none;
}
ul.info_tabs li {
	position: relative;
	display: inline-block;
	padding: 10px 15px;
	color: #1e1e1e;
	cursor: pointer;
}
ul.info_tabs li.current {
	background-color: #ffffff;
	border: 1px solid #cecece;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
}
ul.info_tabs li.current:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #ffffff;
}

.tab_content {
	display: none;
	margin: 0 15px;
	padding: 15px;
	color: #1e1e1e;
	background-color: #ffffff;
	border: 1px solid #cecece;
}
.tab_content.current{ display: inherit; }
.tab_content p { margin: 10px 0; font-size: 13px; line-height: 16px; }

.product_tableInfo {
	width: 100%;
	max-width: 80%;
	margin: 0 auto;
	font-size: 13px;
	text-align: left;
}
.product_tableInfo tr:not(:last-child) { border-bottom: 1px solid #cecece; }

.product_tableInfo tr th {
	padding: 6px 10px;
	font-weight: 600;
}
.product_tableInfo tr td { padding: 6px 10px; font-weight: 500; }

@media screen and (max-width: 620px) {
	.tab_content p {  font-size: 12px; line-height: 14px; }
	.product_tableInfo { max-width: 100%; font-size: 12px; }
}


/* ------- 	PRODUCT DETAILS: PRODUCT COMMENTS; -------- */
.comments_list { margin: 30px 15px; }
.comments_list li {
	margin-bottom: 15px;
	padding: 10px;
	background-color: #ffffff;
}

.comment_user i.material-icons {
	display: inline-block;
	vertical-align: middle;
	color: #059599;
	font-size: 30px;
}
.comment_user h4 {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 16px;
}
.comment_user h4 span {
	margin-left: 10px;
	color: #666666;
	font-size: 13px;
	font-weight: 500;
}
.comment_text { margin: 10px 0 0; font-size: 13px; line-height: 18px; }


@media screen and (max-width: 620px) {
	.comment_user h4 { font-size: 14px; }
	.comment_user h4 span { font-size: 12px; }
}


/* ========================================================================
 * Page style: Categories;
 * ======================================================================== */
/* ------- 	CATEGORIES: HEADER; -------- */
.category_header h3 { margin-top: 6px; font-size: 16px; }
.category_header h3 span { color: #1656fa; }

.category_header h5 { font-size: 14px; }
.category_header .chosen-container { margin-left: 10px; min-width: 50%; }

@media screen and (max-width: 600px) {
	.category_header > div[class^="col-xs"] { width: 100%; }
	.category_header h3 { margin: 0 0 6px; font-size: 14px; }
	.category_header h5 { font-size: 13px; }
}


/* ------- 	CATEGORIES: FILTER OPTIONS; -------- */
.category_filters { padding: 0 15px; }

.category_content { margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #cecece; }
.filters_title { margin-bottom: 5px; font-size: 13px; font-weight: 600; }

.filters_list li { margin: 7px 5px; font-size: 12px; cursor: pointer; }
.filters_list li i.material-icons { margin-right: 5px; color: #cccccc; font-size: 12px; }
.filters_list li:hover i.material-icons { color: #1e1e1e; }
.filters_list li.selected i.material-icons { color: #1e1e1e; }

.noUi-target { width: 90%; margin: 20px auto 0; }

.category_price { margin: 15px 0; text-align: center; }
.category_price span { font-weight: 600; }


/* ------- 	CATEGORIES: PRODUCTS LIST; -------- */
.products_list.search > li { width: 33%; }
.products_list.search > li a { padding: 10px 0 10px 10px; }

@media screen and (max-width: 991px) {
	.products_list.search > li { width: 32.7%; }
}
@media screen and (max-width: 930px) {
	.products_list.search > li { width: 49.5%; }
}
@media screen and (max-width: 760px) {
	.category_productsInfo > div[class^="col-xs"] { width: 100%; }
}
@media screen and (max-width: 540px) {
	.products_list.search > li { margin: 5px 0; width: 100%; background-color: #ffffff; }
	.category_productsInfo div[class^="col-xs"] { width: 100%; }
	.products_list.search img {
		display: inline-block;
		vertical-align: middle;
		width: 110px;
	}
	.products_list.search .product_info {
		display: inline-block;
		vertical-align: middle;
		width: 60%;
	}
	.products_list.search li .price { margin-top: 10px; text-align: left; }
}
@media screen and (max-width: 450px) {
	.products_list.search img { width: 80px; }
	.products_list.search .product_info { width: 60%; }
}


/* ------- 	CATEGORIES: BUTTON TO FILTER SECTION; -------- */
.filters_responsive {
	position: relative;
	display: none;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 40px 10px 10px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #cecece;
}
.filters_responsive:hover { color: #ffffff; background-color: #1e1e1e; }
.filters_responsive i.material-icons {
	position: absolute;
	top: 8px;
	right: 10px;
}

@media screen and (max-width: 760px) {
	.filters_responsive { display: block; }
	.category_productsInfo .category_content { display: none; }
}


/* ------- 	CATEGORIES: SELECTED FILTERS LIST; -------- */
.filters_selected { margin-top: 10px; background-color: #ffffff; border: 1px solid #cecece; }
.filters_selected li {
	position: relative;
	width: 100%;
	padding: 10px 40px 10px 10px;
	text-align: left;
}
.filters_selected li:not(:last-child) { border-bottom: 1px solid #cecece; }
.filters_selected li i.material-icons {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
}
.filters_selected li:hover i.material-icons { color: #1656fa; cursor: pointer; }

@media screen and (max-width: 760px) {
	.filters_selected { margin-bottom: 15px; }
}


/* ------- 	CATEGORIES: TOTAL AND PAGINATION; -------- */
.category_total { font-size: 12px; }
.category_total span { font-weight: 600; }

.category_pagination { text-align: right; }
.category_pagination li { display: inline-block; vertical-align: middle; }
.category_pagination li:not(:first-child) { margin-left: 2px; }

.category_pagination button {
	width: 36px;
	height: 36px;
	background-color: #ffffff;
	border: 1px solid #cecece;
	border-radius: 0;
}
.category_pagination button.disabled { background-color: #cccccc; cursor: not-allowed; }
.category_pagination button.active { color: #ffffff; background-color: #1e1e1e; }

@media screen and (min-width: 760px) and (max-width: 850px) {
	.category_tableFooter div[class^="col-xs"] { width: 100%; }
	.category_total { margin-bottom: 10px; text-align: center; }
	.category_pagination { text-align: center; }
}
@media screen and (max-width: 580px) {
	.category_tableFooter div[class^="col-xs"] { width: 100%; }
	.category_total { margin-bottom: 10px; }
}
@media screen and (max-width: 580px) {
	.category_total { text-align: center; }
	.category_pagination { text-align: center; }
}


/* ------- 	CATEGORIES: FILTERS PAGE; -------- */
.filters_back {
	display: inline-block;
	margin-bottom: 5px;
	padding: 10px 0;
	font-size: 16px;
}
#filters_page .category_content { padding: 0; border-bottom: none; }
#filters_page .filters_list { margin: 10px 0; border: 1px solid #cecece; }
#filters_page .filters_list li { margin: 0; padding: 10px; background-color: #ffffff; }
#filters_page .filters_list li:not(:last-child) { border-bottom: 1px solid #cecece; }


/* ========================================================================
 * Page style: Shopping cart;
 * ======================================================================== */
/* ------- 	SHOPPING CART: PRODUCTS TABLE; -------- */
.cart_table { width: 100%; margin: 0 0 20px; }
.cart_table tr th {
	padding: 5px 10px;
	color: #666666;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	border-bottom: 2px solid #cccccc;
}
.cart_table tr td {
	vertical-align: top;
	padding: 10px;
	color: #1e1e1e;
	font-size: 13px;
}
.cart_table tr:not(.table_subtotal):nth-of-type(even) td { background-color: #f3f3f3; }

.cart_table tr.table_subtotal td {
	padding: 10px;
	font-size: 14px;
	font-weight: 600;
	border-top: 2px solid #cccccc;
}

.cart_img { display: inline-block; vertical-align: top; width: 75px; }
.cart_product {
	display: inline-block;
	vertical-align: top;
	width: 80%;
	padding: 0 10px;
}
.cart_product .name { margin-bottom: 5px; font-size: 16px; }
.cart_product .status { margin-top: 10px; color: #7AB317; font-weight: 600; }

.cart_table .cart_quantity { width: 100%; max-width: 120px; }
.cart_table .price { font-size: 16px; font-weight: 600; }
.cart_table .cart_remove { cursor: pointer; }

.cart_table .cart_subtotal {
	padding: 10px 0;
	font-size: 16px;
	font-weight: 600;
	text-align: right;
}
.cart_info { margin: 10px 0; color: #666666; font-size: 12px; line-height: 18px; }

@media screen and (max-width: 991px) {
	.cart_product { width: 70%; }
}
@media screen and (max-width: 860px) {
	#cart_detail div[class^="col-xs"] { width: 100%; }
}
@media screen and (max-width: 600px) {
	.cart_img { display: block; width: 65px; }
	.cart_product {display: block; width: 100%; margin-top: 10px; }
}


/* ------- 	SHOPPING CART: TOTAL BOX; -------- */
.cart_total {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	padding: 20px 15px;

	font-size: 14px;
	font-weight: 600;
	text-align: center;
	background-color: #f3f3f3;
	border: 1px solid #dddddd;
}
.cart_total p { margin: 10px 0 20px; text-align: left; }
.cart_total p span { font-size: 16px; }
.cart_total form { margin: 0; }
.cart_total button { width: 100%; margin: 0; }

.cart_coupon {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	padding: 15px;

	border: 1px solid #dddddd;
	border-top: none;
}
.cart_coupon form { margin: 0; }
.cart_coupon .textbox { width: 100%; margin: 15px 0; }
.cart_coupon button { width: 100%; margin: 0; }

@media screen and (min-width: 620px) and (max-width: 860px) {
	.cart_total {
		display: inline-block;
		vertical-align: top;
		width: 44%;
		margin: 15px 2.5%;
	}
	.cart_coupon {
		display: inline-block;
		vertical-align: top;
		width: 44%;
		margin: 15px 2.5%;
		border-top: 1px solid #dddddd;
	}
}


/* ========================================================================
 * Page style: Login after cart;
 * ======================================================================== */
.login_box { background-color: #ffffff; border: 1px solid #dddddd; }
.login_box form {
	width: 95%;
	max-width: 350px;
	margin: 0 auto;
}
.login_box div[class^="col-xs"]:nth-of-type(2) { border-left: 1px solid #dddddd; }
.login_box button { width: 100%; max-width: 220px; margin: 20px auto 0; }

@media screen and (max-width: 650px) {
	.login_box { background-color: transparent; border: none; }
	.login_box div[class^="col-xs"] { width: 100%; }
	.login_box div[class^="col-xs"]:nth-of-type(2) { border-left: none; }
	.login_box form {
		margin: 10px auto;
		padding: 15px;
		max-width: 500px;
		background-color: #ffffff;
		border: 1px solid #dddddd;
	}
}
@media screen and (max-width: 500px) {
	.login_box form { width: 100%; }
}


/* ========================================================================
 * Page style: Order placed;
 * ======================================================================== */
.order_placed { margin: 20px 15px 30px; }
.order_placed p { font-size: 14px; }
.order_placed button { margin: 30px 0 0; }


/* ========================================================================
 * Page style: My account;
 * ======================================================================== */
.account_options { margin: 10px 15px 30px; }
.account_options li { margin: 10px 0; }
.account_options li a {
	display: block;
	position: relative;
	width: 100%;
	padding: 15px 30px 15px 15px;
	color: #1e1e1e;
	font-size: 14px;
	background-color: #ffffff;
	border: 1px solid #cecece;
	border-radius: 4px;
}
.account_options li i.material-icons {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -15px;
	font-size: 30px;
}
.account_options li a:hover { background-color: #f3f3f3; }

.account_text { margin: 0 15px 5px; }
.white_block {
	margin: 10px 0;
	padding-top: 10px;
	background-color: #ffffff;
	border: 1px solid #cecece;
}


/* ========================================================================
 * Page style: My Addresses;
 * ======================================================================== */
/* ------- 	MY ADDRESSES: TITLE; -------- */
.addresses_title .product_share { text-align: right; }
.addresses_title button { margin: 15px 0 0; }

@media screen and (min-width: 761px) and (max-width: 880px) {
	.addresses_title div[class^="col-xs"] { width: 100%; }
	.wishFilter_select { width: 140px; }
	.addresses_title .product_share { text-align: left; }
}
@media screen and (max-width: 600px) {
	.addresses_title div[class^="col-xs"] { width: 100%; }
	.addresses_title button { margin: 0; }
	.addresses_title .product_share { text-align: left; }
}
@media screen and (max-width: 400px) {
	.addresses_title button { width: 100%; margin: 5px 0; }
}


/* ------- 	MY ADDRESSES: ADDRESSES LIST; -------- */
.addresses_list { margin: 15px; }
.addresses_list li {
	display: inline-block;
	vertical-align: top;
	width: 32.7%;
	margin: 10px 0.2%;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #cecece;
	border-radius: 4px;
}
.addresses_list li h4 {
	position: relative;
	margin: 5px 0 0;
	padding-right: 40px;
	font-size: 13px;
}
.addresses_list li h4 i {
	position: absolute;
	top: -5px;
	right: 0;
	color: #cecece;
	font-size: 24px;
	cursor: pointer;
}
.addresses_list li h4 i.default { color: #ffd026; }
.addresses_list li p { margin: 10px 0 15px; font-size: 12px; line-height: 18px; }
.addresses_list li button { width: 48%; margin: 0 0.5%; }

@media screen and (max-width: 1040px) {
	.addresses_list li { width: 32.5%; margin: 10px 0.2%; }
}
@media screen and (max-width: 870px) {
	.addresses_list li { width: 49%; margin: 10px 0.3%; }
}
@media screen and (max-width: 600px) {
	.addresses_list li { width: 100%; margin: 10px 0; }
}
@media screen and (max-width: 360px) {
	.addresses_list li button { width: 100%; margin: 5px 0; }
}


/* ========================================================================
 * Page style: Payment methods;
 * ======================================================================== */
/* ------- 	MY PAYMENT METHODS: TITLE; -------- */
.payment_title { margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #cecece; }
.payment_title h4 { margin-top: 10px; font-size: 14px; }


/* ------- 	MY PAYMENT METHODS: METHODS LIST; -------- */
.methods_list { width: 100%; padding: 10px 15px 30px; }
.methods_list li {
	position: relative;
	display: block;
	margin: 10px 0;
	padding: 10px;
	background-color: #fdfdfd;
	border: 1px solid #cecece;
	border-radius: 4px;
}

.payment_img { display: inline-block; vertical-align: middle; width: 15%; }
.payment_img img { max-width: 100%; max-height: 32px; }
.payment_img i.material-icons { font-size: 50px; }

.payment_info {
	display: inline-block;
	vertical-align: middle;
	width: 69%;
	padding-left: 10px;
}
.payment_info h5 { font-size: 14px; font-weight: 600; }
.payment_info h5 span {
	padding-left: 5px;
	color: #059599;
	font-size: 13px;
	font-weight: 500;
}
.payment_info p { margin: 10px 0 0; }
.payment_info p span { padding-left: 5px; color: #666666; font-weight: 400; }

.methods_list i.material-icons { margin: 0 1%; cursor: pointer; }

@media screen and (max-width: 700px) {
	.payment_info { width: 67%; }
	.payment_info h5 { font-size: 13px; }
	.payment_info p { margin: 5px 0 0; }
}
@media screen and (max-width: 600px) {
}
@media screen and (max-width: 580px) {
	.payment_info { width: 64%; }
	.payment_img { width: 15%; }
	.payment_img img { max-height: 28px; }
}
@media screen and (max-width: 500px) {
	.payment_img { display: none; }
	.payment_info { width: 78%; }
}


/* ========================================================================
 * Page style: Wishlist;
 * ======================================================================== */
/* ------- 	WISHLIST: WISHLIST LIST; -------- */
.wishlist_list { margin: 0 0 15px; }
.wishlist_list li a {
	display: block;
	margin: 0;
	padding: 20px 15px;

	color: #1e1e1e;
}
.wishlist_list li:not(:last-child) { border-bottom: 1px solid #cecece; }

.wishlist_list li a p {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	font-size: 14px;
}
.wishlist_list li a p i.material-icons { margin-right: 5px; font-size: 18px; opacity: .5; }
.wishlist_list li a span.type {
	display: inline-block;
	vertical-align: top;
	width: 35%;
	margin-top: 2px;
	font-size: 12px;
	text-align: right;
}
.wishlist_list li.selected { background-color: #fefefe; }
.wishlist_list li.selected a p { font-weight: 600; }
.wishlist_list li.selected a p i.material-icons { color: #059599; opacity: 1; }
.wishlist_list li a:hover p { color: #059599; }
.wishlist_list li a:hover span.type { color: #666666; }


/* ------- 	WISHLIST: WISHLIST PRODUCTS LIST; -------- */
.wishFilter_lbl { font-size: 13px; font-weight: 600; }
.addresses_title .wishFilter_lbl { margin: 30px 0 0; }
.wishFilter_select { margin-left: 5px; width: 180px; }
.wishFilter_select .chosen-single { height: 35px; }

.wishlist { min-width: 500px; }
.wishlist tr td { vertical-align: middle; }
.wishlist_options { width: 260px; text-align: center; }
.wish_added { display: block; text-align: center; }
button.wish_btn1 { display: block; margin: 15px auto 10px; width: 100%; max-width: 250px; }
button.wish_btn1:last-child { margin-bottom: 0px; }

.wish_btn2 { margin: 0 0.4%; width: 48%; min-width: 48%; }
.wish_btn2 .chosen-default {
	color: #1e1e1e;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
}


/* ------- 	WISHLIST: EMPTY CONTENT; -------- */
.wishlist_empty { margin: 35px 0 25px; text-align: center; }
.wishlist_empty i.material-icons { color: #059599; font-size: 50px; }
.wishlist_empty p { margin-top: 20px; font-size: 14px; }


@media screen and (max-width: 1040px) {
	.wishlist_options { width: 200px; }
}
@media screen and (max-width: 760px) {
	.wish_row > div[class^="col-xs"] { width: 100%; }
	.wish_row .subs_box { margin: 10px 0; }
}


/* ========================================================================
 * Page style: My orders;
 * ======================================================================== */
/* ------- 	MY ORDERS: ORDERS FILTERS; -------- */
.orders_filters { margin: 0 0 15px; max-width: 800px; }
.orders_filters .subs_box { margin-bottom: 15px; }

@media screen and (max-width: 600px) {
	.orders_filters { margin-top: 10px; }
	.orders_filters div[class^="col-xs"] { width: 100%; }
	.orders_filters .subs_box { margin: 10px 0; }
}



/* ------- 	MY ORDERS: ORDERS LIST; -------- */
.orders_list { margin: 0 0 15px; max-width: 800px; }
.orders_list li {
	margin: 10px 0;
	border: 1px solid #cecece;
	border-radius: 4px;
}

.order_minData {
	padding: 15px 0;

	font-size: 11px;
	text-transform: uppercase;
	background-color: #cecece;
	border-radius: 4px 4px 0 0;
}
.minData_right { font-size: 13px; text-align: right; }

.order_bigData {
	padding: 15px 0;
	background-color: #ffffff;
	border-radius: 0 0 4px 4px;
}
.order_status { font-size: 13px; }
.status_label {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	padding: 5px 10px;
	border: 1px solid transparent;
	border-radius: 2px;
}
.status_label.white { color: #1e1e1e; background-color: #ffffff; border-color: #cecece; }
.status_label.aqua { color: #ffffff; background-color: #059599; border-color: #05676E; }
.status_label.green { color: #ffffff; background-color: #7AB317; border-color: #A0C55F; }
.status_label.purple { color: #ffffff; background-color: #5B1960; border-color: #37103A; }
.status_label.black { color: #ffffff; background-color: #1e1e1e; border-color: #000000; }

@media screen and (max-width: 600px) {
	.order_bigData > div[class^="col-xs"] { width: 100%; }
	.order_status { margin: 10px auto 0; max-width: 250px; }
}


/* ------- 	MY ORDERS: ORDER INFORMATION; -------- */
.bigData_info:not(:last-child) { margin-bottom: 15px; }
.order_bigData img {
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	max-width: 110px;
}
.order_bigData .product {
	display: inline-block;
	vertical-align: middle;
	width: 58%;
	padding-left: 10px;
}
.order_bigData .product .name { margin-bottom: 5px; font-size: 14px; }
.order_bigData .product .model { color: #666666; font-size: 12px; }
.order_bigData .product .price {
	margin-top: 10px;
	color: #1656fa;
	font-size: 14px;
	font-weight: 600;
}


/* ========================================================================
 * Page style: Order detail;
 * ======================================================================== */
/* ------- 	ORDER DETAIL: TITLE; -------- */
.order_title { margin-bottom: 50px; }
.order_title h2 { margin-bottom: 2px; }
.order_title p { margin: 0 15px; color: #666666; font-size: 12px; text-transform: uppercase; }

@media screen and (max-width: 800px) {
	.order_tracking > div[class^="col-xs"] { width: 100%; }
}

/* ------- 	ORDER DETAIL: PROGRESS BAR; -------- */
.order_list { display: inline-block; vertical-align: middle; }
.order_list li { display: inline-block; margin: 0 5px 5px 0; }
.order_list li img { width: 80px; }

.order_statusTitle { display: inline-block; vertical-align: middle; }
.order_statusTitle h3 { font-size: 18px; }
.order_statusTitle p { margin: 3px 0 6px; font-size: 13px; }
.order_statusTitle a { font-size: 12px; }
.order_statusTitle a:hover { text-decoration: underline; }

.status_title {
	margin: 10px 0 0;
	color: #666666;
	font-size: 12px;
	text-align: right;
	text-transform: uppercase;
}

progress[value] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	position: relative;
	margin: 35px auto 0;

	width: 100%;
	height: 25px;
	color: #059599;
	background-color: #ffffff;
	border-radius: 30px;
	border: 1px solid #05676E;
}
progress[value]::-webkit-progress-bar {
	background-color: #ffffff;
	border-radius: 30px;
}
progress[value]::-webkit-progress-value {
	background-color: #059599;
	border-radius: 30px 0 0 30px;
}
progress[value]::-moz-progress-bar {
	background-color: #059599;
	border-radius: 30px 0 0 30px;
}

@media screen and (min-width: 800px) and (max-width: 900px) {
	.order_list li img { width: 60px; }
}


/* ------- 	ORDER DETAIL: SEE MESSAGES; -------- */
.message_banner {
	display: flex;
	margin: 35px 0;
	padding: 15px 10px;
	color: #ffffff;
	background-color: #1e1e1e;
}
.message_banner p { font-size: 14px; }
.message_banner button { display: block; width: 80%; margin: 0 auto; }

@media screen and (min-width: 800px) and (max-width: 900px) {
	.message_banner p { font-size: 13px; }
	.message_banner button { width: 100%; }
}
@media screen and (max-width: 600px) {
	.message_banner p { font-size: 13px; }
	.message_banner button {  width: 100%; }
}
@media screen and (max-width: 460px) {
	.message_banner { display: block; }
	.message_banner > div[class^="col-xs"] { width: 100%; }
	.message_banner p { text-align: center; }
	.message_banner button {  margin-top: 5px; }
}


/* ------- 	ORDER DETAIL: TRACKING INFORMATION; -------- */
.track_block h3 {
	padding: 0;
	font-size: 13px;
	font-weight: 600;
	background-color: transparent;
	border-bottom: 1px solid #cecece;
}
.track_block h3 span {
	display: inline-block;
	padding: 5px 10px;
	color: #ffffff;
	background-color: #1e1e1e;
}

.track_info {
	margin: 0 0 15px;
	background-color: #ffffff;
	border: 1px solid #cecece;
	border-top: none;
}
.track_info li { padding: 15px; }
.track_info li:not(:first-child) { border-top: 1px solid #cccccc; }

.track_info .time {
	display: inline-block;
	vertical-align: top;
	width: 15%;
	font-size: 12px;
}
.track_info .text {
	display: inline-block;
	vertical-align: top;
	width: 83%;
	padding-left: 10px;
}
.track_info .text .title { font-size: 12px; }
.track_info .text .title span {
	display: block;
	margin-top: 2px;
	color: #666666;
	font-size: 11px;
	text-transform: uppercase;
}
.track_info .text hr {
	display: block;
	margin: 10px 0;
	width: 90%;
	height: 1px;
	background-color: #cecece;
	border: none;
}
.tracking_number { width: 90%; color: #666666; font-size: 11px; }

.track_view { text-align: right; text-transform: uppercase; }
.track_view a:hover { text-decoration: underline; }

.track_block h3:not(:nth-of-type(1)) { display: none; }
.track_block .track_info:not(:nth-of-type(1)) { display: none; }
.track_block .track_info:nth-of-type(1) li:not(:nth-of-type(1)) { display: none; }


/* ------- 	ORDER DETAIL: ORDER INFORMATION; -------- */
.order_info h3 {
	position: relative;
	margin: 0 0 15px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: 600;
}
.order_info h3:before {
	display: block;
	content: "";
	position: absolute;
	width: 3px;
	height: 100%;
	left: 0;
	background-color: #376ffb;
}
.order_info h4 {
	margin: 0 0 5px;
	font-size: 13px;
	font-weight: 600;
}
.order_info h4 span { font-weight: 500; }
.order_info p { font-size: 13px; line-height: 18px; }
.order_info button { margin: 15px 0 0; }

.order_total { margin: 10px 0; width: 100%; }
.order_total tr td { padding: 3px; font-size: 13px; }
.order_total .text-right { font-weight: 600; }
.order_total tr.discount_row { color: #376ffb; }
.order_total tr.total_row td { padding: 15px 0 3px; border-top: 1px solid #cecece; }

@media screen and (max-width: 680px) {
	.order_info > div[class^="col-xs"] { width: 100%; margin: 10px 0; }
	.order_info h4 { margin-left: 10px; }
	.order_info p { margin-left: 10px; }
	.order_total { margin: 10px auto; width: 95%; }
}


/* ========================================================================
 * Page style: Order cancel;
 * ======================================================================== */
@media screen and (max-width: 760px) {
	.order_cancel > div[class^="col-xs"] { width: 100%; }
	.order_cancel .order_info { display: none; }
}


/* ========================================================================
 * Page style: Product qualify;
 * ======================================================================== */
/* ------- 	PRODUCT QUALIFY: STAR RATING; -------- */
.rating {
    overflow: hidden;
    display: inline-block;
}
.rating-input {
    float: right;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0 0 0 -32px;
    opacity: 0;
}

.rating-star {
    position: relative;
    float: right;
    display: block;
    color: #cecece;
    cursor: pointer;
}
.rating-star i.material-icons { font-size: 32px; }

.rating-star:hover,
.rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
    color: #ffd232;
}


/* ========================================================================
 * Page style: Order chat;
 * ======================================================================== */
.msg_box { max-width: 800px; padding: 15px; background-color: #ffffff; }


/* ------- ORDER CHAT: COMMENTS SECTION; -------- */
.load_more_msg {
	text-align: center;
	border-bottom: 1px solid #cecece;
	padding-bottom: 20px;
}
.comment_box { padding: 15px 15px 5px; border-bottom: 1px solid #cecece; }
.title { margin-bottom: 5px; }
.title h3 {
	display: inline-block;
	width: 60%;
	color: #1656fa;
	font-size: 14px;
	font-weight: 500;
}
.title p {
	display: inline-block;
	width: 39%;
	color: #666666;
	font-size: 12px;
	font-weight: 500;
	text-align: right;
}
.title p span { padding: 0 10px; }
.title p i { color: #1656fa; font-size: 22px; }

.text_small, .text_full {
	padding: 10px 0 5px;
	font-size: 12px;
	line-height: 18px;
}
.text_small { color: #777777; }
.text_full { color: #1e1e1e; }
.comment_box:not(.full_message) .text_full { display: none; }

.link_comment { padding: 0 0 5px; text-align: right; }
.link_comment a { color: #1656fa; font-size: 12px; cursor: pointer; }


/* ------- ORDER CHAT: EMPTY CHAT; -------- */
.no_content { margin-bottom: 20px; }
.no_content .title h3 { color: #059599; }

@media all and (max-width: 670px) {
  .title { margin-bottom: 2px; }
  .title h3 { display: block; width: 100%; }
  .title p { display: block; width: 100%; margin-top: 10px; font-size: 13px; }

  .text_small, .text_full { font-size: 13px; line-height: 16px; }
}


/* ------- ORDER CHAT: RESPOND SECTION; -------- */
.respond_box { padding: 15px 15px 0; }

.file_box {
	position: relative;
	margin: 10px 0;
	padding: 10px 5px 5px;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
}
.file_box i:not(.active_file) { color: #059599; font-size: 22px; }
.file_box p {
	display: inline-block;
	width: 70%;
	margin: 0;
	font-size: 12px;
	font-weight: 400;
}
.file_box i.active_file {
	position: absolute;
	top: 8px;
	right: 10px;
	color: #1656fa;
	cursor: pointer;
}
.file_box i.active_file:hover { color: #376ffb; }
.comment_box:not(.full_message) .file_box { display: none; }

.add_file {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 35px;
	width: 140px;
	margin: 0 5px 0 0;
	color: #1e1e1e;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	border: none;
	background-color: transparent;
	border: 1px solid #cecece;
	border-radius: 4px;
	cursor: pointer;
	text-transform: uppercase;
}
.add_file span { position: absolute; top: 15%; left: 0; width: 100%; cursor: pointer; }
.add_file input[type="file"] {
	width: 100%;
	opacity: 0;
	cursor: pointer;
	padding: 9px 15px;
}
.add_file:hover { background-color: #e6e6e6; }

@media all and (max-width: 500px) {
	.file_box { padding: 8px 5px; }
	.file_box i:not(.active_file) { display: none; }
	.file_box i.active_file { top: 5px; }
	.file_box p { font-size: 11px; }
}
@media all and (max-width: 460px) {
	.add_file { display: block; width: 100%; margin-bottom: 5px; }
	.button { display: block; width: 100%; margin: 0; }
}


/* ========================================================================
 * Page style: Our products;
 * ======================================================================== */
/* ------- 	OUR PRODUCTS: INSTAGRAM LINK; -------- */
.instagram_links {
	margin: 40px auto 10px;
	width: 98%;
	padding: 10px 15px;
	text-align: right;
	background-color: #f9f9f9;
	border: 1px solid #ffffff;
}
.instagram_links a { display: inline-block; margin: 0; }
.instagram_links a img { width: 160px; margin: 0; }


/* ========================================================================
 * Page style: Stores;
 * ======================================================================== */
/* ------- 	STORES: STORES LIST; -------- */
.events_list { width: 100%; max-width: 900px; margin: 0; }
.events_list > li { padding: 10px 15px; background-color: #ffffff; }
.events_list > li:not(:last-child) { border-bottom: 15px solid #efefef; }
.events_list img { display: block; width: 100%; max-width: 300px; margin: 0 auto; }

.events_list .contact_footer { margin: 0 auto; max-width: 400px; }
.events_list .contact_footer li:first-child { margin: 5px 0 0; }
.events_list .contact_footer li:last-child { margin: 0; }

.events_list > li { display: flex; }
.events_list > li div[class^="col-xs"]:last-child { text-align: center; }

@media all and (max-width: 650px) {
	.events_list > li { display: block; }
	.events_list > li div[class^="col-xs"] { width: 100%; margin: 5px 0; }
}


/* ========================================================================
 * Page style: FAQ section;
 * ======================================================================== */
/* ------- 	FAQ: CONTAINER; -------- */
.faq_topics { margin: 10px 0; max-width: 800px; border: 1px solid #cecece; }


/* ------- 	FAQ: TOPIC BUTTON AND CONTAINER; -------- */
.faqTopic_button {
	display: block;
	width: 100%;
	padding: 10px;
	color: #ffffff;
	font-weight: 600;
	text-align: left;
	background-color: #1e1e1e;
	border: none;
	border-radius: 0;
	cursor: pointer;
}
.faqTopic_button:not(:last-child) { border-bottom: 1px solid #cecece; }
.topic_content {
	width: 100%;
	background-color: #ffffff;
}


/* ------- 	FAQ: SUBTOPIC BUTTON AND CONTAINER; -------- */
.faqSubtopic_button {
	display: block;
	width: 100%;
	padding: 10px;
	color: #1e1e1e;
	font-weight: 600;
	text-align: left;
	background-color: transparent;
	border: none;
	border-radius: 0;
	cursor: pointer;
}
.faqSubtopic_button:not(:first-child) { border-top: 1px solid #cecece; }
.subtopic_content { margin: 10px; }


/* ========================================================================
 * Page style: Privacy;
 * ======================================================================== */
.services_box { max-width: 800px; padding: 0; }
.privacy { padding-bottom: 30px; }

.privacy h1 { margin: 30px 0 40px; font-size: 28px; text-align: center; }
.privacy h2, .privacy h3,
.privacy h4, .privacy h5,
.privacy h6 {
	position: relative;
	margin: 35px 15px 15px;
}
.privacy h2:after, .privacy h3:after,
.privacy h4:after, .privacy h5:after,
.privacy h6:after {
	content: "";
	display: block;
	position: relative;
	bottom: -5px;
	left: 0;
	width: 30px;
	height: 1.5px;
	background-color: #661c1c;
}

.privacy h2 { font-size: 24px; }
.privacy h3 { font-size: 20px; }
.privacy h4 { font-size: 18px; }
.privacy h5 { font-size: 16px; }
.privacy h6 { font-size: 13px; }

.privacy p {
	margin: 10px 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}

.privacy ul {
	margin: 10px 15px;
	padding-left: 30px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	list-style-type: circle;
}
.privacy ul li { margin: 5px; }

.privacy ol {
	margin: 10px 15px;
	padding-left: 30px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	list-style-type: upper-roman;
}
.privacy ol li { margin: 5px; }

.privacy ul.icon_list {
	margin: 25px 15px;
	padding-left: 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	list-style-type: none;
}
.privacy ul.icon_list li { margin: 15px 5px; }
.privacy ul.icon_list li i.material-icons {
	display: inline-block;
	vertical-align: top;
	color: #1656fa;
}
.privacy ul.icon_list li .content {
	display: inline-block;
	vertical-align: top;
	width: 95%;
	padding-left: 10px;
}
.privacy ul.icon_list li .content .title {
	margin: 0 0 5px;
	font-size: 14px;
	font-weight: 600;
}
.privacy ul.icon_list li .content .text { margin: 0; font-size: 13px; }

.privacy ul.breadcrumb { padding: 0; }
.privacy img { display: block; margin: 20px auto 10px; width: 90%; max-width: 400px; }


/* ========================================================================
 * Element style: Footer;
 * ======================================================================== */
 footer {
	position: absolute;
	bottom: 0;
	left: 0;
	float: right;
	width: 100%;
	height: 50px;
	margin: 0;
  
	text-align: center;
	background-color: #d9d9d9;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
  }
  footer p { margin-top: 15px; color: black; font-size: 13px; }
  


/* ------- 	FOOTER: FIRST SECTION; -------- */
.full_footer {
	padding: 15px 0;
	color: #ffffff;
	background-color: #1d1d1b;
}
.full_footer h4 {
	margin: 20px 0;
	color: #EEEEEE;
	font-size: 16px;
	font-weight: 600;
}


/* ------- 	FOOTER: SOCIAL; -------- */
.social_links a { display: inline-block; margin-top: 10px; margin-bottom: 10px; }
.social_links a:not(:last-child) { margin-right: 20px; }
.social_links img { height: 40px; }


/* ------- 	FOOTER: SUSCRIBE; -------- */
.newsletter_text {
	margin: 30px 0 15px;
	font-size: 14px;
	font-weight: 500;
}

.subs_box {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  padding: 0 10px;
  background-color: #ffffff;
  border: 1px solid #c9c9c9;
  border-radius: 4px;
  text-align: left;

  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.subs_box.active { border-color: #666666; }
.subs_box input[type="text"] {
  width: 85%;
  height: 35px;
  padding: 5px;

  color: #666666;
  font-size: 13px;
  font-weight: 300;
  background-color: #ffffff;
  border: none;
}
.subs_box input[type="search"]:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.subs_box button {
	position: absolute;
	top: 0;
	right: 0;

	width: 40px;
	height: 100%;
	color: #ffffff;
	background-color: #1656fa;
	border: none;
	border-radius: 0 4px 4px 0;
}
.subs_box button:hover { background-color: #376ffb; }
.subs_box i { font-size: 24px; cursor: pointer; }


/* ------- 	FOOTER: ADDRESS; -------- */
.contact_footer { margin: 10px 0 60px; }
.contact_footer li { margin: 20px 0; }

.contact_footer .material-icons {
	display: inline-block;
	vertical-align: middle;
	font-size: 22px;
	margin-right: 5px;
}
.contact_footer p {
	display: inline-block;
	vertical-align: middle;
	width: 80%;
	font-size: 13px;
}
.contact_footer a { color: #ffffff; }
.contact_footer a:hover { text-decoration: underline; }


/* ------- 	FOOTER: INFORMATION; -------- */
.info_footer { margin: 10px 0 20px; }
.info_footer li { display: block; margin: 15px 0; }
.info_footer a { color: #ffffff; }
.info_footer a:hover { text-decoration: underline; }


/* ------- 	FOOTER: FACEBOOK; -------- */
.fb_container { width: 100%; max-width: 300px; margin: 0 auto; }
.fb-page, .fb-page span,
.fb-page span iframe[style] {
    width: 100% !important;
}

@media screen and (max-width: 440px) {
	.fb_container { display: none; }
}


/* ------- 	FOOTER: SECOND SECTION; -------- */
.min_footer {
	padding: 15px 0;
	color: #f2f2f2;
	background-color: #222222;
}

.payment_list { margin: 10px 0 0; }
.payment_list li { display: inline-block; }
.payment_list li:not(:last-child) { margin-right: 5px; }

.payment_list img { height: 20px; }


.footer_links { text-align: right; }
.footer_links a { padding: 8px 4px; color: #f2f2f2; font-size: 12px; }
.footer_links a:not(:first-child) { margin-left: 4px; }
.footer_links a:hover { text-decoration: underline; }


@media screen and (max-width: 820px) {
	footer .full_footer div[class^="col-xs"]:nth-of-type(1) { width: 100%; }
	footer .full_footer div[class^="col-xs"]:nth-of-type(2) { width: 41.66666667%; }
	footer .full_footer div[class^="col-xs"]:nth-of-type(3) { width: 58.33333333%; }

	footer .min_footer div[class^="col-xs"] { width: 100%; }
	.footer_links { margin-top: 10px; }
}
@media screen and (max-width: 550px) {
	footer .full_footer div[class^="col-xs"]:nth-of-type(2),
	footer .full_footer div[class^="col-xs"]:nth-of-type(3) { width: 100%; }
}


/* ========================================================================
 * Element style: Modals;
 * ======================================================================== */
/* ------- 	MODAL: MODAL HEADER; -------- */
.modal-header {
	min-height: 30px;
	padding: 10px 15px;
	background-color: #efefef;
	border-radius: 3px 3px 0 0;
}
.close { font-size: 24px; }
.modal-header .close { top: 5px; right: 10px; }

.modal-header h3 { margin-top: 5px; font-size: 14px; font-weight: 600; }


/* ------- 	MODAL: MODAL BODY; -------- */
.modal-body { margin: 15px 15px 0; padding: 0; }


/* ------- 	MODAL: MODAL FOOTER; -------- */
@media all and (max-width: 390px) {
	.modal-footer .button { width: 100%; margin: 5px 0; }
}


/* ------- 	MODAL: LOGIN MODAL; -------- */
#login form { width: 80%; margin: 0 auto; }
.forgot_password {
	display: inline-block;
	margin-top: 5px;
	color: #376ffb;
	font-size: 12px;
	font-weight: 500;
}
.forgot_password:hover { text-decoration: underline; }

/* ------- 	MODAL: NEWSLETTER SUSCRIPTION; -------- */
.suscription_content { text-align: center; }
.suscription_content img { display: block; width: 90%; max-width: 160px; margin: 10px auto; }
.suscription_content h3 { margin: 10px 0; color: #1656fa; font-size: 18px; }
.suscription_content p { font-size: 14px; line-height: 20px; }


/* ------- 	MODAL: SIZES MODAL TABLE; -------- */
#sizes_table .modal-dialog, .big_modal .modal-dialog {
	width: 98%;
	margin: 30px auto;
}
@media (min-width: 750px) {
	#sizes_table .modal-dialog, .big_modal .modal-dialog {
		width: 700px;
		margin: 30px auto;
	}
}

.sizes_table {
	width: 100%;
	max-width: 660px;
	margin: 10px auto;

	font-size: 12px;
	text-align: center;
}
.sizes_table tr th {
	vertical-align: top;
	padding: 10px;
	color: #1656fa;
	font-weight: 500;
	border-bottom: 2px solid #1656fa;
}
.sizes_table tr th span { display: block; color: #1e1e1e; font-size: 11px; }
.sizes_table tr td { padding: 10px; }
.sizes_table tr:nth-of-type(odd) td { background-color: #f2f2f2; }
.sizes_table tr:not(:last-child) td { border-bottom: 1px solid #cecece; }


/* ------- 	MODAL: ADD TO CART MODAL; -------- */
#add_cart .modal-body { margin: 0; }
#add_cart .modal-body h3 { margin-top: 10px; font-size: 16px; }

.product_data { padding: 10px; border-bottom: 1.5px solid #cecece; }
.product_data img {
	display: inline-block;
	vertical-align: middle;
	width: 40%;
}
.product_data div {
	display: inline-block;
	vertical-align: middle;
	width: 58%;
	padding-left: 10px;
}
.product_data div .name { margin-bottom: 10px; font-size: 14px; font-weight: 600; }
.product_data div .size { font-size: 12px; }
.product_data div .quantity { font-size: 12px; font-weight: 600; }
.product_data div .price { margin-top: 10px; font-size: 12px; font-weight: 600; }

.product_total { padding: 15px; text-align: center; background-color: #f3f3f3; }

@media all and (max-width: 550px) {
	.product_data div .name { font-size: 12px; }
}

/* ------- 	MODAL: DELETE ELEMENT; -------- */
.delete_title { margin: 10px 0; font-size: 14px; }
.delete_text { margin-bottom: 15px; color: #666666; font-size: 13px; }


/* ========================================================================
 * Element style: Not found;
 * ======================================================================== */
.not_foundContent { margin: 15px auto 30px; max-width: 500px; text-align: center; }

.not_foundContent img {
  width: 80%;
  max-width: 200px;
  margin-bottom: 15px;
}
.not_foundContent h5 {
  margin: 20px 0 35px;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
}

/* ========================================================================
 * Element style: Tables;
 * ======================================================================== */
/* ------- TABLES: PAGINATION TABLE; -------- */
.pagination_table { margin: 10px 0 20px; width: 100% !important; text-align: left; }

.pagination_table tr td.dataTables_empty {
  height: 100px;
  padding-top: 20px;
  text-align: center;
}

.pagination_table tr th {
  padding: 8px 5px;

  color: #151515;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #ffffff;
  border-bottom: 2px solid #1656fa;
}
.pagination_table tr td {
  padding: 8px 5px;

  font-size: 12px;
  font-weight: 400;
}
.pagination_table tr:not(:last-child) td { border-bottom: 1px solid #cccccc; }
.pagination_table tbody tr:nth-child(odd) { background-color: #f2f2f2; }

.pagination_table .material-icons { font-size: 20px; cursor: pointer; }

.pagination_table button { padding: 5px 3px; cursor: pointer; }
.pagination_table button .material-icons { cursor: pointer; }

@media all and (max-width: 900px) {
  .pagination_table tr th { font-size: 12px; }
}


/* ------- TABLES: PAGINATION TABLE; -------- */
.pagination_table.products img {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
}
.pagination_table.products p {
  display: inline-block;
  vertical-align: middle;
  width: 60%;
  font-size: 13px;
}


/* ========================================================================
 * Element style: LOGATECS;
 * ======================================================================== */

 .status-label-active{

	padding: 5px;
	background: #2eb82e;
	border-radius: 10px;
	color: white;
	font-weight: bold;

}

.status-label-inactive{

	padding: 5px;
	background: red;
	border-radius: 10px;
	color: white;
	font-weight: bold;

}