html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

html, body { box-sizing: border-box; height: 100%; }

body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 14px; line-height: 1.4; min-width: 1170px; color: #272727; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 300; }

a { color: #0288d1; display: inline-block; text-decoration: none; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:active, a:focus, a:visited { text-decoration: none; }

img { display: inline-block; max-width: 100%; height: auto; }

h1 { font-size: 56px; line-height: 1; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; }

.container { position: relative; margin: 0 auto; width: 1170px; box-sizing: border-box; }

.main { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; }

.header__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 80px; line-height: 80px; }

.footer__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 88px; line-height: 88px; }

.map { position: relative; }
.map__shadow { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); }

.logo { display: inline-block; line-height: 0; }
.logo__img { width: 127px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.address { position: absolute; top: 264px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 34px 70px; width: 430px; height: 210px; text-align: center; background-color: #fff; box-sizing: border-box; }
.address:after { position: absolute; content: ""; top: -15px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #f5f5f5 transparent; }
.address__el { margin-bottom: 25px; }
.address__el:last-child { margin-bottom: 0; }
.address__title { display: block; color: #ef5350; font-size: 18px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; }
.address__text { display: block; }
.address__link { color: #272727; }

.btn { display: inline-block; background-color: #29b6f6; border: 1px solid #29b6f6; box-sizing: border-box; padding: 0; color: #fff; font-size: 16px; letter-spacing: -0.4px; height: 46px; line-height: 46px; width: 200px; text-align: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; }
.btn:hover { background-color: #4fc3f7; }

.nav__link { margin-right: 40px; font-size: 16px; letter-spacing: -0.6px; color: #272727; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; }
.nav__link:last-child { margin-right: 0; }
.nav__link:hover { text-decoration: underline; }

.project { padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.project:hover { background-color: rgba(0, 0, 0, 0.05); }
.project:hover .project__title { text-decoration: underline; }
.project__logo { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 64px; margin-right: 15px; }
.project__logo:last-child { margin-right: 0; }
.project__title { font-size: 18px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; }
.project__descr { color: #272727; }

.projects { width: 100%; padding-top: 100px; padding-bottom: 120px; }
.projects__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 68px; }
.projects__el { padding: 0 20px; max-width: 440px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; }
.projects__el:nth-child(odd):after { position: absolute; content: ""; top: 50%; right: 0; width: 2px; height: 70px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #eee; }
.projects__link:hover { text-decoration: underline; }

.section { padding-top: 100px; padding-bottom: 120px; }
.section__description { text-align: center; }
.section__title { margin-bottom: 25px; font-size: 34px; color: #484848; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; }
.section__subtitle { margin-bottom: 30px; color: #fff; font-size: 20px; letter-spacing: -0.4px; text-transform: uppercase; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 300; }
.section.contact { box-shadow: inset 0 200px 50px -200px rgba(0, 0, 0, 0.5); }
.section.hero { padding-top: 140px; padding-bottom: 125px; background: url("../img/bg.png"); background-size: cover; }
.section.hero .section__title { font-size: 56px; letter-spacing: -0.9px; color: #fff; }



/*# sourceMappingURL=app.css.map */