/*Intro*/
.intro{
    background-image: url("/assets/images/background.jpg");
    background-repeat: no-repeat no-repeat;
    background-size: 100%;
    height: 100%;
    width: 100%;
}

.sp-selected{
  z-index: 50;
}
.intro h1{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    transform: translate(-50%, -50%);
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    font-size: 42px;
    color: #A50D3E;
}
.intro button{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    border: 2px solid #A50D3E;
    background-color: transparent;
    background: transparent;
    color: #A50D3E;
    font-size: 24px;
    border-radius: 5px;
    cursor: pointer;
    padding-bottom: 5px;
}
/*Default*/
body{
    margin: 0;
    border: 0;
}
.section-presentation {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -55%);
    top: 50%;
}

.section-presentation .presentation-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.section-presentation .presentation-bg .feature{
    height: auto;
    width: 1000px;
    position: absolute;
    top: 0;
    left: -250px;
}

.section-presentation .presentation-bg-img {
    width: 100%;
    height: 100%;
}

.content {
    z-index: 1;
}

.content img {
}

.content .content-left {
    float: left;
    width: calc(50% - 180px);
    height: calc(100% - 180px);
    /*padding: 90px 90px 90px 90px;*/
}

.content .content-right {
    float: right;
    width: calc(50% - 180px);
    height: calc(100% - 180px);
    /*padding: 90px 90px 90px 90px;*/
}

.content .content-center{
    position: absolute;
    width: 1440px;
    height: 762px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(140, 140, 140, 0.5);
}

.content .arrow-back {
    left: 15px;
}
.content .arrow-next {
    right: 15px;
}
.arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.2s;
}
.arrow:hover{
    transition: 0.2s;
    transform: translateY(-50%) scale(1.2);
}
.arrow a{
    text-decoration: none;
    color: white;
    font-size: 32px;
}

.category-tag{
    /*TODO: Red Velvet font*/
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    background-color: #A50D3E;
    color: white;
    position: absolute;
    transform: rotate(-90deg) translate(calc(-39%), -180%);
    top: 0;
    left: 0;
    font-size: 74px;
    padding: 30px 250px;
}

.hidden{
    display: none;
}

/*End Default*/

/*Slider*/
.sp-arrow:before {
    left: 30%;
    /* border: 1px solid black; */
    top: 0;
    -webkit-transform: skew(145deg,0deg);
    -ms-transform: skew(145deg,0deg);
    transform: skew(145deg,0deg);
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
    content: '';
    position: absolute;
    /* border: 1px solid black; */
    width: 50%;
    height: 50%;
    background-color: #DAC3E2!important;
}
.sp-arrow:after {
    left: 30%;
    top: 50%;
    -webkit-transform: skew(-145deg,0deg);
    -ms-transform: skew(-145deg,0deg);
    transform: skew(-145deg,0deg);
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
    content: '';
    position: absolute;
    /* border: 1px solid black; */
    width: 50%;
    height: 50%;
    background-color: #DAC3E2!important;
}

.sp-horizontal .sp-arrows {
opacity: 1!important;
}
.sp-previous-arrow {
   display: block!important;
}
.sp-next-arrow{
    display: block!important;
}
.sp-mask{
  width: unset!important;
  height: 100vh!important;
}
.sp-slide {
}
.slider-pro{
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    /* background-image: url("/assets/images/background.jpg"); */
    background-repeat: no-repeat no-repeat;
    background-size: 100%;
}


/* Slide1 */

.slide-1 .content-center img{
    width: 400px;
    height: auto;
}

.slide-1 .content-center header{
      font-size: 57px;
        font-family: 'EB Garamond', serif;
}
.slide-1 .content-center header.header{
    font-size: 64px;
}


.slide-2 iframe{
  margin-top: 0.5%;
}

/* Slide3 */
.slide-3 .product-border{
      border: 5px solid #1B1737;
      background: #1B1737;
      /* box-shadow: 0px 0px 5px 8px #1B1737; */
}
.slide-3 .content-center header {
    font-size: 72px;
    font-family: 'EB Garamond', serif;
    font-weight: 600;
  }
.slide-3 .content-center img{
  height: 450px;
  left: 0%;
  top: 400px;
}

.slide-3 .content-center header{
      font-size: 80px;
        font-family: 'EB Garamond', serif;
}
.slide-3 .content-center header.header{
      font-size: 112px;
}
.slide-3 header.product-header{
  font-size: 64px;
}


.slide-4 header{
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    font-size: 64px;
}
.slide-4 .text{
  font-size: 28px;
  font-family: 'EB Garamond', serif;
}

.slide-4 .icon img{
    height: 150px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.slide-4 .icon .text{
  padding-top: 120px;
  font-size: 24px;
  text-align: center;
}

.slide-5 header{
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    font-size: 64px;
}
.slide-5 .text{
  font-size: 28px;
  font-family: 'EB Garamond', serif;
}

.slide-5 .icon img{
    height: 100px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.slide-5 .icon .text{
  padding-top: 90px;
  font-size: 22px;
  text-align: center;
}
.border-none{
border: none!important;
}