@font-face {
  font-family: "MaratSans-Regular";
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url('/template/fonts/MaratSansRegular/font.woff2') format('woff2'), 
    url('/template/fonts/MaratSansRegular/font.woff') format('woff');
}
@font-face {
  font-family: "MaratSans-Demibold";
  font-style: normal;
  font-weight: 600;
  src: local(''),
    url('/template/fonts/MaratSansDemibold/font.woff2') format('woff2'), 
    url('/template/fonts/MaratSansDemibold/font.woff') format('woff');
}

@font-face {
    font-family: "Marat-Regular";
    font-style: normal;
    font-weight: 400;
    src: local(''),
      url('/template/fonts/Marat-Regular.otf') format("opentype");
}
@font-face {
    font-family: "Marat-RegularItalic";
    font-style: italic;
    font-weight: 400;
    src: local(''),
      url('/template/fonts/Marat-RegularItalic.otf') format("opentype");
}




#top {
    margin-top: 15px;
    margin-bottom: 15px;
}

#top-logo {
	max-width: 160px;
  width: 100%;
}

#top a.btn.btn-default {
  width: 100%;
  height: 100%;
  display: block;
}

#top button.btn {
  border-radius: 0 !important;
  border: 0;
  cursor: pointer;
  margin: 0;
  font-family: 'MaratSans-Demibold', sans-serif;
  font-size: 23px;
  font-weight: 600;;
  letter-spacing: 2.3px;
  line-height: 23px;
  min-width: 64px;
  box-shadow: none !important;
  box-sizing: border-box;
  color: #9f9587;
  width: auto;
  height: 56px;
  display: flex;
  padding: 8px 2px;
  position: relative;
  border-top: 2px solid rgb(159, 149, 135);
  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  align-items: center;
  margin-left: 29px;
  margin-right: 29px;
  border-bottom: 2px solid rgb(159, 149, 135);
  border-radius: 0px;
  justify-content: center;
  text-transform: uppercase;
  vertical-align: middle;
  text-decoration: none;
  background-color: transparent;
}

#top button.btn::before {
  left: -29px;
  width: 34px;
  height: 56px;
  content: "";
  z-index: -1;
  position: absolute;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='34' height='56' viewBox='0 0 34 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.75 1H22.6259C19.9797 1 17.5046 2.30858 16.0146 4.49546L3.06913 23.4955C1.21751 26.2131 1.21751 29.7869 3.06913 32.5045L16.0146 51.5045C17.5046 53.6914 19.9797 55 22.6259 55H33.75' stroke='%239F9587' stroke-width='2'/%3E%3C/svg%3E") no-repeat;
  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
#top button.btn::after {
  right: -29px;
  width: 34px;
  height: 56px;
  content: "";
  z-index: -1;
  position: absolute;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='34' height='56' viewBox='0 0 34 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 1H11.8741C14.5203 1 16.9954 2.30858 18.4854 4.49546L31.4309 23.4955C33.2825 26.2131 33.2825 29.7869 31.4309 32.5045L18.4854 51.5045C16.9954 53.6914 14.5203 55 11.8741 55H0.75' stroke='%239F9587' stroke-width='2'/%3E%3C/svg%3E") no-repeat;
  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
#top button.btn:hover,
#top a:focus button.btn,
#top button.btn:active{
  color: #6eb6b2;
  border-bottom: 2px solid #6eb6b2;
  border-top: 2px solid #6eb6b2;
}
#top button.btn:hover::before,
#top a:focus button.btn::before,
#top button.btn:active::before  {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='34' height='56' viewBox='0 0 34 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.75 1H22.6259C19.9797 1 17.5046 2.30858 16.0146 4.49546L3.06913 23.4955C1.21751 26.2131 1.21751 29.7869 3.06913 32.5045L16.0146 51.5045C17.5046 53.6914 19.9797 55 22.6259 55H33.75' stroke='%236EB6B2' stroke-width='2'/%3E%3C/svg%3E") no-repeat;
}
#top button.btn:hover::after,
#top a:focus button.btn::after,
#top button.btn:active::after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='34' height='56' viewBox='0 0 34 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 1H11.8741C14.5203 1 16.9954 2.30858 18.4854 4.49546L31.4309 23.4955C33.2825 26.2131 33.2825 29.7869 31.4309 32.5045L18.4854 51.5045C16.9954 53.6914 14.5203 55 11.8741 55H0.75' stroke='%236EB6B2' stroke-width='2'/%3E%3C/svg%3E") no-repeat;
}
#top .btn-label {
  margin-top: 1px;
  width: 100%;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
}

#top .homebtn:hover,
#top .homebtn:focus,
#top .langbtn:hover,
#top .langbtn:focus {
  text-decoration: none;
}

#top .wrapswitch {
  float: right;
}

@media screen and (max-width:767px) {
  #top button.btn {
    font-size: 16px;
    height: 36px;
    min-width: unset;
    margin: 0 auto;
  }
  #top button.btn::before {
    left: -19px;
    width: 22px;
    height: 36px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='36' viewBox='0 0 22 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.25 1H14.7551C12.7704 1 10.9141 1.98143 9.79661 3.6216L2.30185 14.6216C0.913135 16.6598 0.913138 19.3402 2.30185 21.3784L9.79661 32.3784C10.9141 34.0186 12.7704 35 14.7551 35H21.25' stroke='%239F9587' stroke-width='2'/%3E%3C/svg%3E") no-repeat;
  }
  #top button.btn::after {
    right: -19px;
    width: 22px;
    height: 36px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='36' viewBox='0 0 22 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.25 1H6.74493C8.72961 1 10.5859 1.98143 11.7034 3.6216L19.1981 14.6216C20.5869 16.6598 20.5869 19.3402 19.1981 21.3784L11.7034 32.3784C10.5859 34.0186 8.72961 35 6.74492 35H0.25' stroke='%239F9587' stroke-width='2'/%3E%3C/svg%3E") no-repeat;
  }
  #top button.btn:hover::before,
  #top a:focus button.btn::before,
  #top button.btn:active::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='36' viewBox='0 0 22 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.25 1H14.7551C12.7704 1 10.9141 1.98143 9.79661 3.6216L2.30185 14.6216C0.913135 16.6598 0.913138 19.3402 2.30185 21.3784L9.79661 32.3784C10.9141 34.0186 12.7704 35 14.7551 35H21.25' stroke='%236EB6B2' stroke-width='2'/%3E%3C/svg%3E") no-repeat;
  }
  #top button.btn:hover::after,
  #top a:focus button.btn::after,
  #top button.btn:active::after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='36' viewBox='0 0 22 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.25 1H6.74493C8.72961 1 10.5859 1.98143 11.7034 3.6216L19.1981 14.6216C20.5869 16.6598 20.5869 19.3402 19.1981 21.3784L11.7034 32.3784C10.5859 34.0186 8.72961 35 6.74492 35H0.25' stroke='%236EB6B2' stroke-width='2'/%3E%3C/svg%3E") no-repeat;
  }
}

@media screen and (min-width: 768px) {
  #top {
    margin-top: 30px;
    margin-bottom: 60px;
  }
}