@media only screen and (max-width: 850px) {
.campaign-right-col {
display: none;
}
.campaign {
background-repeat: no-repeat;
background-size: cover;
background-position: right top;
}
}
@media only screen and (max-width: 1500px) {
.campaign-right-col {
padding-left: 48px;
}
.campaign {
background-repeat: no-repeat;
background-size: cover;
background-position: right top;
}
}
@media only screen and (min-width: 1500px) {
.campaign-container .container {
max-width: 1400px;
}
.campaign-container .container .row {
min-width: 100%;
}
.campaign {
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
} @media only screen and (min-width: 1500px) {
.cpr-72 {
padding-right: 72px;
}
}
@media only screen and (max-width: 1500px) {
.campaign-logo {
width: 300px;
height: auto;
margin: 0px auto;
display: block;
}
}
@media only screen and (min-width: 1500px) {
.campaign-logo {
width: 300px;
height: auto;
left: -100px;
display: block;
}
}
.campaign-logo-box {
text-align: center;
width: 90%;
}
.campaign-logo-box h1 {
color: #FFF;
margin: 0px;
font-size: 42px;
font-weight: 400;
}
@media only screen and (max-width: 1500px) {
.campaign-logo-box-sub-title {
margin-top: -40px;
}
}
@media only screen and (min-width: 1500px) {
.campaign-logo-box-sub-title {
margin-top: -90px;
padding-left: 500px;
}
}
.campaign-logo-box div.campaign-date {
margin-top: -10px;
color: #00b37d;
font-size: 26px;
}
.campaign-text-box {
border: 7px solid rgba(0, 179, 125, 0.6);
border-radius: 16px;
background-color: rgba(240, 240, 240, 0.8);
padding: 32px 64px;
}
.campaign-text-box ul {
padding-left: 24px;
}
.campaign-text-box ul li {
font-size: 26px;
line-height: 32px;
margin-bottom: 8px;
font-weight: bold;
}
.campaign-text-box h3 {
color: #00b37d;
font-size: 32px;
font-weight: normal;
}
span.campaign-yellow {
color: #00b37d;
}
span.campaign-green {
color: #42FF57;
}
.campaign-enter-info-title {
font-size: 24px;
text-align: center;
color: #FFF;
line-height: 28px;
margin: 0px;
}
.campaign-tos {
text-align: center;
color: #00b37d;
font-size: 20px;
line-height: 24px;
font-weight: bold;
margin-bottom: 32px;
}
.campaign-tos a,
.campaign-tos a:visited {
color: #8792FC;
text-decoration: underline;
}
.campaign-tos a:hover,
.campaign-tos a:active {
color: #8792FC;
text-decoration: none;
}
.campaign-container .wpcf7-response-output {
background-color: #FFF;
}
.campaign-container .codedropz-upload-wrapper {
background-color: #FFF;
}
.campaign-container .codedropz-upload-handler {
border: unset;
}
.campaign-container .wpcf7-submit {
margin: 0px auto;
display: block;
background-color: #00b37d !important;
margin-top: 24px;
}
.dnd-upload-counter {
display: none;
}
.cd-upload-btn {
color: #00b37d;
}
.codedropz-upload-inner h3 {
font-size: 24px;
line-height: 28px;
}
.dnd-upload-status {
padding: 24px;
}
.dnd-icon-remove {
padding-right: 36px;
}
#tos-box {
position: fixed;
top: 50%;
left: 50%;
background-color: #FFFF;
transform: translate(-50%, -50%);
z-index: 99999;
width: 90%;
box-shadow: 0px 0px 40px 0px rgba(0,0,0,.3);
padding-bottom: 20px;
}
#tos-box:after {
content: '';
position: absolute;
left: 0;
right: 0;
background: linear-gradient(#ffffff00, #fff);
height: 66px;
bottom: 0;
}
.tos-box-close {
font-size: 12px;
text-transform: uppercase;
letter-spacing: .5px;
font-weight: 300;
padding: 24px 24px 0px 24px;
cursor: pointer;
text-align: right;
}
.tos-box-terms {
margin: 24px;
width: 90%;
max-height: 400px;
overflow-y: auto;
}
@media only screen and (min-width: 900px) {
#tos-box {
width: 800px;
}
.tos-box-terms {
width: 800px;
}
}
@media only screen and (max-width: 1500px) {
.campaign-partners {
padding: 72px 72px;
display: flex; align-items:
center; justify-content: center;
flex-direction: column;
}
.campaign-partner {
padding: 24px 0px;
width: auto;
max-height: 140px;
}
}
@media only screen and (min-width: 1500px) {
.campaign-partners {
padding: 72px 72px;
display: flex; align-items:
center; justify-content: center;
flex-direction: row;
}
.campaign-partner {
padding: 0px 24px;
max-width: 200px;
max-height: auto;
}
}
.video-fit video, .video-fit iframe, img.back-image, .image-cover img, .has-format img, .has-equal-box-heights .box-image img { }
.box-text.text-left {
padding-right: 20px !important;
}
button i, .button i {
top: 0;
}
.woocommerce-price-suffix,
.add-to-cart-button,
.wcsatt-sub-options {
display:none !important;
}
@media screen and (min-width: 850px) {
.gallery-columns-3 .gallery-item, .large-columns-3>.col, .large-columns-3 .flickity-slider>.col {
max-width: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
}
@media screen and (min-width: 850px) {
.col:first-child .col-inner {
height: 100%;
}
}
@media screen and (min-width: 850px) {
.three-col.large-columns-3>.col {
max-width: 33%;
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
}
} 
@media screen and (min-width: 850px) {
.kuvat.large-columns-4>.col {
max-width: 33.3333%;
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%;
}
} 
@media screen and (max-width: 849px) {
.kuvat.large-columns-4>.col {
max-width: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
@media screen and (max-width: 500px) {
.kuvat.large-columns-4>.col {
max-width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
} 
@media screen and (max-width: 849px) {
.kuvat {
margin-right: 0 !important;
margin-left: 0 !important;
}
} 
.kuvat .col .col-inner {
background: #fff;
height: 100%;
border-radius: 10px; !important;
}
footer ul.links {
margin : 18px 0;
padding-bottom: 0;
border-bottom: 0;
}
footer .absolute-footer {
padding: 10px 0;
}
@media screen and (max-width: 849px) {
footer ul.links li a {
padding: 10px 0;
display: inline-block;
}
}
.page-id-386 .page-title-inner,
.page-id-109 .page-title-inner
{
min-height: 200px !important;
}
.page-id-386 .text-center {
text-align: center !important;
}
.page-id-109 .text-center {
text-align: center !important;
}
.featured-posts .image-cover {
border-radius: 0 !important;
}
.featured-posts .badge.top {
left: 10px !important;
}
.col, .gallery-item, .columns {
padding: 0 15px 17px;
}
.page-template-campaign form {
padding: 10px;
}
@media screen and (max-width: 849px) {
.text-center {
text-align: center !important;
}
}
.blog .page-wrapper {
padding-top: 0;
}
@media screen and (max-width: 640px) {
.ctl-slick-prev {
left: 0px !important;
}
}
@media screen and (max-width: 640px) {
.page-id-381 .banner .text-box {
width: 100% !important;
padding: 20px;
left: 0 !important;
}
.section-title.section-title-normal {
text-align: center;
}
}
@media screen and (max-width: 640px) {
.ttt1 p , .ttt2 p, .ttt0 p {
}
}
.color-white ,
.color-white * {
color: #fff !important;
}
.three-flavors h2,
.water h2,
.three-flavors h3
{
font-size: 30px;
}
.water h3 {
font-size: 30px;
}
.water .row {
margin-left: auto !important;
margin-right: auto !important;
max-width: 80vw !important;
width: auto !important;
justify-content: space-between;
}
@media screen and (max-width: 849px) {
.water .row {
max-width: 100vw !important;
width: auto !important;
justify-content: space-between;
}
}
.water .row > .col{
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 849px) {
.water .row > .col{
max-width: 100%;
flex: 0 0 100%;
text-align: center;
}
}
.col-md-7 {
max-width: 70%;
flex: 0 0 70%;
}
@media screen and (max-width: 1024px) {
.col-md-7 {
max-width: 100%;
flex: 0 0 100%;
}
}
.col-md-5 {
max-width: 30%;
flex: 0 0 30%;
}
@media screen and (max-width: 1024px) {
.col-md-5 {
max-width: 100%;
flex: 0 0 100%;
}
}
.col-md-6 {
max-width: 50%;
flex: 0 0 50%;
padding: 15px;
}
@media screen and (max-width: 640px) {
.col-md-6 {
max-width: 100%;
flex: 0 0 100%;
}
}
.row {
max-width: none !important;
}
.greenbg {
background-color: #039110;
color: #fff;
}
.inner {
font-weight: bold;
width: 100%;
padding: 20px 40px;
}
.flex-end {
align-content: flex-end;
}
.margin-auto {
margin: auto;
}
.flex {
display: flex;
}
.flex-wrap {
flex-wrap: wrap;
}
.h2 {
font-size: 20px;
}
.h3 {
font-size: 18px;
}
.text-center {
text-align: center !important;
}
.partner {
max-width: 220px;
right: 20px;
bottom: 20px;
}
@media screen and (max-width: 1400px) {
.partner {
max-width: 15vw;
}
}
@media screen and (max-width: 1024px) {
.partner {
max-width: 25vw;
}
}
@media screen and (max-width: 1024px) {
.page-id-2970 .partner {
max-width: 250px;
position: relative !important;
bottom: auto;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
right: auto;
}
}
.campaign-tos a, .cd-upload-btn, .campaign-tos {
color: #039110 !important;
}
.greentxt {
color: #039110;
justify-content: flex-end;
}
.greentxt br {
display: none;
}
.campimg {
}
.campimg {
}
.fform {
max-width: 30vw;
}
@media screen and (max-width: 1024px) {
.fform {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
}
.span2 img {
}
.tos-box-terms {
margin: 0 !important;
}
.tos-box-terms ol {
padding: 40px !important;
}
.black {
padding: 15px;
text-align: center;
}
.precont {
margin: auto;
display: flex;
}
@media screen and (max-width: 1024px) {
.precont {
flex-direction: column;
}
}
.wpcf7-form-control.wpcf7-submit {
background-color: #039110 !important;
margin-top: 10px;
}
.codedropz-upload-handler {
background-color: #fff;
}
.wpcf7 p {
text-align: center;
}
.codedropz-upload-inner h3 {
font-size: 22px !important;
}
.black .h2 {
font-size: 20px;
}
.campimg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media screen and (max-width: 1024px) {
.campimg {
width: 100%;
}
}
@media screen and (max-width: 640px) {
.span1 {
text-align: center;
width: 100%;
}
.span2 {
height: 30vw;
width: 100%;
display: block;
text-align: center;
}
}
.campimg {
background-position: center bottom; }
.campimg img {
max-width: none !important;
width: 100%;
}
.grid { }
.span1, .span2, .span3 {
margin-left: auto;
margin-right: auto;
margin-top: 15px;
}
.contentt { }
.greenbg li {
}
.wpcf7-spinner {
position: absolute !important;
}