/*
{
light rose	#FAEEEE
rose 2		#FAD9D9
rose 3		#EDB4BF
dark rose	#B3646D

ligh red	#E30028
red 2		#B00012
red 3		#930010
dark red	#54000A 
}
*/

/* MadameSher Custom CSS */

html		{text-shadow: 0 0 1px rgba(0,0,0,0.1); font-smooth: always;}

body		{background-color: #FAEEEE; background-image:url('../img/bg6.gif'); background-attachment: fixed; font-family: "Georgia";}
header		{background-color: #B00012; background-image:url('../img/bg1.gif'); background-attachment: fixed; border-bottom: 1px solid white; height: 250px;
			 box-shadow: inset 0px -30px 50px 0px rgba(84,0,9,0.5);}
#main		{background-color: white; border-radius: 10px; position: relative; height: 100%;
			 box-shadow: 0px 0px 15px rgba(145,0,15,0.5); margin: -30px auto 0 auto; z-index: 9; padding: 0}
#quotes		{background-color: #EDB4BF; background-image:url('../img/bg5.gif'); background-attachment: fixed; margin-top: -30px; border-top: 1px solid white;
			 box-shadow: inset 0px 30px 50px 0px rgba(238,181,192,0.8);}
aside		{background-color: white; background-image:url('../img/bg4.gif'); background-attachment: fixed;}
footer		{background-color: #B3646D; border-radius: 10px 10px 0px 0px; text-shadow: 1px 0px 2px rgba(71,31,31,0.7); opacity: 0.8}

a			{color: #E30028; text-decoration: none;}
a:hover,a:active, a:focus	
			{color: #B00012; text-decoration: none;}
			
			
a.contact	{unicode-bidi: bidi-override; direction: rtl}			

nav a		{color: #FAEEEE; font-family: "Georgia"; font-weight: 100; letter-spacing: 0.1em;
			 margin: 144px 0.3% 0 0; width: 18.5%; height: 42px; text-shadow: 1px 1px 4px #54000A; border-radius: 10px;
			 display: inline-block; font-size: 16px; line-height: 42px; text-align: center;
			 -webkit-transition: all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; transition: all  0.4s ease-in-out;}
nav a:hover {color: #FFFFFF; background-color: rgba(176,0,19,0.3); border-radius: 10px;
			 box-shadow: inset 0px 0px 6px 3px rgba(84,0,9,0.3);
			 -webkit-transition: all 0.2s; -moz-transition:all 0.2s; transition: all 0.2s;}		 
nav a:active{background-color: #c00316; border-radius: 10px; text-shadow: none; background-image: none;
			 box-shadow: inset 0px 0px 6px 3px rgba(147,0,16,0.8); color: #930010;
			 -webkit-transition: all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition: all  0.2s ease-in-out;}
nav a.this	{background-color: #930010; background-image:url('../img/bg2.gif'); background-attachment: fixed; 
			 box-shadow: inset 0px 0px 10px 5px rgba(84,0,9,0.3); color: #FAEEEE; border-radius: 10px;}	
			 
article		{margin: 0 0 20px 0; padding: 0 20px; border-bottom: 1px dotted #EDB4BF;}	
article.last,
div.span9 > div > article:last-child,
div.span9 > article:last-child {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
div.span9.text-content article p {padding: 0 20px !important; text-align: justify;}
div.span9.text-content article li {line-height: 25px; font-size: 11pt; padding-bottom: 10px;}
			 

#main h2, #main h3, #main h4, #main h5
			{padding: 5px 20px 0 20px; -webkit-font-smoothing: antialiased;}
#main p		{padding: 0px 20px 10px 20px;}	

h1			{color: #930010; font-size: 22pt; line-height: 50pt; text-align: center;}
h2			{color: #333333; font-size: 18pt; line-height: 22pt;}
h3			{color: #B00012; font-size: 16pt; line-height: 22pt;}
h4			{color: #930010; font-size: 14pt; line-height: 22pt;}
h5			{color: #333333; font-size: 14pt; line-height: 20pt;}
h6			{color: #930010; font-size: 12pt; line-height: 20pt;}
	
p			{color: #333333; font-size: 11pt; line-height: 20pt; text-align: inherit; letter-spacing: .03em}
		
h1, h2, h3, h4, h5, h6 {
			font-family: "Bree Serif"; font-weight: 100; letter-spacing: 0.05em; font-weight: normal;
			text-shadow: 1px 1px 4px rgba(255,255,255,1);}
h1 em,
.textdivision	em	{display:  none;}
h2 span		{display: block; margin:5px 20px; float: right}
h3 span		{display: block; margin:5px 10px; float: right}


h2.title	{padding: 10px 20px 0 20px;}
 p.title	{padding: 0 0 15px 20px; font-family: "Bree Serif"; font-size: 12pt; color: #E30028; line-height: 14pt} 
 a.title	{padding: 0 0 15px 20px; font-family: "Bree Serif"; font-size: 12pt; color: #E30028; line-height: 14pt}
  .title a	{padding-right: 10px}

p.title span{padding:0 8px 0 0; font-size: 13px;}
 
h2.special	{margin-top: 20px}
 p.special	{font-family: "Bree serif"; font-size: 11pt; line-height: 20pt;}
 

h2.txt		{color: #FAEEEE;}
	
h3.nav		{margin: 10px 0 0 0; padding: 15px 0 2px 20px}

h3.related	{margin: -10px 0 15px 5px}

h3.getback a{color: #FAEEEE; text-shadow: none; margin-top: 50px}

article h1,
.textdivision	{margin: 10px}
.textdivision {
  color: #930010;
  font-size: 22pt;
  line-height: 50pt;
  text-align: center;
}
article h3	{margin: 15px 0 10px 0; padding: 10px 20px 20px 20px}	
article h5	{margin: 15px 0 5px 0; padding: 15px 20px}

#quotes h2		{color: #B3646D; margin: 50px 0 10px 20px;}

#CarouselQ h6	{font-size: 10pt; line-height: 20px;}
#CarouselQ p	{color: #B3646D; font-family: "Bree Serif"; font-size: 10pt; line-height: 18px; margin: 20px 0 0 0; padding: 0; text-align: inherit;}

footer a		{color: #FAD9D9;}	
footer a:hover	{color: #FFFFFF;}
footer p		{color: #EDB4BF; font-size: 12px; line-height: 20px; padding: 10px 0; margin-right: 20px; border-top:dotted 1px #EDB4BF}
footer h1		{color: #FAEEEE; font-size: 77px; line-height: 77px; padding: 0; margin:20px 0 10px 0; height: 70px; text-shadow: 1px 0px 2px rgba(71,31,31,0.5);}
footer h6 a		{color: #EDB4BF;  display: inline-block; font-weight: lighter; padding: 0 10px 0; text-shadow: 1px 0px 2px rgba(71,31,31,0.5); }	

footer iframe	{border:none; overflow:hidden; width:123px; height:35px; margin:0; float:right}

footer h6 span {padding-left: 4px;}

.container		{position: relative}
.mslogo			{display: block; margin: 48px auto; padding: 0 40px 0 0}

#elastique		{background:url(../img/elastique.png); background-size: contain; background-position: right center;  background-repeat:no-repeat; height: 100%}
#elastique p	{padding-right: 180px;}

h3.padl			{margin-left:  20px; margin-top: 20px}
h3.padr			{margin-right: 20px; margin-top: 20px}
 p.padl			{margin-left:  20px;}
 p.padr			{margin-right: 20px;}

.affix 			{top: 9px; bottom: auto; position: fixed; width: 300px;}
.affix-bottom 	{top: auto; bottom: 0px; position: absolute; width: 300px;}
				 
.indexed		{margin: 0; padding: 0;}	

.index			{background-color: #FAEEEE; background-image:url('../img/bg4.gif'); background-attachment: fixed;
				 display: block; width: 100%; height: 100%; position:absolute; margin: 0; padding: 0;
				 border-right: 1px dotted #EDB4BF; border-radius: 10px 0 0 10px}
.index h1,
.index .textdivision		{max-width: 240px; color: #EDB4BF}
.index .textdivision {margin: 10px 0;}
.index h3		{margin: 15px 0 0 0}				 
.index ul		{margin: 10px 0 0 0; padding: 0; display: block; list-style: none; }
.index li		{margin: 0; padding: 0 0 0 15px; font-family: "Bree Serif"; font-size: 11pt; font-weight: 100;}
.index a		{color: #333333; display:block; line-height: 20pt; max-width: 205px; padding-left: 20px !important}
.index a:hover, 
.index a:focus 	
				{color: #E30028; background: url('../img/bg0.png'), #FAEEEE !important;}	
.index .active a, 
.index .active a:hover, 
.index .active a:focus 
				{color: #FFFFFF; max-width: 205px;
				background: url(none), -moz-linear-gradient(top, #930010, #B00012) !important;
				background: url(none), -webkit-gradient(linear, 0 0, 0 100%, from(#930010), to(#B00012)) !important;
				background: url(none), -webkit-linear-gradient(top, #930010, #B00012) !important;
				background: url(none), -o-linear-gradient(top, #930010, #B00012) !important;
				background: url(none), linear-gradient(to bottom, #930010, #B00012) !important;}

div.gbot		{border-radius: 10px 10px 0px 0px;			
				background: #ffffff; /* Old browsers */
				background: url('../img/bg0.png'), -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#faeeee)); /* Chrome,Safari4+ */
				background: url('../img/bg0.png'), -webkit-linear-gradient(top, #ffffff 50%, #faeeee 100%); /* Chrome10+,Safari5.1+ */
				background: url('../img/bg0.png'),    -moz-linear-gradient(top, #ffffff 50%, #faeeee 100%); /* FF3.6+ */				
				background: url('../img/bg0.png'),     -ms-linear-gradient(top, #ffffff 50%, #faeeee 100%); /* IE10+ */
				background: url('../img/bg0.png'),      -o-linear-gradient(top, #ffffff 50%, #faeeee 100%); /* Opera 11.10+ */
				background: url('../img/bg0.png'),         linear-gradient(top, #ffffff 50%, #faeeee 100%); /* W3C */
}		
div.gtop		{border-radius: 0px 0px 10px 10px;				 
				background: #faeeee; /* Old browsers */
				background: url('../img/bg0.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faeeee), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */
				background: url('../img/bg0.png'), -webkit-linear-gradient(top, #faeeee 0%, #ffffff 50%); /* Chrome10+,Safari5.1+ */
				background: url('../img/bg0.png'),    -moz-linear-gradient(top, #faeeee 0%, #ffffff 50%); /* FF3.6+ */
				background: url('../img/bg0.png'),     -ms-linear-gradient(top, #faeeee 0%, #ffffff 50%); /* IE10+ */
				background: url('../img/bg0.png'),      -o-linear-gradient(top, #faeeee 0%, #ffffff 50%); /* Opera 11.10+ */
				background: url('../img/bg0.png'),		   linear-gradient(top, #faeeee 0%, #ffffff 50%); /* W3C */
}			 				 
div.bbot		{border-bottom: 1px dotted #EDB4BF;}	
div.btop		{border-top: 1px dotted #EDB4BF;}  			 

ul.pag			{display: block; list-style: none; margin: 0 auto; text-align: center;}
ul.pag li		{display: inline-block; margin: 25px 5px; padding: 0; background: none !important;} 
ul.pag span		{display: block; width: 55px; height: 55px; border-radius: 50% 50%; 
				 background-color: #FAEEEE; color: #B00012; text-align: center; font-family: "Bree Serif"; font-size: 12pt; line-height: 55px;}
ul.pag a,
ul.pag button		{display: block; width: 55px; height: 55px; border:dotted 1px #FAEEEE; border-radius: 50% 50%; 
				 background-color: rgba(255,255,255,0.5); color: #B00012; text-align: center; font-family: "Bree Serif"; font-size: 12pt; line-height: 55px;}
ul.pag a:hover,
ul.pag button:hover	{background-color: #EDB4BF; color: #FFFFFF; border: solid 1px #EDB4BF;}				 
ul.pag a:active, ul.pag a.this,
ul.pag button:active, ul.pag button.this
				{background-color: #B00012; color: #FFFFFF; border: solid 2px white;}

ul.tags			{display: block; list-style: none; margin: 0 20px 35px 20px; padding: 0 20px; color:#B00012; text-align: justify}
ul.tags li		{display: inline-block; margin: 0; padding: 0 2px 6px 0; font-size: 11px; text-transform: uppercase;}
ul.tags a		{display: block; height: 18px; margin: 0; padding: 5px 7px; border:solid 1px #FAEEEE; border-radius: 4px}
ul.tags a:hover,
ul.tags a.hover	{color: #FAEEEE; background: #930010; border: solid 1px #FAEEEE}

h3 span.step	{display: block; width: 50px; height: 50px; border-radius: 50%; margin: 4px 15px 0 0; padding: 0; text-shadow: none; float: left;
				 background-color: #FAD9D9; color: #FFF; text-align: center; font-size: 18pt; line-height: 45px; }

#userTabs h4	{line-height: 44px; text-transform: none; font-size: 13pt;}
#userTabs .step	{display: block; width: 35px; height: 35px; border-radius: 50%; margin: 4px 5px 0 0; padding: 0; text-shadow: none; float: left;
				 background-color: #FAD9D9; color: #FFF; text-align: center; font-size: 13pt; line-height: 35px; }
#userTabs > li > a:before {margin-right: 5px;}
		 

#corset			{margin: 0; padding: 20px; box-sizing: border-box !important }
#corset p		{font-family: Verdana, sans; font-size: 12px; line-height: 22px; color: #930010; margin-bottom: 0px; padding: 0 !important}
#corset p.product-description p {
  margin: 0.5rem 0;
}
#corset h4		{padding: 0 !important}
#corset h4 b	{display: inline-block; width: 75px; text-align: right; color: #E30028}

ul.product-extras {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.product-extras li label {
  display: flex;
  align-items: center;
}
ul.product-extras li input {
  margin-right: 5px;
}
ul.product-extras li select {
  margin: 0 0 0 5px;
}

.cprice, .oprice		{display: block; margin: 0px; font-family: Verdana; font-size: 12px}
.cprice dd		{display: inline-block; width: 70%; line-height: 25px; color: #930010;}
.cprice dt		{display: inline-block; width: 25%; line-height: 25px; color: #B00012 ;}
.cprice b 		{display: inline-block; width: 70%; text-align: right; color: #E30028; font-size: 14px; width:66%;}
.cprice.hidden, .oprice.hidden {display: none}

.tooltip		{font-family: "Georgia"; font-size: 14px}
.tooltip-inner	{border-radius: 6px;}

span[data-icon]:before {margin-right: .3em;}

#add2cart {margin-bottom: 20px;}
#add2cart input {margin-bottom: 0;}

/* login */

.ulogin, 
.ulogged	{
	display: block; position: absolute; 
	right: 30px; width: 485px; height: 70px; box-shadow: 0px 0px 10px 1px rgba(94,0,0,0.7);
	background: #e30028; border-radius: 8px; color: white; 
	background: -moz-linear-gradient(top,  #e30028 33%, #b00012 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#e30028), color-stop(100%,#b00012));
	background: -webkit-linear-gradient(top,  #e30028 33%,#b00012 100%);
	background: -o-linear-gradient(top,  #e30028 33%,#b00012 100%);
	background: -ms-linear-gradient(top,  #e30028 33%,#b00012 100%);
	background: linear-gradient(to bottom,  #e30028 33%,#b00012 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30028', endColorstr='#b00012',GradientType=0 );
			  transition: all 1s ease-in-out; 
	  -webkit-transition: all 1s ease-in-out; 
	     -moz-transition: all 1s ease-in-out; 
	       -o-transition: all 1s ease-in-out; 
	      -ms-transition: all 1s ease-in-out;}

.ulogged img	{display: inline-block; border-radius: 8px 0 0 8px; border-right:solid 2px #B00012; float: left; box-shadow: 0px 0px 5px 2px rgba(148,0,18,0.5); background-image: url('../img/nopic70.png');}
.ulogged h5		{display: inline-block; position: absolute; top:-3px; left:85px; color: #FAEBEB; width:390px; text-shadow: 0px 0px 6px #960d1e; -webkit-font-smoothing: antialiased;}
.ulogged h5 a	{float: right; margin: 0; padding: 0; color: #7e0010; font-size: 18px;}
.ulogged a		{display: inline-block; margin: 42px 0 0 0; padding: 0 14px 0 11px; font-family: arial; font-size: 15px; text-transform: capitalize; color: #ff7173; border-right:dotted 1px #930010}
.ulogged a:before {margin-right: 3px;}
.ulogged a:last-child {border: none}

.ulogin #join	{float:right; margin: 10px 13px; width: 105px; height: 50px; font-family: "Bree serif"; font-size: 15px}

.ulogin	input	{float:left; margin: 10px 0 0 10px;}
.ulogin input[type=text],
.ulogin input[type=password]	{width:167px; padding-right: 25px;}
.ulogin label	{position: absolute; color: #EDB4BF; margin: 16px}
.ulogin .user	{left:174px}
.ulogin .pass	{left:382px}
.ulogin a		{display: inline-block; margin: 0 0 0 0px; padding: 5px 5px 0 15px; font-family: "Verdana"; font-size: 9px; color: #ff7173; text-transform: uppercase;}

.ulogin					 {top:  35px;}
.ulogged				 {top:  35px;}

.msheader a:hover		 {color: white}


/* tabs */

.user-pic			{float:left; margin: 10px; width: 70px; height: 70px; border-radius:50%; background-image: url('../img/nopic70.png');}
.user-logout		{float: right; margin: 10px; font-size: 13pt}

.mycart				{float:left; font-size: 25pt; color: #FAD9D9; width: 100%; text-align: center; padding: 0; margin: 7px 0 0 0}

.nav-tabs			{margin:55px 0 0 0; border-bottom: 1px dotted #EDB4BF;}
.nav-tabs a			{color: #EDB4BF; font-family: "Arial"; font-size: 9pt; font-weight: bold; text-transform: uppercase;}
.nav-tabs a:hover	{color: #B3646D; background: url('../img/bg0.png'), #FAEEEE !important; border:solid 1px #FAEEEE !important; border-bottom: 1px dotted #EDB4BF !important;}
.nav-tabs li.active	a, .nav-tabs li.active a:hover
					{color: #B3646D; background-color: white !important; border: 1px dotted #EDB4BF !important; border-bottom: 1px solid white !important;}

.nav-tabs li .step		{}
.nav-tabs li.active .step{background-color: #930010 !important;}

.nav-tabs li h4		{color: #EDB4BF }
.nav-tabs li.active	h4, .nav-tabs li.active h4:hover
					{color: #930010;  !important; }

.history table		{margin:15px 0 20px 0; width: 100%}
.history th			{margin:0; padding: 3px 10px 3px 20px; color: #333333; font-family: Verdana; font-size: 10px; text-align: left;}
.history td			{margin:0; padding: 3px 3px 3px 5px; color: #930010; font-family: Arial; font-size: 10px; border: solid 1px white; background: url('../img/bg0.png'), #FAEEEE !important;}
.history td:last-child {border-right: 20px solid white;}


table.cart			{font-size: 15px; color: #B3646D; margin-bottom: 40px; background: url('../img/bg0.png'), #FAEEEE;}
td.cartpicture		{margin:0; padding: 0 2px 0 0; width: 165px; background: white;}
td.cartoptions		{margin:0; padding: 5px 15px; color: #930010;  border-left: solid 2px red; font-family: "Bree Serif"; }
td.cartprice		{margin:0; padding: 15px; color: #000}

.usertab			{min-height: 600px}



table.encomendas	{margin: 0 auto 10px auto; max-width: 96%; border: 1px dotted #B3646D; border-radius: 4px; font-weight: normal; line-height: 30px}

table.encomendas	a		{font-size: 13px; font-family: Georgia; font-weight: bold}

table.encomendas	.peq	{font-size: 11px; font-family: "Bree Serif"; font-weight: normal; text-transform: uppercase; line-height: 10px; display: block;}
table.encomendas	.tit	{font-size: 15px; font-family: "Bree Serif"; line-height: 30px; margin-left: 5px;}

table.encomendas span.remove	{font-size: 15px; margin-left: 5px;}
table.encomendas img		{margin: 0 0 0 5px; border-radius: 50%}

table.encomendas thead	{font-size: 14px; font-weight: bold; color: #B3646D; background: #FAEEEE;}
table.encomendas tbody 	{font-family: "Arial"; font-size: 9pt; color: #444444;}

table.encomendas textarea {width: 100%; box-sizing: border-box;}

table#table-images.encomendas tr.deleted {
	opacity: 0.5;
	background-color: #ffaaaa;
}

.table th			{border-left: 1px solid #FFFFFF; border-top: 1px solid #FAEEEE; font-weight: normal}
.table td			{border-left: 1px solid #FAEEEE; border-top: 1px solid #FAEEEE; font-weight: normal;}

.infopedido			{background: url('../img/bg0.png'), #FAEEEE; color: #B3646D}
.infopedido input[type=text],
.infopedido select {
	width: 90px;
}


/* forms */

form				{margin:0; padding: 0}
fieldset			{margin: 0px 20px 40px 0}
label				{font-family: "Bree Serif"}
label.disabled		{color: #c2c2c2; font-weight: 100;}

.help-block			{padding: 7px 7px 0 7px !important; margin: 0 !important; font-family: "Arial"; font-size: 9pt; line-height: 12pt; color: #B3646D;}
.help-block b		{padding: 0 0 30px 0}
.help-block td		{padding: 0 33px 3px 0}

.form-horizontal 		{}
.medidas .controls		{margin-left: 20px}
.medidas .control-group {position: relative; max-width: 280px}
.medidas .control-label {position: absolute; float: none; text-align: left; left:30px; color: #e6919b; font-weight: normal}
.medidas .input-large	{text-align: right;}
.medidas p.help-block	{height: 24pt}

#save				{margin:40px 20px}
.control-group.bvalid {display: none;}

.controls.padded {padding: 4px 6px;}

.control-group.subgroup {margin-bottom: 10px !important;}


/* LOGIN SCREEN */

#login				{background-color: white; border-radius: 10px; max-width: 450px;
					 box-shadow: 0px 0px 10px rgba(145,0,15,0.5); position:absolute;  z-index:15; top:50%; left:50%; margin: -225px 0 0 -225px;}		
					 	 
#login fieldset, #login .control-group
					{margin:0 0 15px 0}

#login h3			{font-size: 26px}
#login h3 span		{font-size: 52px}
#login p			{font-size: 13px; line-height: 15px; padding-bottom: 5px}
#login label		{text-align: left;}
#login label span	{float:right; color: #ccc}
#login label.check	{line-height: 28px}
#login .controls i 	{display: block; width: 50px; height: 30px; border-radius: 50% 50%; text-align: center; margin: 10px auto -20px auto;
					 color: #EDB4BF; font-family: "Bree Serif"; font-size: 12pt; line-height: 12px; font-style: normal;}
#login .panel-bot	{text-align: center; padding: 15px 0 0 0}

#checkout .controls {color: #E30028; line-height: 30px}


/* placeholder */

input::-webkit-input-placeholder 	{color: #cccccc; line-height: 20px}
input::-moz-placeholder 			{color: #EDB4BF; line-height: 20px}
input:-moz-placeholder 				{color: #EDB4BF; line-height: 20px}
input:-ms-input-placeholder 		{color: #EDB4BF; line-height: 20px}


/* selection */

	::-moz-selection {
	  background: #FAD9D9; color: #B3646D; text-shadow: none;}
	::selection {
	  background: #FAD9D9; color: #B3646D; text-shadow: none;}	
  	
  	
/* Botoes */  	

	.btn-sample {
		color: #B3646D; margin: 10px 0 20px 0;
		text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
		background-color: #FCD2D2; *background-color: #FCD2D2;
		background-image: -moz-linear-gradient(top, #FAEBEB, #FCD2D2);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAEBEB), to(#FCD2D2));
		background-image: -webkit-linear-gradient(top, #FAEBEB, #FCD2D2);
		background-image: -o-linear-gradient(top, #FAEBEB, #FCD2D2);
		background-image: linear-gradient(to bottom, #FAEBEB, #FCD2D2);
		background-repeat: repeat-x; font-family: "Bree Serif";
		border-color: #FCD2D2; border-color: #FCD2D2 #FCD2D2 hsl(0, 100%, 80%);
		-webkit-font-smoothing: antialiased;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAEEEE', endColorstr='#FCD2D2', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
		
	.btn-sample:hover		{
		background-color: #FAC8C8; color: #930010}		
	.btn-sample.disabled,
	.btn-sample[disabled]	{
		background-color: #FAC8C8; color: #B3646D}
	.btn-sample.active		{
		background-color: #b00012; color: #FFFFFF;
		background-image: -moz-linear-gradient(top, #930010, #B00012);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#930010), to(#B00012));
		background-image: -webkit-linear-gradient(top, #930010, #B00012);
		background-image: -o-linear-gradient(top, #930010, #B00012);
		background-image: linear-gradient(to bottom, #930010, #B00012);
		background-repeat: repeat-x;}
  	
	.btn-filter	{
	  display: block; float: right; margin: 45px 28px 0 0;}
	.btn-large {
	  margin:-20px 0 5px 0; padding: 10px 15px; font-family: "Bree Serif"; font-size: 22px !important}

	.btn-nav	{
	  display: block; float: right; margin: 15px 28px 0 0;}	  
	.btn-small {
	  margin:0; padding: 0 10px 6px 10px; font-family: "Bree Serif"; line-height: 22px; font-size: 22px !important}
 
	.btn.disabled {
		background: hsl(24, 50%, 71%) !important;
		color: #c1967a !important; opacity: 0.8;
		box-shadow: inset 0px 2px 5px rgba(143,81,79,0.6);}
	.btn.disabled span.caret {
		border-top-color: #c1967a; border-bottom-color: #c1967a;}

.btn-group > .btn:first-child {
    border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
    
.btn-group > .btn:last-child {
    border-top-right-radius: 8px; border-bottom-right-radius: 8px;}

			

/* PACE loading bar */

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #ffffff;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #ffffff, 0 0 5px #ffffff;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}


/* Carousel Home */

#CarouselH 		{
	margin: 0; width: 100%; max-height: 500px; overflow: hidden;
	background-color: #B00012; border-bottom: 1px solid #FAEEEE;
	border-radius: 10px 10px 0 0; }

#CarouselH img	{
	margin: 0; width: 100%; max-width: 1080px;
	border-radius: 10px 10px 0 0; }
	
.carousel.carousel-fade .item {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;}
  
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0);}
  
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  left: 0; z-index: 1;}

.carousel.carousel-fade .carousel-control {
  z-index: 3;}
	

/* Carousel Index Modelos */

#CarouselM 		{
	background-color: #FFFFFF; background-image:url('../img/bg4.gif'); background-attachment: fixed;
	border-radius: 10px 10px 0 0; min-height: 400px; margin-bottom: 0;}

#CarouselM .item{
	background-repeat: no-repeat; background-position: 11% center; min-height: 420px; max-height: 480px;}

#CarouselM h2 	{
	margin: 40px 7% 0 50%;}
	
#CarouselM p 	{
	margin: 10px 7% 0 50%; color: #B00012; 
	font-family: "Bree serif"; font-size: 11pt; line-height: 20pt;}

#CarouselM img {margin: 0 10px 0 0; width:70px; height: 70px; border-radius: 50%}

#CarouselM ul.carousel-indicators {
  position: relative; background: url('../img/bg0.png'), #FAEEEE ;
  top: 0px; right: 0px; margin: 0; box-shadow: inset 0px -42px 55px -24px rgba(179,101,110,0.3)}
  
#CarouselM ul.carousel-indicators li {
  display: inline-block; float: none; background-color:none !important;
  width: inherit; height: inherit; text-indent: inherit; 
  -webkit-transition: all -webkit-transform 0.4s; -moz-transition: all -moz-transform 0.4s; transition: all 0.4s;}

#CarouselM ul.carousel-indicators li a			{
  width: 66px; height: 66px; margin-right: 10px; font-size: 42pt; line-height: 72px; opacity: 0.8;
  background-color: #EDB4BF; color: #FFFFFF; border: solid 2px #FFFFFF;}
#CarouselM ul.carousel-indicators li a:hover	{
  background-color: #FFFFFF; color: #E30028; border: solid 2px #E30028;}	  
#CarouselM ul.carousel-indicators .active 		{
  background-color: none !important;}
#CarouselM ul.carousel-indicators .active a  	{
  background-color: #B3646D !important; color: #FFFFFF!important;
  box-shadow: inset 0px 0px 9px 3px rgba(84,0,9,0.3);  border: solid 2px white; 
  -webkit-transition: all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

#CarouselM .car-icon a {
	position: relative;
}

#CarouselM .car-icon a span {
	display: block;
	width: 66px;
	height: 66px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	background-size: auto 100%;
}

#CarouselM .car-icon a:hover span {
	background-position: 100% 0;
}

#CarouselM .car-icon.active a:hover span {
	background-position: 0 0;
}

#CarouselM .car-icon.shorts a span {
	background-image: url('../img/tag-images/icon-shorts.svg');
}

#CarouselM .car-icon.swissbelts a span {
	background-image: url('../img/tag-images/icon-swissbelts.svg');
}


/* Carousel Corset */

#CarouselC 		{
	position: relative; background-color: none; margin: 20px 0 20px 100px; min-height: 420px;}

#CarouselC .item{
	width:100%;}

#CarouselC ul.carousel-indicators {
  position: absolute; top: -4px; left: -104px; margin: 0 0 0 20px; padding: 0;}
  
#CarouselC ul.carousel-indicators li {
  display: block; float: none; background: url('../img/bg0.png'), #FAEEEE !important;  border-radius: 0;
  width: 75px; height: 75px; text-indent: inherit; margin: 4px; padding: 0; border: 0;}

#CarouselC ul.carousel-indicators li.active {
  border-right: solid 4px #E30028;}

#CarouselC ul.carousel-indicators li a			{
  width: 75px; height: 75px; margin: 0; padding: 0; border-radius: 0; border: 0; border-right:solid 1px white; opacity: .4;}

#CarouselC ul.carousel-indicators li a:hover {
  border-right:solid 1px white; opacity:.8;}

#CarouselC ul.carousel-indicators li a:active {
  opacity: 1;}  

#CarouselC ul.carousel-indicators .active a {
  opacity: 1;}  
  

/* Carousel Testimonials */	

#CarouselQ {
  margin: 0px 0 40px 0;}

img.clientr{
	width: 50px; height: 50px; border-radius: 50%; 
	box-shadow: 0 0 2px 1px #FAD9D9; padding: 0;
	margin: -5px 10px 0 0;
	background-image: url('../img/nopic50.png');}
	
#CarouselQ img.clientl{
	width: 50px; height: 50px; border-radius: 50%; 
	box-shadow: 0 0 2px 1px #FAD9D9; padding: 0;
	float:right; margin: -5px 0 0 10px;
	background-image: url('../img/nopic50.png');}

.tsleft		{ padding: 10px 15px 0 60px; text-align: right}
.tsright 	{ padding: 10px 60px 0 15px; text-align: left}

	
/* Carousel control */	

.carousel-control {
  position: absolute; top: 45%; left: 10px;
  width: 40px; height: 40px; margin-top: 0px;
  font-family: "Arial"; font-size: 50px; font-weight: 100; line-height: 40px;
  color: #B00012; background: none; border:none; opacity: 1; filter: alpha(opacity=100);}

.carousel-control:hover {
  color: #E30028; background-color: none; opacity: 1; filter: alpha(opacity=100);}




/* Codrops.com Caption Hover Effect */

.grid {
	padding: 20px 0 0 0; margin: 0;
	list-style: none; }

.grid li {
	display: inline-block; position: relative; width: 30%;
	margin: 0 0 2.5% 2.5%; padding: 0px;}

.grid figure {
	max-width: 320px; max-height: 380px;
	margin: 0; position: relative;}

.grid figure img {
	max-width: 100%;
  display: block;
  min-height: 15em;
	position: relative;
  background: url('../img/mmesher_logo_pink.svg');
  background-repeat: no-repeat;
  background-position: center;
}

.grid figcaption {
	position: absolute; top: 0; left: 0; font-family: "trebuchet ms", sans-serif; font-size: 13px; font-weight: 300;
	padding: 8px 10px; border-top:dotted 1px white;
	background: rgba(148,0,18,0.95); color: #e6b5b5;}

.grid figcaption .title-desc {
  height: 45pt;
  margin-right: 20px;
  overflow-y: auto;
}

.grid figcaption h3 {
	margin: 0; padding: 0 !important;
  display: inline;
	font-size: 14pt; line-height: 18pt; color: #fff; text-shadow: none;}

#main .grid figcaption .title-desc p::before {
  content: " - ";
}

#main .grid figcaption .title-desc p {
  color: white;
  padding: 0;
  display: inline;
  opacity: 0.7;
  font-size: 1em;
  line-height: 1;
}

.grid figcaption .footer {
  margin-top: 3px;
}
	
.grid figcaption .price	{
	float:right; margin: 0 20px 0 0;}
	

.cs-style-3 figure {
	overflow: hidden;}

.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);}

.cs-style-3 figcaption {
	height: 80px; width: 100%;
	top: auto; bottom: 0; opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;}

#gridpress figure {
	max-width: 288px; max-height: 288px;}


	 
/* Modal */

/*
.modal-header 		{border-bottom: 1px dotted #f0d1b9;}
.modal-header h4 	{padding:0; line-height: 28px}
.modal-body			{max-height: 420px; padding:2px;} 
.modal-body .buy 	{margin: 0 15px; padding: 0 0 5px 0;}
.modal-body h5 		{padding: 8px 0 2px 0; color: #99514f}
.modal-body label	{font-size: 14px; line-height: 20px; color: #555555; padding-bottom: 2px}
.modal-footer 		{border-top: 1px solid #dcb79b; background-image:url(../img/bgdk.gif);}
.modal button		{color:#99514f}

.cartproduct		{padding:8px 13px; border-bottom: 1px dotted #f0d1b9; background-image:url(../img/bglt.gif);}
.cartproduct label	{font-family: "Bree Serif"; font-size: 16px;   line-height: 24px;}
.cartproduct img	{float: left;  margin-right: 10px; border: solid 1px #f0d1b9}

.pricetag			{display:block; float:right; color: #99514f; padding-right: 0px}

.input-prepend .add-on {
  padding: 5px 5px 3px 5px;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #fff8f3;}

.void-prepend .add-on {background-color: #FFFFFF; border: solid 1px white;}
.add-on				  {color: #99524f; background-color: none; border-color: #d4aa8a;}

.badge {
  display: inline-block; 
  margin: 0 4px; padding: 5px 5px;
  font-size: 20px;line-height: 20px;
  vertical-align:top; white-space: nowrap;
  background-color: #FFFFFF;}

.badge-warning {color: #953b39;}
.badge-success {color: #468847;}

.buy p		{padding: 10px 0}
.buy ul		{margin-top: 10px;}
.buy ul li	{padding: 0 0 5px 0; font-size: 12px}
*/


form.dropzone {
	margin: 20px;
	border: 2px dashed #B3646D;
	border-radius: 4px;
}

form.dropzone div.dz-message {
	font-family: 'Bree serif';
	font-size: 16px;
	color: #930010;
}

p.old-warning {
	font-weight: bold;
	color: red;
}



/* Media Queries */

@media (max-width: 979px) {
	#userTabs h4 {padding: 0;}

	.grid figure {
		max-height: 430px;
	}

	.cs-style-3 figure img {
		-webkit-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		transform: translateY(-50px);}

	.cs-style-3 figure figcaption {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s;
		transition: transform 0.4s, opacity 0.1s;}

}

@media (min-width: 979px) and (max-width: 1200px) {

.index a, .index .active a:focus 
				{max-width: 190px !important}

#gridpress figure {
	max-width: 270px; max-height: 270px;}

}


@media (min-width: 768px) and (max-width: 979px) {

.index			{width:184px !important}
.index a, .index .active a:focus 
				{max-width: 149px !important}			
				
.ulogin, 
.ulogged	{
	right: 0px;	}			

.mslogo	{padding:12px 10px 0 0; width: 180px;}

nav a	{font-size: 14px;}
				
#CarouselM .item{background-position: 0 center;}
#CarouselM h2 	{margin: 40px 6% 0 42%;}
#CarouselM p 	{margin: 10px 6% 0 42%;}
#CarouselM ul.carousel-indicators li a	{font-size: 33pt; line-height: 40pt !important}

#CarouselC 	{ margin: 20px 0 20px 70px; } 
#CarouselC ul.carousel-indicators 
			{ top: -4px; left: -80px; margin: 0 0 0 20px; padding: 0;}
#CarouselC li, #CarouselC li a, #CarouselC li a img
			{width: 50px !important; height: 50px !important; vertical-align:top;}

#corset h4 b	{width: 50px}

ul.pag a,
ul.pag span,
ul.pag button {
  width: 48px !important; height: 48px !important; line-height: 48px !important;
}

footer h1		{color: #FAEEEE; font-size: 77px; line-height: 77px; padding: 0; margin:20px 0 20px 0; text-align: right}
footer h6 a		{color: #EDB4BF;  display: inline-block; font-weight: lighter; padding: 0 8px 0; letter-spacing: 0}	


.nav-tabs a	b	{display: none}

.grid figcaption h3 {font-size: 12pt; line-height: 14pt;}

#gridpress figure {
	max-width: 217px; max-height: 217px;}


}

@media (max-width: 767px) {
body 			{padding: 0px; }  
footer			{border-radius:0 }
#main			{border-radius:0 }

.carousel, .carousel img
				{border-radius: 0 !important}

#CarouselM		{height: 360px; max-height: 360px; min-height: 360px;}
#CarouselM .item{background: none !important; }
#CarouselM h2 	{margin: 20px 40px;}
#CarouselM p 	{margin: 20px 40px;}

#CarouselC  	{margin: 20px; display: flex !important; flex-direction: column;}

#CarouselC ul.carousel-indicators {
	position: initial !important;
	margin-left: 0;
	display: flex;
	overflow-x: scroll;
}

#CarouselC ul.carousel-indicators li {
	border-bottom: solid 4px white;
}

#CarouselC ul.carousel-indicators li.active {
	border-right: none !important;
	border-bottom: solid 4px #E30028;
}

#CarouselQ div.tsleft	{display: none}
#CarouselQ div.tsright	{margin:0 45px; width: 90%}

#elastique		{border-top: 1px dotted #EDB4BF;}

ul.pag li		{margin: 15px 5px;}
ul.pag span		{width: 28px; height:28px; font-size: 9pt; line-height: 29px;}
ul.pag a,
ul.pag button {
  width: 28px; height:28px; font-size: 9pt; line-height: 29px; font-family: "Arial";
}

header			{height: 190px}


.mslogo			{padding: 0; position: absolute; clip: rect(0px, 180px, 66px, 70px);}	

.padl			{padding-right: 20px !important; padding-left: 0px !important;}
.padr			{padding-right: 0px !important; padding-left: 20px !important;}

#gridpress figure {
	max-width: 225px; max-height: 225px;}

footer h6		{margin: 30px 20px 10px 20px}
footer p		{text-align: center; margin: 0 20px 40px 20px}
footer iframe	{margin: 0 !important}

}

@media (max-width: 480px) {

#CarouselM		{height: auto; max-height: none; min-height: 530px;}
#CarouselM p {
	margin: 5px 40px;
}

#CarouselM .item {max-height: none;}

.grid li		{margin: 0; padding: 0 20px; display: block; width: 100%;}
.grid figure	{margin: 0 auto 20px auto}

footer h6 a		{font-size: 18pt; padding-right: 5px}
footer h6 span	{display: none}

.nav-tabs a	b	{display: none}

}

@media (max-width: 360px) {

.catpics	{display: none}

footer h6 a		{font-size: 16pt; padding-right: 0}
	
}


/* Bootstrap iPad Fix */	

@media (min-width: 768px) and (max-width: 1024px) {
  
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (min-width: 479px) and (max-width: 650px) {
	.grid figcaption h3 {
		font-size: 10pt;
	}
}


/* Responsive Video */
	
.flex-video {
  position: relative; margin-bottom: 40px;
  padding-top: 25px; padding-bottom: 67.5%;
  height: 0; overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media  only screen and (max-device-width: 800px), 
		only screen and (device-width: 1024px) and (device-height: 600px), 
		only screen and (width: 1280px) and (orientation: landscape), 
		only screen and (device-width: 800px), 
		only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}


/* ICOMoon */

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal; font-style: normal;
}

[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon); speak: none;
	font-weight: normal; font-variant: normal;
	text-transform: none; line-height: 1;
	-webkit-font-smoothing: antialiased;
}

[data-iconz]:after {
	font-family: 'icomoon';
	content: attr(data-icon); speak: none;
	font-weight: normal; font-variant: normal;
	text-transform: none; line-height: 1;
	-webkit-font-smoothing: antialiased;
}




/* OFFSCREEN MENU  */


#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;}

#inner-wrap {
  position: relative;
  width: 100%;}

.nav-btn {
  display: block;
  width: 55px; height: 55px;
  position: absolute; right: 76px; top: 46px;
  padding: 5px; font-size: 55px; line-height: 10px; text-align: center;
  box-shadow: 0px 0px 10px 1px rgba(94,0,0,0.7);
	background: #e30028; border-radius: 8px; color: white; 
	background: -moz-linear-gradient(top,  #e30028 33%, #b00012 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#e30028), color-stop(100%,#b00012));
	background: -webkit-linear-gradient(top,  #e30028 33%,#b00012 100%);
	background: -o-linear-gradient(top,  #e30028 33%,#b00012 100%);
	background: -ms-linear-gradient(top,  #e30028 33%,#b00012 100%);
	background: linear-gradient(to bottom,  #e30028 33%,#b00012 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30028', endColorstr='#b00012',GradientType=0 );}

.nav-btn b {font-size: 11px; letter-spacing: 0.1em; color: #750210;}

.nav-btn:hover, .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;}

.close-btn {
  margin: 0; padding: 0; border: 0;}



@media screen and (min-width: 767px) {
  .nav-btn {
    border: 0;
    clip: rect(0 0 0 0);
    width: 1px; height: 1px;
    margin: -1px; padding: 0;
    position: absolute; overflow: hidden;}

  #nav .close-btn {
    border: 0;
    clip: rect(0 0 0 0);
    width: 1px; height: 1px;
    margin: -1px; padding: 0;    
    position: absolute; overflow: hidden;}

  #nav ul {
    margin: 0; padding: 0;}
  #nav li {
    display: inline;}

}

.show-mobile {display: none !important;}

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

  .ulogin, .ulogged {display: none;}

  #userTabs h4 {
  	font-size: 0;
  	width: 55px;
  	margin: 0;
  	text-align: center;
  }

  #userTabs .step {
  	margin-left: 9px;
  }

  #perfil fieldset,
  #checkoutform fieldset,
  #payment-form fieldset {
  	box-sizing: border-box;
  	width: 100%;
  	margin: 10px 0;
  	padding: 0 20px;
  }

  #login {
  	position: relative;
  	top: 0;
  	left: 0;
  	max-width: none;
  	margin: 10px;
  }

#outer-wrap{
	background-color: #930010; background-image:url('../img/bg3.gif'); background-attachment: fixed;}

  #nav {
    position: absolute; top: 0;}
  
  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }
  #nav:target .close-btn {
    display: block;}
  
  #nav .close-btn {
    position: relative;
    top: 5px; left: 0px;}
  
  #nav ul {
    list-style: none;
    margin: 0; padding: 0;}
  
  #nav li {
    position: relative;}
    
   #nav li a {
    padding: 0; margin: 5px 10px;
    width: 90%;}

   #nav li a.this {
	   background-image:none; 
   }

   .show-mobile {display: block !important;}

   #nav hr {
   	border-top: 0;
   }

  .js-ready #nav {
    height: 100%; width: 70%;}

  .js-ready #nav .close-btn {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7; background: transparent;}
    
  .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; background: transparent;}


  .js-ready #nav 		{left: -70%;}
  .js-ready #inner-wrap {left: 0;}
  .js-nav #inner-wrap 	{left: 70%; }


  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* Fancybox */

.fancybox-close {
	display: none !important;
}

.fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../img/fancybox_sprite.png') !important;
}


/* zipcode checkout loading */

.zip-loading {
	position: relative;
}

.zip-loading .zip-loading-spinner {
	position: absolute;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: visibility 500ms, opacity 500ms;
}

.zip-loading.active .zip-loading-spinner {
	visibility: visible;
	opacity: 1;
}

.zip-loading .zip-loading-spinner .background {
	background-color: white;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.zip-loading .zip-loading-spinner .loader {
	margin-top: 130px;
	font-size: 10px;
	z-index: 999;
}


/* Spinner */
.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #b00012, 1.8em -1.8em 0 0em rgba(176,0,18, 0.2), 2.5em 0em 0 0em rgba(176,0,18, 0.2), 1.75em 1.75em 0 0em rgba(176,0,18, 0.2), 0em 2.5em 0 0em rgba(176,0,18, 0.2), -1.8em 1.8em 0 0em rgba(176,0,18, 0.2), -2.6em 0em 0 0em rgba(176,0,18, 0.5), -1.8em -1.8em 0 0em rgba(176,0,18, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.7), 1.8em -1.8em 0 0em #b00012, 2.5em 0em 0 0em rgba(176,0,18, 0.2), 1.75em 1.75em 0 0em rgba(176,0,18, 0.2), 0em 2.5em 0 0em rgba(176,0,18, 0.2), -1.8em 1.8em 0 0em rgba(176,0,18, 0.2), -2.6em 0em 0 0em rgba(176,0,18, 0.2), -1.8em -1.8em 0 0em rgba(176,0,18, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.5), 1.8em -1.8em 0 0em rgba(176,0,18, 0.7), 2.5em 0em 0 0em #b00012, 1.75em 1.75em 0 0em rgba(176,0,18, 0.2), 0em 2.5em 0 0em rgba(176,0,18, 0.2), -1.8em 1.8em 0 0em rgba(176,0,18, 0.2), -2.6em 0em 0 0em rgba(176,0,18, 0.2), -1.8em -1.8em 0 0em rgba(176,0,18, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.2), 1.8em -1.8em 0 0em rgba(176,0,18, 0.5), 2.5em 0em 0 0em rgba(176,0,18, 0.7), 1.75em 1.75em 0 0em #b00012, 0em 2.5em 0 0em rgba(176,0,18, 0.2), -1.8em 1.8em 0 0em rgba(176,0,18, 0.2), -2.6em 0em 0 0em rgba(176,0,18, 0.2), -1.8em -1.8em 0 0em rgba(176,0,18, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.2), 1.8em -1.8em 0 0em rgba(176,0,18, 0.2), 2.5em 0em 0 0em rgba(176,0,18, 0.5), 1.75em 1.75em 0 0em rgba(176,0,18, 0.7), 0em 2.5em 0 0em #b00012, -1.8em 1.8em 0 0em rgba(176,0,18, 0.2), -2.6em 0em 0 0em rgba(176,0,18, 0.2), -1.8em -1.8em 0 0em rgba(176,0,18, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.2), 1.8em -1.8em 0 0em rgba(176,0,18, 0.2), 2.5em 0em 0 0em rgba(176,0,18, 0.2), 1.75em 1.75em 0 0em rgba(176,0,18, 0.5), 0em 2.5em 0 0em rgba(176,0,18, 0.7), -1.8em 1.8em 0 0em #b00012, -2.6em 0em 0 0em rgba(176,0,18, 0.2), -1.8em -1.8em 0 0em rgba(176,0,18, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.2), 1.8em -1.8em 0 0em rgba(176,0,18, 0.2), 2.5em 0em 0 0em rgba(176,0,18, 0.2), 1.75em 1.75em 0 0em rgba(176,0,18, 0.2), 0em 2.5em 0 0em rgba(176,0,18, 0.5), -1.8em 1.8em 0 0em rgba(176,0,18, 0.7), -2.6em 0em 0 0em #b00012, -1.8em -1.8em 0 0em rgba(176,0,18, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.2), 1.8em -1.8em 0 0em rgba(176,0,18, 0.2), 2.5em 0em 0 0em rgba(176,0,18, 0.2), 1.75em 1.75em 0 0em rgba(176,0,18, 0.2), 0em 2.5em 0 0em rgba(176,0,18, 0.2), -1.8em 1.8em 0 0em rgba(176,0,18, 0.5), -2.6em 0em 0 0em rgba(176,0,18, 0.7), -1.8em -1.8em 0 0em #b00012;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #b00012, 1.8em -1.8em 0 0em rgba(176,0,18, 0.2), 2.5em 0em 0 0em rgba(176,0,18, 0.2), 1.75em 1.75em 0 0em rgba(176,0,18, 0.2), 0em 2.5em 0 0em rgba(176,0,18, 0.2), -1.8em 1.8em 0 0em rgba(176,0,18, 0.2), -2.6em 0em 0 0em rgba(176,0,18, 0.5), -1.8em -1.8em 0 0em rgba(176,0,18, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.7), 1.8em -1.8em 0 0em #b00012, 2.5em 0em 0 0em rgba(176,0,18, 0.2), 1.75em 1.75em 0 0em rgba(176,0,18, 0.2), 0em 2.5em 0 0em rgba(176,0,18, 0.2), -1.8em 1.8em 0 0em rgba(176,0,18, 0.2), -2.6em 0em 0 0em rgba(176,0,18, 0.2), -1.8em -1.8em 0 0em rgba(176,0,18, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.5), 1.8em -1.8em 0 0em rgba(176,0,18, 0.7), 2.5em 0em 0 0em #b00012, 1.75em 1.75em 0 0em rgba(176,0,18, 0.2), 0em 2.5em 0 0em rgba(176,0,18, 0.2), -1.8em 1.8em 0 0em rgba(176,0,18, 0.2), -2.6em 0em 0 0em rgba(176,0,18, 0.2), -1.8em -1.8em 0 0em rgba(176,0,18, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.2), 1.8em -1.8em 0 0em rgba(176,0,18, 0.5), 2.5em 0em 0 0em rgba(176,0,18, 0.7), 1.75em 1.75em 0 0em #b00012, 0em 2.5em 0 0em rgba(176,0,18, 0.2), -1.8em 1.8em 0 0em rgba(176,0,18, 0.2), -2.6em 0em 0 0em rgba(176,0,18, 0.2), -1.8em -1.8em 0 0em rgba(176,0,18, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.2), 1.8em -1.8em 0 0em rgba(176,0,18, 0.2), 2.5em 0em 0 0em rgba(176,0,18, 0.5), 1.75em 1.75em 0 0em rgba(176,0,18, 0.7), 0em 2.5em 0 0em #b00012, -1.8em 1.8em 0 0em rgba(176,0,18, 0.2), -2.6em 0em 0 0em rgba(176,0,18, 0.2), -1.8em -1.8em 0 0em rgba(176,0,18, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.2), 1.8em -1.8em 0 0em rgba(176,0,18, 0.2), 2.5em 0em 0 0em rgba(176,0,18, 0.2), 1.75em 1.75em 0 0em rgba(176,0,18, 0.5), 0em 2.5em 0 0em rgba(176,0,18, 0.7), -1.8em 1.8em 0 0em #b00012, -2.6em 0em 0 0em rgba(176,0,18, 0.2), -1.8em -1.8em 0 0em rgba(176,0,18, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.2), 1.8em -1.8em 0 0em rgba(176,0,18, 0.2), 2.5em 0em 0 0em rgba(176,0,18, 0.2), 1.75em 1.75em 0 0em rgba(176,0,18, 0.2), 0em 2.5em 0 0em rgba(176,0,18, 0.5), -1.8em 1.8em 0 0em rgba(176,0,18, 0.7), -2.6em 0em 0 0em #b00012, -1.8em -1.8em 0 0em rgba(176,0,18, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(176,0,18, 0.2), 1.8em -1.8em 0 0em rgba(176,0,18, 0.2), 2.5em 0em 0 0em rgba(176,0,18, 0.2), 1.75em 1.75em 0 0em rgba(176,0,18, 0.2), 0em 2.5em 0 0em rgba(176,0,18, 0.2), -1.8em 1.8em 0 0em rgba(176,0,18, 0.5), -2.6em 0em 0 0em rgba(176,0,18, 0.7), -1.8em -1.8em 0 0em #b00012;
  }
}

.text-right {
  text-align: right !important;
}

#main .testimoniallist p {
  padding: 0;
  margin: 0;
}

#main .testimoniallist li {
  margin-bottom: 40px;
}

.testimoniallist .clientname {
  margin-top: 5px;
  text-align: right;
  color: #B3646D;
  font-family: "Bree Serif";
  font-size: 10pt;
}