/* SETTINGS FONT */
@font-face {
  font-family: 'precioussanstwo';
  src: url('./fonts/precioussanstwo-light-webfont.eot');
  src: url('./fonts/precioussanstwo-light-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/precioussanstwo-light-webfont.woff') format('woff'), url('./fonts/precioussanstwo-light-webfont.ttf') format('truetype'), url('./fonts/precioussanstwo-light-webfont.#PrecioussanstwoLight') format('svg');
  font-weight: 300;
  font-style: normal
}

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

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

@font-face {
  font-family: 'precioussanstwo';
  src: url('./fonts/precioussanstwo-bold-webfont.eot');
  src: url('./fonts/precioussanstwo-bold-webfont.woff') format('woff'), url('./fonts/precioussanstwo-bold-webfont.ttf') format('truetype'), url('./fonts/precioussanstwo-bold-webfont.#PrecioussanstwoBold') format('svg');
  font-weight: 600;
  font-style: normal
}

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

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

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


.area-2 { overflow: hidden; }

/* For mobile phones: */
[class*="col-"] {
	width: 100%;
}
* {box-sizing: border-box; margin: 0; padding: 0;}
#hotsiteQuinny{text-align: center;font: 300 16px/26px precioussanstwo, arial, helvetica, sans-serif;line-height: 1.8em; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color: #333;}
section{max-width: 1040px; margin: 0 auto;}
h2{font-size: 2em; font-weight: bold; margin-top: 2em; line-height: 1.2em;}
h3{margin: 1em 0;}
h6{font-size: 19px; font-weight: bold; margin: 2em 0 0;}
p{padding: 1em 0.8em;}
a{color: black; text-decoration: none;}
a:hover{text-decoration: underline; color: #32B7BB;}
hr{width: 20%;margin: 0 auto 3em;}
li{list-style: none; font-style: normal;}
.clear{clear: both;}

.collection-content p{margin-bottom: 1em;}
.video h2{margin: 1.8em auto 0; padding: 0}
.video .logo-rachelzoe{width: 80%}
.warranty h2{font:300 2em/2em sans-serif;text-transform: capitalize;}
.warranty .button-products{font-size: 0.9em; font-weight: 600; padding: 1em 1.6em; letter-spacing: 0.2em; position: relative; top: 2.4em;}
.warranty{margin-bottom: 6em;}
.button-products{border: 1px solid black; padding: 0.6em; font-weight: bold; color: black; text-decoration: none;}
.button-products:hover{background-color: #32B7BB; border:none; color: white; text-decoration: none;}

.container-footer{border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 2em 0;}
.container-footer li{font-size: 1em; line-height: 1.9em;}

.copyright-footer{padding-top: 1em;}
.dorel-copyright{font-size: 0.8em;padding: 0 3em 1em;}
.social.text{float:left;width: 62%; text-align: right; font: normal 400 16px/1em 'customfont' !important;}
.social.icons{float:left;width: 38%; text-align: left; padding: 0.4em 0.7em;}
.icons ul li{display: inline; padding: 0 0.2em;}
.icons ul li a{text-decoration: none;}


@media only screen and (min-width: 768px) {
	/*.col-1 {width: 8.33%; float: left;}
	.col-2 {width: 16.66%; float: left;}
	.col-3 {width: 25%; float: left;}
	.col-8 {width: 66.66%; float: left;}
	.col-9 {width: 75%; float: left;}
	.col-10 {width: 83.33%; float: left;}
	.col-11 {width: 91.66%; float: left;}
	*/
  .col-4 {width: 33.33%; float: left; padding:0 8px;}
  .col-5 {width: 41.66%; float: left; padding: 0 8px;}
  .col-6 {width: 50%; float: left; padding: 0 8px;}
  .col-7 {width: 58.33%; float: left; padding: 0 8px;}
  .col-12 {width: 100%;}
  .video .logo-rachelzoe{width: 360px;}
  .video p{text-align: left;}
  .video .button-products{font-size: 18px; font-weight: 600; padding: 0.8em 1em; letter-spacing: 0.2em; position: relative; top: 2em;}
  .acessories p{padding: 1em 0;}
  .warranty {margin-bottom: 3em;}
  .warranty p{padding: 1em 0 0; text-align: left;}
  .warranty .button-products{font-size: 18px; font-weight: 600; padding: 1em 1.6em; letter-spacing: 0.2em; position: relative; top: 2em; left: -9%;}
  .container-footer{text-align: left;}
  .container-footer h5 img{width: 58%;}
  .container-footer hr{width: 100%;}
  .container-footer p{font-size: 0.85em; padding: 1em 0;}
  .container-footer li{font-size: 0.9em; line-height: 1.9em;}
  .container-footer .list-products{padding-left: 5em;}
  .dorel-copyright{padding-left: 0; text-align: left;}
}

/* BANNER SLIDER SETTINGS */
.slider {width: 100%;}
.slick-slide {margin: 0;}
/*.slick-slide img {width: 100%;}*/
.slick-prev:before, .slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s;opacity: .2;}
.slick-active {opacity: .5;}
.slick-current {opacity: 1;}
.slick-dots{bottom: 30px;}
.slick-dots li button:before{
	font-size: 20px;
}