/* Compass utilities*/
/** @file Normalize.css is intended to be used as an alternative to CSS resets. This file is a slight fork of these original sources: - normalize.css v2.1.2 | MIT License | git.io/normalize - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass It's suggested that you read the normalize.scss file and customise it to meet your needs, rather then including the file in your project and overriding the defaults later in your CSS. @see http://nicolasgallagher.com/about-normalize-css/ Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ @see http://snook.ca/archives/html_and_css/no_css_reset/ */
/** HTML5 display definitions */
@font-face { font-family: 'Inter'; src: url("../fonts/Inter-Regular.eot"); src: url("../fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular.ttf") format("truetype"), url("../fonts/Inter-Regular.svg#Inter-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Montserrat'; src: url("../fonts/Montserrat-Bold.eot"); src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'PT Serif'; src: url("../fonts/subset-PTSerif-BoldItalic.eot"); src: url("../fonts/subset-PTSerif-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-PTSerif-BoldItalic.woff2") format("woff2"), url("../fonts/subset-PTSerif-BoldItalic.woff") format("woff"), url("../fonts/subset-PTSerif-BoldItalic.ttf") format("truetype"), url("../fonts/subset-PTSerif-BoldItalic.svg#PTSerif-BoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; }

@font-face { font-family: 'PT Serif'; src: url("../fonts/subset-PTSerif-Regular.eot"); src: url("../fonts/subset-PTSerif-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-PTSerif-Regular.woff2") format("woff2"), url("../fonts/subset-PTSerif-Regular.woff") format("woff"), url("../fonts/subset-PTSerif-Regular.ttf") format("truetype"), url("../fonts/subset-PTSerif-Regular.svg#PTSerif-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'PT Serif'; src: url("../fonts/subset-PTSerif-Bold.eot"); src: url("../fonts/subset-PTSerif-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-PTSerif-Bold.woff2") format("woff2"), url("../fonts/subset-PTSerif-Bold.woff") format("woff"), url("../fonts/subset-PTSerif-Bold.ttf") format("truetype"), url("../fonts/subset-PTSerif-Bold.svg#PTSerif-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; }

/* Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }

/* Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Address styling not present in IE 8/9. */
[hidden] { display: none; }

/** Base Instead of relying on the fonts that are available on a user's computer, you can use web fonts which, like images, are resources downloaded to the user's browser. Because of the bandwidth and rendering resources required, web fonts should be used with care. Numerous resources for web fonts can be found on Google. Here are a few websites where you can find Open Source fonts to download: - http://www.fontsquirrel.com/fontface - http://www.theleagueofmoveabletype.com In order to use these fonts, you will need to convert them into formats suitable for web fonts. We recommend the free-to-use Font Squirrel's Font-Face Generator: http://www.fontsquirrel.com/fontface/generator The following is an example @font-face declaration. This font can then be used in any ruleset using a property like this:  font-family: Example, serif; Since we're using Sass, you'll need to declare your font faces here, then you can add them to the font variables in the _base.scss partial. */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. */
html { font-family: "Inter", sans-serif; /* 1 */ font-size: 162.5%; /* 3 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Remove default margin. */
body { margin: 0; padding: 0; }

/** Links The order of link states are based on Eric Meyer's article: http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states */
/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/** Typography To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins so that the line height of our base font becomes the basic unit of vertical measurement. We use multiples of that unit to set the top and bottom margins for our block level elements and to set the line heights of any fonts. For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm */
/* Set 1 unit of vertical rhythm on the top and bottom margin. */
p, pre { margin: rhythm(1) 0; }

blockquote { /* Also indent the quote on both sides. */ margin: rhythm(1) 30px; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
/* Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/* Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; border: 1px solid #666; padding-bottom: -1px; margin: rhythm(1) 0; }

/* Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/* Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp, tt, var { font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif; }

/* Improve readability of pre-formatted text in all browsers. */
/* Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/* Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/** Lists */
dl, menu, ol, ul { /* Address margins set differently in IE 6/7. */ margin: rhythm(1) 0; }

ol ol, ol ul, ul ol, ul ul { /* Turn off margins on nested lists. */ margin: 0; }

dd { margin: 0 0 0 30px; /* LTR */ }

/* Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 30px; /* LTR */ }

/** Embedded content and figures @todo Look into adding responsive embedded video. */
img { /* Remove border when inside `a` element in IE 8/9. */ border: 0; /* Suppress the space beneath the baseline */ /* vertical-align: bottom; */ /* Responsive images */ max-width: 100%; height: auto; }

/* Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/** Forms */
/* Define consistent border, margin, and padding. */
fieldset { margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ border-color: #c0c0c0; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. 4. Improve appearance and consistency with IE 6/7. 5. Keep form elements constrained in their containers. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ max-width: 100%; /* 5 */ box-sizing: border-box; /* 5 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* Drupal-style form labels. */
/** Tables */
table { /* Remove most spacing between table cells. */ border-collapse: collapse; border-spacing: 0; /* Prevent cramped-looking tables */ /* width: 100%; */ /* Add vertical rhythm margins. */ }

* { box-sizing: border-box; }

html, body { height: 100%; }

a { outline: none; -webkit-transition: all .3s; transition: all .3s; opacity: 1; }

a:hover { outline: none !important; }

a:focus { outline: none !important; }

*:focus { outline: none; }

body { position: relative; font-family: "Inter", sans-serif; font-size: 26px; line-height: 1.3em; font-weight: 400; color: #274640; -webkit-font-smoothing: antialiased; }

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

a:hover, a:focus { color: #274640; text-decoration: none; }

input[type="text"], input[type="email"], input[type="password"], textarea { -webkit-appearance: none; background-clip: padding-box; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.container { max-width: 1306px; padding: 0 13px; margin: 0 auto; }

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

.text-left { text-align: left; }

.text-right { text-align: right; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.main-wrapper { overflow: hidden; }

.f_button { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s; transition: all .3s; background: none; border: 0; font-size: 25px; font-weight: 400; font-family: "PT Serif", sans-serif; line-height: 1em; color: #fff; padding: 0 30px; height: 85px; background: #274640; border-radius: 4px; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

@media (max-width: 767px) { .f_button { height: 60px; padding: 0 20px; font-size: 16px; } }

.f_button.active, .f_button:hover { color: #E0C5A5; }

.f_button.border { height: 73px; width: 243px; background: none; border: 2px solid rgba(39, 70, 64, 0.51); color: #23494a; font-weight: bold; }

.f_button.border.active, .f_button.border:hover { color: #fff; }

.form-title { display: block; color: #1f1d34; font-size: 18px; font-weight: 500; line-height: 1em; margin-bottom: 25px; }

@media (max-width: 1024px) { .form-title { font-size: 17px; margin-bottom: 15px; } }

.form-title sup { color: #e41c3f; }

.form-select { width: 100%; display: block; height: 47px; background: #fff url(../img/arrow_down.png) 95% 50% no-repeat; padding: 0 25px; font-size: 16px; font-weight: 300; color: #1f1d34; border: 1px solid rgba(100, 150, 237, 0.3); -webkit-transition: all .3s; transition: all .3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.form-area, .form-control { width: 100%; display: block; height: 65px; background: #fff; padding: 0 16px; font-size: 16px; font-weight: 400; border: 0; box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 4px 16px rgba(51, 51, 51, 0.08); border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; }

@media (max-width: 1024px) { .form-area, .form-control { height: 50px; } }

@media (max-width: 767px) { .form-area, .form-control { height: 60px; } }

.form-area::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { opacity: 0.4; color: #111111; }

.form-area::-moz-placeholder, .form-control::-moz-placeholder { opacity: 0.4; color: #111111; }

.form-area:-ms-input-placeholder, .form-control:-ms-input-placeholder { opacity: 0.4; color: #111111; }

.form-area:-moz-placeholder, .form-control:-moz-placeholder { opacity: 0.4; color: #111111; }

.form-area { padding: 15px; height: 190px; resize: none; }

.f_group { margin-top: 20px; }

@media (max-width: 767px) { .f_group { margin-top: 26px; } }

.f_group:first-child { margin-top: 0; }

.accordion { margin-top: 60px; }

@media (max-width: 767px) { .accordion { margin: 60px -20px 0; } }

.accordion .acc-block { margin-top: -1px; }

.accordion .accordion-header { position: relative; background: #fff; cursor: pointer; padding: 0 65px 0 20px; height: 135px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #26272c; border: 3px solid #E8D1B0; -webkit-transition: all .3s; transition: all .3s; border-radius: 4px; font-size: 20px; font-family: "PT Serif", sans-serif; font-weight: 400; line-height: 1.3em; color: #18191F; }

@media (max-width: 1024px) { .accordion .accordion-header { font-size: 18px; height: 100px; } }

@media (max-width: 767px) { .accordion .accordion-header { border-width: 2px; height: 86px; font-size: 14px; line-height: 20px; padding: 0 33px 0 13px; } }

.accordion .accordion-header:before { position: absolute; right: 47px; top: 50%; content: ""; -webkit-mask: url(../img/arrow-down.svg) no-repeat 50% 50%; mask: url(../img/arrow-down.svg) no-repeat 50% 50%; -webkit-mask-size: 100% auto; mask-size: 100% auto; background-color: rgba(17, 17, 17, 0.48); width: 23px; height: 16px; margin-top: -8px; -webkit-transition: all .3s; transition: all .3s; }

@media (max-width: 767px) { .accordion .accordion-header:before { width: 12px; height: 8px; margin-top: -4px; right: 20px; } }

.accordion .accordion-header:hover { color: #E8D1B0; }

.accordion .accordion-header:hover:before { background-color: #E8D1B0; }

.accordion .accordion-header .img-block { -webkit-box-flex: 1; -webkit-flex: 1 0 70px; -ms-flex: 1 0 70px; flex: 1 0 70px; width: 70px; margin-right: 40px; max-width: 70px; }

@media (max-width: 767px) { .accordion .accordion-header .img-block { width: 50px; -webkit-box-flex: 1; -webkit-flex: 1 50px; -ms-flex: 1 50px; flex: 1 50px; max-width: 50px; margin-right: 15px; } }

.accordion .accordion-header .img-block img, .accordion .accordion-header .img-block object { width: 100%; }

.accordion .accordion-content { display: none; }

.accordion .accordion-content .inner-row { border: 3px solid #E8D1B0; -webkit-transition: all .3s; transition: all .3s; border-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px 0 20px 130px; margin-top: -3px; }

@media (max-width: 1280px) { .accordion .accordion-content .inner-row { padding-left: 50px; } }

@media (max-width: 767px) { .accordion .accordion-content .inner-row { border-width: 2px; padding: 16px 13px; } }

.accordion .accordion-content .inner-row span { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; width: 100%; color: #274640; font-size: 18px; line-height: 1.2em; margin-right: 20px; }

@media (max-width: 767px) { .accordion .accordion-content .inner-row span { font-size: 10px; line-height: 14px; margin-right: 10px; } }

.accordion .accordion-content .inner-row a { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; color: #274640; font-size: 18px; line-height: 1.2em; font-family: "PT Serif", sans-serif; -webkit-box-flex: 1; -webkit-flex: 1 0 110px; -ms-flex: 1 0 110px; flex: 1 0 110px; width: 110px; text-align: center; }

@media (max-width: 767px) { .accordion .accordion-content .inner-row a { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; font-size: 10px; line-height: 14px; } }

.accordion .accordion-content .inner-row a:hover:before { opacity: 1; bottom: -4px; }

.accordion .accordion-content .inner-row a:before { position: absolute; bottom: 4px; left: 0; right: 25px; content: ""; height: 3px; background: #274640; -webkit-transition: all .3s; transition: all .3s; opacity: 0; }

.select-hidden { display: none; visibility: hidden; padding-right: 10px; }

.select { cursor: pointer; position: relative; width: 282px; height: 56px; }

@media (max-width: 1440px) { .select { width: 270px; } }

@media (max-width: 1280px) { .select { width: 200px; } }

@media (max-width: 1024px) { .select { width: 325px; } }

@media (max-width: 767px) { .select { font-size: 12px; height: auto; border: 0; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); text-align: right; } }

.select .select-styled { position: relative; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 30px 0 16px; border: 1px solid #017344; -webkit-transition: all .3s; transition: all .3s; height: 100%; z-index: 1; background: #fff; border-radius: 4px; font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: bold; }

.select .select-styled.hide { color: rgba(17, 17, 17, 0.48); }

@media (max-width: 767px) { .select .select-styled.hide { color: #274640; } }

@media (max-width: 767px) { .select .select-styled { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-family: "Montserrat", sans-serif; font-weight: bold; padding-right: 15px; color: #274640; z-index: 1; font-size: 12px; line-height: 18px; cursor: pointer; border: 0; background: none; padding: 0 15px 0 0; width: auto; } }

.select .select-styled:hover { border-color: #339e4f; }

.select .select-styled.active { border-color: #339e4f; }

.select .select-styled.active:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background-color: #111111; }

.select .select-styled:before { position: absolute; right: 16px; top: 50%; content: ""; -webkit-mask: url(../img/arrow-down.svg) no-repeat 50% 50%; mask: url(../img/arrow-down.svg) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: rgba(17, 17, 17, 0.48); width: 15px; height: 9px; margin-top: -4.5px; -webkit-transition: all .3s; transition: all .3s; }

@media (max-width: 767px) { .select .select-styled:before { position: absolute; top: 50%; right: 0; content: ''; -webkit-mask: url(../img/triangle-bottom.svg) no-repeat 50% 50%; mask: url(../img/triangle-bottom.svg) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: #274640; width: 9px; height: 6px; margin-top: -3px; -webkit-transition: all .3s; transition: all .3s; } }

.select .select-options { position: absolute; top: 100%; right: 0; left: 0; z-index: 10; margin: 0; padding: 0; list-style: none; background: #274640; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; border-radius: 4px; }

.select .select-options.open { opacity: 1; visibility: visible; }

.select .select-options li { position: relative; margin: 0; padding: 5px 16px; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1em; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; }

.select .select-options li:nth-child(2) { padding-top: 30px; }

.select .select-options li:last-child { padding-bottom: 30px; }

@media (max-width: 767px) { .select .select-options li { font-size: 12px; padding: 7px 16px; height: auto; } }

.select .select-options li.active, .select .select-options li:hover { color: #E0C5A5; }

.select .select-options li[rel="hide"] { display: none; }

.lang-block { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 43px; cursor: pointer; height: 30px; }

.lang-block:hover .lang-link { color: #E0C5A5; }

.lang-block.open .lang-link:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.lang-block.open ul { top: 100%; opacity: 1; }

.lang-block .lang-link { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1em; font-weight: bold; color: #fff; padding-right: 15px; top: 2px; z-index: 1; }

@media (max-width: 767px) { .lang-block .lang-link { font-size: 12px; line-height: 18px; } }

.lang-block .lang-link:before { position: absolute; top: 50%; right: 0; content: ''; -webkit-mask: url(../img/triangle-bottom.svg) no-repeat 50% 50%; mask: url(../img/triangle-bottom.svg) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: #fff; width: 9px; height: 6px; margin-top: -3px; -webkit-transition: all .3s; transition: all .3s; }

.lang-block ul { position: absolute; left: -20px; background: #274640; top: 0; opacity: 0; -webkit-transition: all .3s; transition: all .3s; margin: 0; padding: 0; list-style-type: none; border-radius: 4px; }

.lang-block ul li { padding: 2px 20px; font-size: 14px; line-height: 20px; }

@media (max-width: 767px) { .lang-block ul li { font-size: 12px; line-height: 18px; } }

.lang-block ul li:first-child { padding-top: 5px; }

.lang-block ul li:last-child { padding-bottom: 5px; }

.lang-block ul a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; font-family: "Montserrat", sans-serif; color: #fff; line-height: 20px; font-weight: bold; }

@media (max-width: 767px) { .lang-block ul a { font-size: 12px; line-height: 18px; } }

.lang-block ul a.active { color: #E0C5A5; }

.hamburger { background-color: transparent; border: none; cursor: pointer; padding: 0; width: 33px; 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: none; }

@media (max-width: 1024px) { .hamburger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

@media (max-width: 767px) { .hamburger { position: absolute; top: 30px; right: 13px; } }

.hamburger span { width: 33px; height: 4px; margin-bottom: 5px; background: #E0C5A5; -webkit-transition: all 0.5s cubic-bezier(0.08, 0.81, 0.87, 0.71); transition: all 0.5s cubic-bezier(0.08, 0.81, 0.87, 0.71); }

.hamburger span.span-1 { -webkit-transform-origin: 3px 0px; -ms-transform-origin: 3px 0px; transform-origin: 3px 0px; }

.hamburger span.span-3 { -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; }

.hamburger.opened span.span-1 { background-color: #fff; -webkit-transform: rotate(45deg) translate(3px); -ms-transform: rotate(45deg) translate(3px); transform: rotate(45deg) translate(3px); }

.hamburger.opened span.span-2 { background-color: #fff; -webkit-transform: rotate(495deg) translate(4px); -ms-transform: rotate(495deg) translate(4px); transform: rotate(495deg) translate(4px); }

.hamburger.opened span.span-3 { background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }

.custom-checkbox { display: block; cursor: pointer; }

@media (max-width: 767px) { .custom-checkbox { margin-top: 10px; } }

.custom-checkbox:first-child { margin-top: 0; }

.custom-checkbox:hover span { color: #274640; }

.custom-checkbox:hover span:before { background: #fafafa; }

.custom-checkbox .form-checkbox { position: absolute; width: 1px; height: 1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.custom-checkbox .form-checkbox:checked + span:after { opacity: 1; }

.custom-checkbox span { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 20px; font-weight: 700; color: #fff; padding-left: 66px; line-height: 20px; -webkit-transition: all .3s; transition: all .3s; min-height: 35px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.custom-checkbox span:before { position: absolute; top: 0; left: 0; content: ""; width: 35px; height: 35px; background: #fff; border-radius: 4px; box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 4px 16px rgba(51, 51, 51, 0.08); -webkit-transition: all .3s; transition: all .3s; }

.custom-checkbox span:after { position: absolute; top: 17px; left: 5px; content: ""; -webkit-mask: url(../img/arrow-down.svg) no-repeat 50% 50%; mask: url(../img/arrow-down.svg) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: #333; width: 25px; height: 15px; margin-top: -7.5px; -webkit-transition: all .3s; transition: all .3s; opacity: 0; }

.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.inputfile + label { font-size: 16px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 83px; margin-bottom: 0; font-size: 20px; line-height: 24px; font-weight: 700; color: #fff; border-radius: 4px; width: 300px; position: relative; }

@media (max-width: 767px) { .inputfile + label { font-size: 14px; } }

.inputfile-2 + label { color: #fff; border: 3px dashed #fff; -webkit-transition: all .3s; transition: all .3s; }

@media (max-width: 991px) { .inputfile-2 + label { text-align: center; } }

.inputfile-2 + label:hover { border-color: #274640; }

.inputfile-2 + label.has-file { border-color: transparent; text-align: right; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-right: 70px; width: auto; max-width: 300px; }

.inputfile-2 + label.has-file:before { position: absolute; top: 50%; right: 0; content: ""; -webkit-mask: url(../img/doc-icon.svg) no-repeat 50% 50%; mask: url(../img/doc-icon.svg) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: #fff; width: 50px; height: 64px; margin-top: -32px; }

.modal { position: fixed; z-index: 10000; /* 1 */ top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.modal.is-visible { visibility: visible; }

.modal-overlay { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: rgba(40, 43, 48, 0.8); visibility: hidden; opacity: 0; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; }

.modal.is-visible .modal-overlay { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; }

.modal-wrapper { position: relative; z-index: 9999; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); background-color: #fff; padding: 90px 110px; }

@media (max-width: 1440px) { .modal-wrapper { padding: 70px 30px; } }

@media (max-width: 1280px) { .modal-wrapper { padding: 50px 20px; } }

@media (max-width: 767px) { .modal-wrapper { width: 100%; padding: 30px 12px; } }

.modal-transition { -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; }

.modal.is-visible .modal-transition { opacity: 1; }

.modal-header, .modal-content { padding: 1em; }

@media (max-width: 767px) { .modal-header, .modal-content { padding: 0.5em; } }

.modal-close { position: absolute; top: 30px; right: 30px; border: 0; -webkit-mask: url(../img/close.svg) no-repeat 50% 50%; mask: url(../img/close.svg) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: #fff; width: 25px; height: 25px; padding: 0; -webkit-transition: all .3s; transition: all .3s; }

@media (max-width: 767px) { .modal-close { top: 10px; right: 10px; width: 18px; height: 18px; } }

.modal-close:hover { background-color: #274640; }

.modal-heading { display: block; font-size: 35px; line-height: 58px; color: #fff; font-weight: 700; font-family: "PT Serif", sans-serif; margin-bottom: 50px; text-align: center; }

@media (max-width: 1280px) { .modal-heading { font-size: 36px; line-height: 1.4em; } }

@media (max-width: 1024px) { .modal-heading { font-size: 30px; } }

@media (max-width: 767px) { .modal-heading { font-size: 20px; line-height: 30px; margin-bottom: 30px; } }

.modal-content { padding: 0; max-width: 550px; margin: 0 auto; }

.modal-form { position: relative; max-width: 1075px; background: #E0C5A5 url(../img/feedback-bg.jpg) 50% 50% no-repeat; background-size: cover; }

@media (max-width: 1280px) { .modal-form { max-width: 800px; } }

@media (max-width: 1024px) { .modal-form .form-control { height: 70px; } }

@media (max-width: 767px) { .modal-form .form-control { height: 60px; } }

.modal-form .f_button { width: 100%; }

@media (max-width: 1280px) { .modal-form .f_button { font-size: 26px; height: 70px; } }

@media (max-width: 767px) { .modal-form .f_button { height: 56px; width: 226px; font-size: 14px; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; } }

body.open-menu .header .wrapper .nav { -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.header { position: relative; background: #274640; z-index: 1; }

.header .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 125px; padding: 0 13px; max-width: 1306px; margin: 0 auto; }

@media (max-width: 1024px) { .header .wrapper { height: 130px; padding: 0 15px; } }

@media (max-width: 767px) { .header .wrapper { padding-left: 48px; } }

.header .wrapper .logo { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 230px; -webkit-box-flex: 0; -webkit-flex: 0 1 230px; -ms-flex: 0 1 230px; flex: 0 1 230px; height: 62px; background: url(../img/big-logo.svg) 0 0 no-repeat; background-size: 100% auto; }
.header .wrapper .logo2 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 230px; -webkit-box-flex: 0; -webkit-flex: 0 1 230px; -ms-flex: 0 1 230px; flex: 0 1 230px; height: 62px; background: url(http://cbm.org.ua/wp-content/uploads/2022/01/07_logo_gold_ENG-01.png) 0 0 no-repeat; background-size: 100% auto; }
@media (max-width: 1440px) { .header .wrapper .logo { -webkit-box-flex: 0; -webkit-flex: 0 1 200px; -ms-flex: 0 1 200px; flex: 0 1 200px; width: 200px; height: 55px; background-size: 100% auto; } }

@media (max-width: 1024px) { .header .wrapper .logo { -webkit-box-flex: 0; -webkit-flex: 0 1 263px; -ms-flex: 0 1 263px; flex: 0 1 263px; height: 70px; } }

.header .wrapper .nav { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 -15px; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }

@media (max-width: 1440px) { .header .wrapper .nav { margin: 0 -11px; } }

@media (max-width: 1280px) { .header .wrapper .nav { margin: 0 -5px; } }

@media (max-width: 1024px) { .header .wrapper .nav { position: absolute; background: #274640; top: 100%; left: 0; right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px 15px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-perspective: 1000px; perspective: 1000px; -webkit-animation: swing-out-top-bck 0.45s cubic-bezier(0.6, -0.28, 0.735, 0.045) both; animation: swing-out-top-bck 0.45s cubic-bezier(0.6, -0.28, 0.735, 0.045) both; opacity: 0; visibility: hidden; z-index: 2; } }

@-webkit-keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    visibility: hidden; }
  100% { -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
    visibility: visible; } }

@keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    visibility: hidden; }
  100% { -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
    visibility: visible; } }

@-webkit-keyframes swing-out-top-bck { 0% { -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
    visibility: visible; }
  100% { -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    visibility: hidden; } }

@keyframes swing-out-top-bck { 0% { -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
    visibility: visible; }
  100% { -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
    visibility: hidden; } }

.header .wrapper .nav li { margin: 0 15px; }

@media (max-width: 1440px) { .header .wrapper .nav li { margin: 0 11px; } }

@media (max-width: 1280px) { .header .wrapper .nav li { margin: 0 5px; } }

.header .wrapper .nav li:last-child { display: none; }

@media (max-width: 1024px) { .header .wrapper .nav li:last-child { display: block; } }

.header .wrapper .nav a { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 14px; color: #fff; }

@media (max-width: 1280px) { .header .wrapper .nav a { font-size: 13px; } }

.header .wrapper .nav a:hover:before { opacity: 1; bottom: -4px; }

.header .wrapper .nav a:before { position: absolute; bottom: 4px; left: 0; right: 0; content: ""; height: 4px; background: #E0C5A5; -webkit-transition: all .3s; transition: all .3s; opacity: 0; }

@media (max-width: 767px) { .header .wrapper .lang-block { position: absolute; bottom: -45px; left: 20px; margin: 0; } }

@media (max-width: 767px) { .header .wrapper .lang-block .lang-link { color: #274640; } }

@media (max-width: 767px) { .header .wrapper .lang-block .lang-link:before { background-color: #274640; } }

@media (max-width: 767px) { .header .wrapper .city-block .select { position: absolute; bottom: -50px; right: 20px; } }

.header .wrapper .city-block .mobile-text { display: none; }

@media (max-width: 767px) { .header .wrapper .city-block .mobile-text { position: absolute; bottom: -45px; right: 20px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-family: "Montserrat", sans-serif; font-weight: bold; padding-right: 15px; color: #274640; z-index: 1; font-size: 12px; line-height: 18px; cursor: pointer; }
  .header .wrapper .city-block .mobile-text:before { position: absolute; top: 50%; right: 0; content: ''; -webkit-mask: url(../img/triangle-bottom.svg) no-repeat 50% 50%; mask: url(../img/triangle-bottom.svg) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: #274640; width: 9px; height: 6px; margin-top: -3px; -webkit-transition: all .3s; transition: all .3s; } }

.footer { position: relative; background: #274640; padding: 102px 0 72px; }

@media (max-width: 1280px) { .footer { padding: 50px 0; } }

@media (max-width: 1024px) { .footer { padding: 30px 0; } }

@media (max-width: 767px) { .footer { padding: 65px 0; } }

.footer .top-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 13px; max-width: 1306px; margin-bottom: 85px; }

@media (max-width: 1280px) { .footer .top-block { margin-bottom: 50px; } }

@media (max-width: 1024px) { .footer .top-block { padding: 0; margin-bottom: 50px; } }

@media (max-width: 767px) { .footer .top-block { margin-bottom: 70px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.footer .top-block > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style-type: none; margin: 0 -50px; }

@media (max-width: 1280px) { .footer .top-block > ul { margin: 0 -15px; } }

@media (max-width: 1024px) { .footer .top-block > ul { margin: 0 -5px; } }

@media (max-width: 767px) { .footer .top-block > ul { margin: -15px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.footer .top-block > ul li { margin: 0 50px; font-size: 16px; line-height: 1em; }

@media (max-width: 1440px) { .footer .top-block > ul li { margin: 0 35px; } }

@media (max-width: 1280px) { .footer .top-block > ul li { margin: 0 15px; } }

@media (max-width: 1024px) { .footer .top-block > ul li { margin: 0 5px; } }

@media (max-width: 767px) { .footer .top-block > ul li { margin: 15px 0; } }

.footer .top-block > ul a { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1em; color: #fff; }

@media (max-width: 1024px) { .footer .top-block > ul a { font-size: 14px; } }

@media (max-width: 767px) { .footer .top-block > ul a { font-size: 12px; line-height: 16px; } }

.footer .top-block > ul a:hover:before { opacity: 1; bottom: -10px; }

.footer .top-block > ul a:before { position: absolute; bottom: 4px; left: 0; right: 0; content: ""; height: 4px; background: #E0C5A5; -webkit-transition: all .3s; transition: all .3s; opacity: 0; }

.footer .top-block .lang-block { margin-left: 0; }

@media (max-width: 767px) { .footer .top-block .lang-block { margin-bottom: auto; position: relative; top: -5px; } }

@media (max-width: 1024px) { .footer .top-block .lang-block .lang-link { font-size: 14px; } }

@media (max-width: 767px) { .footer .top-block .lang-block .lang-link { font-size: 12px; } }

.footer .top-block .phone-link { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1em; color: #fff; top: 2px; }

@media (max-width: 1024px) { .footer .top-block .phone-link { font-size: 14px; } }

@media (max-width: 767px) { .footer .top-block .phone-link { font-size: 12px; width: 100%; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: -20px; } }

.footer .top-block .phone-link:hover { color: #E0C5A5; }

.footer .copyright { display: block; text-align: center; font-size: 18px; line-height: 1em; color: rgba(255, 255, 255, 0.25); }

@media (max-width: 1024px) { .footer .copyright { font-size: 16px; line-height: 32px; } }

.main-section { position: relative; height: 808px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-size: cover; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 1024px) { .main-section { height: 600px; } }

@media (max-width: 767px) { .main-section { height: auto; padding-top: 75px; background: #fff !important; padding-bottom: 60px; } }

.main-section .main-block { position: relative; max-width: 1476px; background: rgba(255, 255, 255, 0.75); padding: 120px 100px; }

@media (max-width: 1280px) { .main-section .main-block { padding: 60px 20px; } }

@media (max-width: 1024px) { .main-section .main-block { padding: 60px 20px; } }

@media (max-width: 767px) { .main-section .main-block { padding: 0 13px; background: none; width: 100%; } }

.main-section .main-block h1, .main-section .main-block .h1 { font-family: "PT Serif", sans-serif; font-size: 45px; line-height: 1.3em; font-weight: bold; color: #274640; margin: 0 0 60px; }

@media (max-width: 1280px) { .main-section .main-block h1, .main-section .main-block .h1 { font-size: 40px; margin-bottom: 30px; } }

@media (max-width: 1024px) { .main-section .main-block h1, .main-section .main-block .h1 { font-size: 36px; } }

@media (max-width: 767px) { .main-section .main-block h1, .main-section .main-block .h1 { font-size: 24px; font-weight: 400; line-height: 36px; text-align: center; margin-bottom: 30px; } }

.main-section .main-block .img-block { display: none; }

@media (max-width: 767px) { .main-section .main-block .img-block { display: block; height: 256px; width: -webkit-calc(100% + 26px); width: calc(100% + 26px); margin: 0 -13px; } }

.main-section .main-block .img-block img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.main-section .main-block h5, .main-section .main-block .h5 { font-size: 20px; line-height: 45px; color: #18191f; margin: 0 0 60px; font-weight: 800; max-width: 645px; }

@media (max-width: 1024px) { .main-section .main-block h5, .main-section .main-block .h5 { font-size: 20px; } }

@media (max-width: 767px) { .main-section .main-block h5, .main-section .main-block .h5 { font-size: 14px; line-height: 32px; margin: 30px 0; } }

.main-section .main-block .f_button { width: 405px; }

@media (max-width: 1280px) { .main-section .main-block .f_button { width: 100%; max-width: 400px; font-size: 24px; } }

@media (max-width: 1024px) { .main-section .main-block .f_button { height: 90px; width: 350px; } }

@media (max-width: 767px) { .main-section .main-block .f_button { height: 60px; width: 225px; font-size: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; color: #E0C5A5; }
  .main-section .main-block .f_button:hover { color: #fff; } }

.how-we-work-section { position: relative; padding: 110px 0; overflow: hidden; }

@media (max-width: 1280px) { .how-we-work-section { padding: 70px 0; } }

@media (max-width: 1024px) { .how-we-work-section { padding: 50px 0; } }

@media (max-width: 767px) { .how-we-work-section { padding: 30px 0 30px; border-top: 5px solid #e8d1b0; } }

@media (max-width: 767px) { .how-we-work-section .container { padding: 0 13px; } }

.how-we-work-section .main-title { position: relative; display: block; font-family: "PT Serif", sans-serif; font-weight: 400; font-size: 40px; line-height: 1em; color: #23494a; text-align: right; }

@media (max-width: 1024px) { .how-we-work-section .main-title { font-size: 40px; } }

@media (max-width: 767px) { .how-we-work-section .main-title { font-size: 24px; margin-bottom: 30px; text-align: center; } }

.how-we-work-section .main-title:before { position: absolute; bottom: 0; left: -320px; right: 25%; content: ""; background: #E8D1B0; height: 5px; }

@media (max-width: 1024px) { .how-we-work-section .main-title:before { right: 43%; } }

@media (max-width: 767px) { .how-we-work-section .main-title:before { display: none; } }

.how-we-work-section .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 82px -24px 0; }

@media (max-width: 1024px) { .how-we-work-section .wrapper { margin: 50px -10px 0; } }

@media (max-width: 767px) { .how-we-work-section .wrapper { display: block; margin: 0; } }

.how-we-work-section .wrapper .item { -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(33.333% - 48px); -ms-flex: 0 calc(33.333% - 48px); flex: 0 calc(33.333% - 48px); width: -webkit-calc(33.333% - 48px); width: calc(33.333% - 48px); margin: 0 24px; }

@media (max-width: 1024px) { .how-we-work-section .wrapper .item { -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(33.333% - 20px); -ms-flex: 0 calc(33.333% - 20px); flex: 0 calc(33.333% - 20px); width: -webkit-calc(33.333% - 20px); width: calc(33.333% - 20px); margin: 0 10px; } }

@media (max-width: 767px) { .how-we-work-section .wrapper .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin: 30px 0; } }

.how-we-work-section .wrapper .item .img-block { height: 77px; margin-bottom: 30px; }

@media (max-width: 1280px) { .how-we-work-section .wrapper .item .img-block { height: 50px; } }

@media (max-width: 1024px) { .how-we-work-section .wrapper .item .img-block { height: 60px; } }

@media (max-width: 767px) { .how-we-work-section .wrapper .item .img-block { width: 50px; -webkit-box-flex: 1; -webkit-flex: 1 0 50px; -ms-flex: 1 0 50px; flex: 1 0 50px; } }

.how-we-work-section .wrapper .item .img-block object, .how-we-work-section .wrapper .item .img-block img { height: 100%; }

@media (max-width: 767px) { .how-we-work-section .wrapper .item .img-block object, .how-we-work-section .wrapper .item .img-block img { width: 100%; } }

@media (max-width: 767px) { .how-we-work-section .wrapper .item .text-block { -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 50px - 25px); -ms-flex: 0 calc(100% - 50px - 25px); flex: 0 calc(100% - 50px - 25px); width: -webkit-calc(100% - 50px - 25px); width: calc(100% - 50px - 25px); margin-left: 25px; } }

.how-we-work-section .wrapper .item .text-block p { display: block; font-size: 18px; line-height: 45px; margin: 0; }

@media (max-width: 1280px) { .how-we-work-section .wrapper .item .text-block p { line-height: 1.3em; } }

@media (max-width: 1024px) { .how-we-work-section .wrapper .item .text-block p { font-size: 18px; } }

@media (max-width: 767px) { .how-we-work-section .wrapper .item .text-block p { font-size: 14px; line-height: 32px; } }

.centers-of-certificate-section { position: relative; background: #E8D1B0; padding: 40px 0 105px; overflow: hidden; }

@media (max-width: 1280px) { .centers-of-certificate-section { padding: 40px 0 70px; } }

@media (max-width: 767px) { .centers-of-certificate-section { padding: 30px 0; text-align: center; } }

.centers-of-certificate-section .main-title { position: relative; display: block; font-size: 32px; line-height: 72px; font-family: "PT Serif", sans-serif; font-weight: 400; color: #274640; padding-left: 41px; }

@media (max-width: 767px) { .centers-of-certificate-section .main-title { font-size: 24px; margin: 0; display: inline-block; padding-left: 30px; } }

.centers-of-certificate-section .main-title:before { position: absolute; bottom: 23px; left: 0; content: ""; width: 62px; height: 65px; background: url(../img/semi-logo.svg) 0 0 no-repeat; background-size: 100% auto; }

@media (max-width: 767px) { .centers-of-certificate-section .main-title:before { width: 46px; height: 51px; bottom: 21px; } }

.centers-of-certificate-section .row-wrapper { background: rgba(255, 255, 255, 0.15); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.08); }

@media (max-width: 1280px) { .centers-of-certificate-section .row-wrapper .container { padding: 0; } }

@media (max-width: 767px) { .centers-of-certificate-section .row-wrapper { margin-top: 30px; box-shadow: none; background: #e8d1b0; } }

.centers-of-certificate-section .inner-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767px) { .centers-of-certificate-section .inner-row { display: block; padding: 0; } }

.centers-of-certificate-section .inner-row:last-child { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media (max-width: 767px) { .centers-of-certificate-section .inner-row:last-child { padding: 0; margin-top: 30px; } }

.centers-of-certificate-section .inner-row:last-child .text-block { padding-left: 0; padding-right: 150px; }

@media (max-width: 1280px) { .centers-of-certificate-section .inner-row:last-child .text-block { padding-right: 50px; padding-left: 20px; } }

@media (max-width: 767px) { .centers-of-certificate-section .inner-row:last-child .text-block { padding: 0 13px; text-align: center; } }

.centers-of-certificate-section .inner-row:last-child .text-block .title:before { right: auto; left: 115%; -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); }

.centers-of-certificate-section .inner-row .img-block { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%; width: 50%; z-index: 1; }

.centers-of-certificate-section .inner-row .img-block img { -o-object-fit: cover; object-fit: cover; display: block; width: 100%; height: 100%; }

@media (max-width: 767px) { .centers-of-certificate-section .inner-row .img-block { width: 100%; height: 257px; } }

.centers-of-certificate-section .inner-row .text-block { -webkit-box-flex: 0; -webkit-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%; width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 150px; }

@media (max-width: 1280px) { .centers-of-certificate-section .inner-row .text-block { padding-left: 50px; } }

@media (max-width: 767px) { .centers-of-certificate-section .inner-row .text-block { width: 100%; padding: 0 13px; margin-top: 30px; text-align: center; display: block; } }

.centers-of-certificate-section .inner-row .text-block .title { position: relative; display: block; font-family: "PT Serif", sans-serif; font-size: 32px; line-height: 72px; color: #274640; font-weight: 400; }

@media (max-width: 1024px) { .centers-of-certificate-section .inner-row .text-block .title { font-size: 32px; } }

@media (max-width: 767px) { .centers-of-certificate-section .inner-row .text-block .title { font-size: 24px; margin-bottom: 20px; line-height: 1.3em; } }

.centers-of-certificate-section .inner-row .text-block .title:before { position: absolute; bottom: 70px; right: 105%; content: ''; background: url(../img/line.svg) 0 0 no-repeat; width: 580px; height: 15px; }

@media (max-width: 1024px) { .centers-of-certificate-section .inner-row .text-block .title:before { background-size: auto 100%; height: 10px; width: 390px; } }

@media (max-width: 767px) { .centers-of-certificate-section .inner-row .text-block .title:before { display: none; } }

.centers-of-certificate-section .inner-row .text-block .title b { font-weight: bold; font-style: italic; font-size: 64px; display: block; text-transform: uppercase; }

@media (max-width: 1280px) { .centers-of-certificate-section .inner-row .text-block .title b { font-size: 45px; line-height: 1.4em; } }

@media (max-width: 1024px) { .centers-of-certificate-section .inner-row .text-block .title b { font-size: 32px; } }

@media (max-width: 767px) { .centers-of-certificate-section .inner-row .text-block .title b { font-size: 24px; } }

.centers-of-certificate-section .inner-row .text-block p { display: none; }

@media (max-width: 767px) { .centers-of-certificate-section .inner-row .text-block p { display: block; font-size: 14px; line-height: 32px; margin: 0 0 30px; text-align: left; } }

.centers-of-certificate-section .inner-row .text-block .f_button { margin-top: 60px; }

@media (max-width: 1280px) { .centers-of-certificate-section .inner-row .text-block .f_button { margin-top: 30px; } }

@media (max-width: 1024px) { .centers-of-certificate-section .inner-row .text-block .f_button { height: 50px; width: 250px; font-size: 20px; margin-top: 20px; } }

@media (max-width: 767px) { .centers-of-certificate-section .inner-row .text-block .f_button { width: 225px; height: 60px; font-size: 16px; margin: 0; } }

.direction-section { position: relative; padding: 150px 0 55px; text-align: center; }

@media (max-width: 1280px) { .direction-section { padding: 100px 0 55px; } }

@media (max-width: 1024px) { .direction-section { padding: 60px 0; } }

@media (max-width: 767px) { .direction-section { padding: 60px 0 30px; } }

.direction-section .main-title { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 40px; line-height: 72px; font-family: "PT Serif", sans-serif; color: #274640; text-align: center; margin: 0 0 60px; }

@media (max-width: 1024px) { .direction-section .main-title { margin-bottom: 40px; } }

@media (max-width: 767px) { .direction-section .main-title { display: block; font-size: 24px; line-height: 1.3em; text-transform: lowercase; text-align: center; margin-bottom: 30px; } }

@media (max-width: 767px) { .direction-section .main-title:first-letter { text-transform: uppercase; } }

.direction-section .main-title:before { position: absolute; top: 50%; right: -webkit-calc(100% - 64px); right: calc(100% - 64px); content: ''; background: url(../img/direction-bg.svg) 0 0 no-repeat; width: 843px; height: 98px; margin-top: -49px; }

@media (max-width: 767px) { .direction-section .main-title:before { display: none; } }

.direction-section .inner-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; }

@media (max-width: 1024px) { .direction-section .inner-row { margin-bottom: 50px; } }

@media (max-width: 767px) { .direction-section .inner-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.direction-section .inner-row:last-child { margin-bottom: 0 !important; }

.direction-section .inner-row .img-block { -webkit-box-flex: 1; -webkit-flex: 1 0 108px; -ms-flex: 1 0 108px; flex: 1 0 108px; width: 108px; -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; }

@media (max-width: 1024px) { .direction-section .inner-row .img-block { width: 100px; -webkit-box-flex: 1; -webkit-flex: 1 0 100px; -ms-flex: 1 0 100px; flex: 1 0 100px; } }

@media (max-width: 767px) { .direction-section .inner-row .img-block { -webkit-box-flex: 0; -webkit-flex: 0 1 50px; -ms-flex: 0 1 50px; flex: 0 1 50px; width: 50px; } }

.direction-section .inner-row .img-block img, .direction-section .inner-row .img-block object { width: 65%; }

@media (max-width: 767px) { .direction-section .inner-row .img-block img, .direction-section .inner-row .img-block object { display: block; width: 100%; } }

.direction-section .inner-row .text-block { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; text-align: left; margin-right: 30px; }

.direction-section .inner-row .text-block .title { display: block; font-family: "PT Serif", sans-serif; font-size: 30px; line-height: 1.2em; font-weight: 400; color: #274640; margin-bottom: 15px; }

@media (max-width: 1280px) { .direction-section .inner-row .text-block .title { font-size: 28px; } }

@media (max-width: 1024px) { .direction-section .inner-row .text-block .title { font-size: 24px; } }

@media (max-width: 767px) { .direction-section .inner-row .text-block .title { font-size: 18px; line-height: 50px; margin-left: 70px; margin-top: -50px; margin-bottom: 30px; } }

.direction-section .inner-row .text-block p { display: block; margin: 0; font-size: 18px; color: #274640; }

@media (max-width: 1024px) { .direction-section .inner-row .text-block p { font-size: 18px; } }

@media (max-width: 767px) { .direction-section .inner-row .text-block p { font-size: 14px; line-height: 32px; } }

.direction-section .inner-row .f_button { height: 80px; width: 252px; -webkit-box-flex: 1; -webkit-flex: 1 0 252px; -ms-flex: 1 0 252px; flex: 1 0 252px; margin-left: auto; font-size: 20px; }

@media (max-width: 1280px) { .direction-section .inner-row .f_button { height: 70px; } }

@media (max-width: 1024px) { .direction-section .inner-row .f_button { -webkit-box-flex: 1; -webkit-flex: 1 0 200px; -ms-flex: 1 0 200px; flex: 1 0 200px; width: 200px; font-size: 16px; height: 60px; padding: 0; } }

@media (max-width: 767px) { .direction-section .inner-row .f_button { margin: 30px auto 0; -webkit-box-flex: 0; -webkit-flex: 0 1 225px; -ms-flex: 0 1 225px; flex: 0 1 225px; width: 225px; height: 60px; font-size: 14px; text-transform: uppercase; } }

.direction-section .inner-row .f_button.active, .direction-section .inner-row .f_button:hover { color: #E0C5A5; }

.get-certificate-section { position: relative; padding: 55px 0 150px; }

@media (max-width: 1280px) { .get-certificate-section { padding: 55px 0; } }

@media (max-width: 1024px) { .get-certificate-section { padding: 20px 0 50px; } }

@media (max-width: 767px) { .get-certificate-section { padding: 30px 0 60px; } }

.get-certificate-section .main-title { display: block; text-align: center; font-size: 40px; font-family: "PT Serif", sans-serif; line-height: 72px; color: #23494a; margin-bottom: 120px; }

@media (max-width: 1024px) { .get-certificate-section .main-title { font-size: 40px; } }

@media (max-width: 767px) { .get-certificate-section .main-title { font-size: 24px; margin-bottom: 30px; } }

.get-certificate-section .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; counter-reset: item-counter 0; }

@media (max-width: 767px) { .get-certificate-section .wrapper { display: block; } }

.get-certificate-section .wrapper .item { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 1 340px; -ms-flex: 0 1 340px; flex: 0 1 340px; width: 340px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 90px; }

@media (max-width: 1280px) { .get-certificate-section .wrapper .item { -webkit-box-flex: 0; -webkit-flex: 0 1 250px; -ms-flex: 0 1 250px; flex: 0 1 250px; width: 250px; height: 100px; } }

@media (max-width: 1024px) { .get-certificate-section .wrapper .item { height: 80px; -webkit-box-flex: 0; -webkit-flex: 0 1 200px; -ms-flex: 0 1 200px; flex: 0 1 200px; width: 200px; } }

@media (max-width: 767px) { .get-certificate-section .wrapper .item { width: 100%; height: 100px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.get-certificate-section .wrapper .item:first-child:after { display: none; }

.get-certificate-section .wrapper .item:before { position: absolute; bottom: -5px; left: -13px; counter-increment: item-counter; content: counter(item-counter); font-size: 200px; color: rgba(224, 197, 165, 0.5); line-height: 1em; font-family: "PT Serif", sans-serif; font-weight: 400; }

@media (max-width: 1024px) { .get-certificate-section .wrapper .item:before { font-size: 170px; } }

@media (max-width: 767px) { .get-certificate-section .wrapper .item:before { font-size: 100px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 0.7em; } }

.get-certificate-section .wrapper .item:after { position: absolute; top: 0; left: -webkit-calc(-50% + 32px); left: calc(-50% + 32px); content: ''; background: url(../img/arrow-right.svg) 0 0 no-repeat; width: 64px; height: 64px; margin-top: -32px; }

@media (max-width: 1024px) { .get-certificate-section .wrapper .item:after { background-size: 100% auto; width: 40px; height: 40px; margin-top: -20px; left: -webkit-calc(-50% + 40px); left: calc(-50% + 40px); } }

.get-certificate-section .wrapper .title { position: relative; display: block; color: #18191F; font-size: 18px; line-height: 45px; z-index: 1; }

@media (max-width: 1280px) { .get-certificate-section .wrapper .title { line-height: 1.3em; } }

@media (max-width: 767px) { .get-certificate-section .wrapper .title { font-size: 14px; line-height: 32px; letter-spacing: 0.05em; } }

.form-section { position: relative; background: #E0C5A5 url(../img/feedback-bg.jpg) 50% 50% no-repeat; background-size: cover; padding: 94px 0; }

@media (max-width: 1280px) { .form-section { padding: 50px 0; } }

@media (max-width: 767px) { .form-section { padding: 30px 0 60px; } }

.form-section.form-v2 .title { font-size: 30px; text-align: left; }

@media (max-width: 1024px) { .form-section.form-v2 .title { font-size: 28px; } }

@media (max-width: 767px) { .form-section.form-v2 .title { font-size: 24px; line-height: 36px; } }

.form-section .title { display: block; font-size: 40px; font-family: "PT Serif", sans-serif; line-height: 1.2em; color: #fff; font-weight: bold; margin-bottom: 30px; }

@media (max-width: 767px) { .form-section .title { font-size: 24px; line-height: 36px; margin-bottom: 30px; } }

@media (max-width: 767px) { .form-section .container { padding: 0 13px; } }

.form-section .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media (max-width: 767px) { .form-section .wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.form-section .wrapper .right-block { -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 290px - 70px); -ms-flex: 0 calc(100% - 290px - 70px); flex: 0 calc(100% - 290px - 70px); width: -webkit-calc(100% - 290px - 70px); width: calc(100% - 290px - 70px); margin-left: 70px; }

@media (max-width: 767px) { .form-section .wrapper .right-block { -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; width: 100%; margin: 0 0 30px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }

.form-section .wrapper .right-block ul { margin: 0; padding: 0; list-style-type: none; }

.form-section .wrapper .right-block ul li { position: relative; display: block; font-family: "PT Serif", sans-serif; font-size: 18px; line-height: 50px; color: #274640; margin-top: 15px; padding-left: 30px; }

@media (max-width: 1280px) { .form-section .wrapper .right-block ul li { line-height: 1.3em; } }

@media (max-width: 1024px) { .form-section .wrapper .right-block ul li { font-size: 18px; } }

@media (max-width: 767px) { .form-section .wrapper .right-block ul li { font-size: 14px; line-height: 24px; padding-left: 30px; margin-top: 5px; } }

.form-section .wrapper .right-block ul li:first-child { margin-top: 0; }

.form-section .wrapper .right-block ul li:before { position: absolute; top: 23px; left: 10px; content: ''; width: 5px; height: 5px; border-radius: 100px; background: #274640; }

@media (max-width: 1280px) { .form-section .wrapper .right-block ul li:before { top: 10px; } }

@media (max-width: 1024px) { .form-section .wrapper .right-block ul li:before { width: 7px; height: 7px; top: 10px; } }

@media (max-width: 767px) { .form-section .wrapper .right-block ul li:before { width: 5px; height: 5px; top: 11px; left: 10px; } }

.form-section .wrapper .right-block p { display: block; font-size: 18px; line-height: 50px; color: #274640; }

@media (max-width: 1024px) { .form-section .wrapper .right-block p { font-size: 20px; line-height: 40px; } }

@media (max-width: 767px) { .form-section .wrapper .right-block p { font-size: 14px; line-height: 20px; } }

.form-section .wrapper .left-block { -webkit-box-flex: 0; -webkit-flex: 0 1 290px; -ms-flex: 0 1 290px; flex: 0 1 290px; width: 290px; }

@media (max-width: 767px) { .form-section .wrapper .left-block { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media (max-width: 767px) { .form-section .wrapper .left-block .f_group { text-align: center; } }

.form-section .wrapper .left-block .f_button { height: 72px; font-size: 18px; line-height: 25px; width: 100%; margin-top: 25px; }

@media (max-width: 1024px) { .form-section .wrapper .left-block .f_button { font-size: 20px; height: 80px; } }

@media (max-width: 767px) { .form-section .wrapper .left-block .f_button { width: 225px; height: 56px; font-size: 14px; font-weight: 400; line-height: 18px; margin-top: 0; } }

.news-section { padding-top: 56px; margin-top: 110px; border-top: 5px solid #E8D1B0; overflow: hidden; }

@media (max-width: 1024px) { .news-section { margin-top: 56px; padding-top: 30px; } }

@media (max-width: 1024px) { .news-section { margin-top: 60px; padding-top: 0; border-top: 0; } }

.news-section .main-title { position: relative; display: block; font-family: "PT Serif", sans-serif; font-weight: 700; font-size: 40px; line-height: 1em; color: #23494a; text-transform: uppercase; }

@media (max-width: 1280px) { .news-section .main-title { font-size: 48px; line-height: 1.2em; } }

@media (max-width: 1024px) { .news-section .main-title { font-size: 40px; } }

@media (max-width: 767px) { .news-section .main-title { font-size: 48px; padding-bottom: 30px; text-align: center; } }

@media (max-width: 767px) { .news-section .main-title:before { position: absolute; bottom: 0; left: -20px; right: -20px; content: ''; border-bottom: 5px solid #E8D1B0; } }

.news-section .inner-row { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 110px 0; }

@media (max-width: 1024px) { .news-section .inner-row { padding: 60px 0; } }

@media (max-width: 767px) { .news-section .inner-row { padding: 90px 0 30px; display: block; } }

.news-section .inner-row:before { position: absolute; top: 0; left: -500px; right: -500px; content: ''; border-top: 5px solid #E8D1B0; }

@media (max-width: 767px) { .news-section .inner-row:before { left: -20px; right: -20px; } }

.news-section .inner-row:nth-child(2):before { display: none; }

.news-section .inner-row .img-block { -webkit-box-flex: 0; -webkit-flex: 0 1 390px; -ms-flex: 0 1 390px; flex: 0 1 390px; width: 390px; }

@media (max-width: 1024px) { .news-section .inner-row .img-block { -webkit-box-flex: 0; -webkit-flex: 0 1 250px; -ms-flex: 0 1 250px; flex: 0 1 250px; width: 250px; } }

@media (max-width: 767px) { .news-section .inner-row .img-block { width: -webkit-calc(100% + 40px); width: calc(100% + 40px); margin: 0 -20px; height: 257px; } }

.news-section .inner-row .img-block img { width: 100%; }

@media (max-width: 767px) { .news-section .inner-row .img-block img { height: 100%; -o-object-fit: cover; object-fit: cover; } }

.news-section .inner-row .text-block { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 390px - 70px); -ms-flex: 0 calc(100% - 390px - 70px); flex: 0 calc(100% - 390px - 70px); width: -webkit-calc(100% - 390px - 70px); width: calc(100% - 390px - 70px); margin-left: 70px; }

@media (max-width: 1024px) { .news-section .inner-row .text-block { -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 250px - 30px); -ms-flex: 0 calc(100% - 250px - 30px); flex: 0 calc(100% - 250px - 30px); width: -webkit-calc(100% - 250px - 30px); width: calc(100% - 250px - 30px); margin-left: 30px; } }

@media (max-width: 767px) { .news-section .inner-row .text-block { position: static; width: 100%; margin: 25px 0 0; } }

.news-section .inner-row .text-block .news-link { position: relative; display: block; font-family: "PT Serif", sans-serif; font-weight: 400; font-size: 35px; line-height: 1em; color: #23494a; padding-right: 60px; }

@media (max-width: 1024px) { .news-section .inner-row .text-block .news-link { font-size: 30px; } }

@media (max-width: 767px) { .news-section .inner-row .text-block .news-link { font-size: 24px; line-height: 1.2em; text-align: center; position: absolute; top: 30px; left: 0; right: 0; padding: 0; } }

.news-section .inner-row .text-block .news-link:hover { color: #E8D1B0; }

.news-section .inner-row .text-block .date { position: absolute; top: 0; right: 0; font-size: 18px; line-height: 35px; color: #274640; }

@media (max-width: 767px) { .news-section .inner-row .text-block .date { position: relative; font-size: 14px; line-height: 20px; } }

.news-section .inner-row .text-block p { display: block; font-size: 18px; line-height: 40px; font-family: "PT Serif", sans-serif; font-weight: 400; letter-spacing: 0.05em; color: #18191F; margin: 60px 0 0; }

@media (max-width: 1024px) { .news-section .inner-row .text-block p { margin-top: 30px; line-height: 1.4em; } }

@media (max-width: 767px) { .news-section .inner-row .text-block p { font-size: 14px; line-height: 20px; margin-top: 25px; } }

.inner-news-section { padding-top: 56px; margin-top: 110px; padding-bottom: 110px; border-top: 5px solid #E8D1B0; overflow: hidden; }

@media (max-width: 1024px) { .inner-news-section { margin-top: 56px; padding-top: 30px; } }

@media (max-width: 767px) { .inner-news-section { margin-top: 60px; padding-top: 30px; padding-bottom: 60px; } }

@media (max-width: 767px) { .inner-news-section .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.inner-news-section .see-also-block { float: right; width: 345px; margin-left: 140px; }

@media (max-width: 1280px) { .inner-news-section .see-also-block { width: 300px; margin-left: 50px; } }

@media (max-width: 1024px) { .inner-news-section .see-also-block { width: 200px; margin-left: 20px; } }

@media (max-width: 767px) { .inner-news-section .see-also-block { position: relative; width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 30px; padding-top: 30px; margin-left: 0; } }

@media (max-width: 767px) { .inner-news-section .see-also-block:before { position: absolute; top: 0; left: -20px; right: -20px; content: ''; border-top: 5px solid #E8D1B0; } }

.inner-news-section .see-also-block .semi-title { display: block; font-size: 18px; line-height: 72px; letter-spacing: 0.05em; margin-bottom: 90px; }

@media (max-width: 1024px) { .inner-news-section .see-also-block .semi-title { font-size: 24px; margin-bottom: 30px; } }

@media (max-width: 767px) { .inner-news-section .see-also-block .semi-title { font-size: 14px; line-height: 20px; margin-bottom: 30px; } }

.inner-news-section .see-also-block .news-block { position: relative; display: block; padding-top: 56px; margin-top: 56px; }

@media (max-width: 1024px) { .inner-news-section .see-also-block .news-block { margin-top: 25px; padding-top: 25px; } }

@media (max-width: 767px) { .inner-news-section .see-also-block .news-block { margin: 0 -20px; } }

.inner-news-section .see-also-block .news-block:before { position: absolute; top: 0; left: 0; right: -200px; content: ''; border-top: 5px solid #E8D1B0; }

@media (max-width: 767px) { .inner-news-section .see-also-block .news-block:before { display: none; } }

.inner-news-section .see-also-block .news-block:nth-child(2) { padding-top: 0; margin-top: 0; }

.inner-news-section .see-also-block .news-block:nth-child(2):before { display: none; }

.inner-news-section .see-also-block .news-block:hover .title { color: #E8D1B0; }

.inner-news-section .see-also-block .news-block .title { position: relative; display: block; font-family: "PT Serif", sans-serif; font-weight: 400; font-size: 35px; line-height: 1em; color: #23494a; -webkit-transition: all .3s; transition: all .3s; margin-bottom: 50px; }

@media (max-width: 1024px) { .inner-news-section .see-also-block .news-block .title { font-size: 30px; margin-bottom: 30px; } }

@media (max-width: 767px) { .inner-news-section .see-also-block .news-block .title { font-size: 24px; line-height: 32px; text-align: center; margin-bottom: 0; padding: 0 20px 30px; } }

.inner-news-section .see-also-block .news-block img { width: 100%; height: 310px; -o-object-fit: cover; object-fit: cover; }

@media (max-width: 1280px) { .inner-news-section .see-also-block .news-block img { height: 255px; } }

@media (max-width: 1280px) { .inner-news-section .see-also-block .news-block img { height: 200px; } }

.inner-news-section .news-content .main-title { position: relative; display: block; font-family: "PT Serif", sans-serif; font-weight: 700; font-size: 40px; line-height: 72px; color: #23494a; text-transform: uppercase; margin-bottom: 90px; }

@media (max-width: 1280px) { .inner-news-section .news-content .main-title { line-height: 1.2em; } }

@media (max-width: 1024px) { .inner-news-section .news-content .main-title { font-size: 30px; margin-bottom: 40px; } }

@media (max-width: 767px) { .inner-news-section .news-content .main-title { font-size: 24px; line-height: 36px; font-weight: 400; padding-bottom: 30px; margin-bottom: 0; text-align: center; } }

.inner-news-section .news-content .date { display: block; font-size: 18px; line-height: 72px; color: #274640; margin-bottom: 56px; }

@media (max-width: 1280px) { .inner-news-section .news-content .date { line-height: 1.3em; margin-bottom: 30px; } }

@media (max-width: 767px) { .inner-news-section .news-content .date { font-size: 14px; line-height: 20px; margin-bottom: 30px; } }

.inner-news-section .news-content p { display: block; margin: 0 0 110px; font-size: 18px; line-height: 50px; color: #18191F; }

@media (max-width: 1024px) { .inner-news-section .news-content p { line-height: 30px; } }

@media (max-width: 767px) { .inner-news-section .news-content p { font-size: 14px; line-height: 20px; margin-bottom: 30px; } }

.inner-news-section .news-content .img-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: -40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 767px) { .inner-news-section .news-content .img-block { display: block; margin: -15px 0; } }

.inner-news-section .news-content .img-block div { -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(50% - 90px); -ms-flex: 0 calc(50% - 90px); flex: 0 calc(50% - 90px); width: -webkit-calc(50% - 90px); width: calc(50% - 90px); margin: 40px; height: 310px; }

@media (max-width: 1024px) { .inner-news-section .news-content .img-block div { height: 250px; } }

@media (max-width: 767px) { .inner-news-section .news-content .img-block div { width: 100%; margin: 15px 0; height: 350px; } }

.inner-news-section .news-content .img-block img { display: block; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }

.contact-section { padding-top: 56px; margin-top: 110px; border-top: 5px solid #E8D1B0; overflow: hidden; }

@media (max-width: 1024px) { .contact-section { margin-top: 56px; padding-top: 30px; } }

@media (max-width: 1024px) { .contact-section { margin-top: 60px; padding-top: 0; border-top: 0; } }

.contact-section .main-title { position: relative; display: block; font-family: "PT Serif", sans-serif; font-weight: 700; font-size: 40px; line-height: 1em; color: #23494a; text-transform: uppercase; }

@media (max-width: 767px) { .contact-section .main-title { font-size: 48px; padding-bottom: 30px; text-align: center; text-transform: uppercase; } }

@media (max-width: 767px) { .contact-section .main-title:before { position: absolute; bottom: 0; left: -20px; right: -20px; content: ''; border-bottom: 5px solid #E8D1B0; } }

.contact-section .inner-row { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 110px 0; }

@media (max-width: 1024px) { .contact-section .inner-row { padding: 60px 0; } }

@media (max-width: 767px) { .contact-section .inner-row { padding: 90px 0 30px; display: block; } }

.contact-section .inner-row:before { position: absolute; top: 0; left: -200px; right: -200px; content: ''; border-top: 5px solid #E8D1B0; }

@media (max-width: 767px) { .contact-section .inner-row:before { left: -20px; right: -20px; } }

.contact-section .inner-row:nth-child(2):before { display: none; }

.contact-section .inner-row .img-block { -webkit-box-flex: 0; -webkit-flex: 0 1 670px; -ms-flex: 0 1 670px; flex: 0 1 670px; width: 670px; }

@media (max-width: 1440px) { .contact-section .inner-row .img-block { -webkit-box-flex: 0; -webkit-flex: 0 1 600px; -ms-flex: 0 1 600px; flex: 0 1 600px; width: 600px; } }

@media (max-width: 1024px) { .contact-section .inner-row .img-block { -webkit-box-flex: 0; -webkit-flex: 0 1 450px; -ms-flex: 0 1 450px; flex: 0 1 450px; width: 450px; } }

@media (max-width: 767px) { .contact-section .inner-row .img-block { width: -webkit-calc(100% + 40px); width: calc(100% + 40px); margin: 0 -20px; height: 257px; } }

.contact-section .inner-row .img-block #map-ternopil, .contact-section .inner-row .img-block #map-kyiv { height: 342px; width: 100%; border: 3px solid rgba(39, 70, 64, 0.5); }

@media (max-width: 767px) { .contact-section .inner-row .img-block #map-ternopil, .contact-section .inner-row .img-block #map-kyiv { height: 257px; border-width: 1px; } }

.contact-section .inner-row .text-block { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 670px - 60px); -ms-flex: 0 calc(100% - 670px - 60px); flex: 0 calc(100% - 670px - 60px); width: -webkit-calc(100% - 670px - 60px); width: calc(100% - 670px - 60px); margin-left: 60px; }

@media (max-width: 1440px) { .contact-section .inner-row .text-block { -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 600px - 50px); -ms-flex: 0 calc(100% - 600px - 50px); flex: 0 calc(100% - 600px - 50px); width: -webkit-calc(100% - 600px - 50px); width: calc(100% - 600px - 50px); margin-left: 50px; } }

@media (max-width: 1024px) { .contact-section .inner-row .text-block { -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 450px - 30px); -ms-flex: 0 calc(100% - 450px - 30px); flex: 0 calc(100% - 450px - 30px); width: -webkit-calc(100% - 450px - 30px); width: calc(100% - 450px - 30px); margin-left: 30px; } }

@media (max-width: 767px) { .contact-section .inner-row .text-block { position: static; width: 100%; margin: 25px 0 0; } }

.contact-section .inner-row .text-block .inner-title { position: relative; display: block; font-family: "PT Serif", sans-serif; font-weight: 400; font-size: 35px; line-height: 1em; color: #23494a; margin-bottom: 85px; }

@media (max-width: 767px) { .contact-section .inner-row .text-block .inner-title { font-size: 24px; line-height: 1.2em; text-align: center; position: absolute; top: 30px; left: 0; right: 0; padding: 0; } }

.contact-section .inner-row .text-block span, .contact-section .inner-row .text-block a { display: block; font-size: 18px; line-height: 40px; color: #274640; word-break: break-all; }

@media (max-width: 767px) { .contact-section .inner-row .text-block span, .contact-section .inner-row .text-block a { position: relative; font-size: 14px; line-height: 20px; } }

.contact-section .inner-row .text-block a:hover { color: #E8D1B0; }

.garantee-section { padding-top: 56px; margin-top: 110px; border-top: 5px solid #E8D1B0; overflow: hidden; }

@media (max-width: 1024px) { .garantee-section { margin-top: 56px; padding-top: 30px; } }

@media (max-width: 1024px) { .garantee-section { margin-top: 60px; padding-top: 0; border-top: 0; } }

.garantee-section .main-title { position: relative; display: block; font-family: "PT Serif", sans-serif; font-weight: 700; font-size: 40px; line-height: 1em; color: #23494a; text-transform: uppercase; margin-bottom: 60px; }

@media (max-width: 1024px) { .garantee-section .main-title { font-size: 30px; } }

@media (max-width: 767px) { .garantee-section .main-title { font-size: 48px; padding-bottom: 30px; text-align: center; text-transform: uppercase; margin-bottom: 30px; } }

@media (max-width: 767px) { .garantee-section .main-title:before { position: absolute; bottom: 0; left: -20px; right: -20px; content: ''; border-bottom: 5px solid #E8D1B0; } }

.garantee-section .semi-title { display: block; font-family: "PT Serif", sans-serif; font-weight: 400; font-size: 20px; line-height: 1.2em; color: #274640; text-align: center; margin-bottom: 60px; }

@media (max-width: 767px) { .garantee-section .semi-title { font-size: 24px; text-align: center; margin-bottom: 30px; } }

.garantee-section .garantee-content { position: relative; background: url(../img/garantee-bg.jpg) 50% 50% no-repeat; background-size: cover; padding: 140px 0; }

@media (max-width: 1280px) { .garantee-section .garantee-content { padding: 90px 0; } }

@media (max-width: 767px) { .garantee-section .garantee-content { padding: 60px 0; } }

.garantee-section .garantee-content .inner-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 80px; }

@media (max-width: 767px) { .garantee-section .garantee-content .inner-row { display: block; margin-top: 60px; } }

.garantee-section .garantee-content .inner-row:first-child { margin-top: 0; }

.garantee-section .garantee-content .inner-row .img-block { -webkit-box-flex: 1; -webkit-flex: 1 0 115px; -ms-flex: 1 0 115px; flex: 1 0 115px; width: 115px; }

@media (max-width: 1024px) { .garantee-section .garantee-content .inner-row .img-block { -webkit-box-flex: 1; -webkit-flex: 1 0 90px; -ms-flex: 1 0 90px; flex: 1 0 90px; width: 90px; } }

@media (max-width: 767px) { .garantee-section .garantee-content .inner-row .img-block { width: 100px; margin: 0 auto; } }

.garantee-section .garantee-content .inner-row .img-block object, .garantee-section .garantee-content .inner-row .img-block img { display: block; width: 100%; }

.garantee-section .garantee-content .inner-row .title { display: block; -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 115px - 150px); -ms-flex: 0 calc(100% - 115px - 150px); flex: 0 calc(100% - 115px - 150px); width: -webkit-calc(100% - 115px - 150px); width: calc(100% - 115px - 150px); margin-left: 150px; font-size: 30px; font-family: "PT Serif", sans-serif; font-weight: 700; color: #fff; line-height: 63px; }

@media (max-width: 1280px) { .garantee-section .garantee-content .inner-row .title { line-height: 1.3em; } }

@media (max-width: 1024px) { .garantee-section .garantee-content .inner-row .title { margin-left: 50px; -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 90px); -ms-flex: 0 calc(100% - 90px); flex: 0 calc(100% - 90px); width: -webkit-calc(100% - 90px); width: calc(100% - 90px); font-size: 26px; } }

@media (max-width: 767px) { .garantee-section .garantee-content .inner-row .title { display: block; width: 100%; font-size: 24px; line-height: 36px; margin: 30px 0 0; text-align: center; } }

.type-of-section { padding-top: 56px; margin-top: 110px; border-top: 5px solid #E8D1B0; overflow: hidden; padding-bottom: 110px; }

@media (max-width: 1024px) { .type-of-section { margin-top: 56px; padding-top: 30px; } }

@media (max-width: 1024px) { .type-of-section { margin-top: 60px; padding-top: 0; border-top: 0; } }

@media (max-width: 767px) { .type-of-section { padding-bottom: 60px; } }

.type-of-section .top-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.type-of-section .top-wrapper .main-title { position: relative; display: inline-block; font-family: "PT Serif", sans-serif; font-weight: 700; font-size: 40px; line-height: 1em; color: #23494a; text-transform: uppercase; }

@media (max-width: 1024px) { .type-of-section .top-wrapper .main-title { font-size: 30px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; display: block; width: 100%; text-align: center; } }

@media (max-width: 767px) { .type-of-section .top-wrapper .main-title { font-size: 36px; text-align: center; margin-bottom: 30px; font-weight: 400; text-transform: none; } }

.type-of-section .top-wrapper .upload-block { margin-left: auto; -webkit-box-flex: 0; -webkit-flex: 0 500px; -ms-flex: 0 500px; flex: 0 500px; width: 500px; }

@media (max-width: 1440px) { .type-of-section .top-wrapper .upload-block { width: 100%; margin-top: 30px; -webkit-box-flex: 0; -webkit-flex: 0 100%; -ms-flex: 0 100%; flex: 0 100%; } }

@media (max-width: 1024px) { .type-of-section .top-wrapper .upload-block { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } }

.type-of-section .top-wrapper .upload-block .title { position: relative; display: block; font-size: 18px; line-height: 32px; color: #274640; letter-spacing: 0.05em; padding-right: 70px; }

@media (max-width: 1024px) { .type-of-section .top-wrapper .upload-block .title { padding: 0; } }

@media (max-width: 767px) { .type-of-section .top-wrapper .upload-block .title { font-size: 14px; line-height: 20px; } }

.type-of-section .top-wrapper .upload-block .title .dwn-link { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: absolute; top: 50%; right: 0; content: ''; width: 70px; height: 70px; margin-top: -35px; -webkit-mask: url(../img/doc-icon.svg) no-repeat 50% 50%; mask: url(../img/doc-icon.svg) no-repeat 50% 50%; -webkit-mask-size: 100% auto; mask-size: 100% auto; background-color: #000; }

.type-of-section .top-wrapper .upload-block .title .dwn-link:hover { background-color: #E8D1B0; }

@media (max-width: 1024px) { .type-of-section .top-wrapper .upload-block .title .dwn-link { display: none; } }

.type-of-section .top-wrapper .upload-block .f_button { display: none; }

@media (max-width: 1024px) { .type-of-section .top-wrapper .upload-block .f_button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 350px; margin: 30px auto 0; font-size: 20px; color: #e8d1b0; } }

@media (max-width: 767px) { .type-of-section .top-wrapper .upload-block .f_button { width: 225px; height: 60px; font-size: 16px; line-height: 24px; padding: 0; } }

.type-of-section .top-wrapper .upload-block .f_button:hover { color: #fff; }

.type-of-section .top-wrapper .upload-block .f_button:hover:after { background-color: #fff; }

.type-of-section .top-wrapper .upload-block .f_button:after { content: ''; width: 50px; height: 50px; margin-left: 30px; -webkit-mask: url(../img/doc-icon.svg) no-repeat 50% 50%; mask: url(../img/doc-icon.svg) no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; background-color: #E8D1B0; -webkit-transition: all .3s; transition: all .3s; }

@media (max-width: 767px) { .type-of-section .top-wrapper .upload-block .f_button:after { width: 18px; height: 22px; margin-left: 8px; } }

.type-of-section .top-wrapper .semi-title { display: block; width: 100%; font-size: 18px; line-height: 45px; color: #274640; font-weight: 400; margin-top: 38px; }

@media (max-width: 1280px) { .type-of-section .top-wrapper .semi-title { line-height: 1.3em; } }

@media (max-width: 1024px) { .type-of-section .top-wrapper .semi-title { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: 30px; } }

@media (max-width: 767px) { .type-of-section .top-wrapper .semi-title { font-size: 18px; line-height: 26px; margin: 0; } }

.laboratory-section { position: relative; padding: 70px 55px; }

@media (max-width: 1024px) { .laboratory-section { padding: 60px 20px; } }

.laboratory-section .inner-row { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media (max-width: 767px) { .laboratory-section .inner-row { padding: 120px 0 0; display: block; } }

.laboratory-section .inner-row .img-block { -webkit-box-flex: 0; -webkit-flex: 0 1 750px; -ms-flex: 0 1 750px; flex: 0 1 750px; width: 750px; }

@media (max-width: 1440px) { .laboratory-section .inner-row .img-block { -webkit-box-flex: 0; -webkit-flex: 0 1 600px; -ms-flex: 0 1 600px; flex: 0 1 600px; width: 600px; } }

@media (max-width: 1280px) { .laboratory-section .inner-row .img-block { -webkit-box-flex: 0; -webkit-flex: 0 1 450px; -ms-flex: 0 1 450px; flex: 0 1 450px; width: 450px; } }

@media (max-width: 1024px) { .laboratory-section .inner-row .img-block { -webkit-box-flex: 0; -webkit-flex: 0 1 300px; -ms-flex: 0 1 300px; flex: 0 1 300px; width: 300px; } }

@media (max-width: 767px) { .laboratory-section .inner-row .img-block { width: -webkit-calc(100% + 40px); width: calc(100% + 40px); margin: 0 -20px; height: 257px; } }

.laboratory-section .inner-row .img-block img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.laboratory-section .inner-row .text-block { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 750px - 70px); -ms-flex: 0 calc(100% - 750px - 70px); flex: 0 calc(100% - 750px - 70px); width: -webkit-calc(100% - 750px - 70px); width: calc(100% - 750px - 70px); padding-left: 70px; }

@media (max-width: 1680px) { .laboratory-section .inner-row .text-block { -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 600px - 50px); -ms-flex: 0 calc(100% - 600px - 50px); flex: 0 calc(100% - 600px - 50px); width: -webkit-calc(100% - 600px - 50px); width: calc(100% - 600px - 50px); padding-left: 50px; } }

@media (max-width: 1440px) { .laboratory-section .inner-row .text-block { padding-top: 50px; } }

@media (max-width: 1280px) { .laboratory-section .inner-row .text-block { -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 450px); -ms-flex: 0 calc(100% - 450px); flex: 0 calc(100% - 450px); width: -webkit-calc(100% - 450px); width: calc(100% - 450px); padding-left: 30px; } }

@media (max-width: 1024px) { .laboratory-section .inner-row .text-block { -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(100% - 300px); -ms-flex: 0 calc(100% - 300px); flex: 0 calc(100% - 300px); width: -webkit-calc(100% - 300px); width: calc(100% - 300px); padding-left: 30px; } }

@media (max-width: 767px) { .laboratory-section .inner-row .text-block { position: static; width: 100%; padding: 25px 0 0; } }

.laboratory-section .inner-row .text-block:before { position: absolute; top: 0; right: -500px; left: 0; content: ""; background: #E8D1B0; height: 5px; }

.laboratory-section .inner-row .text-block .inner-title { position: relative; display: block; font-family: "PT Serif", sans-serif; font-weight: 400; font-size: 40px; line-height: 72px; color: #23494a; margin-bottom: 60px; }

@media (max-width: 1280px) { .laboratory-section .inner-row .text-block .inner-title { line-height: 1.2em; margin-bottom: 30px; } }

@media (max-width: 1024px) { .laboratory-section .inner-row .text-block .inner-title { font-size: 40px; } }

@media (max-width: 767px) { .laboratory-section .inner-row .text-block .inner-title { font-size: 24px; line-height: 1.5em; text-align: center; position: absolute; top: 30px; left: 0; right: 0; padding: 0; } }

.laboratory-section .inner-row .text-block .inner-title b { font-weight: bold; font-style: italic; font-size: 45px; text-transform: uppercase; }

@media (max-width: 1024px) { .laboratory-section .inner-row .text-block .inner-title b { font-size: 30px; } }

@media (max-width: 767px) { .laboratory-section .inner-row .text-block .inner-title b { text-transform: uppercase; display: block; font-style: normal; font-size: 48px; font-weight: 400; } }

.laboratory-section .inner-row .text-block .f_button { width: 335px; margin-bottom: 50px; height: 70px; }

@media (max-width: 1280px) { .laboratory-section .inner-row .text-block .f_button { padding: 0; } }

@media (max-width: 1024px) { .laboratory-section .inner-row .text-block .f_button { height: 80px; font-size: 24px; margin-bottom: 30px; } }

@media (max-width: 767px) { .laboratory-section .inner-row .text-block .f_button { width: 225px; height: 60px; font-size: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto 30px; } }

.laboratory-section .inner-row .text-block span, .laboratory-section .inner-row .text-block a:not(.f_button) { display: block; font-size: 18px; line-height: 45px; color: #274640; word-break: break-all; }

@media (max-width: 1280px) { .laboratory-section .inner-row .text-block span, .laboratory-section .inner-row .text-block a:not(.f_button) { line-height: 1.4em; } }

@media (max-width: 767px) { .laboratory-section .inner-row .text-block span, .laboratory-section .inner-row .text-block a:not(.f_button) { position: relative; font-size: 14px; line-height: 20px; } }

.laboratory-section .inner-row .text-block a:not(.f_button):hover { color: #E8D1B0; }

.laboratory-section .inner-row .text-block a { color: #E8D1B0; }

.laboratory-section .inner-row .text-block a:hover { color: #fff; }

.sertification-section { position: relative; }

.sertification-section.v2 .main-title { color: #333333; }

.sertification-section.v2 .inner-content { background: url(../img/sertification-ter-bg.jpg) 50% 50% no-repeat; background-size: cover; }

.sertification-section.v2 .inner-content .step-block.step-1 b:before { background: url(../img/line-1-1.svg) 100% 0 no-repeat; }

@media (max-width: 1280px) { .sertification-section.v2 .inner-content .step-block.step-1 b:before { width: 360px; } }

@media (max-width: 1024px) { .sertification-section.v2 .inner-content .step-block.step-1 b:before { -webkit-mask: url(../img/line.svg) no-repeat 100% 0; mask: url(../img/line.svg) no-repeat 100% 0; -webkit-mask-size: cover; mask-size: cover; background-color: #333; width: 300px; height: 15px; right: 60%; left: auto; top: 50%; margin-top: -7.5px; } }

@media (max-width: 767px) { .sertification-section.v2 .inner-content .step-block.step-1 b:before { background-size: auto 100%; height: 10px; } }

.sertification-section.v2 .inner-content .step-block.step-2 { bottom: 20px; width: 390px; }

@media (max-width: 1440px) { .sertification-section.v2 .inner-content .step-block.step-2 { width: 315px; } }

.sertification-section.v2 .inner-content .step-block.step-2 b:before { background: url(../img/line-2-2.svg) 100% 0 no-repeat; }

@media (max-width: 1024px) { .sertification-section.v2 .inner-content .step-block.step-2 b:before { -webkit-mask: url(../img/line.svg) no-repeat 100% 0; mask: url(../img/line.svg) no-repeat 100% 0; -webkit-mask-size: cover; mask-size: cover; background-color: #333; width: 300px; height: 15px; right: 60%; left: auto; top: 50%; margin-top: -7.5px; } }

@media (max-width: 767px) { .sertification-section.v2 .inner-content .step-block.step-2 b:before { background-size: auto 100%; height: 10px; } }

.sertification-section.v2 .inner-content .step-block.step-3 { width: 390px; bottom: 100px; }

@media (max-width: 1680px) { .sertification-section.v2 .inner-content .step-block.step-3 { bottom: 50px; } }

@media (max-width: 1440px) { .sertification-section.v2 .inner-content .step-block.step-3 { width: 315px; bottom: 30px; } }

.sertification-section.v2 .inner-content .step-block.step-3 b:before { background: url(../img/line-3-3.svg) 0 100% no-repeat; }

@media (max-width: 1440px) { .sertification-section.v2 .inner-content .step-block.step-3 b:before { height: 300px; width: 390px; } }

@media (max-width: 1280px) { .sertification-section.v2 .inner-content .step-block.step-3 b:before { height: 90px; width: 190px; } }

@media (max-width: 1024px) { .sertification-section.v2 .inner-content .step-block.step-3 b:before { -webkit-mask: url(../img/line.svg) no-repeat 100% 0; mask: url(../img/line.svg) no-repeat 100% 0; -webkit-mask-size: cover; mask-size: cover; background-color: #333; width: 300px; height: 15px; right: 60%; left: auto; top: 50%; margin-top: -7.5px; } }

@media (max-width: 767px) { .sertification-section.v2 .inner-content .step-block.step-3 b:before { background-size: auto 100%; height: 10px; } }

@media (max-width: 1280px) { .sertification-section.v2 .inner-content .step-block.step-3 p { line-height: 34px; } }

.sertification-section.v2 .inner-content .step-block b { color: #333; }

.sertification-section.v2 .inner-content .step-block p { color: #333; }

@media (max-width: 1440px) { .sertification-section.v2 .inner-content .f_button { width: 420px; } }

@media (max-width: 1280px) { .sertification-section.v2 .inner-content .f_button { width: 350px; font-size: 30px; } }

@media (max-width: 1024px) { .sertification-section.v2 .inner-content .f_button { margin: 0; width: 285px; height: 80px; font-size: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 50px auto 0; } }

@media (max-width: 767px) { .sertification-section.v2 .inner-content .f_button { width: 225px; height: 60px; font-size: 16px; line-height: 24px; } }

.sertification-section .main-title { position: absolute; top: 40px; left: 0; right: 0; display: block; font-family: "PT Serif", sans-serif; font-weight: 400; font-size: 40px; line-height: 1em; color: #fff; text-align: center; z-index: 1; }

@media (max-width: 1024px) { .sertification-section .main-title { font-size: 30px; top: 30px; } }

@media (max-width: 767px) { .sertification-section .main-title { position: static; font-size: 24px; margin-bottom: 60px; color: #274640; text-align: center; } }

.sertification-section .inner-content { position: relative; background: url(../img/sertification-kyiv-bg.jpg) 50% 50% no-repeat; height: 725px; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 1024px) { .sertification-section .inner-content { display: block; padding: 150px 0 100px 30px; height: auto; } }

@media (max-width: 767px) { .sertification-section .inner-content { padding: 60px 13px; } }

.sertification-section .inner-content .step-block { position: absolute; width: 315px; text-align: center; }

@media (max-width: 1024px) { .sertification-section .inner-content .step-block { position: static; width: 100% !important; margin-top: 30px; display: block; } }

.sertification-section .inner-content .step-block.step-1 { top: 145px; left: 320px; }

@media (max-width: 1440px) { .sertification-section .inner-content .step-block.step-1 { left: 190px; } }

@media (max-width: 1280px) { .sertification-section .inner-content .step-block.step-1 { left: 150px; } }

@media (max-width: 1024px) { .sertification-section .inner-content .step-block.step-1 { margin-top: 0; } }

.sertification-section .inner-content .step-block.step-1 b:before { position: absolute; top: 30px; left: -webkit-calc(100% + 40px); left: calc(100% + 40px); content: ""; background: url(../img/line-1.svg) 100% 0 no-repeat; width: 568px; height: 152px; }

@media (max-width: 1680px) { .sertification-section .inner-content .step-block.step-1 b:before { width: 410px; } }

@media (max-width: 1024px) { .sertification-section .inner-content .step-block.step-1 b:before { -webkit-mask: url(../img/line.svg) no-repeat 100% 0; mask: url(../img/line.svg) no-repeat 100% 0; -webkit-mask-size: cover; mask-size: cover; background-color: #fff; width: 300px; height: 15px; right: 60%; left: auto; top: 50%; margin-top: -7.5px; } }

@media (max-width: 767px) { .sertification-section .inner-content .step-block.step-1 b:before { background-size: auto 100%; height: 10px; } }

.sertification-section .inner-content .step-block.step-2 { bottom: 65px; left: 509px; }

@media (max-width: 1680px) { .sertification-section .inner-content .step-block.step-2 { left: 390px; } }

@media (max-width: 1440px) { .sertification-section .inner-content .step-block.step-2 { left: 230px; } }

@media (max-width: 1280px) { .sertification-section .inner-content .step-block.step-2 { left: 200px; } }

.sertification-section .inner-content .step-block.step-2 b:before { position: absolute; bottom: 20px; left: -webkit-calc(100% + 30px); left: calc(100% + 30px); content: ""; background: url(../img/line-2.svg) 0 0 no-repeat; width: 152px; height: 255px; }

@media (max-width: 1024px) { .sertification-section .inner-content .step-block.step-2 b:before { -webkit-mask: url(../img/line.svg) no-repeat 100% 0; mask: url(../img/line.svg) no-repeat 100% 0; -webkit-mask-size: cover; mask-size: cover; background-color: #fff; width: 300px; height: 15px; right: 60%; left: auto; top: 50%; margin-top: -7.5px; } }

@media (max-width: 767px) { .sertification-section .inner-content .step-block.step-2 b:before { background-size: auto 100%; height: 10px; } }

.sertification-section .inner-content .step-block.step-3 { bottom: 186px; right: 337px; width: 300px; }

@media (max-width: 1680px) { .sertification-section .inner-content .step-block.step-3 { right: 150px; width: 410px; } }

@media (max-width: 1440px) { .sertification-section .inner-content .step-block.step-3 { bottom: 110px; right: 110px; } }

@media (max-width: 1280px) { .sertification-section .inner-content .step-block.step-3 { right: 30px; bottom: 100px; } }

@media (max-width: 1024px) { .sertification-section .inner-content .step-block.step-3 { width: 100%; } }

.sertification-section .inner-content .step-block.step-3 b:before { position: absolute; top: -25px; right: -webkit-calc(100% + 6px); right: calc(100% + 6px); content: ""; background: url(../img/line-3.svg) 0 100% no-repeat; width: 452px; height: 260px; }

@media (max-width: 1440px) { .sertification-section .inner-content .step-block.step-3 b:before { width: 400px; height: 100px; } }

@media (max-width: 1024px) { .sertification-section .inner-content .step-block.step-3 b:before { -webkit-mask: url(../img/line.svg) no-repeat 100% 0; mask: url(../img/line.svg) no-repeat 100% 0; -webkit-mask-size: cover; mask-size: cover; background-color: #fff; width: 300px; height: 15px; right: 60%; left: auto; top: 50%; margin-top: -7.5px; } }

@media (max-width: 767px) { .sertification-section .inner-content .step-block.step-3 b:before { background-size: auto 100%; height: 10px; } }

.sertification-section .inner-content .step-block b { position: relative; display: inline-block; font-size: 64px; line-height: 62px; letter-spacing: 0.05em; text-align: center; color: #fff; font-weight: 400; }

@media (max-width: 1024px) { .sertification-section .inner-content .step-block b { display: block; width: 70%; font-size: 30px; line-height: 1.3em; } }

@media (max-width: 767px) { .sertification-section .inner-content .step-block b { font-size: 24px; line-height: 1em; width: 60%; } }

@media (max-width: 1024px) { .sertification-section .inner-content .step-block b:before { -webkit-mask: url(../img/line.svg) no-repeat 100% 0; mask: url(../img/line.svg) no-repeat 100% 0; -webkit-mask-size: cover; mask-size: cover; background-color: #fff; width: 300px; height: 15px; } }

.sertification-section .inner-content .step-block p { display: block; font-size: 18px; line-height: 45px; margin: 0; color: #fff; text-align: left; }

@media (max-width: 1024px) { .sertification-section .inner-content .step-block p { line-height: 1.3em; } }

@media (max-width: 767px) { .sertification-section .inner-content .step-block p { font-size: 14px; line-height: 20px; margin-top: 30px; } }

.sertification-section .inner-content .f_button { height: 71px; width: 335px; background: #fff; color: #274640; font-weight: 700; letter-spacing: 0.05em; margin-top: 90px; border: 1px solid #274640; }

@media (max-width: 1024px) { .sertification-section .inner-content .f_button { margin: 0; width: 285px; height: 80px; font-size: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 50px auto 0; } }

@media (max-width: 767px) { .sertification-section .inner-content .f_button { width: 225px; height: 60px; font-size: 16px; line-height: 24px; } }

.sertification-section .inner-content .f_button:hover { color: #E0C5A5; }

.information-section { padding: 110px 0; }

@media (max-width: 1024px) { .information-section { padding: 60px 0; } }

.information-section .main-title { display: block; font-family: "PT Serif", sans-serif; font-weight: 400; font-size: 40px; line-height: 1.2em; color: #274640; text-align: center; margin-bottom: 60px; }

@media (max-width: 1024px) { .information-section .main-title { font-size: 30px; margin-bottom: 40px; } }

@media (max-width: 767px) { .information-section .main-title { font-size: 24px; margin-bottom: 30px; text-align: center; } }

.information-section p { display: block; font-size: 18px; line-height: 45px; color: #18191F; margin: 0 0 110px; font-weight: 400; }

@media (max-width: 1280px) { .information-section p { line-height: 1.3em; } }

@media (max-width: 767px) { .information-section p { font-size: 14px; line-height: 20px; margin-bottom: 30px; } }

.information-section .img-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: -20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 767px) { .information-section .img-block { display: block; margin: -15px 0; } }

.information-section .img-block div { -webkit-box-flex: 0; -webkit-flex: 0 -webkit-calc(33.333% - 40px); -ms-flex: 0 calc(33.333% - 40px); flex: 0 calc(33.333% - 40px); width: -webkit-calc(33.333% - 40px); width: calc(33.333% - 40px); margin: 20px; height: 410px; }

@media (max-width: 1440px) { .information-section .img-block div { height: 350px; } }

@media (max-width: 1024px) { .information-section .img-block div { height: 250px; } }

@media (max-width: 767px) { .information-section .img-block div { width: 100%; margin: 15px 0; height: 350px; } }

.information-section .img-block img { display: block; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }

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