/*
Theme Name: EVE
Version: 1.0
Author: Andrzej Grzyb
*/

html {scroll-behavior: smooth;}
body {background: #000; color:#EFEAEA; margin:0; padding:0; text-align:center; font-family:'Source Sans Pro', Arial, Verdana, sans-serif; font-weight:normal; font-size:20px;}

/* applying box model for all elements */
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}

/* clear float */
.clear:after {clear: both;}
.clear:before, .clear:after {content: " "; display: table;}

/* common styles */
img {border: 0; max-width:100%; height: auto;}
.mobile {display: none;}
.desktop {display: inline-block;}
@media (max-width: 768px) {
    .mobile {display: inline-block;}
    .desktop {display: none;}
}

/* text format */
p {margin:0 0 20px 0; line-height: 25px;}
@media (max-width: 768px) {
    p {font-size: 18px; line-height: 22px;}
}
ul, ol {line-height:140%; margin:0 0 25px 20px;}
a {color:#EFEAEA; transition:all 400ms ease 0ms; text-decoration: none;}
a:hover {text-decoration: underline;}

h2 {font-size:50px; padding:0; margin: 0 0 15px 0; font-weight: 400; text-transform: uppercase;}
h2 span {font-weight: 700;}
@media (max-width: 768px) {
    h2 {font-size:36px;}
}
@media (max-width: 640px) {
    h2 {font-size:30px;}
}

.container {width:100%; text-align:left; overflow: hidden; margin:0 auto; position: relative;}
.wrapper {max-width:1700px; min-width:320px; margin:0 auto !important; padding:0 30px;}
@media (max-width: 768px) {
    .wrapper {padding:0 20px;}
}
@media (max-width: 480px) {
    .wrapper {padding:0 15px;}
}

/* Header */
.mainheader {background: #000; position:fixed; top:0; height: 115px; display:block; width: 100%; z-index:9; text-align:center;}
.header {display: flex; justify-content: space-between; align-items: center; padding-top:60px}
.header a {font-size:20px; text-transform: uppercase; text-decoration: none; color:#EFEAEA}
.header a:hover {text-decoration: underline;}
.site-logo img {display:block}
@media (max-width: 768px) {
    .mainheader {height: 70px;}
    .header {padding-top:15px;}
    .site-logo {max-width: 190px;}
}
@media (max-width: 420px) {
	.site-logo {max-width: 150px; padding-right:10px;}
}

.site-nav {display:flex;}
.wpml-ls-legacy-dropdown {width:auto; margin-left:30px;}
.wpml-ls-legacy-dropdown a {background-color:transparent; border:0; padding:1px 10px;}
.wpml-ls-legacy-dropdown a:hover {text-decoration:none;}
@media (max-width: 460px) {
	.wpml-ls-legacy-dropdown {margin-left:18px;}
}
@media (max-width: 420px) {
	.wpml-ls-legacy-dropdown {margin-left:10px;}
}

/* Video section  */
.video-wrap {position: relative; max-width: 1640px; padding:0 30px; margin:0 auto; height: 100%;}
#herovideo {position: absolute; right: 0; bottom: 0; top:120px; width: 100%; /*height: 100%;*/ background-color: #000; object-fit:contain; z-index:3;}
.morelink {position: absolute; z-index: 4; width: 100%; left: 0; right:0; bottom: 30px; text-align: center; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.morelink a {background:url("images/arr2.png") no-repeat top center; text-decoration: none; text-align: center; color:#D8D4D4; font-size: 16px; text-transform: uppercase; padding:58px 5px 0 5px;}
.morelink a:hover {opacity: 0.85;}
.morelink.moretop {position: static; margin-top:70px; margin-bottom: 10px;}
.morelink.moretop a {background:url("images/arrtop2.png") no-repeat top center;}
#section0 {overflow: hidden;}
video::-webkit-media-controls {display:none !important;}
@media (max-width: 768px) {
    #herovideo {height:100%; top:0;}
}

/* Sections */
.section-row {display: flex; justify-content: space-between; align-items: center; padding-top: 85px;}
.section-row .intro {width:41%;}
.section-row .simage {width:59%; text-align: right; position: relative;}
#image1 {right: -40px; top:-40px}
#image2 {right: -30px; top:-30px}
#image3 {right: 0; top:auto; position: absolute; width: 60%;}
#image4 {right: -20px; top:-50px;}
#image5 {right: 50px; top:-70px;}
#section1 .intro {padding-top: 60px;}
#section2 .intro {padding-top: 60px;}
#section4 .intro {padding-top: 40px;}
#section5 .intro {padding-top: 50px;}
@media (max-width: 768px) {
    .section-row {flex-direction: column;}
    .section-row .intro {width:100%; margin-bottom: 50px;}
    .section-row .simage {width:100%; text-align: center; position: static;}    
    #section1 .intro {padding-top: 0;}
    #section2 .intro {padding-top: 0;}
    #section4 .intro {padding-top: 0;}
    #section5 .intro {padding-top: 0;}
    #image3 {position: static; width: 100%;}
}

/* Contact form */
.intro-contact {max-width: 740px;;}
.intro-contact h2 {font-size:38px; padding: 115px 0 0 0; margin-bottom: 0;}
@media (max-width: 768px) {
    .intro-contact h2 {font-size:32px;}
}
.contact-form h3 {font-size: 46px; padding:40px 0; text-transform: uppercase; font-weight: 400;}
.form-row {display: flex; justify-content: space-between;}
.form-col {width:46%; margin-bottom: 25px;}
.form-row-last .form-col {margin-bottom: 0;}
.form-fullrow {margin-top:-10px; margin-bottom: 25px;} 
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=tel] {background:#171717; font-size:22px; height:54px; font-family:'Source Sans Pro', Arial; border:3px solid #37FD14; width:100%; padding:10px 30px; font-weight: 300; color:#EFEAEA;}
.contact-form textarea {background:#171717; font-size:22px; height:190px; font-family:'Source Sans Pro', Arial; border:3px solid #37FD14; width:100%; padding:10px 30px; font-weight: 300; color:#EFEAEA;}
.contact-form input[type=submit] {background:#37FD14; font-size:22px; height:54px; font-family:'Source Sans Pro', Arial; border:0; width:100%; padding:10px; text-align: center; color:#000; font-weight: 700; cursor: pointer;}
.contact-form input[type=submit]:hover {opacity: 0.85;}
.contact-form input:focus,
.contact-form textarea:focus {outline:none;}
.contact-form ::placeholder {color: #A2A2A2;}
.contact-form :-ms-input-placeholder {color: #A2A2A2;}
.contact-form ::-ms-input-placeholder {color: #A2A2A2;}
.contact-form input:focus::placeholder,
.contact-form textarea:focus::placeholder {color: transparent;}
.contact-form span.wpcf7-not-valid-tip {font-size:15px; color:#fe8092;}
.contact-form div.wpcf7-validation-errors, .contactform div.wpcf7-acceptance-missing, .contactform div.wpcf7-mail-sent-ng, .contactform div.wpcf7-aborted {font-size:15px;}
.contact-form div.wpcf7 .ajax-loader {position: absolute; right:20px; top:10px;}
.contact-form .terms {font-weight: 300;}
.terms span.wpcf7-list-item {margin: 0;}
.terms input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.contact-form .wpcf7 .wpcf7-acceptance .wpcf7-list-item-label {margin-left: 40px; position: relative; display: inline-block; font-size: 15px; line-height: normal; text-align: left; cursor: pointer;}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label:before {top: 0; left: -40px; width: 25px; height: 25px; min-width: 25px; min-height: 25px; border: 2px solid #37FD14;}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label:after, .wpcf7 .wpcf7-acceptance .wpcf7-list-item-label:before {content: ""; position: absolute;}
.wpcf7 .wpcf7-acceptance input:checked+.wpcf7-list-item-label:after {opacity: 1; visibility: visible;}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label:after {top: 5px; left: -35px; width: 15px; height: 15px; min-width: 15px; min-height: 15px; background-color: #EFEAEA; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.contact-form .terms span.wpcf7-not-valid-tip {padding:8px 0 0 40px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {font-size: 16px;}
@media (max-width: 1600px) {
    .contact-form h3 {font-size: 42px; padding:20px 0;}
    .contact-form input[type=text],
    .contact-form input[type=email],
    .contact-form input[type=tel] {font-size:22px; height:50px;}
    .contact-form textarea {font-size:22px; height:175px;}
    .contact-form input[type=submit] {font-size:22px; height:50px;}
}
@media (max-width: 992px) {
    .contact-form h3 {font-size: 36px;}
    .form-col {width: 49%; margin-bottom: 20px;}
    .contact-form input[type=text],
    .contact-form input[type=email],
    .contact-form input[type=tel] {font-size:20px; height:50px; padding: 10px;}
    .contact-form textarea {font-size:20px; height:155px; padding: 10px;}
    .form-fullrow {margin-top:0; margin-bottom: 20px;} 
    .contact-form input[type=submit] {font-size:20px; height:50px;}
}
@media (max-width: 768px) {
    .intro-contact h2 {padding: 71px 0 0 0;}
}
@media (max-width: 640px) {
    .intro-contact h2 {font-size:24px;}
    .contact-form h3 {font-size: 28px; padding:20px 0;}
    .form-col {margin-bottom: 15px;}
    .form-fullrow {margin-top:0; margin-bottom: 20px;} 
    .contact-form input[type=text],
    .contact-form input[type=email],
    .contact-form input[type=tel] {font-size:18px;}
    .contact-form textarea {font-size:18px;}
}