*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}@-webkit-keyframes inputHighlighter{0%{background:#5264ae}to{width:0;background:transparent}}@keyframes inputHighlighter{0%{background:#5264ae}to{width:0;background:transparent}}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}header{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.headerLogo{font-size:3em;margin:1rem;color:#101f58}.paramsContainer{width:600px;margin:.5em auto 0;display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;background:#fff;padding:10px 50px 50px}.group{position:relative;margin-bottom:.5em}input{font-size:18px;padding:10px 10px 10px 5px;width:300px;border:none;border-bottom:1px solid #757575}input:focus{outline:none}label{color:#999;font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .2s ease;-moz-transition:.2s ease all;-webkit-transition:all .2s ease}input:focus~label,input:valid~label{top:-20px;font-size:14px;color:#5264ae}.bar{position:relative;display:block;width:300px}.bar:after,.bar:before{content:"";height:2px;width:0;bottom:1px;position:absolute;background:#5264ae;transition:all .2s ease;-moz-transition:.2s ease all;-webkit-transition:all .2s ease}.bar:before{left:50%}.bar:after{right:50%}input:focus~.bar:after,input:focus~.bar:before{width:50%}.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}input:focus~.highlight{-webkit-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}.button{border:none;background:#5264ae;cursor:pointer;border-radius:3px;padding:.7em;height:3em;width:12em;color:#fff;margin-left:1.7em;font-size:1em;box-shadow:0 2px 5px 0 rgba(0,0,0,.2)}.button:hover{box-shadow:0 6px 6px 0 rgba(0,0,0,.2)}.photosList{-webkit-column-count:4;-webkit-column-gap:1em;-moz-column-count:4;-moz-column-gap:1em;column-count:4;column-gap:1em;text-align:justify}.photosContainer{width:100%;margin-bottom:1em;overflow:hidden}.photosContainer img{width:inherit;cursor:pointer}.image{border-radius:5px;cursor:pointer;-webkit-transition:.2s;transition:.2s}.image:hover{opacity:.7}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.7)}.modal-content{height:auto;max-width:500px;border-radius:5px}#caption,.modal-content{margin:auto;display:block;width:80%}#caption{max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;font-size:1.5em}#caption,.modal-content{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:.4s;animation-duration:.4s}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;-webkit-transition:.3s;transition:.3s}.close:focus,.close:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:1224px){.photosList{-webkit-column-count:3;-webkit-column-gap:1em;-moz-column-count:3;-moz-column-gap:1em;column-count:3;column-gap:1em;text-align:justify}.photosContainer{width:100%;margin-bottom:.75em;overflow:hidden}}@media only screen and (max-width:730px){.photosList{-webkit-column-count:2;-webkit-column-gap:1em;-moz-column-count:2;-moz-column-gap:1em;column-count:2;column-gap:1em;text-align:justify}.photosContainer{width:100%;margin-bottom:.5em;overflow:hidden}.modal-content{width:100%}}