@charset "UTF-8";
@import url('./css/typography.css');
@import url('./fonts/fonts.css');
html, button, input, select, textarea {
    color: #442e21;
}
html, body {
	margin:0; padding:0;
    font-size:18px;
    /*font-size: 1em;font-size:100%;*/
    line-height: 1.4;
	font-weight:400;
	font-style:normal;
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing:subpixel-antialiased;/*text-shadow: 0 0 1px rgba(255,255,255,0.1);*/
	position:relative;
	color:#442e21;
	text-align:justify;letter-spacing:0em;
}
html { overflow-x: hidden !important; }
body { background:#ffffff;height:100%;overflow-x: visible !important;}

h1, h2, h3, h4, h5, h6 { 
	padding:0; margin:0 0 0.45em 0; color:#442e21; letter-spacing:-0.02em;
	-webkit-font-smoothing:subpixel-antialiased;font-weight:700; font-family: 'Montserrat', sans-serif; }
h1 { font-size:2.125em; }
h2 { font-size:1.5em; }
h3 { font-size:1.300em; }
h4 { font-size:1.300em; }

a { 
	text-decoration:none; outline:0 none; color:#6a3719;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out; 
}
a:hover, a:focus, a:active { text-decoration:underline; outline:0 none; color:#6a3719; }
strong { font-weight:700; }
p { margin:0 0 0.25em 0;text-align:justify;text-align-last:center;}
a { border:0 none; outline:0 none; }

audio,canvas,img,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
img {vertical-align: middle; margin:0;}

.left { float:left;margin-right:20px; } .right { float:right;margin-left:20px; }
* { _noFocusLine: expression(this.hideFocus=true); } 
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
::-moz-focus-inner {border:0;outline:0 none;}
:focus {outline:none;}
:active {outline:none;}
::-moz-selection {background: transparent;text-shadow: none;background:#ccc;}::selection {background: transparent;text-shadow: none;background:#ccc;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #555555;margin: 1em 0;padding: 0;}
.iframe {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin:0 auto 20px;
}

.iframe iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

.container {
	margin:0 auto; padding:0;
    width:100%; min-height:100%;
	position:relative; display:block;
	z-index: 1;
}
.bgimg { 
    margin:0 auto; padding:0; z-index:-1;
    width:100%; height:100vh;
	position:fixed;top:0;left:0;
}
.bgimg img { 
    margin:0 auto; padding:0;position:relative; display:block;
    width:auto; min-width:100vw; min-height:100vh;object-fit: cover;
}
.wrap {
	margin:0 auto; padding:0;
    width:100%; max-width:1200px; height:auto;
	position:relative;
}
header {
	margin:0 auto;padding:20px 0 ;
    width:100%; height:100vh; overflow:hidden;
	position:relative; display:block;text-align:center;
    background: url("./images/bg.jpg") no-repeat top center; background-size:cover;background-attachment:fixed;
}
header .logo {
	margin:0 auto; padding:20px 0 30px; display:block;width:20%;max-width:540px;
	position:relative; z-index:5;
}
header .svetlo {
	margin:-20px auto 0; padding:0; display:block;width:80%;max-width:1600px; overflow:hidden;
	position:relative; z-index:5;background: url("./images/svetlo0.png") no-repeat top center; background-size:cover;
}
header .svetlo img {
	margin:0 auto; padding:0; display:block;width:104%;height:auto;
	position:relative;left:-2%;
}
header .svetlo h1 {
	margin:0 auto; padding:0; display:block;width:90%;
    color:#fff; font-weight:900; font-size:5vw; letter-spacing:-0.02em; line-height:1; text-align:center;opacity:1;
	position: absolute;top: 70%; left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
    -webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-ms-transition:all 400ms linear;-o-transition:all 400ms linear;transition:all 400ms linear;
    animation-name: intro; animation-duration:7s;
}
header h1.mobile {
	margin:0 auto; padding:0; display:block;width:90%;
    color:#fff; font-weight:900; font-size:5vw; letter-spacing:-0.02em; line-height:1; text-align:center;opacity:1;
	position:relative;
    -webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-ms-transition:all 400ms linear;-o-transition:all 400ms linear;transition:all 400ms linear;
    animation-name: intro; animation-duration:7s;
}
@-webkit-keyframes intro {
    0% {opacity:0;} 
    100% {opacity:1;}
}
@keyframes intro {
    0% {opacity:0;} 
    100% {opacity:1;}
}

header .plant1 {
	margin:0 auto; padding:0; display:block;width:100%;height:auto;position:absolute;bottom:-30%;
}
header .plant2 {
	margin:0 auto; padding:0; display:block;width:100%;height:auto;position:relative;
}

.mainline {
	margin:0 auto; padding:30px 0 0;width:100%; height:auto;position:relative;text-align:center;
}
.mainline>div {
	margin:0 auto; padding:0;width:80%;max-width:1600px; height:auto;position:relative;
}
.mainline h2 {
	color:#2da34a; font-weight:700; font-size:2.2vw; text-transform:uppercase; line-height:1; text-align:center;
}

.mainline>div.cojesvetlo {
	margin:30px auto 0; padding:30px 3vw; display:block;z-index:9;
	position:relative; text-align:center; text-decoration:none;
	border:8px solid #2da34a;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; 
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.mainline>div.cojesvetlo h2 {margin:-3.1vw auto 0;background:#fff;display:inline-block;padding:0 30px 20px;}
.mainline>div.cojesvetlo p {padding:0 0 20px;}
.mainline>div.cojesvetlo p strong {color:#2da34a;}
.mainline>div.cojesvetlo img {margin:15px auto;}

.mainline>div.gluxorsvetlo {
	margin:-3px auto 0; padding:20vw 3vw 30px; display:flex; z-index:8;
	position:relative; text-align:center; text-decoration:none;
    background: url("./images/ledsvetlo.svg") no-repeat top center; background-size:contain;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.mainline>div.gluxorsvetlo>div {padding:0 30px;width:50%;}
.mainline>div.gluxorsvetlo .glx {padding:20px 0 0;}
.mainline>div.gluxorsvetlo .glx strong {color:#00682c;font-weight:900;}

.mainline img.high-low {
	margin:20px auto 0; padding:0;width:80%;max-width:1600px; height:auto;position:relative;text-align:center;
}

.mainline>div.pulsesvetlo {
	margin:0 auto; padding:4vw; display:flex; z-index:8;width:100%;max-width:none; overflow:hidden;
	position:relative; text-align:center; text-decoration:none;
    background:#40cc5e url("./images/grow1a.png") no-repeat bottom center; background-size:contain;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.mainline>div.pulsesvetlo>div {
	margin:0 auto; padding:2vw 5vw;width:50%;height:auto; display:block;position:relative;color:#fff;
}
.mainline>div.pulsesvetlo>div h2 {color:#fff;}
.mainline>div.pulsesvetlo>div strong {font-size:1.3em;}
.mainline>div.pulsesvetlo>div>img.led1 {
	margin:0 auto; padding:0;display:block;position:absolute;right:0;
}
.mainline>div.pulsesvetlo>div>img.puls {
	width:80%;margin:20px auto 0;
}

.mainline>div.spektrumsvetlo {
	margin:0 auto; padding:4vw 2vw;width:90%;max-width:1900px; height:auto;position:relative; overflow:hidden; display:flex; flex-wrap:wrap;
}
.mainline>div.spektrumsvetlo>div {
	margin:0 auto; padding:30px;width:50%;height:auto; display:block;position:relative;
}
.mainline>div.spektrumsvetlo>div>h2 {
	color:#2da34a; font-weight:700; font-size:2vw; text-transform:none; line-height:1; text-align:center; margin:0 auto 20px;
}
.mainline>div.spektrumsvetlo>div>h2 b {font-weight:900;}
.mainline>div.spektrumsvetlo>div>div {
	margin:0 auto; padding:0; display:flex; align-items: center;
}
.mainline>div.spektrumsvetlo>div>div>img {
	width:40%;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.mainline>div.spektrumsvetlo>div>div>img:hover {
	-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
}
.mainline>div.spektrumsvetlo>div>div>div {
	margin:0 auto; padding:20px; font-size:0.85em; width:60%;
}
.mainline>div.spektrumsvetlo>div>div>div p {padding:15px 0 0;}

.mainline>div.comparesvetlo {
	margin:0 auto; padding:4vw 3vw; display:block; z-index:8;width:100%;max-width:none; overflow:hidden;
	position:relative; text-align:center; text-decoration:none;
    background: url("./images/greybg.jpg") no-repeat top center; background-size:100% 100%;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.mainline>div.comparesvetlo>img {
	width:60%;max-width:1200px; margin:20px auto 4vw;
}

.mainline>div.energywater {
	margin:0 auto; padding:4vw 2vw;width:80%;max-width:1900px; height:auto;position:relative; overflow:hidden; display:flex;align-items: flex-start;
}
.mainline>div.energywater>img {
	width:44%;margin:0 3%;
}

.mainline>div.product {
	margin:0 auto; padding:5vw;width:100%;max-width:none; height:auto;position:relative; overflow:hidden; text-align:left;
    background: url("./images/produktbg.svg") no-repeat top center; background-size:100% auto;
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.mainline>div.product>img {
	width:80%;margin:0 auto;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
}
.mainline>div.product>h2 {
	color:#fff; font-weight:700; font-size:2vw; text-transform:none; line-height:1; text-align:center; margin:0 0 20px; padding:15px 30px 13px;display:inline-block;
    background: #00682c;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; 
	-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
}
.mainline>div.product>p {display:block;text-align: left;text-align-last: left;width:25%;font-size:1.1em;}
.mainline>div.product .versions {
	width:100%;margin:12vw auto 20px; display:flex; justify-content:flex-end; padding:0 20px;
    background: url("./images/logo.svg") no-repeat bottom left; background-size:14% auto;
}
.mainline>div.product .versions table {text-align:center;border-spacing:8px;}
.mainline>div.product .versions table tr td, .mainline>div.product .versions table tr th {padding:12px 4vw;}
.mainline>div.product .versions table tr th {background:#00682c;color:#fff;}
.mainline>div.product .versions table tr td {background:#fff;font-weight:700;}
.mainline>div.product .versions table tr td:first-child, .mainline>div.product .versions table tr th:first-child {
    font-weight:400 !important;text-align:right;background:transparent;color:#000;padding:12px;
}
.mainline>div.product .specifications {
	width:100%;margin:0 auto; display:block; padding:4vw 0 0;
}
.mainline>div.product .specifications table {text-align:center;border-spacing:8px;width:100%;background:#fff;}
.mainline>div.product .specifications table tr td, .mainline>div.product .specifications table tr th {padding:12px 4vw;}
.mainline>div.product .specifications table tr th {background:#00682c;color:#fff;}
.mainline>div.product .specifications table tr td {background:#ddd;font-weight:400;}
.mainline>div.product .specifications table tr td:first-child, .mainline>div.product .specifications table tr th:first-child {
    font-weight:700 !important;text-align:left;background:#f1f1f1;color:#000;padding:12px;
}
.mainline>div.product .specifications table tr th:first-child {background:#fff;}

#site-navigation {display:none}

footer {
	margin:0 auto; padding:30px 0; display:block;z-index:9;width:100%;
	position:relative; text-align:center; text-decoration:none;
	background:#00682c;
}
footer .site-info {
	margin:0 auto; padding:0; display:flex;z-index:9;width:80%;
	position:relative; text-align:center; text-decoration:none;align-items: center;
}
footer .site-info>div {
	width:25%; color:#fff; font-weight:700;
}
footer .site-info>div>img {width:80%;}
footer .site-info>div>a {color:#fff;font-size:1.4em;}
.copy {padding:20px;text-align:center;}
header h1.mobile {display:none;}

.lang {
	margin:0 auto; padding:20px; display:inline-flex;z-index:9999;
	position:absolute;top:0;right:0; text-align:center; text-decoration:none;
}
.lang>a {
	margin:0 auto; padding:5px 10px; display:flex;z-index:9999;
	position:relative; text-align:center; text-decoration:none;
    color:#fff; text-transform:uppercase; font-weight:400; font-size:0.85em;align-items: center;
    border:1px solid transparent;
}
.lang>a.cur1 {border:1px solid #fff;background:rgba(0,0,0,0.5)}
.lang>a>img {padding-right:6px}



@media all and (max-width: 600px) {
header .logo {padding:20px 0; width:70%;}
header .svetlo {margin:20px auto 0; width:90%;}
header .svetlo h1 {display:none;}
header h1.mobile {display:block;top:0;font-size:2.8em;}
header .plant2 {width:200%;position: absolute;bottom: -10%;right: 0;}
header .plant1 {width: 400%;position: absolute;bottom: -20%;}
.mainline>div {width: 90%;}
.mainline h2 {font-size: 1.2em;}
.mainline>div.cojesvetlo {padding: 20px;}
.mainline>div.cojesvetlo h2 {margin:-70px auto 0;padding:20px;}
.mainline>div.gluxorsvetlo {flex-direction:column;}
.mainline>div.gluxorsvetlo>div {padding: 30px 20px 0;width: 100%;}
.mainline>div.pulsesvetlo {flex-direction:column-reverse;padding: 20px;background-size: auto 40%;}
.mainline>div.pulsesvetlo>div {padding: 20px;width: 100%;}
.mainline>div.pulsesvetlo>div>img.led1 {position:relative;width:100%;left:-40px;}
.mainline>div.spektrumsvetlo {padding: 20px 0;flex-direction:column;}
.mainline>div.spektrumsvetlo>div {padding: 10px;width: 100%;}
.mainline>div.spektrumsvetlo>div>h2 {font-size: 1.2em;}
.mainline>div.spektrumsvetlo>div>div {padding: 20px 0;flex-direction:column;}
.mainline>div.spektrumsvetlo>div>div>img {width:60%;}
.mainline>div.spektrumsvetlo>div>div>div, .mainline>div.energywater {width:100%;flex-direction:column;}
.mainline>div.comparesvetlo {padding:20px;}
.mainline>div.comparesvetlo>img {width:90%;}
.mainline>div.energywater>img {width:90%;padding:0 0 20px;}
.mainline>div.product {padding:20px;text-align: center;}
.mainline>div.product>img {width:90%;top:9%;}
.mainline>div.product>h2 {font-size: 1.6em;}
.mainline>div.product>p {text-align: center;text-align-last: center;width: 100%;font-size: 1em;}
.mainline>div.product .versions { margin: 30% auto 20px;padding: 0;font-size:0.85em;background:transparent;}
.mainline>div.product .versions table tr td:first-child, .mainline>div.product .versions table tr th:first-child {padding-left:0;}
.mainline>div.product .specifications, .copy {font-size:0.85em;}
footer .site-info {width:90%;flex-direction:column;}
footer .site-info>div {width:100%;padding:5px 0;}
footer .site-info>div>img {width: 60%;margin: 0 auto 20px;}
.lang {padding:0 0 10px;position:relative;top:auto;right:auto;}
}

@media all and (min-width: 601px) and (max-width: 899px) {

.mainline>div {width: 90%;}
.mainline h2 {font-size: 1.2em;}
.mainline>div.cojesvetlo {padding: 20px;}
.mainline>div.cojesvetlo h2 {margin:-70px auto 0;padding:20px;}
.mainline>div.gluxorsvetlo {flex-direction:column;}
.mainline>div.gluxorsvetlo>div {padding: 30px 20px 0;width: 100%;}
.mainline>div.pulsesvetlo {flex-direction:column-reverse;padding: 20px;background-size: auto 40%;}
.mainline>div.pulsesvetlo>div {padding: 20px;width: 100%;}
.mainline>div.pulsesvetlo>div>img.led1 {position:relative;width:100%;left:-40px;}
.mainline>div.spektrumsvetlo {padding: 20px 0;flex-direction:column;}
.mainline>div.spektrumsvetlo>div {padding: 10px;width: 100%;}
.mainline>div.spektrumsvetlo>div>h2 {font-size: 1.2em;}
.mainline>div.comparesvetlo {padding:20px;}
.mainline>div.comparesvetlo>img {width:90%;}
.mainline>div.energywater>img {padding:0 0 20px;}
.mainline>div.product {padding:20px;text-align: center;}
.mainline>div.product>img {width:90%;top:9%;}
.mainline>div.product>h2 {font-size: 1.6em;}
.mainline>div.product>p {text-align: center;text-align-last: center;width: 100%;font-size: 1em;}
.mainline>div.product .versions { margin: 30% auto 20px;padding: 0;font-size:0.85em;background:transparent;}
.mainline>div.product .versions table tr td:first-child, .mainline>div.product .versions table tr th:first-child {padding-left:0;}
.mainline>div.product .specifications, .copy {font-size:0.85em;}
footer .site-info {width:90%;flex-direction:column;}
footer .site-info>div {width:100%;padding:5px 0;}
footer .site-info>div>img {width: 60%;margin: 0 auto 20px;}

}