/* Start:/local/templates/citicard/libs/select2/style.css?159000085916343*/
.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle
}

.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 28px;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
	position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px
}

.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 32px;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline-block;
	overflow: hidden;
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container .select2-search--inline {
	float: left
}

.select2-container .select2-search--inline .select2-search__field {
	box-sizing: border-box;
	border: none;
	font-size: 100%;
	margin-top: 5px;
	padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-dropdown {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051
}

.select2-results {
	display: block
}

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0
}

.select2-results__option {
	padding: 6px;
	user-select: none;
	-webkit-user-select: none
}

.select2-results__option[aria-selected] {
	cursor: pointer
}

.select2-container--open .select2-dropdown {
	left: 0
}

.select2-container--open .select2-dropdown--above {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-search--dropdown {
	display: block;
	padding: 4px
}

.select2-search--dropdown .select2-search__field {
	padding: 4px;
	width: 100%;
	box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
	display: none
}

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0)
}

.select2-hidden-accessible {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	left: 1px;
	right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
	display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 10px;
	padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
	float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid black 1px;
	outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
	display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
	padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
	color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -1em;
	padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -2em;
	padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -3em;
	padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -4em;
	padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -5em;
	padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #5897fb;
	color: white
}

.select2-container--default .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic .select2-selection--single {
	background-color: #f7f7f7;
	border: 1px solid #aaa;
	border-radius: 4px;
	outline: 0;
	background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
	background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
	background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-color: #ddd;
	border: none;
	border-left: 1px solid #aaa;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	border: none;
	border-right: 1px solid #aaa;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	left: 1px;
	right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
	background: transparent;
	border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
	background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
	background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
	background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
	background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
	outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
	list-style: none;
	margin: 0;
	padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
	display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
	color: #888;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	float: right;
	margin-left: 5px;
	margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa;
	outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
	outline: 0;
	box-shadow: none
}

.select2-container--classic .select2-dropdown {
	background-color: #fff;
	border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
	border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
	border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
	padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
	color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
	background-color: #3875d7;
	color: #fff
}

.select2-container--classic .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #5897fb
}
/* End */


/* Start:/local/templates/citicard/css/style.css?1752850031352413*/
@charset 'UTF-8';
.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select, .multiselect__option--disabled{
  background: none!important;
}
 .cubs {
   position: relative;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   width: 250px;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .cubs {
     width: 270px
   }
 }

 .cubs__item {
   position: relative;

   display: block;

   width: 33px;
   height: 33px;

   -webkit-transform-origin: -50% center;

   -ms-transform-origin: -50% center;

   transform-origin: -50% center;

   -webkit-border-radius: 15%;

   border-radius: 15%;
 }

 .cubs__item:after {
   position: absolute;
   top: 0;
   right: 0;

   width: 100%;
   height: 100%;

   content: '';

   -webkit-border-radius: 15%;

   border-radius: 15%;
   background-color: lightblue;
   -webkit-box-shadow: 0 0 10px 0 rgba(28, 159, 255, .4);
   box-shadow: 0 0 10px 0 rgba(28, 159, 255, .4);
 }

 .cubs__item:nth-child(1) {
   -webkit-animation: slide 1.5s ease-in-out infinite alternate;
   animation: slide 1.5s ease-in-out infinite alternate;
 }

 .cubs__item:nth-child(1):after {
   -webkit-animation: color-change 1.5s ease-in-out infinite alternate;
   animation: color-change 1.5s ease-in-out infinite alternate;
 }

 .cubs__item:nth-child(2) {
   -webkit-animation: flip-1 1.5s ease-in-out infinite alternate;
   animation: flip-1 1.5s ease-in-out infinite alternate;
 }

 .cubs__item:nth-child(2):after {
   -webkit-animation: squidge-1 1.5s ease-in-out infinite alternate;
   animation: squidge-1 1.5s ease-in-out infinite alternate;
 }

 .cubs__item:nth-child(3) {
   -webkit-animation: flip-2 1.5s ease-in-out infinite alternate;
   animation: flip-2 1.5s ease-in-out infinite alternate;
 }

 .cubs__item:nth-child(3):after {
   -webkit-animation: squidge-2 1.5s ease-in-out infinite alternate;
   animation: squidge-2 1.5s ease-in-out infinite alternate;
 }

 .cubs__item:nth-child(4) {
   -webkit-animation: flip-3 1.5s ease-in-out infinite alternate;
   animation: flip-3 1.5s ease-in-out infinite alternate;
 }

 .cubs__item:nth-child(4):after {
   -webkit-animation: squidge-3 1.5s ease-in-out infinite alternate;
   animation: squidge-3 1.5s ease-in-out infinite alternate;
 }

 .cubs__item:nth-child(5) {
   -webkit-animation: flip-4 1.5s ease-in-out infinite alternate;
   animation: flip-4 1.5s ease-in-out infinite alternate;
 }

 .cubs__item:nth-child(5):after {
   -webkit-animation: squidge-4 1.5s ease-in-out infinite alternate;
   animation: squidge-4 1.5s ease-in-out infinite alternate;
 }

 .cubs__item:nth-child(2):after {
   background-color: #1c9fff;
 }

 .cubs__item:nth-child(3):after {
   background-color: #1fb1fd;
 }

 .cubs__item:nth-child(4):after {
   background-color: #22c7fb;
 }

 .cubs__item:nth-child(5):after {
   background-color: #23d3fb;
 }

 @-webkit-keyframes slide {
   0% {
     -webkit-transform: translatex(0vw);
     transform: translatex(0vw);

     background-color: #1795ff;
   }

   100% {
     -webkit-transform: translatex(-webkit-calc(250px - (33px) * 1.25));
     transform: translatex(calc(250px - (33px) * 1.25));

     background-color: #23d3fb;
   }
 }

 @keyframes slide {
   0% {
     -webkit-transform: translatex(0vw);
     transform: translatex(0vw);

     background-color: #1795ff;
   }

   100% {
     -webkit-transform: translatex(-webkit-calc(250px - (33px) * 1.25));
     transform: translatex(calc(250px - (33px) * 1.25));

     background-color: #23d3fb;
   }
 }

 @-webkit-keyframes color-change {
   0% {
     background-color: #1795ff;
   }

   100% {
     background-color: #23d3fb;
   }
 }

 @keyframes color-change {
   0% {
     background-color: #1795ff;
   }

   100% {
     background-color: #23d3fb;
   }
 }

 @-webkit-keyframes flip-1 {

   0%,
   15% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   35%,
   100% {
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg);
   }
 }

 @keyframes flip-1 {

   0%,
   15% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   35%,
   100% {
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg);
   }
 }

 @-webkit-keyframes squidge-1 {
   5% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   15% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   25%,
   20% {
     -webkit-transform: scalex(.8) scaley(1.4);
     transform: scalex(.8) scaley(1.4);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   55%,
   100% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }

   40% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }
 }

 @keyframes squidge-1 {
   5% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   15% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   25%,
   20% {
     -webkit-transform: scalex(.8) scaley(1.4);
     transform: scalex(.8) scaley(1.4);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   55%,
   100% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }

   40% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }
 }

 @-webkit-keyframes flip-2 {

   0%,
   30% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   50%,
   100% {
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg);
   }
 }

 @keyframes flip-2 {

   0%,
   30% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   50%,
   100% {
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg);
   }
 }

 @-webkit-keyframes squidge-2 {
   20% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   30% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   40%,
   35% {
     -webkit-transform: scalex(.8) scaley(1.4);
     transform: scalex(.8) scaley(1.4);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   70%,
   100% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }

   55% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }
 }

 @keyframes squidge-2 {
   20% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   30% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   40%,
   35% {
     -webkit-transform: scalex(.8) scaley(1.4);
     transform: scalex(.8) scaley(1.4);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   70%,
   100% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }

   55% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }
 }

 @-webkit-keyframes flip-3 {

   0%,
   45% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   65%,
   100% {
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg);
   }
 }

 @keyframes flip-3 {

   0%,
   45% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   65%,
   100% {
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg);
   }
 }

 @-webkit-keyframes squidge-3 {
   35% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   45% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   55%,
   50% {
     -webkit-transform: scalex(.8) scaley(1.4);
     transform: scalex(.8) scaley(1.4);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   85%,
   100% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }

   70% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }
 }

 @keyframes squidge-3 {
   35% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   45% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   55%,
   50% {
     -webkit-transform: scalex(.8) scaley(1.4);
     transform: scalex(.8) scaley(1.4);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   85%,
   100% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }

   70% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }
 }

 @-webkit-keyframes flip-4 {

   0%,
   60% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   80%,
   100% {
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg);
   }
 }

 @keyframes flip-4 {

   0%,
   60% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
   }

   80%,
   100% {
     -webkit-transform: rotate(-180deg);
     transform: rotate(-180deg);
   }
 }

 @-webkit-keyframes squidge-4 {
   50% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   60% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   70%,
   65% {
     -webkit-transform: scalex(.8) scaley(1.4);
     transform: scalex(.8) scaley(1.4);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   100%,
   100% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }

   85% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }
 }

 @keyframes squidge-4 {
   50% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   60% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   70%,
   65% {
     -webkit-transform: scalex(.8) scaley(1.4);
     transform: scalex(.8) scaley(1.4);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom;
   }

   100%,
   100% {
     -webkit-transform: scalex(1) scaley(1);
     transform: scalex(1) scaley(1);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }

   85% {
     -webkit-transform: scalex(1.3) scaley(.7);
     transform: scalex(1.3) scaley(.7);
     -webkit-transform-origin: center top;
     transform-origin: center top;
   }
 }

 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video {
   margin: 0;
   padding: 0;

   border: 0;
 }

 html {
   height: 100%;
 }

 img,
 fieldset,
 a img {
   border: none;
 }

 input[type='submit'],
 button {
   cursor: pointer;
 }

 input[type='submit']::-moz-focus-inner,
 button::-moz-focus-inner {
   padding: 0;

   border: 0;
 }

 textarea {
   overflow: auto;
 }

 a {
   text-decoration: none;
 }

 a {
   color: #263238;
 }

 a:hover {
   color: #2196f3;
 }

 button {
   border: 0;
   background: none;
 }

 input,
 button {
   margin: 0;
   padding: 0;

   border: 0;
 }

 input,
 textarea,
 select,
 button,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 a,
 span,
 a:focus {
   outline: none;
 }

 ul,
 ol {
   list-style-type: none;
 }

 table {
   width: 100%;

   border-spacing: 0;
   border-collapse: collapse;
 }

 li {
   margin-bottom: 10px;
 }

 .clearfix::before {
   display: table;

   content: ' ';
 }

 .clearfix::after {
   display: table;
   clear: both;

   content: ' ';
 }

 @font-face {
   font-family: 'Segoe UI';
   font-weight: bold;
   font-style: normal;
   font-display: swap;
   src: url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-Bold.woff2') format('woff2'), url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-Bold.woff') format('woff'), url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-Bold.ttf') format('truetype');
 }

 @font-face {
   font-family: 'Segoe UI';
   font-weight: 300;
   font-style: normal;
   font-display: swap;
   src: url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-Light.woff2') format('woff2'), url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-Light.woff') format('woff'), url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-Light.ttf') format('truetype');
 }

 @font-face {
   font-family: 'Segoe UI';
   font-weight: bold;
   font-style: italic;
   font-display: swap;
   src: url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-BoldItalic.woff2') format('woff2'), url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-BoldItalic.woff') format('woff'), url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-BoldItalic.ttf') format('truetype');
 }

 @font-face {
   font-family: 'Segoe UI';
   font-weight: 600;
   font-style: normal;
   font-display: swap;
   src: url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-SemiBold.woff2') format('woff2'), url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-SemiBold.woff') format('woff'), url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-SemiBold.ttf') format('truetype');
 }

 @font-face {
   font-family: 'Segoe UI';
   font-weight: normal;
   font-style: normal;
   font-display: swap;
   src: url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI.woff2') format('woff2'), url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI.woff') format('woff'), url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI.ttf') format('truetype');
 }

 @font-face {
   font-family: 'Segoe UI';
   font-weight: normal;
   font-style: italic;
   font-display: swap;
   src: url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-Italic.woff2') format('woff2'), url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-Italic.woff') format('woff'), url('/local/templates/citicard/css/../fonts/SegoeUI/SegoeUI-Italic.ttf') format('truetype');
 }

 h1 {
   font-size: 2.375rem;
   font-weight: 600;

   padding: 15px 0;

   color: #333;
 }

 @media screen and (max-width: 575px) {
   h1 {
     font-size: 2rem;
     line-height: 32px;
   }
 }

 h2 {
   font-size: 2.1875rem;
   font-weight: 600;

   padding: 15px 0;

   color: #333;
 }

 @media screen and (max-width: 575px) {
   h2 {
     font-size: 1.875rem;
   }
 }

 h3 {
   font-size: 1.75rem;
   font-weight: 700;
   line-height: 28px;

   padding: 15px 0;

   color: #333;
 }

 @media screen and (max-width: 575px) {
   h3 {
     font-size: 1.4375rem;
     line-height: 1.25;
   }
 }

 h4 {
   font-size: 1.4375rem;
   font-weight: 700;
   line-height: 24px;

   padding: 10px 0;

   color: #333;
 }

 @media screen and (max-width: 575px) {
   h4 {
     line-height: 21px;
   }
 }

 button {
   font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
 }

 .text {
   font-size: 1.1875rem;
   line-height: 24px;
 }

 @media screen and (max-width: 575px) {
   .text {
     line-height: 20px;
   }
 }

 .text_size_l {
   font-size: 1.3125rem;
 }

 .text_padding_tb {
   padding: 30px 0 5px;
 }

 @media screen and (max-width: 575px) {
   .text_padding_tb {
     padding: 0;
   }
 }

 .text b {
   font-weight: 600;
 }

 .text strong {
   font-size: 1.125rem;
 }

 .text p {
   margin-bottom: 10px;
 }

 .text a {
   color: #2196f3;
 }

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

 .text blockquote {
   padding: 20px 40px;
 }

 @media screen and (max-width: 680px) {
   .text blockquote {
     padding: 20px;
   }
 }

 .news-single .text img,
 .news-single .text iframe {
   width: 100% !important
 }

 .news-single .text img[alt="9851;"] {
   width: 16px !important
 }

 @media screen and (max-width: 680px) {

   .news-single .text img,
   .news-single .text iframe {
     height: 100% !important
   }
 }

 .text blockquote p {
   margin-top: 10px;
 }

 .text blockquote small {
   line-height: 1;

   color: #7f7f7f;
 }

 .text ul {
   margin: 15px 0;
 }

 .text li {
   font-size: 1.1875rem;
   line-height: 28px;

   position: relative;

   margin-bottom: 17px;
   padding-left: 50px;

   color: #252525;
 }

 @media screen and (max-width: 1280px) {
   .text li {
     line-height: 1.45;

     margin-bottom: 5px;
   }
 }

 .text ul li::before {
   position: absolute;
   top: 0;
   left: 0;

   content: url(/local/templates/citicard/css/../svg/check.svg);
 }

 .text ol li:before {
   content: counter(list)
 }

 .list_border li {
   padding-bottom: 10px;

   border-bottom: 1px solid #90a4ae;
 }

 .list_border li:last-of-type {
   border-bottom: 0;
 }

 .list li {
   font-size: 1.1875rem;
   line-height: 24px;

   position: relative;

   padding-left: 20px;
 }

 @media screen and (max-width: 575px) {
   .list li {
     padding-left: 15px;
   }
 }

 .list li:before {
   line-height: .1;

   position: absolute;
   top: 10px;
   left: 0;

   display: inline-block;

   height: 4px;

   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAP0lEQVQYVyXLQQ2AMBAAwV0FSKB1ghQw1T5BWnFAqIAj5L6TjKXPzfAECOOwtneA6w/gsLb5AEtC3GaJK4v7B64IE+zHQaXrAAAAAElFTkSuQmCC);
 }

 ol {
   margin: 20px 0;

   counter-reset: list;
 }

 ol li {
   font-size: 1.1875rem;
   line-height: 24px;

   position: relative;

   padding-left: 30px;
 }

 ol li:before {
   font-weight: 700;

   position: absolute;
   top: 0;
   left: 0;

   content: counter(list);
   counter-increment: list;
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0);

   color: #2196f3;
 }

 .check li {
   font-size: 1.4375rem;
   line-height: 30px;

   position: relative;

   margin-bottom: 10px;
   padding-left: 50px;

   color: #fff;
 }

 @media screen and (max-width: 575px) {
   .check li {
     line-height: 1.25;

     padding-left: 35px;
   }
 }

 .check li:before {
   position: absolute;
   top: 50%;
   left: 0;

   content: '';
   width: 20px;
   height: 30px;
   background: url(/local/templates/citicard/css/../svg/arrow-check.svg) no-repeat center;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
 }

 .text-uppercase {
   text-transform: uppercase;
 }

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

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

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

 .border_bottom {
   border-bottom: 2px solid;
 }

 .border_bottom .link {
   padding-left: 10px;
 }

 .border_color_blue {
   border-color: #0d47a1;
 }

 .i-arrow {
   width: 19px;
   height: 9px;

   -webkit-transition: -webkit-transform .9s cubic-bezier(.215, .61, .355, 1);

   transition: -webkit-transform .9s cubic-bezier(.215, .61, .355, 1);

   -o-transition: transform .9s cubic-bezier(.215, .61, .355, 1);

   transition: transform .9s cubic-bezier(.215, .61, .355, 1);

   transition: transform .9s cubic-bezier(.215, .61, .355, 1), -webkit-transform .9s cubic-bezier(.215, .61, .355, 1);

   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALCAYAAACQy8Z9AAABNUlEQVQ4T53Tz00CQRgF8Pc2JFwIQgdDBdKBUAF0IByBC1uBJeAFOAIdQAVqB9CAbgcgctlk5ZlvlzUiLEHnNJPM/Pb7t3TDbcsjG3tGftApB/jncuO185Qb7KUFK+OPOYQGgI3EetArLP/quuGuSuoJQAnEgm6wLjGfmwO4S2D5Qa84vRa2TEkOYhB4URg1mT6ujLZTgPd2ltS+Bj6Ak8TQ7K1bbNnuG7WDG+36hOyrIDl97RTaWREfBQH6QbfwmN49QmM4Sccu3BCY78OoHfjlTfrAyuXlcxMBzaysTtAEjgv/bDCApcKobvCh/taQKoB3ibVzjT2LxvB47ai4gbdpA0nvAZADsJLYypqUTDSGk8mwiA1O10phVPtZkt91v4ieToZmCj/7l8CT7l+aTavztT/GF+bmjxxfU76BAAAAAElFTkSuQmCC');
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: contain;
   background-size: contain;
 }

 .social-icon {
   display: inline-block;

   width: 24px;
   height: 23px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   background-image: url(/local/templates/citicard/css/../svg/sprite-social-icon.svg);
   background-repeat: no-repeat;
   background-position-y: center;
   background-size: cover;
 }

 .social-icon_vk {
   background-position-x: -1px;
 }

 .social-icon_ok {
   background-position-x: -57px;
 }

 .social-icon_fb {
   background-position-x: -117px;
 }

 .social-icon_in {
   background-position-x: -177px;
 }

 .social-icon_tg {
   background-position-x: -235px;
 }

 .social-link:hover .social-icon {
   background-image: url(/local/templates/citicard/css/../svg/sprite-social-icon-hover.svg);
 }

 .app-icon {
   display: inline-block;

   width: 21px;
   height: 26px;

   background-image: url(/local/templates/citicard/css/../svg/sprite-app-icon.svg);
   background-repeat: no-repeat;
   background-position-x: left;
 }

 .app-icon_store {
   background-position-y: -69px;
 }

 .i-selected-tram {
   display: inline-block;

   width: 40px;
   height: 54px;

   background-image: url(/local/templates/citicard/css/../svg/i-selected-tram.svg);
   background-repeat: no-repeat;
   background-position: center;
 }

 .icon-transport {
   display: inline-block;

   width: 41px;
   height: 41px;
   margin-right: 10px;
 }

 @media screen and (max-width: 1280px) {
   .icon-transport {
     margin-right: 0;

     -webkit-transform: scale(.8);

     -ms-transform: scale(.8);

     transform: scale(.8);
   }
 }

 @media screen and (max-width: 575px) {
   .rate__mark .icon-transport {
     width: 31px;
     height: 31px;
     margin-right: 3px
   }
 }

 .icon-check {
   width: 18px;
   height: 14px;

   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAnklEQVQ4T6XS0RVAIBgF4O4AzMAmRuER8+CxTMImzMAAv1NOTnVC0Wv1nVv3B/u5smEv1jqZ8cfJuq0EwAGIz5BGziA0foJcZGnSMhryITJTFHSHREFPyAXl/SaI2Ly2qfC1+IYoSM4BiE3q74kqFwtBrkTmYRMLRaw/cjG1CXA9J7Lip+G1WrMT6Gs0viHe1mKeYyb0ztGJsSIkicYOdl9npMNeVEMAAAAASUVORK5CYII=);
   background-repeat: no-repeat;
   background-position: center;
 }

 *:root {
   font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
   font-size: 14px;
 }

 @media screen and (max-width: 1280px) {
   *:root {
     font-size: 12px;
   }
 }

 *::-webkit-scrollbar {
   width: 15px;
   height: 3px;

   -webkit-transition: .05s ease;

   -o-transition: .05s ease;

   transition: .05s ease;
 }

 *::-webkit-scrollbar-track {
   background-color: #cdcdce;
 }

 *::-webkit-scrollbar-track-piece {
   background-color: #fff;
 }

 *::-webkit-scrollbar-thumb {
   height: 50px;

   -webkit-border-radius: 3px;

   border-radius: 3px;
   background-color: #cdcdce;
 }

 *::-webkit-scrollbar-corner {
   background-color: #cdcdce;
 }

 *::-webkit-resizer {
   background-color: #cdcdce;
 }

 body {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.15;

   color: #263238;

   scroll-behavior: smooth;
 }

 body.open {
   height: 100vh;
   overflow: hidden;
   padding-right: 15px;
 }

 main {
   display: block;

   width: 100%;
   padding-top: 95px;
   position: relative;
   z-index: 9
 }

 @media screen and (max-width: 1280px) {
   main {
     overflow-x: hidden;

     padding-top: 80px;
   }
 }

 @media screen and (max-width: 1023px) {
   main {
     padding-top: 60px;
   }
 }

 @media screen and (max-width: 575px) {
   main {
     padding-top: 50px;
   }

   body.open {
     padding-right: 0px;
   }

   *::-webkit-scrollbar {
     width: 5px;
   }
 }

 @media screen and (max-width: 350px) {
   main {
     padding-top: 40px;
   }
 }

 .inner {
   width: 100%;
   max-width: 1400px;
   margin: 0 auto;
 }

 .inner_right {
   max-width: 1660px;
   margin: 0;
 }

 @media screen and (min-width: 1921px) {
   .inner_right {
     margin: 0 auto;
   }
 }

 @media screen and (max-width: 1600px) {
   .inner_right {
     max-width: 1440px;
   }
 }

 @media screen and (max-width: 1400px) {
   .inner_right {
     max-width: 1400px;
   }
 }

 @media screen and (max-width: 1440px) {
   .inner {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0 15px;
   }
 }

 .section {
   padding: 25px 0 50px;
 }

 @media screen and (max-width: 1440px) {
   .section {
     padding: 5px 0 30px;
   }
 }

 .section_element {
   padding: 120px 0 0;
 }

 @media screen and (max-width: 1440px) {
   .section_element {
     padding: 80px 0 0;
   }
 }

 @media screen and (max-width: 1280px) {
   .section_element {
     padding: 60px 0 0;
   }
 }

 @media screen and (max-width: 1023px) {
   .section_element {
     padding: 40px 0 0;
   }
 }

 .section_element h2 {
   margin-bottom: 40px;
 }

 @media screen and (max-width: 1280px) {
   .section_element h2 {
     margin-bottom: 10px;
   }
 }

 .section_card {
   margin-top: -50px;
   padding-bottom: 0;
 }

 @media screen and (max-width: 1440px) {
   .section_card {
     margin-top: -10px;
   }
 }

 @media screen and (max-width: 1023px) {
   .section_card {
     margin-top: -35px;
   }
 }

 .section_right {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: end;

   -webkit-justify-content: flex-end;

   -ms-flex-pack: end;

   justify-content: flex-end;
 }

 .section_gray {
   background: #f6f7f8;
 }

 .section_blue {
   color: #fff;
   background: #2196f3;
 }

 .section_lightblue {
   background: #cce9fb;
 }

 .section_blue h2 {
   color: #fff;
 }

 .section_topadding {
   margin-top: 90px;
   padding-top: 116px;
   padding-bottom: 116px;
 }

 @media screen and (max-width: 1280px) {
   .section_topadding {
     margin-top: 40px;
     padding-top: 40px;
     padding-bottom: 30px;
   }
 }

 .section_service {
   margin-top: 128px;
   padding: 0;
 }

 @media screen and (max-width: 1280px) {
   .section_service {
     margin-top: 74px;
   }
 }

 @media screen and (max-width: 575px) {
   .section_service {
     margin-top: 40px;
   }
 }

 .section__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   padding-top: 40px;
 }

 @media screen and (max-width: 1023px) {
   .section__inner {
     padding-top: 20px;
   }
 }

 .section__inner_right {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -webkit-flex-flow: row-reverse;
   -ms-flex-flow: row-reverse;
   flex-flow: row-reverse;
 }

 @media screen and (max-width: 1023px) {
   .section__inner_right {
     position: relative;

     -webkit-flex-wrap: wrap-reverse;

     -ms-flex-wrap: wrap-reverse;

     flex-wrap: wrap-reverse;
   }
 }

 .section__inner_right .sidebar_border {
   position: relative;

   margin-right: 60px;
   margin-left: 0;
 }

 @media screen and (max-width: 1280px) {
   .section__inner_right .sidebar_border {
     margin-right: 30px;
   }
 }

 @media screen and (max-width: 1023px) {
   .section__inner_right .sidebar_border {
     position: absolute;
     z-index: 9999;
     top: 60px;
     right: 0;
     left: 0;

     width: 100%;
     max-width: 320px;
     margin: 0 auto;
   }
 }

 .content {
   width: 80%;
   margin-bottom: 50px;
 }

 @media screen and (max-width: 1023px) {
   .content {
     width: 100%;
   }
 }

 @media screen and (max-width: 1023px) {
   .content {
     margin-bottom: 0;
   }
 }

 .content_full {
   width: 100%;
   margin-top: 10px;
 }

 @media screen and (max-width: 1023px) {
   .content > .tag-box {
     margin-bottom: 20px;
   }
 }

 .content-data {
   margin-right: 15px;

   color: #90a4ae;
 }

 .tag-elem {
   font-size: 1rem;
   line-height: 1;

   display: inline-block;

   margin: 5px 10px 5px 0;
   padding: 4px 10px 6px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   color: #90a4ae;
   -webkit-border-radius: 12px;
   border-radius: 12px;
   background: #f6f7f8;
   position: relative;
   z-index: 999;
 }

 @media screen and (max-width: 1280px) {
   .tag-elem {
     margin: 5px 2px 3px 0;
   }
 }

 .tag-elem_bg_white {
   background: #fff;
 }

 .tag-elem:hover {
   color: #2196f3;
 }

 .tag-elem.active {
   color: #fff;
   background: #2196f3;
 }

 .color-blue {
   color: #0d47a1;
 }

 .color-white {
   color: #fff !important;
 }

 .search-result {
   margin-top: 20px;
   margin-bottom: 30px;
 }

 .search-result__elem {
   padding-bottom: 15px;

   border-bottom: 1px solid #c7d1d6;
 }

 @media screen and (max-width: 575px) {
   .search-result__elem {
     padding-bottom: 20px;
   }
 }

 .search-result__elem h2 {
   font-size: 1.75rem;
 }

 @media screen and (max-width: 575px) {
   .search-result__elem h2 {
     padding-top: 15px;
   }
 }

 .search-result__elem .text {
   display: -webkit-box;
   overflow: hidden;

   -o-text-overflow: ellipsis;

   text-overflow: ellipsis;

   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
 }

 .search-result__elem .link {
   margin-top: 10px;
 }

 .page-error {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   height: 100vh;

   text-align: center;
 }

.page-error__container{
  margin-top: 5%;
  height: 60vh;
}
 .page-error__title {
   font-size: 5.375rem;
   font-weight: 300;
   line-height: 1;

   margin-top: 50px;
   padding-bottom: 0;

   text-transform: uppercase;
 }

 @media screen and (max-width: 1600px) {
   .page-error__title {
     font-size: 4.375rem;

     margin-top: 20px;
   }
 }

 @media screen and (max-width: 1280px) {
   .page-error__title {
     margin-top: 30px;
   }
 }

 @media screen and (max-width: 575px) {
   .page-error__title {
     font-size: 3.75rem;

     margin-top: 100px;
   }
 }

 @media screen and (max-width: 350px) {
   .page-error__title {
     margin-top: 50px;
   }
 }

 .page-error__subtitle {
   font-size: 3.5625rem;
   font-weight: 300;

   margin-bottom: 60px;
 }

 @media screen and (max-width: 1600px) {
   .page-error__subtitle {
     font-size: 3.125rem;
   }
 }

 @media screen and (max-width: 575px) {
   .page-error__subtitle {
     font-size: 1.875rem;

     margin-bottom: 30px;
   }
 }

 @media screen and (max-width: 1600px) {
   .page-error__pic {
     width: 40%;
   }
 }

 @media screen and (max-width: 1280px) {
   .page-error__pic {
     width: 60%;
   }
 }

 .page-error__text {
   font-size: 1.4375rem;

   margin-top: 50px;
   margin-bottom: 30px;

   color: #16191b;
 }

 .check-in-points {
   width: 100%;

   margin-top: 20px;
 }

 .btn {
   font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
   font-size: 1.125rem;
   font-weight: 600;

   position: relative;
   z-index: 3;

   display: -webkit-inline-box;

   display: -webkit-inline-flex;

   display: -ms-inline-flexbox;

   display: inline-flex;

   padding: 12px 0 14px;

   cursor: pointer;
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   text-align: center;
   text-decoration: none;

   color: #fff;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background: #2196f3;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .btn:hover {
   color: #fff;
   background: #ffab00;
 }

 .btn_size_xxxs {
   width: 78px;
 }

 .btn_size_xxs {
   width: 120px;
 }

 .btn_size_xs {
   width: 132px;
 }

 .btn_size_s {
   width: 170px;
 }

 .btn_size_m {
   width: 190px;
 }

 .btn_size_l {
   width: 210px;
 }

 .btn_size_xl {
   width: 272px;
 }

 .btn_size_xxl {
   width: 298px;
 }

 .btn_size_full {
   width: 100%;
 }

 .btn_size_auto {
   padding: 12px 12px 14px;
 }

 .btn_color_gray {
   color: #2196f3;
   background: #f6f7f8;
 }

 .btn_color_gray:hover {
   color: #ffab00;
   background: #f6f7f8;
 }

 .btn_color_white {
   color: #333;
   border: 1px solid #c7d1d6;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   background-color: #fff;
 }

 .btn_color_white:hover {
   color: #333;
   border: 1px solid #2196f3;
   background: #f6f7f8;
 }

 .btn_color_darkgray {
   background: #c7d1d6;
 }
  .btn.disabled {
   opacity: .7;
 }

 .link {
   font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
   font-size: 1.1875rem;
   font-weight: 500;

   position: relative;

   display: inline-block;

   cursor: pointer;
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;

   color: #2196f3;
 }

 .link:hover {
   text-decoration: none !important;

   color: #ffab00;
 }

 .btn-close {
   width: 16px;
   height: 16px;

   background: none;
 }

 .btn-close svg g {
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
 }

 .btn-close:hover {
   background: none;
 }

 .btn-close:hover svg g {
   stroke: #ffab00;
 }

 .btn-square {
   font-size: 1.125rem;
   line-height: 16px;

   display: inline-block;

   width: 25%;
   max-width: 270px;
   margin-right: 28px;
   padding: 18px;

   cursor: pointer;
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   text-align: center;
   word-wrap: nowrap;

   color: #90a4ae;
   border: 1px solid #f6f7f8;
   background: #f6f7f8;
 }

 @media screen and (max-width: 1280px) {
   .btn-square {
     font-size: 1rem;

     margin-right: 10px;
     padding: 10px;
   }
 }

 @media screen and (max-width: 1023px) {
   .btn-square {
     padding: 10px 5px;
   }
 }

 @media screen and (max-width: 575px) {
   .btn-square {
     margin-right: 5px;
   }
 }

 .btn-square_icon {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   padding-left: 18px;

   text-align: left;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
 }

 @media screen and (max-width: 1280px) {
   .btn-square_icon {
     padding-left: 10px;

     -webkit-box-pack: center;

     -webkit-justify-content: center;

     -ms-flex-pack: center;

     justify-content: center;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 @media screen and (max-width: 575px) {
   .btn-square_icon {
     width: 27%;
     margin-right: 5px;
     margin-bottom: 10px;
     padding: 5px;

     -webkit-flex-wrap: nowrap;

     -ms-flex-wrap: nowrap;

     flex-wrap: nowrap;
   }
 }

 .btn-square_icon .icon-transport {
   margin-right: 20px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   -webkit-filter: grayscale(100) opacity(.6);

   filter: grayscale(100) opacity(.6);
 }

 @media screen and (max-width: 1280px) {
   .btn-square_icon .icon-transport {
     margin-right: 0;
   }
 }

 .btn-square_icon .icon-card {
   margin-right: 17px;
   width: 80px;
 }

 @media screen and (max-width: 1280px) {
   .btn-square_icon .icon-card {
     margin-right: 0;
     margin-bottom: 5px;
   }
 }

 @media screen and (max-width: 575px) {
   .btn-square_icon .icon-card {
     margin-bottom: 0;
     width: 60px;
   }
 }

 @media screen and (max-width: 575px) {
   .btn-square_type {
     width: 44%;
     margin-right: 5px;
     margin-bottom: 10px;
   }
 }

 @media screen and (max-width: 575px) {
   .btn-square_type span {
     margin-left: 10px;
   }
 }

 .btn-square_auto {
   width: auto;
   padding: 18px 27px;
 }

 @media screen and (max-width: 1280px) {
   .btn-square_auto {
     line-height: 1.15;

     padding: 12px;
   }
 }

 @media screen and (max-width: 575px) {
   .btn-square_auto {
     line-height: 1.15;

     display: -webkit-box;

     display: -webkit-flex;

     display: -ms-flexbox;

     display: flex;

     -webkit-box-sizing: border-box;

     box-sizing: border-box;
     width: 48%;
     height: 70px;
     margin-bottom: 10px;
     padding: 10px;

     -webkit-box-pack: center;

     -webkit-justify-content: center;

     -ms-flex-pack: center;

     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
   }
 }

 .btn-square span {
   height: auto;
 }

 @media screen and (max-width: 1280px) {
   .btn-square span {
     display: block;

     width: 100%;
     margin-top: 0;

     text-align: center;

     -webkit-box-flex: 1;

     -webkit-flex-grow: 1;

     -ms-flex-positive: 1;

     flex-grow: 1;
   }
 }

 @media screen and (max-width: 1023px) {
   .btn-square span {
     font-size: .8125rem;
   }
 }

 @media screen and (max-width: 575px) {
   .btn-square span {
     font-size: .75rem;
     line-height: 1;

     width: 50%;

     text-align: left;
   }
 }

 .btn-square:last-of-type {
   margin-right: 0;
 }
  
 .register-card__select-type-card_mod.active .btn-square {
   color: #2196f3;
   border-color: #2196f3;
   background: #fff;
 }
 .btn-square.active {
   color: #2196f3;
   border-color: #2196f3;
   background: #fff;
 }

 .btn-square.active .icon-transport {
   -webkit-filter: none;
   filter: none;
 }

 .btn-square:hover {
   color: #2196f3;
 }

 @media screen and (max-width: 1280px) {
   .btn-mobile-full {
     padding: 19px 0;
   }
 }

 @media screen and (max-width: 1023px) {
   .btn-mobile-full {
     width: 48%;
     padding: 15px 0;
   }
 }

 .up {
   position: fixed;
   z-index: 99999;
   right: 30px;
   bottom: 60px;

   display: none;

   cursor: pointer;
   -webkit-transition: -webkit-transform .5s ease-in-out;
   transition: -webkit-transform .5s ease-in-out;
   -o-transition: transform .5s ease-in-out;
   transition: transform .5s ease-in-out;
   transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
 }

 @media screen and (max-width: 575px) {
   .up {
     display: none !important;
   }
 }

 .up:hover {
   -webkit-transform: translateY(-3px);
   -ms-transform: translateY(-3px);
   transform: translateY(-3px);
 }

 .form-action_min {
   width: 50%;
   max-width: 448px;
 }

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

 .form-action_check {
   width: 100%;
   max-width: 645px;
   margin-top: 2rem;
 }

 .form-submit {
   display: block;

   margin: 20px auto 0;
 }

 .form-submit.disabled {
   opacity: .7;
 }

 .form-group_row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-align: end;

   -webkit-align-items: flex-end;

   -ms-flex-align: end;

   align-items: flex-end;
 }

 .form-row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 .form-row_passport .form-group {
   width: 70%;
 }

 .form-row_passport .form-group:first-of-type {
   width: 40%;
   margin-right: 30px;
 }

 .form-checkbox {
   display: block;

   margin-top: 20px;

   cursor: pointer;
 }

 .form-checkbox:hover p:before {
   border: 1px solid #2196f3;
 }

 .form-checkbox input {
   display: none;
 }

 .form-checkbox input:checked + p:after {
   opacity: 1;
 }

 .form-checkbox input.error + p:before {
   border-color: #ff3737;
 }

 .form-checkbox input:disabled + p {
   opacity: .3;
 }
 .form-checkbox p {
   font-size: .875rem;
   line-height: 20px;

   position: relative;

   padding-bottom: 20px;
   padding-left: 30px;

   color: #333;
 }

 [name="fld_428"] + p {
   padding-bottom: 0
 }

 .form-checkbox p:before {
   position: absolute;
   top: 4px;
   left: 0;

   display: block;

   width: 16px;
   height: 16px;

   content: '';
   -webkit-transition: .5s ease;
   -o-transition: .5s ease;
   transition: .5s ease;

   border: 1px solid #c7d1d6;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   background-color: #fff;
 }

 .form-checkbox p:after {
   position: absolute;
   top: 8px;
   left: 1px;

   width: 16px;
   height: 10px;

   content: '';
   -webkit-transition: .5s ease;
   -o-transition: .5s ease;
   transition: .5s ease;

   opacity: 0;
   background-image: url('/local/templates/citicard/css/../svg/icon-check-box.svg');
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: contain;
   background-size: contain;
 }

 .form-checkbox a {
   color: rgb(33, 150, 243)
 }

 .form-checkbox a:hover {
   text-decoration: underline;
 }

 .form-check-email {
   position: relative;
   margin-top: 3rem;
 }

 .form-check-email.two {
   margin-top: 0;
 }

 .form-check-email .form-group {
   width: 65%;

   -webkit-transition: width .5s ease-in-out;

   -o-transition: width .5s ease-in-out;

   transition: width .5s ease-in-out;
 }

 @media screen and (max-width: 1280px) {
   .form-check-email .form-group {
     width: 60%;
   }
 }

 .form-check-email .btn {
   position: absolute;
   right: 0;
   bottom: 0;
 }

 .form-check-email.hidden {
   display: none;
 }

 .radio {
   cursor: pointer;
 }

 .radio:hover::before {
   border-color: #2196f3;
 }

 .radio input {
   display: none;
 }

 .radio input:checked + span {
   color: #333;
 }

 .radio input:checked + span::after {
   opacity: 1;
 }

 .radio span {
   position: relative;

   padding-left: 25px;

   color: #90a4ae;
 }

 .radio span::before {
   position: absolute;
   top: 0;
   left: 0;

   display: block;

   width: 16px;
   height: 16px;

   content: '';
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;

   border: 1px solid #c7d1d6;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   -webkit-border-radius: 100%;
   border-radius: 100%;
   background-color: #fff;
 }

 .radio span::after {
   position: absolute;
   top: 4px;
   left: 4px;

   display: block;

   width: 10px;
   height: 10px;

   content: '';
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;

   opacity: 0;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   -webkit-border-radius: 100%;
   border-radius: 100%;
   background-color: #2196f3;
 }
@media screen and (max-width: 340px){
  .radio span{
    margin-bottom: 10px;
  }
}
 .form-add {
   margin-top: 30px;
 }

 .form-add input {
   display: none;
 }

 .form-add__sign {
   line-height: 20px;

   color: #90a4ae;
 }

 .form-add ul {
   margin-bottom: 10px;
 }

 .form-add li {
   position: relative;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   margin-bottom: 20px;
 }

 .form-add li::before {
   margin-right: 20px;

   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAABlUlEQVQ4T63VXVKCUBQH8P/R6jV3EO6AVhDtQOmpUWfcQdwdsINLK9AmGJ8CXIG2gtpBLMHHJovTXEBE/AJHXhl+c74hnPjISaA1/vgOTK24gXfR636uKKprylHQostYAjQsfTtnIqHwWmgK8gxAm8E2mo0Q31jgAgaIHQKueUntyugGSGQU01URZ+8jBsJK6DFwVQb5+mYT0dNRtCqYROsFQ2IeHUTLIH4Q4QpaOfVSpNZedAsEdGKWAFoAIm7SvXjsRjmYNvGLgelOdA84YuAFTGPVaQWLvtkpNCmdiibpW+ghUPTNZDal5zuIoYuBaeyq+QZaDQxUGWbM/IzfhpPPbWHMcrQWCEyxJGsXqDJJ0HOCa9T11b5qnKUgXV91db6uYZbykQjzg5JtgbUCywdGevXAJNIkKkIoeqZ1DjBBHddfMLMjBg92ET0lwnX6rq+uyo3VN2/z7SikrOoqXX9MQGdficoZUhbRh9oQIhozx5o6wGp78kZNAk19WFzLQ8c9HSkv0MFsE2AwEIE5LJejzh/iH/JhUpx6Au3dAAAAAElFTkSuQmCC);
 }

 .form-add li span {
   font-size: 1.1875rem;

   display: block;
   overflow: hidden;

   width: 100%;

   -o-text-overflow: ellipsis;

   text-overflow: ellipsis;

   color: #333;
 }

 .form-add li .clear-form {
   font-size: 1.1875rem;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   color: #2196f3;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 .form-add li .clear-form:hover {
   color: #ffab00;
 }

 .add-file:hover {
   cursor: pointer;
 }

 .add-file:hover span {
   color: #ffab00;
 }

 .add-file:hover .add-file__icon {
   background-position: left bottom;
 }
.sign-txt {
    padding-top: 0;
    font-size: 14px;
    color: #9f9e9e;
    font-style: italic;
}
 .add-file p {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-bottom: 20px;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 .add-file__icon {
   display: inline-block;

   width: 31px;
   height: 31px;
   margin-right: 20px;

   background-image: url(/local/templates/citicard/css/../svg/i-button-plus.svg);
   background-repeat: no-repeat;
   background-position: left top;
   -webkit-background-size: cover;
   background-size: cover;
 }

 .add-file span {
   font-size: 1.1875rem;

   color: #2196f3;
 }

 .form .form-group {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   overflow: hidden;

   margin-bottom: 15px;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media screen and (max-width: 575px) {
   .form .form-group {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .form .form-group_top {
   display: block;
 }

 .form .form-group_top .form-name {
   width: 100%;
   margin-bottom: 10px;
 }

 .form .form-group_textarea {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 .form .form-name {
   color: #333;
 }

 .form .form-field {
   font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
   font-size: 1rem;
   font-weight: 400;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   padding: 11px 17px;

   -webkit-transition: border .9s cubic-bezier(.215, .61, .355, 1);

   -o-transition: border .9s cubic-bezier(.215, .61, .355, 1);

   transition: border .9s cubic-bezier(.215, .61, .355, 1);

   color: #333;
   border: 1px solid #c7d1d6;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background-color: #fff;
 }

 .form .form-field_textarea {
   min-height: 94px;

   resize: none;
 }

 .form .form-field::-webkit-input-placeholder {
   color: #c7d1d6;
 }

 .form .form-field:-ms-input-placeholder {
   color: #c7d1d6;
 }

 .form .form-field::-ms-input-placeholder {
   color: #c7d1d6;
 }

 .form .form-field::placeholder {
   color: #c7d1d6;
 }

 .form .form-field:focus {
   border-color: #2196f3;
 }

 .form .form-field.error {
   border-color: #ff3737;
 }

 .select2 {
   position: relative;

   display: block;

   width: 100% !important;
 }

 .select2 .select2-selection {
   font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
   font-size: .875rem;
   font-weight: 400;

   position: relative;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   box-sizing: border-box;
   padding: 5px 8px;

   cursor: pointer;
   -webkit-transition: border .9s cubic-bezier(.215, .61, .355, 1);
   -o-transition: border .9s cubic-bezier(.215, .61, .355, 1);
   transition: border .9s cubic-bezier(.215, .61, .355, 1);

   color: #333;
   border: 1px solid #c7d1d6;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background-color: #fff;
 }

 .select2 .select2-selection__arrow {
   position: absolute;
   top: 50% !important;
   right: 13px !important;

   width: 13px !important;
   height: 6px !important;

   -webkit-transition: -webkit-transform .9s cubic-bezier(.215, .61, .355, 1);

   transition: -webkit-transform .9s cubic-bezier(.215, .61, .355, 1);

   -o-transition: transform .9s cubic-bezier(.215, .61, .355, 1);

   transition: transform .9s cubic-bezier(.215, .61, .355, 1);

   transition: transform .9s cubic-bezier(.215, .61, .355, 1), -webkit-transform .9s cubic-bezier(.215, .61, .355, 1);
   -webkit-transform: translateY(-50%) !important;
   -ms-transform: translateY(-50%) !important;
   transform: translateY(-50%) !important;

   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAA7ElEQVQoU4WRwU0CURRFzwsaNjLBCvyxASkBKxAqEJfCQujADpgNzFKtQKxASsAK/B1AhM3EMdf8GQcmSPTtbnLPfff9b268bFI/viL9fPGj0xX/TNVvbroZGhoDC6XZ5V8BAbT60SvQEjYylyydqTYHOwPzEl0/OFnsF3CTTcuMZ5AD3mRZx4LpJ3EOXAArGV1/2wg6nwJU2NjMwTRrh4Y5vAuoxWDXQUu68YPo0U0+emb2ULj0pPRrWJ62hcuQ82QdS9wFbTATdErwvR/1quf8goua1W27FvvvcBDOA5J128S9UOz70ezQD34D8v9ml/Ia38oAAAAASUVORK5CYII=');
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: contain;
   background-size: contain;
 }

 .select2 .select2-selection__arrow b {
   display: none;
 }

 .select2-dropdown {
   z-index: 999999;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 100%;
   width: 100%;
   padding: 5px 8px;

   -webkit-transition: display .9s cubic-bezier(.215, .61, .355, 1);

   -o-transition: display .9s cubic-bezier(.215, .61, .355, 1);

   transition: display .9s cubic-bezier(.215, .61, .355, 1);

   border: 1px solid #c7d1d6;
   border-top: 0;
   -webkit-border-radius: none;
   border-radius: none;
   background: #fff;
   -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .16);
   box-shadow: 0 5px 20px rgba(0, 0, 0, .16);
 }

 .select2-dropdown li {
   font-size: 1.1875rem;

   padding-bottom: 10px;

   -webkit-transition: .3s ease-in-out;

   -o-transition: .3s ease-in-out;

   transition: .3s ease-in-out;

   color: #333 !important;
   border-bottom: 1px solid #f6f7f8;
 }

 .select2-dropdown > li:first-of-type {
   display: none;
 }

 .select2-dropdown li:hover {
   color: #2196f3 !important;
 }

 .select2-dropdown li:last-of-type {
   margin-bottom: 0;

   border-bottom: none;
 }

 .select2-container {
   z-index: 99;
 }

 .select2-container .select2-selection--single {
   height: auto;
 }

 .select2-search input {
   font-size: 1.1875rem;
   line-height: 1;
   position: relative;
   z-index: 3;
   display: block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   min-height: 28px;
   padding: 3px 0;
   letter-spacing: .8px;
   color: #333;
   border-bottom: 1px solid #c7d1d6;
   -webkit-border-radius: 0;
   border-radius: 0;
   background: none;
 }

 #select2-fld_404-j1-result-8xut-empty {
   display: none;
 }

 .select2-container--default .select2-results__option--highlighted[aria-selected],
 .select2-container--default .select2-results__option[aria-selected='true'] {
   color: #1e88e5;
   background: #fff;
 }

 .select2-container--below .select2-selection__rendered {
   color: #333 !important;
 }

 .select2-container--default .select2-results__group {
   padding-top: 0;
   padding-bottom: 10px;
 }

 .select2-results__option--highlighted {
   font-weight: 600;
 }

 select {
   display: none;
 }

 .form-group_inner-top {
   position: relative;
   margin-top: 30px;
 }

 .form-group_inner-top .form-name {
   font-size: 1.1875rem;

   position: absolute;
   z-index: 1;
   top: 0;

   -webkit-transition: all .2s ease-in-out;

   -o-transition: all .2s ease-in-out;

   transition: all .2s ease-in-out;

   color: #90a4ae;
 }

 .form-group_inner-top .form-field {
   font-size: 1.1875rem;
   line-height: 1;

   position: relative;
   z-index: 3;

   display: block;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 100%;
   min-height: 28px;
   padding: 3px 0;

   letter-spacing: .8px;

   color: #333;
   border-bottom: 1px solid #c7d1d6;
   -webkit-border-radius: 0;
   border-radius: 0;
   background: none;
 }

@media screen and (max-width: 575px){
  .form-group_inner-top .form-field{
    font-size: 14px;
  }
}
 .date-box input {
   font-size: 1.1875rem;
   line-height: 1;
        font-family: 'Segoe UI', Arial, Helvetica, sans-serif;

   position: relative;
   z-index: 3;

   display: block;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 100%;
   min-height: 28px;
   padding: 3px 0;

   letter-spacing: .8px;

   color: #333;
   border-bottom: 1px solid #c7d1d6;
   -webkit-border-radius: 0;
   border-radius: 0;
   background: none;
   letter-spacing: normal;
 }

 .date-box input::placeholder {
   color: #90a4ae;
 }

 .date-box input.error {
   border-bottom: 2px solid #ff3737;
 }

 .form-group_inner-top .form-field_textarea {
   overflow: auto;

   min-height: 105px;
   max-height: 195px;

   resize: none;

   border: none;
   border-bottom: 2px solid #f6f7f8;
   font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
 }

 .form-group_inner-top .form-field.error {
   border-bottom: 2px solid #ff3737;
 }

 .form-group_inner-top .error-tooltip {
   font-weight: 400;
   position: absolute;
/*   z-index: 99;*/
   bottom: -15px;
   right: 0;
   font-size: 12px;

   -webkit-transition: opacity .5s ease-in-out, -webkit-transform 1s ease-in;

   transition: opacity .5s ease-in-out, -webkit-transform 1s ease-in;

   -o-transition: opacity .5s ease-in-out, transform 1s ease-in;

   transition: opacity .5s ease-in-out, transform 1s ease-in;

   transition: opacity .5s ease-in-out, transform 1s ease-in, -webkit-transform 1s ease-in;
   -webkit-transform: scale(.5);
   -ms-transform: scale(.5);
   transform: scale(.5);
   text-align: center;
   white-space: nowrap;

   opacity: 0;
   color: #ff3737;
 }

 @media screen and (max-width: 1280px) {
   .form-group_inner-top .error-tooltip {
     font-size: .875rem;
   }
 }

 @media screen and (max-width: 575px) {
   .form-group_inner-top .error-tooltip {
     display: none !important;
   }

 }

 .form-group_inner-top .select2-selection {
   font-size: 1.1875rem;

   padding-left: 0;

   border: none;
   border-bottom: 1px solid #c7d1d6;
   -webkit-border-radius: 0;
   border-radius: 0;
 }

 .form-group_inner-top .select2-selection .select2-selection__rendered {
   padding-left: 0;

   color: #90a4ae;
 }

 .form-group_inner-top .error-tooltip + .select2 .select2-selection {
   border-bottom: 2px solid #ff3737;
 }


.form-group_inner-top.check{
   background-image: url(/local/templates/citicard/css/../svg/i-green-check.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 17px;
}
 .suggestions-promo {
   display: none !important;
 }

 .popup-city {
   position: fixed;
   z-index: 9999;
   top: 0;
   left: 0;

   display: none;
   overflow: hidden;

   width: 100%;
   height: 100%;

   -webkit-transition: .5s ease-in;

   -o-transition: .5s ease-in;

   transition: .5s ease-in;

   opacity: 0;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 .popup-city__modal {
   position: relative;
   top: 20%;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 566px;
   height: 218px;
   padding-bottom: 20px;

   -webkit-border-radius: 14px;

   border-radius: 14px;
   background-color: #fff;
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
   box-shadow: 0 6px 12px rgba(0, 0, 0, .16);

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 @media screen and (max-width: 575px) {
   .popup-city__modal {
     top: 28%;

     width: 100%;
     height: 180px;
   }
 }

 .popup-city__title {
   font-size: 1.75rem;
   line-height: 36px;

   padding: 30px 100px 0;

   text-align: center;

   color: #333;
 }

 @media screen and (max-width: 575px) {
   .popup-city__title {
     line-height: 1;

     padding: 30px 50px;
   }
 }

 .popup-city .btn {
   margin: 0 10px;
 }

 .popup-city .btn-close {
   position: absolute;
   top: 20px;
   right: 20px;
 }

 .popup-city-all {
   position: fixed;
   z-index: 99999999;
   top: 0;
   left: 0;

   display: none;
   overflow: auto;
   overflow: -moz-scrollbars-none;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 100%;
   padding: 40px 0;

   background-color: rgba(51, 51, 51, .95);

   -ms-overflow-style: none;
 }

 .popup-city-all::-webkit-scrollbar {
   width: 0 !important;
 }

 @media screen and (max-width: 575px) {
   .popup-city-all {
     height: 100%;
     padding: 20px 0;
   }
 }

 .popup-city-all__head {
   font-size: 1.75rem;
   font-weight: 600;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   padding-bottom: 40px;

   color: #f6f7f8;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .popup-city-all__head {
     padding-bottom: 20px;
   }
 }

 .popup-city-all__tabs-head {
   position: relative;

   border-bottom: 1px solid #707070;
 }

 @media screen and (max-width: 575px) {
   .popup-city-all__tabs-head {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     overflow: auto;

     width: 100%;
   }
 }

 .popup-city-all__tabs-btn {
   font-size: 1rem;
   font-weight: 700;

   margin-right: 50px;
   padding-bottom: 20px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   color: #c7d1d6;
   position: relative;
 }
.popup-city-all__tabs-btn.active:after {
   position: absolute;
   left: 50%;
  transform: translateX(-50%);
    content: '';
   display: block;
  bottom: -6px;
   width: 13px;
   height: 6px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   background-image: url(/local/templates/citicard/css/../svg/arrow-popup-city.svg);
   background-repeat: no-repeat;
   background-position: center;
} 


 @media screen and (max-width: 575px) {
   .popup-city-all__tabs-btn {
     margin-right: 10px;

     -webkit-flex-shrink: 0;

     -ms-flex-negative: 0;

     flex-shrink: 0;
   }
 }

 .popup-city-all__tabs-btn.active,
 .popup-city-all__tabs-btn:hover {
   color: #ffab00;
 }



 

 .popup-city-all__tab-box {
   display: none;
 }

 .popup-city-all__tab-box.active {
   display: block;
 }

 .popup-city-all__col {
   display: inline-block;

   width: 15%;
   margin-right: 14px;

   vertical-align: top;
 }

 @media screen and (max-width: 1280px) {
   .popup-city-all__col {
     width: 14%;
   }
 }

 @media screen and (max-width: 575px) {
   .popup-city-all__col {
     width: 27%;
   }
 }

 .popup-city-all__title {
   font-weight: 700;

   margin-top: 40px;
   margin-bottom: 10px;

   color: #c7d1d6;
 }

 .popup-city-all__link {
   font-size: .875rem;

   display: block;

   margin-bottom: 10px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   color: #c7d1d6;
 }

 @media screen and (max-width: 1023px) {
   .popup-city-all__link {
     font-size: 1.125rem;
   }
 }

 .popup-city-all__link.active,
 .popup-city-all__link:hover {
   color: #ffab00;
 }

 .popup {
   position: fixed;
   z-index: 99;
   top: 0;
   left: 0;

   display: none;
   overflow: hidden;

   width: 100%;
   height: 100%;

   -webkit-transition: .5s ease-in;

   -o-transition: .5s ease-in;

   transition: .5s ease-in;

   opacity: 0;
   background-color: rgba(51, 51, 51, .95);

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .popup .callback {
   position: relative;

   display: none;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 504px;
   padding: 65px 56px;

   border: 1px solid #f6f7f8;
   -webkit-border-radius: 14px;
   border-radius: 14px;
   background-color: #fff;
 }

 @media screen and (max-width: 1280px) {
   .popup .callback {
     padding: 40px 50px;
   }
 }

 @media screen and (max-width: 800px) and (orientation: landscape) {
   .popup .callback {
     padding: 30px;
   }
 }

 @media screen and (max-width: 575px) {
   .popup .callback {
     padding: 40px 20px;
     overflow: auto;
     height: 100%;
     border-radius: 0
   }
 }

 .popup .callback_big {
   width: 100%;
   max-width: 924px;
 }

 @media screen and (max-width: 575px) {
   .popup .callback_big {
     overflow: auto;

     height: 100%;

     -webkit-align-self: end;

     -ms-flex-item-align: end;

     align-self: end;
   }
 }

 .popup .callback .btn-close {
   position: absolute;
   top: 20px;
   right: 20px;
 }

 .popup .callback__title {
   font-size: 1.4375rem;
   font-weight: 600;

   margin-bottom: 15px;

   text-align: center;

   color: #2196f3;
 }

 @media screen and (max-width: 800px) and (orientation: landscape) {
   .popup .callback__title {
     font-size: 1.125rem;

     margin-bottom: 5px;
   }
 }

 .popup .callback__subtitle {
   font-size: 1.1875rem;
   line-height: 24px;

   margin-bottom: 15px;

   text-align: center;

   color: #333;
 }

 @media screen and (max-width: 800px) and (orientation: landscape) {
   .popup .callback__subtitle {
     margin-bottom: 5px;
   }
 }

 .popup .callback__line {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .popup .callback__caption {
   font-size: 1.1875rem;
   font-weight: 700;

   margin-top: 20px;
   margin-bottom: 10px;
 }

 .popup .callback__col {
   width: 46%;
 }

 @media screen and (max-width: 480px) {
   .popup .callback__col {
     width: 100%;
   }
 }

 .popup .callback__bottom {
   position: relative;

   margin-top: 20px;
   padding-top: 10px;

   color: #90a4ae;
 }

 .popup .callback__bottom:before {
   position: absolute;
   top: 0;
   left: -56px;

   width: -webkit-calc(100% + 112px);

   width: calc(100% + 112px);
   height: 1px;

   content: '';

   background: #f6f7f8;
 }

 @media screen and (max-width: 800px) and (orientation: landscape) {
   .popup .callback__bottom:before {
     left: -30px;

     width: -webkit-calc(100% + 60px);

     width: calc(100% + 60px);
   }
 }

 @media screen and (max-width: 575px) {
   .popup .callback__bottom:before {
     left: -20px;

     width: -webkit-calc(100% + 40px);

     width: calc(100% + 40px);
   }
 }

 @media screen and (max-width: 800px) and (orientation: landscape) {
   .popup .callback .form-submit {
     margin-top: 0;
   }
 }

 @media screen and (max-width: 800px) and (orientation: landscape) {
   .popup .callback .form-group_inner-top {
     margin-top: 15px;
   }
 }

 .success {
   position: relative;

   display: none;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 448px;
   padding: 65px 56px;

   -webkit-border-radius: 14px;

   border-radius: 14px;
   background-color: #fff;
 }

 @media screen and (max-width: 575px) {
   .success {
     padding: 30px 60px;
   }
 }

 .success .btn-close {
   position: absolute;
   top: 20px;
   right: 20px;
 }

 .success__title {
   font-size: 1.4375rem;
   font-weight: 600;

   margin-bottom: 15px;

   color: #2196f3;
 }

 .success__subtitle {
   font-size: 1.1875rem;
   line-height: 24px;

   margin-bottom: 15px;

   color: #333;
 }

 .success:before {
   position: absolute;
   top: 0;
   left: 0;

   width: 43px;
   height: 100%;

   content: '';

   -webkit-border-top-left-radius: 14px;

   border-top-left-radius: 14px;
   -webkit-border-bottom-left-radius: 14px;
   border-bottom-left-radius: 14px;
   background: #2196f3;
 }

 @media screen and (max-width: 1440px) {
   [data-modal='service'] {
     padding: 19px 56px !important;
   }
 }

 @media screen and (max-width: 575px) {
   [data-modal='service'] {
     padding: 40px 20px !important;
   }
 }

 @media screen and (max-width: 1440px) {
   [data-modal='service'] .form-group_inner-top {
     margin-right: 25px;
   }
 }

 /* Slider */
 .slick-slider {
   position: relative;

   display: block;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;

   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;

   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent;
 }

 .slick-list {
   position: relative;

   display: block;

   margin: 0;
   padding: 0;
 }

 .slick-list:focus {
   outline: none;
 }

 .slick-list.dragging {
   cursor: pointer;
   cursor: hand;
 }

 .slick-slider .slick-track,
 .slick-slider .slick-list {
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }

 .slick-track {
   position: relative;
   top: 0;
   left: 0;

   display: block;
 }

 .slick-track:before {
   display: table;

   content: '';
 }

 .slick-track:after {
   display: table;
   clear: both;

   content: '';
 }

 .slick-loading .slick-track {
   visibility: hidden;
 }

 .slick-slide {
   display: none;
   float: left;

   height: 100%;
   min-height: 1px;
 }

 .slick-slide:focus {
   outline: none;
 }

 [dir='rtl'] .slick-slide {
   float: right;
 }

 .slick-slide img {
   display: block;
 }

 .slick-slide.slick-loading img {
   display: none;
 }

 .slick-slide.dragging img {
   pointer-events: none;
 }

 .slick-initialized .slick-slide {
   display: block;
 }

 .slick-loading .slick-slide {
   visibility: hidden;
 }

 .slick-vertical .slick-slide {
   display: block;

   height: auto;

   border: 1px solid transparent;
 }

 .slick-arrow.slick-hidden {
   display: none;
 }

 body.compensate-for-scrollbar {
   overflow: hidden;
 }

 @media screen and (max-width: 575px) {
   .compensate-for-scrollbar {
     margin-right: 0 !important
   }
 }

 .fancybox-active {
   height: auto;
 }

 .fancybox-is-hidden {
   position: absolute !important;
   top: -9999px;
   left: -9999px;

   visibility: hidden;

   margin: 0;
 }

 .fancybox-container {
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;

   position: fixed;
   z-index: 9999299999;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;

   -webkit-transform: translateZ(0);
   transform: translateZ(0);

   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-tap-highlight-color: transparent;
 }

 .fancybox-container * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }

 .fancybox-bg,
 .fancybox-inner,
 .fancybox-outer,
 .fancybox-stage {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }

 .fancybox-outer {
   overflow-y: auto;

   -webkit-overflow-scrolling: touch;
 }

 .fancybox-bg {
   -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
   -o-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
   transition-timing-function: cubic-bezier(.47, 0, .74, .71);
   -webkit-transition-duration: inherit;
   -o-transition-duration: inherit;
   transition-duration: inherit;
   -webkit-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity;

   opacity: 0;
   background: #333;
 }

 .fancybox-is-open .fancybox-bg {
   -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
   -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
   transition-timing-function: cubic-bezier(.22, .61, .36, 1);

   opacity: .95;
 }

 .fancybox-caption,
 .fancybox-infobar,
 .fancybox-navigation .fancybox-button,
 .fancybox-toolbar {
   position: absolute;
   z-index: 99997;

   visibility: hidden;

   -webkit-transition: opacity .25s, visibility 0s linear .25s;

   -o-transition: opacity .25s, visibility 0s linear .25s;

   transition: opacity .25s, visibility 0s linear .25s;

   opacity: 0;

   direction: ltr;
 }

 .fancybox-show-caption .fancybox-caption,
 .fancybox-show-infobar .fancybox-infobar,
 .fancybox-show-nav .fancybox-navigation .fancybox-button,
 .fancybox-show-toolbar .fancybox-toolbar {
   visibility: visible;

   -webkit-transition: opacity .25s, visibility 0s;

   -o-transition: opacity .25s, visibility 0s;

   transition: opacity .25s, visibility 0s;

   opacity: 1;
 }

 .fancybox-infobar {
   font-size: 13px;
   line-height: 44px;

   top: 0;
   left: 0;

   min-width: 44px;
   height: 44px;
   padding: 0 10px;

   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   text-align: center;
   pointer-events: none;

   color: #ccc;

   -webkit-font-smoothing: subpixel-antialiased;
   mix-blend-mode: difference;
   -webkit-touch-callout: none;
 }

 .fancybox-toolbar {
   top: 0;
   right: 0;
 }

 .fancybox-stage {
   z-index: 99994;

   overflow: visible;

   -webkit-transform: translateZ(0);

   direction: ltr;
 }

 .fancybox-is-open .fancybox-stage {
   overflow: hidden;
 }

 .fancybox-slide {
   position: absolute;
   z-index: 99994;
   top: 0;
   left: 0;

   display: none;
   overflow: auto;

   width: 100%;
   height: 100%;
   padding: 44px;

   transition-property: opacity, -webkit-transform;
   -webkit-transition-property: opacity, -webkit-transform;
   -o-transition-property: transform, opacity;
   transition-property: transform, opacity;
   transition-property: transform, opacity, -webkit-transform;
   text-align: center;
   white-space: normal;

   outline: none;

   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
 }

 .fancybox-slide:before {
   display: inline-block;

   width: 0;
   height: 100%;
   margin-right: -.25em;

   content: '';
   vertical-align: middle;
 }

 .fancybox-is-sliding .fancybox-slide,
 .fancybox-slide--current,
 .fancybox-slide--next,
 .fancybox-slide--previous {
   display: block;
 }

 .fancybox-slide--next {
   z-index: 99995;
 }

 .fancybox-slide--image {
   overflow: visible;

   padding: 44px 0;
 }

 .fancybox-slide--image:before {
   display: none;
 }

 .fancybox-slide--html {
   padding: 6px 6px 0;
 }

 .fancybox-slide--iframe {
   padding: 44px 44px 0;
 }

 .fancybox-content {
   position: relative;

   display: inline-block;
   overflow: auto;

   max-width: 100%;
   margin: 0 0 6px;
   padding: 0;
   padding: 24px;

   text-align: left;
   vertical-align: middle;

   background: #fff;
 }

 .fancybox-slide--image .fancybox-content {
   position: absolute;
   z-index: 99995;
   top: 0;
   left: 0;

   overflow: visible;

   max-width: none;
   margin: 0;
   padding: 0;

   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   transition-property: opacity, -webkit-transform;
   -webkit-transition-property: opacity, -webkit-transform;
   -o-transition-property: transform, opacity;
   transition-property: transform, opacity;
   transition-property: transform, opacity, -webkit-transform;
   -webkit-transform-origin: top left;
   -ms-transform-origin: top left;
   transform-origin: top left;
   -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
   animation-timing-function: cubic-bezier(.5, 0, .14, 1);

   background: transparent;
   background-repeat: no-repeat;
   -webkit-background-size: 100% 100%;
   background-size: 100% 100%;

   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }

 .fancybox-can-zoomOut .fancybox-content {
   cursor: -webkit-zoom-out;
   cursor: zoom-out;
 }

 .fancybox-can-zoomIn .fancybox-content {
   cursor: -webkit-zoom-in;
   cursor: zoom-in;
 }

 .fancybox-can-drag .fancybox-content {
   cursor: -webkit-grab;
   cursor: grab;
 }

 .fancybox-is-dragging .fancybox-content {
   cursor: -webkit-grabbing;
   cursor: grabbing;
 }

 .fancybox-container [data-selectable=true] {
   cursor: text;
 }

 .fancybox-image {
   position: absolute;
   top: 0;
   left: 0;

   width: 100%;
   max-width: none;
   height: 100%;
   max-height: none;
   margin: 0;
   padding: 0;

   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;

   border: 0;
   background: transparent;
 }

 .fancybox-spaceball {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;

   width: 100%;
   max-width: none;
   height: 100%;
   max-height: none;
   margin: 0;
   padding: 0;

   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;

   border: 0;
   background: transparent;
 }

 .fancybox-slide--html .fancybox-content {
   margin-bottom: 6px;
 }

 .fancybox-slide--iframe .fancybox-content,
 .fancybox-slide--map .fancybox-content {
   overflow: visible;

   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
 }

 .fancybox-slide--video .fancybox-content {
   overflow: visible;

   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;

   background: #000;
 }

 .fancybox-slide--map .fancybox-content {
   background: #e5e3df;
 }

 .fancybox-slide--iframe .fancybox-content {
   height: -webkit-calc(100% - 44px);
   height: calc(100% - 44px);
   margin-bottom: 44px;

   background: #fff;
 }

 .fancybox-iframe,
 .fancybox-video {
   overflow: hidden;

   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;

   border: 0;
   background: transparent;
 }

 .fancybox-iframe {
   vertical-align: top;
 }

 .fancybox-error {
   width: 100%;
   max-width: 400px;
   padding: 40px;

   cursor: default;

   background: #fff;
 }

 .fancybox-error p {
   font-size: 16px;
   line-height: 20px;

   margin: 0;
   padding: 0;

   color: #444;
 }

 .fancybox-button {
   display: inline-block;

   width: 44px;
   height: 44px;
   margin: 0;
   padding: 10px;

   cursor: pointer;
   -webkit-transition: color .2s;
   -o-transition: color .2s;
   transition: color .2s;
   vertical-align: top;

   color: #ccc;
   border: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
   outline: none;
   background: rgba(30, 30, 30, .6);
 }

 .fancybox-button:link,
 .fancybox-button:visited {
   color: #ccc;
 }

 .fancybox-button:focus,
 .fancybox-button:hover {
   color: #fff;
 }

 .fancybox-button.disabled,
 .fancybox-button[disabled] {
   cursor: default;

   color: #888;
 }

 .fancybox-button.disabled:hover,
 .fancybox-button[disabled]:hover {
   cursor: default;

   color: #888;
 }

 .fancybox-button svg {
   position: relative;

   display: block;
   overflow: visible;

   shape-rendering: geometricPrecision;
 }

 .fancybox-button svg path {
   fill: transparent;
   stroke: currentColor;
   stroke-linejoin: round;
   stroke-width: 3;
 }

 .fancybox-button--pause svg path:nth-child(1) {
   display: none;
 }

 .fancybox-button--play svg path {
   fill: currentColor;
 }

 .fancybox-button--play svg path:nth-child(2) {
   display: none;
 }

 .fancybox-button--share svg path,
 .fancybox-button--thumbs svg path {
   fill: currentColor;
 }

 .fancybox-button--share svg path {
   stroke-width: 1;
 }

 .fancybox-navigation .fancybox-button {
   position: absolute;
   top: 50%;

   width: 38px;
   height: 38px;
   padding: 6px;

   opacity: 0;
 }

 .fancybox-show-nav .fancybox-navigation .fancybox-button {
   -webkit-transition: opacity .25s, visibility 0s, color .25s;
   -o-transition: opacity .25s, visibility 0s, color .25s;
   transition: opacity .25s, visibility 0s, color .25s;
 }

 .fancybox-navigation .fancybox-button:after {
   position: absolute;
   top: -25px;
   left: -25px;

   padding: 50px;

   content: '';
 }

 .fancybox-navigation .fancybox-button--arrow_left {
   left: 6px;
 }

 .fancybox-navigation .fancybox-button--arrow_right {
   right: 6px;
 }

 .fancybox-close-small {
   position: absolute;
   z-index: 10;
   top: 0;
   right: 0;

   width: 44px;
   height: 44px;
   margin: 0;
   padding: 6px;

   cursor: pointer;

   color: #555;
   border: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
   background: transparent;
 }

 .fancybox-close-small svg {
   -webkit-transition: stroke .1s;
   -o-transition: stroke .1s;
   transition: stroke .1s;

   opacity: .8;

   fill: transparent;
   stroke: currentColor;
   stroke-width: 1.5;
 }

 .fancybox-close-small:focus {
   outline: none;
 }

 .fancybox-close-small:hover svg {
   opacity: 1;
 }

 .fancybox-slide--iframe .fancybox-close-small,
 .fancybox-slide--image .fancybox-close-small,
 .fancybox-slide--video .fancybox-close-small {
   top: -44px;
   right: -12px;

   padding: 5px;

   color: #ccc;
 }

 .fancybox-slide--iframe .fancybox-close-small:hover svg,
 .fancybox-slide--image .fancybox-close-small:hover svg,
 .fancybox-slide--video .fancybox-close-small:hover svg {
   color: #fff;
   background: transparent;
 }

 .fancybox-is-scaling .fancybox-close-small,
 .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
   display: none;
 }

 .fancybox-caption {
   font-size: 18px;
   font-weight: 400;
   line-height: 2.5;

   right: 0;
   bottom: 0;
   left: 0;

   padding: 20px 44px 30px;

   text-align: center;

   color: #fff;
 }

 .fancybox-caption:before {
   position: absolute;
   z-index: -1;
   top: -25px;
   right: 0;
   bottom: 0;
   left: 0;

   display: block;

   content: '';
   pointer-events: none;

   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
   background-repeat: repeat-x;
   -webkit-background-size: contain;
   background-size: contain;
 }

 .fancybox-caption:after {
   position: absolute;
   top: 0;
   right: 44px;
   left: 44px;

   display: block;

   content: '';

   border-bottom: 1px solid rgba(255, 255, 255, .3);
 }

 .fancybox-caption a {
   text-decoration: none;

   color: #ccc;
 }

 .fancybox-caption a:link,
 .fancybox-caption a:visited {
   text-decoration: none;

   color: #ccc;
 }

 .fancybox-caption a:hover {
   text-decoration: underline;

   color: #fff;
 }

 .fancybox-loading {
   position: absolute;
   z-index: 99999;
   top: 50%;
   left: 50%;

   width: 60px;
   height: 60px;
   margin: -30px 0 0 -30px;
   padding: 0;

   -webkit-animation: a .8s infinite linear;
   animation: a .8s infinite linear;

   opacity: .6;
   border: 6px solid rgba(99, 99, 99, .5);
   border-top-color: #fff;
   -webkit-border-radius: 100%;
   border-radius: 100%;
   background: transparent;
 }

 @-webkit-keyframes a {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   to {
     -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }

 @keyframes a {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   to {
     -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }

 .fancybox-animated {
   -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
   -o-transition-timing-function: cubic-bezier(0, 0, .25, 1);
   transition-timing-function: cubic-bezier(0, 0, .25, 1);
 }

 .fancybox-fx-slide.fancybox-slide--previous {
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);

   opacity: 0;
 }

 .fancybox-fx-slide.fancybox-slide--next {
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);

   opacity: 0;
 }

 .fancybox-fx-slide.fancybox-slide--current {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);

   opacity: 1;
 }

 .fancybox-fx-fade.fancybox-slide--next,
 .fancybox-fx-fade.fancybox-slide--previous {
   -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
   -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
   transition-timing-function: cubic-bezier(.19, 1, .22, 1);

   opacity: 0;
 }

 .fancybox-fx-fade.fancybox-slide--current {
   opacity: 1;
 }

 .fancybox-fx-zoom-in-out.fancybox-slide--previous {
   -webkit-transform: scale3d(1.5, 1.5, 1.5);
   transform: scale3d(1.5, 1.5, 1.5);

   opacity: 0;
 }

 .fancybox-fx-zoom-in-out.fancybox-slide--next {
   -webkit-transform: scale3d(.5, .5, .5);
   transform: scale3d(.5, .5, .5);

   opacity: 0;
 }

 .fancybox-fx-zoom-in-out.fancybox-slide--current {
   -webkit-transform: scaleX(1);
   -ms-transform: scaleX(1);
   transform: scaleX(1);

   opacity: 1;
 }

 .fancybox-fx-rotate.fancybox-slide--previous {
   -webkit-transform: rotate(-1turn);
   -ms-transform: rotate(-1turn);
   transform: rotate(-1turn);

   opacity: 0;
 }

 .fancybox-fx-rotate.fancybox-slide--next {
   -webkit-transform: rotate(1turn);
   -ms-transform: rotate(1turn);
   transform: rotate(1turn);

   opacity: 0;
 }

 .fancybox-fx-rotate.fancybox-slide--current {
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);

   opacity: 1;
 }

 .fancybox-fx-circular.fancybox-slide--previous {
   -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
   transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

   opacity: 0;
 }

 .fancybox-fx-circular.fancybox-slide--next {
   -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
   transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

   opacity: 0;
 }

 .fancybox-fx-circular.fancybox-slide--current {
   -webkit-transform: scaleX(1) translateZ(0);
   transform: scaleX(1) translateZ(0);

   opacity: 1;
 }

 .fancybox-fx-tube.fancybox-slide--previous {
   -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
   transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
 }

 .fancybox-fx-tube.fancybox-slide--next {
   -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
   transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
 }

 .fancybox-fx-tube.fancybox-slide--current {
   -webkit-transform: translateZ(0) scale(1);
   transform: translateZ(0) scale(1);
 }

 .fancybox-share {
   max-width: 90%;
   padding: 30px;

   text-align: center;

   -webkit-border-radius: 3px;

   border-radius: 3px;
   background: #f4f4f4;
 }

 .fancybox-share h1 {
   font-size: 35px;
   font-weight: 700;

   margin: 0 0 20px;

   color: #222;
 }

 .fancybox-share p {
   margin: 0;
   padding: 0;
 }

 .fancybox-share__button {
   font-size: 14px;
   font-weight: 700;
   line-height: 40px;

   display: inline-block;

   min-width: 130px;
   margin: 0 5px 10px;
   padding: 0 15px;

   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   white-space: nowrap;
   text-decoration: none;

   border: 0;
   -webkit-border-radius: 3px;
   border-radius: 3px;
 }

 .fancybox-share__button:link,
 .fancybox-share__button:visited {
   color: #fff;
 }

 .fancybox-share__button:hover {
   text-decoration: none;
 }

 .fancybox-share__button--fb {
   background: #3b5998;
 }

 .fancybox-share__button--fb:hover {
   background: #344e86;
 }

 .fancybox-share__button--pt {
   background: #bd081d;
 }

 .fancybox-share__button--pt:hover {
   background: #aa0719;
 }

 .fancybox-share__button--tw {
   background: #1da1f2;
 }

 .fancybox-share__button--tw:hover {
   background: #0d95e8;
 }

 .fancybox-share__button svg {
   position: relative;
   top: -1px;

   width: 25px;
   height: 25px;
   margin-right: 7px;

   vertical-align: middle;
 }

 .fancybox-share__button svg path {
   fill: #fff;
 }

 .fancybox-share__input {
   font-size: 14px;

   width: 100%;
   margin: 10px 0 0;
   padding: 10px 15px;

   color: #5d5b5b;
   border: 0;
   border-bottom: 1px solid #d7d7d7;
   -webkit-border-radius: 0;
   border-radius: 0;
   outline: none;
   background: transparent;
 }

 .fancybox-thumbs {
   position: absolute;
   top: auto;
   right: 0;
   bottom: 0;
   left: 0;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: auto;
   height: 95px;
   margin: 0 auto;
   padding: 10px 10px 5px 10px;
 }

 .fancybox-thumbs-x {
   overflow-x: auto;
   overflow-y: hidden;
 }

 .fancybox-show-thumbs .fancybox-thumbs {
   display: block;
 }

 .fancybox-show-thumbs .fancybox-inner {
   right: 212px;
 }

 .fancybox-thumbs > ul {
   font-size: 0;

   position: absolute;
   position: relative;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;
   overflow-x: hidden;
   overflow-y: auto;

   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;

   list-style: none;

   white-space: nowrap;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
 }

 .fancybox-thumbs-x > ul {
   overflow: hidden;
 }

 .fancybox-thumbs-y > ul::-webkit-scrollbar {
   width: 7px;
 }

 .fancybox-thumbs-y > ul::-webkit-scrollbar-track {
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background: #fff;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 }

 .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background: #2a2a2a;
 }

 .fancybox-thumbs > ul > li {
   position: relative;

   float: left;
   overflow: hidden;

   width: 100px;
   max-width: -webkit-calc(50% - 4px);
   max-width: calc(50% - 4px);
   height: 75px;
   max-height: -webkit-calc(100% - 8px);
   max-height: calc(100% - 8px);
   margin: 2px;
   padding: 0;

   cursor: pointer;

   outline: none;

   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-tap-highlight-color: transparent;
 }

 .fancybox-thumbs-loading {
   background: rgba(0, 0, 0, .1);
 }

 .fancybox-show-thumbs .fancybox-inner {
   right: 0;
   bottom: 95px;
 }

 .fancybox-thumbs > ul > li {
   background-repeat: no-repeat;
   background-position: 50%;
   -webkit-background-size: cover;
   background-size: cover;
 }

 .fancybox-thumbs > ul > li:before {
   position: absolute;
   z-index: 99991;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;

   content: '';
   -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
   -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);
   transition: all .2s cubic-bezier(.25, .46, .45, .94);

   opacity: 0;
   border: 4px solid #4ea7f9;
 }

 .fancybox-thumbs .fancybox-thumbs-active:before {
   opacity: 1;
 }

 @media (max-width: 800px) {
   .fancybox-thumbs {
     width: 110px;
   }

   .fancybox-show-thumbs .fancybox-inner {
     right: 110px;
   }

   .fancybox-thumbs > ul > li {
     max-width: -webkit-calc(100% - 10px);
     max-width: calc(100% - 10px);
   }
 }

 .datepicker--cell-day.-other-month-,
 .datepicker--cell-year.-other-decade- {
   color: #dedede;
 }

 .datepicker--cell-day.-other-month-:hover,
 .datepicker--cell-year.-other-decade-:hover {
   color: #c5c5c5;
 }

 .-disabled-.-focus-.datepicker--cell-day.-other-month-,
 .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
   color: #dedede;
 }

 .-selected-.datepicker--cell-day.-other-month-,
 .-selected-.datepicker--cell-year.-other-decade- {
   color: #fff;
   background: #a2ddf6;
 }

 .-selected-.-focus-.datepicker--cell-day.-other-month-,
 .-selected-.-focus-.datepicker--cell-year.-other-decade- {
   background: #8ad5f4;
 }

 .-in-range-.datepicker--cell-day.-other-month-,
 .-in-range-.datepicker--cell-year.-other-decade- {
   color: #ccc;
   background-color: rgba(92, 196, 239, .1);
 }

 .-in-range-.-focus-.datepicker--cell-day.-other-month-,
 .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
   background-color: rgba(92, 196, 239, .2);
 }

 .datepicker--cell-day.-other-month-:empty,
 .datepicker--cell-year.-other-decade-:empty {
   border: none;
   background: none;
 }

 /* -------------------------------------------------
 *  Datepicker cells
 * ------------------------------------------------- */
 .datepicker--cells {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;

   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .datepicker--cell {
   position: relative;
   z-index: 1;

   display: -webkit-flex;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   height: 32px;

   cursor: pointer;

   -webkit-border-radius: 4px;

   border-radius: 4px;

   -webkit-align-items: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   align-items: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   justify-content: center;
 }

 .datepicker--cell.-focus- {
   background: #f0f0f0;
 }

 .datepicker--cell.-current- {
   color: #4eb5e6;
 }

 .datepicker--cell.-current-.-focus- {
   color: #4a4a4a;
 }

 .datepicker--cell.-current-.-in-range- {
   color: #4eb5e6;
 }

 .datepicker--cell.-in-range- {
   color: #4a4a4a;
   -webkit-border-radius: 0;
   border-radius: 0;
   background: rgba(92, 196, 239, .1);
 }

 .datepicker--cell.-in-range-.-focus- {
   background-color: rgba(92, 196, 239, .2);
 }

 .datepicker--cell.-disabled- {
   cursor: default;

   color: #aeaeae;
 }

 .datepicker--cell.-disabled-.-focus- {
   color: #aeaeae;
 }

 .datepicker--cell.-disabled-.-in-range- {
   color: #a1a1a1;
 }

 .datepicker--cell.-disabled-.-current-.-focus- {
   color: #aeaeae;
 }

 .datepicker--cell.-range-from- {
   border: 1px solid rgba(92, 196, 239, .5);
   -webkit-border-radius: 4px 0 0 4px;
   border-radius: 4px 0 0 4px;
   background-color: rgba(92, 196, 239, .1);
 }

 .datepicker--cell.-range-to- {
   border: 1px solid rgba(92, 196, 239, .5);
   -webkit-border-radius: 0 4px 4px 0;
   border-radius: 0 4px 4px 0;
   background-color: rgba(92, 196, 239, .1);
 }

 .datepicker--cell.-range-from-.-range-to- {
   -webkit-border-radius: 4px;
   border-radius: 4px;
 }

 .datepicker--cell.-selected- {
   color: #fff;
   border: none;
   background: #5cc4ef;
 }

 .datepicker--cell.-selected-.-current- {
   color: #fff;
   background: #5cc4ef;
 }

 .datepicker--cell.-selected-.-focus- {
   background: #45bced;
 }

 .datepicker--cell:empty {
   cursor: default;
 }

 .datepicker--days-names {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;

   margin: 8px 0 3px;

   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .datepicker--day-name {
   font-size: .8em;

   display: -webkit-flex;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;

   text-align: center;
   text-transform: uppercase;

   color: #ff9a19;

   -webkit-align-items: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   align-items: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   justify-content: center;
   -webkit-flex: 1;
   -ms-flex: 1;
   -webkit-box-flex: 1;
   flex: 1;
 }

 .datepicker--cell-day {
   width: 14.28571%;
 }

 .datepicker--cells-months {
   height: 170px;
 }

 .datepicker--cell-month {
   width: 33.33%;
   height: 25%;
 }

 .datepicker--years,
 .datepicker--cells-years {
   height: 170px;
 }

 .datepicker--cell-year {
   width: 25%;
   height: 33.33%;
 }

 .datepicker--cell-day.-other-month-,
 .datepicker--cell-year.-other-decade- {
   color: #dedede;
 }

 .datepicker--cell-day.-other-month-:hover,
 .datepicker--cell-year.-other-decade-:hover {
   color: #c5c5c5;
 }

 .-disabled-.-focus-.datepicker--cell-day.-other-month-,
 .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
   color: #dedede;
 }

 .-selected-.datepicker--cell-day.-other-month-,
 .-selected-.datepicker--cell-year.-other-decade- {
   color: #fff;
   background: #a2ddf6;
 }

 .-selected-.-focus-.datepicker--cell-day.-other-month-,
 .-selected-.-focus-.datepicker--cell-year.-other-decade- {
   background: #8ad5f4;
 }

 .-in-range-.datepicker--cell-day.-other-month-,
 .-in-range-.datepicker--cell-year.-other-decade- {
   color: #ccc;
   background-color: rgba(92, 196, 239, .1);
 }

 .-in-range-.-focus-.datepicker--cell-day.-other-month-,
 .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
   background-color: rgba(92, 196, 239, .2);
 }

 .datepicker--cell-day.-other-month-:empty,
 .datepicker--cell-year.-other-decade-:empty {
   border: none;
   background: none;
 }

 /* -------------------------------------------------
 *  Datepicker
 * ------------------------------------------------- */
 .datepickers-container {
   position: absolute;
   top: 0;
   left: 0;
 }

 @media print {
   .datepickers-container {
     display: none;
   }
 }

 .datepicker {
   font-family: Tahoma, sans-serif;
   font-size: 14px;

   position: absolute;
   z-index: 100;
   left: -100000px;

   -webkit-box-sizing: content-box;

   box-sizing: content-box;
   width: 250px;

   transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease;
   -webkit-transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease;
   -o-transition: opacity .3s ease, transform .3s ease, left 0s .3s;
   transition: opacity .3s ease, transform .3s ease, left 0s .3s;
   transition: opacity .3s ease, transform .3s ease, left 0s .3s, -webkit-transform .3s ease;

   opacity: 0;
   color: #4a4a4a;
   border: 1px solid #dbdbdb;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background: #fff;
   -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
   box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
 }

 .datepicker.-from-top- {
   -webkit-transform: translateY(-8px);
   -ms-transform: translateY(-8px);
   transform: translateY(-8px);
 }

 .datepicker.-from-right- {
   -webkit-transform: translateX(8px);
   -ms-transform: translateX(8px);
   transform: translateX(8px);
 }

 .datepicker.-from-bottom- {
   -webkit-transform: translateY(8px);
   -ms-transform: translateY(8px);
   transform: translateY(8px);
 }

 .datepicker.-from-left- {
   -webkit-transform: translateX(-8px);
   -ms-transform: translateX(-8px);
   transform: translateX(-8px);
 }

 .datepicker.active {
   transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease;
   -webkit-transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease;
   -o-transition: opacity .3s ease, transform .3s ease, left 0s 0s;
   transition: opacity .3s ease, transform .3s ease, left 0s 0s;
   transition: opacity .3s ease, transform .3s ease, left 0s 0s, -webkit-transform .3s ease;
   -webkit-transform: translate(0);
   -ms-transform: translate(0);
   transform: translate(0);

   opacity: 1;
 }

 @media screen and (max-width: 575px) {
   .datepicker.active {
     top: 540px !important;
     left: 30px !important;
   }
 }

 .datepicker-inline .datepicker {
   position: static;
   right: auto;
   left: auto;

   -webkit-transform: none;
   -ms-transform: none;
   transform: none;

   opacity: 1;
   border-color: #d7d7d7;
   -webkit-box-shadow: none;
   box-shadow: none;
 }

 .datepicker-inline .datepicker--pointer {
   display: none;
 }

 .datepicker--content {
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   padding: 4px;
 }

 .-only-timepicker- .datepicker--content {
   display: none;
 }

 .datepicker--pointer {
   position: absolute;
   z-index: -1;

   width: 10px;
   height: 10px;

   border-top: 1px solid #dbdbdb;
   border-right: 1px solid #dbdbdb;
   background: #fff;
 }

 .-top-left- .datepicker--pointer,
 .-top-center- .datepicker--pointer,
 .-top-right- .datepicker--pointer {
   top: -webkit-calc(100% - 4px);
   top: calc(100% - 4px);

   -webkit-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   transform: rotate(135deg);
 }

 .-right-top- .datepicker--pointer,
 .-right-center- .datepicker--pointer,
 .-right-bottom- .datepicker--pointer {
   right: -webkit-calc(100% - 4px);
   right: calc(100% - 4px);

   -webkit-transform: rotate(225deg);
   -ms-transform: rotate(225deg);
   transform: rotate(225deg);
 }

 .-bottom-left- .datepicker--pointer,
 .-bottom-center- .datepicker--pointer,
 .-bottom-right- .datepicker--pointer {
   bottom: -webkit-calc(100% - 4px);
   bottom: calc(100% - 4px);

   -webkit-transform: rotate(315deg);
   -ms-transform: rotate(315deg);
   transform: rotate(315deg);
 }

 .-left-top- .datepicker--pointer,
 .-left-center- .datepicker--pointer,
 .-left-bottom- .datepicker--pointer {
   left: -webkit-calc(100% - 4px);
   left: calc(100% - 4px);

   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }

 .-top-left- .datepicker--pointer,
 .-bottom-left- .datepicker--pointer {
   left: 10px;
 }

 .-top-right- .datepicker--pointer,
 .-bottom-right- .datepicker--pointer {
   right: 10px;
 }

 .-top-center- .datepicker--pointer,
 .-bottom-center- .datepicker--pointer {
   left: -webkit-calc(50% - 10px / 2);
   left: calc(50% - 10px / 2);
 }

 .-left-top- .datepicker--pointer,
 .-right-top- .datepicker--pointer {
   top: 10px;
 }

 .-left-bottom- .datepicker--pointer,
 .-right-bottom- .datepicker--pointer {
   bottom: 10px;
 }

 .-left-center- .datepicker--pointer,
 .-right-center- .datepicker--pointer {
   top: -webkit-calc(50% - 10px / 2);
   top: calc(50% - 10px / 2);
 }

 .datepicker--body {
   display: none;
 }

 .datepicker--body.active {
   display: block;
 }

 .datepicker--cell-day.-other-month-,
 .datepicker--cell-year.-other-decade- {
   color: #dedede;
 }

 .datepicker--cell-day.-other-month-:hover,
 .datepicker--cell-year.-other-decade-:hover {
   color: #c5c5c5;
 }

 .-disabled-.-focus-.datepicker--cell-day.-other-month-,
 .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
   color: #dedede;
 }

 .-selected-.datepicker--cell-day.-other-month-,
 .-selected-.datepicker--cell-year.-other-decade- {
   color: #fff;
   background: #a2ddf6;
 }

 .-selected-.-focus-.datepicker--cell-day.-other-month-,
 .-selected-.-focus-.datepicker--cell-year.-other-decade- {
   background: #8ad5f4;
 }

 .-in-range-.datepicker--cell-day.-other-month-,
 .-in-range-.datepicker--cell-year.-other-decade- {
   color: #ccc;
   background-color: rgba(92, 196, 239, .1);
 }

 .-in-range-.-focus-.datepicker--cell-day.-other-month-,
 .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
   background-color: rgba(92, 196, 239, .2);
 }

 .datepicker--cell-day.-other-month-:empty,
 .datepicker--cell-year.-other-decade-:empty {
   border: none;
   background: none;
 }

 /* -------------------------------------------------
 *  Navigation
 * ------------------------------------------------- */
 .datepicker--nav {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;

   min-height: 32px;
   padding: 4px;

   border-bottom: 1px solid #efefef;

   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   -webkit-box-pack: justify;
   justify-content: space-between;
 }

 .-only-timepicker- .datepicker--nav {
   display: none;
 }

 .datepicker--nav-title {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;

   cursor: pointer;

   -webkit-align-items: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   align-items: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   justify-content: center;
 }

 .datepicker--nav-action {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;

   width: 32px;

   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;

   -webkit-border-radius: 4px;

   border-radius: 4px;

   -webkit-align-items: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   align-items: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   justify-content: center;
 }

 .datepicker--nav-action:hover {
   background: #f0f0f0;
 }

 .datepicker--nav-action.-disabled- {
   visibility: hidden;
 }

 .datepicker--nav-action svg {
   width: 32px;
   height: 32px;
 }

 .datepicker--nav-action path {
   fill: none;
   stroke: #9c9c9c;
   stroke-width: 2px;
 }

 .datepicker--nav-title {
   padding: 0 8px;

   -webkit-border-radius: 4px;

   border-radius: 4px;
 }

 .datepicker--nav-title i {
   font-style: normal;

   margin-left: 5px;

   color: #9c9c9c;
 }

 .datepicker--nav-title:hover {
   background: #f0f0f0;
 }

 .datepicker--nav-title.-disabled- {
   cursor: default;

   background: none;
 }

 .datepicker--buttons {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;

   padding: 4px;

   border-top: 1px solid #efefef;
 }

 .datepicker--button {
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: -webkit-inline-box;
   display: inline-flex;

   height: 32px;

   cursor: pointer;

   color: #4eb5e6;
   -webkit-border-radius: 4px;
   border-radius: 4px;

   -webkit-flex: 1;
   -ms-flex: 1;
   -webkit-box-flex: 1;
   flex: 1;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   justify-content: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   align-items: center;
 }

 .datepicker--button:hover {
   color: #4a4a4a;
   background: #f0f0f0;
 }

 .datepicker--cell-day.-other-month-,
 .datepicker--cell-year.-other-decade- {
   color: #dedede;
 }

 .datepicker--cell-day.-other-month-:hover,
 .datepicker--cell-year.-other-decade-:hover {
   color: #c5c5c5;
 }

 .-disabled-.-focus-.datepicker--cell-day.-other-month-,
 .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
   color: #dedede;
 }

 .-selected-.datepicker--cell-day.-other-month-,
 .-selected-.datepicker--cell-year.-other-decade- {
   color: #fff;
   background: #a2ddf6;
 }

 .-selected-.-focus-.datepicker--cell-day.-other-month-,
 .-selected-.-focus-.datepicker--cell-year.-other-decade- {
   background: #8ad5f4;
 }

 .-in-range-.datepicker--cell-day.-other-month-,
 .-in-range-.datepicker--cell-year.-other-decade- {
   color: #ccc;
   background-color: rgba(92, 196, 239, .1);
 }

 .-in-range-.-focus-.datepicker--cell-day.-other-month-,
 .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
   background-color: rgba(92, 196, 239, .2);
 }

 .datepicker--cell-day.-other-month-:empty,
 .datepicker--cell-year.-other-decade-:empty {
   border: none;
   background: none;
 }

 /* -------------------------------------------------
 *  Timepicker
 * ------------------------------------------------- */
 .datepicker--time {
   position: relative;

   display: -webkit-flex;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;

   padding: 4px;

   border-top: 1px solid #efefef;

   -webkit-align-items: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   align-items: center;
 }

 .datepicker--time.-am-pm- .datepicker--time-sliders {
   max-width: 138px;

   -webkit-flex: 0 1 138px;
   -ms-flex: 0 1 138px;
   -webkit-box-flex: 0;
   flex: 0 1 138px;
 }

 .-only-timepicker- .datepicker--time {
   border-top: none;
 }

 .datepicker--time-sliders {
   max-width: 153px;
   margin-right: 10px;

   -webkit-flex: 0 1 153px;
   -ms-flex: 0 1 153px;
   -webkit-box-flex: 0;
   flex: 0 1 153px;
 }

 .datepicker--time-label {
   font-size: 12px;

   display: none;
 }

 .datepicker--time-current {
   font-size: 14px;

   display: -webkit-flex;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;

   margin: 0 0 0 10px;

   text-align: center;

   -webkit-align-items: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   align-items: center;
   -webkit-flex: 1;
   -ms-flex: 1;
   -webkit-box-flex: 1;
   flex: 1;
 }

 .datepicker--time-current-colon {
   line-height: 1;

   margin: 0 2px 3px;
 }

 .datepicker--time-current-hours,
 .datepicker--time-current-minutes {
   font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
   font-size: 19px;
   line-height: 1;

   position: relative;
   z-index: 1;
 }

 .datepicker--time-current-hours:after,
 .datepicker--time-current-minutes:after {
   position: absolute;
   z-index: -1;
   top: -3px;
   right: -2px;
   bottom: -2px;
   left: -2px;

   content: '';

   opacity: 0;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background: #f0f0f0;
 }

 .datepicker--time-current-hours.-focus-:after,
 .datepicker--time-current-minutes.-focus-:after {
   opacity: 1;
 }

 .datepicker--time-current-ampm {
   font-size: 11px;

   margin-bottom: 1px;
   margin-left: 6px;

   text-transform: uppercase;

   color: #9c9c9c;

   -webkit-align-self: flex-end;
   -ms-flex-item-align: end;
   align-self: flex-end;
 }

 .datepicker--time-row {
   font-size: 11px;

   display: -webkit-flex;
   display: -ms-flexbox;
   display: -webkit-box;
   display: flex;

   height: 17px;

   background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat;

   background: -webkit-linear-gradient(left, #dedede, #dedede) left 50%/100% 1px no-repeat;

   background: -o-linear-gradient(left, #dedede, #dedede) left 50%/100% 1px no-repeat;

   background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat;

   -webkit-align-items: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   align-items: center;
 }

 .datepicker--time-row:first-child {
   margin-bottom: 4px;
 }

 .datepicker--time-row input[type='range'] {
   height: 100%;
   margin: 0;
   padding: 0;

   cursor: pointer;

   background: none;

   -webkit-flex: 1;
   -ms-flex: 1;
   -webkit-box-flex: 1;
   flex: 1;
   -webkit-appearance: none;
 }

 .datepicker--time-row input[type='range']::-webkit-slider-thumb {
   -webkit-appearance: none;
 }

 .datepicker--time-row input[type='range']::-ms-tooltip {
   display: none;
 }

 .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb,
 .datepicker--time-row input[type='range']:hover::-moz-range-thumb,
 .datepicker--time-row input[type='range']:hover::-ms-thumb {
   border-color: #b8b8b8;
 }

 .datepicker--time-row input[type='range']:focus {
   outline: none;
 }

 .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb,
 .datepicker--time-row input[type='range']:focus::-moz-range-thumb,
 .datepicker--time-row input[type='range']:focus::-ms-thumb {
   border-color: #5cc4ef;
   background: #5cc4ef;
 }

 .datepicker--time-row input[type='range']::-webkit-slider-thumb,
 .datepicker--time-row input[type='range']::-moz-range-thumb,
 .datepicker--time-row input[type='range']::-ms-thumb {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 12px;
   height: 12px;

   cursor: pointer;
   -webkit-transition: background .2s;
   -o-transition: background .2s;
   transition: background .2s;

   border: 1px solid #dedede;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   background: #fff;
 }

 .datepicker--time-row input[type='range']::-webkit-slider-thumb {
   margin-top: -6px;
 }

 .datepicker--time-row input[type='range']::-webkit-slider-runnable-track,
 .datepicker--time-row input[type='range']::-moz-range-track,
 .datepicker--time-row input[type='range']::-ms-track {
   height: 1px;

   cursor: pointer;

   color: transparent;
   border: none;
   background: transparent;
 }

 .datepicker--time-row input[type='range']::-ms-fill-lower,
 .datepicker--time-row input[type='range']::-ms-fill-upper {
   background: transparent;
 }

 .datepicker--time-row span {
   padding: 0 12px;
 }

 .datepicker--time-icon {
   font-size: 16px;

   position: relative;

   width: 1em;
   height: 1em;
   margin: 0 5px -1px 0;

   color: #9c9c9c;
   border: 1px solid;
   -webkit-border-radius: 50%;
   border-radius: 50%;
 }

 .datepicker--time-icon:after,
 .datepicker--time-icon:before {
   position: absolute;

   content: '';

   background: currentColor;
 }

 .datepicker--time-icon:after {
   top: -webkit-calc(50% + 1px);
   top: calc(50% + 1px);
   left: -webkit-calc(50% - 1px);
   left: calc(50% - 1px);

   width: 1px;
   height: .4em;

   -webkit-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
 }

 .datepicker--time-icon:before {
   top: -webkit-calc(50% + 1px);
   top: calc(50% + 1px);
   left: -webkit-calc(50% - 1px);
   left: calc(50% - 1px);

   width: .4em;
   height: 1px;
 }

 .datepicker--cell-day.-other-month-,
 .datepicker--cell-year.-other-decade- {
   color: #dedede;
 }

 .datepicker--cell-day.-other-month-:hover,
 .datepicker--cell-year.-other-decade-:hover {
   color: #c5c5c5;
 }

 .-disabled-.-focus-.datepicker--cell-day.-other-month-,
 .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
   color: #dedede;
 }

 .-selected-.datepicker--cell-day.-other-month-,
 .-selected-.datepicker--cell-year.-other-decade- {
   color: #fff;
   background: #a2ddf6;
 }

 .-selected-.-focus-.datepicker--cell-day.-other-month-,
 .-selected-.-focus-.datepicker--cell-year.-other-decade- {
   background: #8ad5f4;
 }

 .-in-range-.datepicker--cell-day.-other-month-,
 .-in-range-.datepicker--cell-year.-other-decade- {
   color: #ccc;
   background-color: rgba(92, 196, 239, .1);
 }

 .-in-range-.-focus-.datepicker--cell-day.-other-month-,
 .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
   background-color: rgba(92, 196, 239, .2);
 }

 .datepicker--cell-day.-other-month-:empty,
 .datepicker--cell-year.-other-decade-:empty {
   border: none;
   background: none;
 }

 .header {
   position: fixed;
   z-index: 9999;
   top: 0;
   left: 0;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;
   overflow: hidden;

   width: 100%;

   background-color: #fff;
   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
   box-shadow: 0 3px 6px rgba(0, 0, 0, .16);

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 1023px) {
   .header {
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
   }
 }

 .header__pic {
   width: 31%;
   max-width: 580px;

   text-align: right;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 @media screen and (max-width: 1600px) {
   .header__pic {
     width: 27%;
   }
 }

 @media screen and (max-width: 1240px) {
   .header__pic {
     width: 20%;
   }
 }

 @media screen and (max-width: 1023px) {
   .header__pic {
     width: 26%;
   }
 }

 @media screen and (max-width: 575px) {
   .header__pic {
     width: 40%;
   }
 }

 .header__holder {
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
 }

 @media screen and (min-width: 1920px) {
   .header__holder {
     max-width: 1280px;
   }
 }

 @media screen and (max-width: 1023px) {
   .header__holder {
     display: none;
   }
 }

 .header__logo {
   display: inline-block;

   padding: 20px 17% 20px 0;

   border-right: 1px solid #c7d1d6;
 }

 @media screen and (max-width: 1240px) {
   .header__logo {
     padding-right: 5%;

     text-align: center;
   }
 }

 @media screen and (max-width: 1023px) {
   .header__logo {
     padding: 10px;

     border-right: 0;
   }
 }

 @media screen and (max-width: 1240px) {
   .header__logo img {
     width: 80%;
   }
 }

 @media screen and (max-width: 1023px) {
   .header__logo img {
     width: 100%;
   }
 }

 .header__top {
   position: relative;
   position: relative;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   max-width: 1050px;

   background-color: #f6f7f8;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .header__top::before {
   position: absolute;
   top: 0;
   left: 100%;

   width: 1000px;
   height: 100%;

   content: '';

   background-color: #f6f7f8;
 }

 .header__bottom {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 .header__box {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

 @media screen and (max-width: 1600px) {
   .header__box {
     margin-right: 20px;
   }
 }

 @media screen and (max-width: 1023px) {
   .header__box {
     display: none;
   }
 }

 .header__room {
   font-size: .875rem;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   color: #2196f3;
 }

 .header__room:hover {
   color: #ffab00;
 }

 .header__mobile-control {
   display: none;
 }

 @media screen and (max-width: 1023px) {
   .header__mobile-control {
     display: block;

     padding-right: 20px;
   }
 }

 .open-menu {
   display: inline-block;

   width: 22px;
   height: 22px;
   margin-left: 20px;

   vertical-align: middle;

   background-image: url('/local/templates/citicard/css/../svg/i-humb.svg');
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: contain;
   background-size: contain;
 }

 .open-menu.open {
   background-image: url('/local/templates/citicard/css/../svg/i-menu-close.svg');
   -webkit-background-size: initial initial;
   background-size: initial;
 }

 .nav-top {
   width: 90%;
   max-width: 915px;
 }

 @media screen and (max-width: 1441px) {
   .nav-top {
     width: 85%;
   }
 }

 .nav-top__list {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

 .nav-top__item {
   font-size: .875rem;

   position: relative;

   margin-bottom: 0;
   padding: 10px 27px 12px;

   cursor: pointer;
   -webkit-transition: color .5s ease-in-out;
   -o-transition: color .5s ease-in-out;
   transition: color .5s ease-in-out;
   text-align: center;
   white-space: nowrap;

   color: #90a4ae;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
 }

 .nav-top__item:after {
   position: absolute;
   right: 0;
   bottom: -5px;
   left: 0;

   margin: 0 auto;

   content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFCAYAAACTphZWAAAAbElEQVQYV2OUbX+SwMjIOJ+BAPj//38iI0gNIQ0ghY8rZRaAFYM1dD4LYPzPsICB4T8/whLGj/8ZGRIel0ttAInBFYM4Cl1PDP79YzoA0cD4kYnpn8ODMpkLMM0oiuEa/jJuYGL+H4CsECQHAGPtKO7bXZuCAAAAAElFTkSuQmCC');
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;

   opacity: 0;
 }

 .nav-top__item:hover {
   color: #2196f3;
 }

 .nav-top__item.active {
   color: #fff;
   background: #1e88e5;
 }

 .nav-top__item.active:after {
   opacity: 1;
 }

 @media screen and (max-width: 1024px) {
   .nav-top__item {
     padding: 10px 20px 12px;
   }
 }

 .nav {
   display: none;

   width: 80%;
   max-width: 1024px;

 }
 .nav.btn-lk{
  width: 75%;
  max-width: 818px;
 }



 .nav__list {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 .nav__item {
   margin-bottom: 0;
 }

 .nav__link {
   display: inline-block;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   padding: 24px 27px 17px;

   white-space: nowrap;

   border-bottom: 3px solid #fff;
 }

 .nav__link.active {
   border-bottom-color: #1E88E5
 }

 @media screen and (max-width: 1441px) {
  .nav__link {
    padding: 24px 18px 17px;
  }
}
 @media screen and (max-width: 1280px) {
   .nav__link {
     padding: 16px 20px 13px;
   }
 }

 .nav.active {
   display: block;

   opacity: 1;
 }

 .search-btn {
   font-weight: 600;

   width: 27px;
   height: 26px;

   color: #2196f3;
   background-image: url(/local/templates/citicard/css/../svg/i-search.svg);
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: contain;
   background-size: contain;
   margin-right: 20px;
 }

 @media screen and (max-width: 1023px) {
   .search-btn {
     margin-left: 0;

     vertical-align: middle;
   }
 }

 .search-btn:hover,
 .search-btn.active {
   background-image: url(/local/templates/citicard/css/../svg/i-search-hover.svg);
 }

 .select-city {
   font-size: .875rem;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   color: #333;
 }

 .select-city:hover {
   color: #2196f3;
 }

 .select-city:after {
   display: inline-block;

   margin-left: 10px;

   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAp0lEQVQYV22OwQ2CQBRE5xONHohgBa5WQAdagnTAGS9YgXbACTwaOrAES9AOtgNX8EKijFkQExPn9jPvz4yovFwDjqdjt8AfdT4g87zUgMwAnFk/Q72dGmuo9OY742FKMmpBdahWQpwAeAAMBSEaMSI8AggA3Ekm0n/LaGDh5afdpvoArqREeuNeWrDXIqv2FOy6mwXrV9JP+QHb9OwRQBql44lt+OoN7Rc7r3sS7BsAAAAASUVORK5CYII=);
   vertical-align: bottom;
 }
 .mobile-lk{
  margin-top: 10px;
  margin-left: 10px
 }
 .search {
   position: fixed;
   z-index: 9999;
   top: 97px;
   left: 0;
   right: 0;
   margin: 0 auto;
   display: none;

   width: 100%;
 }

 @media screen and (max-width: 1441px) {
   .search {
     left: 0;
   }
 }

 @media screen and (max-width: 1280px) {
   .search {
     top: 82px;
   }
 }

 @media screen and (max-width: 1023px) {
   .search {
     top: 60px;
   }
 }

 @media screen and (max-width: 575px) {
   .search {
     top: 50px;
   }
 }

 .search__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   padding: 8px 10px 9px;

   background: #fff;
   -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
   box-shadow: 0 3px 6px rgba(0, 0, 0, .16);

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .search__reset {
   display: none;

   width: 15px;
   height: 15px;
   margin-left: 10px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAA8UlEQVQ4T52TQQ4BQRBF/x+xsHMDnAAnwAFIxErYuAEnGcHeAhEL5ggcwc41xk6CKemhpc10i+hlpV9X1atq+uugiAvC0aAd4ofjr4LKqNc+crzcKUCEbKiAi/XnQZ5Z2QOoCFmlv9gdSNQAhC7YhACc5coiVRBZORAo2+AURNbjUlVpLtgFKSYGbXAkXstjNFE9xeW9Mun7b9AC3wFkbNBHRv3SbLUt3IQnADllG5DusN/ZJG2nMmrlAHRGq+2PHg3oHInXJKOpy/bbqglpEd9GFc/RBrls6yUxNyel3AlfWdK7iuSckhbNsp+7+ufveAAYm7wQd460zQAAAABJRU5ErkJggg==);
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: contain;
   background-size: contain;
 }

 .search__reset:hover {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAATzaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMTItMDNUMTc6NDU6MjArMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTEyLTAzVDE3OjQ4OjA2KzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTAzVDE3OjQ4OjA2KzAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTVhMDQ1Ni0zOWE0LTM2NGYtODU1Yy0zZGExZWE5MDI4ZDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzU1YTA0NTYtMzlhNC0zNjRmLTg1NWMtM2RhMWVhOTAyOGQzIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzU1YTA0NTYtMzlhNC0zNjRmLTg1NWMtM2RhMWVhOTAyOGQzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NTVhMDQ1Ni0zOWE0LTM2NGYtODU1Yy0zZGExZWE5MDI4ZDMiIHN0RXZ0OndoZW49IjIwMTktMTItMDNUMTc6NDU6MjArMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7yHnjUAAAA4ElEQVQokZ3TMW7CMBTG8f/nikrdcoPCCZqeoOECkIWh1+rEFVCWtD0AkbgATKwcwayN4HUJkBA7qurV/r33/FnGvjW2goQ/LvtUCiAr5QFDTDW3bRQUJIy0BlLEqwO2QIKxvlQbRHDkxw6O2nJgF8M9JDIt8GptVsAL4C9jB1FzHd1VvmGYAR8h1IEBfAIeQqgHAexLz5zZA0+AAe/KbXV/zvU6nikbdGoKL0Npuw5qBwFTBtJ2QSQy5bahtiyGNRR5ILDrU8lKVcBbLL0grm3iYp3aSwt8Z+xHjfnv7/gFGz+IdJa8CJUAAAAASUVORK5CYII=');
 }

 .search__text {
   padding-right: 25px;
   padding-left: 15px;

   color: #2196f3;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 @media screen and (max-width: 575px) {
   .search__text {
     display: none;
   }
 }

 .search__field {
   width: 100%;

   border: 0;
 }

 .search__field::-webkit-input-placeholder {
   color: #c7d1d6;
 }

 .search__field:-ms-input-placeholder {
   color: #c7d1d6;
 }

 .search__field::-ms-input-placeholder {
   color: #c7d1d6;
 }

 .search__field::placeholder {
   color: #c7d1d6;
 }

 .search__btn {
   margin-left: 20px;
 }

 .mobile-menu.nav {
   position: fixed;
   z-index: 99999999;
   top: 59px;

   overflow: auto;

   width: 100%;
   height: 100%;

   -webkit-transition: none;

   -o-transition: none;

   transition: none;

   opacity: 1;
   background: #f6f7f8;
 }

 @media screen and (max-width: 575px) {
   .mobile-menu.nav {
     top: 47px;
   }
 }

 .mobile-menu .nav__list {
   display: block;
 }

 .mobile-menu .nav__item {
   border-top: 1px solid #c7d1d6;
 }

 .mobile-menu .nav__item:last-of-type {
   border-bottom: none;
 }

 .mobile-menu .nav__link {
   font-weight: 400;

   padding: 13px 0;

   border-bottom: none;
   display: block;
 }

 .mobile-menu .nav-top__list {
   display: block;
 }

 .mobile-menu .nav-top__item {
   font-size: 1.125rem;
   font-weight: 700;

   display: block;

   padding: 18px 14px;

   text-align: left;

   color: #0d47a1;
   border-bottom: 1px solid #c7d1d6;
   background: none;
 }

 .mobile-menu .nav-top__item.active {
   color: #2196f3;
 }

 .mobile-menu .nav-top__item:after {
   display: none;
 }

 .mobile-menu .nav-top__item > ul {
   display: none;

   margin-top: 18px;
   margin-bottom: -18px;
 }

 .mobile-menu .nav-top__item[data-nav="0"] > ul {
   position: relative;
   z-index: 99;
   display: block;
 }

 .mobile-menu .nav-top__item[data-nav="0"] > ul:before {
   position: absolute;
   top: -4px;
   left: 30px;

   content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAABLklEQVQ4T2M8deV6u5K0FBc3F8c7BgrB9fuPLRlBZpy6fOOVgrSEKC83J9lGXr3z4NPfP38CwQZCDL15XFJUUF9EkJ8kU3/8/MVw4/7j/4z/GNQtDLVuww0EGXrm+q3V/NzcbjLiInzEOPXD5y/fHr94/cFMR0Maph7FQLBLr96s42JnL1KWleTHZ+iLN+9/vHn/8aipjroLsjoMA0GS567djmVg+D9BU1leCJuh95++eP/1x69lplqqOejyWA0EKTp55Yr+/3/Mp7VV5FlZmJnh+q7ff/Th79//FabaajOxWYbTQJDi/Veu8HD9Y36mLCfFy8bKynD97sPff/7+tbY21DmNKzjwGgjTdPrKzZv/Gf7z/mJhULfR0PiML2yJMhCcAs6c4TIxMflGKPYBgMVq9l3D2YIAAAAASUVORK5CYII=');
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
 }

 .mobile-select-city {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   padding: 24px 14px;

   border-top: 1px solid #606060;
   border-bottom: 1px solid #c7d1d6;
   background: #fff;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .mobile-select-city span {
   font-size: 1.125rem;
   font-weight: 700;

   color: #333;
 }

 .mobile-select-city .select-city {
   font-size: 1.125rem;

   margin-right: 0;
 }

 .mobile-select-city .select-city::after {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }

 .banner {
   position: relative;

   min-height: 190px;
 }

 .banner .inner {
   position: absolute;
   top: 50%;
   left: 50%;

   -webkit-transform: translate(-50%, -50%);

   -ms-transform: translate(-50%, -50%);

   transform: translate(-50%, -50%);
 }
 .banner h1,
 .banner h2 {
   font-size: 3.4375rem;

   position: relative;
   z-index: 9;

   max-width: 55%;
   margin-bottom: 10px;
 }

 @media screen and (max-width: 1600px) {

   .banner h1,
   .banner h2 {
     font-size: 3.125rem;
   }
 }

 @media screen and (max-width: 1280px) {

   .banner h1,
   .banner h2 {
     font-size: 2.5rem;

     margin-bottom: 0;
   }
 }

 @media screen and (max-width: 1023px) {

   .banner h1,
   .banner h2 {
     font-size: 1.875rem;
   }
 }

 @media screen and (max-width: 575px) {

   .banner h1,
   .banner h2 {
     font-size: 1.5625rem;
     line-height: 1.15;

     max-width: 45%;
   }
  .ten h1{
    /* 10 лет */
    display: none;
  }
  .banner.banner_ny h1{
    max-width: 75%;
  }
  .banner.banner_ny .inner{
    top: 4rem;
    transform: translate(-50%, 0%);
   }
 }

 @media screen and (max-width: 380px) {

   .banner h1,
   .banner h2 {
     font-size: 1.25rem;
   }
 }

 .banner__content {
   position: absolute;
   top: 50%;
   left: 50%;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 100%;
   margin-top: 15px;
   padding-left: 6%;

   -webkit-transform: translate(-50%, -50%);

   -ms-transform: translate(-50%, -50%);

   transform: translate(-50%, -50%);
 }

 @media screen and (max-width: 575px) {
   .banner__content {
     margin-top: 0;
   }
 }

 .banner__picture {
   display: block;

   min-height: 190px;
 }

 .banner__picture img {
   width: 100%;

   vertical-align: middle;
 }

 @media screen and (max-width: 575px) {
   .banner__picture img {
     height: 100%;
     min-height: 190px;

     -o-object-fit: cover;

     object-fit: cover;
     -o-object-position: center;
     object-position: center;
   }
   .banner.banner_ny .banner__picture{
      height: 70vh;
   }
    
   .banner.banner_ny .banner__picture img{
    object-position: bottom;
   }
  }
 .banner__desc {
   font-size: 1.8775rem;
   line-height: 28px;

   max-width: 650px;
   min-height: 85px;

   color: #333;
 }

 @media screen and (max-width: 1280px) {
   .banner__desc {
     font-size: 1.25rem;
     line-height: 1.35;

     width: 60%;
   }
 }

 .banner__subtitle {
   font-size: 1.875rem;
   font-weight: 600;
   line-height: 30px;

   position: relative;
   z-index: 9;

   max-width: 430px;
 }

 @media screen and (max-width: 575px) {
   .banner__subtitle {
     font-size: 1.25rem;
     line-height: 1.35;
   }
 }

 @media screen and (max-width: 575px) {
   .banner__link-all {
     width: 106px;
   }
 }

 @media screen and (max-width: 1280px) {
   .banner_card {
     padding-bottom: 30px;
   }
 }

 .banner_card .banner__picture {
   display: block;

   margin-top: -50px;
 }

 @media screen and (max-width: 1280px) {
   .banner_card .banner__picture {
     margin-top: -30px;
   }
 }

 @media screen and (max-width: 380px) {
   .banner_card .banner__picture {
     margin-top: -10px;
   }
 }

 @media screen and (max-width: 575px) {
   .banner_card .banner__desc {
     display: none;
   }
 }

 .banner_overlay::before {
   position: absolute;
   top: 0;
   left: 0;

   width: 60%;
   height: 100%;

   content: '';

   background-image: -webkit-gradient(linear, left top, right top, from(rgba(13, 71, 161, .51)), to(rgba(13, 71, 161, 0)));

   background-image: -webkit-linear-gradient(left, rgba(13, 71, 161, .51) 0%, rgba(13, 71, 161, 0) 100%);

   background-image: -o-linear-gradient(left, rgba(13, 71, 161, .51) 0%, rgba(13, 71, 161, 0) 100%);

   background-image: linear-gradient(to right, rgba(13, 71, 161, .51) 0%, rgba(13, 71, 161, 0) 100%);
 }

 @media screen and (max-width: 1023px) {
   .banner_overlay::before {
     max-height: 185px;
   }
 }

 @media screen and (max-width: 575px) {
   .banner_overlay::before {
     max-height: 100%;
   }
 }

 @media screen and (max-width: 575px) {
   .banner_overlay h2 {
     font-size: 1.875rem;

     max-width: 65%;
   }
 }

 @media screen and (max-width: 575px) {
   .banner_overlay .banner__desc {
     font-size: 1.1875rem;
     line-height: 1.35;

     width: 100%;
   }
 }

 @media screen and (max-width: 575px) {

   .banner_overlay .banner__picture,
   .banner_overlay img {
     max-height: 200px;
   }
 }

 .banner_home h1 {
   margin-top: 5%;
 }

 @media screen and (max-width: 575px) {
   .banner_home h1 {
     margin-top: 0;
   }
   .banner_home_nn .banner__picture{
     height: 100%;
   }
   .banner_home_nn h1{
     max-width: 170px;
   }
   .banner_home_nn h1 br{
      display: none;
   }
   .banner_home_nn .btn{
     width: 130px;
     font-size: 12px;
      padding: 9px 0 10px;
   }
 }

 @media screen and (max-width: 1600px) {
   .main .banner {
     margin-bottom: 30px;
   }
 }

 .breadcrumb {
   padding: 10px 0;
 }

 @media screen and (max-width: 350px) {
   .breadcrumb {
     display: none;
   }
 }

 .breadcrumb__link,
 .breadcrumb__active {
   font-size: .75rem;

   color: #90a4ae;
 }

 .breadcrumb__link {
   display: inline-block;

   margin-right: 10px;
   padding-right: 10px;

   border-right: 1px solid #90a4ae;
 }

 .text + .rate {
   margin-top: 35px;
 }

 .rate {
   position: relative;

   padding-bottom: 30px;
 }

 .rate h2 {
   margin-bottom: 20px;
 }

 @media screen and (max-width: 575px) {
   .rate h2 {
     margin-bottom: 0;
     padding: 10px 0;
   }
 }

 .rate__select {
   position: relative;
   z-index: 9999;
 }

 .rate__row {
   position: relative;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   padding: 20px 0;

   -webkit-transition: padding .2s ease-in-out;

   -o-transition: padding .2s ease-in-out;

   transition: padding .2s ease-in-out;

   border-top: 1px solid #c7d1d6;
   background: #fff;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 .rate__row_head {
   border-bottom: 1px solid #c7d1d6;
 }

 @media screen and (max-width: 575px) {
   .rate__row {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .rate__col {
   position: relative;

   padding: 20px 0;

   -webkit-transition: padding .2s ease-in-out;

   -o-transition: padding .2s ease-in-out;

   transition: padding .2s ease-in-out;

   border-top: 1px solid #c7d1d6;
   background: #fff;
 }

 .rate__select {
   width: 100%;
 }

 .rate__select .form-group_inner-top {
   margin-top: 0;
 }

 .rate__select .select2 .select2-selection {
   height: 77px;

   background: #f6f7f8;
 }

 .rate__select .select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 64px;

   padding-left: 20px;
 }

 .rate__select .form-group_inner-top .select2-selection {
   border-bottom: 0;
 }

 .rate__name {
   font-size: 1.1875rem;
   font-weight: 600;

   width: 240px;

   color: #333;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 @media screen and (max-width: 1280px) {
   .rate__name {
     width: 200px;
   }
 }

 @media screen and (max-width: 1023px) {
   .rate__name {
     width: 170px;
   }
 }

 @media screen and (max-width: 575px) {
   .rate__name {
     margin-bottom: 15px;
   }
 }

 .rate__control {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   width: 100%;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 @media screen and (max-width: 1023px) {
   .rate__control {
     -webkit-box-align: normal;
     -webkit-align-items: normal;
     -ms-flex-align: normal;
     align-items: normal;
   }
 }

 @media screen and (max-width: 575px) {
   .rate__control {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 @media screen and (max-width: 350px) {
   .rate__control .btn-square_icon span {
     display: none;
   }
 }

 .rate__mark {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   width: 77px;
   height: 78px;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 1023px) {
   .rate__mark {
     display: none;
   }
 }

 .rate__mark .icon-transport:last-of-type {
   margin-right: 0;
 }

 .rate__content {
   font-size: 1.1875rem;
   line-height: 24px;

   width: 100%;

   color: #333;
 }
.rate__sign-info{
  font-weight: 600;
  color: #2196f3;
  font-size: 19px;
  margin-top: 20px;
  display: none;
}
.rate__sign-info a{
  color: inherit;
  transition: .5s ease;
}
.rate__sign-info a:hover{
      color: #ffab00;
}
 @media screen and (max-width: 1280px) {
   .rate__content {
     line-height: 1.25;
   }
 }

 .rate__content small {
   color: #90a4ae;
 }

 .rate__price {
   font-size: 1.1875rem;
   font-weight: 600;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   width: 100px;
   height: 78px;

   text-align: center;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

 @media screen and (max-width: 1280px) {
   .rate__price {
     width: 83px;
   }
 }

 @media screen and (max-width: 575px) {
   .rate__price {
     width: 55px;
     height: 40px;
   }
 }

 @media screen and (max-width: 370px) {
   .rate__price {
     width: 49px;
   }
 }

 .rate__price:nth-last-of-type(4),
 .rate__price:nth-last-of-type(5) {
   width: 120px;
 }

 @media screen and (max-width: 1280px) {

   .rate__price:nth-last-of-type(4),
   .rate__price:nth-last-of-type(5) {
     width: 100px;
   }
 }

 @media screen and (max-width: 575px) {

   .rate__price:nth-last-of-type(4),
   .rate__price:nth-last-of-type(5) {
     width: 55px;
   }
 }

 @media screen and (max-width: 370px) {

   .rate__price:nth-last-of-type(4),
   .rate__price:nth-last-of-type(5) {
     width: 49px;
   }
 }

 .rate__price:nth-last-of-type(4) {
   position: relative;

   border-right: 1px solid #c7d1d6;
 }

 .rate__price span {
   font-size: 1rem;
   font-weight: normal;
 }

 @media screen and (max-width: 575px) {
   .rate__price span {
     font-size: .625rem;
   }
 }

 .rate__price b {
   font-size: 1rem;
 }

 @media screen and (max-width: 575px) {
   .rate__price .icon-check {
     -webkit-transform: scale(.7);
     -ms-transform: scale(.7);
     transform: scale(.7);
   }
 }

 .rate__price .line {
   position: absolute;
   top: 100%;
   right: -1px;

   width: 1px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   background: #c7d1d6;
 }

 .rate__result_head {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media screen and (max-width: 575px) {
   .rate__result_head .link {
     display: none;
   }
 }

 .rate__cols-row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .rate__cols-row:first-of-type {
     display: none;
   }
 }

 .rate__cols-row span {
   font-size: .9375rem;
 }

 @media screen and (max-width: 575px) {
   .rate__cols-row span {
     font-size: .625rem;
   }
 }

 .rate__cols-row .rate__price {
   height: 50px;
 }

 .rate__cols {
   border-left: 1px solid #c7d1d6;
 }

 @media screen and (max-width: 575px) {
   .rate__cols {
     width: 86%;
   }
 }

 .rate__count {
   margin-right: 7px;
 }

 .rate__cols-name {
   width: 100%;
   padding: 15px 0 10px;

   text-align: center;
 }

 .rate__cols-name:first-of-type {
   width: 44.5%;

   border-right: 1px solid #c7d1d6;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 .rate__route {
   font-size: 1.1875rem;

   position: relative;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   width: 80%;
   height: 78px;
   padding: 0 20px;

   cursor: pointer;

   border-right: 1px solid #c7d1d6;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media screen and (max-width: 575px) {
   .rate__route {
     display: none;
   }
 }

 .rate__route > p {
   position: relative;
   z-index: 9;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;
 }

 .rate__route > p.active > p {
   color: #2196f3;
 }

 .rate__route > p::before {
   display: inline-block;
   float: left;

   margin-right: 10px;

   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAA5klEQVQoU4WQwVHCUBRF78U4cWFEKyDSgCkhdJASwhJZSEqgArLBLKGEdKAlaANOqMBAWJARecwL+QxRB9/mz3//nvfvfXSTwgeAbOC86vlfGT3vn4scQFtE+tnwZn4OdKerkOQMQM5uUsQieFKAQPzx6ER/wQ2dYEwVnUwCyflu8xVl0Z06gTv5vG1dXU5EJNS7cVaBlSApfApStQ3gTcptr3JhWy8APABLIQKziyN4+HntkbsUYEfheqYHyEKkFWTDa9PTWM1Sa7Qt3fBD/fIu5dY31o36F2hy0b6Iq0zl9+gnpP09nXtbttus7/gAAAAASUVORK5CYII=);
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;

   -webkit-transform-style: flat;

   transform-style: flat;
 }

 @media screen and (max-width: 1023px) {
   .rate__route > p::before {
     display: none;
   }
 }

 .rate__route .rate__content {
   position: absolute;
   z-index: 1;
   bottom: 0;
   left: 0;
   left: 1px;

   display: none;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 100%;
   padding: 0 40px 15px;

   -webkit-transition: opacity .1s ease-in-out;

   -o-transition: opacity .1s ease-in-out;

   transition: opacity .1s ease-in-out;

   opacity: 0;
   border-right: 1px solid #c7d1d6;

   will-change: opacity;
 }

 .rate__route.active p:before {
   -webkit-transform: rotateX(180deg) translateY(-1px);
   transform: rotateX(180deg) translateY(-1px);
 }

 .rate__route.active .rate__content {
   opacity: 1;
 }

 .rate__name-road {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   width: 100%;
   height: 78px;
   padding: 0 45px;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .rate__name-road {
     display: none;
   }
 }

 .rate__name-road b {
   font-size: 1rem;
 }

 .rate__num {
   font-size: 1.1875rem;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   width: 80px;
   height: 78px;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

 @media screen and (max-width: 1023px) {
   .rate__num {
     width: 60px;
   }
 }

 @media screen and (max-width: 575px) {
   .rate__num {
     width: 13%;
     height: 40px;
   }
 }

 .rate__num b {
   font-size: 1rem;
 }

 @media screen and (max-width: 575px) {
   .rate__num b {
     font-size: .625rem;
     font-weight: normal;
   }
 }

 .rate__btn {
   position: absolute;
   right: 0;
   bottom: 10px;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   width: 100%;

   -webkit-box-pack: end;

   -webkit-justify-content: flex-end;

   -ms-flex-pack: end;

   justify-content: flex-end;
   -webkit-box-align: end;
   -webkit-align-items: flex-end;
   -ms-flex-align: end;
   align-items: flex-end;

 }

 .rate__btn .link {
   font-size: 1rem;
 }

 .rate__result {
   padding-top: 40px;

   border-top: 1px solid #c7d1d6;
   border-bottom: 1px solid #c7d1d6;
 }

 .rate__result h5 {
   font-size: 1.1875rem;
   font-weight: 600;

   padding: 10px 0;
 }

 .rate__result .rate__row {
   padding: 0;

   border-right: 1px solid #c7d1d6;
   border-left: 1px solid #c7d1d6;
 }

 .rate__result_second .rate__row {
   -webkit-box-align: stretch;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
 }

 @media screen and (max-width: 1023px) {
   .rate__result_second .rate__row {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 @media screen and (max-width: 1023px) {

   .rate__result_second .rate__row_head .rate__mark,
   .rate__result_second .rate__row_head .rate__price {
     display: none;
   }
 }

 .rate__result_second .rate__name-road {
   padding: 0 20px;
 }

 .rate__result_second .rate__mark {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 270px;
   height: auto;
   padding: 20px;

   -webkit-box-pack: start;

   -webkit-justify-content: flex-start;

   -ms-flex-pack: start;

   justify-content: flex-start;
 }

 @media screen and (max-width: 1023px) {
   .rate__result_second .rate__mark {
     display: block;

     width: 55%;
     padding: 10px 10px 0;

     -webkit-box-ordinal-group: -1;

     -webkit-order: -2;

     -ms-flex-order: -2;

     order: -2;
   }
 }

 .rate__result_second .rate__content {
   padding: 20px;
   position: relative;
   -webkit-align-self: center;

   -ms-flex-item-align: center;

   align-self: center;
 }

 @media screen and (max-width: 1023px) {
   .rate__result_second .rate__content {
     padding: 10px;
   }
 }

 .rate__result_second .rate__price {
   width: 180px;
   height: auto;
 }

 @media screen and (max-width: 1023px) {
   .rate__result_second .rate__price {
     width: 40%;

     -webkit-box-ordinal-group: 0;

     -webkit-order: -1;

     -ms-flex-order: -1;

     order: -1;
     -webkit-box-pack: end;
     -webkit-justify-content: flex-end;
     -ms-flex-pack: end;
     justify-content: flex-end;
   }
 }

 .rate-sign {
   font-size: 1.25rem;
   font-weight: 600;

   position: absolute;
   bottom: -3%;

   margin-left: 20px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   opacity: 0;
 }

 @media screen and (max-width: 575px) {
   .rate-sign {
     margin-left: 0;
     bottom: 20px;
   }
 }

 .tags + .section__inner {
   padding-top: 15px;
 }

 .pagination {
   margin-top: 15px;
 }

 .pagination__list {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
 }

 .pagination__item {
   margin-right: 10px;
 }

 .pagination__item:last-of-type {
   margin-right: 0;
 }

 .pagination__link {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;

   width: 24px;
   height: 24px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;
   text-align: center;

   color: #333;
   -webkit-border-radius: 4px;
   border-radius: 4px;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .pagination__link.active {
   color: #2196f3;
 }

 .pagination__link:hover {
   color: #333;
   background-color: #e5e8e9;
 }

 .docs__count {
   font-size: 1.3125rem;

   padding-bottom: 15px;

   color: #333;
 }

 .center-block {
   max-width: 1200px;
   margin: 0 auto;
 }

 .docs-elem {
   padding: 22px 0;

   border-top: 1px solid #c7d1d6;
 }

 .docs-elem:last-of-type {
   border-bottom: 1px solid #c7d1d6;
 }

 .docs-elem__info {
   margin-bottom: 15px;
 }

 .docs-elem__info span {
   font-size: 1rem;
   line-height: 1;

   display: inline-block;

   margin-right: 10px;
   padding-right: 10px;

   color: #90a4ae;
   border-right: 1px solid #90a4ae;
 }

 .docs-elem__info span:last-of-type {
   border-right: none;
 }

 .docs-elem__desc p {
   line-height: 18px;

   padding-bottom: 15px;
 }

 .call-block {
   margin: 30px 0;
 }

 @media screen and (max-width: 1023px) {
   .call-block {
     margin: 20px 0;
   }
 }

 .call-block p {
   font-size: 1.4375rem;
   font-weight: 700;

   display: inline-block;

   margin-left: 20px;

   color: #2196f3;
 }

 @media screen and (max-width: 1023px) {
   .call-block p {
     font-size: 1.125rem;
   }
 }

 @media screen and (max-width: 575px) {
   .call-block p {
     width: 100%;
     margin-top: 10px;
     margin-left: 0;

     text-align: center;
   }
 }

 .call-block .link {
   font-size: 1.4375rem;
 }

 @media screen and (max-width: 575px) {
   .call-block .btn {
     display: block;

     margin: 0 auto;
   }
 }

 .accordion {
   overflow: hidden;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   height: 50px;
   min-height: 50px;
   margin-bottom: 15px;

   cursor: pointer;
   -webkit-transition: height .9s cubic-bezier(.215, .61, .355, 1);
   -o-transition: height .9s cubic-bezier(.215, .61, .355, 1);
   transition: height .9s cubic-bezier(.215, .61, .355, 1);

   -webkit-border-radius: 6px;

   border-radius: 6px;
   background-color: #f6f7f8;
 }

 @media screen and (max-width: 1023px) {
   .accordion {
     min-height: auto;
   }
 }

 .accordion .i-arrow {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

 .accordion:first-of-type {
   margin-top: 30px;
 }

 .accordion:hover .accordion__head {
   background: #eceff1;
 }

 .accordion.active .i-arrow {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
 }

 .accordion.active:hover .accordion__head {
   background-color: #f6f7f8;
 }

 .accordion__head {
   font-size: 1.125rem;
   font-weight: 600;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;
   overflow: hidden;

   padding: 15px 30px 17px;

   -webkit-transition: background .9s cubic-bezier(.215, .61, .355, 1);

   -o-transition: background .9s cubic-bezier(.215, .61, .355, 1);

   transition: background .9s cubic-bezier(.215, .61, .355, 1);

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 1280px) {
   .accordion__head {
     padding: 18px 30px;
   }
 }

 @media screen and (max-width: 575px) {
   .accordion__head {
     padding: 14px;
   }
 }

 .accordion__content {
   line-height: 24px;

   padding: 0 30px 15px;
 }

 @media screen and (max-width: 575px) {
   .accordion__content {
     padding: 0 15px 15px;
   }
 }

 .accordion__content img,
 .accordion__content iframe {
   width: 100% !important;
 }

 @media screen and (max-width: 1280px) {
   .accordion__content iframe {
     height: 500px !important;
   }
 }

 @media screen and (max-width: 767px) {
   .accordion__content iframe {
     height: 100% !important;
   }
 }

 .accordion ul b {
   display: block;

   margin-bottom: 10px;
 }

 .accordion_transparent {
   margin-bottom: 0;

   border-top: 1px solid #c7d1d6;
   -webkit-border-radius: 0;
   border-radius: 0;
   background: none;
 }

 .accordion_transparent:last-of-type {
   border-bottom: 1px solid #c7d1d6;
 }

 .accordion_transparent .accordion__head {
   font-weight: 400;

   padding: 15px 0 16px;
 }

 @media screen and (max-width: 1280px) {
   .accordion_transparent .accordion__head {
     padding: 17px 0 16px;
   }
 }

 .accordion_transparent:hover .accordion__head {
   background: none;
 }

 .accordion_transparent.active .accordion__head {
   font-weight: 700;
 }

 .accordion_transparent.active:hover .accordion__head {
   background: none;
 }

 .accordion_transparent .accordion__content {
   padding: 0 0 15px 0;
 }

 .control {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-top: 50px;
   padding-top: 30px;

   border-top: 2px solid #333;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 680px) {
   .control {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 @media screen and (max-width: 680px) {
   .control .btn {
     font-size: .875rem;

     width: 130px;
     margin: 0 5px 10px;
   }
 }

 @media screen and (max-width: 680px) {
   .control .btn:nth-of-type(2) {
     -webkit-box-ordinal-group: 2;
     -webkit-order: 1;
     -ms-flex-order: 1;
     order: 1;
   }
 }

 .block-numb {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .block-numb {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .block-numb__item {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 24%;
   max-width: 329px;
   height: 196px;
   padding-top: 24px;
   padding-left: 35px;

   -webkit-border-radius: 6px;

   border-radius: 6px;
   background-color: #f6f7f8;
   background-repeat: no-repeat;
   background-position: 95% 90%;
 }

 @media screen and (max-width: 1440px) {
   .block-numb__item {
     padding-left: 40px;
   }
 }

 @media screen and (max-width: 1280px) {
   .block-numb__item {
     height: 150px;
     padding-top: 10px;
     padding-left: 30px;

     -webkit-background-size: 100% 100%;

     background-size: 100%;
   }
 }

 @media screen and (max-width: 1023px) {
   .block-numb__item {
     height: 110px;
     margin-right: 13px;
     padding-left: 10px;
   }
 }

 @media screen and (max-width: 575px) {
   .block-numb__item {
     width: 49%;
     margin-right: 0;
     margin-bottom: 10px;
     margin-left: 0;
   }
 }

 .block-numb__head {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-bottom: 16px;

   -webkit-box-align: end;

   -webkit-align-items: flex-end;

   -ms-flex-align: end;

   align-items: flex-end;
 }

 @media screen and (max-width: 1023px) {
   .block-numb__head {
     margin-bottom: 10px;
   }
 }

 .block-numb__big {
   font-size: 4.0625rem;
   font-weight: 600;
   line-height: 1;

   position: relative;
   bottom: -2px;

   margin-right: 5px;

   color: #2196f3;
 }

 @media screen and (max-width: 1280px) {
   .block-numb__big {
     font-size: 3.5rem;
   }
 }

 @media screen and (max-width: 1023px) {
   .block-numb__big {
     font-size: 2.2rem;
   }
 }

 .block-numb__small {
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 22px;

   text-transform: uppercase;

   color: #2196f3;
 }

 @media screen and (max-width: 1280px) {
   .block-numb__small {
     font-size: 1.0625rem;
     line-height: 18px;
   }
 }

 @media screen and (max-width: 1023px) {
   .block-numb__small {
     font-size: .9375rem;
     line-height: 11px;
   }
 }

 @media screen and (max-width: 350px) {
   .block-numb__small {
     font-size: .7rem;
   }
 }

 .block-numb__bottom {
   font-weight: 600;

   overflow: hidden;

   padding-right: 100px;

   color: #333;
 }

 @media screen and (max-width: 1280px) {
   .block-numb__bottom {
     font-size: .875rem;

     padding-right: 50px;
   }
 }

 @media screen and (max-width: 1023px) {
   .block-numb__bottom {
     padding-right: 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .block-numb__bottom {
     font-size: .625rem;
     line-height: 10px;

     padding-right: 20px;
   }
 }

 .nameplate {
   display: block;

   width: 100%;
   height: 0;
   margin-bottom: 15px;
   padding-bottom: 60%;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   -webkit-border-radius: 4px;

   border-radius: 4px;
 }

 .nameplate:hover {
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
   box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
 }

 .nameplate_blue {
   background: #2196f3;
 }

 .nameplate_orange {
   background: #ffab00;
 }

 .nameplate_gray {
   background: #f6f7f8;
 }

 .nameplate_gray .nameplate__pic {
   height: 90px;
   margin-top: 30px;
   margin-right: 15px
 }

 .nameplate__content {
   padding-top: 25px;
   padding-left: 23px;

   color: #fff;
 }

 @media screen and (max-width: 1280px) {
   .nameplate__content {
     padding-top: 15px;
     padding-left: 20px;
   }
 }

 .nameplate__title {
   font-size: 1.125rem;
   font-weight: 600;
   line-height: 20px;

   margin-bottom: 7px;
 }

 @media screen and (max-width: 1280px) {
   .nameplate__title {
     font-size: .875rem;
     line-height: 18px;
   }
 }

 .nameplate__title_size_s {
   font-size: 1rem;
   line-height: 15px;
 }

 @media screen and (max-width: 1280px) {
   .nameplate__title_size_s {
     font-size: .875rem;
     line-height: 18px;
   }
 }

 .nameplate__title_color_black {
   color: #333;
 }

 .nameplate__pic {
   float: right;

   height: 120px;
   margin-top: 20px;
 }

 .nameplate__text {
   font-size: .875rem;
 }

 @media screen and (max-width: 1600px) {
   .nameplate__title {
     font-size: 1rem
   }
 }

 @media screen and (max-width: 1280px) {
   .nameplate__text {
     font-size: .625rem;
   }

   .nameplate__pic {
     height: 70px;
   }

   .nameplate_gray .nameplate__pic {
     margin-top: 12px;
     height: 45px;
     margin-left: 5px;
     margin-right: 5px;
   }
 }

 .nameplate__link {
   display: inline-block;

   margin-top: 10px;
 }

 @media screen and (max-width: 1600px) {
   .nameplate__link {
     margin-top: 0;
   }
 }

 .nameplate-table__text {
   font-size: 1.25rem;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 100%;
   margin-bottom: 30px;
   padding: 10px;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .nameplate-table__text .btn {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

 @media screen and (max-width: 480px) {
   .nameplate-table__text .btn {
     margin-top: 20px;
   }
 }

 @media screen and (max-width: 480px) {
   .nameplate-table__text {
     margin-bottom: 10px;

     text-align: center;

     -webkit-flex-wrap: wrap;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .nameplate-table__box {
   display: none;
   overflow: hidden;
 }

 .nameplate-table .nameplate {
   display: inline-block;

   width: 45%;
   margin: 0 10px 20px;
   padding-bottom: 23%;

   vertical-align: middle;
 }

 @media screen and (max-width: 480px) {
   .nameplate-table .nameplate {
     width: 100%;
     margin-left: 0;
     padding-bottom: 45%;
   }
 }

 @media screen and (max-width: 980px) {
   .nameplate-table .nameplate__title {
     font-size: 1.25rem;
     font-weight: 600;
     line-height: 24px;

     margin-bottom: 7px;
   }
 }

 @media screen and (max-width: 480px) {
   .nameplate-table .nameplate__title {
     font-size: .9375rem;
     line-height: 20px;
   }
 }

 @media screen and (max-width: 1280px) {
   .nameplate-table .nameplate__text {
     font-size: .875rem;
   }
 }

 @media screen and (max-width: 480px) {
   .nameplate-table .nameplate__text {
     font-size: .75rem;
   }
 }

 @media screen and (max-width: 1280px) {
   .nameplate-table .nameplate__pic {
     height: 130px;
   }
 }

 .nameplate-row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
 }

 .nameplate-row .nameplate {
   width: 32%;
   margin-right: 28px;
   padding-bottom: 14.5%;
 }

 .nameplate-row .nameplate:last-of-type {
   margin-right: 0;
 }

 .nameplate-row .nameplate__title {
   font-size: 1.4375rem;
 }

 .nameplate-row .nameplate__text {
   font-size: 1rem;
 }

 .news-list__item {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-bottom: 30px;
 }

 .news-list__item:hover .news-list__info {
   color: #263238;
   background: #eceff1;
 }

 .news-list__item .tag-elem {
   margin-right: 4px;
   margin-bottom: 2px;
 }

 @media screen and (max-width: 575px) {
   .news-list__item {
     display: block;
   }
 }

 .news-list__pic {
   width: 100%;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
   object-fit: contain;
 }

 @media screen and (min-width: 480px) {
   .news-list__pic {
     max-width: 280px;
   }
 }

 @media screen and (max-width: 575px) {
   .news-list__pic {
     border-radius: 10px;
     -o-object-fit: cover;

     object-fit: cover;
   }
 }

 .news-list__info {
   width: 100%;
   padding: 20px 60px 20px 23px;
   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   -webkit-border-top-right-radius: 6px;

   border-top-right-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;
   border-bottom-right-radius: 6px;
   background: #f6f7f8;
 }

 @media screen and (max-width: 575px) {
   .news-list__info {
     padding: 17px 15px;
     box-sizing: border-box;
   }
 }

 .news-list__data {
   margin-bottom: 10px;

   color: #90a4ae;
 }

 .news-list__title {
   font-size: 1.3125rem;
   font-weight: 600;
   height: 42px;
   margin-bottom: 5px;
   padding: 0;

   color: #263238;
 }

 .news-list__text {
   line-height: 20px;

   display: -webkit-box;
   overflow: hidden;

   min-height: 60px;
   max-height: 60px;
   margin-bottom: 15px;

   -o-text-overflow: ellipsis;

   text-overflow: ellipsis;

   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
 }

 @media screen and (max-width: 1023px) {
   .news-list__text {
     margin-bottom: 5px;
   }
 }

 .news-vertical {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-top: 30px;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
 }

 @media screen and (max-width: 575px) {
   .news-vertical {
     margin-top: 0;

     -webkit-flex-wrap: wrap;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .pr-page .news-vertical__elem {
     display: none;
   }

   .pr-page .news-vertical__elem:first-of-type {
     display: block;
   }

   .news-list__title {
     height: auto;
   }
 }

 @media screen and (max-width: 1280px) {
   .news-vertical_index {
     display: block;
     overflow: hidden;
   }
 }

 @media screen and (max-width: 1280px) {
   .news-vertical_index .news-vertical__elem {
     max-height: 430px;
     margin-right: 20px;
     height: 100%;
   }
 }

 @media screen and (max-width: 1280px) {
   .news-vertical_index .news-vertical__elem {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     margin-right: 0;
   }
 }

 .news-vertical_index .slick-dots {
   margin-top: 10px;
 }

 .news-vertical__elem {
   display: block;

   width: 32%;
   max-width: 329px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   border: 1px solid #eceff1;
   -webkit-border-radius: 6px;
   border-radius: 6px;
 }

 .news-vertical__elem:hover {
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
   box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
 }

 @media screen and (max-width: 575px) {
   .news-vertical__elem {
     width: 100%;
     margin-bottom: 20px;
   }
 }

 .news-vertical__pic {
   width: 100%;
   height: 252px;
   display: block;
 }

 .news-vertical__pic img {
   width: 100%;
   height: 100%;

   -o-object-fit: cover;

   object-fit: cover;
 }

 .news-vertical__desc {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 23px;
 }

 .news-vertical__data {
   color: #90a4ae;
 }

 .news-vertical__text {
   font-size: 1.25rem;

   display: -webkit-box;
   overflow: hidden;

   margin-top: 10px;

   -o-text-overflow: ellipsis;

   text-overflow: ellipsis;

   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   margin-bottom: 10px;
 }

 .news-vertical .slick-slide {
   max-height: 420px;
 }

 /*
.news-vertical .slick-slide > div{
    height: 420px;
    
}
*/
 @media screen and (max-width: 1280px) {
   .news-vertical .slick-slide {
     margin: 0 5px;
   }

   .news-vertical__text {
     margin-bottom: 5px;
   }
 }

 .news-vertical + .link-right {
   margin-top: 30px;
   margin-bottom: 20px;
 }

 .link-right {
   margin-right: 0;
   margin-left: auto;
   display: block;
 }

 .blockquote__content_press {
   padding-top: 30px;
   padding-bottom: 30px;
 }

 .sidebar {
   width: 21%;
   max-width: 290px;
   margin-right: 30px;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 .sidebar-right {
   margin-right: 0;
   margin-left: 30px;
 }

 .sidebar_border:after {
   position: absolute;
   top: 0;
   left: 100%;

   width: 2px;
   height: 100%;

   content: '';

   background: #f6f7f8;
 }

 @media screen and (max-width: 1023px) {
   .sidebar {
     display: none;
   }

   .sidebar_dosc {
     display: block;
     width: 100%;
     margin-left: 0;
     max-width: 100%;
     margin-right: 0;
   }
 }

 .sidebar__title {
   padding-top: 5px;
 }

 .sidebar__item {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   margin-bottom: 10px;
   padding: 20px 30px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   background: #f6f7f8;
 }

 .sidebar__item:first-of-type {
   margin-top: 15px;
 }

 .sidebar__item:hover {
   background: #eceff1;
 }

 @media screen and (max-width: 1280px) {
   .sidebar__item {
     padding: 15px 20px;
   }
 }

 .sidebar__caption {
   font-size: 1.1875rem;

   display: inline-block;

   margin: 10px 0 15px;
 }

 .sidebar__link {
   font-size: 1.1875rem;
   line-height: 17px;

   position: relative;

   display: block;

   margin-bottom: 4px;
   padding: 15px 30px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   color: #333;
   background: #f6f7f8;
 }

 .sidebar__link::after {
   position: absolute;
   z-index: 9;
   top: 50%;
   right: -11px;

   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAATCAYAAACk9eypAAAA00lEQVQ4T5WTwRGCQAxFkzs4Qwl0oh1AB3gELtABdKAXztCBdmAJ0IBuCagXdlyJA8gMM6wQ9/xfkp+/QTt75Ldg4wHzoZ09CQBKkmonYqte40ag09WE4ArfvCxBU6DXEWEkQuP4C5oBnRAR87Z5xboRtcC3ekmoXOFbYtptCdD6WgMGXwiJ8M20H/e71rVtAgKcWqn2bGCoSAUfQDhTozwWgATpNTQTjoc7ITjT9Jc6VITKYeZABcl3xEqaAGMRGAfOX5rNq4NGDxVJtWXew38X9wE8S4O59gU5DwAAAABJRU5ErkJggg==);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);

   opacity: 0;
 }

 @media screen and (max-width: 1023px) {
   .sidebar__link {
     margin-bottom: 0;

     border: 1px solid #f6f7f8;
     background: #fff;
   }

   .sidebar__link::after {
     display: none;
   }
 }

 .sidebar__link.active {
   color: #fff;
   background: #2196f3;
 }

 .sidebar__link.active::after {
   opacity: 1;
 }

 .sidebar .tag-elem {
   margin: 3px 6px 3px 0;
 }

 .sidebar .btn {
   margin-top: 40px;
 }

 @media screen and (max-width: 1280px) {
   .sidebar .btn {
     margin-top: 20px;
   }
 }

 .search-doc .form-group,
 .sort-table .form-group {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   overflow: hidden;

   margin-bottom: 15px;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media screen and (max-width: 575px) {

   .search-doc .form-group,
   .sort-table .form-group {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .search-doc .form-group_top,
 .sort-table .form-group_top {
   display: block;
 }

 .search-doc .form-group_top .form-name,
 .sort-table .form-group_top .form-name {
   width: 100%;
   margin-bottom: 10px;
 }

 .search-doc .form-group_textarea,
 .sort-table .form-group_textarea {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 .search-doc .form-name,
 .sort-table .form-name {
   color: #333;
 }

 .search-doc .form-field,
 .sort-table .form-field {
   font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
   font-size: .875rem;
   font-weight: 400;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   padding: 11px 17px;

   -webkit-transition: border .9s cubic-bezier(.215, .61, .355, 1);

   -o-transition: border .9s cubic-bezier(.215, .61, .355, 1);

   transition: border .9s cubic-bezier(.215, .61, .355, 1);

   color: #333;
   border: 1px solid #c7d1d6;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background-color: #fff;
 }

 .search-doc .form-field_textarea,
 .sort-table .form-field_textarea {
   min-height: 94px;

   resize: none;
 }

 .search-doc .form-field::-webkit-input-placeholder,
 .sort-table .form-field::-webkit-input-placeholder {
   color: #c7d1d6;
 }

 .search-doc .form-field:-ms-input-placeholder,
 .sort-table .form-field:-ms-input-placeholder {
   color: #c7d1d6;
 }

 .search-doc .form-field::-ms-input-placeholder,
 .sort-table .form-field::-ms-input-placeholder {
   color: #c7d1d6;
 }

 .search-doc .form-field::placeholder,
 .sort-table .form-field::placeholder {
   color: #c7d1d6;
 }

 .search-doc .form-field:focus,
 .sort-table .form-field:focus {
   border-color: #2196f3;
 }

 .search-doc .form-field.error,
 .sort-table .form-field.error {
   border-color: #ff3737;
 }

 .sort-table {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-bottom: 10px;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 .sort-table h3 {
   width: 100%;
   padding-top: 0;

   -webkit-box-flex: 1;

   -webkit-flex-grow: 1;

   -ms-flex-positive: 1;

   flex-grow: 1;
 }

 .sort-table h3 + .form-group {
   width: 75%;
 }

 @media screen and (max-width: 575px) {
   .sort-table h3 + .form-group {
     width: 65%;
   }
 }

 @media screen and (max-width: 350px) {
   .sort-table h3 + .form-group {
     width: 60%;
   }
 }

 .sort-table .btn {
   padding: 10px 0 11px;
 }

 @media screen and (max-width: 575px) {
   .sort-table .btn {
     width: 110px;
   }
 }

 .sort-select {
   display: none;

   width: 100%;

   background: #fff;
 }

 .sort-select .form-group {
   display: inline-block;

   width: 32%;
   margin-right: 7px;
 }

 @media screen and (max-width: 575px) {
   .sort-select .form-group {
     width: 100%;
   }
 }

 .tag-box_year {
   margin-top: 40px;
 }

 .content-with-pic {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 @media screen and (max-width: 575px) {
   .content-with-pic {
     -webkit-flex-wrap: wrap-reverse;
     -ms-flex-wrap: wrap-reverse;
     flex-wrap: wrap-reverse;
   }
 }

 .content-with-pic_about .content-with-pic__col:last-of-type {
   display: block;
   width: 40%
 }

 @media screen and (max-width: 1280px) {
   .content-with-pic_left .content-with-pic__col:first-of-type {
     display: none;
   }

   .content-with-pic_left .content-with-pic__col:last-of-type {
     width: 100%;
     display: block;
   }
 }

 .content-with-pic__title {
   margin-bottom: 20px !important;
 }

 @media screen and (max-width: 1280px) {
   .content-with-pic__title {
     margin-bottom: 0 !important;
   }
 }

 @media screen and (max-width: 1280px) {
   .content-with-pic__col {
     width: 100%;
   }
 }

 .content-with-pic__col:first-of-type {
   max-width: 45%;
   margin-right: 70px;
 }

 .content-with-pic_about .content-with-pic__col:first-of-type {
   max-width: 60%;
   flex-shrink: 0;
 }

 .content-with-pic_about {
   align-items: center;
 }

 .content-with-pic_about .content-with-pic__img {
   width: 100%;
 }

 @media screen and (max-width: 1600px) {
   .content-with-pic_about .content-with-pic__col:first-of-type {
     max-width: 50%;
     margin-right: 20px;
   }

   .content-with-pic_about .content-with-pic__col:last-of-type {
     width: 50%;
   }
 }

 @media screen and (max-width: 1280px) {
   .content-with-pic__col:first-of-type {
     min-width: 100%;
     margin-right: 20px;
   }

   .content-with-pic_about .content-with-pic__col:last-of-type {
     width: 100%
   }
 }

 @media screen and (max-width: 575px) {
   .content-with-pic__col:first-of-type {
     margin-right: 0;
   }
 }

 @media screen and (max-width: 1280px) {
   .content-with-pic__col:last-of-type {
     display: none;
   }
 }

 .content-with-pic__col .text {
   max-width: 760px;
 }

 @media screen and (max-width: 1280px) {
   .content-with-pic__col .text {
     max-width: 100%;
   }
 }

 @media screen and (max-width: 1600px) {
   .content-with-pic__img {
     max-width: 600px;
   }

   .content-with-pic_about .content-with-pic__img {
     max-width: 100%
   }
 }

 @media screen and (max-width: 1280px) {
   .content-with-pic__img {
     float: right;

     width: 40%;
     height: 250px;

     -o-object-fit: cover;

     object-fit: cover;
   }

   .content-with-pic_about .content-with-pic__img {
     width: 50%;
     height: auto;
   }
 }

 @media screen and (max-width: 575px) {
   .content-with-pic__img {
     float: none;

     width: 100%;
     margin-bottom: 10px;
   }

   .content-with-pic_about .content-with-pic__img {
     width: 100%;
   }
 }

 .content-with-pic__img_min {
   max-width: 570px;
 }

 @media screen and (max-width: 1280px) {
   .content-with-pic__img {
     margin-left: 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .content-with-pic__img {
     margin-left: 0;
   }
 }

 .content-with-pic .btn {
   margin-top: 20px;
   margin-right: 20px;
 }

 .content-with-pic a {
   text-decoration: underline;

   color: #2196f3;
 }

 .blockquote {
   position: relative;

   overflow: hidden;

   margin-top: 150px;
   padding-top: 70px;
   padding-bottom: 60px;
 }

 @media screen and (max-width: 1280px) {
   .blockquote {
     margin-top: 80px;
   }
 }

 @media screen and (max-width: 1023px) {
   .blockquote {
     padding-top: 50px;
     padding-bottom: 40px;
   }
 }

 @media screen and (max-width: 575px) {
   .blockquote {
     margin-top: 40px;
     margin-bottom: 20px;
     padding-bottom: 20px;
   }
 }

 .blockquote:before {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;

   width: 1422px;
   height: 100%;

   content: '';

   background: #f6f7f8;
 }

 .blockquote_min {
   margin-top: 50px;
 }

 @media screen and (max-width: 1023px) {
   .blockquote_min {
     margin-top: 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .blockquote_min {
     margin-top: 0;
   }
 }

 .blockquote_min .blockquote__pic {
   width: 238px;
 }

 @media screen and (max-width: 575px) {
   .blockquote_min .blockquote__pic {
     width: 100%;
   }
 }

 .blockquote_min .blockquote__content {
   margin-right: 0;
   margin-left: 70px;
 }

 @media screen and (max-width: 1023px) {
   .blockquote_min .blockquote__content {
     margin-left: 20px;
   }
 }

 @media screen and (max-width: 1023px) {
   .blockquote_min .blockquote__title {
     margin-bottom: 10px;
   }
 }

 .blockquote_left:before {
   right: 0;
   left: inherit;

   width: 90%;
   max-width: 1540px;

   -webkit-border-radius: 14px 0 0 14px;

   border-radius: 14px 0 0 14px;
 }

 @media screen and (max-width: 575px) {
   .blockquote_left:before {
     top: 30%;

     width: 100%;
     height: 70%;
   }
 }

 .blockquote_left .blockquote__box {
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
 }

 @media screen and (max-width: 1023px) {
   .blockquote_left .blockquote__box {
     -webkit-box-align: start;
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
   }
 }

 @media screen and (max-width: 575px) {
   .blockquote_left .blockquote__box {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-flow: column;
     -ms-flex-flow: column;
     flex-flow: column;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
   }
 }

 .blockquote_left .blockquote__content {
   max-width: 100%;
 }

 @media screen and (max-width: 575px) {
   .blockquote_left .blockquote__content {
     margin-left: 0;
   }
 }

 .blockquote_left .blockquote__content:before {
   right: 0;
   left: inherit;
 }

 @media screen and (max-width: 1023px) {
   .blockquote_left .blockquote__content:before {
     top: -30px;

     -webkit-transform: scale(.5);

     -ms-transform: scale(.5);

     transform: scale(.5);
   }
 }

 @media screen and (max-width: 575px) {
   .blockquote_left .blockquote__content:before {
     right: -10%;
   }
 }

 .blockquote_press {
   margin-top: 20px;
   margin-bottom: 50px;
   padding-top: 0;
   padding-bottom: 0;
 }

 @media screen and (max-width: 575px) {
   .blockquote_press {
     padding: 20px 0;
   }
 }

 .blockquote__box {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .blockquote__box {
     -webkit-flex-wrap: wrap-reverse;
     -ms-flex-wrap: wrap-reverse;
     flex-wrap: wrap-reverse;
   }
 }

 .blockquote__content {
   position: relative;

   max-width: 780px;
   margin-right: 70px;
   padding-left: 20px;
 }

 @media screen and (max-width: 1280px) {
   .blockquote__content {
     width: 70%;
     margin-right: 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .blockquote__content {
     width: 100%;
     margin-right: 0;
     padding-left: 0;
   }
 }

 .blockquote__content:before {
   position: absolute;
   z-index: -1;
   top: -40px;
   left: -70px;

   content: url('/local/templates/citicard/css/../svg/i-quote.svg');
 }

 @media screen and (max-width: 1440px) {
   .blockquote__content:before {
     top: -20px;
     left: -25px;
   }
 }

 @media screen and (max-width: 1280px) {
   .blockquote__content:before {
     top: 10px;
     left: 0;
   }
 }

 .blockquote__content_press {
   padding-left: 60px;
 }

 .blockquote__content_press:before {
   display: none;
 }

 @media screen and (max-width: 1280px) {
   .blockquote__content_press {
     padding-left: 30px;
   }
 }

 @media screen and (max-width: 575px) {
   .blockquote__content_press {
     margin-top: 10px;
     padding: 10px;
   }
 }

 @media screen and (max-width: 1280px) {
   .blockquote__content_press .text {
     line-height: 20px;
   }
 }

 .blockquote__pic {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

 @media screen and (max-width: 1280px) {
   .blockquote__pic {
     width: 30%;
     margin-top: 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .blockquote__pic {
     width: 80%;
     margin-top: 0;
   }
 }

 .blockquote__pic_press {
   max-height: 250px;
   min-height: 250px;
 }

 @media screen and (max-width: 1280px) {
   .blockquote__pic_press {
     margin-top: 0;
     min-height: auto;
   }
 }

 @media screen and (max-width: 575px) {
   .blockquote__title {
     margin-top: 10px;
   }
 }

 .blockquote__subtitle {
   margin-top: -10px;
   margin-bottom: 40px;

   color: #333;
 }

 @media screen and (max-width: 1280px) {
   .blockquote__subtitle {
     margin-bottom: 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .blockquote__subtitle {
     margin-bottom: 10px;
   }
 }

 .view-card {
   position: relative;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-align: start;

   -webkit-align-items: flex-start;

   -ms-flex-align: start;

   align-items: flex-start;
 }

 @media screen and (max-width: 1280px) {
   .view-card {
     margin-top: 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .view-card {
     margin-top: 0;
     margin-bottom: 20px;
     padding-top: 20%;

     -webkit-flex-wrap: wrap;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;
   }
 }

 .view-card:before {
   position: absolute;
   z-index: -1;
   right: 0;
   bottom: -60px;

   width: 100%;
   max-width: 1036px;
   height: 100%;

   content: '';

   -webkit-border-radius: 14px;

   border-radius: 14px;
   background-color: #f6f7f8;
 }

 @media screen and (max-width: 1280px) {
   .view-card:before {
     bottom: -20px;

     width: 60%;
     height: 90%;
   }
 }

 @media screen and (max-width: 1023px) {
   .view-card:before {
     width: 57%;
     height: 92%;
   }
 }

 @media screen and (max-width: 575px) {
   .view-card:before {
     width: 100%;
     height: 80%;
   }
 }

 .view-card__pic {
   overflow: hidden;

   margin-right: 50px;

   -webkit-border-radius: 24px;

   border-radius: 24px;
   -webkit-box-shadow: 4px 8px 24px rgba(0, 0, 0, .16);
   box-shadow: 4px 8px 24px rgba(0, 0, 0, .16);
 }

 @media screen and (max-width: 1280px) {
   .view-card__pic {
     width: 55%;
   }
 }

 @media screen and (max-width: 1023px) {
   .view-card__pic {
     width: 80%;
   }
 }

 @media screen and (max-width: 575px) {
   .view-card__pic {
     width: 90%;
     margin: 0 auto;
   }
 }

 .view-card__pic img {
   width: 100%;

   vertical-align: middle;
 }

 .view-card__title {
   margin-bottom: 10px !important;
   line-height: 1.15;
 }

 @media screen and (max-width: 575px) {
   .view-card__title {
     position: absolute;
     top: 0;
     left: 0;

     width: 100%;

     text-align: center;
   }
 }

 .view-card__info {
   font-size: 1.1875rem;
   line-height: 24px;

   max-width: 800px;
 }

 @media screen and (max-width: 1023px) {
   .view-card__info {
     font-size: 1rem;
     line-height: 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .view-card__info {
     padding: 0 5%;
   }
 }

 .view-card__dot {
   font-size: 1.4375rem;

   margin-top: 20px;
   margin-bottom: 10px;
 }

 @media screen and (max-width: 1440px) {
   .view-card__dot {
     font-size: 1.1875rem;
   }
 }

 .view-card__dot:before {
   display: inline-block;

   margin-right: 15px;

   content: '•';

   color: #2196f3;
 }

 .card-issuance {
   position: relative;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   margin-bottom: 120px;

   -webkit-box-align: start;

   -webkit-align-items: flex-start;

   -ms-flex-align: start;

   align-items: flex-start;
 }

 @media screen and (max-width: 1280px) {
   .card-issuance {
     margin-bottom: 60px;
   }
 }

 @media screen and (max-width: 575px) {
   .card-issuance {
     margin-bottom: 60px;

     -webkit-flex-wrap: wrap;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;
   }
 }

 .card-issuance:last-of-type {
   margin-bottom: 0;
 }

 @media screen and (max-width: 1280px) {
   .card-issuance:last-of-type {
     margin-bottom: 30px;
   }
 }

 .card-issuance:before {
   position: absolute;
   z-index: -1;
   right: 0;
   bottom: -50px;

   width: 100%;
   max-width: 1335px;
   height: 100%;

   content: '';

   -webkit-border-radius: 14px;

   border-radius: 14px;
   background-color: #f6f7f8;
 }

 @media screen and (max-width: 1280px) {
   .card-issuance:before {
     bottom: -20px;

     width: 58%;
     height: 80%;
   }
 }

 @media screen and (max-width: 1023px) {
   .card-issuance:before {
     width: 57%;
     height: 90%;
   }
 }

 @media screen and (max-width: 575px) {
   .card-issuance:before {
     width: 100%;
     height: 80%;
   }
 }

 .card-issuance__pic {
   overflow: hidden;

   margin-right: 50px;

   -webkit-border-radius: 15px;

   border-radius: 15px;
   -webkit-box-shadow: 4px 8px 24px rgba(0, 0, 0, .16);
   box-shadow: 4px 8px 24px rgba(0, 0, 0, .16);

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 @media screen and (max-width: 1280px) {
   .card-issuance__pic {
     width: 40%;

     -webkit-flex-shrink: 0;

     -ms-flex-negative: 0;

     flex-shrink: 0;
   }
 }

 @media screen and (max-width: 575px) {
   .card-issuance__pic {
     width: 90%;
     margin: 0 auto;
   }
 }

 .card-issuance__pic img {
   width: 100%;

   vertical-align: middle;
 }

 .card-issuance__img {
   -webkit-border-radius: 5px;
   border-radius: 5px;
 }

 @media screen and (max-width: 575px) {
   .card-issuance__info {
     padding: 0 5%;
   }
 }

 .card-issuance__info p {
   margin-top: 20px;
 }

 @media screen and (max-width: 1440px) {
   .card-issuance__info p {
     font-size: 1.1875rem;
     line-height: 24px;
   }
 }

 .card-issuance__info p b {
   font-size: 1.25rem;
 }

 .card-issuance__info p a {
   color: #2196f3;
 }

 .card-issuance__info ul {
   margin-top: 20px;
 }

 .card-issuance__info ul li {
   margin-bottom: 10px;
   font-size: 1.125rem;
 }

 .card-issuance__info ul li a {
   color: #2196f3;
 }

 @media screen and (max-width: 1440px) {
   .card-issuance__info ul li {
     line-height: 24px;
   }
 }

 .card-issuance__info ul li:before {
   display: inline-block;

   margin-right: 20px;

   content: '•';

   color: #2196f3;
 }

 .card-issuance__info .btn {
   margin-top: 20px;
 }

 @media screen and (max-width: 575px) {
   .card-issuance__info .btn {
     width: 100%;
   }
 }

 .question {
   position: relative;


   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   padding: 120px 0;

   background-image: url(/local/templates/citicard/css/../images/bg-question.jpg);
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: cover;
   background-size: cover;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 @media screen and (max-width: 1280px) {
   .question {
     background-position: 30%;
   }
 }

 @media screen and (max-width: 575px) {
   .question {
     padding: 30px 0 50px;
   }
 }

 .question__content {
   width: 40%;
   max-width: 400px;
 }

 @media screen and (max-width: 575px) {
   .question__content {
     width: 100%;
   }
 }

 .question__content h3 {
   padding-top: 0;
 }

 .question__title {
   font-size: 1.625rem;
   font-weight: 600;
   line-height: 1.25;

   padding-top: 20px;

   color: #2196f3;
 }

 .question__text {
   line-height: 1.45;
   margin-bottom: 40px
 }

 @media screen and (max-width: 1280px) {
   .question__text {
     max-width: 100%;
   }
 }

 @media screen and (max-width: 350px) {
   .question .btn {
     width: 100%;
   }
 }

 .card-all__title {
   margin-top: 40px;
 }

 @media screen and (max-width: 575px) {
   .card-all__title {
     margin-top: 20px;
   }
 }

 @media screen and (max-width: 375px) {
   .card-all__title {
     margin-top: 0;
   }
 }

 .card-all__desc {
   font-size: 1.125rem;
   line-height: 24px;

   margin-bottom: 20px;
 }

 .card-all__cards {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-flex-wrap: wrap;

   -ms-flex-wrap: wrap;

   flex-wrap: wrap;
 }

 @media screen and (max-width: 375px) {
   .card-all__cards {
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }


 .card-elem {
   position: relative;

   width: 21%;
   max-width: 295px;
   margin-right: 73px;
   margin-bottom: 45px;
   padding-bottom: 88px;

   -webkit-transition: height .5s ease-in-out;

   -o-transition: height .5s ease-in-out;

   transition: height .5s ease-in-out;
 }

 .card-elem:after {
   position: absolute;
   z-index: -1;
   bottom: -20px;
   left: -19px;

   width: -webkit-calc(100% + 38px);

   width: calc(100% + 38px);
   height: -webkit-calc(100% - 50px);
   height: calc(100% - 50px);

   content: '';
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;

   -webkit-border-radius: 14px;

   border-radius: 14px;
   background-color: #f6f7f8;
 }

 @media screen and (max-width: 575px) {
   .card-elem:after {
     left: -10px;

     width: -webkit-calc(100% + 20px);

     width: calc(100% + 20px);
   }
 }

 .card-elem:hover:after {
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
   box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
 }

 .card-all .card-elem:nth-child(4n) {
   margin-right: 0;
 }

 @media screen and (max-width: 1280px) {
   .card-all .card-elem:nth-child(4n) {
     margin-right: 60px;
   }
 }

 @media screen and (max-width: 575px) {
   .card-all .card-elem:nth-child(4n) {
     margin-right: 30px;
   }
 }

 @media screen and (max-width: 375px) {
   .card-all .card-elem:nth-child(4n) {
     margin-right: 0;
   }
 }

 @media screen and (max-width: 1280px) {
   .card-all .card-elem:nth-child(3n) {
     margin-right: 0;
   }
 }

 @media screen and (max-width: 575px) {
   .card-all .card-elem:nth-child(3n) {
     margin-right: 30px;
   }
 }

 @media screen and (max-width: 375px) {
   .card-all .card-elem:nth-child(3n) {
     margin-right: 0;
   }
 }

 @media screen and (max-width: 575px) {
   .card-all .card-elem:nth-child(2n) {
     margin-right: 0;
   }
 }

 @media screen and (max-width: 1440px) {
   .card-elem {
     margin-right: 65px;
   }
 }

 @media screen and (max-width: 1280px) {
   .card-elem {
     width: 28%;
     margin-right: 60px;
   }
 }

 @media screen and (max-width: 1023px) {
   .card-elem {
     width: 27%;
   }
 }

 @media screen and (max-width: 575px) {
   .card-elem {
     width: 45%;
     margin-right: 30px;
   }
 }

 @media screen and (max-width: 375px) {
   .card-elem {
     width: 100%;
     margin-right: 0;
   }
 }

 .card-elem__pic {
   width: 100%;

   vertical-align: bottom;

   border: 1px solid #c7d1d6;
   -webkit-border-radius: 20px;
   border-radius: 20px;
 }

 .card-elem__title {
   font-size: 1.3125rem;
   font-weight: 600;
   line-height: 20px;

   overflow: hidden;

   height: 42px;
   margin-top: 20px;

   color: #333;
 }

 .card-elem__desc {
   line-height: 20px;

   display: -webkit-box;
   overflow: hidden;

   height: 104px;
   margin-top: 10px;

   -o-text-overflow: ellipsis;

   text-overflow: ellipsis;

   color: #333;

   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
 }

 @media screen and (max-width: 1280px) {
   .card-elem__desc {
     height: 80px;
   }
 }

 .card-elem__lnk {
   font-size: 1rem;
   font-weight: 600;

   position: absolute;
   bottom: 60px;
   left: 0;

   display: block;

   width: 100%;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;
   text-align: center;
   letter-spacing: .3px;

   color: #2196f3;
 }

 .card-elem__lnk:hover {
   color: #ffab00;
 }

 .card-elem .btn {
   position: absolute;
   bottom: 0;
 }

 .card-slider {
   overflow: hidden;

   width: 100%;
   max-width: 1430px;
   margin: 20px auto 0;
   padding-left: 30px;
 }

 @media screen and (max-width: 575px) {
   .card-slider {
     padding-left: 5px;
   }
 }

 .card-slider .slick-track {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }

 .card-slider .card-elem {
   height: auto;
   min-height: 100%;
   max-height: 380px;
   margin-bottom: 0;
 }

 @media screen and (max-width: 575px) {
   .card-slider .card-elem {
     margin: 0 25px;
   }
 }

 .card-slider .slick-dots {
   margin-top: 30px;
 }

 .info {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .info {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .info__block {
   position: relative;

   width: 32%;
   height: 0;
   max-height: 200px;
   margin-right: 28px;
   margin-bottom: 15px;
   padding-bottom: 14%;

   -webkit-border-radius: 4px;

   border-radius: 4px;
 }
.info__block_tm{
  background-color:#f6f7f8; 
  margin-bottom: 0;
  padding-bottom: 15%;
}

 .info__block:last-of-type {
   margin-right: 0;
 }
.info__block_mb{
  margin-bottom: 0;
  padding-bottom: 15%;
}

 @media screen and (max-width: 1440px) {
   .info__block {
     padding-bottom: 15%;
   }
 }

 @media screen and (max-width: 575px) {
   .info__block {
     width: 100%;
     margin-right: 0;
     padding-bottom: 50%;
   }
   .info__block_tm{
     padding-bottom: 40%;
     margin-top: 10px;
   }
   .info__block_tm .info__title{
     font-size: .9375rem;
   }
   .info__block_tm .info__content{
      padding-left: 25px;
   }
   .info__block_tm .info__btn{
      left: 25px;
     font-size: .9375rem;
   }
   .info__block_tm .info__pic{
     height: 120px;
   }
 }

 .info__block_blue {
   background: #2196f3;
 }

 .info__block_orange {
   background: #ffab00;
 }

 .info__content {
   padding-top: 25px;
   padding-left: 30px;

   color: #fff;
 }

 @media screen and (max-width: 1280px) {
   .info__content {
     padding-top: 15px;
     padding-left: 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .info__content {
     padding-top: 15px;
     padding-left: 30px;
   }
 }

 @media screen and (max-width: 380px) {
   .info__content {
     padding-left: 15px;
   }
 }

 .info__title {
   font-size: 1.25rem;
   font-weight: 600;
   line-height: 24px;

   margin-bottom: 7px;
 }

 @media screen and (max-width: 1280px) {
   .info__title {
     line-height: 16px;
   }
 }

 @media screen and (max-width: 1023px) {
   .info__title {
     font-size: .875rem;
     line-height: 15px;
   }
 }

 @media screen and (max-width: 575px) {
   .info__title {
     font-size: 1.375rem;
     line-height: 20px;
   }
 }

 .info__title_color_black {
   color: #333;
 }

 .info__btn {
   font-size: 1.125rem;

   position: absolute;
   bottom: 25px;
   left: 30px;

   color: #fff;
 }

 .info__btn:hover {
   text-decoration: underline;

   color: #fff;
 }

 @media screen and (max-width: 1280px) {
   .info__btn {
     bottom: 15px;
     left: 20px;
   }
 }

 @media screen and (max-width: 1023px) {
   .info__btn {
     font-size: .875rem;
   }
 }

 @media screen and (max-width: 575px) {
   .info__btn {
     font-size: 1.25rem;

     bottom: 15px;
     left: 30px;
   }
 }

 @media screen and (max-width: 420px) {
   .info__btn {
     left: 15px;
   }
 }

 .info__pic {
   float: right;

   max-height: 196px;
 }

 @media screen and (max-width: 1280px) {
   .info__pic {
     height: 130px;
   }
 }

 @media screen and (max-width: 1023px) {
   .info__pic {
     height: 100px;
   }
 }

 @media screen and (max-width: 575px) {
   .info__pic {
     height: 170px;
   }
 }

 @media screen and (max-width: 420px) {
   .info__pic {
     height: 150px;
     margin-top: 20px;
   }
 }

 @media screen and (max-width: 360px) {
   .info__pic {
     height: 120px;
   }
 }

 .info__text {
   font-size: .875rem;
 }

 @media screen and (max-width: 1440px) {
   .info__text {
     font-size: 1rem;
   }
 }

 @media screen and (max-width: 1023px) {
   .info__text {
     display: none;
   }
 }

 @media screen and (max-width: 575px) {
   .info__text {
     display: block;
   }
 }

 @media screen and (max-width: 360px) {
   .info__text {
     display: none;
   }
 }

 @media screen and (max-width: 575px) {
   .info_index {
     display: block;
   }
   .info_index .info__pic{
    position: absolute;
    right: 0;
    bottom: 0;
   }
 }

 @media screen and (max-width: 575px) {
   .info_index .info__block {
     padding-bottom: 180px;
   }
 }

 @media screen and (max-width: 575px) {
   .info_index .info__content {
     padding-left: 15px;
   }
 }

 .info_index .slick-slide {
   width: 100%;
   max-width: 320px;
   margin-right: 5px;
   margin-left: 5px;
 }

 .block-partners {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-flex-wrap: wrap;

   -ms-flex-wrap: wrap;

   flex-wrap: wrap;
   -webkit-justify-content: space-around;
   -ms-flex-pack: distribute;
   justify-content: space-around;
 }

 .block-partners_page .block-partners__item {
   width: 32%;
   height: 218px;
   max-height: 218px;
   margin-bottom: 20px;
 }

 @media screen and (max-width: 1440px) {
   .block-partners_page .block-partners__item {
     height: 208px;
     margin-bottom: 10px;
   }
 }

 @media screen and (max-width: 1280px) {
   .block-partners_page .block-partners__item {
     height: 185px;
   }
 }

 @media screen and (max-width: 1023px) {
   .block-partners_page .block-partners__item {
     width: 31%;
   }
 }

 @media screen and (max-width: 575px) {
   .block-partners_page .block-partners__item {
     width: 48%;
     height: 130px;
     margin: 0 0 10px;
   }
 }

 .block-partners_page .block-partners__item:nth-child(3n + 1) {
   margin-left: 0;
 }

 .block-partners_page .block-partners__item:nth-child(3n) {
   margin-right: 0;
 }

 .block-partners_page .block-partners__box {
   height: 100%;
 }

 .block-partners_page .block-partners__name {
   margin-top: 40px;
 }

 @media screen and (max-width: 1280px) {
   .block-partners_page .block-partners__name {
     margin-top: 30px;
   }
 }

 @media screen and (max-width: 575px) {
   .block-partners_page .block-partners__name {
     font-size: 1.125rem;

     margin-top: 20px;
   }
 }

 .block-partners__item {
   overflow: hidden;

   width: 31%;
   max-width: 448px;
   max-height: 190px;
   margin: 0 10px 30px;
 }

 @media screen and (max-width: 1440px) {
   .block-partners__item {
     margin: 0 5px 20px;
   }
 }

 @media screen and (max-width: 1023px) {
   .block-partners__item {
     width: 29%;
   }
 }

 @media screen and (max-width: 575px) {
   .block-partners__item {
     width: 47%;
     margin: 3px;
   }
 }

 .block-partners__box {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   height: 100%;
   padding: 55px 0;

   text-align: center;

   -webkit-border-radius: 6px;

   border-radius: 6px;
   background: #f6f7f8;
   display: flex;
   justify-content: center;
   align-items: center;

 }

 @media screen and (max-width: 1280px) {
   .block-partners__box {
     height: auto;
   }
 }

 @media screen and (max-width: 575px) {
   .block-partners__box {
     padding: 25px 0;
   }
 }

 @media screen and (max-width: 1023px) {
   .block-partners__pic {
     height: 30px;
   }
 }

 @media screen and (max-width: 575px) {
   .block-partners__pic {
     height: 25px;

     -webkit-transform: scale(.9);

     -ms-transform: scale(.9);

     transform: scale(.9);
   }
 }

 .block-partners__name {
   font-size: 1.25rem;
   font-weight: 600;

   margin-top: 30px;
 }

 @media screen and (max-width: 1023px) {
   .block-partners__name {
     font-size: 1.125rem;

     display: inline-block;

     width: 67%;
   }
 }

 @media screen and (max-width: 575px) {
   .block-partners__name {
     font-size: .875rem;

     width: 80%;
     margin-top: 20px;
   }
 }

 .block-partners__desc {
   margin-top: 5px;

   text-align: center;
 }

 @media screen and (max-width: 1023px) {
   .block-partners__desc {
     display: inline-block;

     width: 80%;
   }
 }

 .partners-image {
   width: 110%;
   margin-top: 65px;

   -webkit-border-radius: 6px;

   border-radius: 6px;
 }

 .partners-image_faq {
   width: 100%;
   margin-top: 75px;
 }

 @media screen and (max-width: 1280px) {
   .partners-image {
     width: 103%;
     height: 380px;

     -o-object-fit: cover;

     object-fit: cover;
   }
 }

 .title-row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-bottom: 20px;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .title-row h2 {
   padding: 0;
 }

 .title-row__title {
   font-size: 1.75rem;

   margin-bottom: 0 !important;
   padding: 15px 0;
 }

 .text + .employee {
   margin-top: 50px;
 }

 @media screen and (max-width: 575px) {
   .text + .employee {
     margin-top: 30px;
   }
 }

 .employee {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-top: 10px;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 @media screen and (max-width: 575px) {
   .employee {
     margin-top: 10px;

     -webkit-box-pack: center;

     -webkit-justify-content: center;

     -ms-flex-pack: center;

     justify-content: center;
   }
 }

 .employee__elem {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 49%;
   padding: 40px;

   background: #f6f7f8;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -webkit-flex-flow: column;

   -ms-flex-flow: column;

   flex-flow: column;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media screen and (max-width: 575px) {
   .employee__elem {
     width: 100%;
     margin-bottom: 20px;
     padding: 25px;
   }
 }

 .employee__img {
   width: 100%;
   height: 100%;

   -o-object-fit: cover;

   object-fit: cover;
 }

 .employee__desc {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 100%;
   padding: 22px 0;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-flow: column;
   -ms-flex-flow: column;
   flex-flow: column;
 }

 @media screen and (max-width: 575px) {
   .employee__desc {
     padding: 10px 0;
   }
 }

 .employee__title {
   font-size: 1.25rem;
   font-weight: 600;

   margin-bottom: 8px;

   color: #333;
 }

 .employee__bottom {
   margin-top: 10px;
 }

 .employee__position {
   font-size: 1rem;
   line-height: 24px;

   color: #90a4ae;
 }

 @media screen and (max-width: 1280px) {
   .employee__position {
     line-height: 18px;
   }
 }

 .employee__contacts {
   margin-bottom: 10px;
 }

 .employee__contacts a {
   font-size: 1.1875rem;

   margin-right: 10px;

   color: #333;
 }

 @media screen and (max-width: 575px) {
   .title-row__title + .btn {
     width: 130px;
   }
 }

 .media-download {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-bottom: 10px;
 }

 @media screen and (max-width: 575px) {
   .media-download {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .media-download__box {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 210px;
   height: 165px;
   padding: 10px;

   -webkit-transition: .5s ease-in;

   -o-transition: .5s ease-in;

   transition: .5s ease-in;
   text-align: center;

   border: 1px solid #efefef;
   background: #fff;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 .media-download__box:hover {
   cursor: url(/local/templates/citicard/css/../svg/i-zoom-cur.svg), -webkit-zoom-in;
   cursor: url(/local/templates/citicard/css/../svg/i-zoom-cur.svg), zoom-in;

   background: #f6f7f8;
 }

 .media-download__img {
   width: 100%;
   height: 100%;

   -o-object-fit: contain;

   object-fit: contain;
 }

 .media-download__info {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 80%;
   padding: 22px 0 10px 30px;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-flow: column;
   -ms-flex-flow: column;
   flex-flow: column;
 }

 @media screen and (max-width: 575px) {
   .media-download__info {
     width: 100%;
     padding: 22px 0;
   }
 }

 .media-download__text {
   line-height: 20px;

   color: #333;
 }

 @media screen and (max-width: 575px) {
   .media-download__text {
     margin-bottom: 20px;
   }
 }

 .media-download__caption {
   width: 100%;
   margin-bottom: 5px;

   color: #90a4ae;

   -webkit-box-flex: 1;

   -webkit-flex-grow: 1;

   -ms-flex-positive: 1;

   flex-grow: 1;
 }

 .media-download__links {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .media-download__link {
   font-size: .75rem;
   font-weight: 400;
   line-height: 1;

   display: block;

   width: 12%;
   max-width: 88px;
   padding: 5px 0;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;
   text-align: center;
   text-transform: uppercase;

   color: #2196f3;
   border-right: 1px solid #c7d1d6;
 }

 @media screen and (max-width: 575px) {
   .media-download__link {
     font-size: 1.125rem;

     width: auto;
     margin-bottom: 5px;
     padding: 3px 11px;
   }
 }

 .media-download__link:first-of-type {
   width: 70px;

   text-align: left;
 }

 @media screen and (max-width: 575px) {
   .media-download__link:first-of-type {
     width: auto;
   }
 }

 .media-download__link:last-of-type {
   border-right: 0;
 }

 .media-download__link:hover {
   color: #ffab00;
 }

 .photo-block {
   padding: 30px 0;

   border-bottom: 1px solid #c7d1d6;
 }

 @media screen and (max-width: 575px) {
   .photo-block {
     padding: 15px 0;
   }
 }

 .photo-block__title {
   font-size: 1.1875rem;
   font-weight: 600;
 }

 .photo-block__list {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-top: 10px;

   -webkit-flex-wrap: wrap;

   -ms-flex-wrap: wrap;

   flex-wrap: wrap;
 }

 @media screen and (max-width: 575px) {
   .photo-block__list {
     align-items: flex-end;
   }
 }

 .photo-block__box {
   max-width: 150px;
   margin-top: 20px;
   margin-right: 40px;

   text-align: center;
 }

 @media screen and (max-width: 575px) {
   .photo-block__box {
     margin-right: 15px;
   }
 }

 .photo-block__pic {
   display: table-cell;

   height: 180px;

   vertical-align: bottom;
 }

 @media screen and (max-width: 575px) {
   .photo-block__pic {
     height: auto;
     width: 150px
   }

 }

 .photo-block__pic p {
   font-size: .75rem;

   margin-top: 10px;

   color: #333;
 }

 .photo-block__link {
   font-size: 1.1875rem;

   display: inline-block;

   margin-top: 22px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   color: #2196f3;
 }

 .photo-block__link:hover {
   color: #ffab00;
 }

 .photo-block__info {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-bottom: 13px;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .photo-block__info .photo-block__link {
   margin-top: 0;
 }

 .photo-block__data {
   font-size: 1.1875rem;

   color: #c7d1d6;
 }

 .callbak {
   width: 100%;
   max-width: 570px;
   margin: 40px auto 0;
 }

 .callbak__tabs {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }

 @media screen and (max-width: 575px) {
   .callbak__tabs {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .callbak__btn {
   width: 33%;
   margin-right: 10px;
   padding: 11px 18px;
 }

 @media screen and (max-width: 575px) {
   .callbak__btn {
     width: 100%;
     margin-right: 0;
     margin-bottom: 10px;
   }
 }

 .callbak__box {
   display: none;
 }

 .callbak__box.active {
   display: block;
 }

 .callbak .form-checkbox {
   width: 90%;
 }

 .callbak .form-submit {
   float: right;
 }

 .service {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   max-width: 1100px;
   margin: 0 auto;
   margin-top: 40px;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 @media screen and (max-width: 575px) {
   .service {
     margin-top: 20px;
   }
 }

 .service__item {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 50%;
   max-width: 343px;
   margin: 8px;
   padding: 22px 23px;

   border-bottom: 3px solid #2196f3;
   -webkit-border-radius: 6px 6px 0 0;
   border-radius: 6px 6px 0 0;
   background-color: #f6f7f8;

   -webkit-box-align: end;

   -webkit-align-items: flex-end;

   -ms-flex-align: end;

   align-items: flex-end;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .service__item img {
   width: 150px;
 }

 @media screen and (max-width: 1023px) {
   .service__item img {
     position: relative;
     bottom: -12px;
     width: 120px;
   }
 }

 @media screen and (max-width: 575px) {
   .service__item {
     width: 100%;
     margin: 0 0 10px;
     padding: 0px 23px 15px;
   }

   .service__item img {
     width: 100px;
   }
 }

 @media screen and (max-width: 360px) {
   .service__item {
     padding: 15px;
   }
 }

 @media screen and (max-width: 360px) {
   .service img {
     width: 20%;
   }
 }

 .service__title {
   font-size: 1.3125rem;
   line-height: 20px;

   max-width: 190px;
   padding-bottom: 0;
   flex-shrink: 0;
   width: 100%;
 }

 @media screen and (max-width: 575px) {
   .service__title {
     font-size: 1.2125rem;
   }
 }

 .release {
   max-width: 680px;
 }

 .release__title {
   font-size: 1.5rem;
   font-weight: 600;
   padding: 0 0 20px;
 }

 .release__text {
   font-size: 1.1875rem;
   line-height: 28px;
 }

 .release__gray-box {
   border-radius: 10px;
   background-color: #f7f9f9;
   padding: 1.5rem;
   box-sizing: border-box;
   margin: 2rem 0 .5rem
 }

 .release__gray-box h5 {
   font-size: 14px;
   color: #333333;
   letter-spacing: -0.34px;
   font-weight: 600;
   margin-bottom: 1rem;
 }

 .release__gray-box .list li:before {
   top: 6px;
 }

 .release__gray-box li {
   font-size: 14px;
   margin-bottom: .5rem;
 }
.release__wrap{
  display: grid;
  grid-template-columns: repeat(2, 47%);
  justify-content: space-between;
  margin-top: 20px;
}

.release__pics{
  display: flex;
  justify-content: space-evenly;
  padding: 40px 0 1.5rem;
}

.release__pic{
  height: 48px;
}

 .call-message {
   margin-top: 40px;
 }

 .call-message .text {
   margin: 10px 0 30px;
 }

 .register-card {
   margin-top: 40px;
   position: relative;
 }

 .register-card__step {
   margin-bottom: 12px;
 }

 .register-card__step.active .register-card__head,
 .register-card__head.active {
   padding-left: 0;

   background: #fff;
 }

 .register-card__step.active .register-card__numb,
 .register-card__head.active .register-card__numb {
   display: inline-block;
 }

 .register-card__step.active .register-card__icon,
 .register-card__head.active .register-card__icon {
   display: none;
 }

 .register-card__step.active .register-card__body {
   display: block;
 }

 .register-card__step.visible .register-card__numb,
 .register-card__head.visible .register-card__numb {
   display: none;
 }

 .register-card__step.visible .register-card__icon,
 .register-card__head.visible .register-card__icon {
   display: inline-block;

   background-image: url(/local/templates/citicard/css/../svg/i-green-check.svg);
 }

 .register-card__head.visible .register-card__name-type-card {
   opacity: 1;
 }

 .register-card__head {
   font-size: 1.25rem;
   font-weight: 600;

   margin-top: 10px;
   margin-bottom: 0;
   padding: 25px 40px;

   color: #333;
   background: #f6f7f8;
   position: relative;
 }

 .register-card__icon {
   display: inline-block;

   width: 24px;
   height: 24px;
   margin-right: 47px;

   vertical-align: middle;

   background-image: url(/local/templates/citicard/css/../svg/i-gray-minus.svg);
 }

 .register-card__numb {
   display: none;

   margin-right: 47px;

   color: #2196f3;
 }

 .register-card__body {
   display: none;

   margin-bottom: 70px;
 }

 .register-card__selects-type {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   flex-wrap: wrap;
 }

 .register-card__sign {
   margin-bottom: 2rem;
   font-size: 18px;
 }

 @media screen and (max-width: 767px) {
   .register-card__body {
     margin-bottom: 35px;
   }
 }

 .register-card__type {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-top: 10px;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 767px) {
   .register-card__type {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .register-card__check {
   display: none;
   margin-right: 10px;
   width: 24%;
 }

 .register-card__check:last-of-type {
   margin-right: 0;
 }

 @media screen and (max-width: 575px) {
   .register-card__check {
     width: 46%;
   }

   .register-card__body .more-text {
     min-height: 210px;
   }
 }

 @media screen and (max-width: 370px) {
   .register-card__body .more-text {
     min-height: 225px;
   }
 }

 @media screen and (max-width: 350px) {
   .register-card__body .more-text {
     min-height: 245px;
   }
 }

 .register-card__check input {
   display: none;
 }

 .register-card__select-type-card {
    margin-right: 1.2rem;
    width: calc(25% - 1rem);
 }
 .register-card__select-type-card_mod {
    width: calc(25% - 1.2rem);
     margin-right: 1.2rem;
 }
.register-card__select-type-card_mod .btn-square{
  width: 100%;
box-sizing: border-box;
}
.register-card__select-type-card:last-of-type{
  margin-right: 0;
}
 .register-card__select-type-card .btn-square_icon {
   width: 100%;
   box-sizing: border-box;
 }

 .register-card__check.active .btn-square_icon,
 .register-card__select-type-card.active .btn-square_icon {
   color: #2196f3;
   border-color: #2196f3;
   background: #fff;
 }

 .register-card__check .btn-square {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
 }

 .select-class {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   flex-wrap: wrap;
   margin-top: 2rem;
   justify-content: space-between
 }

 .select-class__title {
   flex-grow: 1;
   width: 100%;
   margin-bottom: 1rem;
 }


 .select-class .multysel {
   width: 49%;
/*   margin-top: 2rem;*/
 }

 .register-card__control {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   width: 100%;
   max-width: 448px;
   margin-top: 60px;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
 }

 @media screen and (max-width: 767px) {
   .register-card__control {
     margin-top: 20px;
   }
 }

 @media screen and (max-width: 767px) {
   .register-card__control .btn_size_l {
     width: 200px;
   }
   .register-card__select-type-card_mod{
     width: 45%;
   }
 }

 @media screen and (max-width: 370px) {
   .register-card__control .btn_size_s {
     width: 120px;
   }
 }

 .register-card__container {
   margin-bottom: 3rem;
 }

 .register-card__cols {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 @media screen and (max-width: 767px) {
   .register-card__cols {
     position: relative;

     -webkit-flex-wrap: wrap;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;
   }
 }

 .register-card__col {
   width: 49%;
   max-width: 448px;
 }

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

 .register-card__col h4 {
   margin-top: 20px;
   margin-bottom: -10px;
 }
 .register-card__col h4 b{
  display: inline-block;
  color: #2196f3;
 }

 .register-card__col .form-checkbox p {
   font-size: 1.1875rem;
 }

 .register-card__file {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-top: 30px;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .register-card__file {
     margin-top: 15px;

     -webkit-flex-wrap: wrap;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;
   }
 }

 .register-card__file .form-add {
   width: 300px;
   margin-top: 0;
 }

 .register-card__file .form-add ul,
 .register-card__file .form-add li {
   margin-bottom: 0;
 }

 .register-card__file .btn-add {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;

   margin-bottom: 0;
 }

 .register-card__file-name {
   font-size: 1.1875rem;

   width: 300px;
 }

 @media screen and (max-width: 575px) {
   .register-card__file-name {
     width: 100%;
     margin-bottom: 10px;
   }
 }

 .register-card .pic {
   float: right;

   width: auto;
   margin-left: 20px;
 }

 @media screen and (max-width: 767px) {
   .register-card .pic {
     width: 30%;
   }
 }

 .register-card .form-radio {
   margin-top: 30px;
   margin-left: 30px;
 }

 @media screen and (max-width: 1280px) {
   .register-card .form-radio {
     margin-left: 15px;
   }
 }
 @media screen and (max-width: 575px) {
   .register-card .form-radio {
     width: 65%;
   }
 }

 .register-card .radio {
   margin-right: 30px;
 }


 .register-card__tooltip {
   font-size: 1.1875rem;

   position: absolute;
   top: 0;
   right: 0;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 45%;
   max-width: 567px;
   padding: 30px;

   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: rgba(33, 150, 243, .1);
 }

 @media screen and (max-width: 1280px) {
   .register-card__tooltip {
     font-size: 1.0625rem;

     padding: 25px 20px;
   }
 }

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

 .register-card__tooltip p {
   margin-bottom: 20px;
 }

 @media screen and (max-width: 1280px) {
   .register-card__tooltip p b {
     font-weight: normal;
   }
 }

 .register-card__tooltip p:last-of-type {
   
 }


 .register-card__tooltip a {
   text-decoration: underline;

   color: #2196f3;
 }

 .register-card__card {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-bottom: 20px;


   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }
.register-card__card img{
  width: 80px;
}
 .register-card__card span {
   margin-left: 20px;
 }

 .register-card__card_school_k img {
   width: 100px;
 }

 .register-card__card .hidden {
   display: none !important
 }

 .reg-steps {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .reg-steps__item {
   font-weight: 700;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   width: 34%;
   height: 39px;
   position: relative;
   text-align: center;

   color: #90a4ae;
   background-color: #f6f7f8;
 }
.reg-steps__item_minh{
  height: 11px;
  width: 15%;
}

 .reg-steps__item::before {
   content: '';
   width: 0;
   height: 100%;
   left: 0;
   top: 0;
   background: #2196f3;
   position: absolute;
   transition: width 1s linear;
 }

 .reg-steps__item.active::before {
   width: 100%;
 }

 .reg-steps__item:first-of-type,
 .reg-steps__item:first-of-type::before {
   -webkit-border-radius: 3px 0 0 3px;
   border-radius: 3px 0 0 3px;
 }

 .reg-steps__item:last-of-type,
 .reg-steps__item:last-of-type::before {
   -webkit-border-radius: 0 3px 3px 0;
   border-radius: 0 3px 3px 0;
 }


 #law-person {
   display: none;
 }



 @media screen and (max-width: 575px) {
   .more-text {
     overflow: hidden;

     height: 165px;

     -webkit-transition: .5s ease-in-out;

     -o-transition: .5s ease-in-out;

     transition: .5s ease-in-out;
   }
   .reg-steps__item{
     height: 20px;
   }
 }

 .more-text .link {
   display: block;
 }

 .mobile-visible {
   display: none;
 }

 /* @media screen and (max-width: 1023px)
{
    .mobile-visible
    {
        display: block;
    }
} */

 .mobile-btn {
   display: none;
 }

 @media screen and (max-width: 575px) {
   .mobile-btn {
     display: block;
   }
 }

 @media screen and (max-width: 575px) {
   .desktop-btn {
     display: none;
   }
 }

 .services {
   padding: 30px 0;
 }

 @media screen and (max-width: 1600px) {
   .services {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding-right: 6%;
   }
 }

 @media screen and (max-width: 1280px) {
   .services {
     padding: 25px 0 15px;
   }
 }

 @media screen and (max-width: 1023px) {
   .services {
     padding: 15px 0 20px;
   }
 }

 @media screen and (max-width: 767px) {
   .services {
     -webkit-flex-wrap: wrap-reverse;
     -ms-flex-wrap: wrap-reverse;
     flex-wrap: wrap-reverse;
   }
 }

 .services__row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-bottom: 10px;

   -webkit-box-align: start;

   -webkit-align-items: flex-start;

   -ms-flex-align: start;

   align-items: flex-start;
 }

 @media screen and (max-width: 575px) {
   .services__row {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 @media screen and (max-width: 350px) {
   .services__row {
     position: relative;
   }
 }

 .services__row_aligncenter {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .services__row_alignend {
   -webkit-box-align: end;
   -webkit-align-items: flex-end;
   -ms-flex-align: end;
   align-items: flex-end;
 }

 .services__row_between {
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .services__row_indent {
   margin-top: 30px;
 }

 .services__row + .text {
   margin-top: 40px;
 }

 .services__content {
   max-width: 556px;
 }

 .services__caption {
   font-size: 1.1875rem;

   margin-top: 20px;
 }

 @media screen and (max-width: 767px) {
   .services__caption {
     margin-bottom: 10px;
   }
 }

 @media screen and (max-width: 1280px) {
   .services__pic {
     width: 40%;
     margin-left: 5%;
   }
 }

 @media screen and (max-width: 767px) {
   .services__pic {
     width: 70%;
     margin: 0 auto 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .services__pic {
     width: 100%;
     margin: 0;
   }
 }

 @media screen and (max-width: 1280px) {
   .services__img {
     width: 100%;
   }
 }

 .services__sign {
   font-size: 1.1875rem;
   font-weight: 600;

   display: inline-block;

   width: 120px;
   margin-right: 20px;

   color: #333;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 @media screen and (max-width: 575px) {
   .services__sign {
     width: 25%;
     margin-right: 0;
   }
 }

 @media screen and (max-width: 350px) {
   .services__sign {
     font-size: 1rem;

     width: 60px;
   }
 }

 .services__name {
   font-size: 1.4375rem;
   font-weight: 600;

   display: inline-block;

   margin-right: 20px;

   color: #333;
 }

 @media screen and (max-width: 350px) {
   .services__name {
     font-size: 1.25rem;
   }
 }

 .services__name_green {
   color: #00bb2c;
 }

 .services__name_red {
   color: #ff3737;
 }

 @media screen and (max-width: 575px) {
   .services__name_red {
     font-size: 1rem;
   }
 }

 @media screen and (max-width: 575px) {
   .services__holder {
     width: 100%;
   }
 }

 .services__link {
   font-size: 1.1875rem;
   font-weight: 600;

   color: #2196f3;
 }

 @media screen and (max-width: 575px) {
   .services__link {
     font-size: 1.0625rem;
   }
 }

 @media screen and (max-width: 350px) {
   .services__link {
     font-size: .9375rem;
   }
 }

 @media screen and (max-width: 575px) {
   .services__text {
     width: 75%;
   }
 }

 .services__box {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   max-width: 686px;
   margin-top: 20px;
   padding: 30px 30px 20px;

   -webkit-border-radius: 6px;

   border-radius: 6px;
 }

 @media screen and (max-width: 575px) {
   .services__box {
     padding: 20px 15px;
   }
 }

 .services__box:last-of-type {
   margin-bottom: 30px;
 }

 @media screen and (max-width: 575px) {
   .services__box:last-of-type {
     margin-bottom: 15px;
   }
 }

 .services__box_green {
   background-color: #e6ffec;
 }

 .services__box_green .services__box-name {
   color: #00bb2c;
 }

 .services__box_blue {
   background-color: rgba(33, 150, 243, .1);
 }

 .services__box_blue .services__box-name {
   color: #2196f3;
 }

 .services__box_big {
   max-width: 910px;
 }

 .services__box_left {
   margin-right: 0;
   margin-left: auto;
 }

 .services__price {
   font-size: 1.9375rem;
   font-weight: 600;
 }

 .services__box-name {
   font-size: 1.1875rem;
   font-weight: 600;

   color: #333;
 }

 @media screen and (max-width: 575px) {
   .services__box-name {
     max-width: 60%;
   }
 }

 @media screen and (max-width: 575px) {
   .services__block {
     width: 70%;
     margin-left: 4%;
   }
 }

 .services__elems {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }

 @media screen and (max-width: 1280px) {
   .services__elems {
     display: none;
   }
 }

 .services__elem {
   position: relative;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   max-width: 210px;
   padding: 25px 23px;

   text-align: center;

   -webkit-border-radius: 4px;

   border-radius: 4px;
   background-color: #f6f7f8;
 }

 .services__elem:first-of-type {
   margin-right: 30px;
 }

 .services .input-field,
 .services .field-check input {
   font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
   font-size: 1.4375rem;
   font-weight: 500;

   display: block;

   width: 100%;
   max-width: 300px;
   margin-bottom: 20px;
   padding: 10px 0 15px;

   text-align: center;

   border: 1px solid #c7d1d6;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: #f7f9f9;
 }

 @media screen and (max-width: 575px) {

   .services .input-field,
   .services .field-check input {
     margin-bottom: 10px;
     padding: 10px 0;
   }
 }

 .services .input-field::-webkit-input-placeholder,
 .services .field-check input::-webkit-input-placeholder {
   color: #c7d1d6;
 }

 .services .input-field:-ms-input-placeholder,
 .services .field-check input:-ms-input-placeholder {
   color: #c7d1d6;
 }

 .services .input-field::-ms-input-placeholder,
 .services .field-check input::-ms-input-placeholder {
   color: #c7d1d6;
 }

 .services .input-field::placeholder,
 .services .field-check input::placeholder {
   color: #c7d1d6;
 }

 .services .field-check {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin: 10px 0;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
 }

 .services .field-check_middle {
   max-width: 475px;
 }

 .services .field-check input {
   font-size: 2rem;

   max-width: 100%;
   margin-bottom: 0;
 }

 @media screen and (max-width: 575px) {
   .services .field-check input {
     font-size: 1.5625rem;
   }
 }

 @media screen and (max-width: 380px) {
   .services .field-check input {
     font-size: 1.25rem;
   }
 }

 .services .field-check input.error {
   border: 1px solid #ff3737;
   background-color: rgba(255, 55, 55, .1);
 }

 .services .field-check button {
   position: relative;
   left: -10px;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 @media screen and (max-width: 575px) {
   .services .field-check button {
     min-width: 30%;
     margin-right: 0;
   }
 }

 @media screen and (max-width: 350px) {
   .services .field-check button {
     left: 5px;
   }
 }

 .services .link-print {
   font-size: 1rem;
   font-weight: 600;

   margin-bottom: 5px;

   color: #2196f3;
 }

 @media screen and (max-width: 575px) {
   .services .link-print {
     margin-bottom: 0;
   }
 }

 @media screen and (max-width: 350px) {
   .services .link-print {
     position: absolute;
     right: 0;
     bottom: 0;
   }
 }

 .services__table {
   margin-top: 40px;
 }

 .services__table tr {
   color: #333;
   border-bottom: 1px solid #c7d1d6;
 }

 @media screen and (max-width: 575px) {
   .services__table tr {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;

     -webkit-flex-wrap: wrap;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
   }
 }

 @media screen and (max-width: 575px) {
   .services__table tr:first-of-type {
     border-top: 1px solid #c7d1d6;
   }
 }

 .services__table tr.nopay {
   color: #ff3737;
 }

 @media screen and (max-width: 575px) {
   .services__table thead {
     display: none;
   }
 }

 .services__table th {
   font-size: .875rem;
   font-weight: 700;

   padding-bottom: 10px;

   text-align: left;
 }

 .services__table td {
   font-size: 1.1875rem;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   height: 64px;
   padding: 5px 0;
 }

 @media screen and (max-width: 575px) {
   .services__table td {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;

     width: auto;
     height: 50px;
     margin-right: 10px;

     -webkit-box-align: center;

     -webkit-align-items: center;

     -ms-flex-align: center;

     align-items: center;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 @media screen and (max-width: 1023px) {

   .services__table td:first-of-type,
   .services__table td:nth-of-type(2) {
     line-height: 1.5;
   }
 }

 @media screen and (max-width: 575px) {

   .services__table td:first-of-type,
   .services__table td:nth-of-type(2) {
     margin-right: 0;

     -webkit-box-ordinal-group: -1;

     -webkit-order: -2;

     -ms-flex-order: -2;

     order: -2;
   }
 }

 @media screen and (max-width: 1023px) {
   .services__table td:first-of-type {
     width: 25%;
   }
 }

 @media screen and (max-width: 575px) {
   .services__table td:nth-of-type(2) {
     width: 35%;
     max-width: 120px;
   }
 }

 @media screen and (max-width: 575px) {
   .services__table td:nth-of-type(3) {
     width: 27%;
     margin-right: 0;
   }
 }

 @media screen and (max-width: 575px) {
   .services__table td:nth-of-type(5) {
     display: none;
   }
 }

 @media screen and (max-width: 575px) {
   .services__table td:nth-of-type(6) {
     width: 80px;
     margin-right: 0;

     -webkit-box-ordinal-group: 0;

     -webkit-order: -1;

     -ms-flex-order: -1;

     order: -1;
   }
 }

 @media screen and (max-width: 575px) {
   .services__table td:nth-of-type(6)::before {
     display: block;

     margin-bottom: 7px;

     content: 'Терминал';
   }
 }

 .services__table td:last-of-type {
   width: 67px;
 }

 .services__table .hover-tooltip {
   display: block;

   width: 17px;
   height: 17px;
   margin: 0 30px;

   background-image: url(/local/templates/citicard/css/../svg/i-info.svg);
   background-repeat: no-repeat;
   background-position: center;
 }

 .services__table .hover-tooltip:hover {
   background-image: url(/local/templates/citicard/css/../svg/i-info-hover.svg);
 }

 .services .btn {
   font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
   font-size: 1.125rem;
   font-weight: 600;
   line-height: 1;

   position: relative;
   z-index: 3;

   display: block;

   min-width: 105px;
   padding: 13px 12px 15px;

   cursor: pointer;
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   text-align: center;
   text-decoration: none;

   color: #fff;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background: #2196f3;
 }

 @media screen and (max-width: 575px) {
   .services .btn {
     font-size: .9375rem;

     min-width: 43%;
     padding: 12px 5px;
   }
 }

 .services .btn_gray {
   margin-right: 10px;
 }

 .services .btn:hover {
   text-decoration: none;

   color: #fff;
   background: #ffab00;
 }

 .services .btn_gray {
   color: #2196f3;
   background: #f6f7f8;
 }

 .services .btn_gray:hover {
   text-decoration: none;

   color: #ffab00;
   background: #f6f7f8;
 }

 .services .btn_print {
   line-height: 1;

   min-width: 67px;
   max-height: 42px;
   padding: 10px 0;
 }

 .services .btn.sberbank {
   padding-left: 50px;

   background-image: url(/local/templates/citicard/css/../svg/i-sberbank.svg);
   background-repeat: no-repeat;
   background-position: 18px center;
 }

 @media screen and (max-width: 575px) {
   .services .btn.sberbank {
     font-size: 1.25rem;

     width: 100%;
     margin-top: 20px;
     padding: 20px 50px;

     background-position-x: 15%;
   }
 }

 .services .text + .btn {
   margin-top: 20px;
 }

 .services .message-error {
   font-weight: 700;
   line-height: 18px;

   max-width: 448px;
   margin-top: 10px;
   margin-bottom: -10px;

   color: #ff3737;
 }

 @media screen and (max-width: 767px) {
   .services .message-error {
     line-height: 1.15;
   }
 }

 .services .sign {
   font-size: .75rem;
   line-height: 18px;

   margin: 18px 0 30px;

   color: #90a4ae;
 }

 @media screen and (max-width: 1280px) {
   .services .sign {
     line-height: 1.25;
   }
 }

 .services .text {
   line-height: 1.35;
 }

 .services .text_small {
   font-size: 1rem;
 }

 .services .text_border {
   margin-top: 20px;
   padding-top: 18px;

   border-top: 1px solid #2196f3;
 }

 .services .text .sign {
   margin: 10px 0 0;
 }

 .services .indent-10 {
   margin-top: 10px;
 }

 .services .rate__name {
   font-weight: 400;

   margin-bottom: 10px;
 }

 @media screen and (max-width: 575px) {
   .services .rate__row {
     position: relative;

     padding-bottom: 70px;
   }
 }

 .services .rate__price {
   width: 280px;
   margin-left: 30px;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 @media screen and (max-width: 575px) {
   .services .rate__price {
     width: 45%;
     margin-left: 0;
     padding-right: 0;
   }
 }

 .services .rate__price .btn {
   display: inline-block;

   margin-right: 0;
   margin-left: 20px;
 }

 @media screen and (max-width: 575px) {
   .services .rate__price .btn {
     position: absolute;
     bottom: 10px;
     left: 0;

     margin-left: 0;
   }
 }

 .services .rate .btn-square {
   width: 33%;
   max-width: 33%;
 }

 @media screen and (max-width: 575px) {
   .services .rate .btn-square {
     width: 28%;
   }
 }

 @media screen and (max-width: 350px) {
   .services .rate .btn-square {
     width: 26%;
   }
 }

 @media screen and (max-width: 575px) {
   .services .rate .btn-mobile-full {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     width: 32%;
     padding: 15px;
   }
 }

 @media screen and (max-width: 375px) {
   .services .rate .btn-mobile-full {
     padding: 15px 8px;
   }
 }

 .services .text-lineheight p {
   margin-bottom: 0;
 }

 .service-frame {
   position: relative;
   min-height: 600px
 }

 .service-frame .services,
 .service-frame__content {
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;

   opacity: 0;
 }

 .service-frame__preload {
   position: absolute;
   top: 0;
   left: 0;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   width: 100%;
   height: 400px;

   background: #fff;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 480px) {
   .service-frame__preload {
     height: 300px;
   }

 }

 .links {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
 }

 @media screen and (max-width: 575px) {
   .links {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .links__elem {
   position: relative;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   max-width: 210px;
   padding: 25px 15px;

   text-align: center;

   -webkit-border-radius: 4px;

   border-radius: 4px;
   background-color: #f6f7f8;
 }

 @media screen and (max-width: 1400px) {
   .links__elem {
     width: 15%;
   }
 }

 @media screen and (max-width: 1280px) {
   .links__elem {
     padding: 15px 10px;
   }
 }

 @media screen and (max-width: 1023px) {
   .links__elem {
     overflow: hidden;

     width: 24%;
   }
 }

 @media screen and (max-width: 575px) {
   .links__elem {
     width: 49%;
     margin-top: 10px;
   }
 }

 .links__elem_half {
   width: 90%;
   max-width: 928px;
   padding: 25px;

   text-align: left;
 }

 @media screen and (max-width: 1440px) {
   .links__elem_half {
     width: 66%;
   }
 }

 @media screen and (max-width: 1023px) {
   .links__elem_half {
     width: 49%;
   }
 }

 @media screen and (max-width: 575px) {
   .links__elem_half {
     width: 100%;
   }
 }

 .links__title {
   font-size: 1.4375rem;
   font-weight: 600;
 }

 @media screen and (max-width: 1280px) {
   .links__title {
     line-height: 1.35;

     width: 45%;
   }
 }

 @media screen and (max-width: 1023px) {
   .links__title {
     font-size: 1.125rem;
     font-weight: 600;
     line-height: 18px;

     width: 50%;
     margin-bottom: 7px;
   }
 }

 @media screen and (max-width: 480px) {
   .links__title {
     font-size: .9375rem;
     line-height: 20px;
   }
 }

 .links__pic,
 .services__elem-pic {
   height: 94px;
   width: 100%;
   object-fit: contain;
 }

 .links__pic_overlay {
   position: absolute;
   top: 0;
   right: 0;
    width: auto;
   height: 100%;
 }

 @media screen and (max-width: 1023px) {
   .links__pic_overlay {
     right: -20%;

     height: 75%;
   }
 }

 @media screen and (max-width: 350px) {
   .links__pic_overlay {

     height: 60%;
   }
 }

 .links__text {
   max-width: 400px;
   margin-bottom: 20px;
 }

 @media screen and (max-width: 1280px) {
   .links__text {
     display: none
   }
 }

 .links__sign,
 .services__elem-sign {
   margin-top: 20px;

   color: #90a4ae;
 }

 @media screen and (max-width: 1280px) {

   .links__sign,
   .services__elem-sign {
     font-size: .875rem;

     margin-top: 10px;
   }
 }

 .links_mod {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 .links_mod .links__elem_half {
   padding: 28px 25px;
 }

 @media screen and (max-width: 1440px) {
   .links_mod .links__elem_half {
     padding: 23px 25px;
   }
 }

 @media screen and (max-width: 1400px) {
   .links_mod .links__elem_half {
     padding: 20px 25px;
   }
 }

 @media screen and (max-width: 1280px) {
   .links_mod .links__elem_half {
     padding: 14px 25px;
   }
 }

 @media screen and (max-width: 575px) {
   .links_mod .links__elem_half {
     padding: 15px;
   }
 }

 @media screen and (max-width: 1280px) {
   .links_mod .links__pic_overlay {
     height: 95%;
   }
 }

 .links_mod .links__text {
   max-width: 500px;
 }

 @media screen and (max-width: 1280px) {
   .links_mod .links__text {
     display: none;
   }
 }

 @media screen and (max-width: 575px) {
   .links_mod .links__title {
     line-height: 1.25;
   }
 }

 @media screen and (max-width: 1280px) {
   .links_mod .info__pic {
     margin-top: 6%;
   }
 }

 @media screen and (max-width: 1023px) {
   .links_mod .info__pic {
     height: 125px;
   }
 }

 @media screen and (max-width: 350px) {
   .links_mod .info__pic {
     height: 110px;
   }
 }

 @media screen and (max-width: 1023px) {
   .links_mod .info__block {
     width: 48%;
     padding-bottom: 20%;
   }
 }

 @media screen and (max-width: 575px) {
   .links_mod .info__block {
     width: 100%;
     margin-top: 20px;
     padding-bottom: 42.5%;
   }
 }

 @media screen and (max-width: 370px) {
   .links_mod .info__block {
     padding-bottom: 44%;
   }
 }

 @media screen and (max-width: 1023px) {
   .links_mod .info__title {
     font-size: 1.125rem;
     font-weight: 600;
     line-height: 18px;

     padding-top: 20px;
   }
 }

 @media screen and (max-width: 370px) {
   .links_mod .info__title {
     font-size: 1rem;
     line-height: 1.25;
   }
 }

 .rate-tabs {
   margin-top: 20px;
 }

 @media screen and (max-width: 575px) {
   .rate-tabs {
     margin-top: 0;
   }
 }

 @media screen and (max-width: 575px) {
   .rate-tabs__top {
     display: none !important;
   }
 }

 .rate-tabs__but {
   font-size: 1.125rem;
   font-weight: 600;

   display: inline-block;

   width: 34%;
   padding: 17px 0;

   cursor: pointer;
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   text-align: center;

   color: #2196f3;
   border-right: 1px solid #2196f3;
   background-color: #0d47a1;
 }

 @media screen and (max-width: 1023px) {
   .rate-tabs__but {
     width: 24.5%;
   }
 }

 @media screen and (max-width: 575px) {
   .rate-tabs__but {
     width: 100%;
   }
 }

 .rate-tabs__but:first-of-type {
   -webkit-border-radius: 14px 0 0;
   border-radius: 14px 0 0;
 }

 @media screen and (max-width: 575px) {
   .rate-tabs__but:first-of-type {
     -webkit-border-radius: 14px 14px 0 0;
     border-radius: 14px 14px 0 0;
   }
 }

 .rate-tabs__but:last-of-type {
   -webkit-border-radius: 0 14px 0 0;
   border-radius: 0 14px 0 0;
 }

 @media screen and (max-width: 575px) {
   .rate-tabs__but:last-of-type {
     -webkit-border-radius: 0 0 14px 14px;
     border-radius: 0 0 14px 14px;
   }
 }

 .rate-tabs__but:hover {
   color: #fff;
 }

 .rate-tabs__but.active {
   color: #fff;
   background-color: #2196f3;
 }

 .rate-tabs__outer {
   background-image: url(/local/templates/citicard/css/../images/card-index-bg.jpg);
 }

 @media screen and (max-width: 575px) {
   .rate-tabs__outer {
     background: #f6f7f8;
   }
 }

 .rate-tabs__content {
   left: 0;

   display: none;

   padding: 20px 0 0;

   -webkit-transition: all 1s ease-in-out;

   -o-transition: all 1s ease-in-out;

   transition: all 1s ease-in-out;

   opacity: 0;
 }

 @media screen and (max-width: 1023px) {
   .rate-tabs__content {
     padding: 25px 0;
   }
 }

 @media screen and (max-width: 575px) {
   .rate-tabs__content {
     padding: 15px 0 0;

     opacity: 1;
   }
 }

 .rate-tabs__content.active {
   display: block;

   opacity: 1;
 }

 .rate-tabs__title {
   line-height: 28px;

   max-width: 450px;

   color: #252525;
 }

 .rate-tabs__text {
   max-width: 640px;
   margin-left: 9%;
   padding-top: 5%;
 }

 @media screen and (max-width: 1280px) {
   .rate-tabs__text {
     margin-left: 3%;
     padding-top: 3%;
   }
 }

 @media screen and (max-width: 1023px) {
   .rate-tabs__text {
     padding-top: 0;
   }
 }

 @media screen and (max-width: 575px) {
   .rate-tabs__text {
     margin-left: 0;
   }
 }

 .rate-tabs .inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   height: auto;

   -webkit-box-align: start;

   -webkit-align-items: flex-start;

   -ms-flex-align: start;

   align-items: flex-start;
 }

 @media screen and (max-width: 1023px) {
   .rate-tabs .inner {
     display: block;
   }
 }

 @media screen and (max-width: 1280px) {
   .rate-tabs__pic {
     width: 50%;
     margin: 0 auto;
   }
 }

 @media screen and (max-width: 1023px) {
   .rate-tabs__pic {
     display: none;
   }
 }

 @media screen and (max-width: 575px) {
   .rate-tabs__pic {
     width: 100%;

     background-image: url(/local/templates/citicard/css/../images/card-index-bg.jpg);
   }
 }

 .rate-tabs__pic img {
   vertical-align: middle;
 }

 @media screen and (max-width: 1280px) {
   .rate-tabs__pic img {
     width: 100%;
   }
 }

 .rate-tabs .list-check {
   margin: 15px 0;
 }

 .rate-tabs .list-check li {
   font-size: 1.1875rem;
   line-height: 28px;

   position: relative;

   margin-bottom: 17px;
   padding-left: 50px;

   color: #252525;
 }

 @media screen and (max-width: 1280px) {
   .rate-tabs .list-check li {
     line-height: 1.45;

     margin-bottom: 5px;
   }
 }

 .rate-tabs .list-check li::before {
   position: absolute;
   top: 0;
   left: 0;

   content: url(/local/templates/citicard/css/../svg/check.svg);
 }

 @media screen and (max-width: 575px) {
   .rate-tabs .slick-slide {
     max-width: 400px;
     margin: 0 10px;
   }
 }

 @media screen and (max-width: 400px) {
   .rate-tabs .slick-slide {
     max-width: 340px;
   }
 }

 @media screen and (max-width: 340px) {
   .rate-tabs .slick-slide {
     max-width: 300px;
   }
 }

 @media screen and (max-width: 575px) {
   .rate-tabs .slick-list {
     padding: 0 !important;
   }
 }

 .service-block {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
 }

 @media screen and (max-width: 1280px) {
   .service-block {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 @media screen and (max-width: 575px) {
   .service-block h2 {
     padding: 15px 0;
   }
 }

 .service-block__faq {
   width: 42%;
   max-width: 600px;
 }

 @media screen and (max-width: 1400px) {
   .service-block__faq {
     width: 39%;
   }
 }

 @media screen and (max-width: 1280px) {
   .service-block__faq {
     width: 48%;
     margin-top: 0;
   }
 }

 @media screen and (max-width: 575px) {
   .service-block__faq {
     width: 100%;
     margin-bottom: 20px;
   }
 }

 .service-block__call {
   max-width: 770px;

   -webkit-box-flex: 1;

   -webkit-flex-grow: 1;

   -ms-flex-positive: 1;

   flex-grow: 1;
 }

 @media screen and (max-width: 1280px) {
   .service-block__call {
     width: 48%;
     max-width: 100%;
   }
 }

 .service-block__outer {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-top: 20px;
   gap: 10px;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 @media screen and (max-width: 1280px) {
   .service-block__outer {
     -webkit-justify-content: space-around;
     -ms-flex-pack: distribute;
     justify-content: space-around;
   }
 }

 @media screen and (max-width: 1023px) {
   .service-block__outer {
     margin-top: 0;
     margin-left: 10px;

     -webkit-box-pack: start;

     -webkit-justify-content: flex-start;

     -ms-flex-pack: start;

     justify-content: flex-start;
   }
 }

 @media screen and (max-width: 575px) {
   .service-block__outer {
     margin-top: 0;
     margin-left: 0;
   }
 }

 .service-block__title {
   font-size: 1.625rem;
   font-weight: 600;

   padding-top: 0;

   color: #263238;
 }

 .service-block__text {
   font-size: 1.1875rem;
   line-height: 24px;

   display: inline-block;

   max-width: 63%;

   vertical-align: bottom;
 }

 @media screen and (max-width: 1280px) {
   .service-block__text {
     max-width: 60%;

     text-align: left;
   }
 }

 @media screen and (max-width: 1023px) {
   .service-block__text {
     line-height: 1.25;

     max-width: 100%;
     margin-bottom: 10px;
   }
 }

.service-block__over{
  max-width: 210px;
}
 .service-block__box {
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: #f6f7f8;
 }

.service-block__box_pd{
  padding: 20px 25px;
  box-sizing: border-box;
}
.service-block__box_pd .service-block__text{
  max-width: 85%;
     margin-bottom: 43px;
}
.service-block__tg{
     -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: #f6f7f8;
  margin-top: 32px;
  font-weight: 600;
font-size: 16px;
  color: #333333;
  padding: 20px 25px 105px;
  box-sizing: border-box;
  position: relative;
  display: block;
}
.service-block__tg:after{
  width: 110px;
  height: 110px;
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url(/local/templates/citicard/css/../images/tg-bot.png);
  background-repeat: repeat;
  background-position: center;
  background-size: cover
}

 .service-block__box_social {
   display: inline-block;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   max-width: 210px;
   padding: 110px 25px 25px;
 }

 .service-block__box_social .social {
   max-width: 80%;
 }

 @media screen and (max-width: 1280px) {
   .service-block__box_social {
     display: none;
   }
   .service-block__over{
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     justify-content: space-between;
     width: 100%;
     max-width: 93%;
     gap: 10px;
   }
   .service-block__tg{
     margin-top: 0;
   }
 }

 .service-block__box_social .service-block__text {
   max-width: 90%;
   margin-bottom: 20px;
 }

 .service-block__box_half {
   max-width: 480px;
   padding: 8px 25px 20px;
 }
.service-block__box_half_p{
  padding: 8px 25px 20px;
}

 @media screen and (max-width: 1280px) {
   .service-block__box_half {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     padding: 23px 25px;

     text-align: center;
   }
   .service-block__box_half_p{
      -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 23px 25px;

     text-align: center;
    }
 }

 @media screen and (max-width: 1023px) {
   .service-block__box_half {
     max-width: 600px;
     padding: 50px 20px 30px;
   }
   .service-block__box_half_p{
     padding: 50px 20px 30px;
   }
   .service-block-nn .service-block__call{
     width: 100%;
   }
   .service-block-nn .service-block__faq{
     width: 100%;
     max-width: 100%;
   }
   .service-block-nn .service-block__faq .faq{
     padding: 30px;
     height: auto;
   }
   .service-block-nn .faq__text{
     margin-top: 0;
     margin-bottom: 10px;
   }
   .service-block-nn .service-block__box_half{
     width: 71%;
     text-align: left;
     padding: 20px 20px 30px;
   }
   .service-block__over{
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     flex-flow: column;
     width: auto;
     max-width: 200px;
   } 
   .service-block-nn .service-block__outer{
     margin-left: 0;
   }
   .service-block-nn .service-block__text{
     max-width: 64%;
   }
   .service-block-nn .social__link{
     margin-right: 4px;
   }
 }

 @media screen and (max-width: 575px) {
   .service-block__box_half {
     padding: 20px;
   }
   .service-block__box_half_p{
      padding: 20px;
   }
   .faq .btn{
     width: 100%;
   }

   .service-block__box_social .social {
     max-width: 100%;
   }
   .service-block-nn .service-block__box_half{
     width: 100%;
   }
   .service-block-nn .service-block__box_half{
     text-align: center;
   }
   .service-block-nn .service-block__text{
     width: 100%;
     max-width: 100%;
   }
   .service-block__over{
     width: 100%;
     max-width: 100%;
     flex-flow: row;
   }
   .service-block__box_pd{
     padding: 15px 20px;
     width: 50%;
   }
   .service-block__tg{
     padding: 15px 20px 110px;
     width: 50%;
     font-size: 14px;
   }
   .service-block-nn .service-block__text{
     margin-bottom: 15px;
   }
   .service-block__tg:after{
     left: 0;
     margin: 0 auto
   }
 }

 .service-block__box_half img {
   width: 90%;
 }

 @media screen and (max-width: 1280px) {
   .service-block__box_half img {
     width: 80%;
   }
 }

 .faq {
   font-size: 1.1875rem;
   line-height: 24px;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   height: -webkit-calc(100% - 135px);

   height: calc(100% - 135px);
   margin-top: 20px;
   padding: 25px 30px;

   color: #fff;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: #2196f3;
   background-image: url(/local/templates/citicard/css/../images/bg-faq.png);
   background-repeat: no-repeat;
   background-position: 100% 95%;

   -webkit-box-orient: vertical;

   -webkit-box-direction: normal;

   -webkit-flex-flow: column;

   -ms-flex-flow: column;

   flex-flow: column;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media screen and (max-width: 1280px) {
   .faq {
     height: -webkit-calc(100% - 130px);
     height: calc(100% - 130px);
   }
 }

 @media screen and (max-width: 1023px) {
   .faq {
     height: -webkit-calc(100% - 150px);
     height: calc(100% - 150px);
     margin-top: 0;
   }
 }

 @media screen and (max-width: 575px) {
   .faq {
     height: -webkit-calc(100% - 100px);
     height: calc(100% - 100px);

     background-image: none;
   }
 }

 .faq__title {
   font-size: 1.625rem;
   font-weight: 600;

   padding-top: 20px;

   color: #fff;
 }

 @media screen and (max-width: 1280px) {
   .faq__title {
     padding: 0;
   }
 }

 .faq__text {
   width: 95%;
   margin-top: 10%;
 }

 @media screen and (max-width: 1280px) {
   .faq__text {
     width: 100%;
   }
 }

 .faq__link {
   display: block;

   margin: 10px 0 40px;

   text-decoration: underline;

   color: #fff;
 }

 @media screen and (max-width: 1280px) {
   .faq__link {
     margin-bottom: 15px;
   }
 }

 @media screen and (max-width: 350px) {
   .faq .btn {
     width: 100%;
   }
 }

 .slick-dots {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }

 .slick-dots button {
   font-size: 0;

   width: 11px;
   height: 11px;
   margin-right: 20px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   -webkit-border-radius: 100%;

   border-radius: 100%;
   background-color: #90a4ae;
 }

 .slick-dots button:hover {
   background: #2196f3;
 }

 .slick-dots .slick-active button {
   background: #2196f3;
 }

 @media screen and (max-width: 575px) {
   .slick-dots {
     width: 100%;

     -webkit-box-pack: center;

     -webkit-justify-content: center;

     -ms-flex-pack: center;

     justify-content: center;
   }
 }

 .social__link {
   display: inline-block;

   width: 42px;
   height: 42px;
   margin-right: 10px;
   margin-bottom: 5px;
   background-repeat: no-repeat;
   background-position: center;
 }

.social__link:last-of-type{
  margin-right: 0;
}
 .social__link_vk {
   background-image: url(/local/templates/citicard/css/../svg/soc-vk.svg);
 }

 .social__link_fb {
   background-image: url(/local/templates/citicard/css/../svg/soc-fb.svg);
 }

 .social__link_inst {
   background-image: url(/local/templates/citicard/css/../svg/soc-inst.svg);
 }
 .social__link_ok {
   background-image: url(/local/templates/citicard/css/../svg/soc-ok.svg);
 }

 .social__link_tg {
   background-image: url(/local/templates/citicard/css/../svg/soc-tg.svg);
   position: relative;
 }

 .social__link_vk:hover {
   background-image: url(/local/templates/citicard/css/../svg/soc-vk-hover.svg);
 } 
.social__link_ok:hover {
   background-image: url(/local/templates/citicard/css/../svg/soc-ok-hover.svg);
 }

 .social__link_fb:hover {
   background-image: url(/local/templates/citicard/css/../svg/soc-fb-hover.svg);
 }

 .social__link_inst:hover {
   background-image: url(/local/templates/citicard/css/../svg/soc-inst-hover.svg);
 }

 .social__link_tg:hover {
   background-image: url(/local/templates/citicard/css/../svg/soc-tg-hover.svg);
 }

 @media screen and (max-width: 1280px) {
   .padding-mobile {
     padding: 15px;
   }
 }

 .ancor-nav {
   -webkit-transition: top .5s ease-in;
   -o-transition: top .5s ease-in;
   transition: top .5s ease-in;

   background: #2196f3;
 }

 @media screen and (max-width: 1023px) {
   .ancor-nav {
     display: none;
   }
 }

 .ancor-nav__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .ancor-nav__btn {
   font-size: 1.3125rem;
   line-height: 1.35;

   width: 100%;
   padding: 22px 0 18px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;
   text-align: center;

   color: #fff;
   border-bottom: 4px solid #2196f3;
 }

 .ancor-nav__btn_orange {
   border-bottom-color: #ffab00;
   background: #ffab00;
 }

 .ancor-nav__btn.active {
   border-bottom-color: #90a4ae;
 }

 .ancor-nav__btn:hover {
   border-bottom-color: #0d47a1;
   background: #0d47a1;
 }

 @media screen and (max-width: 1280px) {
   .ancor-nav__btn {
     padding: 14px 0 12px;
   }
 }

 .about-hold {
   padding-top: 90px;
 }

 @media screen and (max-width: 1023px) {
   .about-hold {
     padding-top: 45px;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold {
     padding-top: 0;
   }
 }

 .about-hold_center {
   margin-top: 120px;
   padding-top: 0;
 }

 @media screen and (max-width: 1023px) {
   .about-hold_center {
     margin-top: 60px;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold_center {
     margin-top: 40px;
   }
 }

 .about-hold_center .about-hold__inner {
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
 }

 @media screen and (max-width: 1023px) {
   .about-hold_center .about-hold__promo {
     width: 50%;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold_center .about-hold__promo {
     display: none;
   }
 }

 .about-hold_bg {
   background-image: url(/local/templates/citicard/css/../images/bg-about-metro.jpg);
   background-repeat: no-repeat;
   background-position: center;
 }

 @media screen and (max-width: 1023px) {
   .about-hold_bg {
     background: none;
   }
 }

 @media screen and (max-width: 1023px) {
   .about-hold_bg .about-hold__inner {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 @media screen and (max-width: 1023px) {
   .about-hold_bg .about-hold__content {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     max-width: 100%;
     margin-right: 0;
     padding: 60px 90px;

     -webkit-border-radius: 6px 6px 0 0;

     border-radius: 6px 6px 0 0;
     background-image: url(/local/templates/citicard/css/../images/bg-about-metro.jpg);
     background-position: right;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold_bg .about-hold__content {
     padding: 10px;
     background: none;
     height: auto;
   }
 }

 .about-hold h1 {
   font-size: 3rem;

   margin-bottom: 15px;
 }

 @media screen and (max-width: 575px) {
   .about-hold h1 {
     font-size: 1.75rem;

     margin-bottom: 0;
   }
 }

 .about-hold__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 @media screen and (max-width: 1023px) {
   .about-hold__inner {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .about-hold__content {
   max-width: 830px;
   margin-right: 60px;
 }

 @media screen and (max-width: 1023px) {
   .about-hold__content {
     margin-right: 0;
     margin-left: 0 !important;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold__content {
     overflow: hidden;

     height: 0;
     margin-right: 0;
     margin-bottom: 10px;

     -webkit-transition: .5s ease-in-out;

     -o-transition: .5s ease-in-out;

     transition: .5s ease-in-out;
   }
 }

 @media screen and (max-width: 380px) {
   .about-hold__content {
     height: 310px;
   }
 }

 @media screen and (max-width: 350px) {
   .about-hold__content {
     height: 315px;
   }
 }

 @media screen and (max-width: 1023px) {
   .about-hold__content .btn {
     display: none;
   }
 }

 .about-hold__promo {
   position: relative;
 }

 @media screen and (max-width: 1280px) {
   .about-hold__promo {
     width: 50%;
   }
 }

 @media screen and (max-width: 1023px) {
   .about-hold__promo {
     width: 100%;
   }
 }

 @media screen and (max-width: 1023px) {
   .about-hold__promo_table {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;

     background: #2196f3;

     -webkit-box-pack: justify;

     -webkit-justify-content: space-between;

     -ms-flex-pack: justify;

     justify-content: space-between;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -webkit-flex-flow: row-reverse;
     -ms-flex-flow: row-reverse;
     flex-flow: row-reverse;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold__promo_table {
     position: relative;

     padding: 260px 20px 20px;

     -webkit-border-radius: 6px;

     border-radius: 6px;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold__promo_table picture {
     position: absolute;
     top: 0;
     left: 0;

     height: 100%;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold__promo_table picture img {
     width: auto;
     height: 100%;
   }
 }

 .about-hold__promo img {
   width: 100%;

   vertical-align: middle;
 }

 .about-hold__bar {
   flex-shrink: 0;
   width: 32%;
   max-width: 448px;
 }

 @media screen and (max-width: 1023px) {
   .about-hold__bar {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;

     width: 100%;

     -webkit-box-pack: justify;

     -webkit-justify-content: space-between;

     -ms-flex-pack: justify;

     justify-content: space-between;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold__bar {
     display: block;
   }
 }

 .about-hold__bar .nameplate {
   max-width: 448px;
   max-height: 239px;
 }

 @media screen and (max-width: 1023px) {
   .about-hold__bar .nameplate {
     max-width: 77%;
     padding-bottom: 38%;
   }

   .about-hold__bar .nameplate__content {
     padding-top: 0;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold__bar .nameplate {
     max-width: 100%;
     padding-bottom: 50%;
   }
 }

 .about-hold__bar .nameplate__pic {
   height: auto;
   max-height: 175px;
 }

 @media screen and (max-width: 1280px) {
   .about-hold__bar .nameplate__pic {
     width: 45%;
   }
 }

 .about-hold__bar .nameplate__title {
   font-size: 1.4375rem;

   padding-top: 25%;
 }

 @media screen and (max-width: 1280px) {
   .about-hold__bar .nameplate__title {
     padding-top: 20%;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold__bar .nameplate__title {
     padding-top: 12%;
   }
 }

 @media screen and (max-width: 350px) {
   .about-hold__bar .nameplate__title {
     padding-top: 6%;
   }
 }

 .about-hold__bar .nameplate__title_blue {
   padding-top: 35%;

   color: #2196f3;
 }

 @media screen and (max-width: 575px) {
   .about-hold__bar .nameplate__title_blue {
     padding-top: 25%;
   }
 }

 @media screen and (max-width: 350px) {
   .about-hold__bar .nameplate__title_blue {
     padding-top: 20%;
   }
 }

 .about-hold__bar .nameplate__text {
   font-size: 1.125rem;
 }

 .about-hold__subtitle {
   font-size: 1.875rem;
   line-height: 34px;

   max-width: 420px;
 }

 @media screen and (max-width: 1023px) {
   .about-hold__subtitle {
     font-size: 1.3125rem;
     line-height: 26px;
   }
 }

 .about-hold__btn-center {
   position: absolute;
   right: 0;
   bottom: 30px;
   left: 0;

   margin: 0 auto;

   text-align: center;
 }

 @media screen and (max-width: 1023px) {
   .about-hold__btn-center {
     position: relative;
     bottom: 0;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold__btn-center .btn {
     font-size: .9375rem;

     width: 100%;

     letter-spacing: .3px;
   }
 }

 .about-hold__btn-left {
   font-weight: 700;

   position: absolute;
   bottom: 30px;
   left: 30px;
 }

 @media screen and (max-width: 575px) {
   .about-hold__btn-left {
     bottom: 10px;
     left: 10px;
   }
 }

 .about-hold__btn-left .about-hold__sign {
   width: 50%;
   margin-bottom: 30px;
 }

 .about-hold__list-check {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   max-width: 560px;
   padding: 70px 70px 50px 90px;

   background: #2196f3;
 }

 @media screen and (max-width: 1023px) {
   .about-hold__list-check {
     width: 100%;
     max-width: 100%;
     padding: 30px 90px;

     -webkit-border-radius: 0 0 6px 6px;

     border-radius: 0 0 6px 6px;
   }
 }

 @media screen and (max-width: 575px) {
   .about-hold__list-check {
     padding: 25px;
   }
 }

 .about-hold__sign {
   line-height: 24px;

   display: inline-block;

   max-width: 265px;
   margin-bottom: 10px;
 }

 @media screen and (max-width: 575px) {
   .about-hold__sign {
     line-height: 1.25;
   }
 }

 .about-hold .list {
   margin-bottom: 50px;
 }

 @media screen and (max-width: 1023px) {
   .about-hold .list {
     margin-bottom: 25px;
   }
 }

 .list-boxes {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-top: 20px;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: stretch;
   -webkit-align-items: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 @media screen and (max-width: 1023px) {
   .list-boxes {
     display: block;
     overflow: hidden;
   }
 }

 .list-boxes__box {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 49%;
   max-width: 686px;
   margin-bottom: 28px;
   padding: 50px;
   min-height: 430px;
   -webkit-border-radius: 6px;

   border-radius: 6px;
   background: #f6f7f8;
   background-repeat: no-repeat;
   background-position: right 95%;
 }

 @media screen and (max-width: 1023px) {
   .list-boxes__box {
     width: 100%;
   }
 }

 @media screen and (max-width: 575px) {
   .list-boxes__box {
     width: 360px !important;
     height: 400px;
     padding: 10px 15px;
   }
 }

 @media screen and (max-width: 380px) {
   .list-boxes__box {
     width: 330px !important;
   }
 }

 @media screen and (max-width: 330px) {
   .list-boxes__box {
     width: 300px !important;
   }
 }

 @media screen and (max-width: 575px) {
   .list-boxes__box li {
     display: none;
   }
 }

 @media screen and (max-width: 575px) {
   .list-boxes__box li:nth-child(-n+5) {
     display: block;
   }
 }

 .list-boxes .slick-slide {
   height: auto;
 }

 .question-slider {
   position: relative;

   margin-top: 128px;
   padding: 100px 0;
 }

 @media screen and (max-width: 1023px) {
   .question-slider {
     margin-top: 74px;
     padding: 50px 0;
   }
 }

 @media screen and (max-width: 575px) {
   .question-slider {
     padding: 0 0 10px;
   }
 }

 .question-slider::before {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;

   width: 80%;
   max-width: 1540px;
   height: 100%;

   content: '';

   -webkit-border-radius: 0 14px 14px 0;

   border-radius: 0 14px 14px 0;
   background-color: #f6f7f8;
 }

 @media screen and (max-width: 575px) {
   .question-slider::before {
     top: 20%;

     width: 100%;
     height: 80%;
   }
 }

 .question-slider__inner {
   overflow: hidden;
 }

 @media screen and (max-width: 1600px) {
   .question-slider__inner {
     padding: 0;
   }
 }

 .question-slider__slide {
   display: -webkit-box !important;
   display: -webkit-flex !important;
   display: -ms-flexbox !important;
   display: flex !important;

   height: auto;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .question-slider__slide {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     -webkit-flex-flow: column-reverse;
     -ms-flex-flow: column-reverse;
     flex-flow: column-reverse;
   }
 }

 .question-slider__pic {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

 @media screen and (max-width: 1023px) {
   .question-slider__pic {
     width: 252px;
     padding-right: 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .question-slider__pic {
     width: 100%;
     margin-bottom: 10px;
   }
 }

 @media screen and (max-width: 1280px) {
   .question-slider__content {
     padding-left: 20px;
     padding-bottom: 20px;
     padding-right: 20px;
   }
 }

 .question-slider__name {
   font-size: 1.4375rem;
   font-weight: 600;

   margin-bottom: 10px;
 }

 .question-slider h3 {
   font-size: 2.1875rem;
   font-weight: 600;

   margin-bottom: 30px;
 }

 @media screen and (max-width: 1023px) {
   .question-slider h3 {
     margin-bottom: 10px;
   }
 }

 @media screen and (max-width: 575px) {
   .question-slider h3 {
     margin-bottom: 0px;
   }
 }

 .question-slider .text {
   font-size: 1.3125rem;

   position: relative;

   width: 90%;
   margin-top: 20px;
 }

 .question-slider .text::after {
   position: absolute;
   right: -5%;
   bottom: 50%;

   content: url('/local/templates/citicard/css/../svg/i-quote.svg');
 }

 @media screen and (max-width: 1023px) {
   .question-slider .text::after {
     right: -15%;
     bottom: 70%;

     -webkit-transform: scale(.5);

     -ms-transform: scale(.5);

     transform: scale(.5);
   }
 }

 @media screen and (max-width: 575px) {
   .question-slider .text {
     width: 100%;
   }
 }

 @media screen and (max-width: 1400px) {
   .question-slider .slick-dots {
     margin-top: 20px;
     margin-left: 30px;
   }
 }

 @media screen and (max-width: 575px) {
   .question-slider .slick-dots {
     margin-top: 40px;
     margin-left: 0;
   }
 }

 .question-slider .slick-dots button {
   background: #c7d1d6;
 }

 .question-slider .slick-active button {
   background: #2196f3;
 }

 .about-step {
   margin-top: 128px;

   background-color: #d3edfa;
 }

 @media screen and (max-width: 1280px) {
   .about-step {
     margin-top: 74px;
   }
 }

 @media screen and (max-width: 575px) {
   .about-step {
     margin-top: 50px;
   }
 }

 .about-step__title {
   padding-bottom: 30px;

   background: #fff;
 }

 @media screen and (max-width: 1280px) {
   .about-step__title {
     padding: 0 15px 30px;
   }
 }

 @media screen and (max-width: 575px) {
   .about-step__title {
     font-size: 1.75rem;
   }
 }

 .about-step__pic {
   width: 100%;
 }

 .project-slider {
   overflow: hidden;
 }

 .project-slider__slide {
   display: -webkit-box !important;
   display: -webkit-flex !important;
   display: -ms-flexbox !important;
   display: flex !important;

   -webkit-box-align: start;

   -webkit-align-items: flex-start;

   -ms-flex-align: start;

   align-items: flex-start;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media screen and (max-width: 1023px) {
   .project-slider__slide {
     display: block !important;
   }

   .gov .project-slider__slide {
     display: flex !important;
     flex-wrap: wrap-reverse
   }
 }

 .project-slider__content {
   width: 45%;
 }

 @media screen and (max-width: 1023px) {
   .project-slider__content {
     width: 60%;
     margin-right: 20px;
   }
 }

 @media screen and (max-width: 1023px) {
   .project-slider__content {
     width: 100%;
   }
 }

 .project-slider__title {
   font-size: 1.4375rem;

   padding-bottom: 5px;
 }

 .project-slider__data {
   font-size: 1.125rem;
   font-weight: 600;

   margin-bottom: 20px;
 }

 @media screen and (max-width: 575px) {
   .project-slider__pic {
     width: 100%;
   }
 }

 @media screen and (max-width: 1280px) {
   .project-slider__pic img {
     width: 100%;
   }
 }

 @media screen and (max-width: 575px) {
   .project-slider_dotted_center .project-slider__content {
     overflow: hidden;

     height: 220px;
   }
 }

 .project-slider .list {
   margin: 15px 0;
 }

 .project-slider .slick-dots {
   margin-top: 30px;
 }

 .project-slider .slick-slide {
   height: auto;
   margin-right: 30px;
 }

 .rate-row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
 }

 @media screen and (max-width: 1023px) {
   .rate-row {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .rate-row_min {
   font-size: 1.3125rem;

   margin-bottom: 10px;
   padding: 0 20px;

   text-align: left;

   background: #f6f7f8;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
 }

 @media screen and (max-width: 1023px) {
   .rate-row_min {
     -webkit-flex-wrap: nowrap;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
   }
 }

 @media screen and (max-width: 575px) {
   .rate-row_min {
     padding: 0 10px;

     -webkit-box-pack: justify;

     -webkit-justify-content: space-between;

     -ms-flex-pack: justify;

     justify-content: space-between;
   }
 }

 .rate-row__box {
   width: 55%;
 }

 @media screen and (max-width: 1280px) {
   .rate-row__box {
     width: 65%;
   }
 }

 @media screen and (max-width: 1023px) {
   .rate-row__box {
     width: 100%;
   }
 }

 .rate-row__box:first-of-type {
   width: 35%;
 }

 @media screen and (max-width: 1280px) {
   .rate-row__box:first-of-type {
     width: 30%;
   }
 }

 @media screen and (max-width: 1023px) {
   .rate-row__box:first-of-type {
     width: 100%;
     margin-bottom: 20px;
   }
 }

 .rate-row__mark {
   width: 160px;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 @media screen and (max-width: 575px) {
   .rate-row__mark {
     display: none;
   }
 }

 .rate-row__mark picture {
   width: 26px;
   height: 26px;
   margin-right: 0;
 }

 .rate-row__mark img {
   width: 100%;
 }

 .rate-row__content {
   width: 100%;
   padding: 13px 0;
 }

 @media screen and (max-width: 575px) {
   .rate-row__content {
     width: 60%;
   }
 }

 .rate-row__price {
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

 .skills-transport {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
 }

 @media screen and (max-width: 1280px) {
   .skills-transport {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .skills-transport__elem {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: -webkit-calc(100% / 6);
   width: calc(100% / 6);
   max-width: 210px;
   padding: 20px;

   -webkit-border-radius: 6px;

   border-radius: 6px;
   background: #f6f7f8;
 }

 @media screen and (max-width: 1280px) {
   .skills-transport__elem {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;

     width: -webkit-calc(100% / 3);

     width: calc(100% / 3);
     max-width: 310px;
     margin-bottom: 20px;

     -webkit-box-align: center;

     -webkit-align-items: center;

     -ms-flex-align: center;

     align-items: center;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
   }
 }

 @media screen and (max-width: 1023px) {
   .skills-transport__elem {
     width: 100%;
     max-width: 49%;
   }
 }

 @media screen and (max-width: 575px) {
   .skills-transport__elem {
     padding: 20px 10px;

     -webkit-flex-wrap: wrap;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;
   }
 }

 .skills-transport__pic {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   width: 100%;
   height: 115px;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 1280px) {
   .skills-transport__pic {
     width: 80px;
     height: 70px;
   }
 }

 @media screen and (max-width: 1023px) {
   .skills-transport__pic {
     width: 100%;
     margin-bottom: 20px;
   }
 }

 @media screen and (max-width: 1280px) {
   .skills-transport__pic img {
     max-width: 70px;
     height: 100%;
   }
 }

 .skills-transport__text {
   font-weight: 600;

   margin-top: 15px;

   text-align: center;

   color: #333;
 }

 @media screen and (max-width: 1280px) {
   .skills-transport__text {
     font-size: 1.125rem;

     width: 70%;
     margin-top: 0;
   }
 }

 @media screen and (max-width: 1023px) {
   .skills-transport__text {
     width: 100%;
   }
 }

 .holder-transport {
   position: relative;

   margin: 128px 0 0;
   padding: 0;
 }

 @media screen and (max-width: 1280px) {
   .holder-transport {
     margin: 74px 0 0;
   }
 }

 @media screen and (max-width: 1023px) {
   .holder-transport {
     margin: 50px 0 0;
   }
 }

 .holder-transport::before {
   position: absolute;
   z-index: -1;
   top: 0;
   right: 0;

   width: 60%;
   height: 100%;

   content: '';

   background: #f6f7f8;
 }

 .holder-transport::after {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;

   width: 40%;
   height: 100%;

   content: '';

   background: #2196f3;
 }

 .holder-transport__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .holder-transport__content {
   width: 45%;
   max-width: 600px;
 }

 @media screen and (max-width: 1280px) {
   .holder-transport__content {
     padding: 20px 0;
   }
 }

 @media screen and (max-width: 575px) {
   .holder-transport__content {
     width: 75%;
     padding: 50px 0 50px 25px;
   }
 }

 .holder-transport__title {
   font-size: 5.4375rem;
   font-weight: 600;
   line-height: 1.25;

   width: 90%;

   color: #2196f3;
 }

 @media screen and (max-width: 1280px) {
   .holder-transport__title {
     font-size: 4.375rem;
   }
 }

 @media screen and (max-width: 575px) {
   .holder-transport__title {
     font-size: 3.125rem;
   }
 }

 .holder-transport__title_index {
   font-size: 3.25rem;
   font-weight: 600;
   line-height: 1.25;

   width: 90%;
   margin-bottom: 15px;

   color: #263238;
 }

 @media screen and (max-width: 1280px) {
   .holder-transport__title_index {
     font-size: 2.5rem;
   }
 }

 @media screen and (max-width: 575px) {
   .holder-transport__title_index {
     font-size: 1.5625rem;

     width: 100%;
     margin-bottom: 0;
     padding-top: 0;
     padding-bottom: 5px;
   }
 }

 .holder-transport__pic {
   width: 50%;
   padding: 50px 0 0;
 }

 @media screen and (max-width: 575px) {
   .holder-transport__pic {
     padding-top: 0;

     -webkit-transform: scale(2) translateX(-20%);

     -ms-transform: scale(2) translateX(-20%);

     transform: scale(2) translateX(-20%);
   }
 }

 .holder-transport__img {
   vertical-align: middle;
 }

 @media screen and (max-width: 1400px) {
   .holder-transport__img {
     width: 100%;
   }
 }

 .holder-transport__subtitle {
   font-size: 2.25rem;
   font-weight: 600;

   text-transform: uppercase;

   color: #333;
 }

 @media screen and (max-width: 1280px) {
   .holder-transport__subtitle {
     font-size: 1.9375rem;
   }
 }

 @media screen and (max-width: 575px) {
   .holder-transport__subtitle {
     font-size: 1.4375rem;
   }
 }

 .holder-transport .text {
   margin-bottom: 25px;
 }

 .block-content-left {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 1280px) {
   .block-content-left {
     -webkit-flex-wrap: wrap-reverse;
     -ms-flex-wrap: wrap-reverse;
     flex-wrap: wrap-reverse;
   }
 }

 .block-content-left__title {
   margin-bottom: 20px !important;
 }

 @media screen and (max-width: 1280px) {
   .block-content-left__title {
     margin-bottom: 0 !important;
   }
 }

 @media screen and (max-width: 1023px) {
   .block-content-left__col:first-of-type {
     padding: 20px 0;
   }
 }

 .block-content-left__col:last-child {
   max-width: 730px;
   margin-left: 20px;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 @media screen and (max-width: 1280px) {
   .block-content-left__col:last-child {
     width: 40%;
     width: 100%;
     max-width: 100%;
     margin-left: 0;
   }
 }

 .block-content-left__col_half {
   max-width: 980px !important;
 }

 @media screen and (max-width: 1400px) {
   .block-content-left__col_half {
     width: 50%;
     height: 1px;
     min-height: 400px;
   }
 }

 @media screen and (max-width: 1280px) {
   .block-content-left__col_half {
     width: 40% !important;
   }
 }

 @media screen and (max-width: 1023px) {
   .block-content-left__col_half {
     width: 100% !important;
     min-height: 250px;
   }
 }

 @media screen and (max-width: 1400px) {
   .block-content-left__col_half img {
     height: 100%;

     -o-object-fit: cover;

     object-fit: cover;
   }
 }

 .block-content-left picture {
   width: 100%;
 }

 .block-content-left__img {
   width: 100%;

   vertical-align: middle;
 }

 @media screen and (max-width: 1280px) {
   .block-content-left__img {
     width: -webkit-calc(100% + 30px);
     width: calc(100% + 30px);
     margin-left: -15px;
   }
 }

 .block-content-left .btn {
   margin: 20px 20px 30px 0;
 }

 @media screen and (max-width: 575px) {
   .block-content-left .btn {
     margin-top: 0;
     margin-bottom: 15px;
   }
 }

 @media screen and (max-width: 380px) {
   .block-content-left .btn {
     font-size: 1rem;
   }
 }

 @media screen and (max-width: 350px) {
   .block-content-left .btn {
     font-size: .9375rem;
   }
 }

 @media screen and (max-width: 400px) {
   .block-content-left .btn_size_l {
     width: 185px;
   }
 }

 @media screen and (max-width: 350px) {
   .block-content-left .btn_size_l {
     width: 160px;
   }
 }

 @media screen and (max-width: 575px) {
   .block-content-left .btn_size_auto {
     width: 100%;
   }
 }

 .block-content-left a {
  display: inline-block;
  border-bottom: 1px solid #2196f3;

   color: #2196f3;
 }

 .block-content-left h5 {
   font-size: 1.4375rem;
   font-weight: 400;

   margin-bottom: 10px;

   color: #333;
 }

 @media screen and (max-width: 1600px) {
   .block-pay .block-content-left {
     align-items: stretch;
   }

   .block-pay .inner {
     padding: 0;
   }

   .block-pay .block-content-left__col:first-child {
     padding: 30px;
   }

   .block-pay .block-content-left__col {
     width: 50% !important;
     height: auto
   }

   .block-pay .block-content-left__img {
     height: 100%;
     object-fit: cover;
   }
 }

 @media screen and (max-width: 1280px) {
   .block-pay .block-content-left {
     flex-wrap: nowrap
   }

   .block-pay .block-content-left__col_half {
     height: 60vh;
     min-height: 100%;
   }
 }

 @media screen and (max-width: 1023px) {
   .block-pay .block-content-left {
     flex-wrap: wrap-reverse
   }

   .block-pay .block-content-left__col_half {
     height: 40vh;
   }

   .block-pay .block-content-left__col {
     width: 100% !important;
   }

 }

 .callback-service {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-top: 120px;
   padding: 115px 0;

   background-image: url(/local/templates/citicard/css/../images/bg-service.jpg);
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: cover;
   background-size: cover;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .callback-service {
     margin-top: 40px;
     padding: 60px 0;
   }
 }

 .callback-service__form {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   max-width: 1160px;

   -webkit-border-radius: 6px;

   border-radius: 6px;
   background-color: #fff;
   -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
   box-shadow: 0 6px 18px rgba(0, 0, 0, .25);

   -webkit-box-align: start;

   -webkit-align-items: flex-start;

   -ms-flex-align: start;

   align-items: flex-start;
 }

 @media screen and (max-width: 1280px) {
   .callback-service__form {
     width: 96%;
   }
 }

 @media screen and (max-width: 1023px) {
   .callback-service__form {
     display: block;

     width: 90%;
   }
 }

 .callback-service__col {
   font-size: 1.1875rem;

   padding: 40px 54px;
 }

 @media screen and (max-width: 1280px) {
   .callback-service__col {
     padding: 15px 35px;
   }
 }

 @media screen and (max-width: 380px) {
   .callback-service__col {
     padding: 20px 25px;
   }
 }

 .callback-service__col:first-of-type {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   max-width: 448px;

   background: #f6f7f8;

   -webkit-flex-shrink: 0;

   -ms-flex-negative: 0;

   flex-shrink: 0;
 }

 @media screen and (max-width: 1023px) {
   .callback-service__col:first-of-type {
     max-width: 100%;
   }
 }

 @media screen and (max-width: 1023px) {
   .callback-service__col:last-of-type {
     padding: 0;
   }
 }

 .callback-service__nav {
   margin-top: 40px;
 }

 @media screen and (max-width: 1023px) {
   .callback-service__nav {
     margin-top: 10px;
   }
 }

 .callback-service__buttons {
   width: -webkit-calc(100% + 54px);
   width: calc(100% + 54px);
   margin-top: 10px;
 }

 @media screen and (max-width: 1280px) {
   .callback-service__buttons {
     width: -webkit-calc(100% + 35px);
     width: calc(100% + 35px);
   }
 }

 @media screen and (max-width: 1023px) {
   .callback-service__buttons {
     display: none;
   }
 }

 .callback-service__caption {
   margin-top: 20px;
 }

 @media screen and (max-width: 1023px) {
   .callback-service__caption {
     position: relative;
     z-index: 999;

     margin-top: 0;
     padding: 20px 35px;

     cursor: pointer;

     color: #fff;
     background: #2196f3;
   }
 }

 @media screen and (max-width: 380px) {
   .callback-service__caption {
     padding: 18px;
   }
 }

 .callback-service__period {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin: 30px 0;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }

 .callback-service__period > p {
   width: 100%;
   margin-bottom: 20px;

   -webkit-box-flex: 1;

   -webkit-flex-grow: 1;

   -ms-flex-positive: 1;

   flex-grow: 1;
 }

 .callback-service__half {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   width: 45%;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: end;
   -webkit-align-items: flex-end;
   -ms-flex-align: end;
   align-items: flex-end;
 }

 @media screen and (max-width: 575px) {
   .callback-service__half {
     width: 100%;
   }
 }

 .callback-service__half .form-group_inner-top {
   width: 40%;
   margin-top: 0;
 }

 .callback-service__box {
   display: none;
 }

 @media screen and (max-width: 1023px) {
   .callback-service__box {
     display: block;
     overflow: hidden;

     margin-top: 2px;
   }
 }

 .callback-service__box:first-of-type {
   display: block;
 }

 @media screen and (max-width: 1023px) {
   .callback-service__fields {
     display: none;

     padding: 20px 35px;
   }
 }

 @media screen and (max-width: 380px) {
   .callback-service__fields {
     padding: 20px 25px;
   }
 }

 .callback-service__sign {
   line-height: 24px;
 }

 @media screen and (max-width: 1023px) {
   .callback-service__sign br {
     display: none;
   }
 }

 .callback-service__btn {
   font-size: 1.125rem;
   line-height: 17px;

   position: relative;

   display: block;

   margin-bottom: 4px;
   padding: 20px 22px;

   cursor: pointer;
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;

   color: #333;
   background: #fff;
 }

 @media screen and (max-width: 360px) {
   .callback-service__btn {
     padding: 15px;
   }
 }

 .callback-service__btn::after {
   position: absolute;
   z-index: 9;
   top: 50%;
   right: -11px;

   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAATCAYAAACk9eypAAAA00lEQVQ4T5WTwRGCQAxFkzs4Qwl0oh1AB3gELtABdKAXztCBdmAJ0IBuCagXdlyJA8gMM6wQ9/xfkp+/QTt75Ldg4wHzoZ09CQBKkmonYqte40ag09WE4ArfvCxBU6DXEWEkQuP4C5oBnRAR87Z5xboRtcC3ekmoXOFbYtptCdD6WgMGXwiJ8M20H/e71rVtAgKcWqn2bGCoSAUfQDhTozwWgATpNTQTjoc7ITjT9Jc6VITKYeZABcl3xEqaAGMRGAfOX5rNq4NGDxVJtWXew38X9wE8S4O59gU5DwAAAABJRU5ErkJggg==);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);

   opacity: 0;
 }

 @media screen and (max-width: 1023px) {
   .callback-service__btn::after {
     display: none;
   }
 }

 .callback-service__btn.active {
   color: #fff;
   background: #2196f3;
 }

 .callback-service__btn.active::after {
   opacity: 1;
 }

 .callback-service .nameplate {
   max-width: 340px;
   margin: 40px auto;
   padding-bottom: 55%;

   background: #fff;
   -webkit-box-shadow: 0 5px 20px -3px rgba(33, 150, 243, .5);
   box-shadow: 0 5px 20px -3px rgba(33, 150, 243, .5);
 }

 @media screen and (max-width: 1280px) {
   .callback-service .nameplate {
     padding-bottom: 50%;
   }
 }

 @media screen and (max-width: 1023px) {
   .callback-service .nameplate {
     display: none;
   }
 }

 .callback-service .nameplate__title {
   font-weight: 700;

   padding-top: 80px;

   color: #2196f3;
 }

 @media screen and (max-width: 1280px) {
   .callback-service .nameplate__title {
     font-size: 1.1875rem;
   }
 }

 .callback-service .nameplate__pic {
   height: 150px;
 }

 @media screen and (max-width: 575px) {
   .callback-service .month {
     margin-top: 20px;
   }
 }

 .callback-service .month .form-group_inner-top {
   width: 210px;
   margin-top: 0;
   margin-left: 20px;
 }

 @media screen and (max-width: 575px) {
   .callback-service .month .form-group_inner-top {
     width: 160px;
     margin-left: 0;
   }
 }

 @media screen and (max-width: 350px) {
   .callback-service .month .form-group_inner-top {
     width: 125px;
   }
 }

 @media screen and (max-width: 575px) {
   .callback-service .year {
     margin-top: 20px;
   }
 }

 .callback-service .year .form-group_inner-top {
   width: 91px;
   margin-top: 0;
   margin-left: 20px;
 }

 .callback-service .form-row {
   margin: 30px 0;
 }

 @media screen and (max-width: 575px) {
   .callback-service .form-row > p {
     width: 100%;
   }
 }

 @media screen and (max-width: 575px) {
   .callback-service .form-row {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }


 .press__row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-top: 50px;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
 }

 @media screen and (max-width: 575px) {
   .press__row {
     display: block;
   }
 }

 @media screen and (max-width: 1023px) {
   .press__row_mobile {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .press__elem {
   position: relative;

   display: block;
   overflow: hidden;

   width: 32%;
   max-width: 448px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   -webkit-border-radius: 6px;

   border-radius: 6px;
 }

 @media screen and (max-width: 1023px) {
   .press__elem {
     width: 49%;
     margin-bottom: 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .press__elem {
     width: 100%;
   }
 }

 .press__elem:hover {
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
   box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
 }

 .press__elem:hover .press__pic {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }

 .press__elem_mobile {
   display: none;
 }

 @media screen and (max-width: 1023px) {
   .press__elem_mobile {
     display: block;
   }
 }

 .press__pic {
   width: 100%;

   -webkit-transition: 1.4s ease-in;

   -o-transition: 1.4s ease-in;

   transition: 1.4s ease-in;

   -webkit-border-radius: 6px;

   border-radius: 6px;
 }

 .press__caption {
   font-size: 2.0625rem;
   font-weight: 600;

   position: absolute;
   top: 50%;
   left: 50%;

   -webkit-transform: translate(-50%, -50%);

   -ms-transform: translate(-50%, -50%);

   transform: translate(-50%, -50%);
   white-space: nowrap;

   color: #fff;
 }

 .press__block {
   width: 49%;
   max-width: 686px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   border: 1px solid #eceff1;
   -webkit-border-radius: 6px;
   border-radius: 6px;
 }

 .press__block:hover {
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
   box-shadow: 0 6px 12px rgba(0, 0, 0, .16);
 }

 .press__block:hover .press__title {
   color: #2196f3;
 }

 @media screen and (max-width: 575px) {
   .press__block {
     width: 100%;
     margin-bottom: 20px;
   }

   .press__block:hover .press__title {
     color: #000;
   }
 }

 .press__title {
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
 }

 .press__desc {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 38px 54px;
 }

 @media screen and (max-width: 1280px) {
   .press__desc {
     padding: 20px 40px;
   }
 }

 @media screen and (max-width: 1023px) {
   .press__desc {
     padding: 20px;
   }
 }

 .press__text {
   font-size: 1.1875rem;
   line-height: 26px;

   display: -webkit-box;
   overflow: hidden;

   margin-bottom: 20px;

   -o-text-overflow: ellipsis;

   text-overflow: ellipsis;

   color: #333;

   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
 }

 @media screen and (max-width: 1280px) {
   .press__text {
     line-height: 24px;
   }
 }

 .press__picture img {
   width: 100%;
 }


 .footer {
   margin-top: 50px;
   padding-top: 8%;

   background-image: url(/local/templates/citicard/css/../svg/bg-footer.svg);
   background-repeat: no-repeat;
   background-position: top left;
   -webkit-background-size: contain;
   background-size: contain;
 }

 @media screen and (max-width: 575px) {
   .footer .inner {
     padding: 0;
   }
 }

 .footer__logo {
   max-width: 175px;
 }

 @media screen and (max-width: 575px) {
   .footer__logo {
     display: none;
   }
 }

 .footer__pic {
   width: 100%;
 }

 .footer__row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   padding: 15px 0;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 @media screen and (max-width: 575px) {
   .footer__row {
     padding: 10px 0;
   }
 }

 .footer__row:first-of-type {
   padding: 70px 0;
 }

 @media screen and (max-width: 1280px) {
   .footer__row:first-of-type {
     padding: 20px 0;
   }
 }

 @media screen and (max-width: 575px) {
   .footer__row:first-of-type {
     padding: 10px 0;
   }
 }

 @media screen and (max-width: 575px) {
   .footer__row:last-of-type {
     margin-bottom: 15px;
     padding: 10px 15px;
   }
 }

 .footer__row_menu {
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 @media screen and (max-width: 1023px) {
   .footer__row_menu {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: start;
     -webkit-justify-content: flex-start;
     -ms-flex-pack: start;
     justify-content: flex-start;
   }
 }

 .footer__control {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: end;

   -webkit-justify-content: flex-end;

   -ms-flex-pack: end;

   justify-content: flex-end;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .footer__control {
     width: 100%;
     padding: 0 15px;
   }
 }

 @media screen and (max-width: 350px) {
   .footer__control {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 }

 .footer__control .btn {
   line-height: 1;
 }

 @media screen and (max-width: 1023px) {
   .footer__control .btn {
     width: 270px;
   }
 }

 @media screen and (max-width: 575px) {
   .footer__control .btn {
     font-size: 0;

     width: 50%;
   }
 }

 @media screen and (max-width: 350px) {
   .footer__control .btn {
     width: 100%;
   }
 }

 @media screen and (max-width: 575px) {
   .footer__control .btn::before {
     font-size: 1.125rem;

     content: 'Поддержка';
   }
 }

 .footer__btn-social {
   margin-left: 14px;
 }

 @media screen and (max-width: 1440px) {
   .footer__btn-social {
     margin-left: 50px;
   }
 }

 @media screen and (max-width: 1280px) {
   .footer__btn-social {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;

     width: 50%;
     margin-top: 10px;
     margin-left: 10px;

     -webkit-box-pack: end;

     -webkit-justify-content: flex-end;

     -ms-flex-pack: end;

     justify-content: flex-end;
   }
 }

 @media screen and (max-width: 1023px) {
   .footer__btn-social {
     margin-left: 50px;
   }
 }

 @media screen and (max-width: 575px) {
   .footer__btn-social {
     margin-top: 0;
     margin-left: 0;
   }
 }

 @media screen and (max-width: 350px) {
   .footer__btn-social {
     width: 100%;
     margin-top: 20px;

     -webkit-box-pack: center;

     -webkit-justify-content: center;

     -ms-flex-pack: center;

     justify-content: center;
   }
 }

 @media screen and (max-width: 1023px) {
   .footer__col {
     width: 34%;
     margin-bottom: 10px;
   }
 }

 @media screen and (max-width: 575px) {
   .footer__col {
     width: 100%;
     margin-bottom: 0;
   }
 }

 @media screen and (max-width: 1023px) {
   .footer__col:nth-of-type(2) {
     -webkit-box-ordinal-group: 3;
     -webkit-order: 2;
     -ms-flex-order: 2;
     order: 2;
   }
 }

 @media screen and (max-width: 1023px) {
   .footer__col:nth-of-type(4) {
     -webkit-box-ordinal-group: 2;
     -webkit-order: 1;
     -ms-flex-order: 1;
     order: 1;
   }
 }

 @media screen and (max-width: 1023px) {
   .footer__col:nth-of-type(5) {
     width: 27%;
     margin-left: 10px;
   }
 }

 @media screen and (max-width: 575px) {
   .footer__col:nth-of-type(5) {
     width: 100%;
     margin-left: 0;
   }
 }

 @media screen and (max-width: 575px) {
   .footer__col:last-of-type {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;

     padding: 0 15px;

     -webkit-box-ordinal-group: 0;

     -webkit-order: -1;

     -ms-flex-order: -1;

     order: -1;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     flex-wrap: wrap
   }
   .footer__col.last{
     padding: 0
   }
   .footer__col.last .footer__title, .footer__col.last .footer__links{
     width: 100%;
   }
   .download + a{
     margin-bottom: 0!important;
     margin-right: 5px;
   }
 }

 .footer__title {
   font-size: 1.25rem;
   font-weight: 600;
   line-height: 24px;

   position: relative;

   margin-bottom: 15px;

   color: #333;
 }

 @media screen and (max-width: 575px) {
   .footer__title.download {
     line-height: 1.15;
     margin-right: 12px;
     font-size: 1.15rem
   }
 }

 @media screen and (max-width: 575px) {
   .footer__title:not(.download) {
     margin-bottom: 0;
     padding: 20px 15px;

     border-bottom: 1px solid #c7d1d6;
   }
 }

 .footer__title:not(.download):after {
   position: absolute;
   z-index: 10;
   bottom: -15px;
   left: 30px;

   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAABMElEQVQ4T2M8deV6u6aCLBcPN/c7BgrBpdt3LRlBZpy6cuOVmryMKD8PN9lGnr12+9PfP78DwQaCDb1887ispKi+hLAgJymmfv/xk+HirXv/Gf8xqFsYat2GGwgy5Mz126uF+XjcFKQk+Igx9O3HT9/uP3nxwVRHXRqmHsVAsEuv3qzj5eQo0lCU48dn6JOXb368ePvuqKm2uguyOgwDQZLnrt2OZWBkmGCooSKEzdDbD5+8//ztxzJjLdUcdHmsBoIUnbxyRZ/hH/NpQ01VVlYWZri+izfvfvj791+FsbbaTGyW4TQQpHj/lSs8XP+Zn2kpyfOys7EynL9+5/efv3+trQ11TuMKDrwGwjSduXrz5v//DLw/Wf6r22hofMYXtkQZCE4BZ85wmZiYfCMU+wB69mn7HVm1IwAAAABJRU5ErkJggg==);
   -webkit-transition: .2s ease-in-out;
   -o-transition: .2s ease-in-out;
   transition: .2s ease-in-out;

   opacity: 0;
 }

 @media screen and (max-width: 575px) {
   .footer__title:not(.download)::before {
     position: absolute;
     top: 20px;
     right: 20px;

     display: inline-block;

     content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAA5klEQVQoU4WQwVHCUBRF78U4cWFEKyDSgCkhdJASwhJZSEqgArLBLKGEdKAlaANOqMBAWJARecwL+QxRB9/mz3//nvfvfXSTwgeAbOC86vlfGT3vn4scQFtE+tnwZn4OdKerkOQMQM5uUsQieFKAQPzx6ER/wQ2dYEwVnUwCyflu8xVl0Z06gTv5vG1dXU5EJNS7cVaBlSApfApStQ3gTcptr3JhWy8APABLIQKziyN4+HntkbsUYEfheqYHyEKkFWTDa9PTWM1Sa7Qt3fBD/fIu5dY31o36F2hy0b6Iq0zl9+gnpP09nXtbttus7/gAAAAASUVORK5CYII=);
     -webkit-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;

     -webkit-transform-style: flat;

     transform-style: flat;
   }
 }

 .footer__title.active:after {
   opacity: 1;
 }

 .footer__title.active:before {
   -webkit-transform: rotateX(180deg);
   transform: rotateX(180deg);
 }

 @media screen and (max-width: 1023px) {
   .footer__title br {
     display: none;
   }
 }

 @media screen and (max-width: 575px) {
   .footer__links {
     font-size: .875rem;

     position: relative;

     display: none;

     padding: 0 15px;

     -webkit-transition: .5s ease-in-out;

     -o-transition: .5s ease-in-out;

     transition: .5s ease-in-out;
     -webkit-transition: none;
     -o-transition: none;
     transition: none;

     color: #c7d1d6;
     background: #f6f7f8;
   }
 }

 .footer__link {
   display: block;

   margin-bottom: 10px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   color: #2196f3;
 }

 @media screen and (max-width: 1280px) {
   .footer__link {
     margin-right: 45px;
   }
 }

 @media screen and (max-width: 1023px) {
   .footer__link {
     margin-right: 25px;
   }
 }

 @media screen and (max-width: 575px) {
   .footer__link {
     font-size: 1.25rem;

     margin-right: 0;
     margin-bottom: 0;
     padding: 20px 0;
   }
 }

 .footer__link:hover {
   color: #ffab00;
 }

 .footer .link-app {
   font-size: 1.125rem;

   display: -webkit-box;

   display: -webkit-flex;

   display: -ms-flexbox;

   display: flex;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   margin-bottom: 10px;
   padding: 16px 25px 15px;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-box-pack: start;
   -webkit-justify-content: flex-start;
   -ms-flex-pack: start;
   justify-content: flex-start;
 }

 @media screen and (max-width: 575px) {
   .footer .link-app {
     width: 170px;
     flex-shrink: 0;
   }
 }

 @media screen and (max-width: 360px) {
   .footer .link-app {
     padding: 15px 10px;
   }
 }

 .footer .link-app .app-icon {
   margin-right: 15px;
 }

 .footer .social-link {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;

   width: 42px;
   height: 42px;
   margin-left: 14px;

   -webkit-transition: .5s ease-in-out;

   -o-transition: .5s ease-in-out;

   transition: .5s ease-in-out;

   -webkit-border-radius: 6px;

   border-radius: 6px;
   background-color: #f6f7f8;

   -webkit-box-pack: center;

   -webkit-justify-content: center;

   -ms-flex-pack: center;

   justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .footer .social-link {
     margin: 0 3px;
   }
 }

 .footer-info {
   padding: 24px 0 10px;

   background: #f6f7f8;
 }

 .footer-info__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .footer-info__content {
   color: #333;
 }

 .footer-info__content p {
   margin-bottom: 10px;
 }

 @media screen and (max-width: 380px) {
   .footer-info__content p {
     line-height: 1.3;
   }
 }

 .footer-info .btn {
   font-size: 1.4375rem;
   font-weight: 400;
 }

 .copyright {
   background: #0d47a1;
 }

 .copyright__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   padding: 15px;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .copyright p {
   font-size: .875rem;

   color: #fff;
 }

 .copyright p a {
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   text-decoration: underline;

   color: #fff;
 }

 .copyright p a:hover {
   color: #ffab00;
 }

 @media screen and (max-width: 575px) {
   .copyright p a {
     display: none;
   }
 }

 .copyright__block {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 .copyright__block span {
   font-size: .875rem;

   margin-right: 20px;

   color: #fff;
 }

 @media screen and (max-width: 575px) {
   .copyright__block span {
     margin-right: 10px;
   }
 }

 @media screen and (max-width: 575px) {
   .copyright__block img {
     width: 70px;
   }
 }

 .cookie {
   position: fixed;
   z-index: 9999999999999;
   bottom: 0;
   left: 0;

   display: none;

   width: 100%;
   padding: 20px 0;

   background: rgba(33, 150, 243, .9);
 }

 .cookie__inner {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-pack: justify;

   -webkit-justify-content: space-between;

   -ms-flex-pack: justify;

   justify-content: space-between;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .cookie__inner {
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
   }
 }

 .cookie .text {
   color: #fff;
 }

 @media screen and (max-width: 1023px) {
   .cookie .text {
     width: 70%;
   }
 }

 @media screen and (max-width: 575px) {
   .cookie .text {
     width: 100%;
     margin-bottom: 10px;

     text-align: center;
   }
 }

 .success-code {
   position: absolute;
   bottom: 5px;
   color: green;
   right: 10px;
 }

 .error-code {
   position: absolute;
   bottom: 5px;
   color: red;
   right: 157px;
 }

 .button-open-sidebar {
   font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
   font-size: 1rem;
   font-weight: 400;
   position: relative;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   max-width: 320px;
   margin: 0 auto 20px;
   padding: 5px 8px;
   padding: 10px;

   cursor: pointer;
   -webkit-transition: border .9s cubic-bezier(.215, .61, .355, 1);
   -o-transition: border .9s cubic-bezier(.215, .61, .355, 1);
   transition: border .9s cubic-bezier(.215, .61, .355, 1);

   color: #333;
   border: 1px solid #c7d1d6;
   -webkit-border-radius: 4px;
   border-radius: 4px;
 }

 .button-open-sidebar div {
   position: absolute;
   top: 50%;
   right: 13px;

   width: 13px;
   height: 6px;

   -webkit-transition: -webkit-transform .9s cubic-bezier(.215, .61, .355, 1);

   transition: -webkit-transform .9s cubic-bezier(.215, .61, .355, 1);

   -o-transition: transform .9s cubic-bezier(.215, .61, .355, 1);

   transition: transform .9s cubic-bezier(.215, .61, .355, 1);

   transition: transform .9s cubic-bezier(.215, .61, .355, 1), -webkit-transform .9s cubic-bezier(.215, .61, .355, 1);
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);

   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAA7ElEQVQoU4WRwU0CURRFzwsaNjLBCvyxASkBKxAqEJfCQujADpgNzFKtQKxASsAK/B1AhM3EMdf8GQcmSPTtbnLPfff9b268bFI/viL9fPGj0xX/TNVvbroZGhoDC6XZ5V8BAbT60SvQEjYylyydqTYHOwPzEl0/OFnsF3CTTcuMZ5AD3mRZx4LpJ3EOXAArGV1/2wg6nwJU2NjMwTRrh4Y5vAuoxWDXQUu68YPo0U0+emb2ULj0pPRrWJ62hcuQ82QdS9wFbTATdErwvR/1quf8goua1W27FvvvcBDOA5J128S9UOz70ezQD34D8v9ml/Ia38oAAAAASUVORK5CYII=');
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: contain;
   background-size: contain;
   z-index: -1;
 }

 .b-list__head {
   font-size: 3.125rem;
   font-weight: 700;

   padding: 20px;
 }

 .b-list__list {
   padding-top: 20px;

   border-top: 1px solid #eee;

   -webkit-columns: 5;

   -moz-columns: 5;

   columns: 5;
 }

 @media screen and (max-width: 1023px) {
   .b-list__list {
     -webkit-columns: 4;
     -moz-columns: 4;
     columns: 4;
   }
 }

 @media screen and (max-width: 575px) {
   .b-list__list {
     -webkit-columns: 2;
     -moz-columns: 2;
     columns: 2;
   }

   #about {
     padding-top: 0;
   }
 }

 .b-list__list li {
   padding-left: 20px;
 }

 .b-list__list li:before {
   display: none;
 }

 .btns-row {
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   position: relative;
 }

 .caps {
   position: relative;
   margin-bottom: 35px;
   z-index: 999999999999999;
 }

 .cap-error {
   position: absolute;
   bottom: -20px;
   left: 0;
   color: red;
   font-style: italic;
   display: none;
 }

 @media screen and (max-width: 575px) {
   .btns-row {
     flex-flow: column;
     align-items: center
   }
 }

 .legal-anchor {
   display: grid;
    grid-template-columns: repeat(2, 50%);
    justify-content: space-between;
   grid-gap: 20px;
 }

 @media screen and (max-width: 1023px) {
   .legal-anchor {
     display: block;
   }
 }

 .legal-anchor__btn {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 20px;

   -webkit-transition: .5s ease;

   -o-transition: .5s ease;

   transition: .5s ease;
   text-align: center;

   color: #fff !important;
   border: 1px solid transparent;
   background: #1e88e5;
 }

 @media screen and (max-width: 1280px) {
   .legal-anchor__btn {
     padding: 15px;
   }
 }

 @media screen and (max-width: 1023px) {
   .legal-anchor__btn {
     display: block;

     width: 100%;
     max-width: 100%;
     margin-bottom: 10px;
   }
 }

 .legal-anchor__btn:hover {
   text-decoration: none !important;

   color: #1e88e5 !important;
   border-color: #1e88e5;
   background: #fff;
 }

 .legal-content {
   margin-top: 40px;
 }

 .legal-content h2 {
   margin-bottom: 20px;
 }

 .block-sign {
   position: relative;
 }

 .block-sign p {
   text-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
   color: #ffffff;
   font-size: 48px;
   font-weight: 700;
   line-height: 52px;
   max-width: 415px;
   position: absolute;
   left: 84px;
   bottom: 100px;
 }

 .block-sign-tr p {
   bottom: 80px;
 }

 @media screen and (max-width: 1280px) {
   .block-sign p {
     font-size: 31px;
     line-height: 36px;
     bottom: 50%;
     transform: translateY(45%);
     left: 40px;
   }
 }

 @media screen and (max-width: 1023px) {
   .block-sign p {
     font-size: 25px;
     line-height: 28px;
     left: 20px;
   }
 }

 @media screen and (max-width: 575px) {
   .block-sign p {
     transform: none;
     left: 20px;
     bottom: 40px;
     font-size: 31px;
     line-height: 36px;
   }

   .block-sign-tr p {
     bottom: 30px;
   }

 }

 @media screen and (max-width: 380px) {
   .block-sign p {
     bottom: 45px;
     width: 60%;
     font-size: 25px;
     line-height: 28px;
   }

   .block-sign-tr p {
     width: 70%;
     bottom: 35px;
   }

 }

 @media screen and (max-width: 350px) {
   .block-sign p {
     width: 80%;
     font-size: 23px;
     line-height: 25px;
     bottom: 40px;
     left: 10px;
   }

   .block-sign-tr p {
     bottom: 30px;
   }
 }

 .card-extension {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   -webkit-box-align: start;

   -webkit-align-items: flex-start;

   -ms-flex-align: start;

   align-items: flex-start;
 }

 .card-extension .warning,
 .card-readiness .warning {
   font-weight: 700;

   z-index: 99;

   -webkit-box-sizing: border-box;

   box-sizing: border-box;
   margin-left: 30px;
   padding: 30px;
   padding: 17px 35px;
   max-width: 440px;
   width: auto;
   -webkit-transition: opacity .5s ease-in-out, -webkit-transform 1s ease-in;

   transition: opacity .5s ease-in-out, -webkit-transform 1s ease-in;

   -o-transition: opacity .5s ease-in-out, transform 1s ease-in;

   transition: opacity .5s ease-in-out, transform 1s ease-in;

   transition: opacity .5s ease-in-out, transform 1s ease-in, -webkit-transform 1s ease-in;
   -webkit-transform-origin: left top;
   -ms-transform-origin: left top;
   transform-origin: left top;
   text-align: center;
   opacity: 0;
   color: #ff3737;
   border: 1px solid #f6f7f8;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background-color: #fff;
   -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .16);
   box-shadow: 0 5px 20px rgba(0, 0, 0, .16);
 }

 @media screen and (max-width: 1280px) {
   .card-extension {
     position: relative;
   }

   .card-extension .form-action_min {
     padding-top: 40px;
   }

   .card-extension .warning,
   .card-readiness .warning {
     font-size: .875rem;
     top: 0%;
     left: 0;
     position: absolute;

     margin-bottom: 0;
     padding: 0;

     background: none;
     -webkit-box-shadow: none;
     box-shadow: none;
   }
 }

 .card-extension .pic {
   float: right;

   width: auto;
   margin-left: 20px;
 }

 @media screen and (max-width: 767px) {
   .card-extension .pic {
     width: 30%;
   }
 }

 .card-extension__file {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;

   margin-top: 30px;

   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 @media screen and (max-width: 575px) {
   .card-extension__file {
     margin-top: 15px;

     -webkit-flex-wrap: wrap;

     -ms-flex-wrap: wrap;

     flex-wrap: wrap;
   }
 }

 .card-extension__file .form-add {
   width: 300px;
   margin-top: 0;
 }

 .card-extension__file .form-add ul,
 .card-extension__file .form-add li {
   margin-bottom: 0;
 }

 .card-extension__file .btn-add {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
   display: -ms-inline-flexbox;
   display: inline-flex;

   margin-bottom: 0;
 }

 .card-extension__file-name {
   font-size: 1.1875rem;

   width: 300px;
 }

 @media screen and (max-width: 575px) {
   .card-extension__file-name {
     width: 100%;
     margin-bottom: 10px;
   }
 }

 .card-extension__control {
   margin-top: 30px;
 }

 .capt {
   margin-bottom: 30px;
   position: relative;
 }

 .multysel {}

 .multysel .multiselect {
   width: 100%;
 }

 .multysel .multiselect--active {
   z-index: 999;
 }

 .multiselect__tags {
   font-size: 1.1875rem !important;
   padding-left: 0 !important;
   border: none !important;
   border-bottom: 1px solid #c7d1d6 !important;
   -webkit-border-radius: 0 !important;
   border-radius: 0 !important;
 }

 .multiselect__tags.error {
   border-bottom: 2px solid #ff3737 !important;

 }

 .multiselect__option {
   color: #333 !important;
   border-bottom: 1px solid #f6f7f8 !important;
   white-space: pre-line!important;
 }

 .multiselect__option::after {
   display: none !important;
 }

 .multiselect__option--highlight {
   background: none !important;
 }

 .multiselect__element {
   margin-bottom: 0;
 }

 .multiselect__content-wrapper {
   border: 1px solid #c7d1d6 !important;
   border-top: 0 !important;
   -webkit-border-radius: none !important;
   border-radius: none !important;
   background: #fff !important;
   -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 16%) !important;
   box-shadow: 0 5px 20px rgb(0 0 0 / 16%) !important
 }

 .multis elect__input::placeholder,
 .multiselect__single::placeholder {
   color: #90a4ae
 }

 .multis elect__input,
 .multiselect__single {
   padding: 0 !important
 }

 .svc__box .register-card {
   margin-top: 0;
 }

 .vdp-datepicker {}

 .vdp-datepicker__calendar {
   box-shadow: 0 5px 20px rgb(0 0 0 / 16%);
   border-radius: 5px
 }

 .day__month_btn.up,
 .month__year_btn.up {
   position: relative;
   right: 0;
   bottom: 0;
 }

 @media screen and (max-width: 575px) {

   .day__month_btn.up,
   .month__year_btn.up {
     display: inline-block !important;
   }
 }

 .day__month_btn.up:hover,
 .month__year_btn.up:hover {
   transform: none;
 }

 .vdp-datepicker__calendar .cell {
   height: 32px !important;
   line-height: 32px !important;
 }

 .vdp-datepicker__calendar .cell:hover {
   border-color: #2196f3 !important;
 }

 .vdp-datepicker__calendar .cell.selected {
   color: #fff !important;
   background: #2196f3 !important;
 }

 .register-card__name-type-card {
   font-size: 16px;
   position: absolute;
   right: 3%;
   opacity: 0;
   transition: .5s ease;
   top: 50%;
   transform: translateY(-50%)
 }

 @media screen and (max-width: 575px) {
   .register-card__name-type-card {
     display: none;
   }
 }

 .file-box {
   position: relative;
 }

 .file-box__add input {
   display: none;
 }

 .file-box__file {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: none;
 }

 .file-box__file::before {
   margin-right: 20px;
   content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAABlUlEQVQ4T63VXVKCUBQH8P/R6jV3EO6AVhDtQOmpUWfcQdwdsINLK9AmGJ8CXIG2gtpBLMHHJovTXEBE/AJHXhl+c74hnPjISaA1/vgOTK24gXfR636uKKprylHQostYAjQsfTtnIqHwWmgK8gxAm8E2mo0Q31jgAgaIHQKueUntyugGSGQU01URZ+8jBsJK6DFwVQb5+mYT0dNRtCqYROsFQ2IeHUTLIH4Q4QpaOfVSpNZedAsEdGKWAFoAIm7SvXjsRjmYNvGLgelOdA84YuAFTGPVaQWLvtkpNCmdiibpW+ghUPTNZDal5zuIoYuBaeyq+QZaDQxUGWbM/IzfhpPPbWHMcrQWCEyxJGsXqDJJ0HOCa9T11b5qnKUgXV91db6uYZbykQjzg5JtgbUCywdGevXAJNIkKkIoeqZ1DjBBHddfMLMjBg92ET0lwnX6rq+uyo3VN2/z7SikrOoqXX9MQGdficoZUhbRh9oQIhozx5o6wGp78kZNAk19WFzLQ8c9HSkv0MFsE2AwEIE5LJejzh/iH/JhUpx6Au3dAAAAAElFTkSuQmCC);
 }


 .file-box__file span {
   font-size: 1.1875rem;
   display: block;
   overflow: hidden;
   width: 100%;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   color: #333;
   white-space: nowrap;
 }

 .file-box__file .clear-form {
   font-size: 1.1875rem;
   -webkit-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   color: #2196f3;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   display: inline-block;
   padding-left: 2rem;
   cursor: pointer;
 }

 .file-box__file .clear-form:hover {
   color: #ffab00;
 }

 .file-box__add:hover {
   cursor: pointer;
 }

 .file-box__add:hover span {
   color: #ffab00;
 }

 .file-box__add:hover .add-file__icon {
   background-position: left bottom;
 }

 .file-box__text {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;

   -webkit-align-items: center;

   -ms-flex-align: center;

   align-items: center;
 }

 .file-box__icon {
   display: inline-block;

   width: 31px;
   height: 31px;
   margin-right: 20px;

   background-image: url(/local/templates/citicard/css/../svg/i-button-plus.svg);
   background-repeat: no-repeat;
   background-position: left top;
   -webkit-background-size: cover;
   background-size: cover;
 }

 .file-box__text span {
   font-size: 1.1875rem;

   color: #2196f3;
 }

 .file-box .error-tooltip {
   position: absolute;
   right: 0;
   color: #ff3737;
   font-size: 12px;
 }

 @media screen and (max-width: 575px) {
   .select-class {
     display: block;
   }
   .file-box .error-tooltip{
     white-space: nowrap;
     width: 70%;
   }

   .select-class .multysel {
     width: 100%;
   }

   .release__gray-box li {
     padding-left: 35px;
   }

   .multiselect__input,
   .multiselect__single {
     font-size: 14px !important;
   }

   .register-card__select-type-card {
     width: 43%;
   }

   .register-card__select-type-card .btn-square span {
     display: none;
   }
   .file-box__file span {
     width: 50%;
   }
 }

 .multiselect--active {
   z-index: 5 !important;
 }


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

 /*mobile service template*/
 .mobile-service {
   margin: 5% auto 0;
   max-width: 600px;
   width: 100%;
   box-sizing: border-box;
   padding: 20px 15px;
   color: #333333;
   font-family: 'Open Sans', sans-serif;
   min-height: 90vh;
 }

 .mobile-service__box {
   width: 100%;
   transition: 0.5s ease;
   opacity: 0;
   position: relative;
 } 
.mobile-service__box.active {
   opacity: 1;
 }

 .mobile-service__title {
   font-size: 16px;
   font-weight: 600;
   letter-spacing: -0.38px;
   line-height: 1.2;
   margin-bottom: 10px;
 }
.mobile-service__text{
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.34px;
  line-height: 1.3;
  margin-bottom: 15px;
}
.mobile-service__text_m30{
  margin-top: 30px;
}
.mobile-service__text p{
  margin-bottom: 10px;
}
.mobile-service__btn{
  width: 100%;
  border-radius: 6px;
  background-color: #2196f3;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 12px 12px 14px;
  box-sizing: border-box;
}
.mobile-service__btn_back{
  margin: 20px 0
}
.mobile-service__btn_m60{
  margin-top: 60px;
}
.mobile-service__btn_m30{
  margin-top: 30px;
}
.mobile-service__btn:disabled{
  background-color: #c7d1d6;
}
 .mobile-service__group {
   position: relative;
   margin-bottom: 40px;
 }
.mobile-service__group.min{
  margin-bottom: 35px;
}
.mobile-service__group + .mobile-service__btn{
  margin-top: -20px;
}
 .mobile-service__name {
   font-size: 16px;
   position: absolute;
   z-index: 1;
   top: 0;
   -webkit-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
   color: #90a4ae;
 }

 .mobile-service__field {
   font-size: 16px;
   line-height: 1;
   position: relative;
   z-index: 3;
   display: block;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   min-height: 28px;
   padding: 3px 0;
   letter-spacing: .8px;
   color: #333;
   border-bottom: 1px solid #c7d1d6;;
   -webkit-border-radius: 0;
   border-radius: 0;
   background: none;
   font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
 }
.mobile-service__field.error{
  border-bottom: 2px solid #ff4224;
}

.mobile-service__group .date-box input{
  font-size: 16px;
}
.mobile-service__group .date-box.error input{
  border-bottom: 2px solid #ff4224;
}
.form-checkbox p{
  letter-spacing: 0.12px;
  font-size: 12px;
  line-height: normal;
}
.mobile-service__group .error-tooltip{
  color: #ff4224;
  font-size: 12px;
  letter-spacing: 0.12px;
  line-height: 1;
  transition: .5s ease;
  bottom: -14px;
  position: absolute;
}

.mobile-service__list{
  border-radius: 10px;
  background-color: #f7f9f9;
  padding: 15px;
  margin-bottom: 10px;
}
.mobile-service__sign{
  color: #333333;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.34px;
  line-height: 20px;
  margin-bottom: 10px;
}
.mobile-service__item{
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.34px;
  line-height: 20px;
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
}
.mobile-service__item::before {
   position: absolute;
   top: 7px;
   left: 0;
    border-radius: 100%;
   content: '';
   width: 5px;
    height: 5px;
    background-color: #2196f3;
 }
.mobile-service__error{
  color: #ff4224;
  font-size: 16px;
  letter-spacing: -0.38px;
  line-height: 20px;
  margin: 10px 0;
}
.mobile-service__file{
  margin-bottom: 20px;
}
.mobile-service__file:last-of-type{
  margin-bottom: 35px
}
.mobile-service__file-name{
  color: #90a4ae;
  font-size: 12px;
  font-style: normal;
  line-height: 17px;
  margin-bottom: 5px;
}
.mobile-service__file .file-box{
  padding-bottom: 10px;
}
.mobile-service__file .file-box__file{
  min-height: 40px;
  padding-top: 10px;
  box-sizing: border-box;
}
.mobile-service__file .file-box__file .clear-form{
  bottom: -10px;
  left: 15px;
  position: absolute;
}
.mobile-service__file .file-box .error-tooltip{
  bottom: -15px;
  right: auto;
  font-size: 16px;
}
.mobile-service__tooltip{
  margin: 20px 0;
}
.mobile-service__card{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 12px;
  color: #333333;
  font-size: 14px;
  letter-spacing: -0.34px;
}
.mobile-service__card img{
  vertical-align: middle;
  width: 57px;
  margin-right: 10px;
}
.mobile-service__steps{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  opacity: 0;
}
.mobile-service__steps.visible{
  opacity: 1;
}
.mobile-service__step{
  height: 39px;
  width: 34%;
  background-color: #f7f9f9;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  color: #c7d1d6;
  font-size: 20px;
  transition: .5s ease;
}
.mobile-service__step:first-of-type{
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.mobile-service__step:last-of-type{
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.mobile-service__step.active{
  background-color: #2196f3;
  color: #ffffff;
}

.mobile-service__line {
    padding: 0 0 15px;
    border-bottom: 1px solid #ccc;
}
.mobile-service__line:last-of-type{
  border-bottom: 0;
}
.mobile-service__line p{
  line-height: 1.4;
}

.card-readiness h4{
  margin: 15px 0;
  font-size: 16px;
  font-weight: 500;
  padding: 0;
}
.res-line:last-of-type{
  border-bottom: 0;
}

.res-line{
  padding: 0 0 20px;
    border-bottom: 1px solid #ccc;
  font-size: 16px;
}

.mobile-service .select-class{
  margin-bottom: 3rem;
}
.select-card-mobile .multiselect__tags{
  height: 60px;
  border-radius: 6px!important;
  border: 1px solid #c7d1d6!important;
  background-color: #ffffff!important;
  padding-top: 0;
}
.select-card-mobile .multiselect--active .multiselect__tags{
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
}
.select-card-mobile .multiselect__select, .select-card-mobile .multiselect__input{
  height: 60px;
}
.select-card-mobile .multiselect__input{
  height: 55px;
  margin-bottom: 0;
}
.select-card-mobile .multiselect__select::before{
  position: absolute;
   top: 50% !important;
   right: 13px !important;

   width: 15px !important;
   height: 7px !important;

   -webkit-transition: -webkit-transform .9s cubic-bezier(.215, .61, .355, 1);

   transition: -webkit-transform .9s cubic-bezier(.215, .61, .355, 1);

   -o-transition: transform .9s cubic-bezier(.215, .61, .355, 1);

   transition: transform .9s cubic-bezier(.215, .61, .355, 1);

   transition: transform .9s cubic-bezier(.215, .61, .355, 1), -webkit-transform .9s cubic-bezier(.215, .61, .355, 1);
   -webkit-transform: translateY(-50%) !important;
   -ms-transform: translateY(-50%) !important;
   transform: translateY(-50%) !important;

   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAA7ElEQVQoU4WRwU0CURRFzwsaNjLBCvyxASkBKxAqEJfCQujADpgNzFKtQKxASsAK/B1AhM3EMdf8GQcmSPTtbnLPfff9b268bFI/viL9fPGj0xX/TNVvbroZGhoDC6XZ5V8BAbT60SvQEjYylyydqTYHOwPzEl0/OFnsF3CTTcuMZ5AD3mRZx4LpJ3EOXAArGV1/2wg6nwJU2NjMwTRrh4Y5vAuoxWDXQUu68YPo0U0+emb2ULj0pPRrWJ62hcuQ82QdS9wFbTATdErwvR/1quf8goua1W27FvvvcBDOA5J128S9UOz70ezQD34D8v9ml/Ia38oAAAAASUVORK5CYII=');
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: contain;
   background-size: contain;
  margin-top: 0;
  border: 0;
}
.select-card-mobile__select{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.38px;
  padding: 10px;
  box-sizing: border-box;
  color: #90a4ae;
}
.select-card-mobile__select .option__image{
  margin-right: 10px;
  height: 37px;
}
.select-card-mobile__option{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.38px;
  box-sizing: border-box;
  color: #333333;
}
.select-card-mobile .multiselect__option{
  background-color: #f7f9f9!important;
  border-top: 1px solid #c7d1d6!important;
}
.select-card-mobile  .multiselect__option--disabled{
  background-color: #e4e4e4!important;
}
.multiselect--active
.select-card-mobile__option .option__image{
  margin-right: 10px;
  height: 37px;
}
.select-card-mobile .multiselect__option--selected{
  background: url(/local/templates/citicard/css/../svg/icon-select-check.svg) #fff no-repeat 96% !important;
}
.mobile-service__box h4{
  margin: 20px 0;
  font-size: 16px;
  font-weight: 500;
  padding: 0;
}
.mobile-service__row{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 40px;
}
.mobile-service__row_between{
  justify-content: space-between;
  margin-bottom: 0;
}
.mobile-service__row_between .mobile-service__group{
  width: 45%;
}
.mobile-service__caption{
  color: #90a4ae;
  font-size: 16px;
  margin-right: 15px;
}
.mobile-service__row .radio{
  color: #333333;
  font-size: 16px;
  line-height: 1;
  margin-right: 10px;
  display: inline-block;
}
.mobile-service__check{
  color: #333333;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: -10px;
}
.mobile-service__law{
  margin-bottom: 30px
}
.mobile-service__hidden{
  padding: 1rem;
}
 .mobile-service__hidden h5 {
   font-size: 14px;
   color: #333333;
   letter-spacing: -0.34px;
   font-weight: 600;
   margin-bottom: 1rem;
 }
 .select-card-mobile .multiselect__tags.error {
   border: 1px solid #ff3737 !important;
 }
.mobile-service__control{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.mobile-service__back{
  width: 116px;
  height: 42px;
  border-radius: 6px;
  background-color: #f7f9f9;
  color: #2196f3;
  font-size: 16px;
  font-weight: 600;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 35px;
  background-image: url(/local/templates/citicard/css/../svg/icon-arrow-back.svg);
  background-position: 0px 50%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  line-height: 1;
  flex-shrink: 0;
}
.mobile-service__next{
  width: calc(100% - 130px);
  height: 42px;
  border-radius: 6px;
  background-color: #2196f3;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.mobile-service__next:first-child{
  width: 100%;
}
.select-region{
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.suggestions-suggestions{
  border-color: #c7d1d6;
  border-color: #c7d1d6;
  box-shadow: 0 5px 20px rgb(0 0 0 / 16%) !important;
  font-size: 16px;
}
.suggestions-suggestions > *{
  padding: 6px 12px; 
}

#contacts .text h3 span{
  font-size: 21px;
}

.warning-box{
  background: #ffeeba;
  padding: 20px 30px;
  margin: 30px 0 20px;
  border-radius: 20px;
  color: #7a5e0a;
  font-size: 1.1875rem;
  line-height: 28px;
  display: none;
  width: 32vw;
  min-width: 612px;
  box-sizing: border-box;
}
.warning-box.open{
  display: block;
}
.warning-box.mobile{
  min-width: 100%;
  width: 100%;
}
@media screen and (max-width: 575px) {
  .card-extension .form-action_min{
    padding-top: 0;
  }
  .warning-box{
    min-width: 100%;
    width: 100%;
    padding: 20px;
    font-size: 1rem;
    line-height: 1.5;
  }
}


.warning-popup {
   position: fixed;
   z-index: 99;
   top: 0;
   left: 0;

   display: none;

   width: 100%;
   height: 100%;

 }


 @media screen and (max-width: 575px) {

 }

 .warning-popup .btn-close {
   position: absolute;
   top: 20px;
   right: 20px;
 }

.warning-popup__container {
    max-width: 700px;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 50px;
    transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 16%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 16%);
}

.warning-popup__title {font-weight: 600;margin-bottom: 10px;font-size: 20px;}

.warning-popup__text {
    font-size: 16px;
    line-height: 1.5;
}
.warning-popup__text p {
    margin-bottom: 10px;
}

.warning-popup__text a{
  color: #2196f3;
}


.tbs-control__btn{
  width: 225px;
  font-size: 16px;
  text-align: center;
  padding: 15px;
  box-sizing: border-box;
  transition: .5s ease;
  background: #F6F7F8;
  color: #000;
  border: 1px solid transparent;
  border-bottom: 3px solid #2196F3;
  line-height: 1;
}
.tbs-control__btn:hover{
  color: #2196F3;
}
.tbs-control__btns {
    display: flex;
}
 @media screen and (max-width: 575px) {
   .tbs-control__btn{
     display: block;
     width: 100%;
   }
 }
.tbs-control__title{
  font-size: 20px;
  margin: 30px 0 20px;
  font-weight: 500;
}
.tbs-control__btn.active{
  background: #FFFFFF;
  color: #2196F3;
  border-color: #2196F3;
}
.tbs-control__box{
  display: none;
}
.tbs-control__box:first-of-type{
  display: block;
}
.hidden-contain{
  display: none;
}

 /*mobile service template*/


.addr-block{
  margin-bottom: 30px;
}
.addr-block__title{
  padding-bottom: 0;
}
.addr-block__hidden{
  padding: 20px 50px;
  box-sizing: border-box;
}
.addr-block__line, .addr-block__row{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  gap: 50px
}

.addr-block .form-group{
  width: 100%;
}
.addr-block  .form-checkbox p{
  font-size: 16px;
}
.addr-block  .form-checkbox p:before{
  top: 2px;
}
.addr-block  .form-checkbox p:after{
  top: 6px;
}

.search-addr{
  margin-top: 20px;
  position: relative;
}
.search-addr__caption{
  color: #90A4AE;
  margin-bottom: 10px;
  font-size: 16px;
}
.search-addr__field{
  background: none;
  border: 2px solid #C7D1D6;
  border-radius: 4px;
  transition: .3s ease;
  padding: 12px 16px 13px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1;
}

.search-addr.check{
  background-image: url(/local/templates/citicard/css/../svg/i-green-check.svg);
  background-position: 99% 43px;
  background-repeat: no-repeat;
  background-size: 17px;
}

.search-addr__field:focus{
  border-color: #2196F3;
}
.search-addr__field.error{
  border-color: red;
}
.search-addr .error-tooltip{
  font-weight: 400;
   position: absolute;
   bottom: -15px;
   right: 0;
   font-size: 12px;

   -webkit-transition: opacity .5s ease-in-out, -webkit-transform 1s ease-in;

   transition: opacity .5s ease-in-out, -webkit-transform 1s ease-in;

   -o-transition: opacity .5s ease-in-out, transform 1s ease-in;

   transition: opacity .5s ease-in-out, transform 1s ease-in;

   transition: opacity .5s ease-in-out, transform 1s ease-in, -webkit-transform 1s ease-in;
   -webkit-transform: scale(.5);
   -ms-transform: scale(.5);
   transform: scale(.5);
   text-align: center;
   white-space: nowrap;

   opacity: 0;
   color: #ff3737;
}



@media screen and (max-width: 575px) {
  .addr-block .form-group_inner-top .form-name{
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}
  .addr-block__hidden{
    padding: 10px 30px;
  }
  .addr-block__line, .addr-block__row{
    display: block;
  }
  .release__wrap{
    display: block;
  }
  .release__pic{
    height: 30px;
  }
}


.faq-tags{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 30px;
}
.faq-tags__item{
  background: #FFFFFF;
  border: 1px solid #D7DCE1;
  border-radius: 20px;
  display: block;
  padding: 10px 30px;
  color: #90A4AE;
  font-weight: 600;
  font-size: 16px;
  transition: .5s ease;
}
.faq-tags__item:hover{
  color: #2196F3;
}
.faq-tags__item.active{
  color: #fff;
  background: #2196F3;
  border-color: #2196F3;
}

 .popup-info {
   position: fixed;
   z-index: 9999;
   top: 0;
   left: 0;

   display: none;
   width: 100%;
   height: 100%;
   background-color: rgba(51, 51, 51, .5);
 }

/*
.popup-info__container{
  background: #FFFFFF;
  border-radius: 20px;
  padding: 45px 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  max-width: 715px;
  width: 95%;
}
*/
.popup-info__container{
  background: #FFFFFF;
  border-radius: 20px;
  padding: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  max-width: 488px;
  width: 95%;
}
.popup-info__container img{
  width: 100%;
  margin-bottom: 10px;
  border-radius: 14px;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.20);
}
.popup-info__close{
  position: absolute;
  right: 25px;
  top: 25px;
}
.popup-info__close g{
  transition: .5s ease;
}
.popup-info__close:hover g{
  stroke: #90a4ae;
}

.popup-info__title{
  font-weight: 600;
  font-size: 24px;
  color: #333333;
  margin-bottom: 10px;
}

.popup-info__subtitle{
  font-size: 18px;
  line-height: 1.3;
}

.popup-info__subtitle p{
  margin-bottom: 13px;
}

.popup-info__subtitle a{
  color: #0089F9;
  font-weight: 600;
}
.popup-info__subtitle a:hover{
  color: #ffab00;
}

.popup-info .btn{
  margin-top: 10px;
}
.open-popup-info{
  cursor: pointer;
}

.tooltyp-text-mobile{
  display: none;
}
@media screen and (max-width: 1100px) {
  .popup-info__container{
    padding: 50px
  }
  .popup-info__title{
    font-size: 18px;
  }
  .popup-info__subtitle{
    font-size: 14px;
  }
}
@media screen and (max-width: 575px) {
  .popup-info__container{
    padding: 40px;
  }
}


.app-virt-over{
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

.app-virt-card__box{
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}
.app-virt-card__info{
    position: relative;
}

.app-virt-card__pic, .app-virt-card__img, .app-virt-info__img{
  vertical-align: middle;
  width: 100%;
}

.app-virt-card__title{
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 250px;
  line-height: 1.3;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}
.app-virt-card__caption{
  position: absolute;
  bottom: 80px;
  left: 20px;
  line-height: 1.1;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}
.app-virt-card__contain{
  position: relative;
}

.app-virt-card__btn{
  position: absolute;
  width: calc(100% - 40px);
  left: 20px;
  bottom: 20px;
  background: #FFAB00;
  border-radius: 6px;
  padding: 13px 21px 15px;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  line-height: 1;
}

.app-virt-info{
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  margin-top: 55px;
}

.app-virt-info__title{
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
  text-align: center;
  color: #333333;
  margin-bottom: 20px;
}

.app-virt-info__img{
  display: block;
  filter: drop-shadow(0px 16px 16px rgba(0, 0, 0, 0.1));
  border-radius: 24px;
}

.app-virt-info__box{
  padding: 20px 20px 35px;
  box-sizing: border-box;
  position: relative;
  background: #F6F7F8;
}

.app-virt-info__info{
  margin-top: 15px;
  width: 300px;
}
.app-virt-info__info ul{
  color: #333333;
}
.app-virt-info__info li{
  position: relative;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.3;
  padding-left: 20px;
  border-radius: 10px;
}
.app-virt-info__info li:before{
  content: '';
  width: 5px;
  height: 5px;
  background: #333;
  position: absolute;
  left: 2px;
  border-radius: 100%;
  top: 7px;
}
.app-virt-info__txt{
  margin-top: 40px;
  line-height: 1.3;
  font-size: 20px;
}
.app-virt-info__txt a{
  font-weight: 600;
  color: #2196F3;
}
.app-virt-info__txt p{
  margin-bottom: 10px;
}

.register-card__tooltyps{
  position: relative;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}

.register-card__tooltyps span{
  transition: .3s ease-in;
  padding: 30px 40px 50px;
  box-sizing: border-box;
  box-shadow: 0px 4px 10px 0px rgba(0, 82, 151, 0.20);
  border-radius: 10px;
  border: 1px solid #EEF4F9;
  background: #fff;
  position: absolute;
  width: 900px;
  font-size: 20px;
  top: calc(100% + 10px);
  left: 0;
  transform: translateX(5%);
  z-index: 99;
}
.register-card__tooltyps .btn-close {
   position: absolute;
   top: 20px;
   right: 20px;
 }


@media screen and (max-width: 1023px) {
  .register-card__tooltyps span{
    width: 97vw;
    transform: translateX(-55%);
  }
}
@media screen and (max-width: 1023px) {
  .register-card__tooltyps span{
    width: 97vw;
        transform: translateX(-27%);
        font-size: 14px;
    padding: 30px 20px;
  }
}
@media screen and (max-width: 575px) {
  .register-card__tooltyps span{
        transform: translateX(-5%);
  }
}
#serviceCard{
  position: relative;
}
.call-warn{
 font-size: 20px;
  background: #ffeeba;
  margin-top: 20px;
  padding: 20px 30px;
  box-sizing: border-box;
  font-weight: 400;
  color: #ff3737;
  border-radius: 20px;
  color: #7a5e0a;
}
.call-warn p{
  margin-bottom: 0;
}
.mobile-service .call-warn{
  margin-top: 0;
  margin-bottom: 40px;
}

.mobile-service  .form-checkbox p{
    font-size: 15px;
}
.form-checkbox p:before{
  top: 0;
}
.form-checkbox p:after{
  top: 4px;
}

.check-replace-card__item{
  border-radius: 10px;
  border: 1px solid #2196F3;
  padding: 20px 20px 20px 64px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: .5s ease;
}
.check-replace-card__item:before{
   content: '';
  width: 24px;
  height: 24px;
  border: 1px solid #C7D1D6;
  background: #fff;
  box-sizing: border-box;
  border-radius: 100%;
  position: absolute;
  top: 20px;
  left: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.check-replace-card__item:after{
  content: '';
  width: 22px;
  height: 22px;
  border: 3px solid #fff;
  background: #2196F3;
  box-sizing: border-box;
  border-radius: 100%;
  position: absolute;
  top: 21px;
  left: 21px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  transition: .5s ease;
  opacity: 0;
}

.check-replace-card__item.active{
  box-sizing: 0 0 0 2px solid #2196F3;
}

.check-replace-card__item.active:before{
  border-color: #2196F3;
}

.check-replace-card__item.active:after{
  opacity: 1;
}
.check-replace-card__title{
  font-weight: 600;
  font-size: 18px;
}

.check-replace-card__txt{
  font-size: 18px;
  line-height: normal;
  margin: 10px 0;
}
.check-replace-card__txt b{
    color: #2196F3;
}
.check-replace-card__info{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  line-height: 1;
  font-size: 18px;
  gap: 20px;
  margin: 20px 0 -40px;
}

.check-replace-card__point{
  max-width: 450px;
  margin-bottom: 30px;
}

.err-serv{
  position: absolute;
  display: none;
  text-align: center;
  font-size: 25px;
  max-width: 950px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
}

.input-cart-number{
  margin: 30px 0;
  width: 100%;
}

.input-cart-number__title{
  font-size: 16px;
  color: #90A4AE;
  margin-bottom: 5px;
}

.input-cart-number__field{
  border-radius: 8px;
border: 1px solid  #2196F3;
  padding: 8px 20px 7px;
  line-height: normal;
  font-size: 20px;
  box-sizing: border-box;
  width: 100%;
}
.input-cart-number__field::placeholder{
  color: #90A4AE;
}


.control-btn{
  display: flex;
  gap: 30px;
  margin-top: 20px;
}
.control-btn .btn{
  font-size: 18px;
}

@media screen and (max-width: 575px) {
  .control-btn{
    flex-flow: column;
    gap: 15px;
  }
  .control-btn .btn{
    width: 100%;
    font-size: 16px ;
  }
}


.apps-block{
  text-align: center;
  padding: max(50px, 5vw) 0;
}

.apps-block__list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  width: 100%;
  margin: 30px auto 0;
}
.apps-block__item img{
  width: 100%;
  vertical-align: middle;
  max-width: 180px;
}

.gratitude-slider{
  overflow: hidden;
  max-width: 455px;
  margin: 40px auto 0;
}

.gratitude-slider__slide{
  text-align: center;
  height: clamp(500px, 40vw, 630px);
}
.gratitude-slider__slide img{
  display: inline-block;
  max-width: 90%;
}
.gratitude-slider__slide a{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gratitude-slider__title{
  color: #333;
  margin-bottom: 15px;
}
.gratitude-slider .slick-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 23px;
  height: 15px;
  font-size: 0;
  z-index: 3;
}

.gratitude-slider .slick-dots{
  justify-content: center;
  margin-top: 30px;
}
.gratitude-slider .slick-next{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='25' fill='none'%3E%3Cpath stroke='%232196F3' stroke-width='2' d='m1 .92 10.5 11.5L1 23.92'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  right: 0;
}
.gratitude-slider .slick-prev{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='25' fill='none'%3E%3Cpath stroke='%232196F3' stroke-width='2' d='M12 .92 1.5 12.42 12 23.92'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 0;
}


.accordion__link{
	font-size: 18px;
    font-weight: 500;
    display: block;
    margin: 10px 0;
}














/* End */
/* /local/templates/citicard/libs/select2/style.css?159000085916343 */
/* /local/templates/citicard/css/style.css?1752850031352413 */