@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&subset=cyrillic&display=swap);@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}*,body{margin:0;padding:0}body{position:relative;color:#000;font-family:"Montserrat",sans-serif;font-size:12px}li,ul{list-style-type:none}h1{font-size:4em}h2{font-size:3em}.container-fluid{width:100%}.container{width:60%;margin:auto}img{width:100%;height:auto}a{text-decoration:none;color:inherit}a:active,a:hover,a:visited{color:inherit;cursor:pointer}button{border:none;outline:none;background:none}.btn{width:-webkit-max-content;width:max-content;display:inline-block;margin-right:5px;padding:15px 30px;transition:.5s;border:1px solid transparent}.btn:hover{cursor:pointer}.btn .fa{margin-right:5px}.btn.btn-primary{color:#fff;background-color:#1aa35f}.btn.btn-primary:active,.btn.btn-primary:hover{background-color:#1aa37e}.btn.btn-default{color:#fff;background-color:#000}.btn.btn-default:active,.btn.btn-default:hover{color:#000;background-color:#fff;border:1px solid #adadad}.btn.btn-transparent{color:#000;background-color:transparent;border:1px solid #232323}.btn.btn-transparent:active,.btn.btn-transparent:hover{color:#000;background-color:#fff}.btn.btn-transparent-white{color:#fff;background-color:transparent}.btn.btn-transparent-white:active,.btn.btn-transparent-white:hover{color:#000;background-color:#fff}.btn.btn-success{color:#fff;background-color:#485b79}.btn.btn-success:active,.btn.btn-success:hover{background-color:#2b3749}.btn.btn-info{color:#fff;background-color:#0fc565}.btn.btn-info:active,.btn.btn-info:hover{background-color:#0c9f52}.btn.xs{padding:5px 7px;font-size:.7em}.btn.sm{padding:8px 15px;font-size:.8em}.btn.md{padding:12px 18px}.btn.lg{padding:20px 25px}.btn.accent{font-weight:500}.img-container{overflow:hidden}#header{position:fixed;display:grid;grid-template-rows:60px 3fr;width:100%;transition:.5s;align-items:center;z-index:2}#header #brand{width:250px;margin-left:6%;grid-row-start:2}#header .info{justify-self:end}#header .info #info-btn{display:none}#header .info .contacts{display:inline-block;transition:.5s}#header .info span{margin-right:1em}#header .info span:last-child{margin-right:2em}#header #lng-btn{text-transform:uppercase;justify-self:start;margin-right:2em}#header #toggle-menu-btn{justify-self:end;margin-right:10px}#header #toggle-menu-btn .toggle{display:block;height:3px;width:35px;background-color:#000;margin:5px auto;transition:.5s}#header #toggle-menu-btn.clicked .toggle:first-of-type{-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;top:8px}#header #toggle-menu-btn.clicked .toggle:nth-of-type(2){opacity:0}#header #toggle-menu-btn.clicked .toggle:last-of-type{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;top:-8px}main{padding:15em 0 5em;min-height:100vh}footer{padding:1em 0 1.5em;margin:0 2em;border-top:1px solid #e8e8e8}footer span{margin-right:1em;margin-bottom:.5em}footer span:first-of-type{display:block}#go-to-top-btn{position:fixed;bottom:-25px;right:2em;margin-right:0;z-index:999;opacity:0;visibility:hidden;transition:.5s}#go-to-top-btn.visible{opacity:1;bottom:25px;visibility:visible}#go-to-top-btn.bottom{bottom:86px}#go-to-top-btn .fa{margin:0}#projects{display:grid;grid-gap:1em 1em;grid-template-columns:repeat(5,1fr);justify-content:center}#projects .project-card{position:relative;justify-self:center}#projects .project-card .img-container{display:grid}#projects .project-card .img-container .thumbnail{width:184px;height:178px}#projects .project-card .project-info{display:grid;align-items:center;padding:2.5em;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#1aa35f;color:#fff;transition:.25s ease-in}#projects .project-card .project-info .client{margin-bottom:.5em;font-weight:600;font-size:1.2em}#projects .project-card:hover .project-info{opacity:1}#project{display:grid;grid-template-columns:7fr 3fr;overflow:visible}#project .gallery{display:grid;grid-gap:1em}#project .gallery.twoCols{grid-template-columns:1fr 1fr}#project .gallery .landscape{grid-column-start:1;grid-column-end:3}#project .gallery .img-container{position:relative;transition:1s ease-in}#project .gallery .img-container .img-fit{border:1px solid #e8e8e8}#project .gallery .img-container .btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}#project .gallery .img-container:hover .image{cursor:pointer;opacity:.7;transition:.25s ease-in}#project .project-info{position:fixed;left:63%;padding:2.5em 0 2.5em 2.5em}#project .project-info .client{font-weight:600;font-size:1.2em;margin-bottom:.5em}#project .project-info .description{margin-bottom:.5em}#project .project-info .btnControls{margin-top:2em}#project .project-info .btn.disabled{opacity:.5;cursor:default}#project .project-info .btn.disabled:hover{color:#fff;background-color:#000;border-color:#000}#project #image-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:2000;transition:.5s}#project #image-preview #close-btn{position:absolute;top:10px;right:10px}#project #image-preview #close-btn .fa{margin:0}#project #image-preview .gallery-navigation{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;display:grid;grid-template-columns:1fr 1fr;padding:1em}#project #image-preview .gallery-navigation .btn:nth-child(2){justify-self:end}#project #image-preview .gallery-navigation .fa{margin:0}#project #image-preview .image{display:grid;align-items:center;justify-items:center;width:100%;height:100%;transition:.5s}#project #image-preview .image .img-fit{width:auto;max-width:90%;height:auto;max-height:90vh}#project #video-gallery .video-container{width:inherit}#project #video-gallery .video-container .video{width:100%}#error-page{position:absolute;top:0;left:0;width:100%;height:100vh;background:url(/static/media/Error_404_page_background.887ab2fd.jpg) no-repeat 50%}#error-page .page-header{margin-top:200px}#error-page .btn{margin-top:3em}@media screen and (max-width:1400px){.container{width:80%}#project .project-info{left:66%}}@media screen and (max-width:1200px){#projects{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:960px){#projects{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.container{width:90%}#header #brand{margin-left:3%}main{padding:13em 0 5em}#projects{grid-template-columns:repeat(2,1fr)}#projects .project-card .img-container .thumbnail{width:100%;height:auto;border:1px solid #e8e8e8}#projects .project-card .project-info{padding:1em;position:relative;width:auto;height:auto;opacity:1;background-color:transparent;color:#000}#project{grid-template-columns:1fr}#project .project-info{position:relative;left:0;grid-row-start:1;padding-left:1em;padding-top:0}#project #image-preview .gallery-navigation{display:none}}@media screen and (max-width:500px){#header .info .contacts{display:none}main{min-height:calc(100vh - 60px)}}@media screen and (max-width:361px){#header #brand{width:220px}}
/*# sourceMappingURL=main.82931c44.chunk.css.map */