.home-particles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
padding: 0;
margin: 0;
opacity: .35;
background:#000;
}
.home-particles canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.s-home--particles {
background: #000;
background-image: url(//naturavive.ee/wp-content/plugins/coming-soon-maintenance-mode/templates/images/temp-1.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.s-home--particles::before {
opacity: .32;
background: #000000;
}
.home-logo a {
display: block;
margin: 0;
padding: 0;
outline: 0;
border: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.home-logo img {
width: auto;
height: 155px;
} .home-content {
display: block;
width: 100%;
height: 100%;
vertical-align: middle;
padding-bottom: 6rem;
position: relative;
}
.home-content h3 {
font-size: 1.4rem;
line-height: 1.286;
text-transform: uppercase;
letter-spacing: .3rem;
color: white;
margin-bottom: 3rem;
position: relative;
}
.home-content h1 {
font-size: 6.4rem;
line-height: 1.219;
color: #FFFFFF;
letter-spacing: 0;
font-family: metropolis-bold;
}
.home-content__main {
padding-top:15rem;
position: relative;
overflow: hidden;
}
.home-content__text p {
font-size:16px;
color: #ffffffd9;
max-width: 800px;
margin: 0 auto;
}
.home-content__subscribe {
max-width: 420px;
margin: 3rem auto;
padding: 0;
position: relative;
}
#mc-form {
width: 100%;
}
#mc-form input[type="email"] {
width: 100%;
height: 5.4rem;
font-size: 1.5rem;
line-height: 3rem;
padding: 1.2rem 170px 1.2rem 24px;
background: rgba(255, 255, 255, 0.05);
color: #FFFFFF;
margin-bottom: 1.8rem;
}
#mc-form input[type="email"]::-webkit-input-placeholder {
color: white;
}
#mc-form input[type="email"]:-moz-placeholder {
color: white;
}
#mc-form input[type="email"]::-moz-placeholder {
color: white;
}
#mc-form input[type="email"]:-ms-input-placeholder {
color: white;
}
#mc-form input[type="email"].placeholder {
color: white !important;
}
#mc-form input[type=submit],input[type=button] {
color: #FFFFFF;
background: var(--thm-primary);
border-color: var(--thm-primary);
padding: 0 25px;
margin: 0;
position: absolute;
top: 0;
right: 0;
}
#mc-form label {
color: #FFFFFF;
font-family: var(--thm-font);
font-size: 1.3rem;
padding: 0 2rem;
}
#mc-form label i {
padding-right: 6px;
}
.home-content__counter .top {
margin-bottom: 1.5rem;
position: relative;
left: -1.5rem;
}
.home-content__counter .time {
color: #FFFFFF;
font-size: 3rem;
line-height: 1;
display: inline-block;
margin: 0 1.5rem;
min-width: 6rem;
position: relative;
padding:0;
}
.home-content__counter .time span {
color: #FFF;
font-size: 2rem;
} .home-social {
list-style: none;
font-family: var(--thm-font);
margin: 0;
position: absolute;
top: 50%;
right: 6.6rem;
-webkit-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.home-social a {
color: #FFFFFF;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.home-social li {
position: relative;
padding: .9rem 0;
}
.home-social li a {
display: block;
width: 36px;
height: 36px;
}
.home-social i,
.home-social span {
position: absolute;
top: 0;
line-height: 36px;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.home-social i {
font-size: 20px;
right: 0;
text-align: center;
display: inline-block;
width: 36px;
height: 36px;
}
.home-social li:hover i {
color: var(--thm-primary);
} .home-copyright {
z-index: 502;
font-size: 1.5rem;
line-height: 1.8;
color: #FFF;
padding: 30px 60px 42px;
}
.home-copyright a {
color: rgba(255, 255, 255, 0.7);
}
.home-copyright span {
display: inline-block;
}
.home-copyright span::after {
content: "|";
display: inline-block;
padding: 0 .5rem 0 .8rem;
color: #fff;
}
.home-copyright span:last-child::after {
display: none;
} @media only screen and (max-width:1500px) {
.home-content h1 {
font-size: 5.8rem;
}
.home-content__main {
max-width: 1200px;
}
.home-content__text p {
font-size: 1.7rem;
margin-top: 4.8rem;
}
.home-content__counter .time {
font-size: 2.8rem;
min-width: 5.8rem;
}
.home-content__counter .time span {
font-size: 1.8rem;
}
.home-content__counter .days {
font-size: 14.5rem;
}
}
@media only screen and (max-width:1400px) {
.home-logo {
right: 35px;
}
.home-content h1 {
font-size: 5rem;
}
.home-content__main {
max-width: 1000px;
}
.home-content__text p {
font-size: 1.6rem;
margin-top: 4.2rem;
}
.home-content__counter .time {
font-size: 2.4rem;
min-width: 5rem;
}
.home-content__counter .time span {
font-size: 1.7rem;
}
.home-content__line {
right: 54px;
}
.home-social {
right: 3.6rem;
}
.home-social li a {
height: 32px;
width: 32px;
}
.home-social i,
.home-social span {
line-height: 32px;
}
.home-social i {
font-size: 18px;
height: 32px;
width: 32px;
}
.home-social span::after {
right: -22px;
}
}
@media only screen and (max-width:1200px) {
.home-content h3::before {
width: 30px;
}
.home-content h1 {
font-size: 4.2rem;
}
.home-content__main {
max-width: 900px;
}
.home-content__text p {
font-size: 1.5rem;
margin-top: 3.6rem;
}
.home-content__counter .time {
font-size: 2rem;
min-width: 4rem;
}
.home-content__counter .time span {
font-size: 1.6rem;
}
}
@media only screen and (max-width:1000px) {
.s-home,
.home-content {
display: block;
}
.home-content {
overflow-y: auto;
}
.home-content {
padding-bottom: 0;
}
.home-content br {
display: none;
}
.home-content__main,
.home-copyright {
max-width: 700px;
}
.home-content__text,
.home-content__counter {
width: 100% !important;
float: none !important;
clear: both !important;
margin-left: 0;
margin-right: 0;
}
.home-content__text {
margin-bottom: 7.2rem;
}
.home-content__counter .top {
display: inline-block;
margin: 0;
}
.home-copyright {
position: static;
width: auto;
padding: 30px 15px 42px;
}
.home-content__line {
display: none;
}
}
@media only screen and (max-width:800px) {
.home-content__main,
.home-copyright {
max-width: 600px;
}
.home-content__text {
padding-right: 15px;
}
.home-content__counter {
padding-right: 15px;
}
.home-content__counter .days {
font-size: 9rem;
}
.home-social {
display: none;
}
}
@media only screen and (max-width:700px) {
.home-content h1 {
font-size: 4rem;
}
.home-content__main,
.home-copyright {
max-width: 490px;
}
.home-content__counter .time {
font-size: 2rem;
min-width: 3rem;
}
.home-content__counter .time span {
font-size: 1.6rem;
}
}
@media only screen and (max-width:600px) {
.home-content h3 {
font-size: 1.3rem;
}
.home-content h1 {
font-size: 3.6rem;
}
.home-content__text {
padding-right: 10px;
}
.home-content__counter {
padding-right: 10px;
}
.home-content__counter .top {
display: block;
margin-bottom: 1.5rem;
left: 0;
}
.home-copyright {
text-align: center;
padding-right: 25px;
padding-left: 25px;
}
}
@media only screen and (max-width:500px) {
.s-home {
min-height: 642px;
text-align: center;
}
.home-content h3 {
padding-left: 0;
}
.home-content h3::before {
display: none;
}
.home-content h1 {
font-size: 3.3rem;
}
.home-content__main {
max-width: 420px;
}
#mc-form input[type="email"] {
padding: 1.2rem 2rem;
text-align: center;
}
#mc-form input[type=submit] {
position: static;
width: 100%;
margin-bottom: 1.8rem;
}
.home-copyright span {
display: block;
}
.home-copyright span::after {
display: none;
}
}
@media only screen and (max-width:400px) {
.s-home {
min-height: 630px;
}
.home-logo {
right: 30px;
}
.home-logo img {
width: auto;
height: auto;
}
.home-content h1 {
font-size: 3rem;
}
.home-content__main {
max-width: auto;
}
.home-content__text {
padding-right: 0;
}
.home-content__text p {
font-size: 1.6rem;
}
}