.footer-bottom-item--right,
.registration-link,
.select-custom {
    letter-spacing: 1px
}

.btn--width,
.btn-login,
.btn-next,
.registration-end,
.registration-link,
.select-custom {
    text-transform: uppercase
}

.custom-control-input,
.invisible {
    visibility: hidden
}

.custom-checkbox,
.td-toggle {
    cursor: pointer
}

.font-size-20 {
    font-size: 1.25rem
}

.font-size-18 {
    font-size: 1.125rem
}

.font-size-16 {
    font-size: 1rem
}

.font-size-14 {
    font-size: .875rem
}

.font-size-12 {
    font-size: .75rem
}

.font-weight-bold {
    font-weight: 700
}

.font-weight-light {
    font-weight: 100
}

svg {
    width: 100%;
    height: 100%
}

.link-default {
    color: #333
}

.link-default:hover {
    color: #00a5f1
}

.img-thumbnail {
    border: 1px solid #e9e9e9;
    width: 100%
}

.header-text--link {
    font-size: 18px;
    font-weight: 500
}

.content-item,
.footer,
.header-text {
    font-weight: 300
}

.content-wrap {
    background-size: 100% 60%, 100%;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 65px;
    /* background-position: top, right 40px; */
    padding-top: 35px;
    min-height: 70vh
}

.btn-info:hover {
    background-color: #fff;
    color: #00a5f1;
    border-color: #fff
}

.header {
    padding: 20px 0
}

.text-underline {
    text-decoration: underline
}

.facebook-link:hover,
.ios-link,
.ios-link:hover,
.linkedin-link:hover,
.registration-link:hover,
.text-underline:hover,
.vk-link:hover {
    text-decoration: none
}

.text-box {
    display: block
}

.logo img {
    max-width: 240px;
    width: 100%;
    cursor: pointer;
}
.logo img:focus {
  outline: 0;
}

.header-text {
    font-size: 15px;
    text-align: right;
    padding: 10px
}

.buttons-block,
.content,
.title {
    text-align: center
}

.content-triangle {
    height: 0;
    position: absolute;
    border-bottom: 61px solid #fff;
    border-left: 1100px solid transparent;
    top: -60px;
    width: 100%;
    left: 0
}

.content,
.content-item,
.footer-bottom-item {
    position: relative
}

.content {
    background-color: #fff;
    padding: 30px;
    max-width: 1100px;
    margin: auto
}

.title {
    font-size: 25px;
    color: #fff
}

.btn--width {
    min-width: 245px;
    margin: 5px 2px;
    font-size: 12px;
    border-width: 2px
}

.mail-icon,
.phone-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
}

.phone-icon {
    width: 16px;
    height: 25px
}

.mail-icon {
    width: 25px;
    height: 22px
}

:root .mail-icon,
_:-ms-fullscreen {
    height: 30px;
    background-size: cover
}

:root .phone-icon,
_:-ms-fullscreen {
    width: 30px;
    height: 20px;
    background-size: cover
}

.header-select {
    text-align: right;
    padding: 10px 25px
}

.custom-checkbox+.has-error,
.footer-bottom-item,
.footer-top,
.profile-title {
    text-align: center
}

.content-item {
    padding: 20px
}

.content-icon {
    height: 80px;
    margin: 30px auto;
    display: block
}

.content-icon svg {
    height: 100%
}

.android-link,
.ios-link {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    background-size: 30px 30px;
    transition: .4s
}

.action-social {
    margin-top: 20px
}

.footer-top {
    padding: 50px 0;
    font-size: 22px
}

.footer-bottom {
    padding: 20px 0;
    border-top: 1px solid #e2e2e2;
    color: #bebebe;
    font-size: 14px
}

.wezom-link {
    color: #bebebe
}

.footer-bottom-item--left,
.footer-bottom-item--right {
    padding: 10px 0
}

.android-link {
    border: 1px solid #2b2b2b;
    border-radius: 50%;
    color: #2b2b2b;
    vertical-align: top;
    padding: 10px
}

.android-link:hover {
    color: #a4c639;
    background-color: #2b2b2b
}

.ios-link {
    border: 1px solid #2b2b2b;
    border-radius: 50%;
    font-weight: 500;
    font-size: 1.8rem;
    color: #2b2b2b;
    padding: 11px 6px
}

.ios-link:hover {
    background-color: #2b2b2b;
    color: #fff
}

.facebook-link,
.linkedin-link,
.vk-link {
    color: #bebebe;
    margin: 0 7px
}

.facebook-link {
    margin-left: 0
}

.footer-top--right {
    padding: 0
}

.vk-link {
    vertical-align: sub;
    font-size: 27px
}

.modal-input--custom {
    height: 48px;
    padding: 15px 20px;
    margin-bottom: 10px
}

.modal-input--custom::-webkit-input-placeholder {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: .85rem
}

.modal-input--custom::-moz-placeholder {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: .85rem
}

.modal-input--custom:-moz-placeholder {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: .85rem
}

.modal-input--custom:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: .85rem
}

.registration-link {
    display: block;
    padding: 15px;
    font-weight: 300;
    position: relative;
    max-width: 225px;
    margin: auto
}

.registration-link:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px dashed #00a5f1;
    bottom: -5px;
    left: 0
}

.link-img {
    transition: .4s
}

.link-img:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.profile-content,
.registration-box--one,
.registration-box--two {
    box-shadow: 0 5px 60px 10px rgba(0, 0, 0, .1)
}

.password-text {
    color: #777;
    font-size: 14px;
    font-weight: 300;
    display: block;
    padding-bottom: 20px
}

.close--custom {
    position: absolute;
    right: -25px;
    top: -25px;
    outline: 0
}

.form,
.registration-first {
    max-width: 290px;
    margin: auto
}

.btn-login,
.btn-next {
    max-width: 315px;
    margin: auto;
    font-size: 12px
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    top: 40%
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder {
    margin-right: 0
}

.nav-title {
    margin-bottom: 0!important
}

.td-toggle.active {
    background-color: #fff!important;
    position: relative
}

.td-toggle.active:after,
.td-toggle.active:before {
    content: "";
    display: block;
    right: 3px;
    position: absolute;
    z-index: 2
}

.td-toggle.active:before {
    width: 106%;
    height: 103%;
    left: -1px;
    top: -2px;
    border: 2px solid #5cbfed;
    border-bottom: none;
}

.td-toggle.active:after {
    width: 97%;
    height: 10px;
    left: 1px;
    background-color: #fff;
    bottom: -2px
}

.award-icon,
.title-icon {
    height: 40px;
    vertical-align: middle
}

.td-with-content {
    padding: 0!important
}

@-moz-document url-prefix() {
    .table--custom {
        border-collapse: separate!important
    }
    .td-with-content {
        border-bottom: none!important;
        border-top: none!important
    }
}

.table-hidden {
    outline: #5cbfed solid 2px
}

.profile-content {
    max-width: 1280px;
    background-color: #fff;
    margin: auto
}

.profile-content .navbar {
    padding: 10px
}

.profile-main {
    padding: 0 10px 10px
}

.bootstrap-select.shop {
    min-width: 180px
}

.shop-box {
    margin-bottom: 15px
}

.panel-heading--small {
    padding: 10px 20px!important
}

.period-box .date {
    max-width: 200px
}

.award-icon {
    display: inline-block;
    width: 30px;
    margin-right: 10px
}

.table-buy {
    max-width: 700px;
    margin: 0 auto 22px
}

.reload-icon,
.title-icon {
    display: inline-block;
    margin-right: 10px
}

.title-icon {
    width: 40px
}

.title-icon+h3 {
    display: inline-block
}

:root .title-icon,
_:-ms-fullscreen {
    height: 55px
}

.period-box {
    padding: 30px 0
}

.registration-title-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: text-bottom;
    margin-left: -7px;
    margin-bottom: -8px
}

.profile-icon,
.reload-icon {
    width: 40px;
    vertical-align: middle
}

.reload-icon {
    height: 35px
}

.profile-icon {
    display: block;
    height: 40px;
    margin: 20px auto 0
}

.logout-icon {
    display: none
}

.profile-nav-link {
    display: block;
    opacity: .7;
    position: relative;
    font-weight: 100;
    cursor: pointer;
}

.profile-nav-link:hover {
    opacity: 1;
    text-decoration: none;
    color: inherit
}

.profile-info {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding: 5px
}

.profile-info-item:not(:last-of-type) {
    border-right: 1px solid #e9e9e9
}

.reload-btn {
    margin-top: 20px;
    margin-bottom: 30px
}

.carousel-control--custom {
    display: inline-block;
    width: 35px;
    margin: 0 -3px;
    text-align: center;
    color: #fff;
    border: 1px solid rgba(240, 240, 240, .6)
}

.carousel-control--custom:active,
.carousel-control--custom:focus,
.carousel-control--custom:hover,
.carousel-control--custom:visited {
    opacity: .5;
    color: #fff!important
}

.profile-title {
    position: relative
}

.registration-box--one {
    max-width: 420px;
    margin: auto
}

.login-link {
    margin: 20px
}

.steps-title {
    padding-bottom: 25px
}

.table--custom {
    font-size: .75rem;
}

.action-content {
    padding: 0 10px 10px
}

.action-date {
    margin-top: 20px
}

.action-article {
    padding: 20px 0
}

.action-img {
    max-width: 360px;
    max-height: 270px;
    display: block;
    margin: auto
}

.backward-icon {
    display: inline-block;
    width: 30px;
    height: 20px;
    vertical-align: sub;
    margin-right: 10px
}

.registration-box--two {
    max-width: 1280px;
    margin: auto
}

.registration-second {
    max-width: 1160px;
    padding: 0 10px;
    margin: auto
}

.registration-second .custom-checkbox {
    margin-bottom: 30px
}

.registration-second .modal-input--custom:not(.modal-input--date) {
    margin-bottom: 15px
}

.select-box-custom {
    width: 100%!important;
    margin-bottom: 15px!important
}

.select-custom {
    height: 48px;
    background: 0 0;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    font-size: .85rem!important;
    font-weight: 300!important;
    color: #9a9a9a!important
}

.date--custom {
    margin-bottom: 15px
}

.registration-end {
    max-width: 277px;
    margin: auto;
    font-size: 12px;
    font-weight: 700
}

.has-error:not(.help-block) {
    box-shadow: 0 0 1px 1px red;
    margin-bottom: 0;
    outline: 0
}

.has-error:focus {
    border-color: #ccc
}

.help-block.has-error {
    color: red
}

.panel--width {
    max-width: 700px;
    margin: auto
}

.profile-nav {
    line-height: 2.5
}

.footer-top--left {
    padding: 0
}

.custom-control-indicator {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: transparent;
    border: 1px solid #00a5f1;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer
}

.custom-control-input:checked+label.custom-control-indicator {
    background: url(../svg/simple-icons/checkmark.svg) center no-repeat #00a5f1;
    background-size: 15px 15px
}

@media (min-width:450px) {
    .carousel-control--custom {
        width: 45px
    }
    .form,
    .registration-first {
        max-width: 315px
    }
}

@media (min-width:480px) {
    .action-social {
        margin-top: 0;
        text-align: right
    }
}

@media (min-width:768px) {
    .content-item:first-of-type:after,
    .footer-bottom-item:not(: last-of-type):after {
        content: "";
        width: 1px;
        background: #e4e4e4;
        position: absolute;
        right: 0
    }
    .header-text,
    .logo {
        border-right: 1px solid #e2e2e2
    }
    html {
        font-size: 16px
    }
    .title {
        font-size: 36px
    }
    .footer-top {
        text-align: left
    }
    .content-item:first-of-type:after {
        height: 160px;
        top: 45px
    }
    .footer-top--middle,
    .footer-top--right {
        text-align: right
    }
    .android-link {
        padding: 6px
    }
    .footer-bottom-item {
        text-align: inherit
    }
    .footer-bottom-item--right {
        text-align: right
    }
    .footer-bottom-item:not(:last-of-type):after {
        height: 40px;
        top: 0
    }
    .footer-social {
        text-align: center
    }
    .header-text {
        font-size: 20px;
        padding: 25px
    }
    .bootstrap-select>.dropdown-toggle.bs-placeholder {
        margin-right: 10px
    }
    .profile-title {
        text-align: left
    }
}

@media (min-width:992px) {
    .content-item:not(: last-of-type):after {
        content: "";
        width: 1px;
        height: 160px;
        background: #e4e4e4;
        position: absolute;
        right: 0;
        top: 45px
    }
    .header-select {
        padding: 25px;
        text-align: inherit
    }
    .reload-btn {
        margin-top: 50px;
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .content-triangle:after,
    .content:after {
        content: ""
    }
    .text-box {
        display: inline
    }
    .content-triangle--border,
    .content-triangle:after,
    .content:after {
        display: block;
        position: absolute;
        right: -10px
    }
    .action-content {
        padding: 0 70px 20px
    }
    .content-triangle--border {
        width: 1120px;
        height: 1px;
        background: #fff;
        top: 20px;
        transform: rotate(-3deg)
    }
    .content:after {
        left: -10px;
        height: 103.5%;
        bottom: -10px;
        background: 0 0;
        border: 1px solid #fff;
        border-top-color: transparent
    }
    .content-triangle:after {
        height: 75px;
        width: 1px;
        top: -9px;
        background: #fff
    }
    .profile-main {
        padding: 0 70px 70px
    }
    .profile-content .navbar {
        padding: 15px 60px
    }
    .profile-icon {
        margin-left: auto;
        margin-right: 0
    }
    .profile-nav-link {
        display: inline-block;
        padding: 20px
    }
    .logout-icon {
        height: 20px;
        width: 25px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: sub
    }
    .profile-nav-link:first-of-type:after,
    .profile-title:before {
        content: "";
        width: 1px;
        position: absolute
    }
    .profile-title:before {
        display: block;
        height: 50px;
        background: #52c2f6;
        left: 0;
        top: 13px
    }
    .profile-nav-link:first-of-type:after {
        height: 25px;
        background-color: #52c2f6;
        opacity: .7;
        right: 0;
        top: 34%
    }
    .table--custom {
        font-size: 1rem
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .footer-text {
        text-align: right
    }
}

@media (min-width:530px) and (max-width:1200px) {
    .text-box--header {
        display: block
    }
    .header-text {
        padding: 0 20px
    }
}

bs-datepicker-container{
  z-index: 5;
}