@font-face {
    font-family: 'Vectora';
    src: url('../font/VectoraLTStd-Light.eot');
    src: url('../font/VectoraLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/VectoraLTStd-Light.woff2') format('woff2'),
        url('../font/VectoraLTStd-Light.woff') format('woff'),
        url('../font/VectoraLTStd-Light.svg#VectoraLTStd-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Vectora';
    src: url('../font/VectoraLTStd-Roman.eot');
    src: url('../font/VectoraLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('../font/VectoraLTStd-Roman.woff2') format('woff2'),
        url('../font/VectoraLTStd-Roman.woff') format('woff'),
        url('../font/VectoraLTStd-Roman.svg#VectoraLTStd-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Vectora';
    src: url('../font/VectoraLTStd-Bold.eot');
    src: url('../font/VectoraLTStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/VectoraLTStd-Bold.woff2') format('woff2'),
        url('../font/VectoraLTStd-Bold.woff') format('woff'),
        url('../font/VectoraLTStd-Bold.svg#VectoraLTStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}



.video-fullwidth{
  position:relative;
  background: #000;
}
#full-width-givenchy{
  width:100%;
  max-height: 100vh;
  height: 100vh;
  height: -webkit-fill-available;
}
#playVideoIntro {
    position: absolute;
    top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
    z-index: 10;
	cursor: pointer;
	background: url('../images/play-button.png') 50% 50% no-repeat;
	background-color: rgba(0,0,0,.45);
}
.video-close{
  position:absolute;
  top:10px;
  right:20px;
  z-index:20;
  color: #fff;
  font-size: 46px;
  line-height: 36px;
  cursor: pointer;
}
.video-close img{
  width:15px;
  height:15px;
  cursor:pointer;
}
.display-none{
  display:none
}
.max-width{
  max-width:1284px;
  margin:auto;
  background-color:#f9eded;
}
.section-5 {
  background-color: #f9eded;
  background: linear-gradient(to bottom, #f9eded, #fef1f4);
}
.section-6, .footer {
  background: #fef1f4;
}
.show-mobile{
  display:none;
}

.show-desktop img,.show-mobile img{
  position:absolute;
  top:0;
  left:0;
  width:100%
}
.thumbnails-product{
  margin:auto;
  display:block
}
.nopadding{
  padding: 0 !important;
  margin: 0 !important;
}
.show-desktop,.show-mobile{
  position:relative;
  height:0;
  
}
.show-mobile{
  padding-bottom:200% !important
}
.show-desktop{
  padding-bottom: 67.2% !important;
  display:block;

}
.logo{
  display:block;
  margin:12.5% auto 0;
}
a{
  text-decoration:none;
  color:#000
}

/* Text */
.section-1 .title,.section-2 .title,.section-3 .title,.section-4 .title,.section-3 .paragraph-title,
.section-1 .paragraph span,.section-3 .paragraph span,.section-4 .paragraph span,.section-5 .title,.title-product,
.section-6 .title span,.section-6 .paragraph span,
.section-1 .paragraph strong,.section-3 .paragraph strong,.section-4 .paragraph strong,
.section-6 .title strong,.section-6 .paragraph strong {
  font-family: 'Vectora', sans-serif;
  font-weight: bold;
}
.section-3 .subtitle,.section-3 .paragraph, .section-5 .subtitle {
  font-family: 'Vectora', sans-serif;
  font-weight: 300;
}
.title-product span,.section-1 .paragraph,.section-2 .paragraph,.section-4 .paragraph,.section-6 .title,.section-6 .paragraph{
  font-family:'Vectora', sans-serif;
  line-height: 1.2;
  font-weight: normal;
}
.section-1 .title,.section-2 .title,.section-3 .title,.section-4 .title{
  margin-top:20%;
}
.section-5 .title{
  padding-top:5%
}
.section-3 .subtitle{
  margin-bottom:10%
}
.section-3 .paragraph-title{
  margin-top:5%;
}
.section-5 .subtitle{
  margin-top:0
}
.section-5 .title{
  margin-bottom:0
}
.section-1 .title,.section-2 .title,.section-4 .title,.section-5 .title,
.section-5 .subtitle,.section-3 .title,.section-6 .title{
  font-size:1.8rem
}

.section-3 .subtitle,.section-3 .paragraph-title,.section-3 .paragraph,.title-product span,.section-1 .paragraph,
.section-2 .paragraph,.section-4 .paragraph,.title-product,.section-6 .paragraph{
  font-size:1rem;
}

.section-3 .title,.title-product,.section-4 .title,.section-3 .subtitle,.section-3 .paragraph-title,
.section-5 .title,.section-5 .subtitle,.section-6 .title.left span{
  color:#dca294;
}
.title-product span,.section-6 .paragraph.left,.section-6 .title.left{
  color:#000
}

/*  */

/* Section */

.section-1 .background-image,.section-2 .background-image{
  background-image:url('../images/4G_POS.png');
  background-repeat:no-repeat;
  background-size:cover
}
.section-1 .paragraph,.section-2 .paragraph{
  width:63%;
  display:block;
  margin:auto;
  margin-top:5%
}
.section-4 .paragraph{
  width:68%;
  display:block;
  margin:auto;
  margin-top:5%
}

.section-3 .inner-section{
  height:650px;
  max-width:764px;
  position:relative
}
.section-3 .paragraph,.section-3 .paragraph-title{
  width:70%;
  display:block;
  margin:auto;
  margin-bottom: 2%;
 }
 .section-3 .text{
   position:absolute;
   top:0;
   left:-20%;
   width:110%
 }
 
.row.section-4{
  margin:70px 0 !important
}
.video-section{
  background-image:url('../images/4G_POS.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  padding-top:58%;
  position:relative;
}
#video-givenchy{
  position:absolute;
  top:6.5%;
  left:6.5%;
  width:86.5%;
  height:87%
}
#playVideo {
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  cursor:pointer
}
.section-5 .img-fluid,.section-6 .img-fluid,.footer .img-fluid{
  width:initial
} 
.linear-gradient{
  background: linear-gradient(to bottom, #fbeeef, #dec8cb);
}
.section-5 {
	padding-bottom: 5px;
}
.section-6-col-left, .section-6-col-right {
	margin-bottom: 15px;
}

.row.section-6{
  position: relative;
  overflow: hidden; 
  padding-bottom:5% !important
}
.section-6 .img-2{
  z-index:1;
  position:relative;
  
}
.section-6 img{
  padding-top:7%;
  display:block;
  margin:auto;
  max-width:78%;
}
.row.section-6:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 70%;
  transform: skew(-20deg);
  background: #ac142d;
  }
  .section-6 .title,.section-6 .paragraph{
    position:relative;
    z-index:1;
    color:#fff;
    width:70%;
    display:block;
    margin:5% auto
  }
  .section-6 .paragraph {
	  font-size: .9rem;
  }

  /* Footer */
  .col-footer{
    padding:50px 0;
  }
  .footer{
    text-align: center;
  }
  .footer a {
	  color: #000 !important;
	  text-decoration: none !important;
  }
  .footer .img-fluid{
    vertical-align:middle
  }
  .col-footer span{
    font-family:'Vectora', sans-serif;
    padding-right:20px;
    font-size:20px
  }
 
.section-1 .title,.section-2 .title,.section-4 .title,.section-6 .title{
  font-size:2.5rem
}
.section-5 .title, .section-5 .subtitle {
	font-size: 2.5rem;
	line-height: 1.05;
}
.section-5 .subtitle {
	margin-bottom: 40px;
}
.section-5 .title-product {
	font-size: 1.5rem;
	margin-bottom: 0;
	line-height: 1.1;
	padding-bottom: 35px;
	color: #cc8c7e;
}
.section-5 .title-product span {
	display: block;
	color: #000;
	margin-top: 20px;
}
.section-3 .title {
  font-size:2rem;
  margin-bottom: 10px;
}
.section-3 .subtitle {
	font-size: 1.15rem;
	line-height: 1.2;
}
.section-3 .paragraph-title {
	font-size: 1.2rem;
	line-height: 1.2;
	margin-bottom: 6px;
}
.section-3 .paragraph {
	line-height: 1.2;
	margin-bottom: 30px;
}	
.section-6 .title{
  font-size:1.4rem
}
.section-6 .paragraph {
	margin-top: 20px;
}

.header-packshot[data-aos=fade-left] {
    transform: translate3d(30px,0,0);
}
.header-packshot[data-aos=fade-left].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
@media(min-width:768px){
	html, body {
		font-size: 16px;
	}
	.section-6 .col-md-6:first-child {
		padding-right: 75px;
	}
	.section-6 .col-md-6:last-child {
		padding-left: 75px;
	}
}
@media(max-width:1024px){
	.section-6-col-right .col-6:first-child {
		padding-left: 15px !important;
	}
}
@media(min-width:1025px){
	html, body {
		font-size: 18px;
	}
	
	.section-6 .col-md-6:first-child {
		padding-right: 50px;
	}
	.section-6 .col-md-6:last-child {
		padding-left: 50px;
	}
	.section-1 .title,.section-2 .title,.section-4 .title{
	  font-size:3rem
	}
	.section-6 .col-md-6 {
		padding-top: 25px;
	}
	.section-6-col-left {
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
		max-width: 48%;
	}
	.section-6-col-right {
		-ms-flex: 0 0 52%;
		flex: 0 0 52%;
		max-width: 52%;
	}
}
@media(max-width:767px){
	.hide-mobile {
		display: none;
	}
  .show-mobile{
    display:block
  }
  .show-desktop,#playVideo{
    display:none
  }
  .video-section{
    background-size:contain;
    padding-top:100%
  }
  
  .section-6 .img-1,.section-6 .img-2,.section-5 {
    margin:70px auto;
    margin:auto ;
    display:block 
  }
  .row.section-6:after {
    top: 50%;
    bottom: -50%;
    left: 0;
    width: 100%;
    transform: skew(0deg, 10deg);
    }
    .section-3 .text{
      position:initial;
      width:100%
    }
    .section-3 .inner-section{
      height:auto;
      max-width:100%;
      position:initial
    }
	.section-5 .title-product {
		font-size: 1.2rem;
	}
	.section-6 .img-1, .section-6 .img-2 {
		margin-bottom: 20px;
	}

	.logo{
		margin-bottom: 12.5%;
	}
	.section-6 .col-md-6:first-child {
		padding-bottom: 70px;
		padding-top: 50px;
	}
}