/* CSS Document */


/* ==========================================================================
   Facing Beauty CSS
   ========================================================================== */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: "Raleway",sans-serif;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Prevent tap highlight on iOS/Android */
  -webkit-text-size-adjust: 100%;
  /* Prevent automatic scaling on iOS */
}

body {
	background:#fff;
	color:#000;
	margin:0;
	padding:0;
	font-size:62.5% !important;
}

html,
body,
img,
fieldset,
abbr,
acronym {
  border: 0;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
  line-height:normal !important;
}


th,
code,
cite,
caption {
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

address {
  font-style: normal;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

ol,
ul {
  list-style: none;
}

q:before,
q:after {
  content: '';
}

input:focus,
input[type="search"]:focus {
  outline-offset: -2px;
}

input[type="search"] {
  -webkit-appearance: none;
  /* 1 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}

/* ============================================ *
 * Base Styles
 * ============================================ */
@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

a, button {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

#body {
	background: #fff none repeat scroll 0 0;
	box-shadow: -8px 0 5px 0 rgba(0, 0, 0, 0.5);
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 100;
}


body,
button,
input,
select,
table,
textarea {
  font-size: 14px;
  line-height: 1;
}

a {
  text-decoration: none;
}

a:hover {
}

a:focus {
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ============================================ *
 * Typography
 * ============================================ */
h1, .h1 {
  margin: 45px 0;
  color: rgb(39, 39, 39);
  font-family: "Roboto",sans-serif;
  font-size: 2.6em;
  font-weight: 300;
  font-style: normal;
  line-height: 1.2;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
}

h2, .h2 {
  color:rgb(218, 6, 143);
  font-family: "Raleway",sans-serif;
  font-size: 2.6em;
  font-weight: 300;
  font-style: normal;
  margin: 45px 0;
  text-align: center;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
}

h3, .h3 {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: "Raleway",sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h4, .h4 {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: "Raleway",sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h5, .h5 {
  margin: 30px 0;
  color: rgb(218, 6, 143);
  font-family: "Raleway",sans-serif;
  font-size: 2.2em;
  font-weight: 300;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

h6, .h6 {
  margin: 18px 0px;
  color: rgb(218, 6, 143);
  font-family: "Roboto",sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  font-style: normal;
  line-height: 1.45em;
  text-rendering: optimizeSpeed;
  text-transform: uppercase;
}

/* ============================================ *
 * Shared Classes
 * ============================================ */
.calendar {
  z-index: 200;
}

.address-list address {
  margin-bottom: 1em;
}

.availability {
  margin-bottom: 0;
  font-size: 13px;
  text-transform: uppercase;
}

.availability .label {
  display: none;
}

.availability.in-stock {
  color: #11b400;
}

.availability.available-soon,
.availability.out-of-stock {
  color: #df280a;
  text-align:center;
}

.availability-only {
  color: #df280a;
  margin-bottom: 10px;
}

/* -------------------------------------------- *
 * Page Titles
 */
.page-title h1,
.page-title h2,
.product-name h1,
.product-name .h1 {
  font-size: 2.6em;
  font-weight: 300;
  color: rgb(39, 39, 39);
  text-transform: uppercase;
}















.clear {
	clear:both;
	line-height:0px;
}

h5 {
  color: rgb(218, 6, 143);
  font-family: "Raleway",sans-serif;
  font-size: 2.2em;
  font-weight: 300;
  margin: 30px 0;
  text-transform: uppercase;
}

header #top-nav {
  background: none repeat scroll 0 0 rgb(39, 39, 39);
  height: 41px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

header #top-nav ul {
	list-style:none;
	padding:0px;
	margin:0px;
	float:right;
}

header #top-nav ul li {
	float:left;
}

header #top-nav ul li a {
	display:block;
	max-height:41px;
	color:#fff;
	font-family:'Raleway', sans-serif;
	font-weight:700;
	text-decoration:none;
	padding:15px;
	text-transform:uppercase;
	font-size:1.2em;
	overflow:hidden;
}

header #top-nav .highlight a {
	color:rgb(243,59,126) !important;
}

header #top-nav ul li a:hover, header #top-nav ul li.active a, header #top-nav ul li.top-nav-active a {
	background:#fff;
	color:rgb(39,39,39);
}

header #logo {
  height: 90px;
  margin: 33px auto auto;
  overflow: hidden;
  width: 233px;
}

header #logo .logo {
  font-size: 1.34em;
}

header #header .wrapper {
	text-align:center;
}


#page-title {
  font-family: "Raleway",sans-serif;
  font-size: 3.4em;
  font-weight: 300;
  margin: 9px 0 20px;
  text-transform: uppercase;
}

#header-menu {
  border-bottom: 4px solid rgb(240, 240, 240);
  height: 22px;
  margin: 16px auto 0;
  position:relative;
}

#header-menu ul {
	margin:0px;
	padding:0px;
}

#header-menu a {
  color: rgb(120, 120, 120);
  font-family: "Roboto",sans-serif;
  font-size: 1.4em;
  font-weight: 300;
  padding: 9px 13px;
  text-decoration: none;
  text-transform: uppercase;
}

#header-menu .subMenuItems {
  background: none repeat scroll 0 0 #fff;
  box-shadow: 0 9px 11px 2px rgba(120, 120, 120, 0.5);
  display: none;
  padding: 20px 0;
  position: absolute;
  top: 18px;
  width: 100%;
  z-index: 5;
}

#header-menu .subMenuItems a:hover, #header-menu .subMenuItems li.active a {
	color:rgb(136,40,144);
	text-decoration:underline;
}

.side-action-button {
  background: none repeat scroll 0 0 rgb(243, 59, 126);
  position: absolute;
  right: 0;
  top: -9px;
}

.side-action-button a {
  color: #fff !important;
  display:block;
  font-weight: 700 !important;
  padding: 9px 20px !important;
}

#header-menu-bar {
  background: none repeat scroll 0 0 rgb(136, 40, 144);
  height: 5px;
  position: absolute;
  width: 0;
}

#header-menu .menu-type-none li a span, .menu-type-none li span span {
  padding:0px;
}

#address {
  color: rgb(120, 120, 120);
  font-family: "Roboto",sans-serif;
  font-size: 1.3em;
  font-weight: 300;
  padding: 3px 0;
}

#address a {
	color: inherit;
	text-decoration:none;
}

/* Global Style */
.menu-manager-menu { margin-bottom:15px; }
.menu-manager-menu li.active > a { text-decoration:none; }

/* Type : None */
.menu-type-none,
.menu-type-none ul,
.menu-type-none li { display:inline; }
.menu-type-none li a span,
.menu-type-none li span span { padding-right:5px; }

/* Type : Vertical */
.menu-type-vertical ul { padding-left:15px; }

/* Type : Horizontal */
.menu-type-horizontal { position:relative; z-index:100; }
.menu-type-horizontal li.level0 { display:inline; }
.menu-type-horizontal li.level0.last { border-right:1px solid #ccc; }
.menu-type-horizontal li { display:block; position:relative; padding:5px 10px; border:1px solid #ccc; border-right:none; background:#fff; }

.menu-type-horizontal li.title { cursor:default; }

.menu-type-horizontal ul { position:absolute; left:0; top:100%; margin-left:-1px; border:1px solid #ccc; background:#fff; width:14em; display:none; }
.menu-type-horizontal ul li { border:none; border-bottom:1px solid #ccc; }
.menu-type-horizontal ul li.last { border-bottom:none; }
.menu-type-horizontal li.level1 ul { left:50%; top:70%; }
.menu-type-horizontal li:hover > ul { display:block; }

/* Content Body */


#content-body {
  margin: 17px 0px 36px;
}

article {
  clear: both;
}

article.single {
  margin: 0 auto;
  max-width: 484px;
  position: relative;
}

article.single.wide {
  max-width: 742px;
}

article.full {
	max-width:980px;
	margin:0 auto;
}

.three-columns {
	-webkit-column-count: 3; 
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-rule: 1px solid #bbb;
	-moz-column-rule: 1px solid #bbb;
	column-rule: 1px solid #bbb;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
}

h1 {
  color: rgb(39, 39, 39);
  font-family: "Roboto",sans-serif;
  font-size: 2.6em;
  font-weight: 300;
  margin: 45px 0;
  text-align: center;
  text-transform: uppercase;
}

h2{
  color:rgb(218, 6, 143);
  font-family: "Raleway",sans-serif;
  font-size: 2.6em;
  font-weight: 300;
  margin: 45px 0;
  text-align: center;
  text-transform: uppercase;
}

h2 a {
  color: inherit;
  text-decoration: none;
}

h2 a:hover {
	text-decoration:underline;
}

hr.break {
  border: medium none;
  float: left;
  height: 20px;
  width: 1px;
}

p {
  color: rgb(120, 120, 120);
  font-family: "Roboto",sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.45em;
  margin: 21px 0;
  text-align:left;
}

p strong {
	text-transform:uppercase;
	color:rgb(218,6,143);
  font-weight: 300;
}

p span {
  color: rgb(136, 40, 144);
  font-family: "Raleway",sans-serif;
  font-weight: 300;
}

h6 {
  color: rgb(218, 6, 143);
  font-family: "Roboto",sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.45em;
  text-transform: uppercase;
  margin: 18px 0px;
}

.arrow-pink.left {
  height: 70px;
  left: -100px;
  position: absolute;
  text-indent: -1000px;
  top: 81px;
  width: 26px;
}

.arrow-pink.left a {
  background: url("../images/icons/arrows-pink.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  height: 70px;
  text-indent: -1000px;
  width: 26px;
}

.arrow-pink.right {
  height: 70px;
  right: -100px;
  position: absolute;
  text-indent: -1000px;
  top: 81px;
  width: 26px;
  overflow:hidden;
}

.arrow-pink.right a {
  background: url("../images/icons/arrows-pink.gif") no-repeat scroll -27px 0 rgba(0, 0, 0, 0);
  display: block;
  height: 70px;
  text-indent: -1000px;
  width: 26px;
  overflow:hidden;
}

.side-to-side img {
  float: left;
  margin-right: 25px;
}

.side-to-side p {
  bottom: 0;
  float: left;
  margin: 7px 0px 0px !important;
  max-width: 465px;
}

.side-to-side p:first-child {
	margin-top:0px;
}

.side-to-side .two-columns {
  float: left;
  max-width: 465px;
  width:100%;
}

.side-to-side .two-columns p {
  margin: 0;
  width: 50%;
}

.col1 {
	width:980px;
	text-align:center;
}

.col1 p {
  float: none;
  width: auto;
}

.col2 {
  float: left;
  margin: 20px 10px;
  width: 470px;
  text-align:center;
}

.col2 > h1 {
  margin-top: 5px;
}

.col3 {
  float: left;
  margin: 20px 10px;
  width: 306px;
  text-align:center;
}

.col2 p, .col3 p {
  width: inherit;
}

.col2 img, .col3 img {
  float: none;
  margin: 0 auto;
}

article ul {
  color: rgb(120, 120, 120);
  float: left;
  font-family: "Roboto",sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  padding: 0 0 0 15px;
  text-align: left;
  width: 414px;
}

article ul.strong {
  color: rgb(136, 40, 144);
  font-family: "Raleway",sans-serif;
  font-weight: 300;
}

article ul li {
  line-height: 1.3em;
  margin-left: 0 !important;
}

#cosmeticsLogo {
  margin: 0 auto;
  width: 180px;
}

#cosmeticsLogo::after {
  clear: both;
  content: "";
  display: block;
}


/* Footer */

#footer {
  /*margin-top: 100px;*/
}

#footer h5 {
  color: rgb(136, 40, 144);
  margin: 0px 0px;
}

.four-columns {
  height: 273px;
}

.four-columns ul {
	list-style:none;
	padding:0;
	margin:0;
}

.four-columns li {
  float: left;
  margin: 16px 6px;
  position: relative;
  width: 237px;
  text-align:center;
}

#square-buttons {
	border-top:4px solid rgb(240, 240, 240);
}

#square-buttons h4 {
  color: #fff;
  font-family: "Raleway",sans-serif;
  font-size: 4em;
  font-weight: 300;
  margin: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 45%;
  width: 100%;
}

#square-buttons a {
	text-decoration:none;
	color:inherit;
	display:block;
}


#square-buttons .brides-button h4, #square-buttons .courses-button h4 {
	top:70%;
}

#square-buttons .store-button h4 {
  color: #000;
  font-size: 3.6em;
  top: 10%;
}

#square-buttons .makeup-button h4 {
	color: #000;
	font-size: 3.6em;
	padding-left: 30%;
	top: 28%;
	width: 100%;
}

#the-makup-bar-button h4 {
  color: #000;
  font-size: 3.6em;
  padding-left: 76px;
  top: 66px;
  width: 161px;
}

#square-buttons.makeup-courses-buttons h4 {
  font-size: 3.2em !important;
  font-weight: 300 !important;
}

#footer-links {
	border-top:4px solid rgb(240, 240, 240);
}

#footer-links .logo {
  height: 65px;
  left: 13%;
  margin: 6px 0;
  width: 200px;
}

#footer-links p {
  font-size: 1.3em;
  text-align: center;
}

#footer-links a {
	font-family:'Roboto', sans-serif;
	font-weight:300;
	line-height:1.3em;
	color:#000;
	text-decoration:none;
}

#footer-links p strong {
  color: rgb(136, 40, 144);
  font-family: "Raleway",sans-serif;
  font-weight: 300;
}


#footer-links .about-links a {
	text-decoration:none;
	text-transform:uppercase;
	color:inherit;
}

#footer-links h5 {
  margin: 0 0 37px;
}

#footer-links a strong {
	color:rgb(218,6,143);
	text-transform:none;
}

#footer-links table {
  border-spacing: 0;
  margin: 0 auto;
  padding: 0;
  width: 189px;
}

#footer-links td {
  color: #000;
  font-family: "Roboto",sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.2em;
  padding: 0;
  text-align: left;
  width: 50%;
}

#footer-links td.hours {
  font-size: 1em;
}

#footer-social {
  border-top: 4px solid rgb(240, 240, 240);
  height: 128px;
}

#footer-social .email-signup, #footer-social .connect-with-us {
  float: left;
  padding: 22px;
  text-align: center;
  width: 456px;
}

#footer-social .email-signup .input {
  border: 1px solid rgb(220, 220, 220);
  border-radius: 14px;
  font-size: 1.5em;
  height: auto;
  margin: 8px;
  padding: 6px;
  text-align: center;
  width: 225px;
}

#footer-social .email-signup .submit {
  background: none repeat scroll 0 0 rgb(243, 59, 126);
  border: medium none;
  color: #fff;
  font-family: "Raleway",sans-serif;
  font-size: 1.4em;
  font-weight: 700;
  padding: 6px 37px;
  text-transform: uppercase;
}

#footer-social .connect-with-us {
  padding-top: 37px;
}

#footer-social .connect-with-us a {
  display: inline-block;
  height: 36px;
  margin: 3px;
  text-transform: none;
  width: 36px;
}

#copyright {
  background: none repeat scroll 0 0 rgb(220, 220, 220);
  margin-top: 13px;
  padding: 2px 0;
  width: 100%;
}

#copyright p {
  font-size: 1.15em;
  font-weight: 400;
  margin: 18px 0;
  text-align: center;
}

#copyright p a {
  color: inherit;
  text-decoration: none;
}

.links-bar {
  background: none repeat scroll 0 0 rgb(243, 59, 126);
  color: #fff;
  font-family: "Raleway",sans-serif;
  font-size: 1.7em;
  font-weight: 700;
  margin: 50px auto;
  max-width: 474px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.links-bar a {
  color: inherit;
  margin-left: 10px;
  text-decoration: none;
}

.links-bar a:first-child {
	margin-left:0px;
}

.links-bar a:hover {
	text-decoration:underline;
}


.my-account h1 {
  margin-top: 0;
}

.block p {
  font-size: 1.3em;
  margin: 5px 0;
}

.block .mini-products-list li:first-child {
  border-top: 1px solid #eee;
}

.block .mini-products-list li {
  border-bottom: 1px solid #eee;
}

.page-title.featured-title > h5 {
  text-align: center;
}



/* Grid */

.grid {
  display: block;
}

.grid ul {
	list-style:none !important;
	margin:0px;
	padding:0px;
}

.grid ul li {
  float: left;
  height: 247px;
  margin: 1px !important;
  width: 247px;
}

#side-menu-container {
	z-index:1;
	width:200px;
	background:#333;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}

#side-menu-container > h1 {
  color: #eee;
  margin: 20px 0;
}

#side-menu-container #header-menu {
  border: medium none;
  height: auto;
  margin: 0;
}

#side-menu-container #header-menu-bar {
	display:none;
}

#side-menu-container ul li {
  color: #fff;
  display: block;
  border-bottom: 1px solid #666;
}

#side-menu-container li:first-child {
  border-top: 1px solid #666;
}

#side-menu-container .side-action-button {
  position: relative;
  right: auto;
  top: auto;
}

#side-menu-container a {
  color: #aaa;
  display: block;
  font-size: 1.6em;
  padding: 10px 20px;
}

#side-menu-container a:active {
  background: rgb(135, 40, 143) none repeat scroll 0 0;
  color: #eee;
}

#side-menu-container .subMenuItems {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  box-shadow: none;
  display: block !important;
  padding: 0;
  position: relative;
  top: auto;
  z-index: auto;
}

#side-menu-container .subMenuItems li {
  padding-left: 15px;
}

#side-menu-container .subMenuItems li a:hover {
	text-decoration:none;
	color:#aaa;
}

#side-menu-button > a {
  background: rgba(0, 0, 0, 1) url("../images/hamburger-retina.gif") no-repeat scroll 0 -22px / 68px auto;
  color: #eee;
  display: block;
  padding: 5px;
  width: 100%;
}

.press-picture-holder {
  float: left;
  height: 620px;
  padding: 10px;
  width: 50%;
}

.press-picture-holder a {
	display:block;
}

.press-picture-holder img {
  height: auto !important;
  max-height: 500px !important;
  max-width: 100% !important;
  width: auto !important;
}

.press-picture-holder > p {
  display: block;
  width: 100%;
}

/**
 * =====================================
 * Invoice print
 * =====================================
 */

#my-orders-table {
    border-collapse: collapse;
    width: 100%;
}
#my-orders-table td, #my-orders-table th {
  border: 1px solid rgb(218, 6, 143);
  margin: 0;
  padding: 10px;
}
#my-orders-table tfoot td, #my-orders-table tfoot th {
  border: none;
  margin: 0;
  padding: 10px;
}
.sales-order-print {
    padding: 20px;
}

address {
    font-size: 14px;
    line-height: 19px;
}

.print-head address {
    margin-top: 60px;
}


.sales-order-print h1 {
     margin: 0px;
}

.order-date {
     text-align: right;
}

.col2-set {
     width: 100%;
}

.col-1, .col-2 {
  float: left;
  font-size: 14px;
  width: 50%;
}

.col2-set h2 {
  font-size: 20px;
  margin: 10px;
}

.col2-set::after {
    clear: both;
    content: " ";
    display: block;
}
#my-orders-table th {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
#my-orders-table col {
    min-width: 90px;
    text-align: center !important;
}


@media only screen and (max-width:640px) {
	
	body {
		overflow-x:hidden;
		background:#333;
	}
	
	#content-body > h2 {
		font-size:14px;
	}
	
	header #top-nav ul li a {
	  font-size: 0.9em;
	  padding: 15px 4px;
	}
	
	header #top-nav {
	  height: 40px;
	}	
	
	.std > h1, .std > h2 {
	  margin: 10px 0;
	}
	
	.menu-type-none li a span, .menu-type-none li span span {
	  padding-right: 0px;
	}	
	
	#header-menu-bar {
	  display: none;
	}	
	
	#address {
	  line-height: 1.4em;
	}	
	
	#header-menu {
	  height: 29px;
	}	
	
	header #logo {
		width:175px;
		height:70px;
		margin-top:19px;
	}

	header #logo .logo {
	  font-size: 1em;
	}
	
	#page-title {
		font-size: 1.9em;
	}
	
	#slider {
		display:none;
		width:100% !important;
		height:auto !important;
	}
	
	
	#slider ul li img {
		width:100% !important;
		height:auto !important;
	}
	
	
	#content-body {
	  margin-bottom: 0;
	  padding: 10px;
	}	
	
	.page-title h1, .page-title h2, .product-name h1, .product-name .h1 {
	  font-size: 1.65em;
	}	
	
	.four-columns {
		height:auto;
	}
		
	.four-columns li, .grid ul li {
	  display: block;
	  height: auto;
	  margin: 0 !important;
	  padding: 2px;
	  text-align: center;
	  width: 50%;
	}
	
	.four-columns a {
	  display: block;
	  margin: 0 auto;
	  position: relative;
	  width: 100%;
	}
	
	.four-columns li a img {
	  width: 100%;
	  height:auto;
	}
	
	#square-buttons {
		font-size:56%;
	}
	
	#square-buttons ul:after {
	  content: '';
	  display: table;
	  clear: both;
	}
	
	article {
	  padding-top: 10px !important;
	}
	
	#footer {
	  margin-top:0px;
	  padding: 20px;
	}
	
	
	#footer-links.four-columns li {
	  width: 100%;
	}
	
	#footer-links a {
	  border-bottom: 1px solid #eee;
	  padding-bottom: 5px;
	}
	
	#footer-links .about-links a {
	  border: medium none;
	  padding: 0;
	}
	#footer-links p br {
	  display: none;
	}
	
	#footer-links .logo {
	  height: 90px;
	  left:19%;
	}
	
	#footer-links h5 {
	  margin-bottom: 0 !important;
	}
	
	#footer-social {
	  height: 232px;
	  text-align: center;
	}
	
	#footer-social .email-signup, #footer-social .connect-with-us {
	  float: none;
	  margin: 0 auto;
	  width: auto;
	}
	
	.arrow-pink {
	  display: none;
	}
	
	.press-picture-holder {
	  height: auto;
	  margin-bottom: 20px;
	  width: 100%;
	}
	
	.col2, .col3 {
	  margin: 0;
	  padding: 10px;
	  width: 50%;
	}

	.col2 > h1, .col3 > h1 {
	  font-size: 1.8em;
	  margin: 10px 0;
	  min-height: 50px;
	}

	div.comparison {
	  width: 100% !important;
	}
	.gallery-set li img {
	  height: auto;
	  width: 100%;
	}
	
	.gallery-set p, .gallery-set h5 {
	  display: none;
	}	
	
	#vagaro {
		width:100% !important;
		overflow-x: hidden;
	}

 	.vagaro > iframe {
        -ms-zoom: 0.4;
        -moz-transform: scale(0.4);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.4);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.4);
        -webkit-transform-origin: 0 0;
    }



}


#bf40off {
  background: #f00 none repeat scroll 0 0;
  border-radius: 100px;
  color: #fff;
  display: block;
  font-size: 60px;
  font-weight: bold;
  height: 200px;
  left: 30px;
  line-height: 48px;
  padding-top: 29px;
  position: absolute;
  text-align: center;
  top: 180px;
  width: 200px;
}

#bf40off > div {
  float: none;
  font-family: "Raleway",sans-serif;
  font-size: 0.35em !important;
  font-weight: 100;
  left: auto;
  margin: 0 !important;
  position: relative !important;
  text-transform: uppercase;
  top: auto !important;
  width: auto !important;
}