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


html,body
{
overflow:auto !important;
}

*, ::before, ::after {
    box-sizing: border-box;
}

body
{
font-family: 'Raleway', sans-serif;
height:auto !important;
}

#page {
  padding-top: 82px;
}

#page a {
  text-decoration: underline;

}

#page p
{
font-size:18px;
line-height:24px;
margin: 25px 0;
color: #000;
font-weight: 400;
}

.focus
{
max-width:1200px;
position:relative;
z-index: 0;
text-align:left;
}

.focus.small {
  max-width: 900px;
} 

.focus.largy {
  max-width: 1200px;
} 

.focus.large {
  max-width: 100%;
  width: 100%;
} 

.transition
{
 transition: all 1.2s cubic-bezier(0.22, 0, 0.12, 1);
-moz-transition: all 1.2s cubic-bezier(0.22, 0, 0.12, 1);
-webkit-transition: all 1.2s cubic-bezier(0.22, 0, 0.12, 1);
}

.transition2,.slick-dots li
{
 transition: all 0.5s cubic-bezier(0.22, 0, 0.12, 1);
-moz-transition: all 0.5s cubic-bezier(0.22, 0, 0.12, 1);
-webkit-transition: all 0.5s cubic-bezier(0.22, 0, 0.12, 1);
}

.evid
{
text-align:left;
}

.evid .anim
{
text-align:left;
display:block;
position:relative;
z-index:2;
}

.evid .anim::before
{
position:absolute;
z-index:0;
top:5px;
left:0;
width:100%;
height:calc(100% - 10px);
content:"";
background-color:#ffd34f;
z-index:1;
}

.evid .anim.indent::before
{
left:-12%;
}

.evid .anim span
{
padding-left:6%;
}

.evid .anim.off::before
{
width:0;
}

.evid span
{
display:block;
position:relative;
z-index:2;

}

.opacita.off
{
opacity:0;
}


#seven .linea_v.left {
  transform: rotate(180deg);
  top: -15%;
}


.scale.off
{
transform:scale(0);
}


.ruota.scale.off
{
transform:scale(0) rotate(-360deg);
}

.ruota.off
{
transform:rotate(-360deg);
}

.comparsa
{
position:relative;
top:0;
}
.comparsa.off
{
top:50px;
}

.riga.tabella
{
margin:0;
width:100%;
table-layout:fixed;
}

b
{
font-weight:700;
}

h1 {

 font-weight: 700;
  color: #da5396;
  text-transform: none;
  font-size: 42px;
  display: inline-block;
    text-align: center;
}



h2 {
  color: #911e52;
  font-size: 45px;
  line-height: 52px;
	font-family: 'Lora', sans-serif;
  font-weight: 500;
  margin: 25px 0;
}


.button,a.button
{
text-align:center;
min-width: 190px;
max-width:100%;
position: relative;
z-index:1;
height: 50px;
font-size:19px;
color:#fff;
line-height: 48px;
cursor:pointer;
display:inline-block;
text-align:center;
text-transform: uppercase;
background-color: transparent;
border: 1px solid #da5396;
padding-left:20px;
padding-right:20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-decoration:none !important;
margin: 0 20px;
}

.menu-container .button, .menu-containera a.button {
  display: inline;
  height: auto;
    padding: 10px 15px;
}

.header li .button:hover, .header li a.button:hover
{
border: 1px solid #da5396;
background-color: #da5396;
    color: #fff;
}

.button.purple,a.button.purple {
  border: 1px solid #892957;
  background-color: #892957;
}

.button.purple:hover,a.button.purple:hover {
  border: 1px solid #892957;
  background-color: transparent;
  color: #892957;
}

.riga.inverse .col2
{
float:right;
}

.tabella.inverse
{
direction:rtl;
}

.tabella.inverse .cella
{
direction:ltr;
float:none;
}

.module
{
    padding-top: 50px;
    padding-bottom: 50px;
}

.module-2
{
    padding-top: 60px;
    padding-bottom: 70px;
}

.module-3
{
    padding-top: 20px;
    padding-bottom: 70px;
}

.module-4 {
     padding-top: 100px;
    padding-bottom: 100px;
}

.module.seq
{
padding-bottom:0;
}

.slick-prev::before, .slick-next::before
{
width:20px;
height:36px;
background-size:100% auto;
background-repeat:no-repeat;
}

.slick-prev::after, .slick-next::after
{
content:"";
width:64px;
height:2px;
background-color:#ffd34f;
position:absolute;
top:50%;
z-index:2;
transform:translateY(-50%);
left:0
}

.slick-prev::before
{
background-position:center right;
}
.slick-next::before
{
background-position:center left;
}

.slick-prev
{
left:0;
transform:translate(-100%,-123%);
padding-right:40px;
}

.slick-next
{
left:0;
transform:translate(100%,-123%);
padding-left:41px;

}

.slick-prev.off,.slick-next.off
{
opacity:0;
cursor:default;
}

#visore
{
position: relative;
overflow: hidden;
}

#visore .valign-center
{
position:relative;
z-index:1;
}


/* roba nuova */

#page p.grigio {
  color: #535353;
}
#page p.big {
  font-size: 20px;
  text-align: center;
}

#page p.title-slider {
  font-size: 27px;
  text-transform: uppercase;
  color: #3a3a3a;
  text-align: center;
  letter-spacing: 3px;
}

#page p.little-purple-text {
  font-size: 19px;
  color: #da5396;
  text-transform: uppercase;
}

#page p.little-purple-text.different {
  font-size: 20px;
  color: #da5396;
  text-transform: none;
  font-family: 'Lora', sans-serif;
}


#page p.title-slider span {
  color: #da5396;
}

.slider-text {
  text-align: center;
  margin: 0 15px;
}

.tecnologie-container {
  margin-top: 50px;
}

.image-2 {
  position: absolute;
  right: -50px;
  top: 0;
}



#page .two p, #page .color-section-1 p,  #page .color-section-2 p,  #page .color-section-3 p {
  font-size: 20px;
  line-height: 28px;
}

#page .omega-text-wrap {
  padding: 100px 30px;
}

#page .omega-text-wrap.smaller {
  padding: 35px 30px;
}

#page .omega-text-wrap.small {
  padding: 80px 30px;
}

#page .omega-text-wrap.verysmall {
  padding: 60px 30px;
}

#page .three .omega-text-wrap p {
    font-size: 30px;
    line-height: 38px;
}

#page .three p {
  font-size: 20px;
}

#visore {
    height: 680px;
    width: 100%;
    background-image: url(../img/header-background.jpg);
    background-size: cover;
    background-position: center center;
}

.mobile-section {
  display: none;
}

#visore.comfort {
  background-image: url(../img/comfort-background.jpg);
}

#visore.curves {
  background-image: url(../img/curves-1.jpg);
}

#visore.elegant {
  background-image: url(../img/elegant-1.jpg);
}

.comfort h1, .curves h1, .elegant h1 {
  font-size: 55px;
  color: #892957;
  font-weight: 400;
}

.cont-comfort-head {
  max-width: 450px;
}

#page .cont-comfort-head p {
  font-size: 25px;
  line-height: 32px;
}

.logo-head {
  margin-bottom: 20px;
  margin-top: 20px;
  width: 264px;
}

.logo-head img, .maiden-form-logo-gray-wrap img, .maiden-form-logo-gray-wrap-2 img {
  display: inline;
}

.maiden-form-logo-gray-wrap {
  margin-bottom: -10px;
}

.last {
  background-color: #f6eee3;
  padding: 50px 0;
}

.color-section-1 {
  background-color: #f6eee3;
  overflow: hidden;
}

.color-section-2 {
  background-color: #cacdea;
  overflow: hidden;
}

.color-section-3 {
  background-color: #ecebe7;
  overflow: hidden;
}

.color-section-1.back-section-1 {
   background-image: url(../img/back-curves-1.jpg);
    background-size: cover;
    background-position: center center;
}

.color-section-2.back-section-2 {
  background-image: url(../img/back-curves-2.jpg);
    background-size: cover;
    background-position: center center;
}

.color-section-3.back-section-3 {
  background-image: url(../img/back-curves-3.jpg);
    background-size: cover;
    background-position: center center;
}

.color-section-1.back-section-4 {
   background-image: url(../img/back-elegant-1.jpg);
    background-size: cover;
    background-position: center center;
}

.color-section-2.back-section-5 {
  background-image: url(../img/back-elegant-2.jpg);
    background-size: cover;
    background-position: center center;
}

.color-section-3.back-section-6 {
  background-image: url(../img/back-elegant-3.jpg);
    background-size: cover;
    background-position: center center;
}

.col2.custom-1 {
  width: 35%;
}

.col2.custom-2 {
    width: 65%;
}


.two {
  position: relative;
  background-color: #f1dae9;
  overflow: hidden;
}

.two .riga.tabella {
  max-width: 930px;
}

#page .two p, #page .two h2, #page .color-section-1 h2, #page .color-section-2 h2, #page .color-section-3 h2   {
  margin: 10px 0;
}

.button-purple-wrap {
  text-align: center;
}

.two .button-purple-wrap {
  text-align: left;
}

.two .button-purple-wrap .button, .two .button-purple-wrap a.button {
  margin: 0;
}

#first, .three {
  position: relative;
  z-index: 10;
}

.slick-dots
{
    bottom: -20px;
}

.slick-dots li
{
width:16px;
height:16px;
border:2px solid #f6eee3;
margin:0px 9px;
background-color:#f6eee3;
}

.slick-dots li.slick-active
{
background-color:#da5396;
border:2px solid #da5396;
}

.slick-prev, .slick-next
{
	top:100%;
	padding:0;
	background-color: #fff;
    padding: 40px 50px;
    width: 120px;
}


.slick-prev::after, .slick-next::after {
display:none;
}
.slick-prev
{
    transform: translate(88px, 0px);
}
.slick-next
{
transform:translate(208px, 0px);
}

.main-content-visore {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 200px 0 60px 0;
}


.header .logo {
    display: block;
    float: left;
    padding: 2px 8px;
}

.header .bottone-menu {
    clear: none;
    float: right;
    max-height: none;
}

.header li {
    padding: 15px;
}

.header li a {
   color: #fff;
  font-size: 19px;
  line-height: 22px;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
}

.header li a:hover {
  color: #da5396;
}

.header {
    padding: 15px 0;
    background-color: #892957;
    width: 100%;
    z-index: 2;
    overflow: hidden;
    position: fixed;
}

.menu-container {
    max-width: 1200px;
    width: 88%;
    margin: 0 auto;
    position: relative;
}

.wrap-grid {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 870px;
}

.wrap-grid.smaller {
    min-height: 597px;
}

.floating {
  display: flex;
  align-items: center;
}

.floating img {
  padding-left: 8px;
}

.wrap-footer {
      display: flex;
    align-items: center;
    color: #fff;font-size: 17px;
    line-height: 22px;
    font-weight: 300;
}

footer {
	background-color: #892957;
}

.footer-container {
    display: block;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    width: 88%;
}

.logo-footer {
	padding: 0 8px;
}

.woman-mobile {
  display: none
}

.logo-footer img {
  max-width: none;
  width: 145px;
}

#page p.text-fascia-footer {
  font-family: 'Lora', sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 32px;
  color: #882856;
  max-width: 430px;
  margin: 20px auto;
  line-height: 38px;
}

p.text-footer {
  color: #fff;
	max-width: 920px;
	font-size: 17px;
	line-height: 22px;
	font-weight: 300;
  padding: 0 20px;
  display: flex;
  align-items: center;
}

p.text-footer a {
  padding: 0 15px;
  text-transform: uppercase;
}

p.text-footer a.special-link-footer {
  text-transform: none;
}

.special-link-footer {
  padding-left: 15px;
}

*:focus {
    outline: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 26px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 500px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}