@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

@dark:       23,26,30;

.font-family            {font-family: 'Inter', sans-serif};
.font-weight-light      {font-weight: 300};
.font-weight-normal     {font-weight: 400};
.font-weight-semibold   {font-weight: 500};
.font-weight-bold       {font-weight: 600};

.font-dark              {color: rgba(@dark,1)};
.font-gray              {color: #777};
.font-red               {color: #F93154};
.font-green             {color: #00B74A};
.font-link              {color: #1266F1};
.transition             {transition: all .2s ease};

@import 'normalize.less';

html {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0 30px;
  .font-family;
  font-size: 14px;
  line-height: 1.4;
  .font-weight-normal;
  color: rgba(@dark,1);
}

a,
a:hover,
a:focus {
  .font-dark;
  text-decoration: none;
  outline: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
b,
strong {
  .font-weight-bold;
}
u {
  text-decoration: underline;
}
p {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
}
h1 {
  display: block;
  font-size: 48px;
  .font-weight-bold;
  text-transform: uppercase;
}
h2 {
  display: block;
  font-size: 32px;
  .font-weight-bold;
  text-transform: uppercase;
}
.nowrap {
  white-space: nowrap;
}

/* DATE PICKER */
.ui-datepicker {
  display: none;
  width: 350px;
  margin-top: 4px;
  padding: 20px;
	background: #fff;
	box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.15);
}
.ui-datepicker a,
.ui-datepicker a:hover,
.ui-datepicker a:focus {
  color: rgba(@dark,1);
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-header {
  display: block;
  position: relative;
	margin: 0 0 20px 0;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title {
  display: block;
  font-size: 18px;
	.font-weight-bold;
  text-align: left;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  display: block;
  position: absolute;
  top: 50%;
	width: 16px;
	height: 16px;
  margin: -8px 0;
  padding: 0;
  background: no-repeat center;
  background-size: contain;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled {
  opacity: .3;
}
.ui-datepicker .ui-datepicker-prev {
  right: 20px;
  background-image: url('../images/icon-calendar-prev.svg');
}
.ui-datepicker .ui-datepicker-next {
  right: 0;
  background-image: url('../images/icon-calendar-next.svg');
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar thead th,
.ui-datepicker .ui-datepicker-calendar tbody td {
	text-align: center;
	padding: 0;
  font-size: 12px;
}
.ui-datepicker .ui-datepicker-calendar thead th {
  padding: 10px 0;
  .font-weight-bold;
}
.ui-datepicker .ui-datepicker-calendar tbody {
  border-left: 1px solid rgba(@dark,.05);
  border-top: 1px solid rgba(@dark,.05);
}
.ui-datepicker .ui-datepicker-calendar tbody td {
  min-width: 40px;
  border-right: 1px solid rgba(@dark,.05);
  border-bottom: 1px solid rgba(@dark,.05);
}
.ui-datepicker .ui-datepicker-calendar tbody td span,
.ui-datepicker .ui-datepicker-calendar tbody td a {
  display: block;
  position: relative;
  width: calc(100% + 2px);
  margin: -1px;
  padding: 10px 0;
  border: 1px solid rgba(@dark,0);
  transition: all .2s ease;
}
.ui-datepicker .ui-datepicker-calendar tbody td a:hover,
.ui-datepicker .ui-datepicker-calendar tbody td a:focus {
  border-color: rgba(@dark,1);
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {
  color: #fff;
  border-color: rgba(@dark,1);
  background: rgba(@dark,1);
}
.ui-datepicker .ui-datepicker-current-day {
	background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
  opacity: .3;
}

.btn,
.btn:hover,
.btn:focus {
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 17px 40px;
  font-size: 12px;
  line-height: 16px;
  .font-weight-bold;
  color: rgba(23,26,30,1);
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  text-decoration: none;
  background: transparent;
  border: 1px solid rgba(23,26,30,1);
  .transition;
}
.btn.light {
  opacity: .3;
}
.btn:hover,
.btn:focus {
  color: #fff;
  background: rgba(23,26,30,1);
  opacity: 1;
}

.form-control,
.form-control:hover,
.form-control:focus,
.custom-select .custom-text {
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  padding: 5px 0 15px 0;
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
  .font-weight-bold;
  text-transform: uppercase;
  vertical-align: middle;
  box-shadow: none;
  background: #fff;
  border: 0;
  border-bottom: 1px solid rgba(@dark,.1);
  border-radius: 0;
  outline: 0;
}
.form-control::placeholder {
  color: rgba(@dark,.2);
}

.form-group {
  display: block;
  position: relative;
  margin: 0 0 15px 0;
  padding: 0;
}
.form-group .form-control {
  position: relative;
  z-index: 1;
}
.form-group.success:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: 7px;
  right: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  background: url('../images/icon-check.svg') no-repeat center;
  background-size: contain;
}
.form-group.success .form-control {
  border-bottom-color: rgba(@dark,1);
}
.form-group.icon .form-control {
  padding-left: 36px;
}
.form-group.icon::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 3;
  top: 3px;
  left: 0;
  width: 24px;
  height: 24px;
  background: no-repeat center;
  background-size: contain;
  opacity: .3;
}
.form-group.icon.user::before {
  background-image: url('../images/icon-user.svg');
}
.form-group.icon.phone::before {
  background-image: url('../images/icon-phone.svg');
}
.form-group.icon.mail::before {
  background-image: url('../images/icon-mail.svg');
}
.form-group.icon.date::before {
  background-image: url('../images/icon-calendar.svg');
}
.form-group.icon.time::before {
  background-image: url('../images/icon-clock.svg');
}
.form-group .show-password {
  display: block;
  position: absolute;
  z-index: 3;
  top: 3px;
  right: 0;
  width: 24px;
  height: 24px;
  background: url('../images/icon-show-password.svg') no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.form-group .password-reset {
  display: block;
  margin: 15px 0 0 0;
  padding: 0;
  .font-weight-semibold;
  text-align: right;
}

/* SCROLL */
.mCustomScrollbar {
  overflow: hidden;
  -ms-touch-action: pinch-zoom;
      touch-action: pinch-zoom;
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
      touch-action: auto;
}
.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}
.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
.mCSB_scrollTools {
	position: absolute;
	width: 10px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
	right: auto;
	left: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
	width: 10px;
  height: 100%;
	margin: 0;
}
.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	z-index: 1;
	width: 100%;
	height: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 2px;
	height: 100%;
	margin: 0 4px;
  background: rgba(@dark,1);
}
/* SELECT */
.custom-select.done select {
  display: none;
  visibility: hidden;
}
.custom-select {
  position: relative;
  z-index: 1;
}
.custom-select.open_list {
  z-index: 10;
}
.custom-select .custom-text {
  overflow: hidden;
  z-index: 2;
  cursor: pointer;
}
.custom-select .custom-text:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 3;
  top: 12px;
  right: 0;
  width: 12px;
  height: 12px;
  border: 6px solid transparent;
  border-top-color: rgba(@dark,1);
}
.custom-select.open_list .custom-text:after {
  top: 6px;
  transform: rotate(180deg);
}
.select-list {
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: 1;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 15px 0;
  background: #fff;
  box-shadow: 0 14px 40px rgba(0,0,0,.15);
}
.select-list ul,
.select-list ul li {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}
.select-list ul {
  padding: 0;
}
.select-list ul li {
  padding: 10px 25px;
  font-size: 16px;
  text-transform: uppercase;
  .font-weight-normal;
  color: rgba(@dark,1);
  cursor: pointer;
}
.select-list ul li:hover {
  .font-weight-bold;
}
.select-list ul li.selected {
  .font-weight-bold;
  background: rgba(@dark,.06);
}
.select-list .mCustomScrollbar {
  max-height: 250px;
}

#tooltip {
  display: block;
  position: absolute;
  z-index: 99;
  min-width: 150px;
  max-width: 250px;
  margin: 0;
  padding: 15px;
  text-align: left;
  white-space: normal;
  background: #fff;
  box-shadow: 0px 14px 40px rgba(0, 0, 0, .15);
}

@import 'grid.less';
//@import '_bootstrap-theme.less';

button.close {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,.1);
}
button.close::before,
button.close::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  margin: -1px -10px;
  background: #000;
  .transition;
}
button.close::before {
  transform: rotate(45deg);
}
button.close::after {
  transform: rotate(-45deg);
}
button.close:hover::before,
button.close:focus::before {
  transform: rotate(225deg);
}
button.close:hover::after,
button.close:focus::after {
  transform: rotate(135deg);
}

.modal {
  display: block;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  .transition;
}
.modal-wrapper {
  display: flex;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
  min-width: 100%;
  min-height: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.modal-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -20px;
  padding: 0;
  background: rgba(0,0,0,.6);
  backdrop-filter: blur(5px);
}
.modal-container {
  display: block;
  position: relative;
  margin: 0;
  padding: 25px 30px;
  background: #fff;
}
.modal-container .close {
  z-index: 3;
  top: 20px;
  right: 20px;
  width: 26px;
  height: 26px;
  border: 0;
}
.modal-content {
  display: block;
  margin: 0;
  padding: 0;
}
.modal-head {
  display: block;
  margin: 0 0 30px 0;
  padding: 0 26px 0 0;
  font-size: 24px;
  .font-weight-bold;
  text-transform: uppercase;
  text-align: left;
}
.modal-body {
  display: block;
  margin: 0 0 30px 0;
  padding: 0;
}
.modal-buttons {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 -8px;
}
.modal-buttons .btn {
  flex: 1 1 auto;
  margin: 0 8px;
}
.modal-buttons.btn-2 .btn {
  flex: 1 1 50%;
}
.modal.full {
  padding: 0;
}
.modal.full .modal-wrapper {
  align-items: stretch;
}
.modal.full .modal-wrapper::before {
  display: none;
}
.modal.full .modal-container {
  height: 100vh;
}
.modal.full .modal-content {
  display: flex;
  position: absolute;
  flex-flow: column;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 25px 30px;
  padding: 0;
}
.modal.full .modal-head {
  flex: 0 0 auto;
  padding: 0;
}
.modal.full .modal-body {
  flex: 1 1 auto;
  margin-right: -20px;
}
.modal.full .modal-body .mCSB_container {
  padding-right: 20px;
}
.modal.full .modal-foot {
  flex: 0 0 auto;
}

body.modal-opened .modal {
  visibility: visible;
  opacity: 1;
}

header {
  display: block;
  margin: 0 -30px 80px -30px;
  padding: 0 20px;
}
header .header {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  margin: 0;
  padding: 25px 0;
  border-bottom: 1px solid rgba(23,26,30,.1);
}
header .brand,
header .brand:hover,
header .brand:focus {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  align-items: center;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
header .brand img {
  flex: 0 0 auto;
  wisth: 70px;
  height: auto;
  margin: 0 50px 0 0;
  padding: 0;
}
header .brand span {
  font-size: 16px;
  line-height: 28px;
  .font-weight-normal;
  white-space: nowrap;
  text-transform: uppercase;
}
header .navbar {
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  .font-weight-semibold;
}
header .navbar ul,
header .navbar ul li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
header .navbar ul {
  margin: -5px 0;
}
header .navbar ul li {
  padding: 5px 0;
}
header .navbar .col-menu {
  margin: 0 70px 0 0;
  padding: 0;
}
header .navbar .col-contact {
  margin: 0 70px 0 0;
  padding: 0;
}
header .navbar .col-cabinet {
  margin: 0;
  padding: 0;
}
header .navbar .col-cabinet .icon {
  display: block;
  width: 40px;
  margin: 0 0 20px 0;
  padding: 0;
}
header .navbar .col-cabinet .text {
  text-transform: uppercase;
  white-space: nowrap;
}

header .burger {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  right: 0;
  margin: -20px 0;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,.1);
}
header .burger::before,
header .burger::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
}
header .burger::before {
  height: 2px;
  margin: -1px -10px;
  background: #000;
}
header .burger::after {
  height: 12px;
  margin: -6px -10px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

.mobile-menu {
  display: block;
  position: fixed;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  transition: all .2s ease;
}
.mobile-menu  button.close {
  z-index: 3;
  top: 25px;
  right: 25px;
}
.mobile-menu-content {
  display: flex;
  position: absolute;
  flex-flow: column;
  align-content: center;
  max-width: 400px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 25px;
}
.mobile-menu-content .cabinet {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
}
.mobile-menu-content .cabinet a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 0 0 40px 0;
  padding: 0;
}
.mobile-menu-content .cabinet a img {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 12px 0 0;
  padding: 0;
  object-fit: contain;
  object-position: center;
}
.mobile-menu-content .cabinet a span {
  .font-weight-semibold;
  text-transform: uppercase;
}
.mobile-menu-content .navbar {
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  justify-content: center;
}
.mobile-menu-content .navbar ul,
.mobile-menu-content .navbar ul li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-menu-content .navbar ul {
  margin: -7px 0;
}
.mobile-menu-content .navbar ul li {
  padding: 7px 0;
  font-size: 24px;
  .font-weight-bold;
  text-transform: uppercase;
}
.mobile-menu-content .navbar ul li.active a {
  position: relative;
  padding-left: 20px;
}
.mobile-menu-content .navbar ul li.active a::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  margin: -4px 0;
  padding: 0;
  border: 4px solid transparent;
  border-left-color: rgba(@dark, 1);
}
.mobile-menu-content .contacts {
  flex: 0 0 auto;
  margin: 0;
  padding: 40px 0 20px 0;
  border-top: 1px solid rgba(@dark,.1);
}
.mobile-menu-content .contacts ul,
.mobile-menu-content .contacts ul li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-menu-content .contacts ul {
  margin: -5px 0;
}
.mobile-menu-content .contacts ul li {
  padding: 5px 0;
  .font-weight-semibold;
  text-transform: uppercase;
}

footer {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 -20px;
  padding: 60px 20px;
  .font-weight-semibold;
  text-transform: uppercase;
  background: #fff;
}
footer ul,
footer ul li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
footer ul {
  margin: -5px 0;
}
footer ul li {
  padding: 5px 0;
}
footer .col-copy {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  justify-content: flex-end;
}
footer .col-copy p {
  display: block;
  margin: 0;
  padding: 0;
}


.page-header {
  display: block;
  margin: 0 0 60px 0;
  padding: 0;
}
.page-header h1 {
  margin: 0;
  padding: 0;
}
.page-header h2 {
  margin: 0;
  padding: 0;
}
.page-header p {
  display: block;
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 16px;
}
.page-header .nav {
  display: block;
  margin: 40px 0 0 0;
  padding: 10px 0;
  border-bottom: 1px solid rgba(@dark,.1);
}
.page-header .nav::before,
.page-header .nav::after {
  content: '';
  display: table;
  clear: both;
}
.page-header .nav ul,
.page-header .nav ul li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-header .nav ul {
  margin: -5px -15px;
}
.page-header .nav ul li {
  float: left;
  padding: 5px 15px;
}
.page-header .nav ul li a {
  .font-weight-semibold;
  text-decoration: none;
  text-transform: uppercase;
  color: rgba(@dark,.3);
  .transition;
}
.page-header .nav ul li.active a,
.page-header .nav ul li a:hover,
.page-header .nav ul li a:focus {
  text-decoration: none;
  color: rgba(@dark,1);
}

.page-loadmore {
  display: block;
  margin: 0;
  padding: 60px 0;
  text-align: center;
}
.page-loadmore .btn {
  min-width: 400px;
}

.gallery-header {
  display: block;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  font-size: 14px;
  .font-weight-normal;
  text-transform: none;
  border-bottom: 1px solid rgba(@dark,.1);
}
.gallery-header h2 {
  margin: 0;
  padding: 0;
}
.gallery-header .content {
  display: flex;
  flex-flow: row nowrap;
}
.gallery-header .content .left {
  flex: 1 1 auto;
  margin: 0 100px 0 0;
  padding: 0;
}
.gallery-header .content .right {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}
.gallery-header .content .right ul,
.gallery-header .content .right ul li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.gallery-header .content .right ul li {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  .font-weight-semibold;
  text-transform: uppercase;
  white-space: nowrap;
}
.gallery-header .content .right ul li .text {
  flex: 1 1 auto;
  margin: 0 20px 0 0;
  padding: 0;
}
.gallery-header .content .right ul li .count {
  flex: 0 0 50px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  .font-weight-bold;
}
.gallery-footer {
  display: block;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid rgba(@dark,.1);
}

.gallery-card {
  display: block;
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
}
.gallery-card img {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  mamrgin: 0;
  padding: 0;
}
.gallery-card .check {
  display: block;
  position: absolute;
  z-index: 9;
  top: 8px;
  left: 8px;
  margin: 0;
  padding: 0;
}
.gallery-card .check input {
  display: none;
  visibility: hidden;
}
.gallery-card .check label {
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.gallery-card .check label span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.gallery-card .check label span::before {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px;
  padding: 0;
  background: rgba(@dark,1);
  border-radius: 50%
}
.gallery-card .check input:checked + label span {
  box-shadow: 0 0 0 2px rgba(@dark,1);
}
.gallery-card .check input:checked + label span::before {
  display: block;
}



.nav-pills {
  display: block;
  margin: 0;
  padding: 30px;
  background: #fff;
  border: 1px solid rgba(@dark,.1);
}
.nav-pills ul,
.nav-pills ul li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-pills ul {
  margin: -15px 0;
}
.nav-pills ul li {
  padding: 15px 0;
}
.nav-pills ul li a {
  display: inline-block;
  position: relative;
  font-size: 18px;
  color: rgba(@dark,.3);
  text-decoration: none;
  .transition;
}
.nav-pills ul li a:hover,
.nav-pills ul li a:focus {
  color: rgba(@dark,.6);
}
.nav-pills ul li.active a {
  padding-left: 20px;
  .font-weight-semibold;
  color: rgba(@dark,1);
}
.nav-pills ul li.active a::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  margin: -4px 0;
  padding: 0;
  border: 4px solid transparent;
  border-left-color: rgba(@dark,1);
}

.card {
  display: block;
  margin: 0 0 60px 0;
  padding: 0;
}
.card .cover {
  display: block;
  margin: 0;
  padding: 0;
}
.card .cover img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.card .head {
  display: block;
  margin: 40px 0 0 0;
  padding: 0;
}
.card .head .title {
  font-size: 16px;
  .font-weight-bold;
  text-transform: uppercase;
}
.card .head ul,
.card .head ul li {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.card .head ul {
  flex-flow: row wrap;
  margin: 15px -5px 0 -5px;
}
.card .head ul li {
  position: relative;
  padding: 0 5px;
  font-size: 16px;
}
.card .head ul li.icon {
  padding-left: 30px;
  opacity: .3;
}
.card .head ul li.icon::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 18px;
  height: 18px;
  margin: -9px 0;
  padding: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.card .head ul li.icon.location::before {
  background-image: url('../images/icon-location.svg');
}
.card .head ul li.icon.date::before {
  background-image: url('../images/icon-calendar.svg');
}
.card .content {
  display: block;
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 16px;
}

.card-team .head {
  margin-top: 30px;
}
.card-team .head ul {
  margin-top: 10px;
}
.card-review .content {
  margin-top: 0;
  padding: 0 10px 100px 10px;
}
.card-review .content .review-text {
  display: block;
  position: relative;
  margin: 0;
  padding: 60px 0;
  font-size: 16px;
}
.card-review .content .review-text .title {
  display: block;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 18px;
  .font-weight-semibold;
}
.card-review .content .review-text::before,
.card-review .content .review-text::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  background: url('../images/icon-review-quote.svg') no-repeat center;
  background-size: contain;
}
.card-review .content .review-text::before {
  top: 0;
}
.card-review .content .review-text::after {
  bottom: 0;
  transform: rotate(180deg);
}
.card-review .content .review-info {
  display: block;
  margin: 40px 0 0 0;
  padding: 0;
}
.card-review .content .review-info .author {
  display: block;
  font-size: 18px;
  .font-weight-semibold;
}
.card-review .content .review-info .city {
  display: block;
  opacity: .54;
}

.order-list {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
.order-item {
  display: table-row;
  margin: 0;
  padding: 0;
}
.order-item .content,
.order-item .actions {
  display: table-cell;
  margin: 0;
  padding: 15px 0;
}
.order-item:not(:last-child) .content,
.order-item:not(:last-child) .actions {
  border-bottom: 1px solid rgba(@dark,.1);
}
.order-item .content .title {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
  .font-weight-semibold;
}
.order-item .content ul,
.order-item .content ul li {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.order-item .content ul {
  flex-flow: row wrap;
  margin: 5px -5px 0 -5px;
}
.order-item .content ul li {
  position: relative;
  padding: 0 5px;
}
.order-item .content ul li.icon {
  padding-left: 25px;
}
.order-item .content ul li.icon::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 16px;
  height: 16px;
  margin: -8px 0;
  padding: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.order-item .content ul li.icon.location::before {
  background-image: url('../images/icon-location.svg');
}
.order-item .content ul li.icon.date::before {
  background-image: url('../images/icon-calendar.svg');
}
.order-item .content ul li.icon.time::before {
  background-image: url('../images/icon-clock.svg');
}
.order-item .actions {
  width: 100px;
}
.order-item .actions ul,
.order-item .actions ul li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.order-item .actions ul {
  margin: -5px 0;
}
.order-item .actions ul li {
  padding: 5px 0;
}
.order-item .actions a {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 12px;
  .font-weight-bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  white-space: nowrap;
}
.order-item .actions a.icon {
  padding-left: 25px;
}
.order-item .actions a.icon::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 15px;
  margin: -8px 0;
  padding: 0;
  background: no-repeat center;
  background-size: contain;
  opacity: .3;
}
.order-item .actions a.icon:hover::before,
.order-item .actions a.icon:focus::before {
  opacity: 1;
}
.order-item .actions a.icon.download::before {
  background-image: url('../images/icon-download.svg');
}
.order-item .actions a.icon.review::before {
  background-image: url('../images/icon-review.svg');
}
.order-item .actions a.icon.gallery::before {
  background-image: url('../images/icon-gallery.svg');
}
.order-item .actions a.icon.delete::before {
  background-image: url('../images/icon-delete.svg');
}
.order-item .actions a.icon.success::before {
  background-image: url('../images/icon-success.svg');
}
.order-item .actions a.disable {
  color: rgba(@dark,.3);
}
.order-item .actions a.disable:hover,
.order-item .actions a.disable:focus {
  cursor: default;
  text-decoration: none;
}
.order-item .actions a.disable.icon:hover::before,
.order-item .actions a.disable.icon:focus::before {
  opacity: .3;
}
.order-item .actions .help-tooltip.icon {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin: -3px 0;
  padding: 0;
  background: url('../images/icon-help.svg') no-repeat center;
  background-size: contain;
  opacity: .3;
  cursor: pointer;
}
.order-item .actions .help-tooltip.icon:hover,
.order-item .actions .help-tooltip.icon:focus {
  opacity: 1;
}

.card-lg {
  display: block;
  margin: 0;
  padding: 0;
}
.card-lg .cover {
  display: block;
  margin: 0;
  padding: 0;
}
.card-lg .cover img {
  display: block;
  width: 100%;
  height: auto;
}
.card-lg .content {
  display: block;
  margin: 40px 0 0 0;
  padding: 0;
  font-size: 16px;
}
.card-lg .prices {
  display: block;
  margin: 40px 0 0 0;
  padding: 20px;
  background: #fff;
  border: 1px solid rgba(@dark,.1);
}
.card-lg .prices ul,
.card-lg .prices ul li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.card-lg .prices ul {
  margin: -4px 0;
}
.card-lg .prices ul li {
  display: flex;
  flex-flow: row nowrap;
  padding: 4px 0;
}
.card-lg .prices ul li .name {
  flex: 0 0 auto;
  .font-weight-semibold;
  color: rgba(@dark,.7);
}
.card-lg .prices ul li .price {
  flex: 0 0 150px;
  .font-weight-bold;
}
.card-lg .prices ul li .line {
  flex: 1 1 auto;
  margin: 0 10px;
  border-bottom: 2px dotted rgba(@dark,.1);
}
.card-lg .buttons {
  display: block;
  margin: 40px 0 0 0;
  padding: 0;
}

@import 'carousel.less';
@import 'module.less';

.row-cabinet {
  flex-flow: row nowrap;
  margin: 0;
  padding: 0 0 100px 0;
}
.col-cabinet-nav {
  flex: 0 0 350px;
  margin: 0 100px 0 0;
  padding: 0;
}
.col-cabinet-content {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
}
.col-cabinet-content .collapse-item .collapse-head {
  display: none;
  position: relative;
  margin: 0 0 40px 0;
  padding: 0;
  font-size: 24px;
  .font-weight-bold;
  text-transform: uppercase;
}
.col-cabinet-content .collapse-item.opened .collapse-head {
  display: block;
}
.col-cabinet-content .collapse-body form {
  display: block;
  max-width: 500px;
  margin: 0;
  padding: 0;
}
.col-cabinet-content .collapse-body form .btn {
  margin-top: 40px;
}


















@import 'mobile.less';