@import url("https://fonts.googleapis.com/css?family=Raleway:500,700,800&subset=latin-ext");body{background:#fff;font-family:'Raleway', sans-serif;font-size:15px;color:#474A4A}.button{background-color:transparent;color:#FB3D2E;border:2px solid #FB3D2E;text-decoration:none;padding:3px 15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:background-color 0.25s ease}.button:hover{background-color:#FB3D2E;color:#fff}.button.play{padding:10px 15px 9px 40px;text-transform:uppercase;font-weight:bold;background:url("../img/play.svg") no-repeat;background-position:15px 12px;background-size:14px;outline:0;display:inline-block}.button.play:hover{background:#FB3D2E url("../img/play-white.svg") no-repeat;background-position:15px 12px;background-size:14px;outline:0}.button.play:active{outline:0}h1.head,h2.head{font-size:40px;color:#0E1617;text-transform:uppercase;font-weight:900;margin-bottom:40px;line-height:50px;letter-spacing:0.04em}h1.head>span,h2.head>span{display:inline;background:#FB3D2E;color:#fff;padding:3px 6px 3px 8px;font-size:0.9em}h1.head.center,h2.head.center{text-align:center}@media only screen and (max-width: 1200px){h1.head,h2.head{font-size:36px;line-height:46px}}@media only screen and (max-width: 768px){h1.head,h2.head{font-size:33px;line-height:44px;margin-bottom:20px}}h3{color:#80D0BA;margin-top:40px;font-size:22px;letter-spacing:0.02em}@media only screen and (max-width: 768px){h3{font-size:16px}}p.subhead{font-size:20px;color:#474A4A;line-height:33px}@media only screen and (max-width: 1200px){p.subhead{font-size:18px;line-height:30px}}@media only screen and (max-width: 768px){p.subhead{font-size:16px;line-height:28px}}nav ul{list-style-type:none;text-align:justify;text-align-last:justify;-moz-text-align-last:justify;padding:0px;margin:0px}nav ul li{display:inline-block}nav ul li a{font-size:0.9em;letter-spacing:0.02em;text-transform:uppercase;text-decoration:none;font-weight:600;color:#474A4A;display:block}nav ul li a:focus{color:#474A4A}nav ul li a:hover,nav ul li a:active{color:#0E1617}nav ul li a.button{padding:0 15px;position:relative;top:-2px}strong{color:#0E1617}a{color:#FB3D2E}form input[type="text"],form input[type="email"],form input[type="tel"]{-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;background-clip:padding-box !important;border:2px solid #F2F2F2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:12px 8px;font-size:18px;font-weight:normal;width:100%;margin-bottom:10px}form input[type="text"]:focus,form input[type="email"]:focus,form input[type="tel"]:focus{border-color:#80D0BA;transition:border-color 0.25s ease}form input[type="submit"]{background:#80D0BA;color:#fff;padding:12px 8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:none;width:100%;font-size:18px;font-weight:600}::-webkit-input-placeholder{color:#ccc}::-moz-placeholder{color:#ccc}:-ms-input-placeholder{color:#ccc}:-moz-placeholder{color:#ccc}header{position:fixed;z-index:1;width:100%;height:88px;background:#fff}header a.logo{float:left;line-height:88px}header a.logo>span{background:url("../img/logo.svg") no-repeat;background-position:0 50%;text-indent:4000px;display:block;width:200px;height:88px;overflow:hidden;position:relative;left:-14px}header a.phone{display:none;font-weight:600;color:#80D0BA}header a.phone:hover{color:#80D0BA}@media only screen and (max-width: 768px){header a.phone{display:block;height:50px;line-height:50px;float:right;text-decoration:none;background:url(../img/phone.svg) no-repeat;background-size:12px;background-position:0 21px;padding-left:20px}}header nav{float:right;height:36px;margin:26px 0}header nav ul li{margin-left:40px;height:36px;line-height:36px}@media only screen and (max-width: 992px){header nav{display:none}header nav.responsive{display:block;background:#FB3D2E;color:#fff;margin:0px;width:100%;position:absolute;top:88px;left:0px;height:auto}header nav.responsive ul{text-align:center;text-align-last:center;-moz-text-align-last:center;padding:20px 0}header nav.responsive ul li{width:100%;text-align:center;margin-left:0px;height:40px;line-height:40px}header nav.responsive ul li a{color:#fff}header nav.responsive ul li a.button{padding:0px;border:0px;color:#fff}}header a.menuicon{display:none !important;float:right;text-decoration:none;font-size:1.5em;display:block;height:88px;line-height:88px;margin-left:20px}header a.menuicon:active,header a.menuicon:focus,header a.menuicon:hover{color:#FB3D2E}@media only screen and (max-width: 992px){header a.menuicon{display:block !important}}@media only screen and (max-width: 768px){header{height:50px}header a.logo{height:50px;width:100px}header a.logo span{height:50px;background-size:auto 30px}header .topnav.responsive{top:50px}header a.menuicon{height:50px;line-height:50px}}section#hero{background:#F8F8F4;padding:238px 0 0 0;min-height:670px}section#hero p.subhead{margin-bottom:55px}section#hero .image{text-align:center;position:relative;max-height:400px}section#hero .image img{width:80%;display:inline-block}@media only screen and (max-width: 1200px){section#hero{padding:188px 0 0 0}section#hero .image{top:20px;max-height:360px}}@media only screen and (max-width: 992px){section#hero .text{text-align:center;margin-bottom:40px}section#hero .image{max-height:360px;top:40px}section#hero .image img{width:50%}}@media only screen and (max-width: 768px){section#hero{padding:128px 0 0 0}section#hero .text{text-align:center;margin-bottom:20px}section#hero .image{top:40px;max-height:330px}}@media only screen and (max-width: 480px){section#hero .image{max-height:330px}section#hero .image img{width:80%}}section#why{background:#fff;padding:100px 0}section#why .image{position:relative;min-height:350px}section#why .image img{height:150%;position:absolute;left:-110%;top:-25%}@media only screen and (max-width: 1200px){section#why .image img{top:0%;left:-100%}}@media only screen and (max-width: 992px){section#why{text-align:center}section#why .image{margin-bottom:40px}section#why .image img{left:10px;height:100%;width:100%;top:-40px}}@media only screen and (max-width: 992px){section#why{padding-bottom:150px}}@media only screen and (max-width: 768px){section#why{padding-bottom:100px}}section#how{background:#80D0BA;padding:150px 0}section#how h2{color:#fff;margin-bottom:150px}section#how .item{text-align:center}section#how .item img{display:inline-block;margin-bottom:60px}section#how .item .bubble{position:relative;margin:0 10%;padding:30px;border:2px dashed #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:transparent;transition:background-color 0.25s ease}section#how .item .bubble span{width:44px;height:44px;line-height:44px;background:#FB3D2E;color:#fff;font-weight:900;font-size:2em;position:absolute;left:-22px;top:-22px;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}section#how .item .bubble p{text-align:left;font-size:1.15em;line-height:33px}section#how .item .bubble:hover{background-color:#fff}section#how .item.one{padding-bottom:400px}section#how .item.one span{line-height:42px}section#how .item.one>svg{position:absolute;bottom:130px;right:3px}section#how .item.two{padding-bottom:400px;margin-top:320px}section#how .item.two span{line-height:42px}section#how .item.two>svg{position:absolute;bottom:130px;left:0px}section#how .item.three{margin-top:-280px}section#how .item.three span{line-height:38px}section#how .item.three>svg{position:absolute;bottom:147px;right:-85px}section#how .item.four{margin-top:150px}@media only screen and (max-width: 992px){section#how .item{padding:0px !important;margin:0 0 120px 0 !important}section#how .item svg{display:none}section#how .item.four{margin-bottom:0px !important}}@media only screen and (max-width: 992px){section#how{padding-top:150px}}@media only screen and (max-width: 768px){section#how{padding-top:100px}}section#items{padding:100px 0 0 0}section#items .item{text-align:center}section#items .item img{margin-bottom:30px;display:inline-block}section#items .item h3{color:#0E1617;text-transform:uppercase;font-weight:900;margin:0 0 40px 0;min-height:60px;display:table;width:100%}section#items .item h3 span{display:table-cell;text-align:center;vertical-align:middle}section#items .item .bubble{background:#F8F8F4;padding:30px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0 10px}section#items .item .bubble p{position:relative;font-size:1.05em;line-height:28px;text-align:left}section#items .item .bubble p a{color:#0E1617}section#items .item .bubble p:after{right:50%;top:-30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-right-color:#F8F8F4;border-width:28px;margin-top:-25px}section#items .item:last-child img{position:relative;top:8px}@media only screen and (max-width: 992px){section#items .item{margin-bottom:120px}section#items .item h3{font-size:22px;margin-bottom:30px}section#items .item .bubble{margin:0 10%}}@media only screen and (max-width: 480px){section#items .item .bubble{margin:0px}}@media only screen and (max-width: 992px){section#items{padding-top:150px}}@media only screen and (max-width: 768px){section#items{padding-top:100px}}section#plus{padding:100px 0 0 0}section#plus .image img{width:100%;max-width:400px}@media only screen and (max-width: 992px){section#plus{padding:100px 0;text-align:center}section#plus .image img{max-width:200px;margin-bottom:50px}}section#contact{padding:100px 0}section#contact h3{color:#474A4A}section#contact h3 strong{color:#0E1617;font-size:1.5em;margin:0 5px}section#contact h3 a{color:#0E1617 !important;text-decoration:none !important}@media only screen and (max-width: 768px){section#contact h3 a{text-decoration:underline !important}}section#contact form{padding:0 10%}section#contact form fieldset{margin-bottom:20px}@media only screen and (max-width: 768px){section#contact form{padding:0px}}@media only screen and (max-width: 992px){section#contact{text-align:center;padding:80px 0 90px 0}section#contact .text{margin-bottom:40px}section#contact .text h3{width:80%;margin:40px 10%}}@media only screen and (max-width: 768px){section#contact{padding:60px 0 80px 0}}footer{border-top:2px solid #F2F2F2;height:88px;line-height:88px}footer nav{width:100%;float:left;padding:0 20%}footer nav ul li{margin-right:40px}footer p.copy{width:100%;opacity:.5;float:left;color:#474A4A;text-align:center;line-height:24px;font-size:13px;padding:33px 0}footer p.copy a{color:#474A4A}@media only screen and (max-width: 992px){footer{height:auto;line-height:30px;padding:40px 0;text-align:center}footer nav{width:80%;margin:0 10%;float:none;margin-bottom:30px}footer nav ul{text-align:center;text-align-last:center;-moz-text-align-last:center}footer nav ul li{width:100%;text-align:center;text-wrap:pre;margin-left:0px}footer p.copy{float:none;text-align:center;width:100%}}.popup{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);opacity:0;visibility:hidden;transition:.3s ease}.show-popup .popup{opacity:1;visibility:visible}.popup>iframe{position:absolute;top:50px;left:50%;margin-left:-280px}
@media (max-width: 767px) {
  section:has(img[src*="how-4.svg"]) {
    padding-bottom: 0px !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  section:has(img[src*="chyby.svg"]) {
    padding-top: 0px !important;
    margin-top: 0 !important;
  }
}