/*!
Theme Name: euromsz
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: euromsz
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

euromsz is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Semi Bold"), local("Montserrat-Semi-Bold"), url("../fonts/Montserrat-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../fonts/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body {
  margin: 0 auto;
  max-width: 1920px;
}

.main_page * {
  box-sizing: border-box;
  --color-text: #000;
  --color-blue: #0166B1;
}
.main_page *::before, .main_page *::after {
  box-sizing: content-box;
}
.main_page .img_responsive {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
}
.main_page .container {
  max-width: 900px;
  margin: auto;
  padding-top: 105px;
}
.main_page .container .box_img img {
  display: block;
  width: 100%;
  height: auto;
}
.main_page .main_header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 0 20px;
  background: #fff;
  transition: all .25s linear;
  box-shadow: rgba(12, 69, 159, 0.09) 0px 4px 16px;
}
.main_page .main_header .box_content {
  max-width: 900px;
  margin: auto;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 23px 0;
}
.main_page .main_header .box_content .box_menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #e2e2e2;
  padding: 4px 15px 4px 10px;
  transition: all .2s linear;
  cursor: pointer;
}
.main_page .main_header .box_content .box_menu svg {
  width: 24px;
  height: 24px;
}
.main_page .main_header .box_content .box_menu span {
  font-weight: 700;
  font-size: 14px;
  margin-left: 7px;
}
.main_page .main_header .box_content .box_logo .logo {
  display: block;
}
.main_page .main_header .box_content .box_logo .logo img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 220px;
  transition: all .25s linear;
}
.main_page .main_header .box_content .box_right {
  padding-left: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.main_page .main_header .box_content .box_right .box_lang {
  padding: 3px 15px;
  transition: all .2s linear;
  border-radius: 2px;
  border: 1px solid #e2e2e2;
  cursor: pointer;
}
.main_page .main_header .box_content .box_right .box_lang span {
  font-weight: 700;
  font-size: 14px;
}
.main_page .main_header .box_content .box_right .box_enter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #e2e2e2;
  padding: 4px 15px 4px 10px;
  transition: all .2s linear;
  cursor: pointer;
  margin-left: 10px;
}
.main_page .main_header .box_content .box_right .box_enter svg {
  width: 24px;
  height: 24px;
}
.main_page .main_header .box_content .box_right .box_enter span {
  font-weight: 700;
  font-size: 14px;
  margin-left: 7px;
}
.main_page .main_header.header-scroll {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px 20px 10px;
}
.main_page .main_header.header-scroll .box_content .box_tel a {
  font-size: 20px;
}
.main_page .container .story {
  display: -webkit-grid;
  display: -moz-grid;
  display: -o-box;
  display: -ms-grid;
  display: grid;
  -webkit-grid-template-columns: 120px auto;
  -moz-grid-template-columns: 120px auto;
  -o-grid-template-columns: 120px auto;
  -ms-grid-template-columns: 120px auto;
  grid-template-columns: 120px auto;
  -webkit-grid-column-gap: 20px;
  -moz-grid-column-gap: 20px;
  -o-grid-column-gap: 20px;
  -ms-grid-column-gap: 20px;
  grid-column-gap: 20px;
}
@media (hover: hover) and (pointer: fine) {
  .main_page .main_header .box_content .box_menu:hover {
    background: #e2e2e2;
  }
  .main_page .main_header .box_content .box_right .box_lang:hover {
    background: #e2e2e2;
  }
  .main_page .main_header .box_content .box_right .box_enter:hover {
    background: #e2e2e2;
  }
}
@media (max-width: 768px) {
  .main_page h1 {
    font-size: 22px;
  }
  .main_page h2 {
    font-size: 22px;
  }
  .main_page .main_header .box_content {
    padding: 15px 0;
  }
  .main_page .main_header .box_content .box_menu {
    border: none;
    padding: 4px;
  }
  .main_page .main_header .box_content .box_menu span {
    display: none;
  }
  .main_page .main_header .box_content .box_logo .logo img {
    max-width: 120px;
  }
  .main_page .main_header .box_content .box_right .box_lang {
    border: none;
    padding: 4px 7px;
  }
  .main_page .main_header .box_content .box_right .box_enter {
    border: none;
    padding: 4px;
  }
  .main_page .main_header .box_content .box_right .box_enter span {
    display: none;
  }
  .main_page .main_header.header_scroll .box_content {
    padding: 15px 0;
  }
  .main_page .container .cta-button {
    padding: 18px 20px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .main_page h1 {
    font-size: 20px;
  }
  .main_page h2 {
    font-size: 20px;
  }
  .main_page .main_header {
    padding: 0 10px;
  }
  .main_page .main_header .box_content .box_logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .main_page .main_header .box_content .box_right .box_enter {
    margin-left: 0px;
  }
  .main_page .container {
    padding: 90px 20px 30px;
  }
  .main_page .container .cta-button {
    padding: 18px 15px;
    font-size: 12px;
    width: 100%;
  }
  .main_page .container .legal {
    padding: 20px;
  }
  .main_page .container .story {
    display: block;
  }
  .main_page .container .story .box_img {
    max-width: 120px;
    margin: 0 auto 20px;
  }
}