@font-face {
  font-family: 'Muller';
  src: url("/fonts/MullerMedium.woff2") format("woff2"), url("../fonts/MullerMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Muller';
  src: url("/fonts/MullerBold.woff2") format("woff2"), url("../fonts/MullerBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Muller';
  src: url("/fonts/MullerRegular.woff2") format("woff2"), url("../fonts/MullerRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-Semibold.woff2") format("woff2"), url("../fonts/OpenSans-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-ExtraboldItalic.woff2") format("woff2"), url("../fonts/OpenSans-ExtraboldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSansLight-Italic.woff2") format("woff2"), url("../fonts/OpenSansLight-Italic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-Extrabold.woff2") format("woff2"), url("../fonts/OpenSans-Extrabold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-Italic.woff2") format("woff2"), url("../fonts/OpenSans-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans.woff2") format("woff2"), url("../fonts/OpenSans.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-SemiboldItalic.woff2") format("woff2"), url("../fonts/OpenSans-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

button,
input[type="submit"] {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

button:focus {
  box-shadow: none !important;
}

*:focus {
  outline: none;
}

body {
  font: 400 14px 'Open Sans', sans-serif;
  color: #303D56;
  min-width: 375px;
}
h1 {
    margin-bottom: 20px;
}
h2 {
    margin-bottom: 15px;
}
h3 {
    margin-bottom: 10px;
}
p {
    margin-bottom: 10px;
}
a {
  display: inline-block;
  font: inherit;
  color: inherit;
  transition: 300ms;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
  max-height: 100%;
}

a img {
  border: none;
  outline: none;
}
iframe {
    max-width: 100% !important;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Base classes */
.text-center {
  text-align: center;
}

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

.text-left {
  text-align: left;
}
.red{
	color:red
}
.error {
    color: red;
}
.checkbox,
.radio {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.checkbox__inner,
.radio__inner {
  flex-shrink: 0;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  background: #ffffff;
}

.checkbox__inner span,
.radio__inner span {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #BBCCE6;
  transition: 300ms;
  display: block;
  position: relative;
  flex-shrink: 0;
}

.checkbox__inner span:after,
.radio__inner span:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(/images/template_2020/tick.svg) no-repeat 50%;
  opacity: 0;
  transition: 300ms;
}

.checkbox__inner input,
.radio__inner input {
  opacity: 0;
  position: absolute;
  cursor: pointer;
}

.checkbox__inner input:checked + span,
.radio__inner input:checked + span {
  box-shadow: 0px 4px 20px rgba(180, 190, 208, 0.8);
  border-color: #2156AF;
}

.checkbox__inner input:checked + span:after,
.radio__inner input:checked + span:after {
  opacity: 1;
}

.radio__inner {
  width: 16px;
  height: 16px;
  background: none;
}

.radio__inner span {
  border-radius: 50%;
  background: #ffffff;
}

.radio__inner span:after {
  display: none;
}

.radio__inner input:checked + span {
  border-width: 5px;
}

.scrollbar-track {
  opacity: 1 !important;
  width: 6px !important;
  border-radius: 6px;
  background: rgba(202, 211, 219, 0.4) !important;
}

.scrollbar-track .scrollbar-thumb {
  width: 6px !important;
  border-radius: 6px !important;
  background: #111a5d !important;
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
textarea {
  border: 1px solid #7D8C9F;
  border-radius: 2px;
  background: #ffffff;
  font-size: 18px;
  color: #333333;
  height: 50px;
  font-family: inherit;
  display: block;
  width: 100%;
  padding: 0 20px;
}

input[type=text].datepicker-here,
input[type=password].datepicker-here,
input[type=email].datepicker-here,
input[type=tel].datepicker-here,
input[type=number].datepicker-here,
textarea.datepicker-here {
  background: #fff url(/images/template_2020/calendar.svg) no-repeat 95% 50%;
}

input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #acb1bb;
}

input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #acb1bb;
}

input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #acb1bb;
}

input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #acb1bb;
}

input[type=text].error,
input[type=password].error,
input[type=email].error,
input[type=tel].error,
input[type=number].error,
textarea.error {
  border: 1px solid #ED1C24;
}

.datepickers-container {
  z-index: 99999;
}

textarea {
  padding: 15px 20px;
  height: 200px;
  resize: none;
}

select {
  border: 1px solid #7D8C9F;
  border-radius: 2px;
  height: 50px;
  width: 100%;
  padding: 0 15px;
  font-family: inherit;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(/images/template_2020/select-arrow.svg) no-repeat 96% 50%;
}

select::-ms-expand {
  display: none;
}
.field {
  margin-bottom: 20px;
  display: block;
}

.field__label {
  margin-bottom: 5px;
}

.field__error {
  font-size: 12px;
  color: red;
}

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

@media screen and (max-width: 1300px) {
  .container {
    width: 970px;
  }
}

@media screen and (max-width: 991px) {
  .container {
    width: 750px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    width: 100%;
    padding: 0 15px;
  }
  .hidden-mobile {
    display: none;
  }
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  font-size: 14px;
  color: #ffffff;
  border: none;
  cursor: pointer;
  transition: 300ms;
  border-radius: 3px;
  position: relative;
}

.btn span {
  position: relative;
  z-index: 3;
}

.btn.btn-orange {
  background: #FFB931;
}

.btn.btn-orange:hover:before {
  opacity: 1;
  visibility: visible;
}

.btn.btn-orange:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  background: linear-gradient(274.85deg, #FF820F -54.19%, #FFC147 91.67%);
}

/* Burger */
.burger {
  display: none;
  width: 20px;
  position: relative;
  z-index: 999;
  margin-right: 10px;
}

.burger a {
  display: block;
  cursor: pointer;
  padding: 12px 0;
}

.burger a.active span {
  background: transparent;
}

.burger a.active span:before {
  transform: rotate(45deg) translate(4px, 5px);
}

.burger a.active span:after {
  transform: rotate(-45deg) translate(5px, -6px);
  width: 100%;
}

.burger a span {
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  transition: all .2s ease-in-out;
  background-color: #FFB931;
}

.burger a span:before, .burger a span:after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  transition: all .2s ease-in-out;
  background-color: #FFB931;
}

.burger a span:before {
  top: -7px;
}

.burger a span:after {
  top: 7px;
  width: 60%;
}

@media only screen and (max-width: 991px) {
  .burger {
    display: block;
  }
}

/* Toolbar */
.toolbar {
  background: #111a5d;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

.toolbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.toolbar__nav > ul {
  display: flex;
  align-items: center;
}

.toolbar__nav > ul > li {
  height: 54px;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 34px;
  position: relative;
}

.toolbar__nav > ul > li:hover .toolbar__subnav {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.toolbar__nav > ul > li:last-child {
  margin-right: 0;
}

.toolbar__nav > ul > li a {
  font-size: 12px;
  border-bottom: 1px solid transparent;
}

.toolbar__nav > ul > li a:hover {
  border-color: #fff;
}

.toolbar__subnav {
  position: absolute;
  top: 100%;
  background: #ffffff;
  left: 0;
  width: 200px;
  padding: 15px;
  color: #111a5d;
  box-shadow: 0px 0px 10px #E3E9F1;
  border-radius: 4px;
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  z-index:1000;
}

.toolbar__subnav li {
  margin-bottom: 10px;
  transition: 300ms;
}

.toolbar__subnav li:last-child {
  margin-bottom: 0;
}

.toolbar__subnav li:hover {
  transform: translateX(3px);
}

.toolbar__auth {
  display: flex;
  align-items: center;
  height: 54px;
  width: 200px;
  flex-shrink: 0;
  color: #ffffff;
  position:relative;
}

.toolbar__auth-icon {
  margin-right: 16px;
  flex-shrink: 0;
  display: flex;
}
.toolbar__auth-links {
  display: flex;
  align-items: center;
}

.toolbar__auth-links li {
  margin-right: 25px;
}

.toolbar__auth-links li:last-child {
  margin-right: 0;
  position: relative;
}

.toolbar__auth-links li:last-child:before {
  content: '|';
  display: inline-block;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  color: #414c9e;
}

.toolbar__auth-links li a {
  text-decoration: none;
}

.toolbar__auth-links li a:hover {
  color: #ffaf3a;
}

.toolbar__auth-user {
  font-size: 12px;
  color: #ffffff;
  padding-right: 12px;
  position: relative;
  cursor: pointer;
  transition: 300ms;
  margin-right: 12px;
}

.toolbar__auth-user:hover {
  color: #ffaf3a;
}

.toolbar__auth-user:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border: 1px solid #d5d7ea;
  border-top: 0;
  border-left: 0;
}

.toolbar__auth-money {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}

.toolbar__auth-money span {
  color: #ffaf3a;
}

.toolbar__auth-money:before {
  content: '';
  display: block;
  background: #414C9E;
  width: 1px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.toolbar__auth-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background: #FFFFFF;
  box-shadow: 0px 11.5px 35px rgba(204, 219, 240, 0.5);
  width: 196px;
  padding: 15px 20px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: 300ms;
}

.toolbar__auth-menu.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.toolbar__auth-menu ul li {
  padding-bottom: 15px;
  color: #333333;
  font-size: 12px;
}

.toolbar__auth-menu ul li:last-child {
  padding-bottom: 0;
  padding-top: 10px;
  border-top: 1px solid #EFF2F5;
}

.toolbar__auth-menu ul li a {
  text-decoration: none;
}

.toolbar__auth-menu ul li a:hover {
  color: #ffaf3a;
}

.toolbar__links {
  font-size: 16px;
  color: #fff;
}

.toolbar__links a {
  border-bottom: 1px solid transparent;
}

.toolbar__links a:hover {
  border-color: #fff;
}

@media only screen and (max-width: 1300px) {
  .toolbar__nav {
    margin-right: 20px;
  }
  .toolbar__nav > ul > li {
    margin-right: 15px;
    white-space: nowrap;
  }
  .toolbar__nav > ul > li:last-child {
    padding-right: 15px;
  }
  .toolbar__auth-icon {
    display: none;
  }
  .toolbar__links {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .toolbar {
    display: none;
  }
  .header {
	  padding: 26px 0 20px;
  }
}

/* Header */
.header {
  /*padding: 26px 0 20px;*/
  padding: 80px 0 20px;
}
.header.header__ocenka{
	padding: 26px 0 20px;
}

.header__inner {
  display: flex;
  align-items: flex-start;
}

.header__logo {
  width: 325px;
  flex-shrink: 0;
}

.header__item {
  display: flex;
  align-items: flex-start;
}

.header__icon {
  height: 38px;
  display: flex;
  align-items: center;
  padding-right: 20px;
  border-right: 1px solid #D0DAE2;
  flex-shrink: 0;
  margin-right: 10px;
}

.header__container {
  justify-content: space-between;
  display: flex;
  align-items: flex-start;
  flex-grow: 10;
}

.header__address {
  font-size: 13px;
}

.header__phone {
  position: relative;
}

.header__phone-number {
  font-size: 14px;
  margin-bottom: 3px;
}

.header__phone-description {
  font-size: 12px;
  color: #7D8C9F;
  margin-bottom: 4px;
}

.header__phone-callback {
  color: #FFB931;
  border-bottom: 1px solid #FFB931;
  font-size: 13px;
}

.header__phone-callback:hover {
  border-color: transparent;
}

.header__call-arrow {
  position: absolute;
  right: -25px;
  top: 10px;
  cursor: pointer;
}

.header__phone-numbers {
  position: absolute;
  top: 100%;
  left: -11px;
  right: -11px;
  background: #ffffff;
  margin-top: 10px;
  z-index: 199;
  padding: 10px;
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  border: 1px solid #D0DAE2;
  border-top: none;
}

.header__phone-numbers.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.header__buttons {
  display: flex;
  align-items: center;
  height: 38px;
  border-right: 1px solid #D0DAE2;
  padding-right: 15px;
  margin-right: 10px;
}

.header__buttons a {
  position: relative;
  margin-right: 20px;
}

.header__buttons a:first-child {
  margin-right: 30px;
}

.header__buttons .number {
  width: 24px;
  height: 16px;
  background-color: #ffaf3a;
  border: 1px solid #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #ffffff;
  padding-bottom: 1px;
  position: absolute;
  left: 50%;
  top: 10px;
  transform: translateY(-50%);
  margin-left: 5px;
}

.header__basket-info {
  font-size: 12px;
  color: #7D8C9F;
}

.header__basket-info span {
  color: #303D56;
  font-size: 13px;
  font-weight: 700;
}

.header__basket-title {
  font-size: 13px;
  color: #303D56;
}

@media only screen and (max-width: 1300px) {
  .header__logo {
    width: 200px;
    margin-right: 20px;
  }
  .header__icon {
    display: none;
  }
  .header__phone {
    padding-right: 15px;
  }
  .header__call-arrow {
    right: -5px;
  }
}

@media only screen and (max-width: 991px) {
  .header {
    display: none;
  }
}

/* Search */
.search {
  border: 1px solid #d0dae2;
  border-radius: 4px;
  display: flex;
  align-items: center;
  width: 100%;
}

.search__category {
  position: relative;
  padding: 0 17px;
  height: 40px;
  border-radius: 4px 0 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eff2f5;
  cursor: pointer;
}

.search__category-current {
  color: #303d56;
  font-size: 13px;
  padding-right: 15px;
  position: relative;
  max-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.search__category-current:after {
  content: '';
  display: block;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border: 1px solid #303d56;
  border-top: 0;
  border-left: 0;
}

.search > input {
  	flex-grow: 10;
    font-size: 13px;
    color: #303d56;
    display: block;
    padding: 0 15px;
    background: none;
    border: none;
    height: 40px;
    font-family: inherit;
}
@media only screen and (max-width: 1336px){
	.search > input {
	    min-width: 0;
	}
}
.search > input::-webkit-input-placeholder {
  color: #77879b;
}

.search > input:-moz-placeholder {
  color: #77879b;
}

.search > input::-moz-placeholder {
  color: #77879b;
}

.search > input:-ms-input-placeholder {
  color: #77879b;
}

.search > button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin-right: 8px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0 7px;
  flex-shrink: 0;
}

.search__categories {
  position: absolute;
  top: 100%;
  left: 0;
  top: 100%;
  width: 340px;
  padding: 15px;
  border-radius: 4px;
  box-shadow: 0 4px 19px 1px rgba(220, 224, 237, 0.5);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: 300ms;
  z-index: 9999;
  background: #ffffff;
}

.search__categories.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.search__categories ul {
  max-height: 280px;
}

.search__categories li {
  color: #303d56;
  font-size: 14px;
  margin-bottom: 13px;
  cursor: pointer;
  transition: 300ms;
}

.search__categories li:hover {
  color: #FFB931;
}

.search__categories li:last-child {
  margin-bottom: 0;
}

.search__autocomplete {
  position: absolute;
  top: 100%;
  margin-top: 1px;
  left: 0;
  right: 0;
  background: #ffffff;
  z-index: 9999;
  box-shadow: 0 4px 19px 1px rgba(220, 224, 237, 0.5);
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: 300ms;
}

.search__autocomplete.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.search__autocomplete ul {
  padding: 20px;
}

.search__autocomplete ul li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  
  font-size: 14px;
  border: 1px solid #a3a3a4;
  border-radius: 4px;
  margin: 7px;
  overflow: hidden;
}

.search__autocomplete ul li:last-child {
  margin-bottom: 0;
}

.search__img {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 8px;
  margin-right: 7px;
  border-right: 1px solid #a3a3a4;
}

.search__img img {
  max-height: 100%;
}

.search__name {
  font-size: 14px;
  color: #111a5d;
  text-decoration: none;
  flex-grow: 10;
}

.search__name:hover {
  text-decoration: underline;
}

.search__price {
  flex-shrink: 0;
  text-align: center;
  font-size: 14px;
  width: 100px;
  color: #ffffff;
  text-decoration: none;
  position: relative;
}

.search__price:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  top: -100px;
  bottom: -100px;
  background: #ffaf3a;
  z-index: -1;
}

.search__show-all {
  width: 100%;
  background: #FFB931;
  color: #ffffff;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 0 0 4px 4px;
  cursor: pointer;
}

.search__show-all.ui-item-menu {
  border: none;
  margin: 0;
  padding: 0;
  border-radius: 0 0 4px 4px;
}

.search__show-all:hover {
  background: #eca237;
}


.autocomplete_title {
  padding: 15px;
  font-size: 14px;
}

.urlblock {
  display: flex;
  margin: 0 5px 5px 0;
  font-size: 13px;
  background: #eff2f5;
  padding: 5px;
}

.urlblock a {
  margin-right: 3px;
}

.urlblock span {
  color: #a3a3a4;
}

.ui-menu-item {
  display: flex;
  align-items: center;
  font-size: 14px;
  border: 1px solid #a3a3a4;
  border-radius: 4px;
  padding: 0;
  margin: 7px;
  overflow: hidden;
}

.ui-menu-item.title_top {
  padding: 15px;
  margin: 0;
  border: none;
  flex-wrap: wrap;
}
/*
@media only screen and (max-width: 767px) {
  .search__img {
    display: none;
  }
}*/

.scrollbar-track {
  opacity: 1 !important;
  background: #eff2f5 !important;
  border-radius: 2px !important;
}

.scrollbar-track.scrollbar-track-y {
  width: 4px !important;
}

.scrollbar-track.scrollbar-track-y .scrollbar-thumb {
  width: 4px !important;
}

.scrollbar-track .scrollbar-thumb {
  background: #FFB931 !important;
  border-radius: 2px !important;
}

/* Header line */
.header-line {
  margin-bottom: 35px;
}

.header-line__inner {
  display: flex;
  align-items: center;
  position:relative;
}

.header-line__buttons {
  display: flex;
  width: 325px;
}

.header-line__buttons a {
  width: 134.5px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFBC3A;
  border-radius: 2px;
  color: #ffffff;
  font-size: 14px;
}

.header-line__buttons a:first-child {
  margin-right: 10px;
}

.header-line__buttons a:hover {
  background-color: #eca237;
}

.header-line__search {
  flex-grow: 10;
}

@media only screen and (max-width: 991px) {
  .header-line {
    margin-bottom: 20px;
  }
  .header-line__search {
    display: none;
  }
  .header-line__buttons {
    width: 100%;
    justify-content: center;
  }
  
  .header-line {
    display: none;
  }
  .home .header-line {
    display: block;
  }
}
/* Main */
.main {
  padding-bottom: 50px;
  overflow: hidden;
}

.main__container {
  display: grid;
  grid-template-columns: 294px 1fr;
  grid-gap: 30px;
}

.main__content {
  min-width: 0;
}

@media only screen and (max-width: 991px) {
  .main__container {
    display: block;
  }
   .main__sidebar {
    display: none;
  }
 /* .main__container .main__sidebar.buying__container {
    overflow: visible;
    width: 100%;
    height: auto;
    display: block;
  }*/
 
}

/* Sidebar nav */
.sidebar-nav {
  margin-bottom: 10px;
}

.sidebar-nav__item {
  margin-bottom: 15px;
}

.sidebar-nav__item.active .sidebar-nav__body {
  display: block;
}

.sidebar-nav__item.active .sidebar-nav__arrow {
  transform: rotate(180deg);
}

.sidebar-nav__header {
  background: linear-gradient(95.17deg, #414C9E -24.94%, #1D2681 91.44%);
  border-radius: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
  padding: 0 24px;
  cursor: pointer;
}

.sidebar-nav__title {
  font-size: 18px;
  color: #ffffff;
}

.sidebar-nav__arrow {
  width: 8px;
  height: 5px;
  background: url(/images/template_2020/arrow-white-down.svg) no-repeat 50%;
}

.sidebar-nav__body {
  background: #EFF2F5;
  padding: 25px 35px;
  display: none;
}

.sidebar-nav__body > li {
  margin-bottom: 14px;
  position: relative;
}

.sidebar-nav__body > li:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #D0DAE2;
  left: -13px;
  top: 6px;
}

.sidebar-nav__body > li a:hover {
  color: #FFB931;
}

.sidebar-nav__body > li:last-child {
  margin-bottom: 0;
}

.sidebar-nav__body > li span.new {
  margin-right: 3px;
  display: inline-block;
  color: #FFB931;
}

/* Payments */
.payments {
  margin-bottom: 30px;
}

/* Social */
.social_sidebar {
  background: #F3F5F7;
  border-radius: 3px;
  padding: 18px 20px;
}

.social__title {
  text-transform: uppercase;
  margin-bottom: 20px;
}

.social__list {
  display: flex;
  align-items: center;
}

.social__list li {
  margin-right: 20px;
}

/* About club */
.about-club {
  background: #F3F5F7;
  border-radius: 3px;
  padding: 30px;
  margin-bottom: 40px;
}

.about-club__title {
  font: bold 30px 'Muller';
  margin-bottom: 16px;
}

.about-club__links {
  display: flex;
  flex-wrap: wrap;
}

.about-club__links a {
  margin-right: 30px;
  margin-bottom: 30px;
  font-size: 16px;
  color: #080967;
  border-bottom: 1px solid transparent;
}

.about-club__links a:hover {
  border-color: #080967;
}

.about-club p {
  font-size: 16px;
  margin-bottom: 15px;
}

.about-club p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .about-club {
    display: none;
  }
}

/* Coin categories */
.coin-categories {
  margin-bottom: 85px;
}

.coin-categories__title {
  font: bold 24px 'Muller';
  margin-bottom: 23px;
}

.coin-categories__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.coin-categories__item {
  border: 1px solid #D0DAE2;
  border-radius: 4px;
  padding: 20px 30px;
  transition: 300ms;
  display: flex;
  align-items: flex-start;
}

.coin-categories__item:hover {
  box-shadow: 0px 0px 50px #E3E9F1;
  background: #ffffff;
}

.coin-categories__img {
  width: 95px;
  flex-shrink: 0;
  margin-right: 15px;
}

.coin-categories__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.coin-categories__text {
  font-size: 16px;
  font-weight: 300;
}

@media only screen and (max-width: 1300px) {
  .coin-categories__item {
    padding: 15px;
  }
  .coin-categories__text {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .coin-categories {
    margin-bottom: 30px;
  }
  .coin-categories__items {
    display: block;
  }
  .coin-categories__item {
    margin-bottom: 15px;
  }
  .coin-categories__img {
    width: 65px;
  }
  .coin-categories__title {
    margin-bottom: 16px;
  }
}

/* Main catalog */
.main-catalog {
  margin-bottom: 120px;
}

.main-catalog__nav {
  display: flex;
  align-items: center;
  margin-bottom: 48px;
}

.main-catalog__item {
  height: 46px;
  display: flex;
  align-items: center;
  padding: 0 40px;
  color: #7178B4;
  cursor: pointer;
  transition: 300ms;
  font-weight: 600;
  font-size: 18px;
  margin-right: 20px;
  position: relative;
}

.main-catalog__item:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -9px;
  left: 0;
  right: 0;
  height: 4px;
  background: #3761C7;
  opacity: 0;
  transition: 300ms;
}

.main-catalog__item:last-child {
  margin-right: 0;
}

.main-catalog__item:hover, .main-catalog__item.active {
  background: #EFF2F5;
}

.main-catalog__item.active {
  color: #333;
}

.main-catalog__item.active:after {
  opacity: 1;
}

.main-catalog__tab {
  display: none;
}

.main-catalog__tab .product {
  margin-right: 30px;
  
  width: 292px;
  background: #FFFFFF;
  border: 1px solid #D0DAE2;
  border-radius: 3px;
  background: #ffffff;
  position: relative;
}

.main-catalog__tab.active {
  display: block;
}

.main-catalog__tab .slick-arrow {
  position: absolute;
  right: 0;
  top: -91px;
}

.main-catalog__tab .slick-arrow.slick-prev {
  right: 56px;
}

@media only screen and (max-width: 1300px) {
  .main-catalog__item {
    padding: 0 20px;
  }
  .main-catalog__tab .product {
    margin-right: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .main-catalog .slick-list {
    overflow: visible;
  }
}

@media only screen and (max-width: 767px) {
  .main-catalog .slick-arrow {
    top: auto;
    bottom: -70px;
  }
  .main-catalog .slick-arrow.slick-prev {
    right: auto;
    left: 0;
  }
  .main-catalog__item {
    padding: 0 10px;
    font-size: 14px;
    height: 35px;
  }
  .main-catalog__nav {
    margin-bottom: 30px;
  }
}


/* Fixed links */
.fixed-links {
  position: fixed;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
  overflow: hidden;
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
}

.fixed-links.active {
  opacity: 1;
  visibility: visible;
}

.fixed-links ul {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.fixed-links ul li {
  display: block;
  background-color: white;
  border: 1px solid #ffaf3a;
  border-bottom: none;
}

.fixed-links ul li:first-child {
  border-radius: 4px 4px 0 0;
}

.fixed-links ul li:last-child {
  border-bottom: 1px solid #ffaf3a;
  border-radius: 0 0 4px 4px;
}

.fixed-links ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
}

.fixed-links ul li a:hover {
  background: rgba(255, 175, 58, 0.1);
}

.fixed-links ul li a img {
  max-width: 25px;
}

.fixed-links ul li.with-sum {
  border-bottom: 1px solid #ffaf3a;
  border-radius: 4px 4px 0 4px;
}

.fixed-links ul li.with-sum + li {
  border-top: none;
}

.fixed-links ul li.with-sum a {
  width: auto;
  text-decoration: none;
}

.fixed-links ul li.with-sum a img {
  margin: 0 7px;
}

.fixed-links ul li.with-sum a span {
  color: #111a5d;
  font-size: 16px;
  margin-left: 5px;
  display: block;
}

.to-top {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffaf3a;
  position: fixed;
  right: 5px;
  bottom: 15px;
  cursor: pointer;
  transition: 300ms;
  opacity: 0;
  visibility: hidden;
  z-index: 9998;
  background: #ffffff;
}

.to-top:hover {
  background: rgba(255, 175, 58, 0.1);
}

.to-top.active {
  opacity: 1;
  visibility: visible;
}

/* Product



.product__icon {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 40px;
  height: 40px;
}

.product__img {
  padding: 15px;
  height: 173px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #D0DAE2;
}

.product__name {
  margin: 12px 16px 20px;
  height: 50px;
  overflow: hidden;
  font-weight: bold;
  font-size: 18px;
}

.product__name:hover {
  color: #111a5d;
}

.product__list {
  border-bottom: 1px solid #D0DAE2;
  border-top: 1px solid #D0DAE2;
}

.product__list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 5px 15px;
  font-size: 13px;
}

.product__list li:nth-child(2n - 1) {
  background: #EFF2F5;
}

.product__list li span:first-child {
  color: #77879B;
  font-size: 12px;
}

.product__price {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}

.product__price span {
  color: #8190A2;
}

.product__price .price {
  font-weight: bold;
  font-size: 22px;
}

.product__footer {
  display: grid;
  grid-template-columns: 46px 1fr;
  grid-gap: 14px;
  padding: 0 16px 20px;
}

.product__collection {
  width: 46px;
  height: 46px;
  border: 1px solid #D8E0E6;
  border-radius: 4px;
  background: url(/images/template_2020/collection-icon.png) no-repeat top;
}

.product__collection:hover {
  border-color: #FFB931;
}

.product__collection.active {
  background-position: bottom;
}

.product__btn {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  border-radius: 4px;
  background: linear-gradient(274.85deg, #FF820F -54.19%, #FFC147 91.67%);
  position: relative;
}

.product__btn.green {
  background: linear-gradient(278.12deg, #70C04B -4.71%, #AFE242 157.96%);
}

.product__btn.green img {
  margin-right: 10px;
}

.product__btn.green:before {
  background: linear-gradient(90deg, #70C04B -4.71%, #AFE242 157.96%);
}

.product__btn.red {
  background: linear-gradient(99.16deg, #FA4B4B -42.88%, #EF915C 141.73%);
}

.product__btn.red img {
  margin-right: 10px;
}

.product__btn.red:before {
  background: linear-gradient(270deg, #FA4B4B -42.88%, #EF915C 141.73%);
}

.product__btn:hover:before {
  opacity: 1;
}

.product__btn:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #FF820F -54.19%, #FFC147 91.67%);
  opacity: 0;
  transition: 300ms;
}

.product__btn img {
  margin-right: 24px;
  position: relative;
  z-index: 3;
}

.product__btn span {
  position: relative;
  z-index: 3;
}*/

/* Slick arrow */
.slick-arrow {
  font-size: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #FFB931;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  cursor: pointer;
  transition: 300ms;
  position: relative;
}

.slick-arrow:hover:after {
  opacity: 1;
}

.slick-arrow:hover:before {
  border-color: #fff;
}

.slick-arrow:after {
  content: '';
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  background: linear-gradient(274.85deg, #FF820F -54.19%, #FFC147 91.67%);
  border-radius: 3px;
  opacity: 0;
  transition: 300ms;
}

.slick-arrow:before {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  border: 2px solid #FFB931;
  border-top: none;
  border-left: none;
  transform: rotate(135deg);
  margin-left: 5px;
  transition: 300ms;
  z-index: 3;
}

.slick-arrow.slick-next:before {
  transform: rotate(-45deg);
  margin-left: -3px;
}


.numizmatik-news {
  margin-bottom: 64px;
}

.numizmatik-news__title {
  font: 500 24px 'Muller';
  margin-bottom: 30px;
  max-width: 648px;
}

.numizmatik-news__item {
  width: 292px;
  margin-right: 30px;
  transition: 300ms;
  border-radius: 3px;
  border: 1px solid #D0DAE2;
  transition: 300ms;
  padding: 20px;
}

.numizmatik-news__item:hover {
  background: #FFFFFF;
}

.numizmatik-news__img {
  height: 123px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  margin-bottom: 22px;
}

.numizmatik-news__date {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #888888;
  margin-bottom: 10px;
}

.numizmatik-news__date img {
  margin-right: 5px;
}

.numizmatik-news__name {
  font-size: 16px;
  font-weight: bold;
  color: #111a5d;
  margin-bottom: 16px;
  height: 45px;
  overflow: hidden;
}

.numizmatik-news__text {
  line-height: 1.5;
  font-size: 14px;
  color: #333333;
  margin-bottom: 18px;
  height: 150px;
  overflow: hidden;
}

.numizmatik-news .slick-arrow {
  position: absolute;
  top: -72px;
  right: 0;
}

.numizmatik-news .slick-arrow.slick-prev {
  right: 56px;
}

@media only screen and (max-width: 1300px) {
  .numizmatik-news__title {
    max-width: 520px;
  }
  .numizmatik-news__item {
    margin-right: 35px;
  }
}

@media only screen and (max-width: 991px) {
  .numizmatik-news .slick-list {
    overflow: visible;
  }
}

@media only screen and (max-width: 767px) {
  .numizmatik-news {
    margin-bottom: 100px;
  }
  .numizmatik-news__title {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .numizmatik-news .slick-arrow {
    top: auto;
    bottom: -60px;
  }
  .numizmatik-news .slick-arrow.slick-prev {
    right: auto;
    left: 0;
  }
}

/* Video about */
.video-about {
  margin-bottom: 77px;
}

.video-about__title {
  font: 500 24px 'Muller';
  margin-bottom: 20px;
}

.video-about__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 36px;
}

@media only screen and (max-width: 767px) {
  .video-about__items {
    display: block;
  }
  .video-about__item {
    margin-bottom: 15px;
    max-width: 400px;
  }
  .video-about__title {
    font-size: 16px;
  }
}

/* Feedbacks */
.feedbacks {
  margin-bottom: 77px;
}

.feedbacks__title {
  font: 500 24px 'Muller';
  margin-bottom: 30px;
}

.feedbacks__item {
  border: 1px solid #D5D5D5;
  border-radius: 3px;
  width: 292px;
  margin-right: 30px;
  padding: 15px;
  height: 100%;
}

.feedbacks__date {
  display: flex;
  align-items: center;
  color: #686D73;
  font-size: 13px;
  margin-bottom: 7px;
}

.feedbacks__date img {
  margin-right: 5px;
}

.feedbacks__author {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 7px;  
}

.feedbacks__text {
  color: #333333;
  height: 55px;
  overflow: hidden;
}

.feedbacks .slick-arrow {
  position: absolute;
  right: 0;
  top: -64px;
}

.feedbacks .slick-arrow.slick-prev {
  right: 56px;
}

@media only screen and (max-width: 1300px) {
  .feedbacks__item {
    margin-right: 35px;
  }
}

@media only screen and (max-width: 991px) {
  .feedbacks .slick-list {
    overflow: visible;
  }
}

@media only screen and (max-width: 767px) {
  .feedbacks {
    margin-bottom: 100px;
  }
  .feedbacks__title {
    font-size: 16px;
  }
  .feedbacks .slick-arrow {
    top: auto;
    bottom: -60px;
  }
  .feedbacks .slick-arrow.slick-prev {
    right: auto;
    left: 0;
  }
}

/* Forum */
.forum {
  margin-bottom: 115px;
}

.forum__title {
  font: 500 24px 'Muller';
  margin-bottom: 30px;
}

.forum__item {
  margin-bottom: 40px;
}

.forum__item:last-child {
  margin-bottom: 0;
}

.forum__date {
  display: flex;
  align-items: center;
  color: #888888;
  font-size: 13px;
  margin-bottom: 3px;
}

.forum__date img {
  margin-right: 5px;
}

.forum__name {
  color: #111a5d;
  font-size: 15px;
  margin-bottom: 5px;
}

.forum__name:hover {
  color: #FFB931;
}

.forum__text {
  color: #333333;
}

@media only screen and (max-width: 767px) {
  .forum {
    display: none;
  }
}

/* Metro */
.metro {
  font-size: 18px;
  font-weight: bold;
  color: #111a5d;
  margin-bottom: 120px;
  border-bottom: 1px solid #111a5d;
  margin-bottom: 10px;
}

.metro:hover {
  border-color: transparent;
}

@media only screen and (max-width: 767px) {
  .metro {
    font-size: 16px;
    border: none;
    text-decoration: underline;
  }
  .metro:hover {
    text-decoration: none;
  }
}

/* Footer */
.footer {
  background: #111a5d;
  padding-top: 44px;
  color: #ffffff;
  padding-bottom: 20px;
}

.footer__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer__item {
  width: 21%;
  padding-right: 15px;
  margin-bottom: 40px;
}

.footer__label {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 17px;
  line-height: 20px;
  height: 20px;
}

.footer__list li {
  margin-bottom: 10px;
}

.footer__list li:last-child {
  margin-bottom: 0;
}

.footer__list li a {
  text-decoration: none;
  font-size: 14px;
}

.footer__list li a:hover {
  color: #FFB931;
}

.footer__city {
  margin-bottom: 18px;
  font-size: 14px;
}

.footer__title {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 9px;
}

.footer__title img {
  flex-shrink: 0;
  margin-right: 9px;
}

.footer__text {
  font-size: 14px;
  margin-bottom: 12px;
}

.footer__time {
  width: 160px;
}

.footer__logo {
  margin-bottom: 18px;
}

.footer__copyright {
  margin-bottom: 12px;
  font-size: 14px;
}

.footer__metrics {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}

.footer__metrics a {
  margin-right: 13px;
}

.footer__metrics a:last-child {
  margin-right: 0;
}

.footer__info {
  font-size: 14px;
}

.footer__mob-list {
  display: none;
}

@media only screen and (max-width: 991px) {
  .footer {
    padding-bottom: 0;
  }
  .footer__inner {
    align-items: flex-start;
  }
  .footer__item {
    width: 40%;
    padding-right: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #414c9e;
  }
  .footer__item--last {
    padding-right: 0;
    width: 100%;
    text-align: center;
    margin: 22px 0 33px;
    border-bottom: 0;
  }
  .footer__item--hide-mob {
    display: none;
  }
  .footer__mob-list {
    display: block;
    margin-top: 20px;
  }
  .footer__list {
    display: none;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .footer__metrics {
    justify-content: center;
  }
  .footer__label {
    text-transform: none;
    margin-bottom: 0;
    padding-bottom: 0;
    height: auto;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 400;
    position: relative;
  }
  .footer__label.active:after {
    transform: rotate(-135deg);
  }
  .footer__label:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 7px;
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border: 1px solid #fff;
    border-top: 0;
    border-left: 0;
    transition: 300ms;
  }
}

@media only screen and (max-width: 767px) {
  .footer__item {
    width: 100%;
  }
}

/* Subscribe */
.subscribe {
  background: #EFF2F5;
}

.subscribe__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}

.subscribe__text {
  font-size: 24px;
  font-weight: 300;
}

.subscribe__link {
  margin-left: 30px;
  flex-shrink: 0;
  width: 250px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
  font-weight: 300;
  background: #7D8C9F;
  border-radius: 3px;
  text-decoration: none;
}

.subscribe__link:hover {
  background: #111a5d;
}

@media only screen and (max-width: 991px) {
  .subscribe__text {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .subscribe__inner {
    display: block;
    text-align: center;
  }
  .subscribe__text {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .subscribe__link {
    margin-right: 0;
    width: 200px;
    height: 40px;
    font-size: 16px;
    margin: 0 auto;
  }
}

/* Mob header */
.mob-header {
  display: none;
}

@media only screen and (max-width: 991px) {
  .mob-header {
    display: flex;
    align-items: center;
    padding: 7px 15px;
    margin-bottom: 15px;
    position:relative;
  }
  
  .mob-header__toggler {
    cursor: pointer;
    margin-right: 14px;
    flex-shrink: 0;
  }
  .mob-header .search {
    flex-grow: 10;
    margin-right: 0;
  }
  .mob-header .search__category,
  .mob-header .search > input,
  .mob-header .search > button {
    height: 36px;
  }
  .mob-header__to-basket {
    flex-shrink: 0;
    margin-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .mob-header .search {
    width: 150px;
  }
  .mob-header .search__categories {
    width: 250px;
  }
}

/* Mobile menu */
@media only screen and (min-width: 990px) {
  .mobile-menu {
    display: none;
  }
}

.mobile-menu {
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  background: #111a5d;
  z-index: 9999;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
}

.mobile-menu.active {
  opacity: 1;
  visibility: visible;
}

.mobile-menu__nav {
  padding: 10px 0;
}

.mobile-menu__header {
  background: linear-gradient(95.17deg, #414C9E -24.94%, #1D2681 91.44%);
}
.mobile-menu__auth {
  padding: 10px 15px;
  color: #ffffff;
  font-size: 16px;
}

.mobile-menu__auth img {
  margin-right: 14px;
}

.mobile-menu__auth span {
  display: inline-block;
  margin: 0 5px;
}
.mobile-menu__price {
  flex-grow: 10;
  text-align: right;
}

.mobile-menu__price span {
  color: #FFB931;
  font-weight: bold;
}

.mobile-menu__auth-container {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 30px;
  width: 100%;
}

.mobile-menu__auth-container:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 6px;
  background: url(/images/template_2020/arrow-white-down.svg) no-repeat 50%;
}

.mobile-menu__nav {
  border-bottom: 1px solid #414C9E;
  margin-bottom: 20px;
}

.mobile-menu__nav-header {
  padding: 12px 17px;
  position: relative;
  font-size: 15px;
}

.mobile-menu__nav-header.active:after {
  transform: rotate(180deg);
}

.mobile-menu__nav-header:after {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 5px;
  background: url(/images/template_2020/arrow-white-down.svg) no-repeat 50%;
  right: 17px;
  top: 20px;
  transition: 300ms;
}

.mobile-menu__nav-body {
  background: linear-gradient(95.17deg, #414C9E -24.94%, #1D2681 91.44%);
  padding: 12px 17px;
  display: none;
}

.mobile-menu__nav-body li {
  margin-bottom: 15px;
  font-size: 14px;
}

.mobile-menu__nav-body li:last-child {
  margin-bottom: 0;
}

.mobile-menu__head {
  padding: 12px 17px;
  display: flex;
  align-items: center;
}

.mobile-menu__head.has-dropdown {
  position: relative;
}

.mobile-menu__head.has-dropdown:after {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 5px;
  background: url(/images/template_2020/arrow-white-down.svg) no-repeat 50%;
  right: 17px;
  top: 20px;
  transition: 300ms;
}

.mobile-menu__icon {
  margin-right: 12px;
  width: 16px;
  display: flex;
}

.mobile-menu__body {
  background: linear-gradient(95.17deg, #414C9E -24.94%, #1D2681 91.44%);
  padding: 12px 17px;
  display: none;
}

.mobile-menu__body a {
  display: block;
  margin: 5px 0;
}

.mobile-menu__callback {
  height: 46px;
  border-radius: 4px;
  border: 1px solid #FFB931;
  color: #FFB931;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px;
}

.mobile-menu__social {
  border-top: 1px solid #414C9E;
  padding: 15px 17px;
  display: flex;
  justify-content: space-between;
}

.mobile-menu__social li a {
  border: 1px solid #414C9E;
  border-radius: 4px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
}

/* Fancybox */
.modal {
  padding: 48px 45px;
  border-radius: 4px;
  display: none;
  width: 550px;
  max-width: 90%;
}

.modal .fancybox-close-small {
  display: none;
}

.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.modal__title {
  font: 500 30px 'Muller';
}

.modal__close {
  color: #BDBDBD;
  font-size: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.modal__close img {
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .modal {
    padding: 30px 15px;
  }
  .modal__title {
    font-size: 18px;
  }
}

/* Modal callback */
.modal-callback__footer {
  margin-top: 30px;
  text-align: center;
}

.modal-callback__footer .btn {
  width: 100%;
}

.modal-callback__agreement {
  font-size: 12px;
  text-align: center;
  margin-bottom: 12px;
}

.modal-callback__agreement a {
  color: #111a5d;
  text-decoration: underline;
}

.modal-callback__agreement a:hover {
  text-decoration: none;
}

/* Modal auth */
.modal-auth {
  width: 617px;
  padding: 50px 75px;
  display: none;
}

.modal-auth#modal-recovery .modal-auth__confirm {
  width: 100%;
}

.modal-auth .fancybox-close-small {
  display: none;
}

.modal-auth__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.modal-auth__title {
  font-size: 30px;
  font-weight: 500;
}

.modal-auth__close {
  cursor: pointer;
}

.modal-auth__field {
  margin-bottom: 20px;
}

.modal-auth__field .error-msg {
  display: none;
}

.modal-auth__field input, .modal-auth__field textarea  {
  border: 1px solid #7D8C9F;
  border-radius: 2px;
  height: 50px;
  padding: 0 15px;
  width: 100%;
}

.modal-auth__field.field-error input {
  border-color: red;
}

.modal-auth__field.field-error .error-msg {
  color: red;
  display: flex;
  margin-top: 5px;
  font-size: 12px;
}

.modal-auth__field.field-error .error-msg img {
  flex-shrink: 0;
  margin-right: 5px;
}

.modal-auth__label {
  margin-bottom: 5px;
  font-size: 14px;
}

.modal-auth__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.modal-auth__forget {
  font-size: 16px;
  text-decoration: none;
}

.modal-auth__forget:hover {
  text-decoration: underline;
}

.modal-auth__confirm {
  width: 211px;
  height: 50px;
  background: #ffaf3a;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  border: none;
  transition: 300ms;
}

.modal-auth__confirm:hover {
  background: #eca237;
}

.modal-auth__or {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}

.modal-auth__or:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  background: #EFF2F5;
  height: 2px;
}

.modal-auth__or span {
  background: #ffffff;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  z-index: 2;
}

.modal-auth__social {
  margin-bottom: 30px;
}

.modal-auth__social ul {
  display: flex;
  justify-content: space-between;
}

.modal-auth__new {
  padding-top: 35px;
  border-top: 1px solid #EFF2F5;
  font-weight: 300;
}

.modal-auth__new a {
  color: #111a5d;
  text-decoration: none;
  font-weight: 400;
}

.modal-auth__new a:hover {
  text-decoration: underline;
}

.modal-auth__social-title {
  margin-bottom: 25px;
}

.modal-auth__subscribe {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.modal-auth__subscribe .text {
  font-size: 16px;
  font-weight: 600;
  color: #354052;
}

.modal-auth__register-confirm {
  margin-bottom: 20px;
}

.modal-auth__register-confirm button {
  width: 100%;
}

.modal-auth__agreement a {
  color: #111a5d;
  text-decoration: underline;
}

.modal-auth__agreement a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .modal-auth {
    padding: 20px 15px;
  }
  .modal-auth__title {
    font-size: 24px;
  }
  .modal-auth__header {
    margin-bottom: 20px;
  }
  .modal-auth__label {
    font-size: 14px;
  }
  .modal-auth__field input {
    height: 45px;
  }
  .modal-auth__container {
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 20px;
  }
  .modal-auth__confirm {
    width: 100%;
    height: 45px;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .modal-auth__or {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .modal-auth__social {
    margin-bottom: 15px;
  }
  .modal-auth__social li {
    max-width: 10%;
  }
  .modal-auth__new {
    padding-top: 20px;
    font-size: 12px;
  }
  .modal-auth__subscribe .text {
    font-size: 14px;
  }
}
/* Checkbox 
.checkbox {
  display: flex;
  align-items: center;
}

.checkbox__inner {
  flex-shrink: 0;
  border: 1px solid #1D2681;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
}

.checkbox__inner span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(29, 38, 129, 0.85) url(/images/template_2020/tick.svg) no-repeat 50%;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  border-radius: 3px;
}

.checkbox__text {
  font-weight: 600;
  font-size: 14px;
}*/
/* Product */
.product {
  margin-top: 20px;
  margin-bottom: 44px;
}

.product__inner {
  display: flex;
  align-items: flex-start;
}

.product__video {
  max-width: 644px;
  height: 365px;
  margin: 0 auto 25px;
}

.product__video iframe {
  width: 100%;
  height: 100%;
}

.product__footer-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product__full-info {
  background: #111A5D;
  border-radius: 3px;
  height: 50px;
  width: 387px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
}

.product__full-info:hover {
  background: #ffaf3a;
}

.product__gallery {
  width: 400px;
  margin-right: 32px;
  flex-shrink: 0;
}

.product__gallery-increase {
  position: absolute;
  bottom: 12px;
  right: 14px;
  z-index: 100;
}

.product__gallery-main {
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 25px;
  height: 400px;
  border: 2px solid rgba(17, 26, 93, 0.6);
  border-radius: 3px;
  margin-bottom: 20px;
}

.product__gallery-mini ul {
  display: flex;
}

.product__gallery-mini ul li {
  width: calc(33.33% - 13.4px);
  margin-right: 20px;
  border-radius: 3px;
  border: 2px solid #d0dae2;
  transition: 300ms;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px;
  cursor: pointer;
}

.product__gallery-mini ul li.active, .product__gallery-mini ul li:hover {
  border: 2px solid rgba(17, 26, 93, 0.6);
}

.product__gallery-mini ul li:nth-child(3) {
  margin-right: 0;
}

.product__content {
  flex-grow: 10;
}

.product__name {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}

.product__container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 14px;
}
.product__container .products__amount {
  display: flex;
  margin-right: 15px;
  margin-top: 0;
}
.product__main-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.product__main-info .products__to-basket {
  margin-right: 10px;
  height: 40px;
}
.product__main-info .products__booking {
  margin-top: 0;
  margin-right: 10px;
}

.product__fixed {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__amount,.product__amount_basket  {
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.product__amount input, .product__amount_basket input {
  background: #EFF2F5;
  border-radius: 3px;
  width: 80px;
  height: 40px;
  font-family: inherit;
  padding: 0 10px;
  margin: 0 8px;
  border: 0;
  color: #7D8C9F;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

.product__amount span,.product__amount_basket  span{
  cursor: pointer;
  transition: 300ms;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #FFAF3A;
  border-radius: 3px;
}

.product__amount span:hover ,.product__amount_basket span:hover{
  background: #eca237;
}

.product__to-basket {
  background: #FFAF3A;
  border-radius: 3px;
  width: 170px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
  margin-right: 20px;
}

.product__to-basket:hover {
  background: #eca237;
}

.product__to-basket img {
  flex-shrink: 0;
  margin-right: 12px;
}

.product__price {
  font-size: 32px;
  font-weight: 600;
}

.product__in-stock {
  width: 100%;
  margin-top: 13px;
  color: #7D8C9F;
}

.product__links a {
  width: 200px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  border: 1px solid #ffaf3a;
  text-decoration: none;
}
.product__links a.active .product__favorite {
    background-position: 0 100%;
}

.product__links a:hover {
  color: #ffaf3a;
}

.product__links a:first-child {
  margin-bottom: 13px;
}

.product__links a img {
  margin-right: 12px;
  flex-shrink: 0;
}

.product__properties {
  margin-bottom: 22px;
}

.product__properties-label {
  font-size: 18px;
  margin-bottom: 23px;
}

.product__properties ul {
  width: 100%;
}

.product__properties ul li {
  display: flex;
  align-items: center;
  padding: 5px 18px;
  min-height: 40px;
}

.product__properties ul li:nth-child(2n - 1) {
  background: #EFF2F5;
}

.product__properties ul li span:first-child {
  color: #7D8C9F;
  width: 150px;
  flex-shrink: 0;
}

.product__properties ul li span:nth-child(2) {
  font-weight: 600;
}

.product__social ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

/* Modal fast view */
.modal-fast-view {
  max-width: 1265px;
}

.modal-fast-view__container {
  display: flex;
  align-items: flex-start;
}

@media only screen and (max-width: 991px) {  
  .modal-fast-view__container {
    display: block !important;
  }
  .modal-fast-view__container .product__gallery {
    margin: 0 auto 30px;
  }
}

/* Products */
.products__title {
  color: #303d56;
  font-family: "Muller";
  font-weight: 400;
  font-size: 30px;
  margin-bottom: 35px;
}

.products__filter {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.products__sort {
  display: flex;
  align-items: center;
  margin-right: 76px;
}

.products__sort > span {
  margin-right: 20px;
  font-size: 15px;
}

.products__sort-item {
  margin-right: 25px;
  color: #77879b;
  position: relative;
  cursor: pointer;
  transition: 300ms;
  padding-right: 20px;
}

.products__sort-item:hover {
  color: #ffaf3a;
}

.products__sort-item.bottom:before {
  background: url(/images/template_2020/sort-icon.png) no-repeat 0% -11px;
}

.products__sort-item.top:before {
  background: url(/images/template_2020/sort-icon.png) no-repeat top;
}

.products__sort-item:after {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  left: 0;
  right: 20px;
  background: #ffaf3a;
  bottom: -3px;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
}

.products__sort-item:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 11px;
  background: url(/images/template_2020/sort-icon.png) no-repeat bottom;
}

.products__sort-item.active {
  color: #303d56;
}

.products__sort-item.active:after {
  opacity: 1;
  visibility: visible;
}

.products__sort-item:last-child {
  margin-right: 0;
}

.products__show {
  display: flex;
  align-items: center;
}

.products__show > span {
  font-size: 15px;
  margin-right: 27px;
}

.products__show select {
  width: 61px;
  height: 42px;
  border: 1px solid #d0dae2;
  border-radius: 2px;
  font-family: inherit;
  color: #303d56;
  font-size: 15px;
  padding-left: 10px;
  text-indent: 0.01px;
  text-overflow: '';
  -ms-appearance: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: #fff url(/images/template_2020/small-arrow.png) no-repeat 40px 50%;
}

.pagination {
  flex-grow: 10;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}

.pagination__list {
  border: 1px solid #d0dae2;
  border-radius: 3px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}

.pagination .paginator {
  display: flex;
  align-items: center;
}

.pagination a,
.pagination span {
  margin: 5px 0;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-radius: 50%;
}

.pagination a:hover,
.pagination span:hover {
  color: #ffaf3a;
}

.pagination a.active,
.pagination span.active {
  background: #111a5d;
  color: #ffffff;
  color: #ffffff;
}

.products__items {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.products__items.products--small-grid .products__el {
  width: calc(25% - 22.5px);
}

.products__items.products--small-grid .products__el:nth-child(3n) {
  margin-right: 30px;
}

.products__items.products--small-grid .products__el:nth-child(4n) {
  margin-right: 0;
}

.products__el {
  width: calc(33.33% - 20px);
  margin-right: 30px;
  margin-bottom: 25px;
  position: relative;
}

.products__el:hover .products__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.products__el:nth-child(3n) {
  margin-right: 0;
}

.products__item {
  border: 1px solid #d0dae2;
  border-radius: 4px;
  background: #ffffff;
  transition: 300ms;
  transform-origin: 50% 0;
  position: relative;
  z-index: 999;
}
.good_opt table td {
    padding: 3px 5px;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #ddd;
}

.good_opt table {
    border-collapse: collapse;
    width: 100%;
}

.products__item:hover {
 /* transform: scale(1.1);*/
  z-index: 10000;
  box-shadow: 0 10px 29.8px 5.3px rgba(204, 219, 240, 0.5);
}
@media(hover: hover) and (pointer: fine) {
	.products__item:hover .products__view {
	  transform: translateY(2px);
	  opacity: 1;
	  visibility: visible;
	}

	.products__item:hover .products__footer {
	  padding-bottom: 55px;
	  z-index: 152;
	}
	
	.products__item:hover .products__one-click-buy {
	  opacity: 1;
	  visibility: visible;
	  z-index: 152;
	}
	
	.products__item:hover .products__description {
	  opacity: 1;
	  visibility: visible;
	  box-shadow: 0 10px 29.8px 5.3px rgba(204, 219, 240, 0.5);
	}
	
	.products__item:hover .products__gallery {
	  display: flex;
	}
	
	.products__item:hover .products__amount {
	  display: flex;
	}
	
	.products__item:hover .products__youtube {
	  display: block;
	}
	
	.products__item:hover .products__booking {
	  display: block;
	}
}
.products__view {
  position: absolute;
  bottom: 100%;
  left: -1px;
  right: -1px;
  transform: translateY(20px);
  background: #ffaf3a;
  color: #ffffff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 4px 4px 0 0;
  text-decoration: none;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  top:-5px;
}
.product:hover .products__view {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.products__view:hover {
  background: #eca237;
}

.products__view img {
  flex-shrink: 0;
  margin-right: 8px;
}

.products__header {
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px 0 20px;
  position: relative;
  z-index: 151;
  background: #ffffff;
}

.products__label {
  background: #111a5d;
  color: #ffffff;
  padding: 7px 15px;
  font-size: 14px;
  font-weight: bold;
}

.products__sale {
  background: green;
  color: #ffffff;
  padding: 7px 15px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 10px 0;
}

.products__label--new {
  background: green;
}

.products__favorite {
  width: 23px;
  display: flex;
  flex-grow: 10;
  justify-content: flex-end;
}

.products__favorite a {
  width: 23px;
  display: block;
  height: 20px;
  background: url(/images/template_2020/favorite-sprite.png) no-repeat 0 0;
}

.products__favorite a.active {
  background-position: 0 100%;
}

.products__favorite a img {
  display: none;
}

.products__image {
  padding: 0 20px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 151;
  background: #ffffff;
  height: 206px;
}

.products__gallery {
  padding: 0 20px 20px;
  display: flex;
  align-items: center;
  display: none;
}

.products__gallery-item {
  width: calc(33.33% - 12px);
  margin-right: 17px;
  height: 75px;
  border: 1px solid #d0dae2;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 300ms;
  position: relative;
}

.products__gallery-item:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #111a5d;
  opacity: 0;
  visibility: hidden;
}

.products__gallery-item:hover,.products__gallery-item.active {
  border-color: #111a5d;
}

.products__gallery-item.active:before {
  opacity: 1;
  visibility: visible;
}

.products__gallery-item:after {
  content: '';
  display: block;
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 13px;
  height: 13px;
  background: url(/images/template_2020/search-icon.png) no-repeat 50%;
  background-size: contain;
}

.products__gallery-item img {
  max-width: 90%;
  max-height: 90%;
}

.products__gallery-item:nth-child(3n) {
  margin-right: 0;
}

.products__info {
  background: #f6f1e8;
  padding: 18px 30px;
  border-top: 1px solid #d0dae2;
  border-bottom: 1px solid #d0dae2;
  height: 275px;
}
.products__el:hover .products__info, .products-gifts__items .products__info{
	height: auto;
}

.products__info ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  color: #77879b;
  font-size: 16px;
}

.products__info ul li:last-child {
  margin-bottom: 0;
}

.products__info ul li span:last-child {
  color: #303d56;
}

.products__name {
  color: #303d56;
  font-size: 19px;
  display: block;
  text-align: center;
  text-decoration: none;
  margin-bottom: 15px;
  height: 78px;
  overflow: hidden;
}

.products__name:hover {
  color: #ffaf3a;
}

.products__footer {
  background: #f6f1e8;
  padding: 30px;
  position: relative;
}

.products__footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.products__amount {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  display: none;
}

.products__amount .product__amount, .products__amount .product__amount_basket{
  margin-right: 0;
  width: 100%;
}

.products__amount .product__amount input,.products__amount .product__amount_basket input {
  flex-grow: 10;
}

.products__price {
  color: #303d56;
  font-weight: bold;
  font-size: 23px;
  text-align: right;
  max-height: 48px;
}

.products__price .old {
  color: #303D56;
  opacity: 0.5;
  font-size: 16px;
  font-weight: 600;
  text-decoration: line-through;
}

.products__youtube {
  text-align: center;
  margin-top: 15px;
  display: none;
}

.products__booking {
  color: #ffaf3a;
  text-align: center;
  margin-top: 15px;
}

.products__to-basket {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #ffaf3a;
  border-radius: 4px;
  height: 48px;
  padding: 0 10px;
  border: 0;
  transition: 300ms;
  font-size: 15px;
  text-decoration: none;
}

.products__to-basket.red {
  background: red;
}

.products__to-basket.red:hover {
  background: red;
}

.products__to-basket.gray {
  background: gray;
}

.products__to-basket.gray:hover {
  background: gray;
}

.products__to-basket img {
  flex-shrink: 0;
  margin-right: 7px;
}

.products__to-basket:hover {
  background: #eaa136;
}

.products__one-click-buy {
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
}

.products__one-click-buy a {
  color: #303d56;
  font-size: 16px;
}

.products__one-click-buy a:hover {
  text-decoration: none;
}

.products__description {
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  border: 1px solid #d0dae2;
  border-radius: 0 0 4px 4px;
  padding: 25px 30px;
  background: #f6f1e8;
  transform: translateY(0px);
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
}

.products__description span {
  color: #77879b;
}

.products__description div {
  margin-top: 13px;
}

.products__footer-line {
  display: flex;
  justify-content: flex-end;
  position: relative;
  margin-top: 20px;
  margin-bottom: 50px;
}

.products__more {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 202px;
  height: 42px;
  background-color: white;
  border: 1px solid #d0dae2;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
}

.products__more:hover {
  border-color: #ffaf3a;
}

.products__more:hover img {
  transform: rotate(180deg);
}

.products__more img {
  flex-shrink: 0;
  margin-right: 9px;
  transition: 300ms;
}

.products__banner {
  margin-bottom: 35px;
}

.products__banner img {
  border-radius: 4px;
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 1336px) {
  .products__filter {
    justify-content: space-between;
  }
  .products__filter .pagination {
    display: none;
  }
  .products__sort {
    margin-right: 0;
  }
  .products__sort-item {
    font-size: 15px;
    margin-right: 25px;
  }
  .products__el,
  .products__items.products--small-grid .products__el {
    width: calc(50% - 15px);
  }
  .products__el:nth-child(3n),
  .products__items.products--small-grid .products__el:nth-child(3n) {
    margin-right: 30px;
  }
  .products__el:nth-child(2n),
  .products__items.products--small-grid .products__el:nth-child(2n) {
    margin-right: 0;
  }
  .filter__amount {
    display: none;
  }
  .filter__item:after {
    display: none;
  }
  .filter__years-inputs {
    width: 175px;
  }
  .filter__years-items {
    width: calc(100% - 175px);
  }
}

@media only screen and (max-width: 991px) {
  .main {
    position: relative;
  }
  .main__container {
    display: block;
  }  
  .country-filter {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    max-width:500px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 300ms;
    transform: translateX(-100%);
    max-height: 500px;
  }
  .country-filter.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  .country-filter__close {
    display: flex;
    width: 15px;
  }
  .country-filter__header {
    height: 44px;
  }
  .country-filter__letters {
    display: none;
  }
  .products__footer-line {
    flex-direction: column;
    align-items: center;
  }
  .products__more {
    position: static;
    transform: none;
    margin-bottom: 15px;
    width: 172px;
  }
  .products__name {
    font-size: 17px;
    height: auto;
  }
  .products__info{
	height: auto;
  }
  .products__info ul li {
    font-size: 14px;
  }
  .products__price {
    font-size: 22px;
  }
  .products__to-basket {
    font-size: 13px;
  }
  .filter {
    position: absolute;
    left: 0;
    top: -40px;
    width: 420px;
    max-width: 100%;
    height: auto;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    transition: 300ms;
    border-radius: 0;
  }
  .filter.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  .filter__nav {
    display: block;
  }
  .filter__el {
    width: 100%;
    height: 40px;
  }
  .filter__name {
    /*width: 262px;*/
    width: 90%;
  }
  .filter__dropdown .scroll-content {
    padding: 15px;
  }
  .filter__years {
    display: block;
  }
  .filter__years-items {
    width: 100%;
    margin-top: 15px;
  }
  .filter__years-items .checkbox-wrap {
    width: 50%;
  }
  .filter__price {
    flex-wrap: wrap;
    justify-content: center;
  }
  .filter__price .filter__confirm {
    margin-left: 0;
    margin-top: 15px;
  }
   .filter__items {
    -moz-columns: 2;
    columns: 2;
  }
  .filter__cols {
    display: block;
  }
  .filter__col {
    width: 100%;
  }
  .filter__header {
    display: flex;
    background: #111a5d;
    height: 44px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    font-size: 18px;
  }
  .filter__close {
    width: 15px;
    display: flex;
  }
}

@media only screen and (max-width: 767px) {
  .products__filter {
    display: none;
  }
  .products__title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 22px;
  }
  .products__items {
    display: block;
    margin: 0 auto;
    max-width: 360px;
  }
  .products__el,
  .products__items.products--small-grid .products__el {
    width: 100%;
    margin-right: 0 !important;
  }
  .products__el:hover .products__item,
  .products__items.products--small-grid .products__el:hover .products__item {
    position: static;
  }
  .products__booking {
    display: block;
  }
  .products__amount {
    display: flex;
  }
  .products__youtube {
    display: block;
  }
  .products__banner {
    display: none;
  }
  .products__item:hover {
    transform: none;
    z-index: 5;
    box-shadow: none;
  }
   
  .products__item:hover .products__view {
	  opacity: 0;
		transform: translateY(0);
 }

  .products__gallery {
    display: flex;
  }
  .products__description {
    display: none;
  }
  .products__one-click-buy {
    opacity: 1;
    visibility: visible;
  }
  .products__footer {
    padding-bottom: 55px;
  }
}

/* good */
.good {
  width: 292px;
  background: #FFFFFF;
  border: 1px solid #D0DAE2;
  border-radius: 3px;
  background: #ffffff;
  position: relative;
}

.good:hover .good__fast-view {
  opacity: 1;
  visibility: visible;
}

.good__icon {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 40px;
  height: 40px;
}

.good__fast-view {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #FFB931;
  height: 36px;
  color: #ffffff;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  transition: 300ms;
}

.good__fast-view img {
  margin-right: 10px;
}

.good__img {
  padding: 15px;
  height: 173px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #D0DAE2;
}

.good__name {
  margin: 12px 16px 20px;
  height: 50px;
  overflow: hidden;
  font-weight: bold;
  font-size: 18px;
}

.good__name:hover {
  color: #111a5d;
}

.good__list {
  border-bottom: 1px solid #D0DAE2;
  border-top: 1px solid #D0DAE2;
}

.good__list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 5px 15px;
  font-size: 13px;
}

.good__list li:nth-child(2n - 1) {
  background: #EFF2F5;
}

.good__list li span:first-child {
  color: #77879B;
  font-size: 12px;
}

.good__price {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}

.good__price span {
  color: #8190A2;
}

.good__price .price {
  font-weight: bold;
  font-size: 22px;
}

.good__footer {
  display: grid;
  grid-template-columns: 46px 1fr;
  grid-gap: 14px;
  padding: 0 16px 20px;
}

.good__collection {
  width: 46px;
  height: 46px;
  border: 1px solid #D8E0E6;
  border-radius: 4px;
  background: url(/images/template_2020/collection-icon.png) no-repeat top;
}

.good__collection:hover {
  border-color: #FFB931;
}

.good__collection.active {
  background-position: bottom;
}

.good__btn {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  border-radius: 4px;
  background: linear-gradient(274.85deg, #FF820F -54.19%, #FFC147 91.67%);
  position: relative;
}

.good__btn.green {
  background: linear-gradient(278.12deg, #70C04B -4.71%, #AFE242 157.96%);
}

.good__btn.green img {
  margin-right: 10px;
}

.good__btn.green:before {
  background: linear-gradient(90deg, #70C04B -4.71%, #AFE242 157.96%);
}

.good__btn.red {
  background: linear-gradient(99.16deg, #FA4B4B -42.88%, #EF915C 141.73%);
}

.good__btn.red img {
  margin-right: 10px;
}

.good__btn.red:before {
  background: linear-gradient(270deg, #FA4B4B -42.88%, #EF915C 141.73%);
}

.good__btn:hover:before {
  opacity: 1;
}

.good__btn:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #FF820F -54.19%, #FFC147 91.67%);
  opacity: 0;
  transition: 300ms;
}

.good__btn img {
  margin-right: 24px;
  position: relative;
  z-index: 3;
}

.good__btn span {
  position: relative;
  z-index: 3;
}

/* Slick arrow */
.slick-arrow {
  font-size: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #FFB931;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  cursor: pointer;
  transition: 300ms;
  position: relative;
}

.slick-arrow:hover:after {
  opacity: 1;
}

.slick-arrow:hover:before {
  border-color: #fff;
}

.slick-arrow:after {
  content: '';
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  background: linear-gradient(274.85deg, #FF820F -54.19%, #FFC147 91.67%);
  border-radius: 3px;
  opacity: 0;
  transition: 300ms;
}

.slick-arrow:before {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  border: 2px solid #FFB931;
  border-top: none;
  border-left: none;
  transform: rotate(135deg);
  margin-left: 5px;
  transition: 300ms;
  z-index: 3;
}

.slick-arrow.slick-next:before {
  transform: rotate(-45deg);
  margin-left: -3px;
}

/* Numizmatik news */
.numizmatik-news {
  margin-bottom: 64px;
}

.numizmatik-news__title {
  font: 500 24px 'Muller';
  margin-bottom: 30px;
  max-width: 648px;
}

.numizmatik-news__item {
  width: 292px;
  margin-right: 30px;
  transition: 300ms;
  border-radius: 3px;
  border: 1px solid #D0DAE2;
  transition: 300ms;
  padding: 20px;
}

.numizmatik-news__item:hover {
  background: #FFFFFF;
}

.numizmatik-news__img {
  height: 123px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  margin-bottom: 22px;
}

.numizmatik-news__carousel .slick-slide {
  margin-right: 30px;
}

.numizmatik-news__date {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #888888;
  margin-bottom: 10px;
}

.numizmatik-news__date img {
  margin-right: 5px;
}

.numizmatik-news__name {
  font-size: 18px;
  font-weight: bold;
  color: #111a5d;
  margin-bottom: 16px;
}

.numizmatik-news__text {
  line-height: 1.5;
  font-size: 14px;
  color: #333333;
  margin-bottom: 28px;
}

.numizmatik-news .slick-arrow {
  position: absolute;
  top: -72px;
  right: 0;
}

.numizmatik-news .slick-arrow.slick-prev {
  right: 56px;
}

@media only screen and (max-width: 1300px) {
  .numizmatik-news__title {
    max-width: 520px;
  }
  .numizmatik-news__item {
    margin-right: 35px;
  }
}

@media only screen and (max-width: 991px) {
  .numizmatik-news .slick-list {
    overflow: visible;
  }
}

@media only screen and (max-width: 767px) {
  .numizmatik-news {
    margin-bottom: 100px;
  }
  .numizmatik-news__title {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .numizmatik-news .slick-arrow {
    top: auto;
    bottom: -60px;
  }
  .numizmatik-news .slick-arrow.slick-prev {
    right: auto;
    left: 0;
  }
}

/* Video about */
.video-about {
  margin-bottom: 77px;
}

.video-about__title {
  font: 500 24px 'Muller';
  margin-bottom: 20px;
}

.video-about__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 36px;
}

.video-about__item {
  height: 263px;
}

@media only screen and (max-width: 767px) {
  .video-about__items {
    display: block;
  }
  .video-about__item {
    margin-bottom: 15px;
    max-width: 400px;
  }
  .video-about__title {
    font-size: 16px;
  }
}

/* Feedbacks */
.feedbacks {
  margin-bottom: 77px;
}

.feedbacks__title {
  font: 500 24px 'Muller';
  margin-bottom: 30px;
}

.feedbacks__item {
  border: 1px solid #D5D5D5;
  border-radius: 3px;
  width: 292px;
  margin-right: 30px;
  padding: 15px;
  height: 100%;
}

.feedbacks__date {
  display: flex;
  align-items: center;
  color: #686D73;
  font-size: 13px;
  margin-bottom: 7px;
}

.feedbacks__date img {
  margin-right: 5px;
}

.feedbacks__author {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 7px;
}

.feedbacks__text {
  color: #333333;
}

.feedbacks .slick-arrow {
  position: absolute;
  right: 0;
  top: -64px;
}

.feedbacks .slick-arrow.slick-prev {
  right: 56px;
}

@media only screen and (max-width: 1300px) {
  .feedbacks__item {
    margin-right: 35px;
  }
}

@media only screen and (max-width: 991px) {
  .feedbacks .slick-list {
    overflow: visible;
  }
}

@media only screen and (max-width: 767px) {
  .feedbacks {
    margin-bottom: 100px;
  }
  .feedbacks__title {
    font-size: 16px;
  }
  .feedbacks .slick-arrow {
    top: auto;
    bottom: -60px;
  }
  .feedbacks .slick-arrow.slick-prev {
    right: auto;
    left: 0;
  }
}

/* Forum */
.forum {
  margin-bottom: 115px;
}

.forum__title {
  font: 500 24px 'Muller';
  margin-bottom: 30px;
}

.forum__item {
  margin-bottom: 40px;
}

.forum__item:last-child {
  margin-bottom: 0;
}

.forum__date {
  display: flex;
  align-items: center;
  color: #888888;
  font-size: 13px;
  margin-bottom: 3px;
}

.forum__date img {
  margin-right: 5px;
}

.forum__name {
  color: #111a5d;
  font-size: 15px;
  margin-bottom: 5px;
}

.forum__name:hover {
  color: #FFB931;
}

.forum__text {
  color: #333333;
}

@media only screen and (max-width: 767px) {
  .forum {
    display: none;
  }
}

/* Metro */
.metro {
  font-size: 18px;
  font-weight: bold;
  color: #111a5d;
  margin-bottom: 120px;
  border-bottom: 1px solid #111a5d;
  margin-bottom: 10px;
}

.metro:hover {
  border-color: transparent;
}

@media only screen and (max-width: 767px) {
  .metro {
    font-size: 16px;
    border: none;
    text-decoration: underline;
  }
  .metro:hover {
    text-decoration: none;
  }
}

/* Footer */
.footer {
  background: #111a5d;
  padding-top: 44px;
  color: #ffffff;
  padding-bottom: 20px;
}

.footer__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer__item {
  width: 21%;
  padding-right: 15px;
  margin-bottom: 40px;
}

.footer__label {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 17px;
  line-height: 20px;
  height: 20px;
}

.footer__list li {
  margin-bottom: 10px;
}

.footer__list li:last-child {
  margin-bottom: 0;
}

.footer__list li a {
  text-decoration: none;
  font-size: 14px;
}

.footer__list li a:hover {
  color: #FFB931;
}

.footer__city {
  margin-bottom: 18px;
  font-size: 14px;
}

.footer__title {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 9px;
}

.footer__title img {
  flex-shrink: 0;
  margin-right: 9px;
}

.footer__text {
  font-size: 14px;
  margin-bottom: 12px;
}

.footer__time {
  width: 160px;
}

.footer__logo {
  margin-bottom: 18px;
}

.footer__copyright {
  margin-bottom: 12px;
  font-size: 14px;
}

.footer__metrics {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}

.footer__metrics a {
  margin-right: 13px;
}

.footer__metrics a:last-child {
  margin-right: 0;
}

.footer__info {
  font-size: 14px;
}

.footer__mob-list {
  display: none;
}

@media only screen and (max-width: 991px) {
  .footer {
    padding-bottom: 0;
  }
  .footer__inner {
    align-items: flex-start;
  }
  .footer__item {
    width: 40%;
    padding-right: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #414c9e;
  }
  .footer__item--last {
    padding-right: 0;
    width: 100%;
    text-align: center;
    margin: 22px 0 33px;
    border-bottom: 0;
  }
  .footer__item--hide-mob {
    display: none;
  }
  .footer__mob-list {
    display: block;
    margin-top: 20px;
  }
  .footer__list {
    display: none;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .footer__metrics {
    justify-content: center;
  }
  .footer__label {
    text-transform: none;
    margin-bottom: 0;
    padding-bottom: 0;
    height: auto;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 400;
    position: relative;
  }
  .footer__label.active:after {
    transform: rotate(-135deg);
  }
  .footer__label:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 7px;
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border: 1px solid #fff;
    border-top: 0;
    border-left: 0;
    transition: 300ms;
  }
}

@media only screen and (max-width: 767px) {
  .footer__item {
    width: 100%;
  }
}

/* Subscribe */
.subscribe {
  background: #EFF2F5;
}

.subscribe__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
}

.subscribe__text {
  font-size: 24px;
  font-weight: 300;
}

.subscribe__link {
  margin-left: 30px;
  flex-shrink: 0;
  width: 250px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 20px;
  font-weight: 300;
  background: #7D8C9F;
  border-radius: 3px;
  text-decoration: none;
}

.subscribe__link:hover {
  background: #111a5d;
}

@media only screen and (max-width: 991px) {
  .subscribe__text {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .subscribe__inner {
    display: block;
    text-align: center;
  }
  .subscribe__text {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .subscribe__link {
    margin-right: 0;
    width: 200px;
    height: 40px;
    font-size: 16px;
    margin: 0 auto;
  }
}

/* Mob header */
.mob-header {
  display: none;
}

@media only screen and (max-width: 991px) {
  .mob-header {
    display: flex;
    align-items: center;
    padding: 7px 15px;
    margin-bottom: 15px;
  }
  .mob-header__toggler {
    cursor: pointer;
    margin-right: 14px;
    flex-shrink: 0;
  }
  .mob-header .search {
    flex-grow: 10;
    margin-right: 0;
  }
  .mob-header .search__category,
  .mob-header .search > input,
  .mob-header .search > button {
    height: 36px;
  }
  .mob-header__to-basket {
    flex-shrink: 0;
    margin-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .mob-header .search {
    width: 150px;
  }
  .mob-header .search__categories {
    width: 250px;
  }
}

/* Mobile menu */
@media only screen and (min-width: 990px) {
  .mobile-menu {
    display: none;
  }
}

.mobile-menu {
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  background: #111a5d;
  z-index: 9999;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
}

.mobile-menu.active {
  opacity: 1;
  visibility: visible;
}

.mobile-menu__price {
  flex-grow: 10;
  text-align: right;
}

.mobile-menu__price span {
  color: #FFB931;
  font-weight: bold;
}

.mobile-menu__auth-container {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 30px;
  width: 100%;
}

.mobile-menu__auth-container:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 6px;
  background: url(/images/template_2020/arrow-white-down.svg) no-repeat 50%;
}

.mobile-menu__nav {
  padding: 10px 0;
}

.mobile-menu__header {
  background: linear-gradient(95.17deg, #414C9E -24.94%, #1D2681 91.44%);
}

.mobile-menu__auth {
  padding: 10px 15px;
  color: #ffffff;
  font-size: 16px;
}

.mobile-menu__auth img {
  margin-right: 14px;
}

.mobile-menu__auth span {
  display: inline-block;
  margin: 0 5px;
}

.mobile-menu__nav {
  border-bottom: 1px solid #414C9E;
  margin-bottom: 20px;
}

.mobile-menu__nav-header {
  padding: 12px 17px;
  position: relative;
  font-size: 15px;
}

.mobile-menu__nav-header.active:after {
  transform: rotate(180deg);
}

.mobile-menu__nav-header:after {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 5px;
  background: url(/images/template_2020/arrow-white-down.svg) no-repeat 50%;
  right: 17px;
  top: 20px;
  transition: 300ms;
}

.mobile-menu__nav-body {
  background: linear-gradient(95.17deg, #414C9E -24.94%, #1D2681 91.44%);
  padding: 12px 17px;
  display: none;
}

.mobile-menu__nav-body li {
  margin-bottom: 15px;
  font-size: 14px;
}

.mobile-menu__nav-body li:last-child {
  margin-bottom: 0;
}

.mobile-menu__head {
  padding: 12px 17px;
  display: flex;
  align-items: center;
}

.mobile-menu__head.has-dropdown {
  position: relative;
}

.mobile-menu__head.has-dropdown:after {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 5px;
  background: url(/images/template_2020/arrow-white-down.svg) no-repeat 50%;
  right: 17px;
  top: 20px;
  transition: 300ms;
}

.mobile-menu__icon {
  margin-right: 12px;
  width: 16px;
  display: flex;
}

.mobile-menu__body {
  background: linear-gradient(95.17deg, #414C9E -24.94%, #1D2681 91.44%);
  padding: 12px 17px;
  display: none;
}

.mobile-menu__body a {
  display: block;
  margin: 5px 0;
}

.mobile-menu__callback {
  height: 46px;
  border-radius: 4px;
  border: 1px solid #FFB931;
  color: #FFB931;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px;
}

.mobile-menu__social {
  border-top: 1px solid #414C9E;
  padding: 15px 17px;
  display: flex;
  justify-content: space-between;
}

.mobile-menu__social li a {
  border: 1px solid #414C9E;
  border-radius: 4px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
}

/* Fancybox */
.modal {
  padding: 48px 45px;
  border-radius: 4px;
  display: none;
  width: 550px;
  max-width: 90%;
}

.modal .fancybox-close-small {
  display: none;
}

.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.modal__title {
  font: 500 30px 'Muller';
}

.modal__close {
  color: #BDBDBD;
  font-size: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.modal__close img {
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .modal {
    padding: 30px 15px;
  }
  .modal__title {
    font-size: 18px;
  }
}

/* Modal callback */
.modal-callback__footer {
  margin-top: 30px;
  text-align: center;
}

.modal-callback__footer .btn {
  width: 100%;
}

.modal-callback__agreement {
  font-size: 12px;
  text-align: center;
  margin-bottom: 12px;
}

.modal-callback__agreement a {
  color: #111a5d;
  text-decoration: underline;
}

.modal-callback__agreement a:hover {
  text-decoration: none;
}

/* Auth */
.auth__nav {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  justify-content: space-between;
}

.auth__forget {
  font-size: 16px;
  text-decoration: underline;
}

.auth__forget:hover {
  text-decoration: none;
}

.auth__confirm {
  width: 211px;
}

.auth__or {
  position: relative;
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
}

.auth__or span {
  position: relative;
  z-index: 2;
  padding: 0 15px;
  background: #ffffff;
}

.auth__or:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 12px;
  background: #EFF2F5;
  height: 1px;
}

.auth__social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.auth__social li {
  margin-right: 5px;
}

.auth__social li:last-child {
  margin-right: 0;
}

.auth__to-reg {
  border-top: 1px solid #EFF2F5;
  padding-top: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
}

.auth__to-reg a {
  color: #111a5d;
}

.auth__to-reg a:hover {
  text-decoration: underline;
}

.auth__social-label {
  margin-bottom: 25px;
}

.auth .checkbox {
  margin-bottom: 20px;
}

.auth__register {
  width: 100%;
  margin-bottom: 20px;
}

.auth__remember {
  width: 100%;
  margin-top: 30px;
}

.auth__agreement a {
  color: #111a5d;
  text-decoration: underline;
}

.auth__agreement a:hover {
  text-decoration: none;
}

.auth__success {
  font-size: 18px;
}

/* Checkbox */
.checkbox {
  display: flex;
  align-items: center;
}

.checkbox__inner {
  flex-shrink: 0;
  border: 1px solid #1D2681;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
}

.checkbox__inner span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(29, 38, 129, 0.85) url(../images/tick.svg) no-repeat 50%;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  border-radius: 3px;
}

.checkbox__inner input {
  opacity: 0;
  position: absolute;
}

.checkbox__inner input:checked + span {
  opacity: 1;
  visibility: visible;
}

.checkbox__text {
  font-weight: 600;
  font-size: 14px;
}

/* Profile */
.profile__title {
  font: 500 30px 'Muller';
  margin-bottom: 40px;
}

.profile__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}

.profile__info {
  display: flex;
  align-items: center;
}

.profile__name {
  font: 700 32px 'Muller';
  margin-right: 24px;
}

.profile__age {
  font-size: 18px;
  font-weight: 600;
  color: #828A93;
}

.profile__age span {
  display: inline-block;
  margin-left: 10px;
  color: #242A7E;
}

.profile__btn {
  width: 230px;
  font-size: 12px;
}

.profile__btn img {
  margin-right: 20px;
  position: relative;
  z-index: 3;
}

.profile__rate {
  margin-bottom: 72px;
  display: flex;
  align-items: center;
}

.profile__rate-number {
  font-size: 18px;
  font-weight: bold;
  margin-left: 10px;
  color: #111a5d;
}

.profile__stars {
  display: flex;
  align-items: center;
}

.profile__star {
  margin-right: 5px;
  width: 24px;
  height: 24px;
  background: url(/images/template_2020/star.png) no-repeat left;
}

.profile__star.semifilled {
  background-position: -24px 50%;
}

.profile__star.filled {
  background-position: -48px 50%;
}

.profile__links {
  margin-bottom: 89px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.profile__links a {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #111A5D;
}

.profile__links a img {
  flex-shrink: 0;
  margin-right: 15px;
}

.profile__item {
  display: flex;
  align-items: center;
  height: 68px;
  border-bottom: 1px solid #EFF2F5;
  font-size: 24px;
}

.profile__item:first-child {
  border-top: 1px solid #EFF2F5;
}

.profile__item img {
  flex-shrink: 0;
  margin-right: 15px;
}

.profile__item.has-dropdown {
  position: relative;
}

.profile__item.has-dropdown:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 30px;
  width: 16px;
  height: 10px;
  background: url(/images/template_2020/profile-arrow.svg) no-repeat 50%;
  transition: 300ms;
}

.profile__item.active {
  color: #414C9E;
  font-weight: 600;
}

.profile__item.active:after {
  transform: rotate(180deg);
}

.profile__content {
  padding-top: 20px;
  display: none;
}

.profile__content p {
  font-size: 16px;
  color: #000000;
  margin-bottom: 20px;
}

.profile__content h3 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

.profile__rates {
  width: 320px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px 30px;
  margin-bottom: 22px;
}

.profile__rates li {
  display: flex;
  align-items: center;
}

.profile__rates .profile__star {
  width: 18px;
  height: 18px;
  background-size: 54px 18px;
}

.profile__rates .profile__star.semifilled {
  background-position: -18px 50%;
}

.profile__rates .profile__star.filled {
  background-position: -36px 50%;
}

@media only screen and (max-width: 1300px) {
  .profile__info {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
  }
  .profile__header {
    align-items: flex-start;
  }
  .profile__links {
    display: block;
  }
  .profile__links a {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .profile__title {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .profile__header {
    display: block;
    position: relative;
    margin-bottom: 30px;
  }
  .profile__name {
    margin-bottom: 13px;
    font-size: 24px;
  }
  .profile__btn {
    position: absolute;
    bottom: -120px;
    left: 0;
  }
  .profile__rate {
    margin-bottom: 90px;
  }
  .profile__links {
    margin-bottom: 30px;
  }
  .profile__links a {
    width: 100%;
    border: 1px solid #FFB931;
    border-radius: 2px;
    height: 50px;
    justify-content: center;
    font-size: 14px;
    color: #8190A2;
  }
  .profile__icon {
    width: 15px;
    margin-right: 10px;
  }
  .profile__item {
    font-size: 16px;
    padding-right: 15px;
  }
}

/* Change password */
.change-password__footer {
  margin-top: 50px;
}

.change-password__footer.row {
  display: flex;
  align-items: center;
}

.change-password__footer.row .btn {
  width: 320px;
  max-width: 100%;
  margin-right: 26px;
  margin-top: 0;
  order: -1;
}

.change-password__footer.row .change-password__agreement {
  max-width: 280px;
}

.change-password__agreement {
  color: #7D8C9F;
}

.change-password__agreement a {
  color: #111a5d;
  text-decoration: underline;
}

.change-password__agreement a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 1300px) {
  .change-password__footer.row {
    display: block;
  }
  .change-password__footer.row .btn {
    margin-right: 0;
  }
  .change-password__footer.row .change-password__agreement {
    margin-bottom: 15px;
  }
}

.files {
  margin-top: 10px;
}

.files li {
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  color: #111a5d;
}

.files__remove {
  width: 16px;
  height: 16px;
  background: url(/images/template_2020/close-svg.svg) no-repeat 50%;
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
}

.input-file {
  position: relative;
  background: #fff url(/images/template_2020/download-icon.svg) no-repeat 94% 50%;
  border: 1px solid #CAD3DB;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  font-family: inherit;
  display: block;
  width: 100%;
  padding: 0 20px;
  height: 60px;
  color: #515151;
  display: flex;
  align-items: center;
}

.input-file input {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
}

/* Modal profile */
.modal-profile__title {
  margin: 48px 0 27px;
  font-weight: 600;
  font-size: 18px;
}

.modal-profile .checkbox {
  margin-bottom: 20px;
}

/* About me */
.about-me {
  width: 1020px;
}

.about-me__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px 40px;
  margin-bottom: 37px;
}

.about-me__body {
  display: grid;
  grid-template-areas: "fio fio about about"
 "birthday sex about about"
 "phone phone about about";
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 16px 40px;
  margin-bottom: 47px;
}

.about-me textarea {
  height: 230px;
}

.about-me .field {
  margin-bottom: 0;
}

.about-me__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80px;
}

@media only screen and (max-width: 1300px) {
  .about-me {
    width: 500px;
    max-width: 90%;
  }
  .about-me .field {
    margin-bottom: 12px;
  }
  .about-me__header {
    display: block;
  }
  .about-me__body {
    display: block;
  }
  .about-me__footer {
    display: block;
  }
  .about-me__footer .checkbox {
    margin-bottom: 12px;
  }
}

/* Radios */
.radios {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #7D8C9F;
  border-radius: 2px;
  overflow: hidden;
}

.radios__item {
  height: 48px;
  cursor: pointer;
}

.radios__item input {
  position: absolute;
  opacity: 0;
}

.radios__item input:checked + span {
  color: #ffffff;
}

.radios__item input:checked + span:before {
  opacity: 1;
}

.radios__item > span {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  position: relative;
}

.radios__item > span span {
  position: relative;
  z-index: 3;
}

.radios__item > span:before {
  content: '';
  display: block;
  opacity: 0;
  transition: 300ms;
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  right: -1px;
  background: linear-gradient(274.85deg, #FF820F -54.19%, #FFC147 91.67%);
}

/* Breadcrumbs */
.home .breadcrumbs{
	display:none;
}
.breadcrumbs {
  margin-bottom: 20px;
}

.breadcrumbs li {
  color: #111a5d;
  font-size: 12px;
  display: inline;
}

.breadcrumbs li:after {
  content: '/';
  display: inline-block;
  margin: 0 5px;
}

.breadcrumbs li:last-child:after {
  display: none;
}

.breadcrumbs li a {
  display: inline;
  color: #7D8C9F;
}

.breadcrumbs li a:hover {
  color: #111a5d;
}

@media only screen and (max-width: 767px) {
  .breadcrumbs {
    background: #EFF2F5;
    /*width: calc(100% + 30px);*/
    margin-left: -15px;
    padding: 10px 15px;
    text-align: center;
  }
}

/* Subscribes */
.subscribes__title {
  font: 500 30px 'Muller';
  margin-bottom: 31px;
}

.subscribes__container {
  background: #F3F5F7;
  padding: 25px;
}

.subscribes__header {
  border-bottom: 1px solid #D0DAE2;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.subscribes__header-item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 20px;
  color: #111a5d;
}

.subscribes__header-item img {
  width: 18px;
  margin-right: 17px;
}

.subscribes__item {
  margin-bottom: 25px;
}

.subscribes__item .checkbox {
  margin-bottom: 7px;
}

.subscribes__item .checkbox__inner {
  background: #ffffff;
  border: 1px solid #CED0DA;
}

.subscribes__item .checkbox__text {
  font-size: 16px;
}

.subscribes__text {
  font-size: 16px;
  line-height: 1.6;
}

.subscribes__head {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 14px;
}

.subscribes .radio {
  margin-bottom: 14px;
}

.subscribes .btn {
  width: 245px;
  height: 50px;
  font-size: 18px;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .subscribes__title {
    font-size: 18px;
    margin-bottom: 15px;
  }
}

/* Orders */
.orders {
  padding-bottom: 38px;
}

.orders__title {
  font: 30px 500 'Muller';
  margin-bottom: 15px;
}

.orders__description {
  font-size: 16px;
  color: #4F4F4F;
  margin-bottom: 30px;
}

.orders__description a {
  color: #111a5d;
  text-decoration: underline;
}

.orders__description a:hover {
  text-decoration: none;
}

.orders__table {
  border-collapse: collapse;
  margin-bottom: 38px;
}

.orders__table th {
  background: #29328A;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  height: 61px;
  padding: 3px 8px;
}

.orders__table th:nth-child(5), .orders__table th:nth-child(6), .orders__table th:nth-child(7), .orders__table th:nth-child(8) {
  white-space: nowrap;
}

.orders__table th:first-child {
  text-align: left;
  padding-left: 15px;
  border-radius: 4px 0 0 0;
}

.orders__table th:last-child {
  border-radius: 0 4px 0 0;
}

.orders__table tr:nth-child(2n) td {
  background: #EFF2F5;
}

.orders__table td {
  height: 80px;
  padding: 20px 8px;
  font-size: 14px;
  text-align: center;
}

.orders__table td:nth-child(4) {
  width: 230px;
}

.orders__table td:nth-child(6), .orders__table td:nth-child(7), .orders__table td:nth-child(8) {
  white-space: nowrap;
}

.orders__table td:first-child {
  text-align: left;
  padding-left: 15px;
  min-width: 150px;
}

.orders__payment .btn {
  margin: 13px 0 5px;
}

.orders__caption {
  font-weight: 300;
  font-size: 12px;
}

.orders__caption span {
  font-weight: 600;
}

.orders__cheque {
  font-size: 12px;
  color: #111a5d;
  text-decoration: underline;
}

.orders__cheque:hover {
  text-decoration: none;
}

.orders .red {
  color: #EB5757;
  font-weight: 600;
}

.orders__say {
  width: 101px;
}

.orders__watch {
  width: 112px;
}

.orders__table-mob {
  display: none;
}

@media only screen and (max-width: 1300px) {
  .orders__table-wrap {
    overflow: auto;
    width: calc(100vw - (100vw - 970px)/2);
  }
  .orders__table {
    width: 1200px;
  }
}

@media only screen and (max-width: 991px) {
  .orders__table-wrap {
    width: calc(100vw - (100vw - 750px)/2);
  }
}

@media only screen and (max-width: 767px) {
  .orders {
    padding-bottom: 0;
  }
  .orders__table-wrap {
    display: none;
  }
  .orders__title {
    font-size: 20px;
    margin-bottom: 7px;
  }
  .orders__table-mob {
    display: block;
    margin-bottom: 35px;
  }
  .orders__item {
    margin-bottom: 10px;
  }
  .orders__header {
    background: #C0C8CF;
    border-radius: 4px;
    transition: 300ms;
    height: 50px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
  }
  .orders__header.active {
    background: #111a5d;
    border-radius: 4px 4px 0 0;
  }
  .orders__header.active .orders__arrow {
    transform: rotate(180deg);
  }
  .orders__arrow {
    width: 8px;
    height: 5px;
    transition: 300ms;
    background: url(/images/template_2020/arrow-white-down.svg) no-repeat 50%;
  }
  .orders__body {
    background: #EFF2F5;
    display: none;
  }
  .orders__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    padding: 18px 16px;
  }
  .orders__row.column {
    flex-direction: column;
    align-items: flex-start;
  }
  .orders__head {
    font-weight: 600;
    color: #111a5d;
  }
  .orders__type {
    margin-bottom: 15px;
  }
  .orders__caption {
    margin-bottom: 10px;
  }
  .orders__to-pay {
    width: 100%;
    max-width: 350px;
  }
  .orders__row.links a {
    background: #FFFFFF;
    border-radius: 4px;
    width: 100%;
    max-width: 350px;
    height: 46px;
    border: 1px solid #FFB931;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .orders__row.links a:first-child {
    margin-bottom: 10px;
  }
}

/* Pagination */
.pagination {
  flex-grow: 10;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}

.pagination__list {
  border: 1px solid #d0dae2;
  border-radius: 3px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}

.pagination .paginator {
  display: flex;
  align-items: center;
}

.pagination a,
.pagination span {
  margin: 6px 0;
  width: 30px;
  height: 30px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-radius: 50%;
}

.pagination a:hover,
.pagination span:hover {
  color: #FFB931;
}

.pagination a.active,
.pagination span.active {
  background: #111a5d;
  color: #ffffff;
  color: #ffffff;
}

.pagination__footer {
  position: relative;
}

.pagination__more {
  border: 1px solid #D0DAE2;
  width: 202px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  font-size: 14px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

.pagination__more:hover {
  border-color: #111a5d;
}

.pagination__more:hover img {
  transform: rotate(180deg);
}

.pagination__more img {
  margin-right: 12px;
  transition: 300ms;
}

@media only screen and (max-width: 767px) {
  .pagination__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pagination__more {
    position: static;
    transform: none;
    width: 100%;
    max-width: 400px;
    margin-bottom: 40px;
  }
}

/* Article */
.article__title {
  font: 500 30px 'Muller';
  margin-bottom: 34px;
}

.article__header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EFF2F5;
  padding-bottom: 12px;
  margin-bottom: 20px;
}

.article__date {
  font-weight: 600;
  padding-right: 34px;
  margin-right: 34px;
  border-right: 1px solid #EFF2F5;
}

.article__social {
  display: flex;
  align-items: center;
}

.article__social li {
  margin-right: 16px;
}

.article__social li:last-child {
  margin-right: 0;
}

.article__social li a {
  display: flex;
}

.article__author {
  font-size: 16px;
  padding-bottom: 30px;
  border-bottom: 1px solid #EFF2F5;
  margin-bottom: 25px;
}

.article__author span {
  font-weight: 600;
}

.article__author div {
  margin-bottom: 10px;
}

.article__author a {
  color: #111a5d;
}

.article__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.article__views {
  display: flex;
  align-items: center;
  color: #8A8A8A;
}

.article__views-item {
  margin-left: 15px;
  display: flex;
  align-items: center;
}

.article__views-item:first-of-type {
  color: #4286f4;
}

.article__views-item img {
  margin-right: 5px;
}

.article__info {
  background: #EFF2F5;
  padding: 20px;
  margin-bottom: 60px;
  font-size: 15px;
  color: #000000;
}

.article__info span {
  font-weight: 600;
  display: inline-block;
  margin-right: 10px;
}

.article__info a {
  color: #111a5d;
}

.article__info > div {
  margin-bottom: 10px;
}

.article__info > div:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .article__title {
    font-size: 20px;
  }
  .article__social li {
    margin-right: 10px;
  }
  .article__footer {
    flex-direction: column;
  }
  .article__views {
    margin-bottom: 15px;
    width: 100%;
  }
  .article__views > div:first-child {
    flex-grow: 10;
  }
  .article__info span {
    display: block;
  }
}

/* Content */
.content {
  color: #000000;
}

.content p {
  font-size: 18px;
  margin-bottom: 30px;
}

.content > img {
  margin-bottom: 40px;
}

.content ul {
  margin-bottom: 25px;
  font-size: 18px;
}

.content ul li {
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
}

.content ul li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 5px;
  height: 5px;
  background: #FFB931;
  border-radius: 50%;
}

.content h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
  .content p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .content ul {
    margin-bottom: 0;
  }
  .content ul li {
    margin-bottom: 15px;
    font-size: 14px;
  }
  .content ul li:before {
    top: 7px;
  }
}

/* Comments */
.comments {
  margin-bottom: 90px;
}

.comments__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.comments__title {
  font-size: 24px;
  font-weight: 600;
}

.comments__btn {
  width: 280px;
  height: 52px;
  font-size: 16px;
}

.comments__items {
  margin-bottom: 30px;
}

.comments__item {
  border: 1px solid #D8E0E6;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 20px 25px;
  color: #333333;
}

.comments__name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

.comments__text {
  font-size: 16px;
  margin-bottom: 15px;
}

.comments__date {
  color: #828282;
}

.comments__more {
  text-align: center;
}

.comments__more a {
  color: #080967;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .comments {
    position: relative;
  }
  .comments__btn {
    display: none;
  }
}

/* New comment */
.new-comment {
  background: #EFF2F5;
  border-radius: 3px;
  padding: 30px;
  margin-bottom: 60px;
}

.new-comment__title {
  font-size: 24px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 30px;
}

.new-comment__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
}

.new-comment__form .field {
  margin-bottom: 0;
}

.new-comment__form .large {
  grid-column-start: 1;
  grid-column-end: 3;
}

.new-comment__form .btn {
  width: 215px;
  height: 52px;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .new-comment {
    padding: 15px;
  }
  .new-comment__form {
    display: block;
  }
  .new-comment__form .field {
    margin-bottom: 15px;
  }
}

/* Filter */
.filter {
  height: 54px;
  background-color: #eff2f5;
  border-radius: 4px;
  position: relative;
  margin-bottom: 28px;
}

.filter__header {
  display: none;
}

.filter__nav {
  display: flex;
  height: 100%;
}

.filter__el {
  width: 100%;
  height: 100%;
}

.filter__el:last-child .filter__item:after {
  display: none !important;
}

.filter__item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  height: 100%;
}

.filter__item:hover, .filter__item.active {
  background: #fff;
  transition: 300ms;
  z-index: 99999;
}

.filter__item:hover:after, .filter__item.active:after {
  opacity: 0;
}

.filter__item.active .filter__name:after {
  transform: rotate(-135deg);
}

.filter__item:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #bbc1c6;
  transition: 300ms;
}

.filter__name {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
  font-size: 15px;
  color: #303d56;
}

.filter__name:after {
  content: '';
  display: block;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border: 1px solid #303d56;
  border-top: 0;
  border-left: 0;
  transition: 300ms;
}

.filter__amount {
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #C4CACE;
  color: #111a5d;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 7px;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 12px;
}

.filter__dropdown {
  position: absolute !important;
  left: 0;
  top: 100%;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 4px 38px 2px rgba(220, 224, 237, 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  transform: translateY(10px);
  transition: 300ms;
  max-height: 300px;
}

.filter__dropdown .scroll-content {
  padding: 30px 45px;
}

.filter__dropdown.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.filter__years {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.filter__years-inputs {
  width: 245px;
  flex-shrink: 0;
}

.filter__years-inputs input {
  width: 61px;
  height: 38px;
  background-color: white;
  border: 1px solid #d0dae2;
  border-radius: 2px;
  display: inline-block;
  color: #303d56;
  font-size: 15px;
  font-family: inherit;
  text-align: center;
  padding: 0 5px;
}

.filter__years-inputs input:last-child {
  margin-left: 10px;
}

.filter__years-items {
  width: calc(100% - 245px);
  display: flex;
  flex-wrap: wrap;
}

.filter__years-items .checkbox {
  width: 33.33%;
  align-items: flex-start;
  margin-bottom: 17px;
}

.filter__years-confirm {
  text-align: center;
  width: 100%;
  margin-top: 15px;
}

.filter__confirm {
  width: 165px;
  height: 41px;
  background-color: #FFB931;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  transition: 300ms;
  color: #ffffff;
  font-weight: 600;
}

.filter__confirm:hover {
  background: #eba236;
}

.filter__title {
  color: #303d56;
  font-size: 15px;
  margin-bottom: 12px;
}

.filter__price {
  display: flex;
  align-items: center;
  color: #303d56;
  font-size: 15px;
}

.filter__price input {
  width: 85px;
  height: 38px;
  background-color: white;
  border: 1px solid #d0dae2;
  border-radius: 2px;
  display: inline-block;
  color: #303d56;
  font-size: 15px;
  font-family: inherit;
  text-align: center;
  padding: 0 5px;
  margin-right: 10px;
}

.filter__price input:last-child {
  margin-left: 10px;
}

.filter__price span {
  margin-right: 10px;
  display: inline-block;
}

.filter__price .filter__confirm {
  margin-left: 35px;
}

.filter__items {
  -moz-columns: 3;
  columns: 3;
}

.filter__items .checkbox {
  margin-bottom: 12px;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.filter__confirm {
  width: 220px;
  height: 50px;
  font-size: 18px;
  font-family: inherit;
}

.filter__footer {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}

.filter__choosen {
  flex-grow: 10;
  font-size: 16px;
}

.filter__choosen span {
  font-weight: 600;
}

.filter__cancel {
  font-size: 18px;
  display: flex;
  align-items: center;
  margin-right: 48px;
  cursor: pointer;
}

.filter__cancel img {
  margin-right: 8px;
}

.filter__cols {
  display: flex;
  flex-wrap: wrap;
}

.filter__col {
  width: 33.33%;
}

.filter__col .checkbox {
  margin-bottom: 12px;
  align-items: flex-start;
}

.filter__subitems {
  margin-left: 25px;
}

.filter__toggle {
  display: none;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1300px) {
  .filter__amount {
    display: none;
  }
  .filter__item:after {
    display: none;
  }
  .filter__years-inputs {
    width: 175px;
  }
  .filter__years-items {
    width: calc(100% - 175px);
  }
  .filter__cancel {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .filter {
    position: absolute;
    left: 0;
    top: 0;
    width: 290px;
    height: auto;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    transition: 300ms;
    border-radius: 0;
  }
  .filter.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  .filter__toggle {
    display: inline-flex;
    width: 220px;
  }
  .filter__nav {
    display: block;
  }
  .filter__el {
    width: 100%;
    height: 40px;
  }
  .filter__name {
    width: 262px;
  }
  .filter__dropdown .scroll-content {
    padding: 15px;
  }
  .filter__years {
    display: block;
  }
  .filter__years-items {
    width: 100%;
    margin-top: 15px;
  }
  .filter__years-items .checkbox {
    width: 50%;
  }
  .filter__price {
    flex-wrap: wrap;
    justify-content: center;
  }
  .filter__price .filter__confirm {
    margin-left: 0;
    margin-top: 15px;
  }
  .filter__items {
    -moz-columns: 2;
    columns: 2;
  }
  .filter__cols {
    display: block;
  }
  .filter__col {
    width: 100%;
  }
  .filter__header {
    display: flex;
    background: #111a5d;
    height: 44px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff;
    font-size: 18px;
  }
  .filter__close {
    width: 15px;
    display: flex;
  }
  .filter__footer {
    flex-direction: column;
  }
  .filter__cancel {
    font-size: 16px;
    margin: 15px 0;
  }
}

@media only screen and (max-width: 767px) {
  .filter__toggle {
    width: 100%;
    max-width: 400px;
  }
}

/* Coins */
.coins__title {
  font: 500 30px 'Muller';
  margin-bottom: 30px;
}

.coins__description {
  font-size: 16px;
  color: #000000;
  margin-bottom: 20px;
}

.coins__description p {
  margin-bottom: 10px;
}

.coins__container {
  position: relative;
}

.coins__item {
  display: flex;
  background: #FFFFFF;
  border: 1px solid #CAD3DB;
  border-radius: 6px;
  transition: 300ms;
  margin-bottom: 30px;
}

.coins__item:hover {
  box-shadow: 0px 0px 50px #E3E9F1;
}

.coins__img {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #CAD3DB;
  width: 318px;
  flex-shrink: 0;
}

.coins__img img {
  max-width: 90%;
  max-height: 90%;
}

.coins__content {
  padding: 20px;
}

.coins__name {
  font-size: 18px;
  margin-bottom: 24px;
}

.coins__list {
  display: flex;
  flex-wrap: wrap;
}

.coins__list li {
  width: 40%;
  margin-right: 10%;
  border: 1px solid #CAD3DB;
  margin-bottom: 10px;
  min-height: 30px;
  padding: 5px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #77879B;
  border-radius: 2px;
}

.coins__list li:nth-child(1), .coins__list li:nth-child(2), .coins__list li:nth-child(5), .coins__list li:nth-child(6) {
  background: #EFF2F5;
}

.coins__list li:last-child {
  border: none;
  background: none;
  justify-content: center;
  color: #000000;
}

.coins__list li:last-child a {
  display: flex;
  align-items: center;
  color: #303D56;
}

.coins__list li:last-child a:hover:after {
  transform: translateX(2px);
}

.coins__list li:last-child a:after {
  display: inline-block;
  transition: 300ms;
  content: '';
  width: 12px;
  height: 12px;
  margin-left: 10px;
  background: url(/images/template_2020/arrow-orange.svg) no-repeat 50%;
}

.coins__list li span:nth-child(2) {
  color: #303D56;
  text-align: right;
}

@media only screen and (max-width: 1300px) {
  .coins__item {
    flex-direction: column;
  }
  .coins__img {
    width: 100%;
    height: 150px;
    border-right: none;
    border-bottom: 1px solid #CAD3DB;
  }
}

@media only screen and (max-width: 767px) {
  .coins__title {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .coins__description {
    font-size: 14px;
  }
  .coins__name {
    font-size: 16px;
  }
  .coins__list {
    display: block;
  }
  .coins__list li {
    background: #ffffff;
    border: none;
    width: 100%;
  }
  .coins__list li:nth-child(1), .coins__list li:nth-child(2), .coins__list li:nth-child(5), .coins__list li:nth-child(6) {
    background: #ffffff;
  }
  .coins__list li:nth-child(2n - 1) {
    background: #EFF2F5;
  }
}

/* Coin */
.coin__title {
  font: 500 28px 'Muller';
  margin-bottom: 30px;
}

.coin__img {
  height: 420px;
  border: 1px solid #E8E8E8;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coin__img img {
  max-width: 90%;
  max-height: 90%;
}

.coin__list {
  border-top: 1px solid #CAD3DB;
  border-bottom: 1px solid #CAD3DB;
  display: flex;
  margin-bottom: 30px;
}

.coin__list li {
  width: 100%;
}

.coin__list li span {
  padding: 0 15px;
  min-height: 46px;
  display: flex;
  align-items: center;
}

.coin__list li span:first-child {
  background: #EFF2F5;
  color: rgba(27, 23, 37, 0.6);
}

.coin__content {
  font-size: 16px;
  line-height: 1.8;
}

.coin__content p {
  margin-bottom: 30px;
}

.coin__content ul {
  margin-bottom: 30px;
}

.coin__content ul span {
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .coin__title {
    font-size: 18px;
  }
  .coin__img {
    height: 130px;
    margin-bottom: 25px;
  }
  .coin__img img {
    max-height: 70%;
  }
  .coin__list {
    display: block;
    border: none;
  }
  .coin__list li {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding: 5px 15px;
  }
  .coin__list li:nth-child(2n -1) {
    background: #EFF2F5;
  }
  .coin__list li span {
    min-height: 30px;
    padding: 0;
  }
  .coin__list li span:first-child {
    background: none;
    color: #77879B;
  }
  .coin__content {
    font-size: 14px;
  }
  .coin__content p,
  .coin__content ul {
    margin-bottom: 20px;
  }
}

/* Country filter */
.country-filter {
  width: 295px;
  margin-right: 30px;
  flex-shrink: 0;
}

.country-filter .scroll-content {
  transform: none;
}

.country-filter__close {
  display: none;
}

.country-filter__header {
  background: linear-gradient(95.17deg, #414C9E -24.94%, #1D2681 91.44%);
  border-radius: 4px 4px 0 0;
  height: 52px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 18px;
  justify-content: space-between;
}

.country-filter__body {
  background: #eff2f5;
  padding: 20px 30px 20px 20px;
  border-radius: 0 0 4px 4px;
  position: relative;
}

.country-filter__type {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.country-filter__search {
  position: relative;
  margin-bottom: 25px;
}

.country-filter__search input {
  width: 100%;
  height: 40px;
  background-color: white;
  border: 1px solid #d0dae2;
  border-radius: 3px;
  padding: 0 45px 0 15px;
  font-family: inherit;
  color: #303d56;
  font-size: 13px;
}

.country-filter__search button {
  background: none;
  border: 0;
  cursor: pointer;
  position: absolute;
  right: 10px;
  padding: 0 5px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 1px;
}

.country-filter__group .checkbox {
  margin-top: 2px;
}

.country-filter__group .checkbox-wrap {
  align-items: flex-start;
  color: #303d56;
  font-size: 14px;
}

.country-filter__group .checkbox-wrap a {
  text-decoration: none;
}

.country-filter__group .checkbox-wrap a:hover {
  color: #FFB931;
}

.country-filter__item {
  margin-bottom: 12px;
}

.country-filter__child {
  margin-left: 25px;
}

.country-filter__letter {
  font-size: 24px;
  position: relative;
  margin-bottom: 12px;
}

.country-filter__letter:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(50%);
  background: #d0dae2;
  height: 1px;
}

.country-filter__letter span {
  background: #eff2f5;
  padding-right: 15px;
  z-index: 3;
  position: relative;
}

.country-filter__letters {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 113px;
  width: 30px;
}

.country-filter__letters-inner {
  width: 30px;
  background-color: #e0e6ec;
  text-align: center;
  padding: 4px 0;
}

.country-filter__letters-inner.fixed {
  position: fixed;
  top: 0;
}

.country-filter__letters-inner.stopped {
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0 !important;
}

.country-filter__letters a {
  display: block;
  margin: 4px 0;
  color: #77879b;
  font-size: 13px;
}

.country-filter__continent {
  margin-bottom: 15px;
}

.country-filter__continent:first-child .country-filter__continent-body {
  display: block;
}

.country-filter__continent.active .country-filter__continent-header:after {
  transform: translateY(-50%) rotate(-135deg);
}

.country-filter__continent-header {
  height: 41px;
  background-color: white;
  border: 1px solid #d0dae2;
  display: flex;
  align-items: center;
  padding-left: 12px;
  color: #77879b;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  text-decoration: none;
}

.country-filter__continent-header:after {
  content: '';
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border: 1px solid #4c586d;
  border-top: 0;
  border-left: 0;
  transition: 300ms;
}

.country-filter__continent-body {
  padding-top: 15px;
  display: none;
}

.country-filter__point a,.country-filter__point div.active {
  margin-bottom: 10px;
}

.country-filter__point a:hover,.country-filter__point div.active {
  color: #FFB931;
}

.country-filter__point ul {
  margin-left: 15px;
}

.country-filter__point ul ul a, .country-filter__point ul ul div.active{
  position: relative;
  padding-left: 15px;
}

.country-filter__point ul ul a:before, .country-filter__point ul ul div.active:before{
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #D0DAE2;
  left: 0;
  top: 6px;
}

.country-filter__group > ul > li > a,.country-filter__group > ul > li > div.active {
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .country-filter {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 280px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 300ms;
    transform: translateX(-100%);
    max-height: 500px;
  }
  .country-filter.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  .country-filter__close {
    display: flex;
    width: 15px;
  }
  .country-filter__header {
    height: 44px;
  }
  .country-filter__letters {
    display: none;
  }
}

/* Videos */
.videos {
  position: relative;
}

.videos__title {
  font: 500 30px 'Muller';
}

.videos__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 27px;
}

.videos__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  margin-bottom: 50px;
}

.videos__item {
  border: 1px solid #D0DAE2;
  border-radius: 3px;
  padding: 20px;
}

.videos__preview {
  height: 123px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.videos__name {
  font-weight: 600;
  font-size: 18px;
  color: #1D2681;
  margin-bottom: 16px;
}

.videos__info {
  display: flex;
  margin-bottom: 20px;
  font-size: 13px;
  color: #888888;
}

.videos__info > div {
  display: flex;
  margin-right: 10px;
}

.videos__info > div img {
  margin-right: 5px;
  flex-shrink: 0;
}

.videos__fast-view {
  width: 100%;
}

.videos .pagination__footer {
  margin-bottom: 50px;
}

.videos__content {
  color: #000000;
}

.videos__content h3 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}

.videos__content p {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1300px) {
  .videos__items {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .videos__header {
    display: block;
  }
  .videos__header .pagination {
    justify-content: center;
  }
  .videos__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .videos__items {
    grid-template-columns: 1fr;
  }
}

/* Modal video */
.modal-video {
  width: 820px;
}

.modal-video__header {
  margin: 38px 0 22px;
  font: bold 24px 'Muller';
}

.modal-video__items {
  display: flex;
  margin-bottom: 35px;
}

.modal-video__items > div {
  width: 33.33%;
  margin-right: 20px;
}

.modal-video__items > div:last-child {
  margin-right: 0;
}

.modal-video__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  color: #8190A2;
}

.modal-video__footer .btn {
  margin-left: 10px;
  width: 213px;
}

@media only screen and (max-width: 991px) {
  .modal-video__items {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .modal-video__footer {
    font-size: 14px;
  }
}

/* Evaluation */
.evaluation {
  border: 6px solid #FFAF3A;
  border-radius: 8px;
  padding: 25px 75px 25px;
  margin-bottom: 40px;
  position: relative;
}

.evaluation__header {
  max-width: 730px;
  margin: 30px 0;  
}

.evaluation__title {
  font: 500 40px 'Muller';
  margin-bottom: 10px;
}
.evaluation__description{
   font-size:20px;
}

.evaluation__fields {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.evaluation__files {
  border-bottom: 1px solid #E2E5E9;
  min-height: 25px;
  padding-bottom: 10px;
  position: relative;
}

.evaluation__field {
  border: 1px solid #E2E5E9 !important;
  border-radius: 4px;
  height: 60px !important;
  padding: 0 24px;
  font-family: inherit;
  font-size: 16px;
  color: #77879B;
  width: 30% !important;
}

.evaluation__img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 255px;
  display: flex;
  z-index: -1;
}

.evaluation__file {
  border: 1px solid #E2E5E9;
  border-radius: 4px;
  font-size: 16px;
  height: 60px;
  color: #77879B;
  cursor: pointer;
  width: 32%;
  background: url(/images/template_2020/upload.svg) no-repeat 90% 50%;
  position: relative;
}

.evaluation__file input {
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.evaluation__file span {
  position: absolute;
  left: 24px;
  top: 18px;
}

.evaluation__submit {
  background: #FFAF3A;
  border-radius: 4px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
  border: none;
  transition: 300ms;
  cursor: pointer;
  width: 30%;
}

.evaluation__submit:hover {
  background: #eca237;
}

.evaluation__footer {
  display: flex;
  font-size: 12px;
  color: #77879B;
  margin-top: 15px;
}

.evaluation__footer a {
  text-decoration: underline;
}

.evaluation__footer a:hover {
  text-decoration: none;
}

.evaluation__address {
  width: 304px;
  margin-right: 128px;
}

.evaluation__agreement {
  width: 215px;
  margin-right: 217px;
}

.evaluation__answers {
  width: 132px;
}

.evaluation__list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

.evaluation__list li {
  background: rgba(226, 229, 233, 0.45);
  border-radius: 4px;
  margin: 0 10px 10px;
  height: 34px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
}

.evaluation__list li .close {
  background: url(/images/template_2020/close-svg.svg) no-repeat 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: 15px;
}

@media only screen and (max-width: 1300px) {
  .evaluation__img {
    width: 235px;
  }
  .evaluation__agreement {
    margin-right: 70px;
  }
  .evaluation__address {
    margin-right: 70px;
  }
  .evaluation__title {
    font-size: 32px;
  }
  .evaluation__header {
	  max-width: 510px;
	}
}

@media only screen and (max-width: 991px) {
  .evaluation {
    margin-bottom: 50px;
    padding: 40px 40px 25px;
  }
  .evaluation__title {
    font-size: 24px;
  }
  .evaluation__header {
    margin-bottom: 40px;
  }
  .evaluation__header {
    max-width: 100%;
  }
  .evaluation__description {
    font-size: 16px;
  }
  .evaluation__fields {
    flex-wrap: wrap;
  }
  .evaluation__field {
    width: 48% !important;
  }
  .evaluation__file {
    width: 48%;
  }
  .evaluation__submit {
    width: 48%;
    margin-top: 20px;
  }
  .evaluation__img {
    display: none;
  }
  .evaluation__footer {
    flex-direction: column;
  }
  .evaluation__address {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .evaluation__agreement {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .evaluation__answers {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .evaluation {
    padding: 20px;
    border-width: 5px;
  }
  .evaluation__field {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .evaluation__file {
    width: 100%;
  }
  .evaluation__submit {
    width: 100%;
  }
  .evaluation__fields {
    padding-bottom: 25px;
  }
}

/* Prod */
.prod {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 46px;
  margin-bottom: 60px;
}

.prod__img {
  height: 498px;
  border: 1px solid #D8E0E6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prod__img img {
  max-width: 80%;
  max-height: 80%;
}

.prod__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}

.prod__title {
  font: 500 30px 'Muller';
  color: #111a5d;
}

.prod__favorite {
  display: flex;
  align-items: center;
}

.prod__favorite span {
  color: #8190A2;
  opacity: 0.8;
  font-weight: 600;
  margin-right: 15px;
}

.prod__list-title {
  font-size: 18px;
  margin-bottom: 20px;
}

.prod__list {
  margin-bottom: 30px;
}

.prod__list li {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  min-height: 40px;
  font-size: 16px;
}

.prod__list li:nth-child(2n -1) {
  background: #EFF2F5;
}

.prod__list li span:first-child {
  width: 211px;
  margin-right: 30px;
  color: #7D8C9F;
}

.prod__list li span:last-child {
  font-weight: 600;
  color: #303D56;
}

.prod__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.prod__btn {
  width: 220px;
}

.prod__link {
  font-size: 15px;
  color: #8190A2;
  text-decoration: underline;
}

.prod__link:hover {
  text-decoration: none;
}

@media only screen and (max-width: 991px) {
  .prod {
    display: block;
  }
  .prod__img {
    margin-bottom: 30px;
    height: 300px;
  }
  .prod__title {
    margin-right: 10px;
    font-size: 20px;
  }
  .prod__list li {
    justify-content: space-between;
  }
  .prod__list li span:first-child {
    width: auto;
  }
  .prod__list li span:last-child {
    white-space: nowrap;
  }
  .prod__footer {
    flex-direction: column;
  }
  .prod__btn {
    margin-bottom: 20px;
  }
}

/* Price table */
.price-table {
  margin-bottom: 50px;
}

.price-table__title {
  font: 500 24px 'Muller';
  margin-bottom: 20px;
}

.price-table__table {
  margin-bottom: 60px;
}

.price-table__table table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

.price-table__table table th {
  height: 60px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
}

.price-table__table table thead tr {
  background: linear-gradient(95.17deg, #414C9E -24.94%, #1D2681 91.44%);
}

.price-table__table table td {
  height: 80px;
  font-size: 14px;
  padding: 0 10px;
}

.price-table__table table td .btn {
  width: 130px;
  display: inline-flex;
}

.price-table__table table tr:nth-child(2n) {
  background: #EFF2F5;
}

.price-table__footer {
  border: 2px solid #FFAF3A;
  border-radius: 4px;
  padding: 30px;
  font-size: 16px;
}

.price-table__footer a {
  color: #111a5d;
}

.price-table__footer a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .price-table {
    margin-bottom: 0;
  }
  .price-table__title {
    font-size: 20px;
  }
  .price-table__table {
    overflow: auto;
    margin-right: -15px;
    margin-bottom: 30px;
  }
  .price-table__table table {
    width: 600px;
  }
  .price-table__footer {
    font-size: 14px;
    padding: 20px;
  }
}

/* Products from shop */
.products__filter {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.products__sort {
  display: flex;
  align-items: center;
  margin-right: 76px;
}

.products__sort > span {
  margin-right: 20px;
  font-size: 15px;
}

.products__sort-item {
  margin-right: 25px;
  color: #77879b;
  position: relative;
  cursor: pointer;
  transition: 300ms;
  padding-right: 20px;
}

.products__sort-item:hover {
  color: #ffaf3a;
}

.products__sort-item.bottom:before {
  background: url(/images/sort-icon.png) no-repeat 0% -11px;
}

.products__sort-item.top:before {
  background: url(/images/sort-icon.png) no-repeat top;
}

.products__sort-item:after {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  left: 0;
  right: 20px;
  background: #ffaf3a;
  bottom: -3px;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
}

.products__sort-item:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 11px;
  background: url(/images/sort-icon.png) no-repeat bottom;
}

.products__sort-item.active {
  color: #303d56;
}

.products__sort-item.active:after {
  opacity: 1;
  visibility: visible;
}

.products__sort-item:last-child {
  margin-right: 0;
}

.products__show {
  display: flex;
  align-items: center;
}

.products__show > span {
  font-size: 15px;
  margin-right: 27px;
}

.products__show select {
  width: 61px;
  height: 42px;
  border: 1px solid #d0dae2;
  border-radius: 2px;
  font-family: inherit;
  color: #303d56;
  font-size: 15px;
  padding-left: 10px;
  text-indent: 0.01px;
  text-overflow: '';
  -ms-appearance: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: #fff url(/images/small-arrow.png) no-repeat 40px 50%;
}

@media only screen and (max-width: 1300px) {
  .products__filter .pagination {
    display: none;
  }
  .products__sort > span {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .products__filter {
    display: block;
  }
  .products__sort {
    margin-right: 0;
    margin-bottom: 20px;
    align-items: flex-start;
  }
}

/* Catalog */
.catalog__links {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}

.catalog__links a {
  color: #1D2681;
  text-decoration: underline;
}

.catalog__links a:last-child {
  position: relative;
  margin-right: 30px;
}

.catalog__links a:last-child:after {
  content: '';
  display: block;
  position: absolute;
  right: -30px;
  top: 3px;
  width: 16px;
  height: 16px;
  background: url(/images/template_2020/excel.png) no-repeat;
}

.catalog__links a:hover {
  color: #FFB931;
}

.catalog__title {
  font: bold 30px 'Muller';
  margin-bottom: 32px;
  margin-top: 47px;
}

.catalog__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  margin-top: 25px;
  margin-bottom: 55px;
}

.catalog__items .good {
  transition: 300ms;
}

.catalog__items .good:hover {
  box-shadow: 0px 0px 50px #E3E9F1;
}

.catalog .pagination__footer {
  margin-bottom: 73px;
}

.catalog__content h1 {
  font: bold 30px 'Muller';
  margin-bottom: 28px;
}

.catalog__content h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 45px;
}

.catalog__content p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 45px;
}

.catalog__content img {
  margin-bottom: 50px;
}

@media only screen and (max-width: 1300px) {
  .catalog__items {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .catalog__links {
    flex-direction: column;
  }
  .catalog__links a {
    margin-bottom: 10px;
  }
  .catalog__title {
    font-size: 20px;
    margin: 20px 0;
  }
  .catalog__items {
    grid-template-columns: 1fr;
  }
  .catalog__items .good {
    width: 100%;
  }
  .catalog__content h1 {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .catalog__content h3 {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .catalog__content p {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .catalog__content img {
    margin-bottom: 30px;
  }
}

.country-toggler {
  display: none;
}

@media only screen and (max-width: 991px) {
  .country-toggler {
    display: flex;
    width: 220px;
    height: 46px;
    background: #111a5d;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .country-toggler {
    width: 400px;
    max-width: 100%;
  }
}

/* Buying */
.buying .evaluation__footer {
  justify-content: space-between;
}

.buying .evaluation__footer > div {
  margin: 0;
}

.buying .evaluation__img {
  width: 285px;
}

@media only screen and (max-width: 1300px) {
  .buying .evaluation__img {
    display: none;
  }
  .buying .evaluation__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
  .buying .evaluation__fields > * {
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .buying .evaluation__fields {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}

/* Advantages */
.advantages {
  margin-bottom: 40px;
}

.advantages__title {
  font: bold 30px/1.5 'Muller';
  margin-bottom: 30px;
}

.advantages__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  margin-bottom: 30px;
}

.advantages__item {
  background: #FFFFFF;
  border: 1px solid #D0DAE2;
  border-radius: 4px;
  transition: 300ms;
  padding: 20px 15px;
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-gap: 9px;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}

.advantages__item:hover {
  box-shadow: 0px 0px 50px #E3E9F1;
}

.advantages__info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.advantages__info > div {
  border-radius: 4px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  height: 50px;
}

.advantages__info > div .value {
  font-size: 24px;
  font-weight: bold;
  margin-left: 10px;
  flex-shrink: 0;
}

.advantages__info > div:nth-child(1) {
  background: linear-gradient(94.51deg, #75C673 -0.18%, #42CDAC 136.75%);
}

.advantages__info > div:nth-child(2) {
  background: linear-gradient(94.63deg, #3552E9 -0.31%, #5E42CD 148.22%);
}

.advantages__info > div:nth-child(3) {
  background: linear-gradient(96.42deg, #FFAF3A -70.64%, #E85656 151.85%);
}

@media only screen and (max-width: 1300px) {
  .advantages__items {
    grid-template-columns: repeat(2, 1fr);
  }
  .advantages__info {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .advantages {
    margin-bottom: 50px;
  }
  .advantages__title {
    font-size: 20px;
  }
  .advantages__items {
    grid-template-columns: 1fr;
  }
}

/* Trust */
.trust {
  margin-bottom: 72px;
}

.trust__title {
  font: bold 30px/1.5 'Muller';
  margin-bottom: 30px;
}

.trust__items {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}

.trust__item {
  background: #FFFFFF;
  border: 1px solid #D0DAE2;
  border-radius: 4px;
  transition: 300ms;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-gap: 9px;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  color: #333333;
}

.trust__item:hover {
  box-shadow: 0px 0px 50px #E3E9F1;
}

@media only screen and (max-width: 767px) {
  .trust {
    margin-bottom: 50px;
  }
  .trust__title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

/* Buying videos */
.buying-videos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .buying-videos {
    grid-template-columns: 1fr;
    margin-bottom: 50px;
  }
}

/* Coin types */
.coin-types {
  margin-bottom: 40px;
}

.coin-types__title {
  font: bold 30px/1.5 'Muller';
  margin-bottom: 30px;
}

.coin-types__items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}

.coin-types__item {
  border: 1px solid #D0DAE2;
  border-radius: 4px;
  padding: 30px 15px;
  text-align: center;
  transition: 300ms;
}

.coin-types__item:hover {
  box-shadow: 0px 0px 50px #E3E9F1;
}

.coin-types__img {
  height: 80px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coin-types__text {
  height: 60px;
  display: flex;
  align-items: center;
  font-size: 16px;
  justify-content: center;
}

@media only screen and (max-width: 1300px) {
  .coin-types__items {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .coin-types {
    margin-bottom: 50px;
  }
  .coin-types__title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .coin-types__items {
    grid-template-columns: 1fr;
  }
  .coin-types__item {
    padding: 15px;
  }
}

/* Evaluate schema */
.evaluate-schema {
  margin-bottom: 40px;
}

.evaluate-schema__title {
  font: bold 30px/1.5 'Muller';
  margin-bottom: 30px;
}

.evaluate-schema__item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  color: #000000;
}

.evaluate-schema__items {
  position: relative;
}

.evaluate-schema__items:before {
  content: '';
  display: block;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #D0DAE2;
  position: absolute;
}

.evaluate-schema__number {
  background: #FFFFFF;
  border: 2px solid #FFAF3A;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: bold 24px 'Muller';
  color: #FFB931;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  margin-right: 20px;
  padding-top: 4px;
  position: relative;
}

.evaluate-schema__text {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .evaluate-schema {
    margin-bottom: 50px;
  }
  .evaluate-schema__title {
    font-size: 20px;
  }
  .evaluate-schema__text {
    font-size: 15px;
  }
}

/* Coin price */
.coin-price {
  margin-bottom: 40px;
}

.coin-price__title {
  font: bold 30px/1.5 'Muller';
  margin-bottom: 30px;
}

.coin-price__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}

.coin-price__item {
  background: #FFFFFF;
  border: 1px solid #D0DAE2;
  border-radius: 3px;
  transition: 300ms;
  padding: 20px 25px;
  font-size: 16px;
}

.coin-price__item:hover {
  box-shadow: 0px 0px 50px #E3E9F1;
  color: #111a5d;
}

.coin-price img {
  margin-bottom: 12px;
}/*
.coin-price__item ul {
    margin: 10px 20px;
    list-style: disc;
}*/

.coin-price span {
  display: block;
}

@media only screen and (max-width: 767px) {
  .coin-price {
    margin-bottom: 50px;
  }
  .coin-price__title {
    font-size: 20px;
  }
  .coin-price__items {
    grid-template-columns: 1fr;
  }
}

.coin-price__item .table_row{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 5px;
}
.coin-price__item .table_row th {
  height: 20px;
  background: #d5d5f2 !important;
}

@media only screen and (max-width: 767px) {
  .coin-price__item .table_row{
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 400px) {
  .coin-price__item .table_row{
    grid-template-columns: 1fr;
  }
}

/* Contacts */
.contacts {
  margin-top: 60px;
}

.contacts__nav {
  display: flex;
  margin-bottom: 100px;
}

.contacts__nav li {
  width: 610px;
  height: 80px;
  display: flex;
  align-items: center;
  padding: 20px 50px;
  font: 400 30px 'Muller';
  border-radius: 8px;
  cursor: pointer;
}

.contacts__nav li.active {
  background: linear-gradient(95.17deg, #414C9E -24.94%, #1D2681 91.44%);
  color: #ffffff;
}

.contacts__nav li.active svg {
  fill: #fff;
}

.contacts__nav li:first-child {
  margin-right: 25px;
}

.contacts__nav li svg {
  fill: #1D2681;
  margin-right: 32px;
}

.contacts__nav li span {
  padding-top: 8px;
}

.contacts__tab {
  display: none;
  position: relative;
}

.contacts__tab.active {
  display: block;
}

.contacts__title {
  font: 500 30px 'Muller';
  margin-bottom: 35px;
}

.contacts__item {
  margin-bottom: 35px;
}

.contacts__header {
  display: flex;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.contacts__header img {
  margin-right: 9px;
  flex-shrink: 0;
}

.contacts__body {
  color: #111A5D;
  font-size: 16px;
}

.contacts__body span {
  color: #7D8C9F;
}

.contacts__group {
  padding-top: 40px;
  border-top: 4px solid #EFF2F5;
}

.contacts__items, .contacts__group {
  max-width: 600px;
}

.contacts__videos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  margin-bottom: 12px;
}

.contacts__photos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
}

.contacts__row {
  margin-bottom: 40px;
}

.contacts__content img {
  margin-bottom: 40px;
}

.contacts__content p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 30px;
}

.contacts__map {
  position: absolute;
  left: 50%;
  top: 0;
  height: 760px;
  right: calc((100vw - 1260px)/-2);
}

@media only screen and (max-width: 1300px) {
  .contacts__map {
    right: calc((100vw - 970px)/-2);
    left: 60%;
  }
}

@media only screen and (max-width: 991px) {
  .contacts__map {
    position: static;
  }
  .contacts__nav li {
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .contacts {
    margin-top: 30px;
  }
  .contacts__nav {
    margin-bottom: 30px;
  }
  .contacts__nav li {
    height: 60px;
    font-size: 20px;
  }
  .contacts__nav li svg {
    display: none;
  }
  .contacts__nav li span {
    padding: 0;
  }
  .contacts__title {
    font-size: 20px;
  }
  .contacts__head {
    font-size: 16px;
  }
  .contacts__body {
    font-size: 14px;
  }
  .contacts__content p {
    font-size: 14px;
  }
  .contacts__map {
    height: 400px;
  }
}

.questions__btn {
  width: 100%;
}

/* News filter */
.news-filter {
  background: #eff2f5;
  padding: 20px 30px 20px 20px;
}

.news-filter__header {
  display: grid;
  grid-template-columns: 1fr 50px;
  grid-gap: 10px;
  margin-bottom: 20px;
}

.news-filter__header input {
  height: 46px;
  font-size: 14px;
  padding: 0 10px;
}

.news-filter__subheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.news-filter__subheader span {
  font-size: 16px;
}

.news-filter__reset {
  background: none;
  border: none;
  font-family: inherit;
  font-size: 16px;
  color: gray;
}

.news-filter__years {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

/* News */
.news__nav {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.news__nav li {
  width: 30%;
}

.news__nav li.active a {
  background: #111a5d;
}

.news__nav a {
  background: #FFB931;
  border-radius: 4px;
  height: 46px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.news__tabs {
  margin-bottom: 30px;
}

.news__tab {
  display: none;
}

.news__tab.active {
  display: block;
}

.news__item {
  margin-bottom: 10px;
  border-radius: 4px;
}

.news__date {
  color: gray;
  display: inline;
  font-size: 16px;
}

.news__date img {
  margin-right: 3px;
}

.news__link {
  display: inline;
  color: #FFB931;
  text-decoration: underline;
  font-size: 16px;
}

.news__header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.news__title {
  font: 500 30px 'Muller';
}

.news__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

.news__items .numizmatik-news__item {
  margin: 0;
}

@media only screen and (max-width: 1300px) {
  .news__items {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .news__nav {
    display: block;
  }
  .news__nav li {
    width: 100%;
    margin-bottom: 15px;
  }
  .news__items {
    display: block;
  }
  .news__items .numizmatik-news__item {
    margin: 0 auto 30px;
  }
  .news__title {
    font-size: 20px;
    margin-right: 10px;
  }
}

.advant__items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin-bottom: 30px;
}

.advant__items > div {
    display: block;
}

.advant__img {
    display: block;
    margin-bottom: 15px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .advant__items {
        grid-template-columns: 1fr;
    }
}



/* Benefits */
.benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  margin-bottom: 32px;
}

.benefits__content {
  background: #FFFFFF;
  border: 1px solid #D0DAE2;
  border-radius: 5px;
  height: 100%;
  z-index: 9999;
}

.benefits__item {
  height: 70px;
  border-radius: 4px;
  position: relative;
}

.benefits__item:hover {
  height: auto;
}

.benefits__item:hover .benefits__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
}

.benefits__item:hover .benefits__text {
  display: block;
}

.benefits__item:hover .benefits__link {
  display: block;
}

.benefits__header {
  display: flex;
  align-items: center;
  padding: 13px 25px;
}

.benefits__img {
  width: 38px;
  display: flex;
  align-items: flex-start;
  margin-right: 17px;
  flex-shrink: 0;
}

.benefits__title {
  color: #2B2A29;
  opacity: 0.9;
  font-size: 16px;
}

.benefits__text {
  display: none;
  font-size: 14px;
  color: #2B2A29;
  opacity: 0.8;
  padding: 15px;
}

.benefits__link {
  display: none;
  padding: 15px;
  font-size: 18px;
  text-transform: uppercase;
  color: #111a5d;
}

.benefits__link:hover {
  color: #FFB931;
}

@media only screen and (max-width: 1300px) {
  .benefits__title {
    font-size: 14px;
  }
  .benefits__img {
    width: 30px;
    margin-right: 10px;
  }
  .benefits__header {
    padding: 13px;
  }
}

@media only screen and (max-width: 991px) {
  .benefits__header {
    height: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .benefits {
    grid-template-columns: 1fr;
    margin-right: -15px;
  }
  .benefits__item {
    width: 280px;
    height: auto;
    margin-right: 10px;
    display: none;
  }
  .benefits__text {
    display: block;
  }
  .benefits__link {
    display: block;
  }
}

/* New goods */
.new-goods__title {
  font-size: 18px;
  font-weight: 600;
  color: #111a5d;
  margin-bottom: 30px;
}

.new-goods__carousel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  margin-bottom: 30px;
}
.new-goods__carousel .product_in {
  border: 1px solid #D0DAE2;
  border-radius: 3px;
}
.new-goods__carousel .product{
  position: relative;
  margin-top: 0;
}
.new-goods__carousel .products__view,.new-goods__carousel .products__view:hover {
  opacity: 1;
  visibility: visible;
  top: 0;
  transform: translateY(0px);
  position: relative;
}
@media only screen and (max-width: 1300px) {
  .new-goods__carousel .good:last-child {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .new-goods__carousel .product {
    width: 290px;
    margin-right: 20px;
    margin-bottom: 0;
  }
  .new-goods__carousel .products__view,.new-goods__carousel .products__view:hover {
    display: none;
  }
  .new-goods__title {
    text-align: center;
  }
  .new-goods__carousel {
    grid-template-columns: 1fr;
    margin-bottom: 100px;
    margin-right: -15px;
  }
  .new-goods__carousel .good {
    margin-right: 15px;
  }
  .new-goods__carousel .good:last-child {
    display: block;
  }
  .new-goods__carousel .slick-arrow {
    top: auto;
    bottom: -70px;
    right: 15px;
    position: absolute;
  }
  .new-goods__carousel .slick-arrow.slick-prev {
    right: auto;
    left: 0;
  }
}

/*table_col*/
/* table */

.table_col:after {

  content: '';

  clear: both;

  display: block;

}

.table_col span {

  color: #757373;

  font-size: 13px;

  line-height: 14px;

}

.table_col_lt {

  float: left;

  margin: 0;

}

.table_col_rt {

  float: right;

  margin: 0;

}



.table_col_name {

  color: #323232;

  font-size: 15px;

  font-family: 'latobold';

  margin: 0 0 10px;

  line-height: 16px;

  min-height: 16px;

}
.table_col_row {
    margin-bottom: 15px;
}


table tr.table_col_images td {

  background: 0;

  padding: 0;

  color: #121212;

  font-size: 13px;

  line-height: 14px;

  font-family: 'latobold';

  text-align: center;

  padding: 0 0 5px;

  position: relative;

}

table tr.table_col_images td img {

  margin: 0 0 5px;

}



.table_col_line {

  border: 1px solid #000;

  border-bottom: 0;

  height: 6px;

  margin: 8px 0 0;

  position: relative;

}

.table_col_line:before {

  content: '';

  position: absolute;

  display: block;

  background: #000;

  height: 6px;

  width: 1px;

  left: 50%;

  top: -6px;

}
.coin-price__item .col1, .coin-price__item .col2, .coin-price__item .col3, .coin-price__item .col4, .coin-price__item .col5,
.coin-price__item .col6, .coin-price__item .col7, .coin-price__item .col8, .coin-price__item .col9, .coin-price__item .col12 {
  float: left;,
padding-left: 15px;
  padding-right: 15px;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.coin-price__item .col12 {
  width: 100%;
}
.coin-price__item .col1 {
  width: 8.33333333333%;
}
.coin-price__item .col2 {
  width: 16.666666666%;
}
.coin-price__item .col3 {
  width: 25%;
}
.coin-price__item .col4 {
  width: 33.333333333%;
}
.coin-price__item .col5 {
  width: 41.666666666%;
}
.coin-price__item .col6 {
  width: 50%;
}
.coin-price__item .col7 {
  width: 58.333333333%;
}
.coin-price__item .col8 {
  width: 66.666666666%;
}
.coin-price__item .col9 {
  width: 75%;
}
.coin-price__item .row::after {
  content: '';
  clear: both;
  display: block;
}
@media screen and (max-width:780px){
  .coin-price__item .col4{width:50%;margin:0 0 10px}
  .coin-price__item .col5,.coin-price__item .col7{width:100%}
  .coin-price__item .col5{margin:0 0 10px;text-align:center}
}


/* textbox */

.coin-price__item ul {
  margin: 0 0 30px;
  padding: 0;
}
.coin-price__item ul li {
  position: relative;
  padding-left: 15px;
  margin: 0 0 7px;
  line-height: 18px;
}

.coin-price__item ul li:before {
  content: '';
  position: absolute;
  display: block;
  border: 5px solid transparent;
  border-left: 5px solid #caced3;
  position: absolute;
  left: 0;
  top: 4px;
}

.coin-price__item h2 {
  font-size: 19px;
  line-height: 20px;
  margin: 30px 0 20px;
}

.coin-price__item hr {
  background-color: #e8e8e8;
  height: 1px;
  border: 0;
  margin: 20px 0;
  padding: 0;

}

.coin-price__item figure {
  display: inline-block;
  margin: 0 30px 10px 0;
}

.coin-price__item figure img{
  border:1px solid #ccc;
}
.coin-price__item figcaption {
  display: block;
  max-width: 100%;
  color: #757373;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  margin: 8px 0 0;
}
.coin-price__item small {
  font-size: 13px;
}
.coin-price__item h1 a {
  color: #363636;
}
.coin-price__item h4 {
  font-family: 'latobold';
  font-size: 18px;
  line-height: 20px;
  margin: 30px 0 20px;
}
.table_col table, .coin-price__item table{
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 10px;
}

.table_col table th,.tbl_info table th, .coin-price__item table th {
  background: #dfd3b8;
  color: #121212;
  font-size: 13px;
  line-height: 14px;
  border-right: 2px solid #fff;
  padding: 10px;
  font-family: 'latobold';
}

.table_col span.red {
    color: red;   
}
.table_col table td.odd, .coin-price__item table  td.odd{
	background: #ede7d9;
}
.table_col table td,.tbl_info table td ,.coin-price__item table td {
 background: #EFF2F5;
    border-bottom: 1px solid #414c9e17;
  font-size: 13px;
  line-height: 14px;
  padding: 5px 10px;
  border-right: 2px solid #fff;

}
.coin-price__item figure img {
    border: 1px solid #ccc;
}

.table_col table td.size1, .coin-price__item table td.size1{
	background: #849EAD;
}

.table_col table td.size2, .coin-price__item table td.size2{
	background: #CED7DE;

}

.table_col table td.size3, .coin-price__item table td.size3{
	background: #fff;
}

.table_col table .year,.coin-price__item table .year {
  background: #e0d9c8;
  color: #695f48;
  font-family: 'latobold';
}

.table_col table td.or , .coin-price__item table td.or{
  background: #f2e9d6;

}

.circle_icon {	
	color: #fff;	
	background-color: #ecac3b; 	
	width: 38px; 	
	height: 38px; 	
	display: inline-block; 	
	border-radius: 80%; 	
	-moz-border-radius: 80%; 	
	-webkit-border-radius: 80%; 	
	text-align: center;	
	text-valign: middle;
	vertical-align: middle;	
	line-height: 38px;

}

.coin-price__item .ordertable {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 34px;
}

.coin-price__item .ordertable_tr {
    display: table-row;
}

.coin-price__item .ordertable_td {
    display: table-cell;
    border: 1px solid #ede7d9;
    padding: 15px 8px;
    text-align: center;
    /* color: #626262; */
    font-size: 14px;
    line-height: 14px;
    vertical-align: middle;
}

@media screen and (max-width: 780px){
	.coin-price__item .ordertable_td {
	    display: block;
	    padding: 10px;
	    text-align: left;
	    color: #2f2f2f;
	    border: 0;
	    border-top: 1px solid #ede7d9;
	    position: relative;
	    padding-left: 20px;
	}
}

/* Notificationn */
.notification {
  border: 1px solid #d0dae2;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 30px;
  font-size: 14px;
}

.notification.error {
  border-color: red;
}

.notification span {
  margin-bottom: 8px;
  display: inline-block;
}

.notification span:last-child {
  margin-bottom: 0;
}

.notification b {
  font-size: 16px;
}

/* Banner */
.banner {
  padding: 30px 0 74px;
  overflow: hidden;
}

.banner__inner {
  padding: 65px 45px 120px;
  position: relative;
  color: #ffffff;
}

.banner__inner:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: 16px;
  background: linear-gradient(119.26deg, #111A5D 25.97%, #414C9E 95.01%), #FFCF24;
}

.banner__content {
  position: relative;
  z-index: 3;
}

.banner__title {
  font-weight: 800;
  font-size: 50px;
  max-width: 900px;
  margin-bottom: 77px;
}
.banner__title a {
  text-decoration: underline;
}

.banner__title a:hover {
  color: #ffaf3a;
}
.banner__list {
  max-width: 460px;
}

.banner__list li {
  position: relative;
  padding-left: 88px;
  min-height: 28px;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 40px;
}

.banner__list li:last-child {
  margin-bottom: 0;
}

.banner__list li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 40px;
  width: 48px;
  background: url(/images/template_2020/banner-tick.svg) 50% no-repeat;
}

.banner__img {
  position: absolute;
  top: 120px;
  right: 60px;
  width: 500px;
}


.banner__bgtext {
  position: absolute;
  top: 30px;
  left: -400px;
  width: 1600px;
  font-weight: 800;
  font-size: 100px;
  opacity: 0.05;
  z-index: 3;
  line-height: 1;
}

@media only screen and (max-width: 1336px) {
  .banner {
    padding: 40px 0;
  }
  .banner__img {
    width: 500px;
    top: 220px;
    right: -50px;
  }
}

@media only screen and (max-width: 991px) {
  .banner__title {
    font-size: 40px;
    max-width: 730px;
  }
  .banner__bgtext {
    left: -150px;
    font-size: 90px;
  }
  .banner__list li {
    font-size: 18px;
  }
  .banner__img {
    top: 200px;
    right: -120px;
    width: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .banner {
    padding: 30px 0;
  }
  .banner__inner {
    padding: 40px 0 65px;
  }
  .banner__inner:before {
    right: -15px;
    left: -15px;
    height: 350px;
  }
  .banner__title {
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 460px;
  }
  .banner__bgtext {
    font-weight: 800;
    font-size: 32px;
    width: 416px;
    left: -25px;
  }
  .banner__img {
    width: 350px;
    right: -80px;
  }
  .banner__list li {
    color: rgba(48, 61, 86, 0.6);
    font-size: 14px;
    padding-left: 50px;
  }
  .banner__list li:before {
    width: 26px;
    background-size: contain;
  }
}


/* Interest */
.interest {
  margin-bottom: 50px;
}

.interest__inner {
  display: flex;
}

.interest__item {
  width: 404px;
  margin-right: 30px;
  background: #414C9E;
  border-radius: 40px;
  height: 80px;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  padding-right: 20px;
  text-decoration: none;
}

.interest__item img {
  flex-shrink: 0;
  margin-right: 20px;
  width: 90px;
  height: 90px;
  margin-left: -5px;
  max-height: 1000%;
}

.interest__item:last-child {
  background: #77879B;
}

@media only screen and (max-width: 767px) {
  .interest {
    margin-bottom: 55px;
  }
  .interest__inner {
    display: block;
  }
  .interest__item {
    margin-right: 0;
    margin-bottom: 30px;
    height: 60px;
    font-size: 12px;
    width: 288px;
  }
  .interest__item img {
    width: 70px;
    height: 70px;
  }
}

/* Collection */
.collection {
  margin-bottom: 50px;
}

.collection__inner {
  border: 4px solid #FFBB33;
  box-shadow: 20px 20px 180px rgba(146, 155, 169, 0.18);
  border-radius: 20px;
  margin-bottom: 32px;
  padding: 66px 78px;
  position: relative;
}

.collection__content {
  max-width: 540px;
}

.collection__title {
  font-weight: 800;
  font-size: 32px;
  color: #173B97;
  margin-bottom: 62px;
}

.collection__text {
  font-weight: 300;
  font-size: 18px;
  color: #303D56;
  margin-bottom: 93px;
  font-weight: 400;
}

.collection__form {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
}

.collection__input[type=text] {
  width: 280px;
  height: 50px;
  font-weight: 600;
  font-size: 18px;
  padding: 0 18px;
  border: 1px solid #D0DAE2;
  border-radius: 4px;
  font-family: inherit;
  margin-right: 20px;
}

.collection__file {
border: 1px solid #E2E5E9;
    border-radius: 4px;
  width: 200px;
  height: 50px;
  margin-right: 40px;
  position: relative;
  display: flex;
  align-items: center;
  background: url(/images/template_2020/upload.svg) no-repeat 90% 50%;
  padding-left: 20px;
}

.collection__file span {
  font-weight: 600;
  font-size: 16px;
  color: #303D56;
  opacity: 0.3;
  cursor: pointer;
}

.collection__file input {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.collection__submit {
  width: 263px;
  height: 74px;
  background: #FFBB33;
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 60px;
  border: none;
  cursor: pointer;
  transition: 300ms;
}

.collection__submit:hover {
  background: #eca237;
}

.collection__img {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
}

.collection .evaluation__footer {
  justify-content: space-between;
  font-size: 14px;
  color: #77879B;
}

.collection .evaluation__footer a {
  color: #111a5d;
}

.collection .evaluation__agreement {
  width: 260px;
}

.collection .evaluation__answers {
  width: 158px;
}

@media only screen and (max-width: 1336px) {
  .collection__img {
    width: 370px;
  }
}

@media only screen and (max-width: 991px) {
  .collection {
    margin-bottom: 100px;
  }
  .collection__inner {
    padding: 30px;
  }
  .collection__content {
    max-width: 400px;
  }
  .collection__title {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .collection__text {
    font-size: 14px;
    margin-bottom: 50px;
  }
  .collection__input {
    width: 210px;
  }
  .collection__submit {
    width: 250px;
    padding: 0 40px;
  }
  .collection__img {
    width: 330px;
  }
  .collection .evaluation__footer > div {
    border-bottom: 1px solid rgba(125, 140, 159, 0.3);
    padding: 20px 0;
    width: 100%;
    margin-bottom: 0;
  }
  .collection .evaluation__footer > div:last-child {
    border-bottom: none;
  }
}

@media only screen and (max-width: 767px) {
  .collection {
    margin-bottom: 96px;
  }
  .collection__inner {
    padding: 33px 20px 326px;
    overflow: hidden;
  }
  .collection__title {
    font-size: 18px;
    margin-bottom: 18px;
  }
  .collection__text {
    font-size: 12px;
    margin-bottom: 70px;
  }
  .collection__form {
    flex-direction: column;
    justify-content: center;
  }
  .collection__input {
    margin-right: 0;
    margin-bottom: 20px;
    width: 248px;
  }
  .collection__file {
    width: 248px;
    margin-bottom: 40px;
    margin-right: 0;
  }
  .collection__submit {
    width: 248px;
    padding: 0;
    font-size: 14px;
    height: 60px;
  }
}

/* Collection process */
.c-process {
  margin-bottom: 286px;
}

.c-process__inner {
  position: relative;
}

.c-process__img {
  position: absolute;
  top: -10px;
  left: -320px;
}

.c-process__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 54px;
}

.c-process__title {
  font-weight: 800;
  font-size: 32px;
  color: #173B97;
}

.c-process__subtitle {
  color: #77879B;
  font-size: 16px;
}

.c-process__items {
  display: flex;
}

.c-process__item {
  margin-right: 30px;
  width: calc(33.33% - 20px);
  background: #FFFFFF;
  border: 1px solid #D0DAE2;
  border-radius: 4px;
  padding: 31px 26px;
}

.c-process__item:nth-child(3n) {
  margin-right: 0;
}

.c-process__number {
  font-weight: bold;
  font-size: 30px;
  color: #ffaf3a;
  margin-bottom: 45px;
}

.c-process__text {
  font-size: 16px;
  color: #303D56;
}

@media only screen and (max-width: 1336px) {
  .c-process {
    margin-bottom: 100px;
  }
  .c-process__img {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .c-process__item {
    padding: 15px;
  }
  .c-process__number {
    margin-bottom: 25px;
  }
  .c-process__text {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .c-process {
    margin-bottom: 75px;
  }
  .c-process__title {
    font-size: 32px;
  }
  .c-process__header {
    margin-bottom: 40px;
  }
  .c-process__subtitle {
    display: none;
  }
  .c-process__items {
    flex-direction: column;
  }
  .c-process__item {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0 !important;
    padding: 15px 20px;
  }
  .c-process__item:last-child {
    margin-bottom: 0;
  }
  .c-process__number {
    font-size: 30px;
    margin-bottom: 24px;
  }
}

/* Info list */
.info-list {
  padding: 75px 215px 75px 75px;
}

.info-list--blue {
  background: #111a5d;
  border-radius: 8px;
  color: #ffffff;
}

.info-list--blue .info-list__item {
  border-color: #fff !important;
}

.info-list--blue .info-list__title {
  color: #ffffff !important;
  opacity: 1 !important;
}

.info-list--blue .info-list__sign:after, .info-list--blue .info-list__sign:before {
  background: #ffffff;
}

.info-list.info-list--collection {
  padding: 90px 70px;
}

.info-list.info-list--collection .info-list__title {
  color: #303D56;
  opacity: 0.4;
}

.info-list.info-list--collection .info-list__body p,
.info-list.info-list--collection .info-list__body ul {
  opacity: 0.7;
}
.info-list.info-list--collection .info-list__body img {
  margin-bottom: 15px;
}

.info-list__container {
  display: flex;
  align-items: flex-start;
}

.info-list__title {
  max-width: 290px;
  font: 400 38px "Muller";
  flex-shrink: 0;
  margin-right: 102px;
}

.info-list__items {
  flex-grow: 10;
}

.info-list__item {
  border-bottom: 1px solid #303D56;
  padding: 20px 0;
}

.info-list__item:first-child {
  border-top: 1px solid #303D56;
}

.info-list__body {
  padding-top: 20px;
}
.info-list__body p {
  margin-bottom: 15px;
}

.info-list__body ul li {
  margin-bottom: 15px;
}

.info-list__body ul li:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 2px;
  background: #ffaf3a;
  margin-bottom: 4px;
  margin-right: 5px;
}

.info-list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.info-list__header.active .info-list__sign:before {
  opacity: 0;
}

.info-list__head {
  font-size: 16px;
  font-weight: 600;
}

.info-list__sign {
  position: relative;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-left: 10px;
}

.info-list__sign:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  height: 2px;
  width: 100%;
  left: 0;
  margin-top: -1px;
  background: #303D56;
}

.info-list__sign:before {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #303D56;
  position: absolute;
  transition: 300ms;
}

.info-list__with-img {
  display: flex;
  align-items: flex-start;
}

.info-list__with-img img {
  margin-right: 20px;
  max-width: 180px;
}

.info-list__body {
  font-size: 14px;
  display: none;
}

@media only screen and (max-width: 1336px) {
  .info-list {
    padding: 50px;
  }
  .info-list__container {
    display: block;
  }
  .info-list__title {
    margin-right: 0;
    max-width: 100%;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .info-list__title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .info-list {
    padding: 30px;
  }
  .info-list.info-list--collection {
    padding: 40px 15px;
  }
  .info-list.info-list--collection .info-list__title {
    font-size: 24px;
  }
  .info-list__with-img {
    display: block;
  }
  .info-list__with-img img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}


/* Process */
.process {
  margin-bottom: 100px;
}

.process__header {
  display: flex;
  align-items: flex-end;
  padding-left: 75px;
  margin-bottom: 50px;
  justify-content: space-between;
}

.process__title {
  font: 400 38px "Muller";
}

.process__description {
  color: #77879B;
}

.process__items {
  display: flex;
  flex-wrap: wrap;
}

.process__item {
  width: calc(33.33% - 20px);
  margin-right: 30px;
  margin-bottom: 30px;
  border: 1px solid #E2E5E9;
  border-radius: 4px;
  padding: 35px 25px;
}

.process__item:nth-child(3n) {
  margin-right: 0;
}

.process__number {
  font: 500 30px "Muller";
  color: #ffaf3a;
  margin-bottom: 15px;
}

.process__links {
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.process__links a {
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}

.process__links a:first-child {
  color: #ffaf3a;
  margin-bottom: 30px;
}

.process__links a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 991px) {
  .process {
    margin-bottom: 20px;
  }
  .process__header {
    padding-left: 0;
  }
  .process__title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .process__header {
    display: block;
  }
  .process__title {
    margin-bottom: 20px;
  }
  .process__item {
    width: 100%;
    margin-right: 0;
    padding: 15px;
  }
}



/* Numbers */
.numbers {
  display: flex;
  align-items: flex-start;
  margin-bottom: 100px;
  justify-content: space-between;
}

.numbers__title {
  font: 400 38px "Muller";
}

.numbers__items {
  display: flex;
  position: relative;
}

.numbers__item {
  width: 402px;
  max-width: 100%;
  border-radius: 4px;
  color: #ffffff;
  padding: 40px;
  position: relative;
  overflow: hidden;
}

.numbers__item:after {
  content: '';
  display: block;
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  position: absolute;
  right: -130px;
  top: 50%;
  transform: translateY(-50%);
}

.numbers__item:first-child {
  background: #303D56;
  margin-right: 30px;
}

.numbers__item:first-child:after {
  background: #2C384F;
}

.numbers__item:nth-child(2) {
  background: #FFAF3A;
}

.numbers__item:nth-child(2):after {
  background: #F0A435;
}

.numbers__description {
  position: absolute;
  left: 432px;
  top: 100%;
  margin-top: 25px;
  font-size: 12px;
  font-weight: 600;
}

.numbers__text {
  position: relative;
  z-index: 2;
}

.numbers__text:first-child {
  margin-bottom: 25px;
}

.numbers__text span {
  font-size: 38px;
  margin-right: 5px;
}

@media only screen and (max-width: 1336px) {
  .numbers {
    display: block;
  }
  .numbers__title {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .numbers {
    margin-bottom: 50px;
  }
  .numbers__title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .numbers__items {
    display: block;
  }
  .numbers__item:first-child {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .numbers__description {
    position: static;
  }
}