@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Roboto:wght@400;500;700&family=Rubik+Beastly&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap");

@font-face {
    font-family: "Circe";
    src: url("../fonts/circe/CirceRegular.eot");
    src: local("Circe"), local("CirceRegular"),
    url("../fonts/circe/CirceRegular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/circe/CirceRegular.woff") format("woff"),
    url("../fonts/circe/CirceRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Circe";
    src: url("../fonts/circe/CirceBold.eot");
    src: local("Circe Bold"), local("CirceBold"), url("../fonts/circe/CirceBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/circe/CirceBold.woff") format("woff"), url("../fonts/circe/CirceBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

.fancybox-active {
    height: auto;
}

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

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

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

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

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.87;
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.25s, visibility 0s linear 0.25s;
    transition: opacity 0.25s, visibility 0s linear 0.25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    -webkit-transition: opacity 0.25s, visibility 0s;
    transition: opacity 0.25s, visibility 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    max-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 99994;
}

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

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    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 6px;
}

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

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px 0;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

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

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

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

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

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

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

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

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

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

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

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

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

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.bingc-phone-button {
    bottom: 115px !important;
    right: 0 !important;
}

body #bingc-phone-button div.bingc-phone-button-tooltip {
    background: #009483 !important;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form input.bingc-passive-get-phone-form-input::-webkit-input-placeholder {
    font-size: 18px
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form input.bingc-passive-get-phone-form-input::-moz-placeholder {
    font-size: 18px
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form input.bingc-passive-get-phone-form-input:placeholder {
    font-size: 18px;
}

body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-statistics {
    display: none
}

body #bingc-phone-button.bingc-show {
    -moz-transform: scale(.8);
    -webkit-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

/* Buttons */
.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    vertical-align: top;
    width: 44px;
}

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

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

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision;
}

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

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

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

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

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

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px;
}

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

.fancybox-navigation .fancybox-button::after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px;
}

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

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

/* Close button on the top right corner of html content */
.fancybox-close-small {
    background: transparent;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10;
}

.fancybox-close-small svg {
    fill: transparent;
    opacity: 0.8;
    stroke: currentColor;
    stroke-width: 1.5;
    -webkit-transition: stroke 0.1s;
    transition: stroke 0.1s;
}

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

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

.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px;
}

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

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

/* Caption */
.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px 25px 44px;
    right: 0;
}

.fancybox-caption::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1;
}

.fancybox-caption::after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    content: "";
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
    -webkit-animation: fancybox-rotate 0.8s infinite linear;
    animation: fancybox-rotate 0.8s infinite linear;
    background: transparent;
    border: 6px solid rgba(100, 100, 100, 0.5);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: 0.6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

/* Transition effects */
.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

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

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

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

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

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

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

/* Share */
.fancybox-share {
    background: #f4f4f4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    max-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    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 {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995;
}

.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;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x > ul {
    overflow: hidden;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: -webkit-calc(100% - 8px);
    max-height: calc(100% - 8px);
    max-width: -webkit-calc(50% - 4px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
}

.fancybox-thumbs > ul > li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fancybox-thumbs > ul > li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */

/*! jQuery UI - v1.12.1 - 2018-07-19
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, button.css, controlgroup.css, checkboxradio.css, menu.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-button {
    padding: 0.4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: -webkit-calc(100% - 2.4em);
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    -webkit-border-radius: 0.12em;
    border-radius: 0.12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit;
}

.ui-slider-horizontal {
    height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: 0.8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
    works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    -webkit-box-shadow: 0 0 3px 1px rgb(94, 158, 214);
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}


/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

/* @font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Cuprum Regular'), local('Cuprum-Regular'), url(https://fonts.gstatic.com/s/cuprum/v9/dg4k_pLmvrkcOkBNIutH.ttf) format('truetype');
}
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(https://fonts.gstatic.com/s/cuprum/v9/dg4n_pLmvrkcOkBFnc5XjJwt.ttf) format('truetype');
}

@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Arimo Regular'), local('Arimo-Regular'), url(https://fonts.gstatic.com/s/arimo/v11/P5sMzZCDf9_T_10UxCQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Arimo Bold'), local('Arimo-Bold'), url(https://fonts.gstatic.com/s/arimo/v11/P5sBzZCDf9_T_1Wi4TROrZc.ttf) format('truetype');
} */

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

progress {
    vertical-align: baseline;
}

template,
[hidden] {
    display: none;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0;
}

optgroup {
    font-weight: bold;
}

button,
input {
    overflow: visible;
    outline: none;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

:root {
    --blue: #00bbd3;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: rgba(255, 0, 0, 0.6);
    --orange: #fd7e14;
    --yellow: #bda800;
    --green: #009483;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #00bbd3;
    --secondary: #6c757d;
    --success: #009483;
    --info: #17a2b8;
    --warning: #bda800;
    --danger: rgba(255, 0, 0, 0.6);
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

/*body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Circe, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #333333; text-align: left; background-color: #fff; }*/

body {
    margin: 0;
    font-family: "Circe", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333333;
    text-align: left;
    background-color: #fff;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 0px;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

dfn {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
    font-size: 15px;
}

a {
    color: #00bbd3;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    color: #007787;
    text-decoration: underline;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0;
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    -webkit-border-radius: 0;
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    max-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

h1,
.h1 {
    font-size: 2rem;
}

h2,
.h2 {
    font-size: 1.8rem;
}

h3,
.h3 {
    font-size: 1.75rem;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 80%;
    font-weight: 400;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}

.blockquote-footer::before {
    content: "\2014 \00A0";
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #6c757d;
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem;
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 12px;
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6;
}

.table .table {
    background-color: #fff;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #b8ecf3;
}

.table-hover .table-primary:hover {
    background-color: #a2e6ef;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #a2e6ef;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
    background-color: #b8e1dc;
}

.table-hover .table-success:hover {
    background-color: #a6d9d3;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #a6d9d3;
}

.table-info,
.table-info > th,
.table-info > td {
    background-color: #bee5eb;
}

.table-hover .table-info:hover {
    background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #ede7b8;
}

.table-hover .table-warning:hover {
    background-color: #e8e0a4;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #e8e0a4;
}

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: rgba(255, 219, 219, 0.888);
}

.table-hover .table-danger:hover {
    background-color: rgba(255, 194, 194, 0.888);
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: rgba(255, 194, 194, 0.888);
}

.table-light,
.table-light > th,
.table-light > td {
    background-color: #fdfdfe;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #fff;
    background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #32383e;
}

.table-dark.table-bordered {
    border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
    border: 0;
}

.form-control {
    display: block;
    width: 100%;
    height: -webkit-calc(2.25rem + 2px);
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #54ebff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
}

.form-control::-webkit-input-placeholder {
    color: #636367;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #636367;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #636367;
    opacity: 1;
}

.form-control::placeholder {
    color: #636367;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: -webkit-calc(0.375rem + 1px);
    padding-top: calc(0.375rem + 1px);
    padding-bottom: -webkit-calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: -webkit-calc(0.5rem + 1px);
    padding-top: calc(0.5rem + 1px);
    padding-bottom: -webkit-calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: -webkit-calc(0.25rem + 1px);
    padding-top: calc(0.25rem + 1px);
    padding-bottom: -webkit-calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm {
    height: -webkit-calc(1.8125rem + 2px);
    height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem;
}

.form-control-lg {
    height: -webkit-calc(2.875rem + 2px);
    height: calc(2.875rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
}

select.form-control[size],
select.form-control[multiple] {
    height: auto;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
    color: #6c757d;
}

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    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;
    padding-left: 0;
    margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #009483;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(0, 148, 131, 0.9);
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #009483;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #009483;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 148, 131, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 148, 131, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip,
.form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
    color: #009483;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
    color: #009483;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
    background-color: #15ffe4;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
    background-color: #00c7b0;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 148, 131, 0.25);
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 148, 131, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
    border-color: #009483;
}

.was-validated .custom-file-input:valid ~ .custom-file-label::after,
.custom-file-input.is-valid ~ .custom-file-label::after {
    border-color: inherit;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 148, 131, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 148, 131, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: rgba(255, 0, 0, 0.6);
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(255, 0, 0, 0.9);
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: rgba(255, 0, 0, 0.6);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: rgba(255, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip,
.form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
    color: rgba(255, 0, 0, 0.6);
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
    color: rgba(255, 0, 0, 0.6);
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
    background-color: rgba(255, 128, 128, 0.6);
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    background-color: rgba(255, 51, 51, 0.6);
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
    border-color: rgba(255, 0, 0, 0.6);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label::after,
.custom-file-input.is-invalid ~ .custom-file-label::after {
    border-color: inherit;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.form-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-inline .form-check {
    width: 100%;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn:hover,
.btn:focus {
    text-decoration: none;
}

.btn:focus,
.btn.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
}

.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #00bbd3;
    border-color: #00bbd3;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0099ad;
    border-color: #008ea0;
}

.btn-primary:focus,
.btn-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #00bbd3;
    border-color: #00bbd3;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #008ea0;
    border-color: #008393;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.5);
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary:focus,
.btn-secondary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-success {
    color: #fff;
    background-color: #009483;
    border-color: #009483;
}

.btn-success:hover {
    color: #fff;
    background-color: #006e61;
    border-color: #006156;
}

.btn-success:focus,
.btn-success.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 148, 131, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(0, 148, 131, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #009483;
    border-color: #009483;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #006156;
    border-color: #00544b;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 148, 131, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(0, 148, 131, 0.5);
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.btn-info:focus,
.btn-info.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-warning {
    color: #212529;
    background-color: #bda800;
    border-color: #bda800;
}

.btn-warning:hover {
    color: #fff;
    background-color: #978600;
    border-color: #8a7b00;
}

.btn-warning:focus,
.btn-warning.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(189, 168, 0, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(189, 168, 0, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #bda800;
    border-color: #bda800;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #8a7b00;
    border-color: #7d6f00;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(189, 168, 0, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(189, 168, 0, 0.5);
}

.btn-danger {
    color: #fff;
    background-color: rgba(255, 0, 0, 0.6);
    border-color: rgba(255, 0, 0, 0.6);
}

.btn-danger:hover {
    color: #fff;
    background-color: rgba(217, 0, 0, 0.6);
    border-color: rgba(204, 0, 0, 0.6);
}

.btn-danger:focus,
.btn-danger.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: rgba(255, 0, 0, 0.6);
    border-color: rgba(255, 0, 0, 0.6);
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: rgba(204, 0, 0, 0.6);
    border-color: rgba(191, 0, 0, 0.6);
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5);
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-primary {
    color: #00bbd3;
    background-color: transparent;
    background-image: none;
    border-color: #00bbd3;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #00bbd3;
    border-color: #00bbd3;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #00bbd3;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #00bbd3;
    border-color: #00bbd3;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.5);
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
    color: #009483;
    background-color: transparent;
    background-image: none;
    border-color: #009483;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #009483;
    border-color: #009483;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 148, 131, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(0, 148, 131, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #009483;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #009483;
    border-color: #009483;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 148, 131, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(0, 148, 131, 0.5);
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
    color: #bda800;
    background-color: transparent;
    background-image: none;
    border-color: #bda800;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #bda800;
    border-color: #bda800;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(189, 168, 0, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(189, 168, 0, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #bda800;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #bda800;
    border-color: #bda800;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(189, 168, 0, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(189, 168, 0, 0.5);
}

.btn-outline-danger {
    color: rgba(255, 0, 0, 0.6);
    background-color: transparent;
    background-image: none;
    border-color: rgba(255, 0, 0, 0.6);
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: rgba(255, 0, 0, 0.6);
    border-color: rgba(255, 0, 0, 0.6);
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: rgba(255, 0, 0, 0.6);
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: rgba(255, 0, 0, 0.6);
    border-color: rgba(255, 0, 0, 0.6);
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5);
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
    font-weight: 400;
    color: #00bbd3;
    background-color: transparent;
}

.btn-link:hover {
    color: #007787;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
}

.btn-link:focus,
.btn-link.focus {
    text-decoration: underline;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
}

.btn-lg,
.btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    max-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropleft .dropdown-toggle::after {
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #00bbd3;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
    z-index: 1;
}

.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    z-index: 1;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
}

.btn-toolbar .input-group {
    width: auto;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
    width: 100%;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    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: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
    margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
    z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .custom-file {
    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;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
    margin-left: -1px;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-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;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
    margin-top: 0;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    height: -webkit-calc(2.875rem + 2px);
    height: calc(2.875rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    height: -webkit-calc(1.8125rem + 2px);
    height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-control-inline {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #00bbd3;
}

.custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
}

.custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #87f1ff;
}

.custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox .custom-control-label::before {
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00bbd3;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #00bbd3;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 187, 211, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 187, 211, 0.5);
}

.custom-radio .custom-control-label::before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00bbd3;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 187, 211, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: -webkit-calc(2.25rem + 2px);
    height: calc(2.25rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select:focus {
    border-color: #54ebff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 235, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(84, 235, 255, 0.5);
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none;
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef;
}

.custom-select::-ms-expand {
    opacity: 0;
}

.custom-select-sm {
    height: -webkit-calc(1.8125rem + 2px);
    height: calc(1.8125rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 75%;
}

.custom-select-lg {
    height: -webkit-calc(2.875rem + 2px);
    height: calc(2.875rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 125%;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: -webkit-calc(2.25rem + 2px);
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: -webkit-calc(2.25rem + 2px);
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #54ebff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
}

.custom-file-input:focus ~ .custom-file-label::after {
    border-color: #54ebff;
}

.custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: -webkit-calc(2.25rem + 2px);
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    -webkit-border-radius: 0 0.25rem 0.25rem 0;
    border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
    width: 100%;
    padding-left: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-range:focus {
    outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
}

.custom-range::-moz-focus-outer {
    border: 0;
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #00bbd3;
    border: 0;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #87f1ff;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #00bbd3;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

.custom-range::-moz-range-thumb:active {
    background-color: #87f1ff;
}

.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #00bbd3;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
    appearance: none;
}

.custom-range::-ms-thumb:active {
    background-color: #87f1ff;
}

.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}

.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
}

.nav-link.disabled {
    color: #6c757d;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    -webkit-border-top-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    -webkit-border-top-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link {
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #00bbd3;
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    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;
    padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
    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;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}

.navbar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

.navbar-expand {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
    color: #fff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.card > hr {
    margin-right: 0;
    margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
    -webkit-border-top-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    -webkit-border-top-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
    -webkit-border-bottom-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    -webkit-border-bottom-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    -webkit-border-radius: -webkit-calc(0.25rem - 1px) -webkit-calc(0.25rem - 1px) 0 0;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    -webkit-border-radius: 0 0 -webkit-calc(0.25rem - 1px) -webkit-calc(0.25rem - 1px);
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    -webkit-border-radius: -webkit-calc(0.25rem - 1px);
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    -webkit-border-top-left-radius: -webkit-calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
    -webkit-border-top-right-radius: -webkit-calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    -webkit-border-bottom-right-radius: -webkit-calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    -webkit-border-bottom-left-radius: -webkit-calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-deck .card {
    margin-bottom: 15px;
}

.card-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-group > .card {
    margin-bottom: 15px;
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

.banner-link {
    display: block;
    width: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 15%;
    outline: none;
    right: -500px;
    height: 108px;
    transition: all 0.3s ease;
    animation-duration: 2s;
    animation-name: slideinnew;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.banner-link:hover {
    transform: scale(1.1);
}

@keyframes slideinnew {
    from {
        right: -500px;
    }

    to {
        right: 0;
    }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.accordion .card:first-of-type {
    border-bottom: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.breadcrumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #6c757d;
}

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #00bbd3;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    color: #007787;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 187, 211, 0.25);
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.page-item:first-child .page-link {
    margin-left: 0;
    -webkit-border-top-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    -webkit-border-bottom-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    -webkit-border-top-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    -webkit-border-bottom-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #00bbd3;
    border-color: #00bbd3;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    -webkit-border-top-left-radius: 0.3rem;
    border-top-left-radius: 0.3rem;
    -webkit-border-bottom-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    -webkit-border-top-right-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    -webkit-border-bottom-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    -webkit-border-top-left-radius: 0.2rem;
    border-top-left-radius: 0.2rem;
    -webkit-border-bottom-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    -webkit-border-top-right-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    -webkit-border-bottom-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    -webkit-border-radius: 10rem;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #00bbd3;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #008ea0;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #545b62;
}

.badge-success {
    color: #fff;
    background-color: #009483;
}

.badge-success[href]:hover,
.badge-success[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #006156;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-info[href]:hover,
.badge-info[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b;
}

.badge-warning {
    color: #212529;
    background-color: #bda800;
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #8a7b00;
}

.badge-danger {
    color: #fff;
    background-color: rgba(255, 0, 0, 0.6);
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(204, 0, 0, 0.6);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

.badge-light[href]:hover,
.badge-light[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

.badge-dark[href]:hover,
.badge-dark[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124;
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #00616e;
    background-color: #ccf1f6;
    border-color: #b8ecf3;
}

.alert-primary hr {
    border-top-color: #a2e6ef;
}

.alert-primary .alert-link {
    color: #00343b;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.alert-success {
    color: #004d44;
    background-color: #cceae6;
    border-color: #b8e1dc;
}

.alert-success hr {
    border-top-color: #a6d9d3;
}

.alert-success .alert-link {
    color: #001a17;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color: #625700;
    background-color: #f2eecc;
    border-color: #ede7b8;
}

.alert-warning hr {
    border-top-color: #e8e0a4;
}

.alert-warning .alert-link {
    color: #2f2a00;
}

.alert-danger {
    color: rgba(81, 0, 0, 0.792);
    background-color: rgba(255, 230, 230, 0.92);
    border-color: rgba(255, 219, 219, 0.888);
}

.alert-danger hr {
    border-top-color: rgba(255, 194, 194, 0.888);
}

.alert-danger .alert-link {
    color: rgba(30, 0, 0, 0.792);
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.progress-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #00bbd3;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.media {
    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-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.list-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
    -webkit-border-top-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    -webkit-border-top-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
    margin-bottom: 0;
    -webkit-border-bottom-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    -webkit-border-bottom-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.list-group-item:hover,
.list-group-item:focus {
    z-index: 1;
    text-decoration: none;
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    background-color: #fff;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #00bbd3;
    border-color: #00bbd3;
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0;
}

.list-group-item-primary {
    color: #00616e;
    background-color: #b8ecf3;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #00616e;
    background-color: #a2e6ef;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #00616e;
    border-color: #00616e;
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41;
}

.list-group-item-success {
    color: #004d44;
    background-color: #b8e1dc;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #004d44;
    background-color: #a6d9d3;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #004d44;
    border-color: #004d44;
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460;
}

.list-group-item-warning {
    color: #625700;
    background-color: #ede7b8;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #625700;
    background-color: #e8e0a4;
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #625700;
    border-color: #625700;
}

.list-group-item-danger {
    color: rgba(81, 0, 0, 0.792);
    background-color: rgba(255, 219, 219, 0.888);
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: rgba(81, 0, 0, 0.792);
    background-color: rgba(255, 194, 194, 0.888);
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: rgba(81, 0, 0, 0.792);
    border-color: rgba(81, 0, 0, 0.792);
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog-centered {
    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;
    min-height: -webkit-calc(100% - (0.5rem * 2));
    min-height: calc(100% - (0.5rem * 2));
}

.modal-dialog-centered::before {
    display: block;
    height: -webkit-calc(100vh - (0.5rem * 2));
    height: calc(100vh - (0.5rem * 2));
    content: "";
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    -webkit-border-top-left-radius: 0.3rem;
    border-top-left-radius: 0.3rem;
    -webkit-border-top-right-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    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: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
}

.bs-popover-top .arrow,
.bs-popover-auto[x-placement^="top"] .arrow {
    bottom: -webkit-calc((0.5rem + 1px) * -1);
    bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
    border-width: 0.5rem 0.5rem 0;
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^="top"] .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
    bottom: 1px;
    border-top-color: #fff;
}

.bs-popover-right,
.bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem;
}

.bs-popover-right .arrow,
.bs-popover-auto[x-placement^="right"] .arrow {
    left: -webkit-calc((0.5rem + 1px) * -1);
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
    border-width: 0.5rem 0.5rem 0.5rem 0;
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^="right"] .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
    left: 1px;
    border-right-color: #fff;
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
}

.bs-popover-bottom .arrow,
.bs-popover-auto[x-placement^="bottom"] .arrow {
    top: -webkit-calc((0.5rem + 1px) * -1);
    top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^="bottom"] .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
    top: 1px;
    border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left,
.bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem;
}

.bs-popover-left .arrow,
.bs-popover-auto[x-placement^="left"] .arrow {
    right: -webkit-calc((0.5rem + 1px) * -1);
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
    border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^="left"] .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
    right: 1px;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-top-left-radius: -webkit-calc(0.3rem - 1px);
    border-top-left-radius: calc(0.3rem - 1px);
    -webkit-border-top-right-radius: -webkit-calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

@supports (transform-style: preserve-3d) {

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

@supports (transform-style: preserve-3d) {

    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

@supports (transform-style: preserve-3d) {

    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

@supports (transform-style: preserve-3d) {

    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active,
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    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;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-primary {
    background-color: #00bbd3 !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #008ea0 !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #009483 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #006156 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #bda800 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #8a7b00 !important;
}

.bg-danger {
    background-color: rgba(255, 0, 0, 0.6) !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: rgba(204, 0, 0, 0.6) !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

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

.bg-transparent {
    background: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #00bbd3 !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #009483 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #bda800 !important;
}

.border-danger {
    border-color: rgba(255, 0, 0, 0.6) !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

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

.rounded {
    -webkit-border-radius: 0.25rem !important;
    border-radius: 0.25rem !important;
}

.rounded-top {
    -webkit-border-top-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
    -webkit-border-top-right-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    -webkit-border-top-right-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
    -webkit-border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    -webkit-border-bottom-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
    -webkit-border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    -webkit-border-top-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
    -webkit-border-bottom-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
}

.rounded-0 {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-21by9::before {
    padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    -ms-grid-row-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-100.first-screen-box {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.first-screen-box .home-bg {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-animation: kenburns-top 5s ease-out both;
    animation: kenburns-top 5s ease-out both;
    animation-delay: 2s;
}

@-webkit-keyframes kenburns-top {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

@keyframes kenburns-top {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

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

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

.text-lowercase {
    text-transform: lowercase !important;
}

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

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-italic {
    font-style: italic !important;
}

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

.text-primary {
    color: #00bbd3 !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #008ea0 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #545b62 !important;
}

.text-success {
    color: #009483 !important;
}

a.text-success:hover,
a.text-success:focus {
    color: #006156 !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
    color: #117a8b !important;
}

.text-warning {
    color: #bda800 !important;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #8a7b00 !important;
}

.text-danger {
    color: rgba(255, 0, 0, 0.6) !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: rgba(204, 0, 0, 0.6) !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
    color: #dae0e5 !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
    color: #1d2124 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.carousel-indicators {
    bottom: 58px;
}

.carousel-indicators .active {
    background-color: #c7ab29;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 0 23px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
}

.carousel-indicators li:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: -webkit-calc(50% - 18px);
    top: calc(50% - 18px);
    bottom: initial;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    background-color: #fff;
    -webkit-box-shadow: 4px 7px 8px 0 #00000036;
    box-shadow: 4px 7px 8px 0 #00000036;
    color: #bda800;
    font-size: 36px;
}

.carousel-control-prev span,
.carousel-control-next span {
    line-height: 50px;
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-prev:active,
.carousel-control-next:hover,
.carousel-control-next:focus,
.carousel-control-next:active {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    opacity: 1;
    color: #bda800;
}

.carousel-control-prev {
    left: 30px;
    padding-right: 4px;
}

.carousel-control-next {
    right: 30px;
    padding-left: 4px;
}

.icon-codedby {
    width: 47px;
    height: 5px;
    background-image: url("../img/icons.png");
    background-position: 0px -15px;
}

.icon-coderiver {
    width: 49px;
    height: 5px;
    background-image: url("../img/icons.png");
    background-position: 0px 0px;
}

.icon,
[class^="icon-"],
[class*=" icon-"] {
    font-family: "svgfont";
    font-style: normal;
    font-weight: normal;
    text-rendering: auto;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon,
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
}

.icon-facebook-brown:before {
    content: "";
}

.icon-google-plus-brown:before {
    content: "";
}

.icon-instagram-brown:before {
    content: "";
}

.icon,
[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "svgfont" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-marker:before {
    content: "";
}

.icon-clock:before {
    content: "";
}

.icon-facebook-brown:before {
    content: "";
}

.icon-google-plus-brown:before {
    content: "";
}

.icon-instagram-brown:before {
    content: "";
}

.icon-arrow-left:before {
    content: "";
}

.icon-arrow-down:before {
    content: "";
}

.icon-arrow-right:before {
    content: "";
}

.icon-Kubok:before {
    content: "";
}

.icon-Insta:before {
    content: "";
}

.icon-GotoviKvartyry:before {
    content: "";
}

.icon-Flag:before {
    content: "";
}

.icon-fb:before {
    content: "";
}

.icon-Email:before {
    content: "";
}

.icon-CityConsult:before {
    content: "";
}

.icon-car:before {
    content: "";
}

.icon-walk:before {
    content: "";
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    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;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

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

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: 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;
}

/* Slider */
.slick-loading .slick-list {
    background: #fff url("./../img/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"),
    url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

body {
    border: 0;
    font-family: "Cuprum", sans-serif;
    font-size: 20px;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.background {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: rgba(255, 255, 255, 0.9);
}

.background-del {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.header {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    height: 120px;
}

.first-header {
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
}

.main-header {
    z-index: 1000;
    padding: 0 20px;
}

.first-header-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 auto;
    padding: 25px 131px 0;
}

.first-header__icon-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-left: auto;
}

.first-header__icon-box a {
    text-align: center;
}

.icon-box-top-icon {
    margin-bottom: 15px;
}

.first-header-logo {
    margin-right: auto;
}

.first-header-logo:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    text-decoration: none;
}

.main-header__content {
    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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}

.main-header-logo {
    margin-right: auto;
    margin-left: 20px;
    height: 40px;
    width: auto;
    object-fit: cover;
}

.main-header-logo:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    text-decoration: none;
}

.icon-box-img-left {
    margin: 0 10px;
}

.main-header__nav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    list-style-type: none;
    letter-spacing: 1.2px;
}

.nav-elem-wrap {
    position: relative;
    text-align: center;
}

.nav-elem-wrap.active a {
    border-color: #c6ab00;
    color: #c6ab00;
    text-decoration: none;
}

header {
    position: relative;
    padding: 10px 0;
    background: #fff;
    transition: all 0.4s linear;
}

header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.4s linear;
    padding: 15px 0;
    box-shadow: 20px -6px 15px #2e2b2b75, -20px -20px 60px #ffffff;
}

header .address-wrapper {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
    max-width: 200px;
}

header .address-wrapper p {
    font-size: 12px;
    line-height: 15px;
    color: #058577;
    margin: 0;
}

header .address-wrapper p.address-time {
    margin-right: 5px;
}

header .sharing.mobile {
    display: none;
}

header .sharing {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

header .sharing a {
    color: #009483;
    font-size: 25px;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

header .logo-header svg {
    width: 100px;
    height: 50px;
    object-fit: cover;
    fill: #d7ae94;
}

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

.nav-elem {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    border-bottom: solid 4px rgba(255, 255, 255, 0);
    color: #2e2e30;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    border: none;
}

.nav-elem:hover,
.nav-elem a:active,
.nav-elem a:focus {
    border-color: #c6ab00;
    color: #c6ab00;
    text-decoration: none;
}

.nav-elem-wrap:hover ul li {
    padding: 10px 0;
}

.nav-elem-multy-row {
    padding-top: 11px;
    padding-bottom: 10px;
}

.main-page-nav-elem-active {
    border-bottom-color: #00bbd3;
    color: #00bbd3;
}

.main-header__icon-box {
    position: relative;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    max-width: 100px;
}

.main-header__icon-box a:hover,
.main-header__icon-box a:active,
.main-header__icon-box a:focus {
    color: #fff;
    text-decoration: none;
}

.main-header__icon-box .header__lang {
    display: inline-block;
    position: static;
    padding-top: 0;
}

.header__lang .lang {
    display: flex;
    align-items: center;
}

.main-header__icon-box .header__lang .lang > * {
    color: #009483;
}

.main-header__icon-box .header__lang .lang > * a {
    color: #009483;
}

.header__lang .lang > * {
    display: inline-block;
    color: #fff;
}

.header__lang .lang > * a {
    color: #fff;
}

.header__lang .lang > * .lang__text {
    text-transform: uppercase;
}

header .icon-box-elem {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.icon-box-elem:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

nav {
    position: relative;
    z-index: 999;
}

.main-page-head-h2 {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin-top: 55px;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.main-page-h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 33.71px;
    text-transform: uppercase;
}

.callback {
    position: fixed;
    z-index: 5;
    right: 65px;
    bottom: 120px;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    outline: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 10px 12px;
    -webkit-box-shadow: 4px 7px 8px 0 #00000036;
    box-shadow: 4px 7px 8px 0 #00000036;
}

.callback:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

/* .screen { margin-bottom: -6px; } */

/* .carouselExampleIndicators1 { margin-bottom: -6px; } */

#carouselExampleIndicators .main-page-head-h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.screen-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 10;
    bottom: -11px;
    left: 50%;
    -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;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    padding-top: 2px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #bda800;
    -webkit-box-shadow: 4px 7px 8px 0 #00000036;
    box-shadow: 4px 7px 8px 0 #00000036;
    color: #fff;
}

.screen-link span {
    font-size: 22px;
    font-weight: 600;
}

.screen-link:hover,
.screen-link:active,
.screen-link:focus {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    color: #fff;
    text-decoration: none;
}

.first-screen-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -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;
    height: 100vh;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center;
    background-size: cover;
}

.first-screen-box video {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    max-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.second-screen-box {
    /* height: 98vh;  */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.advantages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding-top: 55px;
    background-color: #009483;
    background-image: url("../img/trees.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    color: #fff;
}

.second-screen-content-box {
    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: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 107px;
    padding-left: 107px;
    float: left;
    text-align: right;
}

.second-screen-content-box_p {
    margin-top: 50px;
    font-size: 16px;
    line-height: 1.5;
}

.third-screen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.third-screen-h2 {
    max-width: 1200px;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.content-box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.third-screen_content-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    height: 361px;
    background-repeat: no-repeat;
}

.third-screen_content-box img {
    margin-right: 60px;
}

.third-screen_content-box:hover,
.third-screen_content-box:focus {
    color: #fff;
    text-decoration: none;
}

.third-screen_content-box:hover img,
.third-screen_content-box:focus img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
}

.third-screen_content-box:hover .third-screen-h2,
.third-screen_content-box:focus .third-screen-h2 {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.content-box1 {
    background-image: -webkit-gradient(linear, left top, right top, from(#259282), to(#dbc22c));
    background-image: linear-gradient(to right, #259282, #dbc22c);
}

.content-box2 {
    background-image: -webkit-gradient(linear, left top, right top, from(#57575c), to(#b96123));
    background-image: linear-gradient(to right, #57575c, #b96123);
}

.content-box3 {
    background-color: #57575c;
}

.content-box4 {
    background-color: #009483;
}

.screen-map {
    position: relative;
}

.screen-map iframe {
    width: 100%;
    height: 650px;
}

/*** /!!Banner!!/ ***/
#banner {
    display: none;
    position: fixed;
    bottom: 3vh;
    left: 10px;
    width: 100%;
    height: auto;
    min-height: 100px;
    max-width: 200px;
    background-size: cover;
    overflow: visible;
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 0.7rem;
    z-index: 99;
}

#banner .content {
    position: relative;
    padding-top: 50px;
    padding-bottom: 15px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
    animation: 1s fadein ease-in-out;
    animation-fill-mode: forwards;
    border-radius: 0.75rem 0.75rem 0 0;
}

#banner #product {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    max-height: 50px;
    opacity: 0;
    animation: 1s growin ease-in-out 1s;
    animation-fill-mode: forwards;
    background: #000000ba;
    padding: 0;
    border-radius: 0.75rem 0.75rem 0 0;
}

#banner #product img {
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
    border-radius: 0;
    max-height: 50px;
}

#banner #button {
    color: #fff;
    padding: 8px 15px 8px 15px;
    font-weight: 700;
    font-size: 18px;
    background: #000;
    display: inline-block;
    margin: 10px 0 0 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    opacity: 0;
    animation: 1s fadein ease-in-out 2s;
    animation-fill-mode: forwards;
}

#banner #sale {
    text-align: center;
}

#banner #sale-title {
    color: var(--titleColor);
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 10px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    opacity: 0;
    animation: 1s fadein ease-in-out 2s;
    animation-fill-mode: forwards;
    padding: 0 10px;
}

#banner #sale-title span {
    margin-right: 5px;
    text-align: center;
    -webkit-animation: text-focus-in 2s linear 2s both;
    animation: text-focus-in 2s linear 2s both;
}

#banner #sale-text {
    color: var(--descriptColor);
    font-size: 14px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    opacity: 0;
    animation: 1s fadein ease-in-out 2s;
    animation-fill-mode: forwards;
}

#banner #badge {
    opacity: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 13px;
    text-align: center;
    width: 60px;
    height: 60px;
    background: var(--bgCircle);
    color: var(--colorCircle);
    box-shadow: 1px 1px 5px 5px rgb(255 255 255);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    transition: transform 0.3s linear;
    transform: rotate(0deg);
    top: 0;
    right: 0;
    z-index: 10;
    animation: 1s rollin ease-in-out 2.5s;
    animation-fill-mode: forwards;
}

#banner #badge::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px dashed #3e3e3e;
    border-radius: 50%;
    top: 0;
    left: 0;
    -webkit-transition-delay: 6s;
    transition-delay: 6s;
    -webkit-animation: rotate-center 4s linear infinite both;
    animation: rotate-center 4s linear infinite both;
}

#banner .close-button {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    overflow: hidden;
    top: -50px;
    left: 0;
    right: 0;
    background: #ffffffa1;
    border-radius: 50%;
    animation: 2s rollin-close ease-in-out;
    padding: 0;
    margin: 0 auto;
    border: none;
    outline: none;
    z-index: 99;
}

#banner .close-button > div {
    position: relative;
}

#banner .close-button-block {
    width: 40px;
    height: 20px;
    position: relative;
    overflow: hidden;
}

#banner .close-button-block:before,
.close-button-block:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(55% - 4px);
    display: block;
    width: 4px;
    height: 20px;
    transform-origin: bottom center;
    background: #000;
    transition: all ease-out 280ms;
}

#banner .close-button-block:last-of-type {
    transform: rotate(180deg);
}

#banner .close-button .in .close-button-block:before {
    transition-delay: 280ms;
    transform: translateX(20px) translateY(-20px) rotate(45deg);
}

#banner .close-button .in .close-button-block:after {
    transition-delay: 280ms;
    transform: translateX(-22px) translateY(-22px) rotate(-45deg);
}

#banner .close-button .out {
    position: absolute;
    top: 0;
    left: 0;
}

#banner .close-button .out .close-button-block:before {
    transform: translateX(-5px) translateY(5px) rotate(45deg);
}

#banner .close-button .out .close-button-block:after {
    transform: translateX(5px) translateY(5px) rotate(-45deg);
}

#banner .close-button:hover .in .close-button-block:before {
    transform: translateX(-5px) translateY(5px) rotate(45deg);
}

#banner .close-button:hover .in .close-button-block:after {
    transform: translateX(5px) translateY(5px) rotate(-45deg);
}

#banner .close-button:hover .out .close-button-block:before {
    transform: translateX(-20px) translateY(20px) rotate(45deg);
}

#banner .close-button:hover .out .close-button-block:after {
    transform: translateX(20px) translateY(20px) rotate(-45deg);
}

.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.circles li {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    width: 20px;
    height: 20px;
    background: var(--bgCube);
    animation: animateCircles 25s linear infinite;
    color: #fff;
    bottom: -150px;
}

.circles li:nth-child(1) {
    left: 25%;
    width: 23px;
    height: 23px;
    background: var(--bgCube);
    animation-delay: 0s;
}

.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 7s;
}

.circles li:nth-child(4) {
    left: 40%;
    width: 40px;
    height: 40px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6) {
    left: 75%;
    width: 10px;
    height: 10px;
    animation-delay: 3s;
}

.circles li:nth-child(7) {
    left: 35%;
    width: 30px;
    height: 30px;
    animation-delay: 22s;
}

.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 30s;
}

.circles li:nth-child(10) {
    left: 85%;
    width: 35px;
    height: 35px;
    animation-delay: 0s;
    animation-duration: 11s;
}

.circles li:nth-child(11) {
    left: 85%;
    width: 35px;
    height: 35px;
    animation-delay: 0s;
    animation-duration: 16s;
}

.circles li:nth-child(12) {
    left: 85%;
    width: 35px;
    height: 35px;
    animation-delay: 0s;
    animation-duration: 40s;
}

@keyframes animateCircles {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-100vh) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@-webkit-keyframes bg-pan-left {
    0% {
        background-position: 0 0;
    }

    100% {
        opacity: 1;
        background-position: 1000% 1000%;
    }
}

@keyframes bg-pan-left {
    0% {
        background-position: 0 0;
    }

    100% {
        opacity: 1;
        background-position: 1000% 1000%;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes roty {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rollin {
    0% {
        opacity: 0;
        transform: rotate(0deg);
        top: 0;
        right: 0;
    }

    100% {
        opacity: 1;
        transform: rotate(345deg);
        top: -25px;
        right: -25px;
    }
}

@keyframes rollin-close {
    0% {
        opacity: 0;
        transform: rotate(0deg);
        top: 0;
    }

    100% {
        opacity: 1;
        transform: rotate(360deg);
        top: -50px;
    }
}

@keyframes growin {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*** /!!and Banner!!/ ***/

#istat_0,
#istat_1 {
    margin-left: 5px;
    color: #fff;
    font-size: 20px;
}

.building-slider .slick-slide img {
    width: 100%;
    object-fit: cover;
}

.pagination {
    margin: 100px 0 100px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    -webkit-border-top-left-radius: 0.3rem;
    border-top-left-radius: 0.3rem;
    -webkit-border-bottom-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    -webkit-border-top-right-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    -webkit-border-bottom-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    -webkit-border-top-left-radius: 0.2rem;
    border-top-left-radius: 0.2rem;
    -webkit-border-bottom-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    -webkit-border-top-right-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    -webkit-border-bottom-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.pagination {
    margin: 100px 0 100px 0;
    font-family: "Arimo", sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.pagination {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.pagination li {
    display: inline-block;
    margin-right: 5px;
}

.pagination li span {
    display: block;
    background-color: #ebebeb;
}

.pagination li.next a {
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 8px rgba(13, 6, 3, 0.35);
    box-shadow: 0 8px 8px rgba(13, 6, 3, 0.35);
    color: transparent;
}

.pagination li.prev a {
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 8px rgba(13, 6, 3, 0.35);
    box-shadow: 0 8px 8px rgba(13, 6, 3, 0.35);
    color: transparent;
}

.pagination li.next a:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.pagination li.prev a:hover {
}

.pagination li.next a:after,
.pagination li.prev a:after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 10px;
    width: 22px;
    height: 22px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 3px solid #c6aa00;
    border-bottom: 3px solid #c6aa00;
}

.pagination li.prev a {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-box-shadow: 0 -8px 8px rgba(13, 6, 3, 0.35);
    box-shadow: 0 -8px 8px rgba(13, 6, 3, 0.35);
}

.pagination li a:not(.prev):not(.next):hover {
    background-color: #ebebeb;
    text-decoration: none;
}

.pagination li a,
.pagination li span {
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #303034;
    line-height: 50px;
    text-align: center;
}

.pagination li.active {
    display: block;
    -webkit-border-radius: 50%;
    background-color: #ebebeb;
}

.filter .filter-form .room_quantity label {
    margin: 3px;
}

.descroption-box__text {
    font-size: 16px;
}

.descroption-box__h3 {
    font-size: 18px;
}

.developer-content_descriptions {
    font-size: 16px;
}

.commercial-fileter > div:nth-child(1) {
    /* width:inherit; */
}

.filter_parametr_title {
    margin-right: 0px;
}

.progect-single::after {
    transform: rotate(-35deg);
}

.news-single {
    padding: 60px 0;
}

.news-single h1 {
    margin-bottom: 20px;
}

.news-single-header {
    background-image: url("../img/a_gde_dengi_.jpg");
}

.news-single .news-single__desc img {
    max-width: 100%;
    width: 360px;
    height: 360px;
    object-fit: cover;
    object-position: center;
    float: left;
    margin-right: 40px;
    margin-bottom: 15px;
}


.gradient-btn {
    cursor: pointer;
}

#istat_0 {
    margin-left: 20px;
}

.main-header-logo,
.first-header-logo {
    cursor: pointer;
}

/* forms */

#id_err_name,
#id_err_name1,
#id_err_name2,
#id_err_name3,
#id_err_email,
#id_err_email2 {
    color: red;
    font-size: 12px;
    margin: 2px 0 5px;
    width: 424px;
    display: none;
}

#id_err_phone,
#id_err_phone1,
#id_err_phone2,
#id_err_phone3 {
    color: red;
    font-size: 12px;
    margin: 2px 0 0px;
    width: 424px;
    display: none;
}

#id_img,
#id_img2,
#id_img3,
#id_img4,
#id_img5,
#id_img6,
#id_img7,
#id_img8,
#id_img9,
#id_img10 {
    cursor: pointer;
}

#id_err_name_q,
#id_err_phone_q,
#id_err_message_q,
#id_err_question {
    color: red;
    font-size: 12px;
    margin: 2px auto 5px;
    width: 424px;
    display: none;
}

.success_message_callback {
    color: #009483;
    text-align: center;
    font-size: 20px;
    margin: 2px auto 25px;
    width: 424px;
    display: none;
}

.error_message_callback {
    color: red;
    text-align: center;
    font-size: 20px;
    margin: 2px auto 25px;
    width: 424px;
    display: none;
}

.progect-single .progect-single-pct {
    margin-top: -12px;
    padding-top: 0px;
}

.bg-block {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background: #0761569c;
    padding: 15px;
    border-radius: 15px;
    border: 2px solid #fff;
    outline: 5px solid #009483a6;
    z-index: 9;
    margin-bottom: 50px;
}

.bg-block:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    z-index: -1;
}

.bg-block svg {
    height: 120px;
}

svg#logo .svg-image {
    -webkit-animation: bounce-in-top 1.1s both;
    animation: bounce-in-top 1.1s both;
}

svg#logo .svg-text {
    -webkit-animation: slide-in-fwd-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-fwd-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-delay: calc(0.2s * var(--delay));
}

@-webkit-keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }

    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@-webkit-keyframes slide-in-fwd-top {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(-800px);
        transform: translateZ(-1400px) translateY(-800px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-fwd-top {
    0% {
        -webkit-transform: translateZ(-1400px) translateY(-800px);
        transform: translateZ(-1400px) translateY(-800px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}


.main-page-head-h2 {
    position: relative;
    font-family: "Circe";
    font-size: 30px;
    line-height: 33px;
    padding: 0 10px;
    margin: 20px auto;
    text-align: center;
    margin-bottom: 50px;
    font-weight: normal;
    border: 3px solid #0094832b;
    border-left: none;
    border-right: none;
    outline: 2px solid #ffffff80;
}

.main-page-head-h2:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding: 20px;
    background: #00948357;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: -1;
}

.logo_bunner {
    height: 140px;
    object-fit: cover;
    margin-bottom: 20px;
}

strong.third-screen-h2 {
    line-height: 1.4;
}

strong.main-page-head-h2 {
    line-height: 1.4;
}

/***********************/
.bg-color-dog {
    background-color: #c39271;
}

.bg-color-dog:hover,
.bg-color-dog.active {
    background-color: #a5541b;
    box-shadow: 5px 5px 5px grey;
    position: relative;
    z-index: 1;
}

.bg-color-torg_i_raz_tsentru {
    background-color: #939395;
}

.bg-color-torg_i_raz_tsentru:hover,
.bg-color-torg_i_raz_tsentru.active {
    background-color: #55565a;
    box-shadow: 5px 5px 5px grey;
    position: relative;
    z-index: 1;
}

.bg-color-ostanovki {
    background-color: #5fb9af;
}

.bg-color-ostanovki:hover,
.bg-color-ostanovki.active {
    background-color: #009482;
    box-shadow: 5px 5px 5px grey;
    position: relative;
    z-index: 1;
}

.bg-color-score {
    background-color: #d7c55f;
}

.bg-color-score:hover,
.bg-color-score.active {
    background-color: #c7a900;
    box-shadow: 5px 5px 5px grey;
    position: relative;
    z-index: 1;
}

.bg-color-cafe {
    background-color: #a88067;
}

.bg-color-cafe:hover,
.bg-color-cafe.active {
    background-color: #77360c;
    box-shadow: 5px 5px 5px grey;
    position: relative;
    z-index: 1;
}

.bg-color-school {
    background-color: #609d95;
}

.bg-color-school:hover,
.bg-color-school.active {
    background-color: #006659;
    box-shadow: 5px 5px 5px grey;
    position: relative;
    z-index: 1;
}

.bg-color-sport {
    background-color: #aca36c;
}

.bg-color-sport:hover,
.bg-color-sport.active {
    background-color: #7f6f13;
    box-shadow: 5px 5px 5px grey;
    position: relative;
    z-index: 1;
}

.bg-color-bank {
    background-color: #bab8a3;
}

.bg-color-bank:hover,
.bg-color-bank.active {
    background-color: #969370;
    box-shadow: 5px 5px 5px grey;
    position: relative;
    z-index: 1;
}

.bg-color-midicine {
    background-color: #8ccaa1;
}

.bg-color-midicine:hover,
.bg-color-midicine.active {
    background-color: #4ab16e;
    box-shadow: 5px 5px 5px grey;
    position: relative;
    z-index: 1;
}

/*
.my-custom-class-for-label {
    text-shadow: 2px 2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
    -2px -2px 0 #fff,
    2px 0px 0 #fff,
    0px 2px 0 #fff,
    -2px 0px 0 #fff,
    0px -2px 0 #fff;
}*/
.gm-style-pbc {
    z-index: 5 !important;
}

/*.my-custom-class-for-label {
    text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 0px 0 #fff, 0px 2px 0 #fff, -2px 0px 0 #fff, 0px -2px 0 #fff;
    font-weight: bold;
    transform: translateX(-50%);
}*/
.my-custom-class-for-label {
    text-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px 0px 0 #fff, 0px 1px 0 #fff,
    -1px 0px 0 #fff, 0px -1px 0 #fff;
    font-weight: bold;
    transform: translateX(-50%);
    font-size: 14px;
}

.map-navigation-h3 {
    background-color: #ffffff;
}

/**********************/

.breadcrumbs {
    max-width: 1142px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #b8babd;
    font-size: 14px;
}

.breadcrumbs a {
    color: #b8babd;
    font-size: 16px;
}

/*? //social style btn */
.social-share-btn {
    width: 60px;
    height: 60px;
    padding: 15px 0 0 15px;
    background: #6ac4c1 url("../img/share/icon-chart.svg") 50% no-repeat;
    background-size: 25px;
    box-shadow: 0px 0px 10px rgb(255 255 255 / 65%), inset -5px -5px 15px rgb(7 7 7 / 45%);
    border-radius: 50%;
    cursor: pointer;
    position: fixed;
    bottom: 200px;
    right: 20px;
    z-index: 999;
}

.social-share-btn svg {
    will-change: display, opacity;
}

.social-share-btn .item-2 {
    display: none;
    opacity: 0;
}

.social-share-btn.active .item-1 {
    display: none;
    opacity: 0;
}

.social-share-btn.active .item-2 {
    display: block;
    opacity: 1;
}

.social-share-btn.active {
    background: #13a6aa url("../img/share/icon-close.svg") 50% no-repeat;
    background-size: 25px;
    padding: 6px 0 0 6px;
}

.social-share-btn:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.social-share-wrapper {
    position: fixed;
    bottom: 200px;
    right: 20px;
    overflow: visible;
    z-index: 1;
    width: 60px;
    height: 60px;
    transition: all 0.3s ease;
}

.social-share-wrapper.active {
    height: 312px;
    z-index: 99;
}

.social-share-wrapper-width {
    width: 278px;
}

.social-share-wrapper a {
    will-change: bottom, opacity;
}

.social-share-wrapper .viber {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #c47bf4 url("../img/share/viber.svg") 50% no-repeat;
    background-size: 30px;
    border-radius: 50%;
    transition: all 0.3s ease;
    opacity: 0;
    position: absolute;
    bottom: 0;
}

.social-share-wrapper .viber.active {
    opacity: 1;
    bottom: 250px;
}

.social-share-wrapper .telegram {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #449dd8 url("../img/share/telegram.svg") 50% no-repeat;
    background-size: 30px;
    border-radius: 50%;
    transition: all 0.3s ease;
    opacity: 0;
    position: absolute;
    bottom: 0;
}

.social-share-wrapper .telegram.active {
    opacity: 1;
    bottom: 170px;
}

.social-share-wrapper .messenger {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #0881fd url("../img/share/facebook-messenger.svg") 50% no-repeat;
    background-size: 30px;
    border-radius: 50%;
    transition: all 0.3s ease;
    opacity: 0;
    position: absolute;
    bottom: 0;
}

.social-share-wrapper .messenger.active {
    opacity: 1;
    bottom: 90px;
}

.social-share-wrapper a:hover {
    transform: rotate(360deg);
}

.lun-widget {
    position: absolute;
    left: 5%;
    bottom: 5%;
}


.kupit-kvar-plan {
    line-height: 54px;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    padding-top: 20px;
}

.kupit-kvar-plan span {
    cursor: pointer;
    max-width: 100%;
}

.kupit-kvar-plan-map {
    display: none;
}

.sld_hr {
    height: 15px;
}

.main_btn {
    position: relative;
    transition: all 0.3s linear;
    z-index: 1;
}

.main_btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.main_btn:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.main_btn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s;
}

.main_btn::after {
    background-color: #fff;
}

.main_btn:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.main_btn a {
    display: inline-block;
    padding: 15px 35px 15px 35px;
    color: white;
    background: #009483;
    font-size: 24px;
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 10px 5px rgb(255 255 255 / 41%);
    box-shadow: inset 0px 0px 10px 5px rgb(255 255 255 / 41%);
    border-radius: 40px;
    border: 2px solid #fff;
}

.main_btn a:hover {
    text-decoration: none;
    outline: none;
}

.footer-kurs {
    max-width: 300px;
    margin-left: 10%;
    font-size: 12px;
    transition: all 0.3s ease;
}

.footer-kurs.auto-height {
    height: auto;
}

.footer-kurs-toggle {
    cursor: pointer;
}

.footer-kurs-more-btn {
    max-width: 300px;
    margin-left: 10%;
    font-size: 14px;
    height: 330px;
    transition: all 0.3s ease;
}

.footer-rights {
    font-size: 12px;
    margin-top: 20px;
    text-align: center;
    color: #f8f9fa;
}

.submenu {
    display: none;
    position: absolute;
    width: 218px;
    left: -55px;
    right: 0;
    margin: 0 auto;
    padding: 23px 25px 29px;
    background-color: rgba(255, 255, 255, 0.93);
    box-shadow: 0 28px 21px rgb(0 0 1 / 20%);
    z-index: 999;
}

.submenu li {
    list-style-type: none;
}

.main-header__nav li:hover .submenu {
    display: block;
}

/*** /!!and Banner!!/ ***/


.map {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 80%;
}

.screen-map aside nav,
.infrastructure-map aside nav {
    width: 350px;
    max-width: 100vw;
}

.map-navigation {
    position: relative;
    z-index: 11111;
    width: 350px;
}

.map-navigation ul {
    padding: 0;
    list-style: none;
}

.bg-color-brown {
    background-color: rgba(173, 82, 27, 0.6);
}

.bg-color-brown:hover,
.bg-color-brown.active,
.bg-color-brown:focus {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
    background-color: #ad521b;
    -webkit-box-shadow: 5px 5px 15px #57575c;
    box-shadow: 5px 5px 15px #57575c;
}

.bg-color-brown:active {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
    background-color: rgba(173, 82, 27, 0.85);
    -webkit-box-shadow: 5px 5px 15px #57575c;
    box-shadow: 5px 5px 15px #57575c;
}

.bg-color-gray {
    background-color: rgba(87, 87, 92, 0.6);
}

.bg-color-gray:hover,
.bg-color-gray.active,
.bg-color-gray:focus {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
    background-color: #57575c;
    -webkit-box-shadow: 5px 5px 15px #57575c;
    box-shadow: 5px 5px 15px #57575c;
}

.bg-color-gray:active {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
    background-color: rgba(87, 87, 92, 0.85);
    -webkit-box-shadow: 5px 5px 15px #57575c;
    box-shadow: 5px 5px 15px #57575c;
}

.bg-color-green {
    background-color: rgba(0, 148, 128, 0.6);
}

.bg-color-green:hover,
.bg-color-green.active,
.bg-color-green:focus {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
    background-color: #009480;
    -webkit-box-shadow: 5px 5px 15px #57575c;
    box-shadow: 5px 5px 15px #57575c;
}

.bg-color-green:active {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
    background-color: rgba(0, 148, 128, 0.85);
    -webkit-box-shadow: 5px 5px 15px #57575c;
    box-shadow: 5px 5px 15px #57575c;
}

.bg-color-yellow-brown {
    background-color: rgba(199, 171, 41, 0.6);
}

.bg-color-yellow-brown:hover,
.bg-color-yellow-brown.active,
.bg-color-yellow-brown:focus {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
    background-color: #c7ab29;
    -webkit-box-shadow: 5px 5px 15px #57575c;
    box-shadow: 5px 5px 15px #57575c;
}

.bg-color-yellow-brown:active {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
    background-color: rgba(199, 171, 41, 0.85);
    -webkit-box-shadow: 5px 5px 15px #57575c;
    box-shadow: 5px 5px 15px #57575c;
}

.map-navigation-h3 {
    margin-bottom: 28px;
    color: #259282;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.map-navigation__elem-wrap {
    width: 350px;
    margin-bottom: 1px;
    text-transform: uppercase;
    text-align: center;
}

.map-navigation__elem {
    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;
    padding: 14px 0 11px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.map-navigation__elem:hover,
.map-navigation__elem:active,
.map-navigation__elem:focus {
    color: #fff;
    text-decoration: none;
}

.footer {
    padding-bottom: 40px;
    background-color: #009483;
}

.footer-content {
    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: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 35px 0 30px 51px;
    color: #fff;
    text-transform: uppercase;
}

.footer-h6 {
    font-size: 8px;
    font-weight: 700;
}

.adress {
    margin-bottom: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.footer-contact-info {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.footer-contact-info a {
    margin-left: 10px;
    color: #fff;
    font-size: 14px;
}

.footer-menu {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    justify-content: space-between;
}

.footer-menu li {
    margin: 0 5px;
}

footer a {
    font-size: 14px;
    color: #fff;
}

footer a:hover {
    text-decoration: underline;
    color: #fff;
}

footer .footer-h6 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

footer .adress {
    font-weight: 400;
}

footer .sharing {
    margin: 0;
    order: 3;
}

footer .sharing__link {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

footer .sharing__link a {
    margin: 0 5px;
    font-size: 25px;
}

.qr-block__link {
    text-align: center;
    font-size: 12px;
    line-height: 15px;
}

.qr-block__link p {
    text-align: center;
    font-size: 14px;
}


.footer-logo:hover {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    color: #fff;
    text-decoration: none;
}

.sharing {
    margin-top: 20px;
    margin-right: 95px;
    margin-left: auto;
    font-size: 52px;
}

.sharing a {
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
    color: #fff;
}

.sharing a:hover {
    color: #c6ab00;
    text-decoration: none;
}

.sharing__icon {
    margin-right: 20px;
}

.main-container {
    max-width: 1920px;
    margin: 0 auto;
}

.modern-header {
    background-color: #fff;
}

.logo {
    margin-right: auto;
}

.account_link {
    margin-right: 42px;
    margin-left: auto;
}

.room-list {
    width: 28px;
    height: 36px;
    background-image: url("../img/list-new.svg");
    background-position: center;
}

.fixed-room-list {
    position: fixed;
    z-index: 1000;
    top: 14px;
    right: 2.3125%;
}

.modern-header__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 60px;
    font-size: 16px;
}

.main-mav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 944px;
    margin-bottom: 0;
    padding: 0 53px;
    list-style-type: none;
}

.nav-link {
    padding: 23px 6px 18px;
    border-bottom: solid 4px #fff;
    color: #259282;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
}

.nav-link:hover,
.nav-link:active,
.nav-link:focus {
    border-bottom-color: #c6ab00;
    color: #c6ab00;
}

.multi-row-link {
    padding: 13px 6px 9px;
}

.head-info {
    position: relative;
    padding-top: 120px;
    padding-bottom: 157px;
    background-position: center;
    color: #fff;
    text-align: center;
}

.head-info-content {
    position: relative;
    z-index: 3;
}

.gallery-head-info {
    background-image: -webkit-gradient(linear, left top, right top, from(#009483), to(#ccdb39));
    background-image: linear-gradient(to right, #009483, #ccdb39);
    padding: 40px 0;
}

.head-info__h3 {
    margin-bottom: 0;
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.head-info__h1 {
    margin-bottom: 23px;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.head-info__p {
    max-width: 490px;
    margin: 0 auto;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
}

.page-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -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-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 1142px;
    margin: 20px auto 49px;
    padding: 0 88px;
    list-style-type: none;
    border-bottom: 1px solid #d3d3d9;
}

.about-page-link {
    display: block;
    padding: 0 11px 14px;
    padding-top: 5px;
    border-bottom: 3px solid #fff;
    color: #000;
    font-size: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.about-page-link:hover,
.about-page-link:active,
.about-page-link:focus {
    border-bottom-color: #c6ab00;
    color: #c6ab00;
    text-decoration: none;
}

.about-page-link-active {
    border-bottom-color: #c6ab00;
    color: #c6ab00;
    text-decoration: none;
}

.gallery-content {
    padding-bottom: 100px;
}

.developer-content,
.characteristics-content,
.gallery-content {
    text-align: center;
}

.gallery-content .developer-content__h2 {
    background: transparent;
    color: #009483;
}

.characteristics-content {
    margin-bottom: 91px;
}

.descroption-box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    max-width: 1360px;
    margin: 0 auto;
    padding: 40px;
    gap: 60px;
}

.rools {
    margin: 0;
    width: 100%;
}

.rools .rools_item {
    margin-bottom: 10px;
}

.rools_item_desc p {
    text-align: justify;
    font-size: 14px;
    line-height: 17px;
}

.developer-content__h2 {
    margin-bottom: 0;
    width: 100%;
    background: linear-gradient(to right, #259cad, #259282, #dbc22c);
    color: #fff;
    font-size: 35px;
    line-height: 38px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0;
}

.popup_email_error,
.popup_send_email {
    margin-bottom: 0;
    color: #38625c;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
}

#popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* полупрозрачный фон */
    z-index: 999;
    /* чтобы всплывающее окно было наверху */
    display: flex;
    justify-content: center;
    align-items: center;
}

#err {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* полупрозрачный фон */
    z-index: 999;
    /* чтобы всплывающее окно было наверху */
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-content {
    background-color: white;
    padding: 20px;
    max-width: 80%;
    max-height: 80%;
    overflow-y: auto;
}

.developer-content_descriptions {
    max-width: 500px;
    margin: 0 auto;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
}

.small-line {
    width: 48px;
    height: 1px;
    margin-top: 59px;
    margin-bottom: 59px;
    background-color: #d3d3d9;
}

.descroption-box {
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 350px;
    margin: 0;
    text-align: left;
}

.descroption-box__header {
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-bottom: 30px;
}

.descroption-box__icon {
    margin: 0 34px 0 6px;
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.descroption-box__h3 {
    margin-top: 13px;
    color: #259282;
    font-size: 16px;
    letter-spacing: 0.8px;
    text-align: left;
    text-transform: uppercase;
}

.descroption-box__text {
    max-width: 350px;
    color: #000;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
}

.photo-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}

.photo-list__h3 {
    position: absolute;
    z-index: 100;
    top: 48px;
    left: -webkit-calc(50% - 175px);
    left: calc(50% - 175px);
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    word-spacing: 6px;
    text-transform: uppercase;
}

.photo-list__img-wrap {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 33%;
    margin: 1.5px;
    overflow: hidden;
    vertical-align: top;
}

.photo-list__img-wrap .photo-list__img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.photo-list__img-wrap:hover .photo-list__img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.photo-list__img {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.footer-info-box-new {
    margin-right: 126px;
}

.footer-content-new {
    max-width: 1280px;
    margin: 0 auto;
}

.modern-header_logo:hover,
.account-icon:hover,
.list-icon:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.account-icon {
    width: 28px;
    height: 36px;
    background-image: url("../img/account.svg");
    background-position: center;
}

.characteristics-page-background {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.characteristics-background-opacity {
    padding: 1px 0;
    background-color: rgba(255, 255, 255, 0.93);
    background-position: center;
}

.characteristics-info {
    max-width: 630px;
    margin: 45px auto 0;
    font-family: "Arimo", sans-serif;
    font-size: 16px;
    text-align: left;
}

.characteristics-info tr:nth-child(odd) {
    background-color: rgba(0, 148, 128, 0.2);
}

.characteristics-info tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.6);
}

.characteristics-info td {
    padding-top: 14px;
    padding-bottom: 13px;
}

.characteristics-info td:nth-child(odd) {
    width: 30%;
    padding-right: 27px;
    padding-left: 27px;
}

.characteristics-info td:nth-child(even) {
    width: 52%;
    padding-right: 27px;
}

.characteristics-info .col-multi-row {
    padding: 0 1px;
    line-height: 20px;
}

.opacity-91 {
    opacity: 0.91;
}

.infrastructure-map {
    position: relative;
    margin-top: 47px;
    padding: 218px 0;
}

.contacts {
    padding-bottom: 100px;
}

.contacts-map {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.contacts-map iframe {
    height: 480px;
    width: 100%;
    max-width: 730px;
}

.contacts-map .info-block-wrap {
    background-image: linear-gradient(to right, #009483, #ccdb39);
    position: static;
    transform: none;
    margin: auto 20px;
}

.gallery-slider {
    margin: 0 auto;
}

.gallery-slider .slick-dots {
    bottom: 40px;
}

.gallery-nav-slider .slick-slide {
    border-top: 3px solid;
    border-right: 1.5px solid;
    border-bottom: 3px solid;
    border-left: 1.5px solid;
    border-color: #fff;
}

.gallery-nav-slider .slick-slide:hover {
    cursor: pointer;
}

.gallery-nav-slider .slick-center {
    position: relative;
    z-index: 10;
    border-color: #dbc22c;
    -webkit-box-shadow: -1.5px 0 0 0 #dbc22c;
    box-shadow: -1.5px 0 0 0 #dbc22c;
}

.gallery-nav-slider .slick-center .blackout {
    background: transparent;
}

.gallery-nav-slider .slick-center + .slick-slide {
    border-left-color: #dbc22c;
}

.slider-image-wrap {
    max-width: 100%;
    height: 700px;
    vertical-align: top;
}

.gallery-slider__image,
.gallery-nav-slider__image {
    width: 100%;
}

.gallery-nav-slider__image {
    height: 260px;
}

.slick-dots {
    display: block;
    position: absolute;
    bottom: 70px;
    width: 100%;
    margin: 0 10px;
    padding: 0;
    list-style: none;
    text-align: center;
}

.gallery-slider .slick-dots li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    padding: 0;
    height: 10px;
    max-width: 40px;
}

.gallery-slider .slick-dots li.slick-active {
    margin: 0;
    width: 100%;
}

.gallery-slider .slick-dots li button:before {
    opacity: 1;
    color: #fff;
    font-family: "slick";
    font-size: 12px;
}

.gallery-slider .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-slider .slick-dots li button:before {
    width: 20px;
    height: 10px;
}

.gallery-slider .slick-dots li button,
.gallery-slider .slick-dots li button:before {
    line-height: 12px;
}

.gallery-slider .slick-dots button,
.gallery-slider .slick-dots button:before {
    transition: width .5s linear;
}

.gallery-slider .slick-dots li.slick-active button,
.gallery-slider .slick-dots li.slick-active button:before {
    width: 30px;
    background: #009483;
    color: #009483;
    height: 10px;
    border-radius: 10px;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #bda800;
}

.slider-nav-image-wrap {
    position: relative;
    height: 236px;
    overflow: hidden;
    background-position: center;
    background-size: auto 300px;
    vertical-align: top;
}

.slider-nav-image-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-width: none;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.main-slider-arrow-next,
.main-slider-arrow-prev {
    position: absolute;
    z-index: 1;
    top: -webkit-calc(50% - 18px);
    top: calc(50% - 18px);
    bottom: initial;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    background-color: #fff;
    -webkit-box-shadow: 4px 7px 8px 0 #00000036;
    box-shadow: 4px 7px 8px 0 #00000036;
    color: #bda800;
    font-size: 36px;
}

.main-slider-arrow-next span,
.main-slider-arrow-prev span {
    display: block;
    position: relative;
    color: #bda800;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
}

.main-slider-arrow-next:hover,
.main-slider-arrow-prev:hover {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    opacity: 1;
    color: #bda800;
    cursor: pointer;
}

.main-slider-arrow-prev {
    left: 30px;
    padding-right: 4px;
}

.main-slider-arrow-next {
    right: 30px;
    padding-left: 4px;
}

.blackout {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.30);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.head-blackout {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.infrastructure-map-nav-elem:hover,
.infrastructure-map-nav-elem:focus {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.infrastructure-map-nav-elem:active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
}

.markerLabelClass {
    max-width: 200px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.building-content {
    position: relative;
    text-align: center;
}

.building-header {
    position: absolute;
    z-index: 10;
    top: 91px;
    left: -webkit-calc(50% - 307px);
    left: calc(50% - 307px);
    margin: 0 auto;
    padding: 25px 87px 13px;
    background-color: #fff;
    text-align: center;
}

.building-h1,
.building-h2 {
    padding-bottom: 4px;
    color: #259282;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.building-h2 {
    margin: 87px auto 40px;
}

.building-date {
    margin: 4px 0;
    display: inline-block;
    padding: 4px 15px;
    color: #56565a;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.building-date.active-date {
    background-color: #dbc22c;
    color: #fff;
}

.building-date:hover,
.building-date:focus {
    text-decoration: none;
    cursor: pointer;
}

.building-date2 {
    margin: 4px 0;
    display: inline-block;
    padding: 4px 15px;
    color: #56565a;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.building-date2.active-date {
    background-color: #dbc22c;
    color: #fff;
}

.building-date2:hover,
.building-date2:focus {
    text-decoration: none;
    cursor: pointer;
}

.building-slider_img-wrap {
    max-height: 100vh;
    vertical-align: top;
}

.building-nav-slider {
    position: absolute;
    top: 50%;
    right: 1px;
    max-width: 172px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.building-nav-slider .slick-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid;
    border-right: 2px solid;
    border-bottom: 1px solid;
    border-left: 2px solid;
    border-color: #fff;
}

.building-nav-slider .slick-slide:hover {
    cursor: pointer;
}

.building-nav-slider .slick-current {
    position: relative;
    z-index: 10;
    border-color: #dbc22c;
    -webkit-box-shadow: 0 -1px 0 0 #dbc22c;
    box-shadow: 0 -1px 0 0 #dbc22c;
}

.building-nav-slider .slick-current .blackout {
    -webkit-transition: opacity 0.7s;
    transition: opacity 0.7s;
    opacity: 0;
}

.building-nav-slider .slick-current + .slick-slide {
    border-top-color: #dbc22c;
}

.building-nav-slider_img-wrap {
    position: relative;
    width: 170px;
    height: 120px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    vertical-align: top;
}

.building-nav-slider_img-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 170px;
    max-width: 100%;
    object-fit: cover;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.building-nav-arrow-next {
    top: auto;
    right: -webkit-calc(50% - 25px);
    right: calc(50% - 25px);
    bottom: 10px;
    padding-left: 17px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.building-filter-sliders {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.filter-clider-year {
    margin-bottom: 1px;
    padding: 16px 61px 7px;
    background-color: rgba(0, 148, 128, 0.85);
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.filter-clider-year:hover {
    cursor: pointer;
}

.month-list {
    display: none;
    margin-bottom: 1px;
    padding: 0;
    list-style-type: none;
}

.month-list li {
    margin-bottom: 1px;
    padding: 1px 15px 5px 30px;
    background-color: rgba(255, 255, 255, 0.96);
    text-align: left;
}

.month-list li:hover,
.month-list li:active,
.month-list li:focus {
    -webkit-transition: background-image 0.3s;
    transition: background-image 0.3s;
    background-image: -webkit-gradient(linear, left top, right top, from(#009587), to(#ccdb39));
    background-image: linear-gradient(to right, #009587 0%, #ccdb39 100%);
    cursor: pointer;
}

.month-list li a {
    color: #a6541b;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    letter-spacing: 0.3px;
    display: block;
    margin: 5px 0;
}

.month-list li a:hover,
.month-list li a:active,
.month-list li a:focus {
    text-decoration: none;
}

.month-list li:hover,
.month-list li:active,
.month-list li:focus {
    text-decoration: none;
}

.month-list .active-month {
    background-image: -webkit-gradient(linear, left top, right top, from(#009587), to(#ccdb39));
    background-image: linear-gradient(to right, #009587 0%, #ccdb39 100%);
}

.month-list .active-month a {
    color: #fff;
}

.active-list {
    display: block;
}

.video-wrap {
    width: 557px;
    height: 372px;
    margin: 0 auto;
}

.apartment,
.commercial-room {
    margin: 50px auto 85px;
    text-align: center;
}

.apartment-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1140px;
    margin: 0 auto;
    padding-top: 70px;
    padding-left: 90px;
}

.compas-image {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 136px;
    height: 134px;
    background-image: url("../img/compas.png");
    background-repeat: no-repeat;
    background-position: center;
}

.commercial-compas {
    top: 27px;
    right: -161px;
    left: initial;
}

.apartment-short-info,
.commercial-short-info {
    font-family: "Arimo", sans-serif;
    font-size: 14px;
}

.commercial-short-info {
    color: #a6541b;
}

.commercial-short-info a {
    color: #a6541b;
}

.commercial-short-info a:hover,
.commercial-short-info a:active,
.commercial-short-info a:focus {
    color: #00bbd3;
    text-decoration: none;
}

.commercial-short-info span {
    margin: 0 5px;
    color: #000;
    font-size: 12px;
    font-weight: 700;
}

.apartment-main-slider {
    margin-bottom: 34px;
}

.apartment-photo-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 570px;
    overflow: hidden;
}

.apartment-selected-image {
    width: 100%;
    height: 468px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.apartment-photo-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.apartment-photo-list__elem {
    text-align: center;
}

.apartment-photo-list__elem:hover {
    cursor: pointer;
}

.apartment-photo-list__elem:hover > .preview-img {
    border-color: #009483;
}

.apartment-photo-list__elem:hover > .photo-signature {
    color: #56565a;
}

.progect-single-pct .slick-current .apartment-photo-list__elem > .preview-img {
    border-color: #009483;
}

.progect-single-pct .slick-current .apartment-photo-list__elem > .photo-signature {
    color: #56565a;
}

.preview-img {
    width: 165px;
    height: 110px;
    margin: 0 0.5px;
    border: 1px solid #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.photo-signature {
    display: block;
    margin: 3px 0;
    color: #a6541b;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    line-height: 17px;
}

.apartment-info,
.commercial-room-info {
    margin-top: 13px;
    text-align: center;
}

.apartment-info-h2 {
    margin-bottom: 40px;
    color: #259282;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-align: left;
    text-transform: uppercase;
}

.apartment-info-table {
    max-width: 362px;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    text-align: left;
}

.apartment-info-table tr:nth-child(odd) {
    background-color: rgba(0, 148, 128, 0.2);
}

.apartment-info-table tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.6);
}

.apartment-info-table td {
    padding-top: 14px;
    padding-bottom: 13px;
}

.apartment-info-table td:nth-child(odd) {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}

.apartment-info-table td:nth-child(even) {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    font-weight: 700;
}

.apartment-info-fotter {
    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;
    margin-top: 61px;
    margin-right: 5px;
}

.commercial-info-fotter {
    margin-top: 41px;
}

.add-to-list,
.order-bell-new {
    display: block;
    padding: 9px 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-image: -webkit-gradient(linear, left top, right top, from(#009587), to(#ccdb39));
    background-image: linear-gradient(to right, #009587 0%, #ccdb39 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.add-to-list:active,
.add-to-list:hover,
.add-to-list:focus,
.order-bell-new:active,
.order-bell-new:hover,
.order-bell-new:focus {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    outline: none;
    -webkit-box-shadow: 0 3px 10px 0 #e0e0e0;
    box-shadow: 0 3px 10px 0 #e0e0e0;
    color: #fff;
    text-decoration: none;
}

.add-to-list span {
    font-size: 32px;
    line-height: 10px;
    vertical-align: sub;
}

.order-bell-new {
    position: relative;
    padding: 9px 2px;
    color: #009483;
}

.order-bell-new span {
    padding: 10px 12px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    letter-spacing: 1.2px;
}

.order-bell-new:active,
.order-bell-new:hover,
.order-bell-new:focus {
    color: #009483;
    text-decoration: none;
}

.commercial-room-image {
    width: 398px;
    height: 547px;
    vertical-align: middle;
}

.commercial-room-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 820px;
    margin: 0 auto;
    padding-top: 45px;
    padding-right: 0;
}

.commercial-small-image {
    max-width: 180px;
    height: 90px;
    margin-top: 30px;
    text-align: left;
    vertical-align: middle;
}

.contact-tabs .main-phone-contacts a,
.contact-tabs .main-phone-contacts span,
.developer-content__h2.myclass,
.contact-tabs .contacts-h2,
.contact-tabs .contacts-text,
.contact-tabs .contacts-work-time {
    color: #fff;
}

.contact-tabs {
    max-width: 613px;
    padding: 10px 29px 7px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: 1s;
    transition: 1s;
    background: linear-gradient(to right, #259282, #dbc22c);
    color: #fff;
    border-radius: 40px 0;
}

.contact-tabs .contact-tabs-toggle {
    display: flex;
    flex-flow: column;
    width: 50px;
    height: 50px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: rgba(0, 148, 128, 0.85);
    cursor: pointer;
}

.contact-tabs .contact-tabs-toggle img {
    height: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}

.contact-tabs .contact-tabs-toggle span {
    display: block;
    left: 10px;
    width: 30px;
    height: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #fff;
}

.contact-tabs .contact-tabs-toggle span:first-of-type {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.contact-tabs .contact-tabs-toggle span:last-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.contact-tabs.active {
    right: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.contact-tabs.active .contact-tabs-toggle {
    -webkit-animation: pulse 1s ease-out 0.3s infinite;
    animation: pulse 1s ease-out 0.3s infinite;
}

.contact-tabs.active .contact-tabs-toggle img {
    opacity: 1;
}

.contact-tabs.active .contact-tabs-toggle span {
    opacity: 0;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 5px 0 #009483;
        box-shadow: 0 0 5px 0 #009483;
    }

    100% {
        -webkit-box-shadow: 0 0 5px 10px transparent;
        box-shadow: 0 0 5px 10px transparent;
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 5px 0 #009483;
        box-shadow: 0 0 5px 0 #009483;
    }

    100% {
        -webkit-box-shadow: 0 0 5px 10px transparent;
        box-shadow: 0 0 5px 10px transparent;
    }
}

a[data-fancybox] {
    outline: none;
}

.tab-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 21px;
    padding: 0 86px;
    border-bottom: 1px solid #d3d3d9;
}

.tab-links li {
    list-style-type: none;
}

.tab-links li a {
    display: block;
    padding: 1px 11px 7px;
    color: #303034;
    font-size: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.tab-links li a:hover,
.tab-links li a:active,
.tab-links li a:focus {
    color: #c6ab00;
    text-decoration: none;
}

.tab-links .active a {
    border-bottom: 2px solid #c6ab00;
    color: #fff;
}

.tab {
    display: none;
    padding-bottom: 31px;
}

.tab.active {
    display: block;
}

.tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabs li {
    display: inline-block;
}

.tab-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #303034;
}

.tab-content .icon-clock {
    margin-right: 9px;
    color: #259282;
    font-size: 17px;
}

.contacts-h2 {
    margin-bottom: 10px;
    color: #303034;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.contacts-address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 11px;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
}

.contacts-address .icon-marker {
    margin-right: 13px;
    color: #fff;
    font-size: 19px;
}

.contacts-work-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.contacts-work-time {
    margin-bottom: 0;
    padding-left: 0;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
}

.contacts-work-time li {
    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;
    max-width: 153px;
    list-style-type: none;
}

.contacts-get {
    display: inline-block;
    max-width: 162px;
    margin: 18px 0 22px;
    padding: 0 21px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 0;
    -webkit-border-radius: 26px;
    border-radius: 26px;
    outline: none;
    background-image: linear-gradient(135deg, #009587 0%, #ccdb39 90%, #009587 100%);
    background-size: 200% 200%;
    color: #fff;
    font-family: "Cuprum", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
}

.contacts-get:hover {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    outline: none;
    background-position: 100% 50%;
    -webkit-box-shadow: 0 3px 10px 0 #e0e0e0;
    box-shadow: 0 3px 10px 0 #e0e0e0;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.route-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
}

.route-info .icon-car {
    margin-right: 6px;
    color: #c6ab00;
}

.route-info .icon-walk {
    margin: 0 12px 0 4px;
    color: #009483;
}

.route-start-adress {
    max-width: 263px;
    margin: 5px auto 0;
    padding: 15px 12px 9px;
    border: 1px solid #d3d3d9;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    color: #636367;
}

.route-start-adress:hover,
.route-start-adress:active,
.route-start-adress:focus {
    outline: none;
}

.route-traffic {
    display: none;
}

.car-time,
.walk-time {
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.form-route {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.input-err {
    border-color: #f00;
}

.input-err::-webkit-input-placeholder {
    opacity: 1;
    color: #f00;
}

.input-err::-moz-placeholder {
    opacity: 1;
    color: #f00;
}

.input-err:-ms-input-placeholder {
    opacity: 1;
    color: #f00;
}

.input-err::placeholder {
    opacity: 1;
    color: #f00;
}

.massage-err {
    padding: 60px 100px;
    text-align: center;
}

.massage-err p {
    margin-bottom: 50px;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
}

.massage-err .fancybox-close-small {
    width: 26px;
    height: 26px;
}

.massage-err-title {
    margin-bottom: 25px;
    color: #009483;
    font-family: "Cuprum", sans-serif;
    font-size: 16px;
    letter-spacing: 0.8px;
    text-align: center;
    text-transform: uppercase;
}

img {
    max-width: 100%;
}

.custom-container {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 30px;
}

.news-banners {
    margin-bottom: 21px;
}

.shares {
    margin-bottom: 47px;
}

.shares .shares_title {
    margin-bottom: 5px;
    color: #259282;
    font-size: 16px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.news-banners__content,
.shares__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.shares__content a {
    display: block;
    width: -webkit-calc(33% - 20px);
    width: calc(33% - 20px);
}

.news-banners__item {
    position: relative;
    width: 100%;
}

.news-banners__item a {
    position: absolute;
    bottom: 60px;
    left: 70px;
}

.news {
    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: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    margin: 10px;
}

.news-item {
    width: -webkit-calc(33.33% - 20px);
    width: calc(33.33% - 20px);
    margin: 10px;
}

.news-item:hover {
    text-decoration: none;
}

.news-item .news-item-thumb {
    display: block;
    margin-bottom: 18px;
    overflow: hidden;
}

.news-item .news-item-thumb img {
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.news-item .news-item-thumb img:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.news-item .news-item-title {
    display: block;
    width: 100%;
    margin-bottom: 7px;
    overflow: hidden;
    color: #303034;
    font-size: 16px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-item .news-item-date {
    display: block;
    color: #009483;
    font-size: 14px;
}

.pagination {
    margin: 40px auto;
    font-family: "Arimo", sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.pagination ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination ul li {
    display: inline-block;
    margin-right: 5px;
}

.pagination ul li span {
    display: block;
    background-color: #ebebeb;
}

.pagination ul li .next,
.pagination ul li .prev {
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 8px rgba(13, 6, 3, 0.35);
    box-shadow: 0 8px 8px rgba(13, 6, 3, 0.35);
    color: transparent;
}

.pagination ul li .next:hover,
.pagination ul li .prev:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.pagination ul li .next:after,
.pagination ul li .prev:after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 10px;
    width: 22px;
    height: 22px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 3px solid #c6aa00;
    border-bottom: 3px solid #c6aa00;
}

.pagination ul li .prev {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-box-shadow: 0 -8px 8px rgba(13, 6, 3, 0.35);
    box-shadow: 0 -8px 8px rgba(13, 6, 3, 0.35);
}

.pagination ul li a:not(.prev):not(.next):hover {
    background-color: #ebebeb;
    text-decoration: none;
}

.pagination ul li a,
.pagination ul li span {
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #303034;
    line-height: 50px;
    text-align: center;
}

.request_shares {
    width: 620px;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    padding-top: 60px;
}

.request_shares input,
.request_shares select,
.request_shares textarea {
    display: block;
    width: 424px;
    max-width: 100%;
    height: 50px;
    margin: 0 auto 25px;
    padding: 0 25px;
    border: 1px solid #e0e0e0;
    font-size: 12px;
}

.request_shares textarea {
    height: 108px;
    padding: 20px 25px;
    resize: none;
}

.request_shares .gradient-btn {
    display: block;
    width: 230px;
    max-width: 100%;
    height: 56px;
    margin: 20px auto;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    line-height: 56px;
}

.request_shares .alert {
    display: none;
    margin-bottom: 0;
}

.request_shares p {
    color: #303034;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.fancybox-close-small {
    width: 32px;
    height: 32px;
    padding: 0;
}

.fancybox-close-small path {
    fill: #d3d3d9;
}

.form_title {
    margin-bottom: 25px;
    color: #009483;
    font-family: "Cuprum", sans-serif;
    font-size: 16px;
    letter-spacing: 0.8px;
    text-align: center;
    text-transform: uppercase;
}

/* .profile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; background-image: url("../img/profile-bg.jpg"); } */
.profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    background-image: url("../img/a_gde_dengi_.jpg");
}

.profile .profile-box {
    width: 550px;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin: auto;
    padding: 50px 30px;
    background-color: #fff;
}

.profile .profile-box h1 {
    text-align: center;
}

.profile .profile-box .profile-form-wrapp {
    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: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px;
}

.profile .profile-box .sing-in-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.profile .profile-box .sing-in-form .gradient-btn {
    margin: 40px auto 0;
}

.profile .profile-box .sing-up-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 59%;
}

.profile .profile-box .profile-form-head {
    width: 100%;
    margin-bottom: 25px;
    font-family: "Arimo", sans-serif;
}

.profile .profile-box .profile-form-head .profile-form-title {
    font-size: 16px;
    font-weight: bold;
}

.profile .profile-box .profile-form-head .profile-form-note {
    font-size: 12px;
}

.profile .profile-box input {
    display: block;
    width: 265px;
    max-width: 100%;
    height: 50px;
    margin-bottom: 25px;
    padding: 0 25px;
    border: 1px solid #e0e0e0;
    font-size: 12px;
}

/*.profile .profile-box input:last-of-type {*/
/*  margin-bottom: 0;*/
/*}*/
.profile .profile-box input::-webkit-input-placeholder {
    color: #636367;
}

.profile .profile-box input::-moz-placeholder {
    color: #636367;
}

.profile .profile-box input:-ms-input-placeholder {
    color: #636367;
}

.profile .profile-box input::placeholder {
    color: #636367;
}

.profile .profile-box input:active,
.profile .profile-box input:focus {
    border-color: #009483;
    outline: none;
}

.profile .profile-box .forget {
    color: #a6541b;
    font-size: 12px;
    float: left;
}

.profile .profile-box .profile-box-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
    padding: 20px 30px;
    border-top: 1px solid #d3d3d9;
}

.profile .profile-box .profile-box-footer span {
    margin-right: 20px;
    color: #303034;
    font-size: 16px;
    font-weight: 700;
}

.profile .profile-box .profile-box-footer .soc-login {
    display: inline-block;
    margin-right: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #a6541b;
    font-size: 25px;
}

.profile .profile-box .profile-box-footer .soc-login:active,
.profile .profile-box .profile-box-footer .soc-login:hover,
.profile .profile-box .profile-box-footer .soc-login:focus {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    outline: none;
    -webkit-box-shadow: 0 3px 10px 0 #e0e0e0;
    box-shadow: 0 3px 10px 0 #e0e0e0;
    text-decoration: none;
}

.profile .profile-box .profile-box-footer .soc-login i,
.profile .profile-box .profile-box-footer .soc-login img {
    display: block;
}

.profile .profile-box .profile-box-footer .soc-login i {
    opacity: 0.75;
}

.not_found {
    /* background-image: url("../img/a_gde_dengi.jpg") */
}

.not_found .not_found_content {
    width: 425px;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin: auto;
    color: #fff;
    text-align: center;
}

.not_found .not_found_content span {
    font-size: 120px;
    font-weight: 700;
    letter-spacing: 3px;
}

.not_found .not_found_content a {
    margin-top: 70px;
}

.not_found .not_found_content a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.buy-nav {
    background-color: #e2e4e7;
}

.buy-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.buy-nav ul li {
    display: inline-block;
    margin: 0 35px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.buy-nav ul li.active a {
    color: #c6ab00;
}

.buy-nav ul li.active,
.buy-nav ul li:hover {
    border-top: 3px solid transparent;
    border-bottom: 3px solid #c6ab00;
    color: #c6ab00;
}

.buy-nav ul li a {
    display: block;
    padding: 0 25px;
    color: #303034;
    font-family: "Cuprum", sans-serif;
    font-size: 16px;
    letter-spacing: 1.2px;
    line-height: 54px;
    text-transform: uppercase;
    cursor: pointer;
}

.buy-nav ul li a:hover {
    color: #c6ab00;
    text-decoration: none;
}

.profile-nav {
    position: relative;
    margin-bottom: 60px;
}

.profile-nav .profile-control a {
    display: inline-block;
    margin-left: 30px;
    color: #a6541b;
    text-decoration: none;
    line-height: 1;
}

.profile-nav .profile-control a:hover {
    border-bottom: 2px solid #a6541b;
}

.tabs-content__item {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.tabs-content__item.active {
    visibility: visible;
    height: auto;
}

.filter_parametr_title {
    margin-bottom: 15px;
    color: #259282;
    font-size: 16px;
    letter-spacing: 0.8px;
    text-align: center;
    text-transform: uppercase;
}

.ui-widget-content .ui-slider-handle {
    display: block;
    top: -8px;
    width: 22px;
    height: 22px;
    border: 5px solid #259282;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    outline: none;
    background-color: #fff;
    cursor: pointer;
}

.ui-widget-content .ui-slider-handle:focus {
    outline: none;
}

.ui-widget-content .ui-slider-handle:before {
    content: attr(data-val);
    display: block;
    position: absolute;
    bottom: -webkit-calc(100% + 5px);
    bottom: calc(100% + 5px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #303034;
    font-size: 12px;
    font-weight: 700;
}

.ui-widget-content .ui-slider-handle:first-of-type {
    -webkit-transform: translateX(-39%);
    -ms-transform: translateX(-39%);
    transform: translateX(-39%);
}

.ui-widget-content .ui-slider-handle:last-of-type {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

.ui-widget.ui-widget-content {
    height: 6px;
    margin-top: 50px;
    border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #dee3e8;
}

.ui-slider .ui-slider-range {
    background-image: -webkit-gradient(linear, left top, right top, from(#baa53c), color-stop(41%, #baa53c), to(#b26030));
    background-image: linear-gradient(to right, #baa53c 0%, #baa53c 41%, #b26030 100%);
}

.gradient-btn {
    display: inline-block;
    height: 44px;
    padding: 0 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 0;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    outline: none;
    background-image: linear-gradient(135deg, #009587 0%, #ccdb39 90%, #009587 100%);
    background-size: 200% 200%;
    color: #fff;
    font-family: "Cuprum", sans-serif;
    font-size: 16px;
    letter-spacing: 1.2px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
}

.gradient-btn:hover {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    outline: none;
    background-position: 100% 50%;
    -webkit-box-shadow: 0 3px 10px 0 #e0e0e0;
    box-shadow: 0 3px 10px 0 #e0e0e0;
    color: #fff;
    text-decoration: none;
}

.gradient-btn.gradient-btn-new {
    max-width: 167px;
    height: 42px;
    padding: 0 10px;
    -webkit-border-radius: 21px;
    border-radius: 21px;
    line-height: 42px;
}

.btn_group_single {
    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;
    margin-top: 60px;
}

.order-bell {
    display: inline-block;
    position: relative;
    max-width: 167px;
    height: 44px;
    padding: 0 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 0;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    outline: none;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#009587), to(#ccdb39));
    background-image: linear-gradient(to top, #009587 0%, #ccdb39 100%);
    color: #259282;
    font-family: "Cuprum", sans-serif;
    font-size: 16px;
    letter-spacing: 1.2px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
}

.order-bell:hover {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    outline: none;
    -webkit-box-shadow: 0 3px 10px 0 #e0e0e0;
    box-shadow: 0 3px 10px 0 #e0e0e0;
    color: #259282;
    text-decoration: none;
}

.order-bell:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: -webkit-calc(100% - 4px);
    width: calc(100% - 4px);
    height: -webkit-calc(100% - 4px);
    height: calc(100% - 4px);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
}

.order-bell span {
    position: relative;
    z-index: 2;
}

.apartments {
    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: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 60px;
}

.apartments .remove {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.apartments .remove:after,
.apartments .remove:before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d3d9;
}

.apartments .remove:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.apartments .remove:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.apartments .remove:hover:after,
.apartments .remove:hover:before {
    background-color: rgba(255, 0, 0, 0.6);
}

.apartments .apartments-item {
    position: relative;
    width: 33.33%;
    margin-right: -1px;
    margin-bottom: -1px;
    padding: 20px 0 45px;
    border: 1px solid #d3d3d9;
    font-family: "Arimo", sans-serif;
    line-height: 18px;
    text-align: center;
}

.apartments .apartments-item .apartments-item_thumb {
    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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 265px;
    height: 247px;
    margin: 0 auto 20px;
}

.similar-apartments-carousel {
    margin-top: 48px;
}

.similar-apartments-carousel .slick-slide {
    padding: 0 15px;
}

.similar-apartments-carousel .apartments-item {
    padding: 20px 0 25px;
    background-color: #fff;
    text-align: center;
}

.similar-apartments-carousel .apartments-item .apartments-item_thumb {
    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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 195px;
    height: 179px;
    margin: 0 auto;
}

.similar-apartments-carousel .apartments-item .apartments-item_thumb img {
    max-height: 100%;
}

.similar-apartments-carousel .main-slider-arrow-prev {
    left: -50px;
}

.similar-apartments-carousel .main-slider-arrow-next {
    right: -50px;
}

.similar-apartments {
    padding: 60px 0;
    background-color: #f5f7f9;
}

.similar-apartments .slick-dotted.slick-slider {
    margin-bottom: 60px;
}

.similar-apartments .slick-dotted.slick-slider .slick-dots {
    bottom: -60px;
}

.similar-apartments .slick-dotted.slick-slider .slick-dots li button:before {
    color: #989898;
}

.similar-apartments .slick-dotted.slick-slider .slick-dots .slick-active button:before {
    color: #009587;
}

.bye-filter .room_area {
    width: 24.5%;
}

.bye-filter .room_quantity {
    width: 34%;
}

.bye-filter .room_needs {
    text-align: right;
}

.bye-filter .room_needs .filter_parametr_title {
    /*padding-right: 17px;*/
    text-align: right;
}

.commercial-fileter > div:nth-child(1) {
    width: 33.3%;
    padding-right: 50px;
}

.commercial-fileter > div:nth-child(2) {
    width: 33.3%;
}

.commercial-fileter > div:nth-child(3) {
    width: 33.3%;
}

.commercial-fileter > div:nth-child(4) .filter_parametr_title {
    visibility: hidden;
}

.filter {
    margin-bottom: 55px;
    padding: 30px 0;
    background-color: #f5f7f9;
}

.filter .filter-form {
    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: 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;
    align-items: center;
}

.filter .filter-form .order-bell-new {
    display: inline-block;
    background-color: #f5f7f9;
}

.filter .filter-form .room_quantity input {
    display: none;
}

.filter .filter-form .room_quantity input:checked + label {
    background-color: #259282;
    color: #fff;
}

.filter .filter-form .room_quantity label {
    display: inline-block;
    height: 50px;
    width: 50px;
    background-color: #dee3e8;
    color: #303034;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.filter .filter-form .room_quantity label.more {
    width: 116px;
    padding: 0 15px;
}

.filter .filter-form .room_quantity label:last-child {
    margin-right: 0;
}

.filter .filter-form .room_quantity label.static_width {
    width: 84px;
    padding: 0;
    text-align: center;
}

.filter .filter-form .room_needs label {
    display: inline-block;
    height: 26px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 17px;
    line-height: 26px;
}

.filter .order-bell:before {
    background-color: #f5f7f9;
}

.apartments-item_title {
    display: block;
    margin-bottom: 10px;
    color: #303034;
    font-size: 16px;
    font-weight: 700;
}

.apartments-item_title:hover {
    color: #303034;
    text-decoration: none;
}

.apartments-item_parameters {
    margin-bottom: 30px;
    color: #259282;
    font-size: 14px;
}

.rools {
    padding-bottom: 60px;
}

.rools .rools_wrapp {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    margin-top: 60px;
}

.rools .rools_item {
    display: flex;
    flex-flow: column;
    margin: 10px;
}

.rools .rools_item .rools_title {
    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: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 35px;
}


.rools .rools_item img {
    display: block;
    width: 40px;
    object-fit: cover;
}

.rools .rools_item .filter_parametr_title {
    margin-bottom: 0;
}

.rools .rools_item .rools_item_desc {
    font-family: "Arimo", sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
}

.rools .rools_item .rools_item_desc ul {
    margin-bottom: 20px;
    padding-left: 0;
    list-style: none;
}

.rools .rools_item .rools_item_desc li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 10px;
    margin-left: 10px;
}

.rools .rools_item .rools_item_desc li:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 2px;
    height: 16px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#009587), to(#ccdb39));
    background-image: linear-gradient(to top, #009587 0%, #ccdb39 100%);
}

.rools .rools_item .rools_item_desc img {
    margin: 40px 0;
}

.installment {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}
.installment-block {
    display: flex;
    flex-flow: column;
    width: 48%;
}
.installment-item-title {
    margin-bottom: 10px;
    font-weight: bold;
}

.installment-item {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    margin-bottom: 20px;
}

.installment-desc {
    display: inline-block;
    background: #f2f2f2;
    width: 48%;
    padding: 5px;
    border-radius: 5px;
}

.installment-terms {
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    width: 100%;
    text-align: center; margin: 0;
}

.installment-payment {
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    width: 100%;
    text-align: center; margin: 0;
}

.installment-span {
    font-weight: 500;
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    line-height: 19px;
    text-transform: uppercase;
}


.btn_group {
    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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 70px;
}

.btn_group > * {
    margin: 0 15px;
}

.breadcrumbs {
    margin-bottom: 0;
}

.breadcrumbs span a {
    color: #494848;
    margin: 0 5px;
}

.breadcrumbs ol {
    margin: 0;
    padding: 0;
}

.breadcrumbs ol li {
    display: inline-block;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
}

.breadcrumbs ol li a {
    color: #a6541b;
}

.breadcrumbs ol li + li:before {
    content: "|";
    display: inline-block;
    margin: 0 10px 0 5px;
}

.single {
    margin-top: 60px;
    margin-bottom: 60px;
}

.commercial-single-tabs {
    width: 100%;
    margin-bottom: 40px;
}

.commercial-single-tabs ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}

.commercial-single-tabs ul li {
    display: block;
    width: 50%;
    max-width: 100%;
    padding: 0 15px;
    border-bottom: 1px solid #d3d3d9;
    font-size: 16px;
    cursor: pointer;
}

.commercial-single-tabs ul li span {
    display: inline-block;
    position: relative;
    width: auto;
    padding: 15px;
}

.commercial-single-tabs ul li.active span:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 100%;
    height: 3px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #a6541b;
}

.parking {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 830px;
    max-width: 100%;
    margin: 60px auto;
}

.parking .floor ul {
    margin-bottom: 50px;
    padding: 0;
    text-align: center;
}

.parking .floor ul li {
    display: inline-block;
    max-width: 44px;
    height: 44px;
    margin-right: 10px;
    margin-bottom: 0;
    padding: 0 17px;
    background-color: #dee3e8;
    color: #303034;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
}

.parking .floor ul li.active {
    background-color: #259282;
    color: #fff;
}

.parking .floor ul li.disabled {
    opacity: 0.6;
}

.progect-single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
    padding: 90px 0 0 90px;
}

.progect-single:after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    width: 136px;
    height: 134px;
    background-image: url("../img/nesw.png");
}

.progect-single .progect-single-pct {
    width: 54.3%;
    padding-top: 24px;
    text-align: center;
}

.progect-single .progect-single-characteristics {
    width: 34.5%;
}

.progect-single.commercial-single .progect-single-pct {
    width: 48%;
    padding-top: 0;
}

.progect-single.commercial-single .progect-single-characteristics {
    width: 44.4%;
}

.commercial-single {
    width: 980px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 50px;
    padding-left: 167px;
}

.commercial-single:after {
    top: 50px;
    left: 0;
}

.commercial-single .btn_group_single {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.progect-single-characteristics > span {
    display: block;
    margin-bottom: 30px;
    color: #259282;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.progect-single-characteristics img,
.progect-single-characteristics svg {
    display: block;
    max-width: 200px;
    margin: 30px auto 0;
}

.progect-single-characteristics .btn_group {
    padding: 0;
}

.progect-characteristics-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    padding: 17px 0;
    background-color: rgba(37, 146, 130, 0.2);
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}

.progect-characteristics-item:nth-child(2n + 1) {
    background-color: rgba(225, 225, 225, 0.2);
}

.progect-characteristics-item > * {
    width: 50%;
    padding: 0 15px;
    font-weight: 400;
}

.progect-characteristics-item > *:nth-child(even) {
    font-weight: 700;
}

.profile-table {
    width: 616px;
    max-width: 100%;
    margin: 0 auto 90px;
}

.profile-table .request_shares {
    margin: 0 auto;
    padding-top: 0;
}

.profile-table .request_shares input,
.profile-table .request_shares select,
.profile-table .request_shares textarea {
    background-color: transparent;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
}

.profile-table .request_shares select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.profile-table .select_wrapp {
    position: relative;
    width: 424px;
    max-width: 100%;
    margin: 0 auto;
}

.profile-table .select_wrapp:after {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.profile-table .progect-characteristics-item {
    height: auto;
    margin: 0 auto;
    padding: 15px 30px;
    font-weight: 400;
    line-height: 16px;
}

.profile-table .progect-characteristics-item:nth-child(2n) {
    background-color: transparent;
}

.profile-table .progect-characteristics-item:nth-child(2n + 1) {
    background-color: rgba(37, 146, 130, 0.2);
}

.profile-table.profile-4 .progect-characteristics-item > * {
    width: 25%;
    padding: 0;
}

.profile-table.profile-2 .progect-characteristics-item > * {
    width: 50%;
    padding: 0;
}

.profile-icon {
    margin: 60px 0;
}

.wish-list {
    padding: 60px 0 90px;
}

.news-single .developer-content__h2 {
    text-align: left;
}

.news-single-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -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;
    min-height: 440px;
    margin-bottom: 45px;
    background-image: url("../img/news-single-header.jpg");
    color: #fff;
    text-align: center;
}

.news-single-header .news-single-header-content {
    width: 400px;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
}

.news-single-header .news-single-header-content .news-single-header-title {
    margin-bottom: 30px;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 52px;
    text-transform: uppercase;
}

.news-single-header .news-single-header-content .news-single-header-title span {
    font-size: 24px;
    letter-spacing: 0.6px;
}

.news-single-header .news-single-header-content .news-single-header-desc {
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.news-single-info {
    margin-bottom: 15px;
    color: #009483;
    font-size: 14px;
    text-align: left;
}

.news-single-info a {
    color: #a6541b;
}

.news-single-info > *:after {
    content: "|";
    display: inline-block;
    margin: 0 15px;
}

.news-single-info > *:last-child:after {
    content: none;
}

.news-single-share {
    text-align: left;
}

.news-single-share a {
    display: inline-block;
    margin-right: 15px;
}

.posts_navigation {
    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;
    margin-bottom: 60px;
    padding: 20px 30px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.posts_navigation a {
    position: relative;
    color: #5daea2;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    line-height: 18px;
}

.posts_navigation a:before {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    width: 19px;
    height: 14px;
    background-image: url("../img/post-nav-arrow.svg");
}

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

.posts_navigation .prev {
    padding-left: 32px;
}

.posts_navigation .prev:before {
    left: 0;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.posts_navigation .next {
    padding-right: 32px;
    text-align: right;
}

.posts_navigation .next:before {
    right: 0;
}

.similar-news-title {
    color: #009483;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: uppercase;
}

.internal_header {
    border-bottom: 1px solid #e2e4e7;
}

.help {
    width: 830px;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    padding: 30px 120px 60px;
}

.help .btn_group {
    padding-top: 35px;
}

.help .filter {
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.help .help_parametrs {
    margin-bottom: 20px;
    border-bottom: 1px solid #dee3e8;
}

.help .filter_parametr {
    width: 50%;
    margin-bottom: 20px;
    text-align: center;
}

.help .filter_parametr .filter_parametr_title {
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #636367;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    text-transform: unset;
}

.help .filter_parametr .filter_parametr_title img {
    margin-right: 10px;
}

.help_results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -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;
    padding: 0 10px;
}

.help_results .help_result_item {
    width: -webkit-calc(33% - 30px);
    width: calc(33% - 30px);
}

.help_results .help_result_item .help_result_item_val_wrapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 130px;
    margin-bottom: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.help_results .help_result_item .help_result_item_val_wrapp .help_result_item_val {
    width: 100%;
    height: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #009483;
}

.help_results .help_result_item .help_result_item_label {
    color: #636367;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}

.main_menu_toggle {
    display: none;
    cursor: pointer;
}

.nav-link-active {
    border-bottom-color: #c6ab00;
    color: #c6ab00;
}

.building-slider-wrapp {
    position: relative;
}

.building-filter-sliders-toggle {
    display: none;
}

.form_subtitle {
    margin-bottom: 30px;
    padding: 0 80px;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}

.cls-1:hover {
    fill: #d3d3d9;
}

.int_header {
    background-color: #fff;
}

.second-slider-slide {
    position: relative;
    display: flex !important;
    height: 920px;
}

.second-slider-slide img {
    /* width: 50%; */
    height: 100%;
    object-fit: cover;
}

.second-slider-slide picture,
.second-screen-box {
    width: 50%;
}

.second-slider-slide {
    flex-direction: column;
    height: auto;
    height: 520px;
}

.second-slider-slide picture,
.second-screen-box,
.second-slider-slide img {
    width: 100%;
}

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

.hidden {
    display: none;
}

.error_alert {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    color: #f00;
    text-align: center;
}

.slick-slide {
    overflow: hidden;
}

.fancybox-image {
    background-color: #fff;
}

.scrolled {
    height: 565px;
    overflow-y: scroll;
}

body {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.base_course {
    margin-top: 10px;
    text-align: center;
    font-size: small;
    width: 100%;
}

.button--secondary,
.button--secondary:visited {
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    min-width: 64px;
    font-family: inherit;
    font-size: inherit;
    line-height: 15px;
    outline: none;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    transition: background 0.1s linear;
    font-weight: 400;
    color: #009483;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: none;
    padding: 15px 15px;
    transition-property: border;
    transition-timing-function: ease-in-out;
    transition-duration: 0.15s;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.9;
}

.button--full-width {
    min-width: 385px;
}

.icon-with-text {
    display: inline-flex;
    align-items: flex-start;
}

.icon-with-text__icon {
    flex-shrink: 0;
    margin-right: 8px;
    margin-top: -2px;
}

.icon-svg--color-silver {
    fill: #cccccc;
    color: #cccccc;
}

.icon-svg--color-blue {
    fill: #009483;
    color: #009483;
}

.icon-svg {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 16px;
}

.heart-full {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.btn__effect {
    display: inline-block;
    position: relative;
}

.effect-group {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(25deg);
}

.effect-group .effect {
    display: block;
    position: absolute;
    top: 38%;
    left: 50%;
    width: 20px;
    transform-origin: 0px 2px;
}

.effect-group .effect:nth-child(2) {
    transform: rotate(72deg);
}

.effect-group .effect:nth-child(3) {
    transform: rotate(144deg);
}

.effect-group .effect:nth-child(4) {
    transform: rotate(216deg);
}

.effect-group .effect:nth-child(5) {
    transform: rotate(288deg);
}

.effect-group .effect:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    border-radius: 1.5px;
    height: 3px;
    background: #009483;
}

.effect-group .effect:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: 10%;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    background: #ff6600;
    transform: scale(0, 0);
}

.active .heart-stroke {
    opacity: 0;
}

.active .heart-full {
    opacity: 1;
}

.active .icon-svg {
    -webkit-animation: bounceIn 0.5s linear;
    animation: bounceIn 0.5s linear;
}

.active .effect:before {
    -webkit-animation: fireworkLine 0.5s linear 0.1s;
    animation: fireworkLine 0.5s linear 0.1s;
}

.active .effect:after {
    -webkit-animation: fireworkPoint 0.5s linear 0.1s;
    animation: fireworkPoint 0.5s linear 0.1s;
}

.broken-heart {
    position: absolute;
    left: -16px;
    top: 0;
    opacity: 0;
}

.broken-heart--left {
    transform: rotate(0deg);
    transform-origin: 60% 200%;
}

.broken-heart--right {
    transform: rotate(0deg);
    transform-origin: 63% 200%;
}

.broken-heart--crack {
    stroke-dasharray: 15;
    stroke-dashoffset: 15;
}

.deactivate .broken-heart {
    opacity: 1;
}

.deactivate .broken-heart--left {
    -webkit-animation: crackLeft 0.35s cubic-bezier(0.68, -0.55, 0.265, 2.85) 0.15s forwards,
    hide 0.25s ease-in 0.55s forwards;
    animation: crackLeft 0.35s cubic-bezier(0.68, -0.55, 0.265, 2.85) 0.15s forwards, hide 0.25s ease-in 0.55s forwards;
}

.deactivate .broken-heart--right {
    -webkit-animation: crackRight 0.35s cubic-bezier(0.68, -0.55, 0.265, 2.85) 0.15s forwards,
    hide 0.25s ease-in 0.55s forwards;
    animation: crackRight 0.35s cubic-bezier(0.68, -0.55, 0.265, 2.85) 0.15s forwards, hide 0.25s ease-in 0.55s forwards;
}

.deactivate .broken-heart--crack {
    -webkit-animation: crack 0.2s ease-in forwards;
    animation: crack 0.2s ease-in forwards;
}

.button.one.desktop:not(.active):hover .heart-stroke {
    -webkit-animation: pulse 1s ease-out infinite;
    animation: pulse 1s ease-out infinite;
}

.button.two.desktop:not(.active):hover .heart-stroke {
    -webkit-animation: pulseBlue 1s ease-out infinite;
    animation: pulseBlue 1s ease-out infinite;
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1;
        transform-origin: center center;
        transform: scale(1);
    }

    50% {
        opacity: 0.6;
        transform: scale(1.15);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        opacity: 1;
        transform-origin: center center;
        transform: scale(1);
    }

    50% {
        opacity: 0.6;
        transform: scale(1.15);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes pulseBlue {
    0% {
        transform-origin: center center;
        transform: scale(1);
        fill: #cccccc;
    }

    50% {
        transform: scale(1.15);
        fill: #009483;
    }

    100% {
        transform: scale(1);
        fill: #cccccc;
    }
}

@keyframes pulseBlue {
    0% {
        transform-origin: center center;
        transform: scale(1);
        fill: #cccccc;
    }

    50% {
        transform: scale(1.15);
        fill: #009483;
    }

    100% {
        transform: scale(1);
        fill: #cccccc;
    }
}

@-webkit-keyframes fireworkLine {
    0% {
        right: 20%;
        transform: scale(0, 0);
    }

    25% {
        right: 20%;
        width: 6px;
        transform: scale(1, 1);
    }

    35% {
        right: 0;
        width: 35%;
    }

    70% {
        right: 0;
        width: 4px;
        transform: scale(1, 1);
    }

    100% {
        right: 0;
        transform: scale(0, 0);
    }
}

@keyframes fireworkLine {
    0% {
        right: 20%;
        transform: scale(0, 0);
    }

    25% {
        right: 20%;
        width: 6px;
        transform: scale(1, 1);
    }

    35% {
        right: 0;
        width: 35%;
    }

    70% {
        right: 0;
        width: 4px;
        transform: scale(1, 1);
    }

    100% {
        right: 0;
        transform: scale(0, 0);
    }
}

@-webkit-keyframes fireworkPoint {
    30% {
        transform: scale(0, 0);
    }

    60% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(0, 0);
    }
}

@keyframes fireworkPoint {
    30% {
        transform: scale(0, 0);
    }

    60% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(0, 0);
    }
}

@-webkit-keyframes bounceIn {
    0% {
        transform: scale(0);
    }

    30% {
        transform: scale(1.25);
    }

    50% {
        transform: scale(0.9);
    }

    70% {
        transform: scale(1.1);
    }

    80% {
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        transform: scale(0);
    }

    30% {
        transform: scale(1.25);
    }

    50% {
        transform: scale(0.9);
    }

    70% {
        transform: scale(1.1);
    }

    80% {
        transform: scale(1);
    }
}

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

    100% {
        transform: rotate(-45deg);
    }
}

@keyframes crackLeft {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-45deg);
    }
}

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

    100% {
        transform: rotate(45deg);
    }
}

@keyframes crackRight {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes crack {
    0% {
        stroke-dasharray: 15;
        stroke-dashoffset: 15;
    }

    80% {
        stroke-dasharray: 15;
        stroke-dashoffset: 0;
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes crack {
    0% {
        stroke-dasharray: 15;
        stroke-dashoffset: 15;
    }

    80% {
        stroke-dasharray: 15;
        stroke-dashoffset: 0;
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.footer-menu li {
    list-style-type: none;
}

.footer-menu a {
    font-size: 12px;
    line-height: 15px;
    text-decoration: none;
    color: #f8f9fa;
}

.filter .inactive {
    cursor: auto !important;
    color: #8c8c8c !important;
}

#preloaderMain {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #e0e0e0;
    z-index: 1001;
    opacity: 0.9;
}

#preloaderMain img {
    position: relative;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
    text-align: center;
}

.main-header__nav .qr-block {
    display: none;
}

/*? //social style btn end*/

.close-popup {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    right: 20px;
    top: 20px;
    z-index: 2;
}

.close-popup:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/close-popup.png);
    width: 50px;
    height: 50px;
    background-size: 50px;
    background-position: 0 0;
    top: 0;
    left: 0;
}

.close-popup:hover:before {
    background-position: 0 50px;
}

.popup-thanks .thanks-title,
.popup-thanks h4 {
    display: block;
    text-align: center;
}

.popup-thanks .thanks-title {
    font-size: 56px;
    color: #96c789;
}

.popup-thanks h4 {
    font-size: 21px;
    margin: 10px 0;
}

.popup-thanks {
    position: relative;
    padding: 130px 0;
}

.popup-thanks:before {
    content: "";
    position: absolute;
    display: block;
    background: linear-gradient(to right, #259cad, #259282, #dbc22c);
    width: 60px;
    height: 59px;
    background-size: 60px;
    top: 70px;
    left: 0;
    right: 0;
    margin: auto;
}

.popup {
    position: fixed;
    display: block;
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    margin: 0 auto;
    height: 100vh;
    z-index: 999999;
}

.popup_block {
    width: 625px;
    height: 390px;
    background: rgba(23, 27, 25, 0.95);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.popup .popup_block {
    background: #fff;
}

.popup-content {
    width: 460px;
    display: block;
    margin: 80px auto;
}

.popup-call-back .popup_block {
    height: 410px;
    background-color: white;
}

.form_small_first_call {
    margin-top: -15px;
    display: block;
    margin-bottom: 20px;
}

.popup-massage .popup-content {
    margin: 95px auto;
}

.popup-content h3 {
    margin-bottom: 30px;
    font-size: 14px;
}

.popup-content h3:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #f3f3f3;
    bottom: -10px;
}

.popup_block form input[type="text"],
.popup_block form input[type="tel"],
.popup_block form input[type="email"],
.popup_block form input[type="date"],
.popup_block form select,
input#login,
input#password {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: #373737;
    width: 180px;
    height: 45px;
    margin: 0px auto 20px;
    padding: 0 20px;
    display: block;
    float: left;
}

.popup-massage .popup_block form.contact-form input.popup-massage-input {
    width: calc(100% - 42px);
    margin: 0px auto 10px;
}

.popup-massage .popup_block {
    height: 480px;
}

.popup-massage .popup_block form input[type="email"] {
    float: right;
}

.popup-call-back .popup_block form input[type="text"] {
    width: 405px;
}

.popup-parking .popup_block form input[type="text"] {
    width: 405px;
}

.popup_block form textarea {
    background: #f2f2f2;
    border: none;
    border: 1px solid #f2f2f2;
    width: calc(100% - 42px);
    color: #373737;
    position: relative;
    height: 53px;
    padding: 18px 20px;
}

.popup-content .btn,
.popup-content .btn_ {
    border: none;
    margin: 30px auto;
    height: 47px;
    width: 160px;
    line-height: 47px;
    font-size: 14px;
    float: right;
}

.like-popup-thanks .thanks-title,
.like-popup-thanks h4 {
    display: block;
    text-align: left;
}

.like-popup-thanks .like-thanks-title {
    font-size: 56px;
    color: #96c789;
}

.like-popup-thanks h4 {
    font-size: 21px;
    margin: 10px 0;
}

.like-popup-thanks {
    position: relative;
    padding: 30px 20px 0 20px;
}

.like-popup-thanks:before {
    content: "";
    position: absolute;
    display: block;
    /*background: url(../img/thanks.png);*/
    width: 60px;
    height: 59px;
    background-size: 60px;
    top: 70px;
    left: 0;
    right: 0;
    margin: auto;
}

.like-popup-thanks {
    display: none;
}

.d2-message {
    border-top: 1px solid #dededd;
    padding: 15px 20px;
    background-color: #c7a900;
    text-align: left;
    color: #fff;
    font-size: 24px;
    line-height: 1.3em;
    text-transform: uppercase;
    border-radius: 20px;
    margin-top: 20px;
}

.facebook-button {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.podval {
    margin-left: 20px;
}

.podval a {
    color: #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    font-size: 20px;
}

.podval a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.fb_like_bg {
    margin-left: 20px;
    margin-top: 20px;
}

header .sharing a:hover {
    color: #c6ab00;
}

.main-phone {
    display: flex;
    flex-flow: row;
    position: relative;
    --defoltColor: #009483;
    padding: 0.5em 1em;
    text-decoration: none;
    background-color: transparent;
    border-radius: 0.3em;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    transition: 0.5s;
    font-size: 14px !important;
    border: 1px solid var(--defoltColor);
    font-family: inherit;
    text-transform: uppercase;
    color: var(--defoltColor);
    border-radius: 40px;
    max-width: 180px;
    margin: 0 auto;
    z-index: 1;
}

.main-phone a {
    text-decoration: none;
    color: var(--defoltColor);
}

.main-phone::before,
.main-phone::after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    background-color: var(--defoltColor);
    transition: 0.3s ease;
}

.main-phone::before {
    top: -2em;
    left: -2em;
}

.main-phone::after {
    left: calc(100% + 2em);
    top: calc(100% + 2em);
}

.main-phone:hover::before,
.main-phone:hover::after {
    height: 410px;
    width: 410px;
}

.main-phone:hover a {
    color: #fff;
}

.main-phone:active {
    filter: brightness(0.8);
}

.main-phone span {
    font-size: 14px !important;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
}

.contacts-address,
.main-phone-contacts,
.icon-marker,
.contacts-work-info {
    position: relative;
}

.main-phone-contacts {
    font-size: 14px;
    font-family: "Arimo", sans-serif;
    margin: 10px 0 10px 0;
    padding-left: 26px;
    background-size: 14px;
    background-position: 0 5px;
}

.main-phone-contacts::before,
.contacts-work-info::before {
    content: "";
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    z-index: -1;
}

.main-phone-contacts::before {
    left: -4px;
    top: 0px;
}

.contacts-work-info::before {
    left: -2px;
    top: -3px;
}

.main-phone-contacts a {
    color: black;
}

.main-phone-contacts span {
    color: black;
    margin-left: 0;
}

.main-phone-kupit {
    color: #259282;
    font-size: 16px;
    font-weight: 700;
    font-family: "Cuprum", sans-serif;
    margin: 30px 0 0 0;
    text-align: center;
}

.main-phone-kupit a {
    color: #259282;
}

.main-phone-kupit span {
    color: #259282 !important;
    margin-left: 0 !important;
    font-family: "Cuprum", sans-serif;
}

.main-page-head-h2 span {
    text-transform: uppercase;
    font-weight: 500;
    animation: 0.3s 0s 1 text normal both running linear;
    display: block;
}

@keyframes text {
    0% {
        transform: translateY(-40px) scaleX(0.7);
        opacity: 0.5;
    }

    70% {
        transform: scaleY(0.7) translateY(2px);
    }
}

.icon-Email.sharing__icon {
    display: none;
}

.level-picker {
    margin-top: 30px;
}

.level-picker span {
    display: inline-block;
    border-radius: 21px;
    line-height: 42px;
    cursor: pointer;
    padding: 0 20px;
}

.level-picker span.active {
    background-image: linear-gradient(135deg, #009587 0%, #ccdb39 90%, #009587 100%);
    color: white;
}

.footer-content {
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}

.footer-logo {
    max-width: 250px;
    margin-bottom: 20px;
}

.footer-logo img {
    object-fit: cover;
    max-width: 100%;
    height: 45px;
}

.footer-info-box {
    margin: 0;
    order: 1;
}

.footer-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
    order: 2;
}

.sharing {
    margin: 0;
}

footer .sharing {
    line-height: 0;
}


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

.footer-kurs #id_kopen {
    cursor: pointer;
    margin: 10px 0;
}

.footer-kurs .hidden-block {
    display: none;
    height: 150px;
    width: 240px;
    overflow: hidden;
    overflow-y: scroll;
}

::-webkit-scrollbar {
    width: 10px;
    /* width of the entire scrollbar */
}

::-webkit-scrollbar-track {
    background: #9cdbd4;
    border-radius: 20px;
    /* color of the tracking area */
}

::-webkit-scrollbar-thumb {
    background-color: #0b6d5d;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    min-height: 45px;
    cursor: pointer;
    /* creates padding around scroll thumb */
}

.building-slider .slick-slide img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 100vh;
}

.genplan {
    display: flex;
    position: relative;
}

.genplan__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.characteristics h2 {
    text-align: center;
    font-size: 35px;
    line-height: 38px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.characteristics__items {
    max-width: 800px;
    padding: 15px 0;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
    background: #ffffffab;
}

.characteristics__items .item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 160px;
    margin-bottom: 15px;
}

.characteristics__items .item__icon {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-bottom: 10px;
}

.characteristics__items .item__icon.child-ico,
.characteristics__items .item__icon.parking-ico {
    width: 85px;
}

.characteristics__items .item__text {
    font-size: 14px;
    line-height: 17px;
    color: #006659;
}

.characteristics__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 775px;
    margin: 0 auto;
}

.characteristics__list li {
    margin: 0 0 5px 0;
    padding-left: 5px;
}

.characteristics__image {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.info-block-wrap {
    display: flex;
    position: absolute;
    top: 54%;
    right: 0;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 350px;
    border-radius: 15px;
    padding: 15px;
    background: linear-gradient(to right, #259282, #dbc22c);
}

.info-block-wrap .info-block {
    width: 100%;
    border-radius: 15px;
    border: 1px solid #fff;
    padding: 40px 0 40px 40px;
}

.info-block-wrap .info-block p {
    display: block;
    color: #ffffff;
    letter-spacing: normal;
    text-align: left;
}

.info-block-wrap .info-block a {
    color: #ffffff;
    letter-spacing: normal;
    text-align: left;
}

.info-block-wrap .info-block_title {
    color: #ffffff;
    letter-spacing: normal;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.info-block-wrap .info-block_address {
    margin-bottom: 30px;
}

.info-block-wrap .info-block_tel {
    display: block;
}

.info-block-wrap .info-block_email {
    display: inline-block;
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
}

.info-block-wrap .info-block .sales_title {
    font-weight: 700;
    margin: 0;
    margin-top: 15px;
}

.info-block-wrap .info-block .sales_day {
    display: flex;
    justify-content: space-between;
    max-width: 205px;
    margin: 0;
}

.sales_day .day,
.sales_day .time {
    margin: 3px;
}

.info-block-wrap .info-block .sales {
    margin-bottom: 25px;
}

.info-block-wrap .info-block .white-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #077567;
    color: #ffffff;
    width: 100%;
    max-width: 200px;
    border-radius: 25px;
    padding: 10px;
    text-decoration: none;
    transition: all 0.3s linear;
}

.info-block-wrap .info-block .white-btn:hover {
    transform: scale(0.8);
}

.info-block-wrap .info-block .white-btn:last-child {
    margin: 0;
}

/**popup form **/

.popup {
    display: none;
    width: 100%;
    max-width: 1230px;
    min-height: 567px;
    overflow: hidden;
}

#popup-order .popup__wrapper {
    padding: 0;
}

.popup #id_khide {
    margin: 50px;
    overflow-y: auto;
}

.popup__wrapper {
    background: #fff;
    padding: 60px 0 100px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    height: 100%;
}

.popup__content {
    min-height: 460px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.popup__link {
    color: #3fbad0;
    /*#28724f; /**#237e74;*/
    font-size: 22px;
    line-height: 20px;
    border-bottom: 1px solid #3fbad0;
    /*#28724f; /**#237e74;*/
    text-align: center;
    margin-top: 70px;
    /*font-family: GR;*/
    cursor: pointer;
}

.popup__close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;
}

.popup__close span {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 30px;
    top: 8px;
    font-size: 0px;
    margin: 0px;
    color: white;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

.popup__close:before {
    background: #009482;
    content: "";
    position: absolute;
    width: 130px;
    top: -65px;
    right: -65px;
    height: 130px;
    /*#28724f; /**#237e74;*/
    transform: rotate(-45deg);
    z-index: -1;
}

.icon-x::before {
    background: #fff;
    content: "";
    height: 20px;
    width: 2px;
    display: block;
    transform: translateX(25px) rotate(-45deg);
}

.icon-x::after {
    background: #fff;
    content: "";
    height: 20px;
    width: 2px;
    display: block;
    transform: translateX(23px) rotate(45deg);
    transition: 0.2s linear;
}

.popup.fancybox__content > .carousel__button.is-close {
    top: 5px;
    right: 5px;
}

.popup__header {
    text-align: center;
    margin-bottom: 95px;
    max-width: 770px;
}

.popup__title {
    color: #333333;
    /*font-family: GB;*/
    font-size: 40px;
    line-height: 50px;
}

.popup__subtitle {
    /*font-family: GR;*/
    font-size: 20px;
    line-height: 33px;
    text-align: center;
}

.popup__subtitle_lg {
    font-size: 24px;
}

.popup__form {
    width: 100%;
    max-width: 630px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.popup__btn {
    display: flex;
    justify-content: center;
    margin-top: 70px;
}

.popup__btn .btn-5 {
    box-shadow: 0 0 0 #fff;
}

.fancybox-close-small {
    z-index: 999;
}

.popup-timer {
    display: none;
    width: 1545px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.popup-flat {
    width: 1545px;
    display: none;
    overflow: hidden;
    padding: 43px 145px 60px 160px;
    margin: 0;
    opacity: 0;
    transition: 0.3s;
}

.popup-flat__header {
    /*font-family: GB;*/
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #4e4a47;
    margin-bottom: 40px;
}

.popup-flat__slider {
    padding-bottom: 40px;
}

.popup-flat__slider .slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -14px;
}

.popup-flat__item {
    display: flex;
    justify-content: space-between;
}

.popup-flat__images {
    width: 100%;
    margin-right: 80px;
}

.popup-flat__img {
    max-width: 700px;
}

.popup-flat__img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin-left: 90px;
}

.popup-flat__img-title {
    margin-top: 28px;
    color: #989898;
    /*font-family: GR;*/
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.popup-flat__aside {
    width: 252px;
    min-width: 252px;
}

.popup-flat__aside .appartment__price-btn {
    margin-top: 37px;
}

.flat-arrow {
    font-size: 33px;
    margin-top: -12px;
    color: #3fbad0;
    /*#28724f; /**#237e74;*/
    cursor: pointer;
}

.flat-arrow__wrap {
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding-left: 10vmax;
    padding-right: 25vmax;
}

.flat-arrow_next {
    transform: scaleX(-1);
}

.popup-map {
    width: 100%;
    height: 100%;
    padding: 0;
}

.popup-map__wrapper {
    display: flex;
    height: 100%;
    width: 100%;
}

.popup-map__map {
    background: #eaeaea;
    width: calc(100% - 660px);
}

.popup-map__aside {
    background: #fff;
    width: 660px;
    box-shadow: -7px 7px 86px #0000001a;
}

.popup-map__aside-title {
    /*font-family: GB;*/
    font-size: 40px;
    text-transform: uppercase;
    color: #333;
    text-align: center;
    margin: 53px 0 28px;
}

.page-form__group_sm {
    width: calc(50% - 15px);
}

.page-form__group {
    outline: none;
    border: none;
    position: relative;
    width: 100%;
    margin-bottom: 29px;
}

.popup__form input:focus,
.fancybox__content input:focus:not(.carousel__button.is-close) {
    outline: none;
    border: none;
    border-bottom: 1px solid #979797;
}

.popup__form input {
    width: 100%;
    outline: none;
    border: none;
    border-bottom: 1px solid #979797;
    color: #333;
    font-size: 18px;
}

.input:valid ~ label {
    transform: translateY(-30px);
    font-size: 12px;
}

.page-form__error {
    font-size: 12px;
    color: rgba(240, 10, 81, 0.8);
    bottom: -25px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}

.page-form__label {
    position: absolute;
    top: 25px;
    left: 0;
    font-size: 18px;
    color: #767676;
    pointer-events: none;
    transition: 0.3s;
}

.page-form__group_error .input {
    border-color: rgba(240, 10, 81, 0.8);
}

.page-form__group_error .page-form__error {
    opacity: 1;
    visibility: visible;
}

.btn-5 {
    background: #009482;
    position: relative;
    height: 85px;
    display: flex;
    align-items: center;
    padding: 0 65px;
    color: #fff;
    font-size: 22px;
    transition: 0.5s;
    letter-spacing: 1.98px;
    cursor: pointer;
}

#section-rooms {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    background: #fff;
    /*background: url('../img/slider_galery4.jpg') 50% 0 / cover no-repeat;*/
    justify-content: center;
    align-items: center;
    padding: 80px 0;

}

/*#section-rooms:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgb(8 8 8 / 11%);*/
/*    z-index: 0;*/
/*}*/

#section-rooms .rooms {
    position: relative;
    z-index: 1;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

#section-rooms .room {
    flex-direction: column;
    align-items: center;
    background: linear-gradient(#0094836c, #0094636c, #00946f86);
    padding-bottom: 10px;
    border-radius: 0px 0px 5px 5px;
    text-decoration: none;
    display: flex !important;
    margin: 10px;
    width: 100%;
    max-width: 280px;
}

#section-rooms .rooms-wrapper {
    max-width: 1250px;
    margin: 0 auto;
}

.rooms .room_img {
    background: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 287px;
    box-shadow: rgb(0 0 0 / 30%) 0px 4px 10px;
    border-radius: 4px;
    border: 3px solid #009483;
    margin-bottom: 13px;
}

.rooms .room_img img {
    max-width: 100%;
    object-fit: cover;
    max-height: 230px;
}

.rooms .room_title {
    font: 700 20px / 18px Cuprum;
    color: rgb(255, 255, 255);
    letter-spacing: normal;
    text-align: center;
    margin: 0;
    padding-bottom: 10px;
}

.room .room-price-text {
    display: none;
    color: rgb(255, 255, 255);
    margin: 0 auto;
}

.room .room-price {
    font-weight: 600;
    color: rgb(255, 255, 255);
}

#section-rooms .green-btn {
    position: relative;
    font: 700 18px / 25px Cuprum;
    background: #009482;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 27px;
    height: 50px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    text-decoration: none;
    padding: 0px 20px;
    border: 3px solid #03af9b;
    transition: all 0.3s linear 0s;
    max-width: max-content;
    margin: 0 auto;
    margin-top: 20px;
    z-index: 2;
}

#section-rooms .green-btn:hover {
    background: #04776a;
    border: 3px solid #0af9de;
}

.bg-block .mob-address {
    display: none;
}

/**popup form end***/
.callback {
    right: 100px;
    bottom: 60px;
}

.third-screen_content-box {
    justify-content: space-between;
    padding: 0 70px;
}

.callback {
    display: block;
    right: 15px;
    bottom: 15px;
}

.third-screen-h2 {
    width: 60%;
    text-align: center;
}

.third-screen-pct {
    width: 40%;
    text-align: center;
}

.third-screen-pct img {
    margin: 0 auto;
}

/* Some Cool Stuff */
#timeline {
    padding: 80px 0;
}

#timeline h2 {
    text-align: center;
    font-size: 2rem;
    font-weight: 200;
    margin-bottom: 20px;
}

#timeline p.leader {
    text-align: center;
    max-width: 90%;
    margin: auto;
    margin-bottom: 45px;
}

#timeline .timeline-card-wrapper {
    position: relative;
    margin: auto;
}

#timeline .timeline-card-wrapper::after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid rgba(191, 191, 191, 0.4);
}

#timeline .timeline-card {
    position: relative;
    display: block;
    margin: 10px auto 80px;
    max-width: 94%;
    z-index: 2;
}


#timeline .timeline-card .head {
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 400;
}

#timeline .timeline-card .head .number-box {
    display: inline;
    float: left;
    margin: 15px;
    padding: 10px;
    font-size: 35px;
    line-height: 35px;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.17);
}

#timeline .timeline-card .head h2 {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: inherit;
    letter-spacing: 2px;
    margin: 0;
    padding-bottom: 6px;
    line-height: 1rem;
}

#timeline .timeline-card .head h2 span {
    display: block;
    font-size: 0.6rem;
    margin: 0;
}

#timeline .timeline-card .body {
    background: #fff;
    border: 1px solid rgba(191, 191, 191, 0.4);
    border-top: 0;
    padding: 15px;
}

#timeline .timeline-card .body__list ul {
    padding-left: 20px;
}

#timeline .timeline-card .body__list ul li {
    font-size: 14px;
    line-height: 17px;
    list-style-type: disc;
    margin-bottom: 10px;
}

#timeline .timeline-card .body p {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px;
}

#timeline .timeline-card .body__list p {
    display: block;
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
}

#timeline .timeline-card .body img {
    display: block;
    width: 100%;
    height: 200px;
}

#timeline .timeline-card {
    background: linear-gradient(to right, #152f1f 0%, #326543 46%, #356a46 50%, #152f1f 100%);
}

#timeline .chatbot {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

#timeline .timeline-card .chatbot img {
    width: 100px;
    height: 100px;
}

#timeline .timeline-card .head::after {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-color: #163120;
}

.go_chatbot {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    font-size: 20px;
    background: linear-gradient(to right, #dac492, #e8d1a0, #fedd96, #f0eaae, #e1cea2);
    color: white;
    padding: 0.7em 1em;
    padding-left: 0.9em;
    border: none;
    border-radius: 5px;
    overflow: hidden;
    max-width: 250px;
    margin: 20px auto;
    transition: all 0.2s;
}

.go_chatbot span {
    display: block;
    margin-left: 0.3em;
    transition: all 0.3s ease-in-out;
    color: #000;
}

.go_chatbot svg {
    display: block;
    transform-origin: center center;
    transition: transform 0.3s ease-in-out;
}

.go_chatbot:hover .svg-wrapper {
    animation: fly-1 0.6s ease-in-out infinite alternate;
}

.go_chatbot:hover svg {
    transform: translateX(0.5em) rotate(45deg) scale(1.1);
}

.go_chatbot:hover span {
    transform: translateX(1em);
}

.go_chatbot:active {
    transform: scale(0.95);
}

@keyframes fly-1 {
    from {
        transform: translateY(0.1em);
    }

    to {
        transform: translateY(-0.1em);
    }
}

/* QR footer */
.qr-block {
    grid-column: span 2;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: start;
    width: 100%;
    max-width: 250px;
    margin: 15px auto;
}

.qr-block .qr-block__img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    object-position: center;
    max-width: 100%;
    margin-bottom: 10px;
}

.main-header__nav .qr-block .qr-block__link p {
    color: #000;
}

.qr-block .qr-block__link p {
    font-size: 11px;
    line-height: 1;
    text-align: center;
    color: #fff;
}

.qr-block .qr-block__link p b {
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
}

.flcol {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.header__nav__social .qr-block .qr-block__link p {
    color: #fff;
}

.developer-background {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #009483 0%, rgba(0, 148, 131, 0.797902) 19.76%, #ccdb39 100%);
    padding: 30px 0;
}

.developer-background img {
    height: 85px;
    object-fit: contain;
    object-position: center;
    margin-bottom: 13px;
}

.breadcrumb__item {
    margin-left: 10px;
}

.about-developer {
    padding: 0 0 120px 0;
}

.about-developer .reword-text {
    position: relative;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-out;
    padding: 0;
}

.reword-text.open {
    max-height: 1000px;
    padding: 40px 15px;
}

.about-developer h1 {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 52px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
}

.about-developer .description {
    width: 100%;
}

.about-developer .description p {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 29px;
    text-align: justify;
    color: #000;
    margin-bottom: 20px;
}

.about-developer .description a {
    color: #398451;
    text-decoration: underline;
    transition: all 0.3s linear;
}

.about-developer .description a:hover {
    opacity: 0.8;
}

.about-developer p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    text-align: justify;
    color: #060004;
}

.about-developer h2 {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    text-transform: uppercase;
    color: #000;
    padding-top: 50px;
    margin-bottom: 40px;
}

.about-developer .header-section {
    margin-bottom: 88px;
}

.header-section .section-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 33px;
}

.for-today {
    margin: 0 auto;
}

.for-today .block {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 33%;
    margin-bottom: 40px;
}

.for-today .large-text {
    display: flex;
    align-items: baseline;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 78px;
    color: #a8c354;
    margin-bottom: 10px;
}

.for-today .element {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin-left: 5px;
}

.for-today .low-text {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 25px;
    max-width: 280px;
    text-align: center;
    color: #000;
}

.for-today .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    padding-bottom: 60px;
}

.reword-year {
    position: relative;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 43px;
    text-transform: uppercase;
    color: #fff;
}

.reword-year span {
    font-size: 15px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}

.reword-head {
    position: relative;
    padding: 10px 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90deg, #009483 0%, rgba(0, 148, 131, 0.797902) 19.76%, #ccdb39 100%);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    margin: 0;
}

.rewords {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
}

.reword-images {
    display: flex;
    flex-flow: row;
    place-items: flex-start;
}

.reword-images img {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    margin: 0 5px;
    box-shadow: 0px 0px 5px #bebebe, 0px 0px 5px #ffffff;
}

.reword-images img.clean-img {
    height: auto;
    width: auto;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.reword-images img.clean-img.flag-left {
    position: absolute;
    left: -7px;
    top: -1px;
    height: 80px;
}

.reword-images img.clean-img.flag-right {
    position: absolute;
    left: -7px;
    top: -1px;
    height: 80px;
}

.rewords .reword {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    z-index: 9;
    background: #fff;
}

.social-responsibility {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    border-left: 8px solid #a8c354;
    padding-left: 30px;
}

.social-responsibility p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    color: #2c392a;
    text-align: justify;
    margin: 0;
}

.social-responsibility p b {
    font-weight: bold;
    font-style: normal;
}

.social-responsibility-text {
    margin-bottom: 40px;
}

.social-responsibility-images {
    position: relative;
    height: 312px;
    width: 48%;
    margin: 0;
    padding: 0;
}

.social-responsibility-images img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.profile-nav .custom-container {
    padding: 0;
}

.profil-control-wrapper {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.profil-control-wrapper .profile-control {
    padding-top: 20px;
    background: #fff;
    width: 100%;
    text-align: center;
}

.profile-icon {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
}

/* //TABS */
.wrapper .tabs_wrap {
    padding: 20px;
    border-bottom: 1px solid #ebedec;
    margin-top: 100px;
}

.wrapper .tabs_wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wrapper .tabs_wrap ul li {
    list-style: none;
    width: 135px;
    text-align: center;
    background: #e9ecf1;
    border-right: 1px solid #c1c4c9;
    padding: 13px 15px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.wrapper .tabs_wrap ul li:first-child {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.wrapper .tabs_wrap ul li:last-child {
    border-right: 0px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.wrapper .tabs_wrap ul li:hover,
.wrapper .tabs_wrap ul li.active {
    background: #c6ab00;
    color: #fff;
}

.wrapper .container .item_wrap {
    display: none;
    padding: 10px 20px;
}

.wrapper .container .item_wrap.active {
    display: flex;
    flex-flow: column;
}

.wrapper .container .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.item_wrap img {
    object-fit: cover;
    width: 40px;
    height: 40px;
    display: block;
}

.about-complex {
    padding: 60px 0;
}

.about-complex .items {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.about-complex .items__image {
    width: 100%;
    height: 100%;
    max-width: 33%;
    max-height: 400px;
    border: 2px solid #009483;
}

.about-complex .items__image img {
    object-fit: cover;
    max-width: 100%;
}

.about-complex .items__text {
    width: 100%;
    max-width: 33%;
}

.about-complex .items__text .title {
    position: relative;
    font-size: 40px;
    line-height: 43px;
    padding-bottom: 20px;
}

.about-complex .items__text .title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 2px;
    background: #009483;
}

.about-complex .items__text .subtitle {
    font-size: 18px;
    line-height: 21px;
}

.about-complex .items__rewards {
    display: flex;
    flex-flow: row wrap;
}

.about-complex .reword {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 0 10px;
    max-width: 150px;
}

.about-complex .reword img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    margin-bottom: 10px;
    object-fit: cover;
}

.about-complex .reword p {
    text-align: center;
    font-size: 12px;
    line-height: 15px;
}

.about-complex .items__advantages {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    justify-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
}

.about-complex .items__advantages li {
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;
    border-right: 1px solid #ccc;
}

.about-complex .items__advantages li:last-child {
    border: none;
}

.about-complex .items__advantages p {
    font-size: 16px;
    line-height: 18px;
    margin: 0;
}

.about-complex .items__advantages .quantity {
    font-size: 48px;
    line-height: 52px;
    margin-bottom: 10px;
}

.about-complex .items__advantages .quantity:after {
    content: attr(data-symbol);
    color: #d5905e;
}

.sec-genplan .benefits {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 80px 0;
}

.sec-genplan .benefits__item {
    display: flex;
    flex-flow: column;
    max-width: 44%;
    margin-bottom: 50px;
}

.sec-genplan .benefits__header {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}

.sec-genplan .benefits__header h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 38px;
    margin: 0;
    color: #060200;
}

.sec-genplan .benefits__header img {
    margin-right: 17px;
}

.advantages-section {
    padding-bottom: 100px;
}

.advantages-section .developer-content__h2,
.infrastructure-section .developer-content__h2,
.conditions-section .developer-content__h2,
.parking-section .developer-content__h2,
.contacts .developer-content__h2,
.news .developer-content__h2,
.wish .developer-content__h2,
.login .developer-content__h2 {
    background: transparent;
    color: #000;
    padding: 0;
    margin-bottom: 20px;
}

.contacts .developer-content__h2 {
    margin: 40px 0;
}

.advantages-section .small-line {
    margin: 20px auto;
}

.infrastructure-section {
    padding-bottom: 100px;
}

.infrastructure-section .screen-map iframe {
    width: 100%;
    height: 500px;
}

.infrastructure-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 750px;
    margin: 40px auto;
}

.infrastructure-list li {
    margin: 0 0 5px 0;
    text-align: left;
    padding-left: 5px;
}

.conditions {
    padding-top: 40px;
}

.conditions-section {
    padding: 60px 0;
}

.parking-section {
    padding-bottom: 100px;
}

.parking-section .rools {
    max-width: 800px;
    margin: 0 auto;
}

.parking-section .rools__image {
    width: 100%;
    height: 500px;
    object-fit: cover;
    margin-bottom: 30px;
}

.rools_title_ico img {
    margin-right: 20px;
}

.rools_wrapp ul {
    padding-left: 40px;
}

.rools__item p {
    font-size: 16px;
    line-height: 19px;
}

/*topBanner*/
.topBanner {
    position: fixed;
    text-decoration: none;
    display: flex;
    flex-flow: row;
    width: 100%;
    padding: 10px 0;
    background: #fff;
    align-items: center;
    justify-content: center;
    top: 70px;
    left: 0;
    z-index: 99;
}

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

.topBanner p {
    color: #000;
    margin: 0;
}

.topBanner__title {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    text-transform: uppercase;
}

.topBanner__images {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
}

.topBanner__images img {
    margin: 0 2px;
    width: 30px;
    height: 30px;
    object-fit: cover;
}

.topBanner__subtitle {
    font-size: 20px;
    font-weight: 700;
}

.renovated-apartments__gallery h1 {
    font-size: 100px;
    line-height: 100%;
    font-weight: 700;
    color: #DEB037;
    text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;
    margin-bottom: 80px;
}

.renovated-apartments__gallery h1 span {
    display: block;
    /*font-size: 70px;*/
}

@media only screen and (max-width: 750px) {
    .topBanner {
        flex-wrap: wrap;
        padding: 5px 0;
        top: 60px;
    }

    .topBanner__title {
        text-align: center;
    }
}

/*AND topBanner*/

/*renovated-apartments*/
.renovated-apartments__gallery {
    position: relative;
}

.renovated-apartments__gallery .hero-bg {
    max-height: 730px;
    width: 100%;
    object-fit: cover;
    opacity: 0.8;
    object-position: bottom;
}

.renovated-apartments__content {
    display: flex;
    flex-flow: column;
    position: absolute;
    top: 112px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    max-width: 790px;
}


.renovated-apartments__gallery .grey-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 54px;
    width: 100%;
    max-width: 225px;
    background: #2f2e2e;
    border: 2px solid #2f2e2e;
    transition: border-color .4s ease 0s;
    line-height: 54px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.renovated-apartments__gallery .grey-btn:hover {
    border-color: #deb037;
}

.renovated-apartments__gallery .anb-logo {
    position: absolute;
    width: 200px;
    height: 100px;
    object-fit: contain;
    right: calc(50% - 580px);
    top: 100px;
}

.renovated-apartments h2 {
    font-size: 42px;
    text-align: center;
    max-width: 650px;
    margin: 40px auto;
}

.choice .items {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-bottom: 40px;
}

.choice .itm {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100%;
    max-width: 400px;
    background: #deb037;
    padding: 40px 20px 0 20px;
    min-height: 240px;
    margin: 10px;
}

/*.choice .itm::after {*/
/*    content: '';*/
/*    background: #DEB037;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    z-index: -1;*/
/*    right: -10px;*/
/*    top: -10px;*/
/*}*/

.choice .itm__title {
    font-size: 20px;
    color: #000;
    font-weight: 700;
}

.choice .itm__descript {
    color: #000;
    font-size: 18px;
}

.program__images {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.program__images img {
    max-width: 540px;
    height: 300px;
    object-fit: cover;
    margin: 10px;
}

.program__text {
    font-size: 20px;
    text-align: center;
    max-width: 850px;
    margin: 40px auto;
}

.program__text span {
    font-weight: 700;
}

.price {
    margin-bottom: 40px;
}

.price__items {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.price__items .item {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    max-width: 300px;
    margin: 10px;
    padding: 25px 50px;
    border: 1px solid #000;
}

.price__items .item__title {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 27px;
    font-weight: 800;
    text-align: center;
}

.price__items ul li {
    font-size: 20px;
    line-height: 23px;
    font-family: 'Cuprum';
    margin-bottom: 15px;
}

.price__items .item__title span {
    font-weight: 800;
    text-transform: uppercase;
}

.price-block {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: auto;
}

.price-block p {
    font-size: 40px;
    font-weight: 700;
    margin: 0;
}

.price-block .orange-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #DEB037;
    color: #fff;
    font-weight: 700;
    width: 100%;
    max-width: 180px;
    text-transform: uppercase;
    height: 53px;
    border: 2px solid transparent;
    margin: 10px auto;
    text-decoration: none;
    transition: all .4s ease 0s;
}

.price-block .orange-btn:hover {
    border-color: #000;
    color: #000;
    opacity: .8;
}

.complex {
    margin-bottom: 40px;
}

.complex iframe {
    width: 100%;
    min-height: 400px;
}

.contact-us {
    margin-bottom: 40px;
}

.contact-us .call-form {
    width: 100%;
    max-width: 540px;
    margin: 20px;
}

.call-form h3 {
    max-width: 400px;
    text-align: center;
    margin: 20px auto;
}

.call-form form {
    display: flex;
    flex-flow: column;
}

.call-form form input {
    outline: none;
    border: none;
    border-bottom: 1px solid #000;
    width: 100%;
}


.call-form .page-form__label {
    font-size: 14px;
    text-transform: uppercase;
    top: 0;
}

.contact-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.contact-wrapper .call-image {
    background: linear-gradient(to right, #009483, #ccdb39);
    margin: 20px;
    max-height: 513px;
    object-fit: cover;
}

.call-form .error {
    display: none;
    position: absolute;
    bottom: -20px;
}

.call-form form .get-call-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    height: 50px;
    background: #2f2e2e;
    color: #fff;
    outline: none;
    border: 1px solid #2f2e2e;
    cursor: pointer;
    transition: all .3s linear;
}

.call-form form .get-call-btn:hover {
    opacity: .8;
    border-color: #DEB037;
}

.gallery-section {
    position: relative;
    padding: 30px 0;
}

.gallery-section .swiper {
    width: 100%;
    height: 100%;
}

.gallery-section .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-section .swiper-slide img {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.gallery-section .swiper-button-next,
.gallery-section .swiper-button-prev {
    color: #fff;
}

.filter__buttons {
    margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
    .renovated-apartments__gallery .anb-logo{
        right: calc(50% - 400px);
    }
}

@media only screen and (max-width: 1050px) {
    .contact-wrapper .call-image {
        order: 1;
        max-height: 350px;
    }

    .contact-us .call-form {
        order: 2;
    }

    .renovated-apartments__content {
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .renovated-apartments__gallery h1 {
        font-size: 70px;
    }
}

@media only screen and (max-width: 750px) {
    .renovated-apartments__content {
        padding: 0 20px;
    }

    .call-form form .get-call-btn {
        max-width: 250px;
        height: 40px;
    }

    .renovated-apartments section {
        overflow: hidden;
    }

    .renovated-apartments__gallery h1 {
        font-size: 50px;
        margin-bottom: 40px;
        text-align: left;
    }

    .renovated-apartments__gallery .grey-btn {
        margin: 0;
        max-width: 180px;
        height: 40px;
    }

    .renovated-apartments__gallery .anb-logo{
        width: 100px;
        height: 50px;
        left: 0;
        right: 0;
        bottom: 20px;
        top: auto;
        margin: auto;
    }

    .choice .itm {
        max-width: 100%;
        min-height: auto;
        padding: 30px;
    }

    .gallery-section .swiper-slide img {
        height: 400px;
    }

    .price__items {
        flex-flow: row wrap;
    }

    .price__items .item {
        width: 100%;
        max-width: 350px;
        margin: 10px auto;
    }
}

@media only screen and (max-width: 1200px) {
    .renovated-apartments__gallery .anb-logo {
        right: calc(50% - 400px);
        width: 100px;
        height: 50px;
    }
}

@media only screen and (max-width: 450px) {
    .contact-us .call-form,
    .price__items .item,
    .contact-wrapper .call-image {
        max-width: 300px;
    }

    .renovated-apartments__gallery .anb-logo {
        display: none;
    }

    .renovated-apartments h2 {
        font-size: 30px;
        margin: 20px auto;
    }

    .renovated-apartments__gallery h1,
    .renovated-apartments__gallery h1 span {
        font-size: 30px;
    }

    .renovated-apartments {
        overflow: hidden;
    }

    .gallery-section .swiper-slide img {
        height: 280px;
    }

    .program__images img {
        max-width: 100%;
        height: 170px;
        object-fit: cover;
    }

    .program__text {
        margin: 15px 0;
    }
}
/*END renovated-apartments*/
.icon-tiktok {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 3px !important;
    background-color: #ffffff;
    -webkit-mask-image: url('/img/icons/tik-tok2.svg');
    mask-image: url('/img/icons/tik-tok2.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    background-size: contain;
    transition: background-color 0.3s ease;
}
.icon-tiktok:hover {
    background-color: #c6ab00;
}.icon-tiktok-green {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 3px !important;
    margin-left: 5px;
    background-color: #007787;
    -webkit-mask-image: url('/img/icons/tik-tok2.svg');
    mask-image: url('/img/icons/tik-tok2.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    background-size: contain;
    transition: background-color 0.3s ease;
}
.icon-tiktok-green:hover {
    background-color: #c6ab00;
}