@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------
ESSENTIALS
------------------------------------------------------------------------ */

select[readonly="readonly"], select[readonly=""] {
  pointer-events: none;
}


/* ------------------------------------------------------------------------
LOADER
------------------------------------------------------------------------ */
.loading-overlay {
    display: none;
    background: rgba( 26, 26, 26, 0.7 );
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    top: 0;
}

.loading-overlay-image-container {
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
}

.loading-overlay-img {
    width: 50px;
    height: 50px;
    border-radius: 5px;

}

button[disabled="disabled"] {
	background-color:lightgray !important;
}

















body, html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	background: #e7e9e9;
	overflow-x: hidden;
}

body.fixed {
	overflow-y: hidden;
}

* { box-sizing: border-box; }

*:focus { outline: none; box-shadow: none; }

input::-webkit-input-placeholder { transition: all 0.3s; }
input:-moz-placeholder { transition: all 0.3s; } /* FF 4-18 */
input::-moz-placeholder { transition: all 0.3s; } /* FF 19+ */
input:-ms-input-placeholder { transition: all 0.3s; } /* IE 10+ */

input:focus::-webkit-input-placeholder { opacity: 0; }
input:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
input:focus::-moz-placeholder { opacity: 0; } /* FF 19+ */
input:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */

.btn {
	display: block;
	font-size: 14px;
	background: #13120d;
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
	border-radius: 15px;
	width: auto;
	float: left;
	transition: all 0.3s;
	font-weight: 600;
}

.btn:hover { background: #666; }

.btn.inverse { background: #fff; color: #000; }
.btn.inverse:hover { background: #999; color: #000; }

/* header */
.header {
	float: left;
	width: 100%;
	background: #13120d;
	height: 68px;
	display: flex;
	justify-content: center;
	position: fixed;
	z-index: 10000;
	top: 0;
}

.header .container {
	display: flex;
	width: 100%;
	justify-content: space-between;
  	padding:0px;
  	margin:0px;
}
.header .container,
.header .container:before,
.header .container:after,
.instagramFeedContainer .container,
.instagramFeedContainer .container:before,
.instagramFeedContainer .container:after,
.instagramFeedContainer .container .row,
.instagramFeedContainer .container .row:before,
.instagramFeedContainer .container .row:after,
.contents.page-store-index .container,
.contents.page-store-index .container:before,
.contents.page-store-index .container:after,
.contents.page-store-category .container,
.contents.page-store-category .container:before,
.contents.page-store-category .container:after,
.contents.regular .container,
.contents.regular .container:after,
.contents.regular .container:before
{
	content: none !important;
}

.contents.regular {
	margin-top: 30px;
}
.contents.regular .container{
	display: flex;
	/*flex-direction: row;*/
	align-items: stretch;
	max-width: 1280px;
	margin-top: 0px;
}

.header .logo {
	width: 307px;
	height: 105px;
	background: url("../images/logoBg.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 15px;
}

.header input {
	font-size: 13.3px !important;
	line-height: initial !important;
	font-family: 'Montserrat', sans-serif;
}

.header .logo img {
	width: 100%;
	height: auto;
}

.header .navigation {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	gap: 30px;
}

.header .navigation a {
	color: #b1b1b1;
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
	transition: all 0.3s;
}

.header .navigation a:hover {
	color: #fff;
}

.header .col {
	display: flex;
	justify-content: flex-end;
	width: auto;
	white-space: nowrap;
	gap: 20px;
	padding: 10px 20px;
	align-items: center;
	font-size: 14px;
}

.header .col a {
	color: #fff;
	text-decoration: none;
}

.header .col .name {
	font-weight: 700;
	color: #fff;
}

.header .col .cartInfo {
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	background: url("../images/iconCart.svg") no-repeat left center;
	background-size: 12px auto;
	padding-left: 20px;
	transition: all 0.3s;
}

.header .col .cartInfo:hover { opacity: .6; }

.header .col .divider {
	display: block;
	width: 1px;
	border-left: 1px solid #434343;
	height: 15px;
}

.header .col .search {
	display: flex;
	flex-wrap: nowrap;
}

.header .col .search input {
	padding: 5px 5px 5px 10px;
    border: none;
	width: 140px;
	background-size: 14px auto;
	border-radius: 15px 0 0 15px;
}

.header .col .search .dropdown2 {
	background: #fff;
	padding: 5px 10px 5px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 105px;
	height: 26px;
}

.header .col .search .sorting .dropdown2 .select2 { font-size: 13px; width: 100%; }
.header .col .search .sorting .dropdown2 .select2 .selected2.placeholder { font-size: 13px; }

.header .col .search button {
	border: none;
	width: 26px;
	background: url("../images/lupa.svg") no-repeat right 8px center #fff;
    background-size: 14px auto;
	border-radius: 0 15px 15px 0;
	height: 26px;
	cursor: pointer;
}

.header .col .search button:hover { background-color: #f2f2f2;}

.header .accountInfo {
	position: relative;
	color: #fff;
	padding: 10px 0;
	cursor: default;
	padding-right: 15px;
	background: url("../images/arrowDownWhite.svg") no-repeat right center;
	background-size: 8px auto;
}

.header .accountInfo .submenu {
	position: absolute;
	right: 0;
	top: 35px;
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 25px;
	width: 320px;
	z-index: 2000;
	transition: all 0.3s;
	opacity: 0;
	pointer-events: none;
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
}

.header .accountInfo:hover .submenu {
	opacity: 1;
	pointer-events: all;
}

.header .accountInfo .submenu input {
	width: 100%;
	border: 1px solid #ccc;
	height: 25px;
	border-radius: 13px;
	padding: 3px 10px;
	margin-bottom: 10px;
}

.header .accountInfo .submenu button {
	width: 100%;
	border: none;
	height: 25px;
	border-radius: 13px;
	padding: 3px 15px;
	margin-bottom: 10px;
	background: #000;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s;
}

.header .accountInfo .submenu button:hover {
	background: #4d4d4d;
}

.header .col .accountInfo .submenu .extras {
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: #000;
	font-size: 12px;
}

.header .col .accountInfo .submenu .extras .forgot {
	color: #000;
}

.header .col .accountInfo .submenu .extras .forgot:hover { text-decoration: underline; }

.header .col .accountInfo .submenu .extras .signup {
	color: #000;
	font-weight: 600;
}

.header .col .accountInfo .submenu .extras .signup:hover { text-decoration: underline; }

.header .col .accountInfo .submenu .divider {
	width: 100%;
	height: 1px;
	position: relative;
	border-top: 1px solid #ccc;
	margin: 25px 0 20px;
}

.header .col .accountInfo .submenu .divider:before {
	display: block;
	content: 'or';
	font-style: italic;
	background: #fff;
	padding: 0px 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #000;
	font-size: 14px;
	width: auto;
	position: absolute;
}

.header .col .accountInfo .submenu .google,
.header .col .accountInfo .submenu .facebook {
	border: 1px solid #ccc;
	padding: 7px 10px;
	height: auto;
	border-radius: 0;
	background: #fff;
	color: #000;
	text-align: left;
	padding-left: 15%;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.3s;
	outline: 2px solid transparent;
}

.header .col .accountInfo .submenu .google img,
.header .col .accountInfo .submenu .facebook img {
	max-width: 22px;
	height: auto;
}

.header .col .accountInfo .submenu .google:hover,
.header .col .accountInfo .submenu .facebook:hover {
	outline: 2px solid #000;
}

.header .accountInfo .submenu.loggedin {
	padding: 0px;
	width: 250px;
}

.header .col .accountInfo .submenu .nombre {
	width: 100%;
	color: #000;
	font-size: 14px;
	font-weight: 900;
	padding: 10px 10px 0px;
}

.header .col .accountInfo .submenu hr {
	width: 100%;
	border: none;
	border-bottom: 1px solid #ccc;
}

.header .col .accountInfo .submenu .account,
.header .col .accountInfo .submenu .orders,
.header .col .accountInfo .submenu .wishlist,
.header .col .accountInfo .submenu .signout {
	width: 100%;
	display: flex;
	gap: 7px;
	color: #000;
	font-size: 14px;
	align-items: center;
	padding: 5px 10px;
	transition: all 0.3s;
}

.header .col .accountInfo .submenu .signout {
	font-size: 12px;
	padding-bottom: 10px;
}

.header .col .accountInfo .submenu .account img,
.header .col .accountInfo .submenu .orders img,
.header .col .accountInfo .submenu .wishlist img,
.header .col .accountInfo .submenu .signout img {
	max-width: 16px;
	height: auto;
}

.header .col .accountInfo .submenu .account:hover,
.header .col .accountInfo .submenu .orders:hover,
.header .col .accountInfo .submenu .wishlist:hover,
.header .col .accountInfo .submenu .signout:hover {
	opacity: .6;
}


/* country dropdown */
.country {
  position: relative;
  margin: 0 auto;
  width: 400px;
}
.country .select {
  position: relative;
  padding: 0 35px 0 20px;
  height: 40px;
  line-height: 40px;
  border: none;
  background: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.country .select .flagstrap-icon {
  box-sizing: border-box;
  display: inline-block;
  margin-right: 10px;
  width: 16px;
  height: 11px;
  background-image: url("http://raw.githubusercontent.com/blazeworx/flagstrap/master/dist/css/flags.png");
  background-repeat: no-repeat;
  background-color: #e3e5e7;
}
.country .select .flagstrap-icon.flagstrap-ad {
  background-position: -16px 0;
}
.country .select .flagstrap-icon.flagstrap-ae {
  background-position: -32px 0;
}
.country .select .flagstrap-icon.flagstrap-af {
  background-position: -48px 0;
}
.country .select .flagstrap-icon.flagstrap-ag {
  background-position: -64px 0;
}
.country .select .flagstrap-icon.flagstrap-ai {
  background-position: -80px 0;
}
.country .select .flagstrap-icon.flagstrap-al {
  background-position: -96px 0;
}
.country .select .flagstrap-icon.flagstrap-am {
  background-position: -112px 0;
}
.country .select .flagstrap-icon.flagstrap-an {
  background-position: -128px 0;
}
.country .select .flagstrap-icon.flagstrap-ao {
  background-position: -144px 0;
}
.country .select .flagstrap-icon.flagstrap-ar {
  background-position: -160px 0;
}
.country .select .flagstrap-icon.flagstrap-as {
  background-position: -176px 0;
}
.country .select .flagstrap-icon.flagstrap-at {
  background-position: -192px 0;
}
.country .select .flagstrap-icon.flagstrap-au {
  background-position: -208px 0;
}
.country .select .flagstrap-icon.flagstrap-aw {
  background-position: -224px 0;
}
.country .select .flagstrap-icon.flagstrap-az {
  background-position: -240px 0;
}
.country .select .flagstrap-icon.flagstrap-ba {
  background-position: 0 -11px;
}
.country .select .flagstrap-icon.flagstrap-bb {
  background-position: -16px -11px;
}
.country .select .flagstrap-icon.flagstrap-bd {
  background-position: -32px -11px;
}
.country .select .flagstrap-icon.flagstrap-be {
  background-position: -48px -11px;
}
.country .select .flagstrap-icon.flagstrap-bf {
  background-position: -64px -11px;
}
.country .select .flagstrap-icon.flagstrap-bg {
  background-position: -80px -11px;
}
.country .select .flagstrap-icon.flagstrap-bh {
  background-position: -96px -11px;
}
.country .select .flagstrap-icon.flagstrap-bi {
  background-position: -112px -11px;
}
.country .select .flagstrap-icon.flagstrap-bj {
  background-position: -128px -11px;
}
.country .select .flagstrap-icon.flagstrap-bm {
  background-position: -144px -11px;
}
.country .select .flagstrap-icon.flagstrap-bn {
  background-position: -160px -11px;
}
.country .select .flagstrap-icon.flagstrap-bo {
  background-position: -176px -11px;
}
.country .select .flagstrap-icon.flagstrap-br {
  background-position: -192px -11px;
}
.country .select .flagstrap-icon.flagstrap-bs {
  background-position: -208px -11px;
}
.country .select .flagstrap-icon.flagstrap-bt {
  background-position: -224px -11px;
}
.country .select .flagstrap-icon.flagstrap-bv {
  background-position: -240px -11px;
}
.country .select .flagstrap-icon.flagstrap-bw {
  background-position: 0 -22px;
}
.country .select .flagstrap-icon.flagstrap-by {
  background-position: -16px -22px;
}
.country .select .flagstrap-icon.flagstrap-bz {
  background-position: -32px -22px;
}
.country .select .flagstrap-icon.flagstrap-ca {
  background-position: -48px -22px;
}
.country .select .flagstrap-icon.flagstrap-catalonia {
  background-position: -64px -22px;
}
.country .select .flagstrap-icon.flagstrap-cd {
  background-position: -80px -22px;
}
.country .select .flagstrap-icon.flagstrap-cf {
  background-position: -96px -22px;
}
.country .select .flagstrap-icon.flagstrap-cg {
  background-position: -112px -22px;
}
.country .select .flagstrap-icon.flagstrap-ch {
  background-position: -128px -22px;
}
.country .select .flagstrap-icon.flagstrap-ci {
  background-position: -144px -22px;
}
.country .select .flagstrap-icon.flagstrap-ck {
  background-position: -160px -22px;
}
.country .select .flagstrap-icon.flagstrap-cl {
  background-position: -176px -22px;
}
.country .select .flagstrap-icon.flagstrap-cm {
  background-position: -192px -22px;
}
.country .select .flagstrap-icon.flagstrap-cn {
  background-position: -208px -22px;
}
.country .select .flagstrap-icon.flagstrap-co {
  background-position: -224px -22px;
}
.country .select .flagstrap-icon.flagstrap-cr {
  background-position: -240px -22px;
}
.country .select .flagstrap-icon.flagstrap-cu {
  background-position: 0 -33px;
}
.country .select .flagstrap-icon.flagstrap-cv {
  background-position: -16px -33px;
}
.country .select .flagstrap-icon.flagstrap-cw {
  background-position: -32px -33px;
}
.country .select .flagstrap-icon.flagstrap-cy {
  background-position: -48px -33px;
}
.country .select .flagstrap-icon.flagstrap-cz {
  background-position: -64px -33px;
}
.country .select .flagstrap-icon.flagstrap-de {
  background-position: -80px -33px;
}
.country .select .flagstrap-icon.flagstrap-dj {
  background-position: -96px -33px;
}
.country .select .flagstrap-icon.flagstrap-dk {
  background-position: -112px -33px;
}
.country .select .flagstrap-icon.flagstrap-dm {
  background-position: -128px -33px;
}
.country .select .flagstrap-icon.flagstrap-do {
  background-position: -144px -33px;
}
.country .select .flagstrap-icon.flagstrap-dz {
  background-position: -160px -33px;
}
.country .select .flagstrap-icon.flagstrap-ec {
  background-position: -176px -33px;
}
.country .select .flagstrap-icon.flagstrap-ee {
  background-position: -192px -33px;
}
.country .select .flagstrap-icon.flagstrap-eg {
  background-position: -208px -33px;
}
.country .select .flagstrap-icon.flagstrap-eh {
  background-position: -224px -33px;
}
.country .select .flagstrap-icon.flagstrap-england {
  background-position: -240px -33px;
}
.country .select .flagstrap-icon.flagstrap-er {
  background-position: 0 -44px;
}
.country .select .flagstrap-icon.flagstrap-es {
  background-position: -16px -44px;
}
.country .select .flagstrap-icon.flagstrap-et {
  background-position: -32px -44px;
}
.country .select .flagstrap-icon.flagstrap-eu {
  background-position: -48px -44px;
}
.country .select .flagstrap-icon.flagstrap-fi {
  background-position: -64px -44px;
}
.country .select .flagstrap-icon.flagstrap-fj {
  background-position: -80px -44px;
}
.country .select .flagstrap-icon.flagstrap-fk {
  background-position: -96px -44px;
}
.country .select .flagstrap-icon.flagstrap-fm {
  background-position: -112px -44px;
}
.country .select .flagstrap-icon.flagstrap-fo {
  background-position: -128px -44px;
}
.country .select .flagstrap-icon.flagstrap-fr {
  background-position: -144px -44px;
}
.country .select .flagstrap-icon.flagstrap-ga {
  background-position: -160px -44px;
}
.country .select .flagstrap-icon.flagstrap-gb {
  background-position: -176px -44px;
}
.country .select .flagstrap-icon.flagstrap-gd {
  background-position: -192px -44px;
}
.country .select .flagstrap-icon.flagstrap-ge {
  background-position: -208px -44px;
}
.country .select .flagstrap-icon.flagstrap-gf {
  background-position: -224px -44px;
}
.country .select .flagstrap-icon.flagstrap-gg {
  background-position: -240px -44px;
}
.country .select .flagstrap-icon.flagstrap-gh {
  background-position: 0 -55px;
}
.country .select .flagstrap-icon.flagstrap-gi {
  background-position: -16px -55px;
}
.country .select .flagstrap-icon.flagstrap-gl {
  background-position: -32px -55px;
}
.country .select .flagstrap-icon.flagstrap-gm {
  background-position: -48px -55px;
}
.country .select .flagstrap-icon.flagstrap-gn {
  background-position: -64px -55px;
}
.country .select .flagstrap-icon.flagstrap-gp {
  background-position: -80px -55px;
}
.country .select .flagstrap-icon.flagstrap-gq {
  background-position: -96px -55px;
}
.country .select .flagstrap-icon.flagstrap-gr {
  background-position: -112px -55px;
}
.country .select .flagstrap-icon.flagstrap-gs {
  background-position: -128px -55px;
}
.country .select .flagstrap-icon.flagstrap-gt {
  background-position: -144px -55px;
}
.country .select .flagstrap-icon.flagstrap-gu {
  background-position: -160px -55px;
}
.country .select .flagstrap-icon.flagstrap-gw {
  background-position: -176px -55px;
}
.country .select .flagstrap-icon.flagstrap-gy {
  background-position: -192px -55px;
}
.country .select .flagstrap-icon.flagstrap-hk {
  background-position: -208px -55px;
}
.country .select .flagstrap-icon.flagstrap-hm {
  background-position: -224px -55px;
}
.country .select .flagstrap-icon.flagstrap-hn {
  background-position: -240px -55px;
}
.country .select .flagstrap-icon.flagstrap-hr {
  background-position: 0 -66px;
}
.country .select .flagstrap-icon.flagstrap-ht {
  background-position: -16px -66px;
}
.country .select .flagstrap-icon.flagstrap-hu {
  background-position: -32px -66px;
}
.country .select .flagstrap-icon.flagstrap-ic {
  background-position: -48px -66px;
}
.country .select .flagstrap-icon.flagstrap-id {
  background-position: -64px -66px;
}
.country .select .flagstrap-icon.flagstrap-ie {
  background-position: -80px -66px;
}
.country .select .flagstrap-icon.flagstrap-il {
  background-position: -96px -66px;
}
.country .select .flagstrap-icon.flagstrap-im {
  background-position: -112px -66px;
}
.country .select .flagstrap-icon.flagstrap-in {
  background-position: -128px -66px;
}
.country .select .flagstrap-icon.flagstrap-io {
  background-position: -144px -66px;
}
.country .select .flagstrap-icon.flagstrap-iq {
  background-position: -160px -66px;
}
.country .select .flagstrap-icon.flagstrap-ir {
  background-position: -176px -66px;
}
.country .select .flagstrap-icon.flagstrap-is {
  background-position: -192px -66px;
}
.country .select .flagstrap-icon.flagstrap-it {
  background-position: -208px -66px;
}
.country .select .flagstrap-icon.flagstrap-je {
  background-position: -224px -66px;
}
.country .select .flagstrap-icon.flagstrap-jm {
  background-position: -240px -66px;
}
.country .select .flagstrap-icon.flagstrap-jo {
  background-position: 0 -77px;
}
.country .select .flagstrap-icon.flagstrap-jp {
  background-position: -16px -77px;
}
.country .select .flagstrap-icon.flagstrap-ke {
  background-position: -32px -77px;
}
.country .select .flagstrap-icon.flagstrap-kg {
  background-position: -48px -77px;
}
.country .select .flagstrap-icon.flagstrap-kh {
  background-position: -64px -77px;
}
.country .select .flagstrap-icon.flagstrap-ki {
  background-position: -80px -77px;
}
.country .select .flagstrap-icon.flagstrap-km {
  background-position: -96px -77px;
}
.country .select .flagstrap-icon.flagstrap-kn {
  background-position: -112px -77px;
}
.country .select .flagstrap-icon.flagstrap-kp {
  background-position: -128px -77px;
}
.country .select .flagstrap-icon.flagstrap-kr {
  background-position: -144px -77px;
}
.country .select .flagstrap-icon.flagstrap-kurdistan {
  background-position: -160px -77px;
}
.country .select .flagstrap-icon.flagstrap-kw {
  background-position: -176px -77px;
}
.country .select .flagstrap-icon.flagstrap-ky {
  background-position: -192px -77px;
}
.country .select .flagstrap-icon.flagstrap-kz {
  background-position: -208px -77px;
}
.country .select .flagstrap-icon.flagstrap-la {
  background-position: -224px -77px;
}
.country .select .flagstrap-icon.flagstrap-lb {
  background-position: -240px -77px;
}
.country .select .flagstrap-icon.flagstrap-lc {
  background-position: 0 -88px;
}
.country .select .flagstrap-icon.flagstrap-li {
  background-position: -16px -88px;
}
.country .select .flagstrap-icon.flagstrap-lk {
  background-position: -32px -88px;
}
.country .select .flagstrap-icon.flagstrap-lr {
  background-position: -48px -88px;
}
.country .select .flagstrap-icon.flagstrap-ls {
  background-position: -64px -88px;
}
.country .select .flagstrap-icon.flagstrap-lt {
  background-position: -80px -88px;
}
.country .select .flagstrap-icon.flagstrap-lu {
  background-position: -96px -88px;
}
.country .select .flagstrap-icon.flagstrap-lv {
  background-position: -112px -88px;
}
.country .select .flagstrap-icon.flagstrap-ly {
  background-position: -128px -88px;
}
.country .select .flagstrap-icon.flagstrap-ma {
  background-position: -144px -88px;
}
.country .select .flagstrap-icon.flagstrap-mc {
  background-position: -160px -88px;
}
.country .select .flagstrap-icon.flagstrap-md {
  background-position: -176px -88px;
}
.country .select .flagstrap-icon.flagstrap-me {
  background-position: -192px -88px;
}
.country .select .flagstrap-icon.flagstrap-mg {
  background-position: -208px -88px;
}
.country .select .flagstrap-icon.flagstrap-mh {
  background-position: -224px -88px;
}
.country .select .flagstrap-icon.flagstrap-mk {
  background-position: -240px -88px;
}
.country .select .flagstrap-icon.flagstrap-ml {
  background-position: 0 -99px;
}
.country .select .flagstrap-icon.flagstrap-mm {
  background-position: -16px -99px;
}
.country .select .flagstrap-icon.flagstrap-mn {
  background-position: -32px -99px;
}
.country .select .flagstrap-icon.flagstrap-mo {
  background-position: -48px -99px;
}
.country .select .flagstrap-icon.flagstrap-mp {
  background-position: -64px -99px;
}
.country .select .flagstrap-icon.flagstrap-mq {
  background-position: -80px -99px;
}
.country .select .flagstrap-icon.flagstrap-mr {
  background-position: -96px -99px;
}
.country .select .flagstrap-icon.flagstrap-ms {
  background-position: -112px -99px;
}
.country .select .flagstrap-icon.flagstrap-mt {
  background-position: -128px -99px;
}
.country .select .flagstrap-icon.flagstrap-mu {
  background-position: -144px -99px;
}
.country .select .flagstrap-icon.flagstrap-mv {
  background-position: -160px -99px;
}
.country .select .flagstrap-icon.flagstrap-mw {
  background-position: -176px -99px;
}
.country .select .flagstrap-icon.flagstrap-mx {
  background-position: -192px -99px;
}
.country .select .flagstrap-icon.flagstrap-my {
  background-position: -208px -99px;
}
.country .select .flagstrap-icon.flagstrap-mz {
  background-position: -224px -99px;
}
.country .select .flagstrap-icon.flagstrap-na {
  background-position: -240px -99px;
}
.country .select .flagstrap-icon.flagstrap-nc {
  background-position: 0 -110px;
}
.country .select .flagstrap-icon.flagstrap-ne {
  background-position: -16px -110px;
}
.country .select .flagstrap-icon.flagstrap-nf {
  background-position: -32px -110px;
}
.country .select .flagstrap-icon.flagstrap-ng {
  background-position: -48px -110px;
}
.country .select .flagstrap-icon.flagstrap-ni {
  background-position: -64px -110px;
}
.country .select .flagstrap-icon.flagstrap-nl {
  background-position: -80px -110px;
}
.country .select .flagstrap-icon.flagstrap-no {
  background-position: -96px -110px;
}
.country .select .flagstrap-icon.flagstrap-np {
  background-position: -112px -110px;
}
.country .select .flagstrap-icon.flagstrap-nr {
  background-position: -128px -110px;
}
.country .select .flagstrap-icon.flagstrap-nu {
  background-position: -144px -110px;
}
.country .select .flagstrap-icon.flagstrap-nz {
  background-position: -160px -110px;
}
.country .select .flagstrap-icon.flagstrap-om {
  background-position: -176px -110px;
}
.country .select .flagstrap-icon.flagstrap-pa {
  background-position: -192px -110px;
}
.country .select .flagstrap-icon.flagstrap-pe {
  background-position: -208px -110px;
}
.country .select .flagstrap-icon.flagstrap-pf {
  background-position: -224px -110px;
}
.country .select .flagstrap-icon.flagstrap-pg {
  background-position: -240px -110px;
}
.country .select .flagstrap-icon.flagstrap-ph {
  background-position: 0 -121px;
}
.country .select .flagstrap-icon.flagstrap-pk {
  background-position: -16px -121px;
}
.country .select .flagstrap-icon.flagstrap-pl {
  background-position: -32px -121px;
}
.country .select .flagstrap-icon.flagstrap-pm {
  background-position: -48px -121px;
}
.country .select .flagstrap-icon.flagstrap-pn {
  background-position: -64px -121px;
}
.country .select .flagstrap-icon.flagstrap-pr {
  background-position: -80px -121px;
}
.country .select .flagstrap-icon.flagstrap-ps {
  background-position: -96px -121px;
}
.country .select .flagstrap-icon.flagstrap-pt {
  background-position: -112px -121px;
}
.country .select .flagstrap-icon.flagstrap-pw {
  background-position: -128px -121px;
}
.country .select .flagstrap-icon.flagstrap-py {
  background-position: -144px -121px;
}
.country .select .flagstrap-icon.flagstrap-qa {
  background-position: -160px -121px;
}
.country .select .flagstrap-icon.flagstrap-re {
  background-position: -176px -121px;
}
.country .select .flagstrap-icon.flagstrap-ro {
  background-position: -192px -121px;
}
.country .select .flagstrap-icon.flagstrap-rs {
  background-position: -208px -121px;
}
.country .select .flagstrap-icon.flagstrap-ru {
  background-position: -224px -121px;
}
.country .select .flagstrap-icon.flagstrap-rw {
  background-position: -240px -121px;
}
.country .select .flagstrap-icon.flagstrap-sa {
  background-position: 0 -132px;
}
.country .select .flagstrap-icon.flagstrap-sb {
  background-position: -16px -132px;
}
.country .select .flagstrap-icon.flagstrap-sc {
  background-position: -32px -132px;
}
.country .select .flagstrap-icon.flagstrap-scotland {
  background-position: -48px -132px;
}
.country .select .flagstrap-icon.flagstrap-sd {
  background-position: -64px -132px;
}
.country .select .flagstrap-icon.flagstrap-se {
  background-position: -80px -132px;
}
.country .select .flagstrap-icon.flagstrap-sg {
  background-position: -96px -132px;
}
.country .select .flagstrap-icon.flagstrap-sh {
  background-position: -112px -132px;
}
.country .select .flagstrap-icon.flagstrap-si {
  background-position: -128px -132px;
}
.country .select .flagstrap-icon.flagstrap-sk {
  background-position: -144px -132px;
}
.country .select .flagstrap-icon.flagstrap-sl {
  background-position: -160px -132px;
}
.country .select .flagstrap-icon.flagstrap-sm {
  background-position: -176px -132px;
}
.country .select .flagstrap-icon.flagstrap-sn {
  background-position: -192px -132px;
}
.country .select .flagstrap-icon.flagstrap-so {
  background-position: -208px -132px;
}
.country .select .flagstrap-icon.flagstrap-somaliland {
  background-position: -224px -132px;
}
.country .select .flagstrap-icon.flagstrap-sr {
  background-position: -240px -132px;
}
.country .select .flagstrap-icon.flagstrap-ss {
  background-position: 0 -143px;
}
.country .select .flagstrap-icon.flagstrap-st {
  background-position: -16px -143px;
}
.country .select .flagstrap-icon.flagstrap-sv {
  background-position: -32px -143px;
}
.country .select .flagstrap-icon.flagstrap-sx {
  background-position: -48px -143px;
}
.country .select .flagstrap-icon.flagstrap-sy {
  background-position: -64px -143px;
}
.country .select .flagstrap-icon.flagstrap-sz {
  background-position: -80px -143px;
}
.country .select .flagstrap-icon.flagstrap-tc {
  background-position: -96px -143px;
}
.country .select .flagstrap-icon.flagstrap-td {
  background-position: -112px -143px;
}
.country .select .flagstrap-icon.flagstrap-tf {
  background-position: -128px -143px;
}
.country .select .flagstrap-icon.flagstrap-tg {
  background-position: -144px -143px;
}
.country .select .flagstrap-icon.flagstrap-th {
  background-position: -160px -143px;
}
.country .select .flagstrap-icon.flagstrap-tj {
  background-position: -176px -143px;
}
.country .select .flagstrap-icon.flagstrap-tk {
  background-position: -192px -143px;
}
.country .select .flagstrap-icon.flagstrap-tl {
  background-position: -208px -143px;
}
.country .select .flagstrap-icon.flagstrap-tm {
  background-position: -224px -143px;
}
.country .select .flagstrap-icon.flagstrap-tn {
  background-position: -240px -143px;
}
.country .select .flagstrap-icon.flagstrap-to {
  background-position: 0 -154px;
}
.country .select .flagstrap-icon.flagstrap-tr {
  background-position: -16px -154px;
}
.country .select .flagstrap-icon.flagstrap-tt {
  background-position: -32px -154px;
}
.country .select .flagstrap-icon.flagstrap-tv {
  background-position: -48px -154px;
}
.country .select .flagstrap-icon.flagstrap-tw {
  background-position: -64px -154px;
}
.country .select .flagstrap-icon.flagstrap-tz {
  background-position: -80px -154px;
}
.country .select .flagstrap-icon.flagstrap-ua {
  background-position: -96px -154px;
}
.country .select .flagstrap-icon.flagstrap-ug {
  background-position: -112px -154px;
}
.country .select .flagstrap-icon.flagstrap-um {
  background-position: -128px -154px;
}
.country .select .flagstrap-icon.flagstrap-us {
  background-position: -144px -154px;
}
.country .select .flagstrap-icon.flagstrap-uy {
  background-position: -160px -154px;
}
.country .select .flagstrap-icon.flagstrap-uz {
  background-position: -176px -154px;
}
.country .select .flagstrap-icon.flagstrap-va {
  background-position: -192px -154px;
}
.country .select .flagstrap-icon.flagstrap-vc {
  background-position: -208px -154px;
}
.country .select .flagstrap-icon.flagstrap-ve {
  background-position: -224px -154px;
}
.country .select .flagstrap-icon.flagstrap-vg {
  background-position: -240px -154px;
}
.country .select .flagstrap-icon.flagstrap-vi {
  background-position: 0 -165px;
}
.country .select .flagstrap-icon.flagstrap-vn {
  background-position: -16px -165px;
}
.country .select .flagstrap-icon.flagstrap-vu {
  background-position: -32px -165px;
}
.country .select .flagstrap-icon.flagstrap-wales {
  background-position: -48px -165px;
}
.country .select .flagstrap-icon.flagstrap-wf {
  background-position: -64px -165px;
}
.country .select .flagstrap-icon.flagstrap-ws {
  background-position: -80px -165px;
}
.country .select .flagstrap-icon.flagstrap-ye {
  background-position: -96px -165px;
}
.country .select .flagstrap-icon.flagstrap-yt {
  background-position: -112px -165px;
}
.country .select .flagstrap-icon.flagstrap-za {
  background-position: -128px -165px;
}
.country .select .flagstrap-icon.flagstrap-zanzibar {
  background-position: -144px -165px;
}
.country .select .flagstrap-icon.flagstrap-zm {
  background-position: -160px -165px;
}
.country .select .flagstrap-icon.flagstrap-zw {
  background-position: -176px -165px;
}
.country .select:after {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  right: 20px;
  width: 8px;
  height: 5px;
  background: url("https://zinee91.dothome.co.kr/codepen/ico_updown3.png") no-repeat;
}
.country .select.open:after {
  background-position: 0 -5px;
}
.country .dropdown {
  display: none;
  position: absolute;
  top: 39px;
  left: 0;
  width: 100%;
  height: 225px;
  border: 1px solid #cfcfcf;
  border-top: 1px solid #a6a6a6;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  overflow-y: scroll;
  z-index: 1;
}
.country .dropdown .flagstrap-icon {
  box-sizing: border-box;
  display: inline-block;
  margin-right: 10px;
  width: 16px;
  height: 11px;
  background-image: url("https://raw.githubusercontent.com/blazeworx/flagstrap/master/dist/css/flags.png");
  background-repeat: no-repeat;
  background-color: #e3e5e7;
}
.country .dropdown .flagstrap-icon.flagstrap-ad {
  background-position: -16px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-ae {
  background-position: -32px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-af {
  background-position: -48px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-ag {
  background-position: -64px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-ai {
  background-position: -80px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-al {
  background-position: -96px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-am {
  background-position: -112px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-an {
  background-position: -128px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-ao {
  background-position: -144px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-ar {
  background-position: -160px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-as {
  background-position: -176px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-at {
  background-position: -192px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-au {
  background-position: -208px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-aw {
  background-position: -224px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-az {
  background-position: -240px 0;
}
.country .dropdown .flagstrap-icon.flagstrap-ba {
  background-position: 0 -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bb {
  background-position: -16px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bd {
  background-position: -32px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-be {
  background-position: -48px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bf {
  background-position: -64px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bg {
  background-position: -80px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bh {
  background-position: -96px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bi {
  background-position: -112px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bj {
  background-position: -128px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bm {
  background-position: -144px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bn {
  background-position: -160px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bo {
  background-position: -176px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-br {
  background-position: -192px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bs {
  background-position: -208px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bt {
  background-position: -224px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bv {
  background-position: -240px -11px;
}
.country .dropdown .flagstrap-icon.flagstrap-bw {
  background-position: 0 -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-by {
  background-position: -16px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-bz {
  background-position: -32px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-ca {
  background-position: -48px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-catalonia {
  background-position: -64px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-cd {
  background-position: -80px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-cf {
  background-position: -96px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-cg {
  background-position: -112px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-ch {
  background-position: -128px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-ci {
  background-position: -144px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-ck {
  background-position: -160px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-cl {
  background-position: -176px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-cm {
  background-position: -192px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-cn {
  background-position: -208px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-co {
  background-position: -224px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-cr {
  background-position: -240px -22px;
}
.country .dropdown .flagstrap-icon.flagstrap-cu {
  background-position: 0 -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-cv {
  background-position: -16px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-cw {
  background-position: -32px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-cy {
  background-position: -48px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-cz {
  background-position: -64px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-de {
  background-position: -80px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-dj {
  background-position: -96px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-dk {
  background-position: -112px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-dm {
  background-position: -128px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-do {
  background-position: -144px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-dz {
  background-position: -160px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-ec {
  background-position: -176px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-ee {
  background-position: -192px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-eg {
  background-position: -208px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-eh {
  background-position: -224px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-england {
  background-position: -240px -33px;
}
.country .dropdown .flagstrap-icon.flagstrap-er {
  background-position: 0 -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-es {
  background-position: -16px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-et {
  background-position: -32px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-eu {
  background-position: -48px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-fi {
  background-position: -64px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-fj {
  background-position: -80px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-fk {
  background-position: -96px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-fm {
  background-position: -112px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-fo {
  background-position: -128px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-fr {
  background-position: -144px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-ga {
  background-position: -160px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-gb {
  background-position: -176px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-gd {
  background-position: -192px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-ge {
  background-position: -208px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-gf {
  background-position: -224px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-gg {
  background-position: -240px -44px;
}
.country .dropdown .flagstrap-icon.flagstrap-gh {
  background-position: 0 -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-gi {
  background-position: -16px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-gl {
  background-position: -32px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-gm {
  background-position: -48px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-gn {
  background-position: -64px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-gp {
  background-position: -80px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-gq {
  background-position: -96px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-gr {
  background-position: -112px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-gs {
  background-position: -128px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-gt {
  background-position: -144px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-gu {
  background-position: -160px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-gw {
  background-position: -176px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-gy {
  background-position: -192px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-hk {
  background-position: -208px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-hm {
  background-position: -224px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-hn {
  background-position: -240px -55px;
}
.country .dropdown .flagstrap-icon.flagstrap-hr {
  background-position: 0 -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-ht {
  background-position: -16px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-hu {
  background-position: -32px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-ic {
  background-position: -48px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-id {
  background-position: -64px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-ie {
  background-position: -80px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-il {
  background-position: -96px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-im {
  background-position: -112px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-in {
  background-position: -128px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-io {
  background-position: -144px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-iq {
  background-position: -160px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-ir {
  background-position: -176px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-is {
  background-position: -192px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-it {
  background-position: -208px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-je {
  background-position: -224px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-jm {
  background-position: -240px -66px;
}
.country .dropdown .flagstrap-icon.flagstrap-jo {
  background-position: 0 -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-jp {
  background-position: -16px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-ke {
  background-position: -32px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-kg {
  background-position: -48px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-kh {
  background-position: -64px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-ki {
  background-position: -80px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-km {
  background-position: -96px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-kn {
  background-position: -112px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-kp {
  background-position: -128px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-kr {
  background-position: -144px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-kurdistan {
  background-position: -160px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-kw {
  background-position: -176px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-ky {
  background-position: -192px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-kz {
  background-position: -208px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-la {
  background-position: -224px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-lb {
  background-position: -240px -77px;
}
.country .dropdown .flagstrap-icon.flagstrap-lc {
  background-position: 0 -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-li {
  background-position: -16px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-lk {
  background-position: -32px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-lr {
  background-position: -48px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-ls {
  background-position: -64px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-lt {
  background-position: -80px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-lu {
  background-position: -96px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-lv {
  background-position: -112px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-ly {
  background-position: -128px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-ma {
  background-position: -144px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-mc {
  background-position: -160px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-md {
  background-position: -176px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-me {
  background-position: -192px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-mg {
  background-position: -208px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-mh {
  background-position: -224px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-mk {
  background-position: -240px -88px;
}
.country .dropdown .flagstrap-icon.flagstrap-ml {
  background-position: 0 -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-mm {
  background-position: -16px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-mn {
  background-position: -32px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-mo {
  background-position: -48px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-mp {
  background-position: -64px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-mq {
  background-position: -80px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-mr {
  background-position: -96px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-ms {
  background-position: -112px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-mt {
  background-position: -128px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-mu {
  background-position: -144px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-mv {
  background-position: -160px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-mw {
  background-position: -176px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-mx {
  background-position: -192px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-my {
  background-position: -208px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-mz {
  background-position: -224px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-na {
  background-position: -240px -99px;
}
.country .dropdown .flagstrap-icon.flagstrap-nc {
  background-position: 0 -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-ne {
  background-position: -16px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-nf {
  background-position: -32px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-ng {
  background-position: -48px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-ni {
  background-position: -64px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-nl {
  background-position: -80px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-no {
  background-position: -96px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-np {
  background-position: -112px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-nr {
  background-position: -128px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-nu {
  background-position: -144px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-nz {
  background-position: -160px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-om {
  background-position: -176px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-pa {
  background-position: -192px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-pe {
  background-position: -208px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-pf {
  background-position: -224px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-pg {
  background-position: -240px -110px;
}
.country .dropdown .flagstrap-icon.flagstrap-ph {
  background-position: 0 -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-pk {
  background-position: -16px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-pl {
  background-position: -32px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-pm {
  background-position: -48px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-pn {
  background-position: -64px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-pr {
  background-position: -80px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-ps {
  background-position: -96px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-pt {
  background-position: -112px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-pw {
  background-position: -128px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-py {
  background-position: -144px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-qa {
  background-position: -160px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-re {
  background-position: -176px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-ro {
  background-position: -192px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-rs {
  background-position: -208px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-ru {
  background-position: -224px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-rw {
  background-position: -240px -121px;
}
.country .dropdown .flagstrap-icon.flagstrap-sa {
  background-position: 0 -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-sb {
  background-position: -16px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-sc {
  background-position: -32px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-scotland {
  background-position: -48px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-sd {
  background-position: -64px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-se {
  background-position: -80px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-sg {
  background-position: -96px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-sh {
  background-position: -112px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-si {
  background-position: -128px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-sk {
  background-position: -144px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-sl {
  background-position: -160px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-sm {
  background-position: -176px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-sn {
  background-position: -192px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-so {
  background-position: -208px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-somaliland {
  background-position: -224px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-sr {
  background-position: -240px -132px;
}
.country .dropdown .flagstrap-icon.flagstrap-ss {
  background-position: 0 -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-st {
  background-position: -16px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-sv {
  background-position: -32px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-sx {
  background-position: -48px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-sy {
  background-position: -64px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-sz {
  background-position: -80px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-tc {
  background-position: -96px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-td {
  background-position: -112px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-tf {
  background-position: -128px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-tg {
  background-position: -144px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-th {
  background-position: -160px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-tj {
  background-position: -176px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-tk {
  background-position: -192px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-tl {
  background-position: -208px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-tm {
  background-position: -224px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-tn {
  background-position: -240px -143px;
}
.country .dropdown .flagstrap-icon.flagstrap-to {
  background-position: 0 -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-tr {
  background-position: -16px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-tt {
  background-position: -32px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-tv {
  background-position: -48px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-tw {
  background-position: -64px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-tz {
  background-position: -80px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-ua {
  background-position: -96px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-ug {
  background-position: -112px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-um {
  background-position: -128px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-us {
  background-position: -144px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-uy {
  background-position: -160px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-uz {
  background-position: -176px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-va {
  background-position: -192px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-vc {
  background-position: -208px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-ve {
  background-position: -224px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-vg {
  background-position: -240px -154px;
}
.country .dropdown .flagstrap-icon.flagstrap-vi {
  background-position: 0 -165px;
}
.country .dropdown .flagstrap-icon.flagstrap-vn {
  background-position: -16px -165px;
}
.country .dropdown .flagstrap-icon.flagstrap-vu {
  background-position: -32px -165px;
}
.country .dropdown .flagstrap-icon.flagstrap-wales {
  background-position: -48px -165px;
}
.country .dropdown .flagstrap-icon.flagstrap-wf {
  background-position: -64px -165px;
}
.country .dropdown .flagstrap-icon.flagstrap-ws {
  background-position: -80px -165px;
}
.country .dropdown .flagstrap-icon.flagstrap-ye {
  background-position: -96px -165px;
}
.country .dropdown .flagstrap-icon.flagstrap-yt {
  background-position: -112px -165px;
}
.country .dropdown .flagstrap-icon.flagstrap-za {
  background-position: -128px -165px;
}
.country .dropdown .flagstrap-icon.flagstrap-zanzibar {
  background-position: -144px -165px;
}
.country .dropdown .flagstrap-icon.flagstrap-zm {
  background-position: -160px -165px;
}
.country .dropdown .flagstrap-icon.flagstrap-zw {
  background-position: -176px -165px;
}
.country .dropdown .flagstrap-icon {
  vertical-align: middle;
}
.country .dropdown li {
  padding: 0 20px;
  line-height: 34px;
  font-size: 13px;
  font-weight: 400;
  color: #828282;
  cursor: pointer;
}
.country .dropdown li:first-child {
  margin-top: 12px;
}
.country .dropdown li:last-child {
  margin-bottom: 12px;
}
.country .dropdown li:hover {
  background: #dedede;
  color: #454545;
}
.country .dropdown li.open {
  display: block;
}




/* flyout menu style */

.closerItem { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; width: auto; z-index: 999; opacity: 0; }
.closerItem.visible { display: block; }

#showLeft {
	display: none;
	background: url("../images/iconMenu.png") no-repeat center center;
	padding: 0;
	width: auto;
	text-transform: uppercase;
	font-family: gotham_htfbook, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 6px;
	float: left;
	background-size: 80% auto;
	position: static;
	z-index: 110;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

#openFiltersMenu {
	display: none;
	background: url("../images/iconFilter.svg") no-repeat left top 2px;
	background-size: 13px auto;
	padding: 0;
	width: auto;
	line-height: normal;
	float: left;
	position: static;
	z-index: 110;
	cursor: pointer;
	padding-left: 18px;
	font-size: 14px;
	font-weight: 700;
}

.cbp-spmenu #closeBtn, .cbp-spmenu #closeFiltersMenu {
	background: url("../images/closeBtn.png") no-repeat center center transparent;
	background-size: 30px;
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.cbp-spmenu {
	background: url("../images/sidebarBg.png") no-repeat top left #13120d;
    background-size: 100% auto;
	position: fixed;
	padding-top: 40px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.cbp-spmenu .menu {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.cbp-spmenu .mobileMenuItems {
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.cbp-spmenu .mobileMenuItems a {
	display: block;
	font-weight: 400;
	padding: 13px 0 13px 20px;
	float: left;
	clear: both;
	text-align: left;
	font-size: 16px;
    color: #b1b1b1;
    text-decoration: none;
    transition: all 0.3s;
}

.cbp-spmenu .mobileMenuItems a.smaller { font-size: 13px; }

.cbp-spmenu .mobileMenuItems hr {
	float: left;
    width: calc(100% - 40px);
    border: none;
    margin: 10px 20px;
    height: 1px;
	opacity: .3;
	border: none;
	border-bottom: 1px solid #fff;
}

.cbp-spmenu a.active { color: #ffffff; }

.cbp-spmenu-vertical {
	width: 290px;
	height: 100%;
	top: 0;
	z-index: 100000000000;
	margin-top: 0;
	list-style-type: none;
	margin-left: 0;
}

.cbp-spmenu-vertical a {
	text-align: left;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left { left: -290px; }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px; padding-left: 20px; box-shadow: 2px 2px 7px #000; }

/* Transitions */
.cbp-spmenu, .cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.cbp-spmenu .searchContainer {
	padding: 15px 20px 10px 20px;
	float: left;
	width: 100%;
	background: #343231;
	border-radius: 5px 0 0 5px;
}

.cbp-spmenu .searchContainer input {
	padding: 5px 10px;
    border-radius: 15px;
    border: none;
	background: url("../images/lupa.svg") no-repeat right 10px center #fff;
    background-size: 14px auto;
	width: 100%;
}

.cbp-spmenu .searchContainer form {
	display: flex;
	font-size: 12px;
	gap: 12px;
	padding-left: 5px;
}

.cbp-spmenu .searchContainer form p { margin-bottom: 0; }

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    line-height: normal;
    display: inline-block;
    color: #fff;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #333;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cbp-spmenu .mobileMenuItems a.smaller.mobileCartLink {
	background: url("../images/iconCartGrey.svg") no-repeat left 20px center;
    background-size: 12px auto;
    padding-left: 20px;
	padding-left: 40px;
}

.cbp-spmenu .mobileMenuItems a.smaller.account {
	background: url("../images/iconAccountWhite.svg") no-repeat left 16px center;
    background-size: 19px auto;
    padding-left: 20px;
	padding-left: 40px;
}

.cbp-spmenu .mobileMenuItems a.smaller.orders {
	background: url("../images/iconOrdersWhite.svg") no-repeat left 16px center;
    background-size: 19px auto;
    padding-left: 20px;
	padding-left: 40px;
}

.cbp-spmenu .mobileMenuItems a.smaller.wishlist {
	background: url("../images/iconWishlistWhite.svg") no-repeat left 16px center;
    background-size: 19px auto;
    padding-left: 20px;
	padding-left: 40px;
}

.cbp-spmenu .mobileMenuItems a.smaller.account img,
.cbp-spmenu .mobileMenuItems a.smaller.orders img,
.cbp-spmenu .mobileMenuItems a.smaller.wishlist img {
	display: none;
}

/* flyout menu style ends */


.breadcrumbs {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 68px;
	position: relative;
}

.breadcrumbs .container {
	width: 100%;
	max-width: 1280px;
	color: #000;
	padding: 20px 0 15px;
	font-size: 12px;

}

.breadcrumbs a {
	color: #000;
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.breadcrumbs a.current {
	pointer-events: none;
	font-weight: 700;
}

.contents {
	display: flex;
	width: 100%;
	justify-content: center;
	padding: 40px 0 60px;
	margin-top: 65px;
}

.contents .container {
	display: flex;
	flex-direction: column;
	/*align-items: center;*/
	width: 100%;
	max-width: 1280px; /*1460px amazon*/
	height: auto;
	gap: 40px;

}

.contents .topSlider {
	width: 100%;
	height: auto;
}

.contents .topSlider img { max-width: 100%; height: auto; }

.contents .topSlider .slick-dots li button:before { font-size: 20px; }

.contents .topSlider .slick-next {
	background: url("../images/arrowBlackRight.svg") no-repeat center center transparent;
	background-size: 18px auto;
	color: #fff;
	width: 37px;
	height: 55px;
	z-index: 1000;
	right: -37px;
}

.contents .topSlider .slick-prev {
	background: url("../images/arrowBlackLeft.svg") no-repeat center center transparent;
	background-size: 18px auto;
	color: #fff;
	width: 37px;
	height: 55px;
	z-index: 1000;
	left: -37px;
}

.contents .topSlider .slick-next:before,
.contents .topSlider .slick-prev:before { display: none; }


.productSlider {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.productSlider .productSliderHeader {
	width: calc(100% - 74px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;

}

.productSlider .productSliderHeader h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 900;
}

.productSlider .productSliderHeader a {
	font-weight: 500;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	margin-top: 10px;
}

.productSlider .productSliderHeader a:hover { text-decoration: underline; }

.productSlider .productInnerSlider {
	width: calc(100% - 54px);
}

.productSlider .productInnerSlider .slick-slide {
	padding: 0 10px;
}


.productSlider .slick-next {
	background: url("../images/arrowWhiteRight.svg") no-repeat center center #000;
	background-size: 9px auto;
	color: #fff;
	width: 37px;
	height: 55px;
	z-index: 1000;
	right: -29px;
	transition: all 0.3s;
}

.productSlider .slick-prev {
	background: url("../images/arrowWhiteLeft.svg") no-repeat center center #000;
	background-size: 9px auto;
	color: #fff;
	width: 37px;
	height: 55px;
	z-index: 1000;
	left: -27px;
	transition: all 0.3s;
}

.productSlider .slick-prev:before { display: none; }
.productSlider .slick-next:before { display: none; }

.productSlider .slick-next:hover {
	background: url("../images/arrowWhiteRight.svg") no-repeat center center #666;
	background-size: 9px auto;
	color: #fff;
	width: 37px;
	height: 55px;
	z-index: 1000;
	right: -29px;
}

.productSlider .slick-prev:hover {
	background: url("../images/arrowWhiteLeft.svg") no-repeat center center #666;
	background-size: 9px auto;
	color: #fff;
	width: 37px;
	height: 55px;
	z-index: 1000;
	left: -27px;
}


.productSlider .slick-slider .slick-list {
	position: relative;
}

.productSlider .slick-slider .slick-list:before {
	content: '';
	display: block;
	width: 10px;
	left: 0;
	top: 0;
	bottom: 0;
	background: #e7e9e9;
	position: absolute;
	z-index: 999;
}

.productSlider .slick-slider .slick-list:after {
	content: '';
	display: block;
	width: 10px;
	right: -1px;
	top: 0;
	bottom: 0;
	background: #e7e9e9;
	position: absolute;
	z-index: 999;
}

.productSlider a.product {
	margin-bottom: 0;
	margin-right: 0;
}


a.product {
    display: flex;
	flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    background: #ffffff;
    text-align: left;
    position: relative;
    transition: all 0.3s;
	width: 100%;
	text-decoration: none;
	margin-bottom: 30px;
	margin-right: 30px;
	padding-bottom: 40px;
}

a.product:nth-child(4n) { margin-right: 0; }

a.product:hover {
	box-shadow: 0 0 2px #5ca8bb;
	/* transform: scale(1.05);
	transform-origin: center;
	z-index: 1000000;*/
}

a.product img {
    max-width: 100%;
	height: auto;
	transition: all 0.3s;
}

a.product .percentage {
	position: absolute;
	right: 0;
	top: 20px;
	background: #96c7d3;
	font-size: 16px;
	color: #fff;
	padding: 5px 10px;
	font-weight: 600;
}

a.product .productInfo {
	width: 100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	padding: 10px 20px 5px;
	background: #fff;
}

a.product .productName {
	font-weight: 800;
	margin-bottom: 5px;
}

a.product:hover .productName { text-decoration: underline; }

a.product .price {
	display: flex;
	justify-content: flex-start;
	font-size: 22px;
	flex-wrap: wrap;
}

a.product .price span {
	font-size: 10px;
    font-weight: 600;
    line-height: 15px;
	padding-left: 5px;
}

a.product .price .noDiscount {
	font-size: 14px;
	color: #ff0000;
	text-decoration: line-through;
	padding-left: 10px;
	display: flex;
	justify-content: flex-start;
	align-self: flex-end;
}

a.product .productActions {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	min-width: 0;
	min-height: 0;
	padding: 5px 15px 0px 20px;
	background: #fff;
	flex-wrap: wrap;
	position: absolute;
	bottom: 0;
}

a.product .productActions .shipping {
	height: 22px;
	padding: 3px 10px 3px 20px;
	background: #dfdfdf;
	color: #000;
	font-size: 13px;
	white-space: nowrap;
	margin-left: -20px;
	margin-bottom: 10px;
}

a.product .productActions .shipping img {
	width: 23px;

	float: left;
  	padding-top: 3px;
  	margin-right: 3px;
}

a.product .productActions button {
	height: 22px;
	padding: 3px 10px 3px 10px;
	background: #000;
	color: #fff;
	font-size: 13px;
	border: none;
	border-radius: 0;
	transition: all 0.3s;
	cursor: pointer;
	white-space: nowrap;
	margin-bottom: 10px;
}

a.product .productActions button:hover {
	background: #7e7c7c;
}

.shippingBanner {
	width: calc(100% - 74px);
	display: flex;
	flex-direction: column;
	align-items: flex-end;

	/* fix */
	margin-left: 37px;
}

.shippingBanner .banner {
	width: 100%;
	background: #000;
	display: flex;
	gap: 20px;
	padding: 20px;
	align-items: center;
	justify-content: space-between;
	color: #fff;
}

.shippingBanner .banner h2 {
	float: left;
	width: auto;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0;
	font-size: 20px;
}

.shippingBanner .banner .txt {
	width: auto;
	white-space: nowrap;
	font-size: 14px;
	font-weight: normal;
}

.shippingBanner .banner img {
	max-width: 65px;
	height: auto;
	float: left;
}

.shippingBanner .banner a {
	float: right;
	background: #fff;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	padding: 3px 15px;
	border-radius: 15px;
	transition: all 0.3s;
	white-space: nowrap;
}

.shippingBanner .banner a:hover {
	background: #4d4d4d;
}

.shippingBanner .note {
	font-size: 12px;
	padding: 5px 0 0;
}


.smallProductSlider {
	display: flex;
	flex-direction: column;
	width: calc(100% - 74px);

	/* fix */
	margin-left: 37px;
}

.smallProductSlider .productSliderHeader {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
}

.smallProductSlider .productSliderHeader h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 900;
}


.smallProductSlider .productSliderHeader a {
	font-weight: 500;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	margin-top: 10px;
}

.smallProductSlider .productSliderHeader a:hover { text-decoration: underline; }

.smallProductSlider .slider {
	width: 100%;
	background: #fff;
	float: left;
	padding: 0 40px;
}

.smallProductSlider .slider .slide {
	width: calc(100% / 6);
}

.smallProductSlider .slider .slide a {
	width: 100%;
	padding: 0 20px;
	transition: all 0.3s;
	display: flex;
}

.smallProductSlider .slider .slide a:hover {
	opacity: .6;
}

.smallProductSlider .slider .slide img {
	max-width: 100%;
	height: auto;
}

.smallProductSlider .slick-next {
	background: url("../images/arrowBlackRight.svg") no-repeat center center transparent;
	background-size: 14px auto;
	color: #fff;
	width: 37px;
	height: 55px;
	z-index: 1000;
	right: 0px;
}

.smallProductSlider .slick-prev {
	background: url("../images/arrowBlackLeft.svg") no-repeat center center transparent;
	background-size: 14px auto;
	color: #fff;
	width: 37px;
	height: 55px;
	z-index: 1000;
	left: 0px;
}

.smallProductSlider .slick-next:before,
.smallProductSlider .slick-prev:before { display: none; }


.homeAbout {
	display: flex;
	width: calc(100% - 74px);
	background: url("../images/homeAboutBg.jpg") no-repeat right bottom #13120d;
	background-size: 144px auto;
	align-items: center;
	text-decoration: none;

	/* fix */
	margin-left: 37px;
}

.homeAbout img {
	max-width: 55%;
	height: auto;
	transition: all 0.3s;
}

.homeAbout:hover img {
	opacity: .6;
}

.homeAbout .info {
	display: flex;
	flex-direction: column;
	padding: 40px 60px;
	color: #fff;
	gap: 25px;
}

.homeAbout .info .title {
	font-size: 40px;
	font-weight: 900;
}

.homeAbout .info .txt {
	font-size: 16px;
	line-height: 24px;
}

.homeAbout .info .link {
	font-size: 18px;
	font-weight: 700;
	display: flex;
	gap: 20px;
	align-items: center;
}

.homeAbout .info .link span {
	background: #fff;
	font-weight: normal;
	padding: 3px 15px;
	border-radius: 25px;
	color: #000;
	font-size: 16px;
	transition: all 0.3s;
}

.homeAbout:hover .info .link span {
	background: #4d4d4d;
}

.newsletterBanner {
	display: flex;
	width: calc(100% - 74px);
	justify-content: space-between;
	padding: 20px 40px;
	align-items: center;
	background: url("../images/newsletterBg.jpg") no-repeat right center #fff;
	background-size: auto 100%;

	/* fix */
	margin-left: 37px;
}

.newsletterBanner .col {
	max-width: 50%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.newsletterBanner .col .title {
	font-size: 30px;
	font-weight: 900;
	color: #000;
}

.newsletterBanner .col .txt {
	font-size: 16px;
	font-weight: normal;
	color: #000;
}

.newsletterBanner .col .note {
	font-size: 11px;
	font-weight: normal;
	color: #000;
}

.newsletterBanner .col .inputContainer {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
}

.newsletterBanner .col input {
	border: 1px solid #ccc;
	border-radius: 15px;
	height: 30px;
	width: 100%;
	color: #000;
	width: 100%;
	padding: 4px 20px;
}

.newsletterBanner .col button {
	background: #000;
	height: 30px;
	padding: 3px 50px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 15px;
	width: auto;
	border: none;
	position: absolute;
	right: 1px;
}


.instagramFeedContainer {
	float: left;
	width: 100%;
	display: flex;
	background: #cfd0d1;
	justify-content: center;
	align-items: center;
	padding: 60px 0 20px;
}

.instagramFeedContainer .container {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 1280px;
}

.instagramFeedContainer .container .embedsocial-hashtag {
	width: 100%;
	margin-top: -30px;
}

.instagramFeedContainer .container .embedsocial-hashtag #es-media-card .es-short-text a {
	color: #fff;
}

.instagramFeedContainer .container .row {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0 40px;
	position: relative;
	z-index: 100;
	align-items: center;
}

.instagramFeedContainer .container .row .instagram {
	display: flex;
	gap: 7px;
	font-size: 20px;
	font-weight: 900;
	color: #000;
	text-decoration: none;
	transition: all 0.3s;
}

.instagramFeedContainer .container .row .instagram:hover {
	opacity: .6;
}

.instagramFeedContainer .container .row .instagram img {
	max-width: 20px;
	height: auto;
}

.instagramFeedContainer .container .row .instagramLink {
	font-size: 14px;
	font-weight: 500;
	color: #000;
	text-decoration: none;
}

.instagramFeedContainer .container .row .instagramLink:hover { text-decoration: underline; }


/* footer */
.footer {
	float: left;
	width: 100%;
	background: #fff;
	padding: 50px 60px;
	display: flex;
	justify-content: flex-end;
}

.footer .col1 {
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	margin-right: auto;
}

.footer .col1 a {
	float: left;
	width: 100%;
	max-width: 260px;
	transition: all 0.3s;
}

.footer .col1 a:hover { opacity: .6; }

.footer .col1 a img {
	width: 100%;
	height: auto;
}

.footer .copyright {
	font-size: 12px;
	color: #000;
	white-space: nowrap;
	font-weight: 600;
}

.footer .footerNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	justify-content: flex-start;
	padding-top: 15px;
	display: flex;
	width: auto;
	flex-direction: column;
	margin-right: 3%;
}

.footer .footerNav li {
	float: left;
	width: 100;
	padding-right: 20px;
	font-size: 14px;
	margin-bottom: 20px;
}

.footer .footerNav li:last-child { margin-bottom: 0; }

.footer .footerNav li a {
	color: #000;
	text-decoration: none;
	font-weight: 600;
}

.footer .footerNav li a:hover { text-decoration: underline; }

.footer .social {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.footer .social .title {
	font-size: 12px;
	font-weight: 600;
	padding-top: 16px;
}

.footer .social .profiles {
	float: left;
	width: 100%;
	display: flex;
	align-items: flex-end;
}

.footer .social .profiles a {
	margin-right: 30px;
	transition: all 0.3s;
}

.footer .social .profiles a:hover { opacity: .6; }

.footer .social .profiles a:last-child { margin-right: 0; }

.footer .social .profiles a:first-child img { height: 24px;	width: auto; }
.footer .social .profiles a:nth-child(2) img { height: 21px;	width: auto; }
.footer .social .profiles a:last-child img { height: 22px;	width: auto; }

.footer .social > a {
	color: #000;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
}

.footer .social > a:hover {
	text-decoration: underline;
}


/* about us new */
.contents.page-about,
.contents.page-faq {
	background: url("../images/aboutusBgNew.png") no-repeat left top;
	background-size: 100% auto;
	margin-top: 65px;
	padding-top: 40px;
}

.aboutIntro {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	align-items: center;
	padding-bottom: 60px;
	background: url("../images/aboutIntroBg.png") no-repeat left bottom;
	background-size: 100% auto;
	margin-top: 30px;
}

.aboutIntro .volanta {
    display: block;
    background: #000;
    color: #fff;
    padding: 30px 60px;
    font-size: 40px;
    width: 50%;
    position: relative;
    font-weight: 900;
	margin-right: 35%;
}

.aboutIntro .nombre {
    position: absolute;
    left: 20px;
    top: -15px;
    background: #5ca8bb;
    font-size: 20px;
    padding: 4px 20px;
	font-weight: 500;
}

.aboutIntro .sticker {
    position: absolute;
    width: 95px;
    height: 95px;
    right: 15px;
    top: -50px;
    background: #5ca8bb;
    font-size: 18px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 48px;
    transform: rotate(-20deg);
    font-weight: 600;
    padding-bottom: 5px;
    box-sizing: border-box;
}

.aboutIntro .txtContainer {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 80px 100px;
    margin-top: -40px;
    width: 55%;
}

.aboutIntro .txtContainer .destacado {
    font-size: 33px;
    font-weight: 900;
    margin-bottom: 30px;
}

.aboutIntro .txtContainer .destacado span {
    white-space: nowrap;
}

.aboutIntro .txtContainer .txt {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.aboutIntro .cierre {
    display: flex;
    background: #000;
    color: #fff;
    padding: 40px 60px;
    width: 55%;
    margin-top: -40px;
    margin-left: 30%;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600
}

.aboutIntro .imagenLeft {
	position: absolute;
    left: 5%;
    bottom: 7%;
    max-width: 22%;
}

.aboutIntro .imagenRight {
	position: absolute;
    right: 5%;
    top: 15%;
    max-width: 25%;
}

.aboutHistory {
    display: flex;
    flex-direction: column;
    background: #fff;
    width: 100%;
    margin-top: -30px;
}

.aboutHistory .row {
    display: flex;
}

.aboutHistory .row img {
    max-width: 50%;
    height: auto;
}

.aboutHistory .row .txt {
    width: 50%;
    padding: 40px 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.aboutHistory .frase {
    background: #000;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 60px;
    font-size: 23px;
    line-height: 33px;
    font-weight: 900;
    text-align: center;
}

.teamIntro {
    display: flex;
    width: 100%;
    background: #fff;
    padding: 100px 80px;
    align-items: flex;
    gap: 60px;
}

.teamIntro .col {
    width: 45%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.teamIntro .col .titulo {
    width: auto;
    background: #000;
    padding: 35px 80px 35px 0;
    color: #fff;
    position: relative;
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 70px;
}

.teamIntro .col .titulo span {
    position: absolute;
    width: 95px;
    height: 95px;
    right: -80px;
    top: 10px;
    background: #5ca8bb;
    font-size: 18px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 48px;
    transform: rotate(-20deg);
    font-weight: 600;
    padding-bottom: 5px;
    box-sizing: border-box;
}

.teamIntro .col .titulo:before {
    display: block;
    background: #000;
    content: '';
    position: absolute;
    right: 100%;
    left: -100px;
    top: 0;
    bottom: 0;
}

.teamIntro .copete {
    font-size: 33px;
    line-height: 43px;
    font-weight: 900;
}

.teamIntro .txt {
    max-width: 55%;
    font-size: 16px;
    line-height: 24px;
}

.teamIntro .txt p {
    margin-top: 0;
}


.teamMembers {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 15px;
}

.teamMembers .memberContainer {
    width: calc(50% - (15px / 2));
    background: #000;
    padding: 40px;
    box-sizing: border-box;
    height: 320px;
    color: #fff;
    position: relative;
    overflow: hidden;
}


.teamMembers .member {
    background: #000;
    padding: 40px;
    box-sizing: border-box;
    position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
    color: #fff;
	z-index: 100;
}


.teamMembers .info {
    position: absolute;
    width: 70%;
    right: 0;
    bottom: 0;
    padding: 0px 40px 40px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
}

.teamMembers .info .volanta {
    background: #5ca8bb;
    padding: 4px 20px;
}

.teamMembers .info .nombre {
    font-size: 55px;
    font-weight: 700;
    text-transform: uppercase;
}

.teamMembers .info .frase {
    background: #fff;
    padding: 5px 10px;
    color: #000;
}


.teamMembers .texto {
    position: absolute;
    display: flex;
    width: 80%;
    top: 0;
    bottom: 0;
    right: -80%;
    font-size: 14px;
    line-height: 22px;
    line-height: normal;
    padding: 0px 40px;
    background: rgb(0, 0, 0, .85);
    border-left: 2px solid #5ca8bb;
    box-sizing: border-box;
    transition: all 0.3s;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	z-index: 101;
}

.teamMembers .memberContainer:hover {
	box-shadow: 0px 0px 25px -4px rgba(92,168,187,0.75);
-webkit-box-shadow: 0px 0px 25px -4px rgba(92,168,187,0.75);
-moz-box-shadow: 0px 0px 25px -4px rgba(92,168,187,0.75);
}

.teamMembers .memberContainer:hover .texto {
    right: 0;
}

.teamMembers .texto p {
    margin-top: 0;
}

.teamMembers .texto p:last-child {
    margin-bottom: 0;
}


/* products */
.contents.page-store-index .container,
.contents.page-store-category .container {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	max-width: none;
	margin-top: 68px;
}

.sidebar {
	float: left;
	width: 280px;
	min-width: 280px;
	display: flex;
	flex-direction: column;
	background: #201e1d;
	min-height: 100vh;
	padding: 70px 30px 50px;
	position: relative;
}

.sidebar:before {
	display: block;
	position: absolute;
	content: '';
	background: #201e1d;
	top: 0;
	bottom: 0;
	right: 100%;
	width: 1500px;
}

.sidebar .filterTitle {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 5px;
}

.sidebar ul {
  margin: 0;
  padding-left: 25px;
  list-style: none;
  line-height: 2em;
  color: #fff;
  margin-bottom: 10px;
}

.sidebar ul li {
  position: relative;
}

.sidebar ul li a {
	text-decoration: none;
	color: #a3a4a6;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.3s;
}

.sidebar ul li a span { color: #fff; }

.sidebar ul li a:hover span {
	text-decoration: underline;
}


.sidebar ul li ul { padding-left: 10px; }
.sidebar ul li ul a { font-weight: 500; }
.sidebar ul li ul a span { font-weight: 500; color: #96c7d3;  }
.sidebar ul li ul li ul a span { font-weight: 500; color: #a3a4a6; }

.sidebar ul li i.expanded + a span { font-weight: 700; }




/* Toggle icon (inserted via JS) */
.sidebar .js-toggle-icon {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 14px;
  margin: 0 2px 0 -22px;
  line-height: 14px;
  text-align: center;
  cursor: pointer;
  font-style: normal;
  border-radius: 2px;
  color: transparent;
}

.sidebar .js-toggle-icon:before {
	display: block;
	content: '';
	position: absolute;
	background: url("../images/arrowTree.svg") no-repeat center center;
	width: 14px;
	height: 14px;
	background-size: 6px auto;
}

.sidebar .js-toggle-icon.expanded:before {
	transform: rotate(90deg);
}

.priceFilter {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: #0e0d0c;
	border-radius: 5px;
	padding: 8px 10px 12px;
}

.priceFilter .title {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 7px;
	padding-left: 5px;
}

.priceFilter .values {
	width: 100%;
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: space-between;
	color: #fff;
}

.priceFilter .values input {
	border: none;
	background: #fff;
	padding: 5px 10px;
	height: 25px;
	border-radius: 15px;
	max-width: 45%;
	color:black;
}


.sidebar hr {
	width: 100%;
    border: none;
    border-bottom: 1px solid #666;
    margin: 20px 0;
}

.sidebar ul.filterList {
	margin-bottom: 0;
	padding-left: 0;
}

.sidebar ul.filterList li a:hover {
	text-decoration: underline;
}




.toggleFilter {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background: #0e0d0c;
	border-radius: 5px;
	padding: 10px;
}

.toggleFilter .title {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0px;
	padding-left: 0px;
}

.sidebar .hasBottomMargin { margin-bottom: 10px; }


.switch {
    background-color: transparent;
    border-radius: 19px;
    cursor: pointer;
    display: inline-block;
    height: 19px;
    position: relative;
    vertical-align: top;
    width: 40px;
}
.switch-input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}
.switch-label {
    background: #999 none repeat scroll 0 0;
    border-radius: inherit;
    display: block;
    font-size: 10px;
    height: inherit;
    position: relative;
    text-transform: uppercase;
    transition: all 0.15s ease-out 0s;
}
.switch-label::before, .switch-label::after {
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    top: 50%;
    transition: inherit;
}

.switch-input:checked ~ .switch-label {
    background: #47a8d8 none repeat scroll 0 0;
}

.switch-handle {
    background-color: #fff;
    border-radius: 10px;
    height: 17px;
    left: 1px;
    position: absolute;
    top: 1px;
    transition: left 0.15s ease-out 0s;
    width: 17px;
}
.switch-handle::before {
    background-color: #f9f9f9;
    border-radius: 6px;
    content: "";
    height: 12px;
    left: 50%;
    margin: -6px 0 0 -6px;
    position: absolute;
    top: 50%;
    width: 12px;
}
.switch-input:checked ~ .switch-handle {
    left: auto;
	left: 22px;
}


.modal {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(77, 77, 77, .7);
	transition: all .4s;
	z-index: 100000;

}

.modal:target {
	visibility: visible;
	opacity: 1;
}

.modal__content {
	border-radius: 4px;
	position: relative;
	width: 500px;
	max-width: 90%;
	background: #fff;
	padding: 0;
	height: 450px;
	display: flex;
	flex-direction: column;
}

.modal__footer {
	text-align: right;
	a {
	color: #585858;
	}
	i {
	color: #d02d2c;
	}
}
.modal__close {
  	position: absolute;
    top: 8px;
    right: 5px;
    color: #585858;
    text-decoration: none;
    font-size: 25px;
    line-height: 25px;
    width: 25px;
}

.filterModalTitle {
	font-weight: 700;
	font-size: 16px;
	color: #000;
	padding: 10px 20px;
	border-bottom: 1px solid #ccc;
	height: 40px;
}

.filterModalList {
	width: 100%;
	overflow-y: auto;
	padding: 20px;
	margin-bottom: 20px;
}

.filterModalList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.filterModalList ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.filterModalList ul li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.filterModalList ul li a {
	color: #000;
	text-decoration: none;
	font-size: 13px;
}

.filterModalList ul li a span { font-weight: 700; }

.filterModalList ul li a:hover span {
	text-decoration: underline;
}

.activeFilters {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	gap: 7px;
}

.activeFilters .chip {
	display: flex;
	padding: 3px 3px 4px 7px;
	background: #0e0d0c;
	color: #fff;
	font-size: 12px;
	gap: 5px;
	width: auto;
	align-items: center;
	border-radius: 3px;
}

.activeFilters .chip a {
	width: 18px;
	height: 18px;
	border: none;
	display: flex;
	background: transparent;
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
	border-radius: 9px;
}

.activeFilters .chip a:hover {
	background: #2f2e2d;
}

.activeFilters .chip a:after {
	position: absolute;
	top: 50%;
	height: 50%;
	width: 18px;
	height: 18px;
	background: url("../images/closeBtn.png") no-repeat center center;
	background-size: 13px;
	top: 0;
	left: 0;
	content: '';
	display: block;
}


/* Productos Nuevo Layout */
.contents.page-store-index,
.contents.page-store-category {
	padding-bottom: 0;
	padding-top: 0;
	margin-top: 0;
}

.productSearch {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px 0px;
	background: #d6d9d9;
	background: transparent;
}

.productSearch input {
	background: url("../images/lupa.svg") no-repeat right 15px center #fff;
	border: 1px solid #ccc;
	padding: 5px 15px;
	border-radius: 15px;
	width: 100%;
	max-width: 450px;
	background-size: 17px auto;
}

.productsBreadcrumb {
	display: flex;
	padding: 20px 0;
	font-size: 12px;
	color: #666;
	gap: 10px;
	flex-wrap: wrap;
}

.productsBreadcrumb a {
	color: #000;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}

.productsBreadcrumb a:hover { text-decoration: underline; }

.productsBreadcrumb a:last-child { font-weight: 700; pointer-events: none; }

.productsHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	order: 1;
	margin-bottom: 15px;
}

.productsHeader h2 { font-weight: 900; font-size: 26px; margin: 0; }
.productsHeader h2 span { font-weight: 500; font-size: 16px; }


.sorting {
  width: auto;
}

.sorting .dropdown,
.sorting .dropdown2 {
	width: 100%;
	position: relative;
	color: #000000;
	display: flex;
    gap: 10px;
    align-items: center;
}
.sorting .dropdown .label,
.sorting .dropdown2 .label2 {
  color: #000000;
  margin-bottom: 0px;
}
.sorting .dropdown .select,
.sorting .dropdown2 .select2 {
  cursor: pointer;
  transition: 0.3s;
  border-radius: 5px;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: space-between;
	font-weight: 700;
	font-size: 16px;
}
.sorting .dropdown .select .selected,
.sorting .dropdown2 .select2 .selected2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sorting .dropdown .select .selected.placeholder,
.sorting .dropdown2 .select2 .selected2.placeholder{
  color: #000000;
}
.sorting .dropdown .select .caret,
.sorting .dropdown2 .select2 .caret2 {
	margin-left: 10px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #000;
	transition: 0.3s;
}
.sorting .dropdown .select:hover,
.sorting .dropdown2 .select2:hover{
	background-color: transparent;
}
.sorting .dropdown .menu,
.sorting .dropdown2 .menu2 {
	visibility: hidden;
	background-color: #ffffff;
	border-radius: 5px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	top: 100%;
	opacity: 0;
	transition: visibility 0s, opacity 0.3s;
	z-index: 1;
	list-style-type: none;
	padding: 0;
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
}
.sorting .dropdown .menu li,
.sorting .dropdown2 .menu2 li{
	cursor: pointer;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
	white-space: nowrap;
}
.sorting .dropdown .menu li:hover,
.sorting .dropdown2 .menu2 li:hover{
	background-color: #f2f2f2;
}
.sorting .dropdown .menu-open,
.sorting .dropdown2 .menu-open{
	visibility: visible;
	opacity: 1;
}

.sorting .caret-rotate {
  transform: rotate(0deg);
}

.sorting .active {
	font-weight: 700;
	background: #f2f2f2;
}


.homeGrid {
	width: 100%;
	padding: 20px 40px 0 0;
}

.productsNuevoLayout {
    width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	order: 2;
}

.productsNuevoLayout a {
    display: flex;
	flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    background: #ffffff;
    text-align: left;
    position: relative;
    transition: all 0.3s;
	width: calc((100% - (30px * 3)) / 4);
	text-decoration: none;
	margin-bottom: 30px;
	margin-right: 30px;
}

.productsNuevoLayout a:nth-child(4n) { margin-right: 0; }

.productsNuevoLayout a:hover {
	box-shadow: 0 0 2px #5ca8bb;
	/* transform: scale(1.05);
	transform-origin: center;
	z-index: 1000000;*/
}

.productsNuevoLayout a img {
    max-width: 100%;
	height: auto;
	transition: all 0.3s;
}

.productsNuevoLayout .percentage {
	position: absolute;
	right: 0;
	top: 20px;
	background: #96c7d3;
	font-size: 16px;
	color: #fff;
	padding: 5px 10px;
	font-weight: 600;
}

.productsNuevoLayout .productInfo {
	width: 100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	padding: 10px 20px 5px;
	background: #fff;
}

.productsNuevoLayout .productName {
	font-weight: 800;
	margin-bottom: 5px;
}

.productsNuevoLayout a:hover .productName { text-decoration: underline; }

.productsNuevoLayout .price {
	display: flex;
	justify-content: flex-start;
	font-size: 22px;
	flex-wrap: wrap;
}

.productsNuevoLayout .price span {
	font-size: 10px;
    font-weight: 600;
    line-height: 15px;
	padding-left: 5px;
}

.productsNuevoLayout .price .noDiscount {
	font-size: 14px;
	color: #ff0000;
	text-decoration: line-through;
	padding-left: 10px;
	display: flex;
	justify-content: flex-start;
	align-self: flex-end;
}

.productsNuevoLayout .productActions {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	min-width: 0;
	min-height: 0;
	padding: 5px 15px 0px 20px;
	background: #fff;
	flex-wrap: wrap;
}

.productsNuevoLayout .productActions .shipping {
	height: 22px;
	padding: 3px 10px 3px 20px;
	background: #dfdfdf;
	color: #000;
	font-size: 13px;
	white-space: nowrap;
	margin-left: -20px;
	margin-bottom: 10px;
}

.productsNuevoLayout .productActions .shipping img {
	width: 23px;
	height: auto;
	margin-right: 0px;
}

.productsNuevoLayout .productActions button {
	height: 22px;
	padding: 3px 10px 3px 10px;
	background: #000;
	color: #fff;
	font-size: 13px;
	border: none;
	border-radius: 0;
	transition: all 0.3s;
	cursor: pointer;
	white-space: nowrap;
	margin-bottom: 10px;
}

.productsNuevoLayout .productActions button:hover {
	background: #7e7c7c;
}



/* product details */

.contents.page-store-product { margin-top: 68px; padding-top: 30px; }
.contents.page-store-product .container { gap: 0; }

.productIntro {
	float: left;
	width: 100%;
	background: #eaeaea;
	display: flex;
	border-top: 1px solid #e5e5e5;
}

.productIntro .info {
	display: flex;
	width: 50%;
	flex-direction: column;
	padding: 50px 60px;
	background: #f1f1f1;
	position: relative;
}

.productIntro .info h1 {
	font-size: 35px;
	line-height: normal;
	font-weight: 900;
	max-width: 70%;
	margin: 0 0 30px;
}

.productIntro .info .price {
	font-size: 28px;
	line-height: 22px;
	font-weight: 400;
	margin-bottom: 30px;
	display: flex;
	align-items: flex-start;
}

.productIntro .info .price strong {
	font-weight: 700;
}

.productIntro .info .price span {
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
}

.productIntro .info .product-option {
	float: left;
	width: 70%;
	border: 1px solid #adadad;
	position: relative;
	margin-bottom: 15px;
	max-width: 350px;
}

.productIntro .info .product-option span {
	position: absolute;
	left: 5px;
	top: -8px;
	background: #f1f1f1	;
	font-size: 12px;
	font-weight: 600;
	color: #000;
	padding: 0 5px;
}

.productIntro .info .product-option select {
	-webkit-appearance: none;
	background: none;
	border: none;
	color: #000;
	font-size: 14px;
	width: 100%;
	font-weight: 400;
	position: relative;
	padding: 10px;
}


.productIntro .info .estimation-option {
    float: left;
    width: 70%;
    border: 1px solid #adadad;
    position: relative;
    margin-bottom: 15px;
    max-width: 350px;
}

.productIntro .info .estimation-option span {
    position: absolute;
    left: 5px;
    top: -8px;
    background: #f1f1f1 ;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    padding: 0 5px;
}

.productIntro .info .estimation-option select {
    -webkit-appearance: none;
    background: none;
    border: none;
    color: #000;
    font-size: 14px;
    width: 100%;
    font-weight: 400;
    position: relative;
    padding: 10px;
}

.productIntro .info .product-option:after {
	display: block;
	width: 10px;
	height: 4px;
	position: absolute;
	content: '';
	background: url("../images/arrowDown.svg") no-repeat center center;
	background-size: contain;
	pointer-events: none;
	right: 10px;
	top: 50%;
	margin-top: -2px;
}

.productIntro .info .addContainer {
	float: left;
	width: 100%;
	display: flex;
	margin-bottom: 15px;
}

.productIntro .info .addContainer .quantity {
	float: left;
	width: auto;
	display: flex;
	justify-content: center;
	column-gap: 10px;
	border: 1px solid #adadad;
	position: relative;
	padding: 10px;
	width: auto;
	align-items: center;
	margin-right: 10px;
}

.productIntro .info .addContainer .quantity input {
	-webkit-appearance: none;
	background: none;
	border: none;
	color: #000;
	font-size: 14px;
	width: 100%;
	font-weight: 400;
	position: relative;
	padding: 0px;
	text-align: center;
	min-width: 30px;
	width: 30px;
}

.productIntro .info .addContainer .quantity .minus, .productIntro .info .addContainer .quantity .plus {
	background: #000;
	color: #fff;
	width: 22px;
	min-width: 22px;
	height: 22px;
	border-radius: 50%;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
}


.productIntro .info .addContainer .quantity .minus:hover, .productIntro .info .addContainer .quantity .plus:hover {
	background: #333;
}

.productIntro .info .addContainer button {
	width: 100%;
	max-width: 200px;
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	background: #13120d;
	color: #fff;
	padding: 10px 25px;
	border: none;
	transition: all 0.3s;
	font-family: inherit;
}

.productIntro .info .addContainer button:hover {
	cursor: pointer;
	background: #333;
}

.productIntro  .description {
	font-size: 14px;
	line-height: 22px;
}

.productIntro .wishlistBtn {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 15px;
	top: 15px;
	background: url("../images/iconWishlist.svg") no-repeat center center;
	background-size: 27px auto;
	border: none;
	cursor: pointer;
	transition: all 0.3s;
}

.productIntro .wishlistBtn.active {
	background: url("../images/iconWishlistFilled.svg") no-repeat center center;
	background-size: 27px auto;
}


.productIntro .photoContainer {
	width: 50%;
	background: #fff;
	padding: 20px;
	display: flex;
	align-items: center;
	position: relative;
}

.productIntro .photoContainer .zoom {
	position: absolute;
	width: 35px;
	height: 35px;
	pointer-events: none;
	background: url("../images/iconZoom.svg") no-repeat center center #fff;
	background-size: 23px auto;
	border-radius: 3px;
	top: 45px;
	right: 35px;
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);
	display: none;
}

.easyzoom img {
    display: block;
	cursor: url("../images/iconZoom.svg"), auto;
}



.productIntro .photoContainer .slider {
	background: none;
	width: 100%;
}

.productIntro .photoContainer img {
	max-width: 100%;
	height: auto;
}

.slick-dots li button:before {
	font-size: 20px;
}

.productIntro .photoContainer .slick-prev { left: -20px; }
.productIntro .photoContainer .slick-next { right: -20px; }

.productIntro .photoContainer .slick-prev:hover {
	background: url("../images/arrowBlackLeft.svg") no-repeat center center transparent;
    background-size: auto 60%;
}
.productIntro .photoContainer .slick-next:hover {
	background: url("../images/arrowBlackRight.svg") no-repeat center center transparent;
    background-size: auto 60%;
}

.slick-lightbox { background: rgba(0, 0, 0, .85) !important; }

.slick-lightbox .slick-prev,
.slick-lightbox .slick-prev:focus {
	width: 50px;
	height: 70px;
	background: url("../images/arrowWhiteLeft.svg") no-repeat center center #000;
    background-size: auto 60%;
}

.slick-lightbox .slick-next,
.slick-lightbox .slick-next:focus {
	width: 50px;
	height: 70px;
	background: url("../images/arrowWhiteRight.svg") no-repeat center center #000;
    background-size: auto 60%;
}

.slick-lightbox .slick-prev:hover {
	background: url("../images/arrowWhiteLeft.svg") no-repeat center center #666;
    background-size: auto 60%;
}

.slick-lightbox .slick-next:hover {
	background: url("../images/arrowWhiteRight.svg") no-repeat center center #666;
    background-size: auto 60%;
	opacity: .8;
}





.productExpandedDetails {
	float: left;
	width: 100%;
	padding: 40px 60px;
	background: #fff;
}

.productExpandedDetails .row {
	float: left;
	width: 100%;
	display: flex;
	gap: 60px;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.productExpandedDetails .row:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.productExpandedDetails .row .photo {
	width: 100%;
	max-width: 40%;
}

.productExpandedDetails .row .photo img {
	max-width: 100%;
	height: auto;
}

.productExpandedDetails .row .txt {
	width: 100%;
	max-width: 50%;
	font-size: 14px;
	line-height: 22px;
}

.productExpandedDetails .row .txt h3 {
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 26px;
}

.productExpandedDetails .row .txt ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.productExpandedDetails .row .txt ul li {
	margin-bottom: 5px;
	padding-left: 15px;
	position: relative;
}

.productExpandedDetails .row .txt ul li:before {
	display: block;
	content: '›';
	position: absolute;
	left: 0;
	top: 0px;
	font-size: 16px;
	font-weight: 900;
}


.productExpandedDetails .row .txt ul li:last-child { margin-bottom: 0; }


.productTips {
	float: left;
	width: 100%;
	padding: 40px 60px;
	background: #dbdbdb;
	display: flex;
	justify-content: space-around;
	gap: 20px;
}

.productTips .tip {
	display: flex;
	width: auto;
	font-size: 17px;
	font-weight: 700;
	align-items: center;
}

.productTips .tip img {
	width: 65px;
	height: auto;
	margin-right: 5px;
}

.productPremiumMaterials {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 60px;
	background: #000;
	color: #fff;
	font-weight: 700;
	text-align: center;
	font-size: 22px;
	line-height: 30px;
}

/* related products */
.relatedProducts {
	float: left;
	width: 100%;
	background: #eaeaea;
	padding: 40px 60px;
}

.relatedProducts .title {
	float: left;
	width: 100%;
	font-size: 16px;
	color: #000;
	font-weight: 700;
	margin-bottom: 20px;
}

.relatedProducts .relatedProductsSlider {
	float: left;
	width: 100%;
}

.relatedProducts .relatedProductsSlider .slick-slide {
	padding: 1px;
}

.relatedProducts .relatedProductsSlider .slide {
	background: #fff;
    padding: 5px 15px 15px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
	color: #000;
	text-decoration: none;
	transition: all 0.3s;
}

.relatedProducts .relatedProductsSlider .slide img {
	max-width: 100%;
	height: auto;

}

.relatedProducts .relatedProductsSlider .slide:hover {
	box-shadow: 0 0 2px #5ca8bb;
	z-index: 10000;
}

.relatedProducts .relatedProductsSlider .slide .info h2 {
	font-weight: 800;
	font-size: 16px;
	margin: 0 0 5px;
}

.relatedProducts .relatedProductsSlider .slide .info .price {
	display: flex;
	justify-content: flex-start;
}

.relatedProducts .relatedProductsSlider .slide .info .price span {
	font-size: 10px;
    font-weight: 600;
    line-height: 15px;
	padding-left: 5px;
}

.slick-prev,  .slick-next {
    width: 35px;
    height: 42px;
    font-size: 0;
    background: url("../images/arrowBlackLeft.svg") no-repeat center center transparent;
    background-size: auto 60%;
    left: -40px;
	z-index: 1000;
}

 .slick-next {
    background: url("../images/arrowBlackRight.svg") no-repeat center center transparent;
    background-size: auto 60%;
    right: -40px;
    left: auto;
}

.slick-prev:before, .slick-next:before {
    display: none;
}



/* faq */
.accordionContainer .accordion  {
	background-color: #ffffff;
	color: #000000;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	font-size: 18px;
	line-height: 26px;
	font-family: inherit;
	font-weight: 700;
	margin-bottom: 1px;
	position: relative;
}

.accordionContainer .accordion:before {
	display: block;
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	right: 15px;
	top: 50%;
	margin-top: -10px;
	background: url("../images/arrowDown.svg") no-repeat center center;
	background-size: 14px auto;
}

.accordionContainer .accordion.active:before {
	transform: rotate(-180deg);
}

.accordionContainer .accordion span {
	font-weight: 900;
}

.accordionContainer .active, .accordionContainer .accordion:hover {
	background-color: #ccc;
}

.accordionContainer .panel {
	background-color: #fff;
	display: none;
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
	padding: 10px 45px;
}


.standardMeasures .title {
	width: 100%;
	padding: 30px 0;
	font-size: 30px;
	line-height: 34px;
	font-weight: 900;
}

.standardMeasures .inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    margin-bottom: 30px;
    align-items: flex-start;
    gap: 30px;
}

.standardMeasures .inner img {
    max-width: 25%;
}

.standardMeasures .inner .innerContainer {
	width: 100%;
}

.standardMeasures .inner .titleRow {
    display: flex;
    width: 100%;
    gap: 20px;
    color: #Fff;
    background: #000;
}

.standardMeasures .inner .item {
    width: 15%;
    padding: 5px 10px;
	text-align: center;
}

.standardMeasures .inner .item:first-child {
    width: 100%;
    font-weight: 700;
	text-align: left;
}

.standardMeasures .inner .item:first-child span {
	background: #000;
    color: #fff;
    padding: 0 10px;
    border-radius: 3px;
}

.standardMeasures .inner .measurements .contentRow {
    display: flex;
    width: 100%;
    gap: 20px;
    border-bottom: 1px dotted #ccc;
}

.standardMeasures .inner .measurements .contentRow:last-child {
    border-bottom: none;
    padding-bottom: 15px;
}

.measurementNote {
    width: 100%;
    display: flex;
    padding: 10px 10px 10px 45px;
    background: #f1f1f1;
    border-radius: 5px;
    background: url("../images/iconInfo.svg") no-repeat left 10px center #f1f1f1;
    background-size: 25px auto;

}


.bodyMeasurements .title {
	width: 100%;
	padding: 30px 0;
	font-size: 30px;
	font-weight: 900;
	line-height: 34px;
}

.bodyMeasurements .inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    margin-bottom: 30px;
	align-items: flex-start;
	gap: 30px;
}

.bodyMeasurements .inner img {
	max-width: 25%;
}

.bodyMeasurements .inner .titleRow {
    display: flex;
    width: 100%;
    gap: 20px;
    color: #Fff;
    background: #000;
}

.bodyMeasurements .inner .item {
    width: 100%;
    padding: 5px 10px;
}

.bodyMeasurements .inner .item:first-child {
    width: 35%;
    font-weight: 700;
	white-space: nowrap;
}

.bodyMeasurements .inner .item:first-child span {
	background: #000;
	color: #fff;
	padding: 0 10px;
	border-radius: 3px;
}

.bodyMeasurements .inner .measurements .contentRow {
    display: flex;
    width: 100%;
    gap: 20px;
    border-bottom: 1px dotted #ccc;
}

.bodyMeasurements .inner .measurements .contentRow:last-child {
    border-bottom: none;
    padding-bottom: 15px;
}

.chartsDownload {
	background: #000;
    color: #fff;
    text-decoration: none;
    padding: 20px;
    display: block;
    width: 100%;
    float: left;
	transition: all 0.3s;
	margin-bottom: 20px;
	text-align: center;
}

.chartsDownload:hover {
	background: #666;
}


/* contact us */
.page-contact .homeGrid { padding-right: 0; }

.page-contact {
	float: left;
	width: 100%;
	display: flex;
	margin-top:50px;
}

.page-contact .contactus {
	margin-top: 50px;
}

.page-contact .col1 {
	float: left;
	width: 30%;
	background: #fff;
	padding: 50px 60px;
}

.page-contact .col1 .title {
	max-width: 100%;
	font-size: 35px;
	font-weight: 900;
	margin-bottom: 20px;
}

.page-contact .col1 .subtitle {
	max-width: 100%;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
}

.page-contact .col2 {
	float: left;
	width: 70%;
	background: #f2f2f2;
	padding: 50px 60px;
}
/*
.inputGroup {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 20px;
}
*/
.inputGroup label {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
}

.inputGroup input, .inputGroup textarea {
	width: 100%;
	border: 1px solid #ccc;
	padding: 7px 10px;
	font-size: 16px;
}

input.btn {
	display: block;
	font-size: 14px;
	background: #13120d;
	color: #fff;
	text-decoration: none;
	padding: 5px 20px;
	border-radius: 15px;
	width: auto;
	float: left;
	transition: all 0.3s;
	font-weight: 600;
	border: none;
	font-family: inherit;
	cursor: pointer;
}

input.btn:hover { background: #666; }


/*  tutorials */
.contents.tutorials {
	background: url("../images/aboutusBgNew.png") no-repeat top center;
	background-size: 100% auto;
}

.tutorialsHeader {
	display: flex;
	width: 100%;
	background: url("../images/tutHeaderBg.jpg") no-repeat right center #000;
	background-size: auto 100%;
	color: #fff;
	justify-content: flex-start;
	align-items: center;
	padding: 20px 45px;
	margin-bottom: 30px;
}

.tutorialsHeader .info {
	display: flex;
	align-items: center;
}

.tutorialsHeader .info .titulo {
	font-size: 50px;
	font-weight: 900;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #fff;
}

.tutorialsHeader .info .txt {
	font-size: 22px;
	font-weight: 900;
}

.contents.tutorials .productsHeader {
	padding-left: 20px;
	padding-right: 20px;
}

.contents.tutorials .productsNuevoLayout {
	padding-left: 20px;
	padding-right: 20px;
}

a.tutorial {
	align-items: flex-start;
	max-width: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	color: inherit;
}

a.tutorial img {
	transition: all 0.3s;
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}

a.tutorial:hover img {
	opacity: .6;
}

.tutorial .category {
	background: #96c7d3;
    font-size: 16px;
    color: #fff;
    padding: 5px 10px 5px 25px;
    font-weight: 600;
	width: auto;
	margin: 0px 0 10px 0;
	float: left;
}

.tutorial .tutorialInfo {
	width: 100%;
	padding: 0 15px 30px 25px;
	float: left;
	display: flex;
	flex-direction: column;
}

.tutorial .tutorialInfo .tutTitle {
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 10px;
	position: relative;
}

.tutorial .tutorialInfo .tutTitle:before {
	display: block;
	content: '›';
	position: absolute;
	top: 0;
	left: -10px;
}

.tutorial .tutorialInfo .tutInfo {
	font-size: 14px;
	font-weight: 500;
}

.tutorialsFooter {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	background: #000;
	color: #fff;
	flex-direction: column;
	text-decoration: none;
	margin-bottom: 40px;
	transition: all 0.3s;
}

.tutorialsFooter:hover {
	opacity: .6;
}

.tutorialsFooter .title {
	font-size: 30px;
	font-weight: 900;
	margin-bottom: 5px;
}

.tutorialsFooter .txt {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 15px;
}

.tutorialsFooter .btn {
	font-size: 16px;
	color: #000;
	background: #fff;
	padding: 5px 25px;
	border-radius: 15px;
}


.homeGrid.tutGrid {
	width: calc(100% - 308px);
}

.homeGrid.tutGrid hr {
	margin: 0 0 30px;
}

.tutorialsSlider {
	float: left;
	width: calc(100% - 50px);
	margin-bottom: 40px;

}

.tutorialsSlider .slick-slide {
	padding: 0 10px;
}

.tutSmallSliderContainer {
	float: left;
	width: calc(100% - 70px);
	margin-bottom: 40px;
	background: #fff;
	padding: 20px 40px 0;
}

.tutorialsSmallSlider {
	float: left;
	width: 100%;
}

.tutorialsSmallSlider .slick-slide {
	padding: 0 5px;
}

.productSlider .slick-slider.tutorialsSmallSlider .slick-list:after { display: none; }
.productSlider .slick-slider.tutorialsSmallSlider .slick-list:before { display: none; }

.tutorialsSmallSlider .slick-next {
    background: url("../images/arrowBlackRight.svg") no-repeat center center transparent;
    background-size: 14px auto;
    color: #fff;
    width: 37px;
    height: 55px;
    z-index: 1000;
    right: -35px;
}

.tutorialsSmallSlider .slick-next:hover {
    background: url("../images/arrowBlackRight.svg") no-repeat center center transparent;
    background-size: 14px auto;
    color: #fff;
    width: 37px;
    height: 55px;
    z-index: 1000;
    right: -35px;
	opacity: .4;
}

.tutorialsSmallSlider .slick-prev {
    background: url("../images/arrowBlackLeft.svg") no-repeat center center transparent;
    background-size: 14px auto;
    color: #fff;
    width: 37px;
    height: 55px;
    z-index: 1000;
    left: -35px;
}

.tutorialsSmallSlider .slick-prev:hover {
    background: url("../images/arrowBlackLeft.svg") no-repeat center center transparent;
    background-size: 14px auto;
    color: #fff;
    width: 37px;
    height: 55px;
    z-index: 1000;
    left: -35px;
	opacity: .4;
}

.tutorialsSmallSlider .tutorial .tutorialInfo  { padding-left: 20px; }
.tutorialsSmallSlider  .tutorial .tutorialInfo .tutTitle { font-size: 14px; }

.tutorialDetail {
	display: flex;
	width: calc(100% - 70px);
	background: #fff;
	padding: 50px 50px 60px;
	margin-bottom: 30px;
	gap: 40px;
	margin-left: 35px;
}

.tutorialDetail .videoContainer {
	width: 100%;
	max-width: 60%;
	position: relative;
}

.tutorialDetail .videoContainer .video {
	position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}


.tutorialDetail .videoContainer iframe  {
	width: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tutorialDetail .info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 40%;
	justify-content: space-between;
	padding-top: 40px;
}

.tutorialDetail .info .title {
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 20px;
	position: relative;
}

.tutorialDetail .info .title:before {
	position: absolute;
	display: block;
	top: 0;
	left: -15px;
	content: '›';
	color: #000;
	font-weight: 900;
}

.tutorialDetail .info .txt {
	font-size: 16px;
	line-height: 24px;
}

.tutorialDetail .info a {
	font-size: 18px;
	font-weight: 700;
	display: flex;
	gap: 10px;
	align-items: center;
	white-space: nowrap;
	color: #000;
	text-decoration: none;
	transition: all 0.3s;
}

.tutorialDetail .info a img {
	max-width: 20px;
	height: auto;align-self:
}

.tutorialDetail .info a:hover { opacity: .6; }




@media (max-width: 1400px) {
	.contents .container { max-width: 100%; padding-left: 37px; padding-right: 37px; }
	.header .navigation { display: none; }
	#showLeft { display: block; }
	.contents.page-store-index .container,
	.contents.page-store-category .container { padding-left: 0; padding-right: 0; }
}


@media (max-width: 1280px) {

	.header .col .search { display: none; }
	.header .col > .divider:nth-of-type(2) { display: none; }
	.breadcrumbs { padding: 0 110px; }

	/* home */
	.shippingBanner .banner h2 { flex-wrap: wrap; gap: 10px; font-size: 2.4vw; }
	.shippingBanner .banner a { font-size: 16px; }
	.homeAbout .info { gap: 10px; padding: 10px 15px 10px 0; }
	.homeAbout .info .title { font-size: 25px; }
	.homeAbout .info .link { flex-wrap: wrap; }
	.homeAbout .info .txt { font-size: 16px; line-height: 22px; }
	.newsletterBanner .col .title { font-size: 22px; }
	.newsletterBanner .col .txt { font-size: 14px; }
	.productSlider .productSliderHeader { padding-bottom: 10px; }
	.productSlider .productSliderHeader h2 { margin-bottom: 0; }

	.smallProductSlider .productSliderHeader { padding-bottom: 10px; }
	.smallProductSlider .productSliderHeader h2 { margin-bottom: 0; }

	/* about us */
	.aboutIntro .volanta { font-size: 25px; width: 55%; }
	.aboutIntro .txtContainer { width: 65%; }
	.aboutIntro .imagenRight { right: 0; }
	.teamIntro .col .titulo { padding: 25px 50px 25px 0; font-size: 30px; }
	.teamIntro .col .titulo span { top: -5px; }
	.teamIntro .copete { font-size: 27px; line-height: 37px; }
	.teamMembers .memberContainer { padding: 0; display: flex; flex-direction: column; height: auto; }
	.teamMembers .member { height: 0; padding-top: 45%; position: static; width: 100%; position: relative; }
	.teamMembers .texto { width: 100%; position: static; padding: 35px; border-left: none; align-items: flex-start; background: #13120d; }

	/* products */
	.productsNuevoLayout a { width: calc((100% - (30px * 2)) / 3) }
	.productsNuevoLayout a:nth-child(4n) { margin-right: 30px; }
	.productsNuevoLayout a:nth-child(3n) { margin-right: 0px; }

	/* contact us */
	.page-contact .col1 .title { font-size: 25px; }
	.page-contact .col1 .subtitle { font-size: 16px; line-height: 24px; }

	/* footer */
	.footer { padding-left: 30px; padding-right: 30px; }
	.footer .col1 a { max-width: 200px; margin-top: 5px; }
	.footer .copyright { font-size: 9px; white-space: normal; }
	.footer .footerNav { margin-right: 10px; }
	.footer .footerNav li { font-size: 12px; margin-bottom: 15px; }
	.footer .social > a { font-size: 12px; }

	/* tutorials */
	.tutorialDetail { width: 100%; margin-left: 0; flex-direction: column; padding: 0 0 30px; gap: 20px; }
	.tutorialDetail .videoContainer { max-width: 100%; }
	.tutorialDetail .info { max-width: 100%; padding: 0 20px 0 30px }
	.tutorialDetail .info .title { font-size: 20px; margin-bottom: 10px; }
	.tutorialDetail .info a { margin-top: 25px;}

	/* faq */
	.standardMeasures .inner .item { width: 20%; padding-left: 0; padding-right: 0; white-space: nowrap; }
	.standardMeasures .inner .item:first-child { padding-left: 5px; white-space: normal; }
	.standardMeasures .inner .item:last-child { margin-right: 5px; }

}


@media (max-width: 1023px) {

	/* home */
	.homeAbout { flex-direction: column; }
	.homeAbout img { max-width: 100%; }
	.homeAbout .info { padding: 50px; }
	.newsletterBanner { flex-direction: column; gap: 20px; }
	.newsletterBanner .col { width: 100%; max-width: 100%; align-items: center; text-align: center; }
	.footer .col1 a { max-width: 150px; }

	/* about us */
	.aboutIntro .volanta { width: 60%; margin-right: 40%; }
	.aboutIntro .sticker { right: -45px; }
	.aboutIntro .txtContainer { width: 90%; }
	.aboutIntro .imagenRight { top: -50px; right: -20px; max-width: 30%; }
	.aboutIntro .imagenLeft { bottom: 12%; max-width: 30%; }
	.aboutHistory .row { flex-direction: column; }
	.aboutHistory .row .txt { width: 100%; }
	.aboutHistory .row img { max-width: 100%; }
	.teamIntro { flex-direction: column; }
	.teamIntro .col { width: 100%; }
	.teamIntro .col .titulo { margin-bottom: 40px; }
	.teamIntro .txt { max-width: 100%; }
	.teamMembers .memberContainer { width: 100%; }

	/* products */
	.productsHeader { flex-direction: column; align-items: flex-start; }
	.productsHeader h2 { margin-bottom: 10px;}
	.productsHeader .rightCol { width: 100%; display: flex; justify-content: space-between; margin-bottom: 10px; }
	.sidebar { display: none; }
	.homeGrid { padding: 20px; }
	#filtersMenu { background: #201e1d; padding-right: 20px; padding-bottom: 30px; }
	#filtersMenu .sidebar { display: flex; background: transparent; width: 100%; padding: 0; min-height: 0; }
	#filtersMenu .sidebar:before { display: none; }
	#openFiltersMenu { display: block; }
	.sorting .dropdown .select { font-size: 14px; }
	.sorting .dropdown .label { font-size: 14px; }
	.productSearch { padding: 20px 0 0px; }

	/* product details */
	.productIntro { flex-direction: column-reverse; background: #fff; }
	.productIntro .photoContainer { width: 70%; margin-left: 15%; }
	.productIntro .info { width: 100%; padding: 20px 30px 40px; }
	.productIntro .info .size span { background: #fff; }
	.productTips { padding: 30px; gap: 15px;  }
	.productTips .tip { font-size: 13px; }
	.productTips .tip img { width: 50px; }
	.productExpandedDetails { padding: 40px 30px; }
	.productPremiumMaterials br { display: none; }

	/* faq */
	.bodyMeasurements .inner { flex-direction: column; align-items: center; }
	.bodyMeasurements .inner img { max-width: 50%; }
	.standardMeasures .inner { flex-direction: column; align-items: center; }
	.standardMeasures .inner img { max-width: 50%; }

	/* contact us */
	.page-contact .homeGrid { padding-left: 0; }
	.page-contact { flex-direction: column; }
	.page-contact .col1 { width: 100%; background: #fff; }
	.page-contact .col2 { width: 100%; }

	/* tutorials */
	.homeGrid.tutGrid { width: 100%; }
	.tutorialDetail { width: 100%; margin-left: 0; flex-direction: column; padding: 0 0 30px; gap: 20px; }
	.tutorialDetail .videoContainer { max-width: 100%; }
	.tutorialDetail .info { max-width: 100%; padding: 0 20px 0 30px }
	.tutorialDetail .info .title { font-size: 20px; margin-bottom: 10px; }
	.tutorialDetail .info a { margin-top: 25px;}


}


@media (max-width: 767px) {
	.header { height: 50px; }
	.header .logo { width: 220px; height: 70px; }
	.header .accountInfo { display: none; }
	.header .col .divider { display: none; }
	.header .col .name { display: none; }
	.breadcrumbs { margin-top: 50px; padding: 0 23px;  }

	/* home */
	.contents .container { padding-left: 10px; padding-right: 10px; gap: 30px; }
	.contents .topSlider { padding: 0 10px; }
	.shippingBanner .banner { flex-direction: column; }
	.contents .topSlider .slick-next { display: none; }
	.contents .topSlider .slick-prev { display: none; }
	.productSlider .productSliderHeader { flex-direction: column; align-items: flex-start; }
	.productSlider .productSliderHeader h2 { font-size: 22px; }
	.productSlider .productSliderHeader a { margin-top: 5px; }
	.smallProductSlider .productSliderHeader { flex-direction: column; align-items: flex-start; }
	.smallProductSlider .productSliderHeader h2 { font-size: 22px; }
	.smallProductSlider .productSliderHeader a { margin-top: 5px; }
	.shippingBanner .banner h2 { flex-direction: column; white-space: normal; font-size: 22px; width: 100%; max-width: 100%; text-align: center; align-items: center; }
	.shippingBanner .banner .txt { white-space: normal; }
	.shippingBanner .note { text-align: center; }
	.homeAbout .info { padding: 30px; }
	.newsletterBanner { padding: 20px; }
	.newsletterBanner .col .inputContainer { flex-direction: column; gap: 10px; }
	.newsletterBanner .col button { position: static; }


	/* about us */
	.contents.page-about { margin-top: 50px; padding-top: 60px; }
	.aboutIntro { margin-top: -20px; padding-bottom: 20px; }
	.aboutIntro .volanta { width: 90%; margin-right: 0; padding-left: 40px; padding-right: 40px; font-size: 22px; margin-top: 30px; }
	.aboutIntro .sticker { right: 0; width: 75px; height: 75px; font-size: 14px; line-height: 15px;  }
	.aboutIntro .txtContainer { width: 100%; padding-left: 40px; padding-right: 40px; }
	.aboutIntro .txtContainer .destacado { font-size: 26px; }
	.aboutIntro .cierre { width: 90%; margin-left: 0; padding: 40px; }
	.aboutIntro .imagenLeft { display: none; }
	.aboutIntro .imagenRight { max-width: 70%; position: static; margin-top: -30px; order: 3;}
	.aboutHistory .row .txt { padding: 40px; }
	.teamIntro { padding: 30px; gap: 40px; }
	.teamIntro .col .titulo { font-size: 25px; }
	.teamIntro .col .titulo span { right: -60px; width: 75px; height: 75px; font-size: 14px; line-height: 15px; top: 2px;  }
	.teamMembers .info .nombre { font-size: 45px; }

	/* products */
	.productsHeader { margin-bottom: 0; }
	.productsHeader h2 { margin-top: 0; }
	.productsNuevoLayout a { width: 100%; margin-right: 0; }
	.productsNuevoLayout a:nth-child(3n) { margin-right: 0; }
	.productsNuevoLayout a:nth-child(4n) { margin-right: 0; }
	.productsBreadcrumb { padding: 0 0 20px; }
	.productSearch { padding: 0 0 20px; }


	/* product details */
	.contents.page-store-product { margin-top: 50px; }
	.productIntro .photoContainer { width: 90%; margin-left: 5%; }
	.productIntro .photoContainer .zoom { top: 15px; right: 0; }
	.productIntro .info h1 { font-size: 25px; max-width: 95%; }
	.productTips { gap: 0; flex-wrap: wrap; }
	.productTips .tip { width: 50%; flex-direction: column; font-size: 14px; margin-bottom: 20px; padding: 0 15px; text-align: center; }
	.productExpandedDetails .row { flex-direction: column; padding-left: 0; padding-right: 0; gap: 0; }
	.productExpandedDetails .row .photo { max-width: 100%; }
	.productExpandedDetails .row .txt { max-width: 100%; }
	.slick-lightbox .slick-prev, .slick-lightbox .slick-prev:focus { width: 30px; height: 50px; left: 0; }
	.slick-lightbox .slick-next, .slick-lightbox .slick-next:focus { width: 30px; height: 50px; right: 0; }
	.productSlider .slick-next, .productSlider .slick-next:hover { right: -27px; }


	/* faq */
	.contents.page-about.faq .homeGrid { padding-left: 10px; padding-right: 10px; }
	.accordionContainer .accordion { font-size: 14px; padding: 10px 40px 10px 15px; line-height: 20px; }
	.accordionContainer .panel { padding: 10px 15px; }
	.standardMeasures .inner .titleRow { gap: 0; flex-wrap: wrap; }
	.standardMeasures .inner .titleRow .item { display: none; }
	.standardMeasures .inner .titleRow .item:first-child { display: block; }
	.standardMeasures .inner .measurements .contentRow { gap: 0px; }
	.standardMeasures .inner .item { padding: 0 10px 5px 5px; width: auto; }
	.standardMeasures .inner .item:first-child { width: 100%; padding: 5px; }
	.standardMeasures .inner img { max-width: 100%; }
	.standardMeasures .contentRow { flex-wrap: wrap; }
	.standardMeasures .inner .item:nth-child(2):before { content: 'XS: '; display: inline-block; font-weight: bold; margin-right: 4px; }
	.standardMeasures .inner .item:nth-child(3):before { content: 'S: '; display: inline-block; font-weight: bold; margin-right: 4px; }
	.standardMeasures .inner .item:nth-child(4):before { content: 'M: '; display: inline-block; font-weight: bold; margin-right: 4px; }
	.standardMeasures .inner .item:nth-child(5):before { content: 'L: '; display: inline-block; font-weight: bold; margin-right: 4px; }
	.standardMeasures .inner .item:nth-child(6):before { content: 'XL: '; display: inline-block; font-weight: bold; margin-right: 4px; }


	.bodyMeasurements .inner img { max-width: 100%; }
	.bodyMeasurements .inner .item:first-child { width: 40%; white-space: normal; }
	.bodyMeasurements .inner .contentRow .item:first-child { padding-left: 0; }


	/* contact us */
	.contents.page-contact { padding-top: 20px; }
	.page-contact .col1 { padding: 30px; }
	.page-contact .col2 { padding: 30px; }

	/* tutorials */
	.tutorialsHeader { background: #000; text-align: center; }
	.tutorialsHeader .info { flex-direction: column; }
	.tutorialsHeader .info .titulo { margin-right: 0; padding-right: 0; border: none; margin-bottom: 10px; }
	.tutorialsHeader .info .txt { font-size: 18px; }
	.contents.tutorials .productsHeader { padding-left: 0; padding-right: 0; }
	.contents.tutorials .productsNuevoLayout { padding-left: 0; padding-right: 0; }
	.tutorialsSlider { width: 100%; }
	.tutSmallSliderContainer { width: 100%; background: transparent; padding: 0 15px; }
	.tutorial .tutorialInfo { padding-bottom: 10px; }
	.tutorialsFooter .title { text-align: center; font-size: 24px; }
	.tutorialsFooter .txt { text-align: center; }
	.tutorialDetail { width: 100%; margin-left: 0; flex-direction: column; padding: 0 0 30px; gap: 20px; }
	.tutorialDetail .videoContainer { max-width: 100%; }
	.tutorialDetail .info { max-width: 100%; padding: 0 20px 0 30px }
	.tutorialDetail .info .title { font-size: 20px; margin-bottom: 10px; }
	.tutorialDetail .info a { margin-top: 25px;}

	.homeGrid.tutGrid .productSlider .productSliderHeader { width: 100%; padding-left: 20px; padding-right: 20px; }


	/* footer */
	.footer { flex-direction: column; padding: 30px; }
	.footer .col1 { width: 100%; margin-bottom: 20px; }
	.footer .col1 a { max-width: 70%; }
	.footer .copyright { font-size: 12px; }
	.footer .footerNav:nth-child(3) { margin-bottom: 20px; }
	.footer .social .title { margin-bottom: 15px; }
	.footer .social .profiles { margin-bottom: 15px; }
}






.inner-content {
	background-color: #ffffff;
	color: #000000;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	font-size: 14px;
	line-height: 26px;
	font-family: inherit;
	font-weight: 700;
	margin-bottom: 1px;
	position: relative;
}





.contents.page-home {
  padding: 0px;
  justify-content: space-between;
}











/* ------------------------------------------------------------------------
CART PAGE
------------------------------------------------------------------------ */


.cart-table .no-items {
    text-align:center;
}
.cart-table .product-title {
    font-weight:bold;
}
.cart-table .out-of-stock {
    padding-top:5px;
    color:red;
}



/* ------------------------------------------------------------------------
CHECKOUT PAGE
------------------------------------------------------------------------ */


.checkout-form .checkout-table {
    width:300px;
}
.checkout-form .checkout-table .no-items {
    text-align:center;
}
.checkout-form .checkout-table .product-title {
    font-weight:bold;
}
.checkout-form .checkout-buy {
    text-align:right;
}
.checkout-form .checkout-shipping-title {
    display:inline-block;
}
.checkout-form .checkout-payments-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.checkout-form .checkout-payment-error {
    font-weight:bold;
    color:red;
}
.checkout-form .checkout-payment-option:hover > * {
    cursor:pointer;
}

.checkout-form .checkout-account .form-group {
    float: left;
    min-width: 47%;
    margin-right: 2%;
    overflow: hidden;
    width: 47%;
    /*min-height: 90px;*/ /* enlarges too much checkout form */
}
.checkout-form .checkout-shipping .form-group {
    float: left;
    min-width: 47%;
    margin-right: 2%;
    overflow: hidden;
    width: 47%;
}

.checkout-form .checkout-shipping .form-group {
    float: left;
    min-width: 47%;
    margin-right: 2%;
    overflow: hidden;
    width: 47%;
}

.checkout-form .every2 {
    display: block;
    clear: both;
}

.checkout-form .payment-image {
    display:inline-block;
    text-align:left;
}
.checkout-form .payment-name {
    display:inline-block;
    text-align:right;
    font-weight:bold;
}
.checkout-form .payment-status {
    margin-top:15px;
}

.checkout-form .column1 {
    float:left;
    width: calc(100% - 360px);
}
.checkout-form .column2 {
    float:right;
    margin-right: 15px;
}

.checkout-form .checkout-notes {
    margin-right:35px;
}
.checkout-form .out-of-stock {
  color:red;
}

.payNow {
  box-shadow: 0px 1px 0px 0px #f0f7fa;
  background-color:#33bdef;
  border-radius:4px;
  border:1px solid #057fd0;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  padding:7px 36px;
  text-decoration:none;
  text-shadow:0px -1px 0px #5b6178;
  width:100%;
  cursor:pointer;
}
.payNow:hover {
  background-color:#019ad2;
  cursor:pointer;
}

.payNow.inactive {
  background-color: lightgray;
  border: 1px solid gray;
  text-shadow: none;
  color: gray;
  cursor: not-allowed;
}


/* ------------------------------------------------------------------------
ORDER PAGE
------------------------------------------------------------------------ */


.order-form .checkout-table {
    width:300px;
}
.order-form .checkout-table .no-items {
    text-align:center;
}
.order-form .checkout-table .product-title {
    font-weight:bold;
}
.order-form .checkout-table .out-of-stock {
  color:red;
}
.order-form .checkout-buy {
    text-align:right;
}

.order-form .checkout-payment-option:hover > * {
    cursor:pointer;
}

.order-form .checkout-shipping .form-group {
    float: left;
    min-width: 47%;
    margin-right: 2%;
    overflow: hidden;
    width: 47%;
}

.order-form .every2 {
    display: block;
    clear: both;
}

.order-form .payment-image {
    display:inline-block;
    text-align:left;
}
.order-form .payment-name {
    display:inline-block;
    text-align:right;
    font-weight:bold;
}
.order-form .payment-status {
    margin-top:15px;
}

.order-form .column1,
.order-status-comments .column1 {
    float:left;
    width: calc(100% - 330px);

}
.order-form .column2,
.order-status-comments .column2 {
    float:right;
}

.order-status-comments .column1,
.order-status-comments .column2 {
    float:none;
    width:100%;
}

.order-form .checkout-notes {
    margin-right:35px;
}


.direct-chat-messages .direct-chat-text::after {
    border-width: 5px;
    margin-top: -5px;
}
.direct-chat-messages .direct-chat-text::after,
.direct-chat-messages .direct-chat-text::before {
    position: absolute;
    right: 100%;
    top: 15px;
    border: solid transparent;
    border-right-color: #d2d6de;
    content: ' ';
    height: 0;
    width: 0;
    pointer-events: none;
}

.direct-chat-messages .direct-chat-text::before {
    border-width: 6px;
    margin-top: -6px;
}
.direct-chat-messages .direct-chat-text {
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
    background: #d2d6de;
    border: 1px solid #d2d6de;
    margin: 5px 0 0 0px;
    color: #444;
}
.direct-chat-messages .direct-chat-msg.right .direct-chat-text {
    background: #3c8dbc;
    border-color: #3c8dbc;
    color: #fff;
}

.direct-chat-messages .direct-chat-msg a {
	color:white;
	text-decoration:underline;
}
.direct-chat-messages .right .direct-chat-text::after,
.direct-chat-messages .right .direct-chat-text::before {
    right: auto;
    left: 100%;
    border-right-color: transparent;
    border-left-color: #3c8dbc;
}

.direct-chat-messages .direct-chat-info {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
}
.direct-chat-messages .direct-chat-msg {
    margin-bottom: 10px;
}
.direct-chat-messages .direct-chat-msg,
.direct-chat-messages .direct-chat-text {
    display: block;
}
.direct-chat-messages .direct-chat-name {
    font-weight: 600;
    float:left;
}
.direct-chat-messages .direct-chat-timestamp {
    color: #999;
    float:right;
}
.direct-chat-messages .direct-chat-msg.left {
    margin-left:0px;
    margin-right:50px;
}

.direct-chat-messages .direct-chat-msg.right {
    margin-left:50px;
    margin-right:0px;
}

.direct-chat-messages .message-send-button {
  font-size: 19px;
  border: 1px solid lightgray;
  padding: 6px;
  border-radius: 5px;
  position: relative;
  top: 1px;
}

.direct-chat-messages .message-send-button:hover {
  background-color:lightgray;
  cursor:pointer;
}


.product-tailored {
  color: white;
  background-color: #6e83c2;
  padding: 3px;
  border-radius: 5px;
  margin-left: 5px;
  font-size: 10px;
}

.alert {
	margin-left:10px;
	margin-right:10px;
}

.removeCartItem, .updateCartItem {
	cursor:pointer;
}

.checkout-shipping-list {
	margin-top: 5px;
	background-color: white;
	border: 1px solid #ccc;
	padding: 3px;
	border-radius: 5px;
}

.BuyNowButton {
	/*display:inline-block;*/
	width:100px;
	display:none;
}

.BtnCheckout, .btnQuote, .btnPay {

  color: #fff;
  font-size: 16px;
  font-weight: 400;
  background: #13120d;
  color: #fff;
  padding: 10px 25px;
  border: none;
  transition: all 0.3s;
  font-family: inherit;
}



.flash  {
	position: absolute;
	z-index: 1000;
	right: 0px;
	top: 90px;
}



.corner-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.corner-ribbon {
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -70px;
  text-align: center;
  line-height: 30px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  font-size: 10px;
  font-size: 9px;
  padding-left:9px;
}




label {
	font-weight: 100;
}

b, strong {
  font-weight: 600;
}


.xzoom-thumbs {
    margin-top:10px;
}