style.css

@import url(http://fonts.googleapis.com/css?family=Dosis:400,700);a,a:focus,a:hover{color:#fff}*{padding:0;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;height:100%}body{color:#000;text-align:center;font-family:Dosis,sans-serif}.landing-wrapper{display:block;width:100%;height:auto;min-height:100%;background:url(../images/esileht.svg) 0 0/cover;color:#FFF}.landing-wrapper-inner{position:relative;display:table;margin:0 auto;width:100%;padding:1em}.logo{display:block;width:100%;float:none}.menu-toggle{display:block;width:100%;font-size:1.5em;font-weight:700;text-align:left;margin:.5em 0;cursor:pointer;border-bottom:solid 1px rgba(255,255,255,.5)}.navigation{display:none;width:100%;border-bottom:solid 1px rgba(255,255,255,.5);float:none;margin:0 0 1em}.navigation>li{display:block;text-transform:uppercase;padding:.5em 0}.navigation>li+li{margin-left:0}.navigation>li>a{padding-right:0;padding-left:0;font-family:Dosis,sans-serif;font-size:1.2em;font-weight:700;color:#FFF;text-decoration:none;cursor:pointer}.navigation>li>a:focus,.navigation>li>a:hover{background-color:transparent}.navigation>.active>a,.navigation>.active>a:focus,.navigation>.active>a:hover{color:#fff}.mobile-overlaynav{display:none}.mobile-overlaynav.visible{position:fixed;top:0;left:0;right:0;display:block;width:100%;height:2.4em;background:rgba(0,0,0,.9);font-size:2em;line-height:2.4em;color:#FFF;z-index:999}.mobile-overlaynav.visible li{width:25%;display:inline-block;float:left;text-align:center}.mobile-overlaynav.visible li a{cursor:pointer}.landing-text{display:table-row;vertical-align:middle}.landing-text p{display:inline;font-size:1.7em;line-height:1.64em;padding:.2em 0;background:rgba(0,0,0,.85);-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:.5em 0 0 rgba(0,0,0,.85),-.5em 0 0 rgba(0,0,0,.85)}.direction{display:none}.info-wrapper{display:block;width:100%;height:auto}.side-picture{display:none}.info-text{display:block;width:100%;float:none;padding:2em}.contact-form-heading,.member-heading{padding:1em 0;display:block;width:100%;text-align:center}.contact-form-heading img,.member-heading img{max-width:100%;height:auto}.member-item{position:relative;display:block;width:100%;float:none;padding:1em}.member-image{position:relative;display:inline-block;margin:0 auto}.mask{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;bottom:4px;left:0;right:0;width:100%;height:99%;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:#3a5795;color:#FFF;font-size:5em;opacity:0}.member-item img{max-width:100%;width:100%;height:auto}.member-item .job,.member-item .name{text-transform:uppercase;margin:0 0 .5em}.member-item .name{text-decoration:underline;margin:.5em 0}.member-item p{font-size:1.7em}.contact-wrapper{display:block;width:100%;height:auto;background:#0d0d0d}.contact-area{position:relative;display:block;width:100%;height:auto;float:none;padding:1em 0}#contact{width:90%;margin:0 auto;padding:1em 0 0}form input[type=text],form textarea{display:block;font-family:Dosis,sans-serif;font-size:1.2em;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:#2d2d2c;color:#FFF;float:left;border:0;margin:0 0 .5em}form input[type=text]{width:100%;height:2.2em;line-height:2.2em;padding:0 1em}form textarea{width:100%;height:7em;padding:0 1em}form input[type=submit]{height:3.2em;width:50%;color:#000;background:#e7e7de;border:0;font-family:Dosis,sans-serif;font-size:1.4em;margin:0 auto}form input[type=text]:focus,form textarea:focus{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border:0;outline:0}form input[type=text].error,form textarea.error{background:#2d2d2c;border:1px solid #fe2103}label.error{display:block;float:left;width:100%;color:#fe2103;padding:0 0 .5em;text-align:left}fieldset{border:0;margin:0 0 1em}#error,#success{display:none}#error span,#success span{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;bottom:0;left:0;right:0;font-size:2.3em;font-weight:700;text-align:center}#success span{background:rgba(68,198,4,.9);color:#000}#error span{background:rgba(254,33,3,.9);color:#000}.close{min-width:40%;padding:1em;background:#FFF;cursor:pointer;margin:1em auto 0}.contact-info{display:block;width:90%;margin:0 auto;padding:1em 0}.contactitem{display:inline-block;width:100%;color:#FFF;text-align:center;border-right:0;float:none}.map-area{display:block;width:100%;height:300px;min-height:300px;float:none}#map-canvas{width:100%;height:100%;min-height:100%;border:0;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(99%);-webkit-backface-visibility:hidden}@media (min-width:481px){.contactitem{display:inline-block;width:25%;color:#FFF;text-align:center;border-right:solid 1px #666;float:left}.contactitem:last-child{border-right:0}.direction{display:table-row;vertical-align:bottom;width:100%;height:1.7em;color:#FFF;text-align:center}.direction p{background:0;box-shadow:0 0 0;font-size:1.7em;line-height:1.64em}.direction .fa{margin:0 .4em}}@media (min-width:768px){.logo{display:inline-block;width:25%;height:78px;float:left}.menu-toggle{display:none}.navigation{display:inline-block;width:75%;height:78px;line-height:78px;float:right;border-top:0;border-bottom:solid 1px rgba(255,255,255,.5);text-align:right;margin:0}.navigation.fixednav{position:fixed;top:0;left:0;right:0;width:100%;height:100px;line-height:100px;border:0;text-align:center;background:rgba(0,0,0,.8);z-index:999}.navigation.fixednav ul{display:inline-block;margin:0 auto}.navigation ul{display:inline-block;float:right}.navigation>li{display:inline-block;text-transform:uppercase;padding:0}.navigation>li+li{margin-left:20px}.mobile-overlaynav,.mobile-overlaynav.visible{display:none}.info-wrapper{display:block;width:100%;height:auto}.side-picture{display:none}.info-text{display:inline-block;width:100%;height:100%;min-height:100%;float:none}.member-item{display:inline-block;width:50%;float:left}#contact{width:90%;margin:0 auto;padding:1em 0 0}form input[type=text],form textarea{display:block;font-family:Dosis,sans-serif;font-size:1.2em;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:#2d2d2c;color:#FFF;float:left;border:0}form input[type=text]{width:77%;height:2.2em;line-height:2.2em;padding:0 1em;margin:0 3% .5em 0}form textarea{width:100%;height:7em;padding:0 1em}form input[type=submit]{height:4.2em;width:20%;color:#000;background:#e7e7de;border:0;font-family:Dosis,sans-serif;font-size:1.4em;cursor:pointer}form input[type=text]:focus,form textarea:focus{border-color:#FFF;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}form input[type=text].error,form textarea.error{background:#2d2d2c;border:1px solid #fe2103}label.error{display:block;float:left;width:77%;color:#fe2103;padding:0 0 .5em;text-align:left}fieldset{border:0;margin:0 0 1em}}@media (min-width:992px){.info-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;width:100%;height:auto;min-height:100%}.side-picture{display:inline-block;width:35%;background:url(../images/koridor2.svg) 0 0/cover;float:left}.info-text{display:inline-block;width:65%;float:right;height:auto}.contact-wrapper{position:relative;display:block;width:100%;height:auto}.contact-area{display:inline-block;width:50%;height:auto;float:left;background:#0d0d0d}#contact{width:90%;margin:0 auto;padding:1em 0 0}form input[type=text],form textarea{display:block;font-family:Dosis,sans-serif;font-size:1.2em;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:#2d2d2c;color:#FFF;float:left;border:0}form input[type=text]{width:77%;height:2.2em;line-height:2.2em;padding:0 1em;margin:0 3% .5em 0}form textarea{width:100%;height:7em;padding:0 1em}form input[type=submit]{height:4.2em;width:20%;color:#000;background:#e7e7de;border:0;font-family:Dosis,sans-serif;font-size:1.4em;cursor:pointer}form input[type=text]:focus,form textarea:focus{border-color:#FFF;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}form input[type=text].error,form textarea.error{background:#2d2d2c;border:1px solid #fe2103}fieldset{border:0;margin:0}.map-area{position:absolute;top:0;bottom:0;left:50%;right:0;height:100%;min-height:100%;display:inline-block;width:50%}}@media (min-width:1200px){.landing-wrapper-inner{width:1000px}}