input[placeholder]          {padding-left:20px;}
input::-moz-placeholder     {padding-left:20px;}
input:-moz-placeholder      {padding-left:20px;}
input:-ms-input-placeholder {padding-left:20px;}   

body {
background-color: #525673;
padding-bottom: 40px;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
} 

.header{
display: flex;
justify-content: center;
margin-bottom: 25px;
margin-top: 25px;
}
.main{
display: flex;
align-items: center;
flex-direction: column;
}

.main-bg-container{
display: flex;
align-items: center;
flex-direction: column;
box-sizing: border-box;
background: white;
border-radius: 25px;
width: 100%;
height: 100%;
}

.main__title.title-sub{
margin-top: 0px !important;
}

.main__title{
font-family: Proxima Nova;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 21px;
margin-top: 20px;
text-align: center;
width: 343px;
}

.main__title-pad{
display: none;
}

.main__title-pad.title-pad-sub{
margin-top: 0px !important;
}

.main .main__products{
display: flex;
flex-direction: column;
}

.main .products__item{
position: relative;
box-sizing: border-box;
width: 343px;
height: 200px;
border-radius: 10px;
}

.main .products__item-link_rhodiola{
background-image: url(/img/rhodiola.png);
background-size: contain;
background-position: center;
display: flex;
justify-content: center;
align-items: flex-end;
text-decoration-line: none;
}

.main .products__item-link_taxifolin{
margin-top: 20px;
background-image: url(/img/taxifolin.png);
background-size: contain;
background-position: center;
display: flex;
justify-content: center;
align-items: flex-end;
text-decoration-line: none;
}

.products__item-link-inner-title{
font-family: Proxima Nova;
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 21px;
color: white;
margin-bottom: 20px;
}

.main__form-container{
width: 343px;
}

.form-request{
display: flex;
flex-direction: column;
}

.form-title{
margin-top:30px;
font-family: Proxima Nova;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
}

input {outline:none;}

.form-label{
margin-bottom: 5px;
font-family: Proxima Nova;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
}

.important{
color: red;
}

.main__form-container .form-request .email-input{
background: #FFFFFF;
border: 1px solid #EAEBEC;
box-sizing: border-box;
border-radius: 4px;
height: 48px;
margin-bottom: 15px;
}

.btn{
font-family: Proxima Nova;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 19px;
height: 48px;
background: #40BF6A;
border-radius: 4px;
border: none;
margin-bottom: 20px;
color: white;
}

.btn:hover{
background: #61D186;
}

.btn:active{
background: #2E9E53;
}

.main__form-container .form-request .email-input:hover{
border: 1px solid #7F878B;
}

/* Pads */
@media only screen
and (min-device-width: 768px)
{

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

.main-bg-container{
display: flex;
align-items: center;
flex-direction: row;
box-sizing: border-box;
background: white;
border-radius: 25px;
width: 800px;
height: 100%;
}

.main__title{
display: none;
}

.main__products{
width: 50%;
margin-left: 40px;
margin-bottom: 20px;
}

.main__products .main__title-pad{
display: block;
font-family: Proxima Nova;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 21px;
margin-top: 20px;
text-align: center;
width: 343px;
}
.main__form-container{
width: 50%;
margin-right: 40px;
}
}