@font-face {
    font-family: 'GTCinetype-Bold';
    src: url('/fonts/GT-Cinetype-Bold.woff2') format('woff2'), /* Super Modern Browsers */
        url('./fonts/GT-Cinetype-Bold.woff') format('woff'), /* Pretty Modern Browsers */
        url('./fonts/GT-Cinetype-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
    }

    @font-face {
    font-family: 'GTCinetype-Black';
    src: url('./fonts/GTCinetype-BlackRT.woff2') format('woff2'), /* Super Modern Browsers */
        url('./fonts/GTCinetype-BlackRT.woff') format('woff'), /* Pretty Modern Browsers */
        url('./fonts/GTCinetype-BlackRT.ttf')  format('truetype'); /* Safari, Android, iOS */
    }

    * {
        padding:0;
        margin:0;
        color:#fff;
    }
    body {
        font-family: 'GTCinetype-Bold';
        font-size:20px;
        background: #ff3e48;
    }
a {
	text-decoration:none;
}
    .container{
            white-space: nowrap;
            cursor:pointer;
            position:relative;
            display:flex;
            justify-content:center;

        }

        section{ 
            font-size: 14;
            white-space: normal;
            display:inline-block;
            width: 50%;
            position:relative;

          
}
.left {
    background: #ff3e48;
    height:100vh;

}
.left img {
    margin-left: auto;
margin-right: auto;
left: 0;
right: 0;

}
.right {
    background: #ff3e48;
    height:100vh;


}
.rm-form-field-invalid-msg {
	background:#fff;
	padding:5px;
}
.form {
    font-size:20px;
    width:70%;
    margin:70px auto;
}
.title {
    margin-bottom:32px;
}
h1 {
    font-family: 'GTCinetype-Black';
    font-size:38px;
}
.gt {
    font-family: 'GTCinetype-Black';
}
p {
    margin-bottom:20px;
}
svg {
    width:38px;
    margin-right:10px;
    -ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg);
  position:relative;
  top:12px;
}
header {
    display:flex;
    padding-top:50px;
    padding-left:100px;
}
header .menu {
    font-size:20px;
    padding-left:50px;
    
}
header .menu ul {
    list-style-type: none;
   
}
header .menu li {
    display:inline-block;
    margin-right:30px;
}
.input {
   /* margin-top: 50px;*/
    display:flex;
    flex-direction: column;
    width:75%;
}
.input input {

    padding:10px;
    /*height:25px;*/
    outline:none;
    border:3px solid #000;
    /*margin-bottom:25px;*/
    color:#000;
}
.submit,.rm_next_btn {
    font-size:18px !important;
    color:#ff3e48 !important;
    font-weight:800 !important;
    width:150px !important;
    height:50px !important;
    border:none !important;
    cursor:pointer;
	-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
	opacity: 1 !important;
	background:#ffffff;
}
label {
    margin-bottom:10px;
}
.privacy {
    display:flex;
    margin-bottom:10px;
}
.privacy label {
    margin-left:10px;
}
.products {
display:flex;
}
.product-image {
    position:relative;
    width:30%;
    z-index:99 !important;
}
.product-together {
    position:relative;
    margin-top:-40px;
    z-index:999;
   width:60%;

}
.swipe-down {
    display:none;
}
.scroll-bottom {
    display:none;
    -ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg);
}
.mobile {
    display:none;
}

@media only screen and (max-width: 1300px) {
	   .desktop {
        display:none;
    }
    .mobile {
        display:block;
    }
    header .menu {
    font-size:20px;
    padding-left:0;
    text-align:center;
    position:relative;
    top:30px;
    
}
.logo {
        width:20%;
        position:relative;
        margin:0 auto;
        padding-left:20px;
    }
svg {
    width:34px;
}
p {
    font-size:16px;
}
.submit {
    margin:0 auto;
}
.swipe-down {
    display:block;
}
.scroll-bottom {
    display:block;
    width:65px;
    z-index:999;
    margin: -20px auto;

}
    .product-image {
       display:none;
   }
   .product-together {
    width:80%;
	     height:100%;
    margin-top:80px;
   }
    .container {
        flex-direction:column;
    }
    header {
        padding-left:0;
        flex-direction:column;
    }
 
    section {
        width:100% !important;
    }

    .form {
    width:90%;
    margin:70px auto;
}
.input {
    width:100%;
}
}

@media only screen and (max-width: 768px) {
    .logo {
        width:40%;
     
    }
.product-together {
    width:100%;
	  height:100%;
}
   .products {
       margin:0;
   }
}