/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@500;700&display=swap");
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; }

p { font-size: 1rem; line-height: 1.2; margin-bottom: 0.6rem; }

h1 { font-size: 2.4rem; line-height: 1.2; margin-bottom: 1.2rem; }

h2 { font-size: 2rem; font-weight: bold; margin-bottom: 1rem; line-height: 1.2; }

h3 { font-size: 1.6rem; font-weight: bold; margin-bottom: 0.8rem; line-height: 1.2; }

h4 { font-size: 1.2rem; font-weight: bold; margin-bottom: 0.6rem; line-height: 1.2; }

* { box-sizing: border-box; }

html { font-size: calc(12px + 0.5vw); }

body { font-family: 'Raleway', sans-serif; color: #000; }

a { color: #000; text-decoration: none; }

a:hover, a.active { color: #14A537; }

.row { position: relative; width: 100%; display: flex; flex-wrap: wrap; text-align: center; margin: 0 auto; max-width: 1400px; }

.col { margin: 0 auto; text-align: left; position: relative; width: 100%; }

@media (min-width: 768px) { .col { width: 50%; } }

.bloks { width: 100%; position: relative; }

.btn { position: relative; display: inline-block; padding: 0.64rem 2rem; border-radius: 2rem; color: #fff; background-color: #14A537; transition: all .4s; margin: 1rem 0; letter-spacing: 0.032rem; }

.btn:hover { background-color: #000; }

.header { position: fixed; left: 0; top: 0; width: 100%; padding: 2rem; height: 5.2rem; z-index: 9; transition: background-color 0.4s; }

.scrolled .header { background-color: #fff; }

.header .logo { position: absolute; left: 1rem; top: 50%; transform: translate3d(0, -50%, 0); width: calc(343/104 * 3.2rem); height: 3.2rem; z-index: 2; background-image: url("../img/est09-logo.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; text-indent: -9000px; }

.header .tosti { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); width: 3.2rem; height: 3.2rem; z-index: 3; }

@media (min-width: 1200px) { .header .tosti { display: none; } }

.header .tosti .ham { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -6px, 0); width: 2rem; height: 4px; background-color: #14A537; transition: all 0.4s; }

.header .tosti .cheese { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, 4px, 0); width: 2rem; height: 4px; background-color: #14A537; transition: all 0.4s; }

.tosti .header .tosti .ham { transform: translate3d(-50%, -2px, 0) rotate(45deg); }

.tosti .header .tosti .cheese { transform: translate3d(-50%, -2px, 0) rotate(-45deg); }

.header .menu { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; padding: 4rem; z-index: 1; opacity: 0; pointer-events: none; transition: all 0.4s; }

@media (min-width: 1200px) { .header .menu { position: absolute; opacity: 1; pointer-events: auto; width: auto; height: auto; left: 14rem; top: 50%; transform: translate3d(0, -50%, 0); background-color: transparent; padding: 0; } }

.tosti .header .menu { opacity: 1; pointer-events: auto; }

.header .menu ul { position: absolute; width: 80%; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); }

@media (min-width: 1200px) { .header .menu ul { position: relative; width: auto; left: auto; top: auto; transform: none; } }

.header .menu ul li { width: 100%; display: inline-block; }

@media (min-width: 1200px) { .header .menu ul li { width: auto; } }

.header .menu ul li a { text-align: center; display: block; padding: 1rem; font-size: 1rem; color: #000; transition: all 0.4s; }

.header .menu ul li a.active, .header .menu ul li a:hover { color: #14A537; }

@media (min-width: 1200px) { .header .menu ul li a { text-align: left; display: inline-block; font-size: 0.8rem; } }

.header .contact { position: absolute; right: 1rem; top: 50%; transform: translate3d(0, -50%, 0); text-align: right; z-index: 4; }

.header .contact li { display: inline-block; }

.header .contact li.phone { display: none; }

@media (min-width: 1200px) { .header .contact li.phone { display: inline-block; font-size: 0.8rem; margin-right: 1rem; } }

.header .contact li.mail a { padding: 0.32rem 2rem; border-radius: 1rem; background-color: #fff; transition: all 0.4s; display: inline-block; }

.header .contact li.mail a:hover { background-color: #14A537; color: #fff; }

.header .contact li a { display: block; }

.scrolled .header .contact li.mail a { padding: 0.32rem 2rem; border-radius: 1rem; background-color: #14A537; color: #fff; }

.scrolled .header .contact li.mail a:hover { background-color: #000; color: #fff; }

.intro { position: relative; width: 100%; background-color: #E6E6E8; padding: 8rem 2rem 0; opacity: 0; transition: all 1.6s; }

@media (min-width: 768px) { .intro { padding: 8rem 4rem 0; } }

@media (min-width: 1200px) { .intro { padding: 8rem 6rem 0; } }

.load .intro { opacity: 1; }

.intro .bloks { width: 100%; display: flex; flex-wrap: wrap; margin: 2rem 0 0; }

.intro .bloks .blok { position: relative; width: 20%; padding-top: 20%; }

.intro .bloks .blok.white { background-color: #fff; }

.intro .bloks .blok.blue { background-color: #14A537; }

.intro .bloks .blok.grey { background-color: #D4D2D4; }

.intro .ed { margin: 10% 10% 0 0; width: 80%; padding-top: 80%; background-image: url("../img/ed.png"); background-position: left bottom; background-size: contain; background-repeat: no-repeat; }

@media (min-width: 768px) { .intro .ed { width: 100%; padding-top: 100%; position: absolute; margin: 0; left: 0; bottom: 0; } }

.intro .logo { position: absolute; right: 0; top: 2rem; width: 40%; padding-top: 40%; background-image: url("../img/logo_white.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; }

.content { width: 100%; padding: 4rem 2rem; text-align: center; opacity: 0; transition: all 1.6s; }

@media (min-width: 768px) { .content { padding: 4rem 4rem 2rem; } }

@media (min-width: 1200px) { .content { padding: 4rem 6rem 2rem; } }

.load .content { opacity: 1; }

.content .row { margin: 4rem auto; }

.content .row .col { padding: 2rem; }

@media (min-width: 768px) { .content .row .col { padding: 3rem; } }

@media (min-width: 1200px) { .content .row .col { padding: 4rem; } }

.content .row .col.blue { background-color: #14A537; color: #fff; }

.content .row .col.grey { background-color: #E6E6E8; color: #000; }

.content .row .col.center { text-align: center; }

.content .row .col ul { padding: 1rem 0; }

.content .row .col ul li { position: relative; list-style: none; padding: 0 0 0 1rem; line-height: 1.8; font-size: 0.9rem; }

.content .row .col ul li::before { content: ""; width: 0.6rem; height: 0.6rem; position: absolute; left: 0; top: 50%; transform: translate3d(0, -50%, 0); background-color: #fff; border-radius: 50%; }

.content .row .col.image { padding-top: 50%; background-position: center; background-size: cover; background-repeat: no-repeat; }

@media (min-width: 768px) { .content .row .col.image { padding-top: 24%; } }

.content .row .col.image .bloks { position: absolute; right: 0; bottom: 0; width: 30%; flex-wrap: wrap; display: none; }

.content .row .col.image .bloks .blok { width: 50%; padding-top: 50%; }

.content .row .col.image .bloks .blok.white { background-color: #fff; }

.content .row .col.image .bloks .blok.blue { background-color: #14A537; }

.content .row .col.image .bloks .blok.grey { background-color: #D4D2D4; }

.content .row .col.text { display: flex; align-items: center; justify-content: center; }

.content .row .col.text a { position: relative; padding: 0.4rem 1.4rem; border-radius: 2rem; color: #000; background-color: #fff; transition: all 0.4s; margin: 1rem 0; letter-spacing: 0.032rem; display: inline-block; }

.content .row .col.text a:hover { color: #fff; background-color: #14A537; }

.content .row .col.text p { font-size: 0.9rem; }

.content .row .col.text p strong { font-weight: bold; }

.content .row .col.video { padding: 0; }

.content .row .col.video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.content .row .col.video .embed-container embed, .content .row .col.video .embed-container iframe, .content .row .col.video .embed-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.content .row.center { text-align: center; }

.content .row.center h2 { margin: 2rem auto; }

.content .row .items { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; }

.content .row .items .item { text-align: center; width: 100%; padding: 2rem; margin: 0 0 1rem; background-color: #E6E6E8; transition: all 0.4s; }

@media (min-width: 768px) { .content .row .items .item { width: 46%; } }

@media (min-width: 1200px) { .content .row .items .item { width: 24%; } }

.content .row .items .item h3 { color: #14A537; }

.content .row .items .item p { font-size: 0.8rem; }

.content .row .items .item:hover { background-color: #fff; }

.content .row:nth-child(1) .col.image .bloks { display: flex; }

.logos { position: relative; width: 100%; display: block; padding: 2rem 0; overflow: hidden; }

.logos .wrap { position: relative; display: block; overflow: visible; height: 3.2rem; animation-name: carousel; animation-duration: 64s; animation-iteration-count: infinite; animation-fill-mode: forwards; animation-timing-function: linear; }

.logos .wrap .logo { float: left; display: block; width: 10rem; height: 3.2rem; margin: 0 1rem; background-position: center; background-repeat: no-repeat; background-size: contain; }

@keyframes carousel { from { transform: translateX(0); }
  to { transform: translateX(-50%); } }

.footer { position: relative; width: 100%; padding: 0 2rem; text-align: center; }

@media (min-width: 768px) { .footer { padding: 0 6rem; } }

@media (min-width: 1200px) { .footer { padding: 0 12rem; } }

.footer .wrapper { margin: 0 auto; width: 100%; position: relative; text-align: left; }

.footer .contact { position: relative; width: 100%; height: auto; padding: 2rem 2rem 1rem; background-color: #E6E6E8; margin: 4rem 0 calc(50% + 0.6rem) 0; }

@media (min-width: 768px) { .footer .contact { width: calc(100% - 12rem); margin: 1rem 8rem 2rem 4rem; padding: 2rem 5rem 1rem 2rem; } }

@media (min-width: 1200px) { .footer .contact { padding: 2rem 6rem 1rem 4rem; } }

.footer .contact p { font-size: 1rem; }

.footer .contact p strong { font-weight: bold; }

.footer .contact a { position: relative; display: inline-block; padding: 0.4rem 1.4rem; border-radius: 2rem; color: #000; background-color: #fff; transition: all 0.4s; margin: 1rem 0; letter-spacing: 0.032rem; font-weight: normal; font-size: 1rem; }

.footer .contact a:hover { color: #fff; background-color: #14A537; }

.footer .blok1 { position: absolute; left: 4rem; top: 0; width: 4rem; height: 4rem; background-color: #14A537; transform: translate3d(0, -4rem, 0); }

@media (min-width: 768px) { .footer .blok1 { left: 0; top: 4rem; transform: none; } }

.footer .bloks { width: 12rem; display: flex; flex-wrap: wrap; position: absolute; right: 2rem; bottom: -8rem; }

.footer .bloks .blok { position: relative; width: 4rem; padding-top: 4rem; }

.footer .bloks .blok.white { background-color: #fff; }

.footer .bloks .blok.blue { background-color: #14A537; }

.footer .bloks .blok.grey { background-color: #D4D2D4; }

.footer .bloks .blok a.linkedin { position: absolute; text-indent: -9000px; left: 0; top: 0; width: 100%; height: 100%; background-image: url("../img/linkedin.svg"); background-position: center; background-size: 50%; background-repeat: no-repeat; }

.footer .bloks .blok a.facebook { position: absolute; text-indent: -9000px; left: 0; top: 0; width: 100%; height: 100%; background-image: url("../img/facebook.svg"); background-position: center; background-size: 50%; background-repeat: no-repeat; }

@media (min-width: 768px) { .footer .bloks { right: 0; bottom: 0; } }

.bottom { position: relative; width: 100%; height: 8rem; font-size: 0.8rem; color: #14A537; }

.bottom .left { position: absolute; left: 2rem; top: 50%; transform: translate3d(0, -50%, 0); }

.bottom .logo { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); width: calc(343/104 * 2rem); height: 2rem; z-index: 2; background-image: url("../img/est09-logo.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; text-indent: -9000px; }

.bottom .right { position: absolute; right: 2rem; top: 50%; transform: translate3d(0, -50%, 0); }

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