@charset "UTF-8";
.datepicker--cells
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell
{
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus-
{
    background: #f0f0f0
}

.datepicker--cell.-current-
{
    color: #4eb5e6
}

.datepicker--cell.-current-.-focus-
{
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range-
{
    color: #4eb5e6
}

.datepicker--cell.-in-range-
{
    background: rgba(92, 196, 239, .1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus-
{
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell.-disabled-
{
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus-
{
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range-
{
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus-
{
    color: #aeaeae
}

.datepicker--cell.-range-from-
{
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to-
{
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-range-from-.-range-to-
{
    border-radius: 4px
}

.datepicker--cell.-selected-
{
    color: #fff;
    border: none;
    background: #5cc4ef
}

.datepicker--cell.-selected-.-current-
{
    color: #fff;
    background: #5cc4ef
}

.datepicker--cell.-selected-.-focus-
{
    background: #45bced
}

.datepicker--cell:empty
{
    cursor: default
}

.datepicker--days-names
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name
{
    color: #ff9a19;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.datepicker--cell-day
{
    width: 14.28571%
}

.datepicker--cells-months
{
    height: 170px
}

.datepicker--cell-month
{
    width: 33.33%;
    height: 25%
}

.datepicker--cells-years, .datepicker--years
{
    height: 170px
}

.datepicker--cell-year
{
    width: 25%;
    height: 33.33%
}

.datepickers-container
{
    position: absolute;
    left: 0;
    top: 0
}

@media print
{
    .datepickers-container
    {
        display: none
    }
}

.datepicker
{
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s, transform .3s, left .3s, -webkit-transform .3s
}

.datepicker.-from-top-
{
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right-
{
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom-
{
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left-
{
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active
{
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity .3s, transform .3s, left, -webkit-transform .3s
}

.datepicker-inline .datepicker
{
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.datepicker-inline .datepicker--pointer
{
    display: none
}

.datepicker--content
{
    box-sizing: content-box;
    padding: 4px
}

.-only-timepicker- .datepicker--content
{
    display: none
}

.datepicker--pointer
{
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer
{
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer
{
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer
{
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer
{
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer
{
    left: 10px
}

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer
{
    right: 10px
}

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer
{
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer
{
    top: 10px
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer
{
    bottom: 10px
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer
{
    top: calc(50% - 10px / 2)
}

.datepicker--body
{
    display: none
}

.datepicker--body.active
{
    display: block
}

.datepicker--nav
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav
{
    display: none
}

.datepicker--nav-action, .datepicker--nav-title
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action
{
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action:hover
{
    background: #f0f0f0
}

.datepicker--nav-action.-disabled-
{
    visibility: hidden
}

.datepicker--nav-action svg
{
    width: 32px;
    height: 32px
}

.datepicker--nav-action path
{
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title
{
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--nav-title i
{
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title:hover
{
    background: #f0f0f0
}

.datepicker--nav-title.-disabled-
{
    cursor: default;
    background: 0 0
}

.datepicker--buttons
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    border-top: 1px solid #efefef
}

.datepicker--button
{
    color: #4eb5e6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover
{
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--time
{
    border-top: 1px solid #efefef;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders
{
    -webkit-flex: 0 1 138px;
    -ms-flex: 0 1 138px;
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time
{
    border-top: none
}

.datepicker--time-sliders
{
    -webkit-flex: 0 1 153px;
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label
{
    display: none;
    font-size: 12px
}

.datepicker--time-current
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon
{
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours, .datepicker--time-current-minutes
{
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after
{
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after
{
    opacity: 1
}

.datepicker--time-current-ampm
{
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child
{
    margin-bottom: 4px
}

.datepicker--time-row input[type=range]
{
    background: 0 0;
    cursor: pointer;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb
{
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s;
    margin-top: -6px
}

.datepicker--time-row input[type=range]::-ms-tooltip
{
    display: none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb
{
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb
{
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-ms-thumb
{
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:focus
{
    outline: 0
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb
{
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb
{
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb
{
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]::-moz-range-thumb
{
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb
{
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track
{
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-moz-range-track
{
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-track
{
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-lower
{
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-upper
{
    background: 0 0
}

.datepicker--time-row span
{
    padding: 0 12px
}

.datepicker--time-icon
{
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after, .datepicker--time-icon:before
{
    content: '';
    background: currentColor;
    position: absolute
}

.datepicker--time-icon:after
{
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.datepicker--time-icon:before
{
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px)
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade-
{
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover
{
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade-
{
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade-
{
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade-
{
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade-
{
    background-color: rgba(92, 196, 239, .1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade-
{
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty
{
    background: 0 0;
    border: none
}

@font-face
{
    font-family: gp;
    src: url(../../fonts/GothamProRegular/GothamProRegular.eot);
    src: url(../../fonts/GothamProRegular/GothamProRegular.eot?#iefix) format("embedded-opentype"), url(../../fonts/GothamProRegular/GothamProRegular.woff) format("woff"), url(../../fonts/GothamProRegular/GothamProRegular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face
{
    font-family: gp;
    src: url(../../fonts/GothamProMedium/GothamProMedium.eot);
    src: url(../../fonts/GothamProMedium/GothamProMedium.eot?#iefix) format("embedded-opentype"), url(../../fonts/GothamProMedium/GothamProMedium.woff) format("woff"), url(../../fonts/GothamProMedium/GothamProMedium.ttf) format("truetype");
    font-style: normal;
    font-weight: 500
}

@font-face
{
    font-family: gp;
    src: url(../../fonts/GothamProBold/GothamProBold.eot);
    src: url(../../fonts/GothamProBold/GothamProBold.eot?#iefix) format("embedded-opentype"), url(../../fonts/GothamProBold/GothamProBold.woff) format("woff"), url(../../fonts/GothamProBold/GothamProBold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face
{
    font-family: bn;
    src: url(../../fonts/BebasNeueBold.eot);
    src: local("../../fonts/Bebas Neue Bold"), local("BebasNeueBold"), url(../../fonts/BebasNeueBold.eot?#iefix) format("embedded-opentype"), url(../../fonts/BebasNeueBold.woff) format("woff"), url(../../fonts/BebasNeueBold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face
{
    font-family: bn;
    src: url(../../fonts/BebasNeueLight.eot);
    src: local("../../fonts/Bebas Neue Light"), local("BebasNeueLight"), url(../../fonts/BebasNeueLight.eot?#iefix) format("embedded-opentype"), url(../../fonts/BebasNeueLight.woff) format("woff"), url(../../fonts/BebasNeueLight.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face
{
    font-family: bn;
    src: url(../../fonts/BebasNeueRegular.eot);
    src: local("../../fonts/Bebas Neue Regular"), local("BebasNeueRegular"), url(../../fonts/BebasNeueRegular.eot?#iefix) format("embedded-opentype"), url(../../fonts/BebasNeueRegular.woff) format("woff"), url(../../fonts/BebasNeueRegular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face
{
    font-family: gl;
    src: url(../../fonts/Gilroy-SemiBold.eot);
    src: local("../../fonts/Gilroy SemiBold"), local("Gilroy-SemiBol"), url(../../fonts/Gilroy-SemiBold.eot?#iefix) format("embedded-opentype"), url(../../fonts/Gilroy-SemiBold.woff) format("woff"), url(../../fonts/Gilroy-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face
{
    font-family: ap;
    src: url(../../fonts/ApercuPro-Medium.eot);
    src: local("../../fonts/ApercuPro Medium"), local("ApercuPro-Medium"), url(../../fonts/ApercuPro-Medium.eot?#iefix) format("embedded-opentype"), url(../../fonts/ApercuPro-Medium.woff) format("woff"), url(../../fonts/ApercuPro-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var
{
    vertical-align: baseline;
    font-style: inherit;
    font-size: 14px;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none
}

*
{
    font-family: gp;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0
}

:focus
{
    outline: 0
}

.btn, a
{
    transition: .4s linear;
    -webkit-transition: .4s linear
}

.container
{
    position: relative;
    margin: auto;
    padding: 0 15px;
    width: 100%;
    max-width: 100%
}

.header
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    z-index: 100;
    transition: .4s
}

.header .container
{
    max-width: 1310px
}

.header .phone-mobile
{
    height: 24px;
    width: 24px;
    background: rgba(237, 249, 255, .15);
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    display: none
}

.header .navbar
{
    justify-content: space-between;
    align-items: center;
    padding: 0;
    height: 71px
}

.header .navbar-brand
{
    font-size: 0;
    padding: 0;
    margin: 0 15px 0 0
}

.header .collapse
{
    justify-content: flex-end
}

.header .nav-link
{
    font-weight: 500;
    font-size: 13px;
    line-height: 12px;
    text-transform: lowercase;
    color: #fff;
    padding: 0
}

.header .navbar-nav .nav-item
{
    padding: 0;
    margin-right: 45px;
    color: #fff
}

.header .navbar-contacts
{
    display: flex;
    align-items: center
}

.header .phone
{
    font-weight: 500;
    font-size: 16px;
    line-height: 15px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none
}

.header .callback
{
    margin-left: 45px;
    height: 40px;
    padding: 0 16px;
    background: rgba(237, 249, 255, .1);
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    letter-spacing: .2px;
    text-decoration: none;
    color: #fff
}

.header .callback:hover
{
    background: rgba(237, 249, 255, .2)
}

.main
{
    padding: 200px 0 20px;
    position: relative;
    background-size: cover;
    background-position: center
}

.main:after
{
    content: "";
    position: absolute;
    left: 0;
    top: 71px;
    right: 0;
    bottom: 0
}

.main .container
{
    max-width: 1310px;
    z-index: 10
}

.main-description
{
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3;
    color: #fff;
    max-width: 400px;
    margin-bottom: 120px
}

.main .h1
{
    font-size: 48px;
    line-height: 56px;
    font-family: bn;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 300
}

.main .h1 b
{
    font-size: 48px;
    line-height: 56px;
    font-family: bn;
    font-weight: 600
}

.main .wave
{
    margin-bottom: 15px
}

.main .list-locations
{
    display: flex;
    flex-wrap: wrap
}

.main .item
{
    padding-left: 35px;
    margin-bottom: 15px;
    position: relative;
    margin-right: 44px
}

.main .item:after
{
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    background: url(../../images/location.svg) center no-repeat;
    width: 20px;
    height: 24px
}

.main .item a
{
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #fff;
    margin-bottom: 12px;
    display: table;
    text-decoration: none;
    border-bottom: 1px solid #fff
}

.main span
{
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .5px;
    color: #fff
}

.block-title
{
    font-weight: 300;
    font-size: 48px;
    line-height: 56px;
    font-family: bn;
    text-align: center;
    text-transform: capitalize;
    color: #15205f
}

.block-title b
{
    font-family: bn;
    font-weight: 600
}

.we-do
{
    padding: 90px 0 60px;
    background: linear-gradient(180deg, #d6eff7 0, rgba(214, 239, 247, 0) 100%)
}

.we-do .container
{
    max-width: 930px
}

.we-do .block-title
{
    margin-bottom: 32px
}

.we-do .we-do__row
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.we-do .we-do__item
{
    width: calc(33.33% - 20px);
    background: #fff;
    border-radius: 6px;
    padding: 40px 32px 35px;
    text-align: center;
    margin-bottom: 24px
}

.we-do .icon
{
    display: flex;
    justify-content: center;
    margin-bottom: 26px
}

.we-do .title
{
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #15205f;
    font-family: gl;
    margin-bottom: 12px
}

.we-do p
{
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    text-transform: lowercase;
    color: #505d68
}

.plan .container
{
    padding: 0
}

.plan .plan__row
{
    display: flex;
    flex-wrap: wrap
}

.plan .plan__item
{
    width: 33.33%;
    padding: 320px 52px 76px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: flex-end
}

.plan .plan__item:after
{
    content: "";
    background: linear-gradient(180deg, rgba(105, 201, 255, 0) 0, #262f56 100%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

.plan .plan__info
{
    position: relative;
    z-index: 10
}

.plan .years
{
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    text-transform: capitalize;
    font-family: bn;
    color: #fff;
    margin-bottom: 30px
}

.plan .number
{
    font-family: bn;
    display: inline;
    font-size: 96px
}

.plan p
{
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-transform: lowercase;
    color: #fff;
    margin-bottom: 30px
}

.plan .btn
{
    display: inline-block;
    padding: 15px 32px;
    background: #fc983f;
    border-radius: 2px;
    font-family: gl;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #262f56
}

.plan .btn:hover
{
    background: #fa9235;
    color: #fff
}

.order
{
    background-color: #d2eff9;
    padding: 80px 0
}

.order .container
{
    max-width: 1120px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

.order .text
{
    width: calc(100% - 320px)
}

.order .block-title
{
    text-align: left;
    margin-bottom: 10px
}

.order__description
{
    font-weight: 500;
    font-size: 32px;
    line-height: 28px;
    text-transform: lowercase;
    color: #15205f;
    font-family: ap
}

.order .btn
{
    background: #fc983f;
    border-radius: 2px;
    font-family: gl;
    font-weight: 700;
    font-size: 24px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    height: 80px;
    width: 100%;
    max-width: 300px;
    justify-content: center;
    text-align: center;
    color: #262f56
}

.events
{
    padding: 100px 0 110px
}

.events .container
{
    max-width: 1310px
}

.events .block-title
{
    margin-bottom: 45px
}

.events .owl-stage-outer
{
    margin: 0 -15px;
    width: calc(100% + 30px);
    padding-left: 15px
}

.event
{
    background: #fff;
    box-shadow: 0 2px 24px rgba(6, 124, 190, .12);
    border-radius: 2px;
    margin: 15px 0
}

.event-info
{
    min-height: 220px;
    padding: 50px 40px 20px
}

.event .date
{
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-transform: lowercase;
    color: #34afd6;
    font-family: gl;
    margin-bottom: 10px
}

.event .title
{
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #15205f;
    text-decoration: none;
    display: block
}

.event-image
{
    border-radius: 0 0 2px 2px;
    height: 280px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center
}

.event-image:after
{
    background: linear-gradient(180deg, rgba(119, 206, 255, 0) 0, #262f56 100%);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.event .location
{
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #fff;
    position: absolute;
    right: 40px;
    bottom: 32px;
    z-index: 5
}

.event .location:after
{
    content: "";
    position: absolute;
    background: url(../../images/location.svg) center/16px 20px no-repeat;
    height: 20px;
    width: 16px;
    left: -24px;
    top: 6px
}

.events .owl-nav > div
{
    font-size: 0;
    background: url(../../images/prev.svg) center no-repeat;
    width: 56px;
    height: 40px;
    position: absolute;
    left: 0;
    top: -75px
}

.events .owl-nav .owl-next
{
    background: url(../../images/next.svg) center no-repeat;
    left: auto;
    right: 0
}

.events .owl-dots
{
    display: flex;
    align-items: center;
    justify-content: center
}

.events .owl-dot
{
    width: 12px;
    height: 12px;
    border: 1px solid #99d7eb;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 8px;
    position: relative
}

.events .owl-dot.active:after
{
    content: "";
    width: 8px;
    height: 8px;
    background: #99d7eb;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.gallery
{
    background-size: cover;
    background-position: center
}

.gallery__row
{
    display: flex;
    flex-wrap: wrap
}

.gallery__item
{
    width: 20%;
    display: block;
    background-size: cover;
    position: relative
}

.gallery__item:before
{
    content: "";
    display: block;
    padding-top: 100%
}

.gallery .inner
{
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.gallery .h4
{
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .4px;
    text-transform: lowercase;
    text-align: center;
    color: #15205f;
    opacity: .8;
    font-family: gl;
    margin-bottom: 25px
}

.gallery .btn
{
    background: #15205f;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
    max-width: 184px;
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    position: relative;
    margin: auto;
    padding-right: 25px
}

.gallery span
{
    font-size: 16px
}

.gallery img
{
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.footer
{
    padding: 90px 0 80px;
    background: #15205f
}

.footer .container
{
    max-width: 1190px;
    display: flex;
    flex-wrap: wrap
}

.footer .footer__col
{
    width: 25%
}

.footer .logo
{
    display: inline-block;
    font-size: 0;
    margin-bottom: 40px
}

.footer .logo:hover
{
    opacity: .7
}

.footer .social
{
    display: flex;
    align-items: center
}

.footer .social li
{
    margin-right: 20px
}

.footer .social a
{
    width: 32px;
    display: block;
    font-size: 0;
    text-decoration: none;
    text-align: center
}

.footer .social a:hover
{
    opacity: .7
}

.footer .social img
{
    max-width: 26px;
    max-height: 26px
}

.footer .nav
{
    display: block;
    padding: 0
}

.footer .nav li
{
    padding: 0;
    display: block;
    font-size: 0;
    margin-bottom: 15px
}

.footer .nav a
{
    padding: 0;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 12px;
    text-transform: lowercase;
    color: #fff
}

.footer .nav a:hover
{
    opacity: .7
}

.footer h4
{
    font-weight: 500;
    font-size: 13px;
    line-height: 12px;
    color: #fff;
    margin-bottom: 18px
}

.footer .contact-link
{
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: table
}

.footer .contact-link:hover
{
    opacity: .7
}

.footer .location
{
    font-weight: 400;
    font-size: 13px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 13px;
    position: relative;
    padding-left: 20px;
    text-decoration: none;
    display: table
}

.footer .location:after
{
    content: "";
    position: absolute;
    background: url(../../images/location.svg) center/contain no-repeat;
    width: 11px;
    height: 14px;
    left: 0;
    top: 0
}

.separate
{
    height: 125px;
    background-position: top center;
    background-repeat: no-repeat
}

.contacts
{
    position: relative
}

.contacts .map
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10
}

.contacts .container
{
    position: relative;
    z-index: 11;
    max-width: 1310px;
    top: -40px
}

.contacts .block
{
    background: #fff;
    box-shadow: 0 2px 24px rgba(6, 124, 190, .12);
    max-width: 408px;
    padding: 60px 40px
}

.contacts .block-title
{
    text-align: left;
    margin-bottom: 15px
}

.contacts .wave
{
    margin-bottom: 25px
}

.contacts .list-contacts
{
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 30px
}

.contacts .list-contacts:after
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #d6eff7;
    height: 1px;
    max-width: 260px;
    margin: auto
}

.contacts .list-contacts a
{
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
    color: #15205f;
    padding-left: 38px;
    margin-bottom: 20px
}

.contacts .list-contacts a:after
{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    width: 24px
}

.contacts .list-contacts a:hover
{
    opacity: .8
}

.contacts .phone:after
{
    background: url(../../images/phone.svg) center no-repeat
}

.contacts .email:after
{
    background: url(../../images/envelope.svg) center no-repeat
}

.contacts .sub-title
{
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #34afd6;
    font-family: gl;
    margin-bottom: 24px
}

.contacts .social
{
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.contacts .social li
{
    margin-right: 26px
}

.contacts .social a
{
    width: 40px;
    text-align: center;
    display: block;
    font-size: 0
}

.contacts .social a:hover
{
    opacity: .8
}

.overlay
{
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 200;
    overflow-x: hidden;
    overflow-y: auto;
    align-items: center;
    justify-content: center;
    display: none;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    white-space: nowrap
}

.overlay:before
{
    height: 100%;
    vertical-align: middle;
    content: "";
    width: 0;
    display: inline-block;
    margin-left: -4px
}

.jq-selectbox
{
    width: 100%;
    background-color: #eefbff;
    background: url(../../images/location-b.svg) calc(0px + 15px) center no-repeat #eefbff;
    border-radius: 8px;
    border: 0;
    height: 40px;
    padding: 0 35px 0 40px
}

.jq-selectbox__select
{
    height: 40px;
    font-size: 12px;
    line-height: 14px;
    color: #2b2848;
    resize: none;
    cursor: pointer;
    display: flex;
    align-items: center
}

.jq-selectbox__select-text
{
    font-size: 12px;
    line-height: 14px;
    color: #2b2848
}

.jq-selectbox__trigger
{
    position: absolute;
    background: url(../../images/a-select.svg) center no-repeat;
    width: 12px;
    height: 7px;
    right: -20px;
    top: 50%;
    transform: translateY(-50%)
}

.jq-selectbox__dropdown
{
    left: 0;
    right: 0;
    top: 100%;
    background-color: #eefbff
}

.jq-selectbox__dropdown li
{
    text-align: left;
    padding: 4px 15px;
    font-size: 12px;
    line-height: 14px;
    color: #2b2848;
    cursor: pointer
}

.jq-selectbox__dropdown li.sel
{
    color: #34afd6
}

.modal
{
    background: #fff;
    box-shadow: 0 0 32px rgba(0, 61, 117, .12), 0 0 16px rgba(5, 38, 125, .16);
    border-radius: 24px;
    display: inline-block;
    max-width: 616px;
    height: auto;
    position: relative;
    width: 100%;
    padding: 80px 92px;
    vertical-align: middle
}

.modal__close
{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.modal .btn
{
    background: #15205f;
    border-radius: 8px;
    height: 48px;
    margin: 16px auto auto;
    display: table;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    max-width: 336px;
    width: 100%;
    color: #fff;
    transition: .4s
}

.modal .btn:hover
{
    background: #152476
}

.form-group
{
    margin: 0;
    padding: 0 0 24px
}

.form label
{
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    display: flex;
    align-items: center;
    color: #262f56;
    padding-left: 16px;
    margin-bottom: 4px
}

.form-control
{
    background-color: #eefbff;
    border-radius: 8px;
    border: 0;
    height: 40px;
    padding: 0 15px 0 40px;
    font-size: 12px;
    line-height: 14px;
    color: #2b2848;
    resize: none
}

.form-control::placeholder
{
    color: #2b2848
}

.form-control.user
{
    background: url(../../images/user.svg) calc(0px + 15px) center no-repeat #eefbff
}

.form-control.js-phone
{
    background: url(../../images/phone.svg) calc(0px + 12px) center no-repeat #eefbff;
    background-size: 18px 18px
}

.form-control.js-datapicker
{
    background: url(../../images/Calendar.svg) calc(0px + 12px) center no-repeat #eefbff
}

.form__title
{
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #15205f;
    justify-content: center;
    font-family: gl;
    margin-bottom: 12px
}

.form__title img
{
    margin: 0 10px
}

.form__description
{
    margin-bottom: 32px;
    font-size: 13px;
    line-height: 12px;
    text-align: center;
    color: #0e0b2f
}

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

.form__row .form-group
{
    width: 52%
}

.form__row .form-group:nth-child(1)
{
    width: 40%
}

.form textarea.form-control
{
    height: 72px;
    padding: 12px
}

.datepicker
{
    z-index: 300
}

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

.nav-days li .button
{
    width: 32px;
    height: 32px;
    border: 1px solid #d6eff7;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
    font-size: 12px;
    color: #15205f;
    font-family: gl;
    text-transform: uppercase;
    text-decoration: none
}

.nav-days li .button.active
{
    background: #d6eff7
}

.timetable-nav
{
    display: flex;
    justify-content: space-between;
    width: 100%
}

.timetable-nav li
{
    width: calc(25% - 15px);
    height: 100%
}

.timetable-nav .item-toggler
{
    height: 100%;
    padding: 20px 20px 20px 74px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center
}

.timetable-nav .item-toggler h4, .timetable-nav .item-toggler p
{
    width: 100%
}

.timetable
{
    padding: 160px 0 80px;
    background-repeat: no-repeat;
    background-position: left top
}

.timetable .container
{
    max-width: 1170px
}

.timetable .block-title
{
    text-align: left;
    margin-bottom: 30px
}

.timetable h3
{
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    color: #262f56;
    font-family: gl;
    padding-left: 30px;
    margin-bottom: 26px;
    position: relative
}

.timetable h3:after
{
    content: "";
    position: absolute;
    left: 0;
    top: 55%;
    transform: translateY(-50%);
    background: url(../../images/location-b.svg) center/contain no-repeat;
    width: 14px;
    height: 19px
}

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

.timetable .item
{
    width: 100%
}

.timetable .item-toggler
{
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    background: #7cc7fe
}

.timetable .item-toggler:after
{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url(../../images/location.svg) center no-repeat;
    width: 26px;
    height: 32px;
    left: 24px
}

.timetable h4
{
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    font-family: gl;
    letter-spacing: .5px;
    color: #fff;
    margin-bottom: 5px
}

.timetable p
{
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    font-family: gl;
    color: #fff
}

.timetable #open-1 .item-1 .item-toggler
{
    display: none
}

.timetable #open-1 .item-1 .image
{
    display: block;
    width: 100%
}

.timetable #open-2 .item-2 .item-toggler
{
    display: none
}

.timetable #open-2 .item-2 .image
{
    display: block;
    width: 100%
}

.timetable #open-3 .item-3 .item-toggler
{
    display: none
}

.timetable #open-3 .item-3 .image
{
    display: block;
    width: 100%
}

.timetable #open-4 .item-4 .item-toggler
{
    display: none
}

.timetable #open-4 .item-4 .image
{
    display: block;
    width: 100%
}

.timetable #open-5 .item-5 .item-toggler
{
    display: none
}

.timetable #open-5 .item-5 .image
{
    display: block;
    width: 100%
}

.timetable .image
{
    display: none;
    font-size: 0;
    box-shadow: 0 2px 24px rgba(6, 124, 190, .12);
    border-radius: 8px;
    background: #fff
}

.timetable img
{
    max-width: 100%
}

.tt-slider
{
    display: none;
    padding-top: 30px
}

.tt-slider .owl-nav > div
{
    font-size: 0;
    background: url(../../images/prev.svg) center no-repeat;
    width: 40px;
    height: 20px;
    position: absolute;
    left: 0;
    top: -5px
}

.tt-slider .owl-nav > div.disabled
{
    opacity: .5
}

.tt-slider .owl-nav .owl-next
{
    background: url(../../images/next.svg) center no-repeat;
    left: auto;
    right: 0
}

.ttable
{
    width: 100%
}

.ttable tr:not(:last-child) td
{
    border-bottom: 1px solid rgba(52, 175, 214, .45)
}

.ttable td
{
    vertical-align: middle;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #15205f;
    font-family: gl;
    padding: 4px 6px
}

.ttable td:first-child
{
    border-right: 1px solid rgba(52, 175, 214, .45);
    padding: 5px 10px;
    width: 70px
}

.ttable td span
{
    padding: 5px 10px 5px 18px;
    display: block;
    border-radius: 8px;
    font-family: gl;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: -.2px;
    color: #15205f;
    position: relative
}

.ttable td span:not(:last-child)
{
    margin-bottom: 4px
}

.ttable td span:after
{
    content: "";
    position: absolute;
    width: 6px;
    top: 4px;
    bottom: 4px;
    left: 4px;
    border-radius: 8px
}

.ttable .fiolet
{
    background: #e5d1ff
}

.ttable .fiolet:after
{
    background: #9d52fc
}

.ttable .orange
{
    background: #ffe1d3
}

.ttable .orange:after
{
    background: #ff9c72
}

.ttable .blue
{
    background: #dbf2ff
}

.ttable .blue:after
{
    background: #69c9ff
}

.ttable .green
{
    background: #dbfffb
}

.ttable .green:after
{
    background: #8bfef0
}

.ttable .yellow
{
    background: #fffbd8
}

.ttable .yellow:after
{
    background: #fff175
}

.ttable .pink
{
    background: #f8ddff
}

.ttable .pink:after
{
    background: #e57eff
}

#thank
{
    background: linear-gradient(180deg, #d6eff7 0, rgba(214, 239, 247, 0) 100%), #fff;
    box-shadow: 0 0 32px rgba(0, 61, 117, .12), 0 0 16px rgba(5, 38, 125, .16)
}

#thank.modal
{
    padding: 80px 60px 45px
}

#thank .form__description
{
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #15205f;
    white-space: normal;
    max-width: 370px;
    margin: 0 auto 30px
}

#thank .info
{
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    color: #34afd6;
    text-align: left;
    margin-bottom: 12px;
    font-family: gl
}

#thank .list-info
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 15px
}

#thank li
{
    width: calc(33.33% - 5px);
    background: #fff;
    border-radius: 6px;
    padding: 16px 12px 15px;
    margin-bottom: 16px
}

#thank li img
{
    margin-bottom: 10px
}

#thank h5
{
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    font-family: gl;
    text-align: center;
    color: #15205f;
    white-space: normal
}

#thank .btn
{
    position: static
}

.jq-checkbox, .jq-radio
{
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jq-checkbox input, .jq-radio input
{
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-file
{
    position: relative;
    display: inline-block;
    overflow: hidden
}

.jq-file input
{
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    font-size: 100px;
    line-height: 1em
}

.jq-file__name
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-select-multiple, .jq-selectbox
{
    position: relative;
    display: inline-block
}

.jq-select-multiple select, .jq-selectbox select
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-select-multiple li, .jq-selectbox li
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.jq-selectbox
{
    z-index: 10
}

.jq-selectbox__select
{
    position: relative
}

.jq-selectbox__select-text
{
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox__dropdown
{
    position: absolute
}

.jq-selectbox__search input
{
    -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration
{
    -webkit-appearance: none
}

.jq-selectbox__dropdown ul
{
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    list-style: none;
    -webkit-overflow-scrolling: touch
}

.jq-select-multiple ul
{
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.jq-number
{
    display: inline-block
}

.jq-number__field input
{
    -moz-appearance: textfield;
    text-align: left
}

.jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button
{
    margin: 0;
    -webkit-appearance: none
}

@media (max-width: 1200px)
{
    .plan .years
    {
        font-size: 30px;
        line-height: 1.2
    }

    .plan .number
    {
        font-size: 75px;
        line-height: 1;
        margin: 0 0 20px
    }

    .plan .plan__item
    {
        padding: 250px 35px 45px
    }

    .plan p
    {
        font-size: 15px;
        line-height: 1.2;
        font-weight: 500
    }

    .plan .btn
    {
        font-size: 14px;
        padding: 12px 25px
    }
}

@media (max-width: 992px)
{
    .header .phone-mobile
    {
        display: flex;
        position: absolute;
        right: 60px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 15
    }

    .plan .plan__item
    {
        width: 100%;
        padding-top: 100px
    }

    .header .navbar-collapse
    {
        position: absolute !important;
        left: -15px;
        right: -15px;
        top: 0;
        padding: 0 15px;
        z-index: 1;
        background: linear-gradient(180deg, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .95) 100%)
    }

    .navbar-contacts
    {
        padding-bottom: 15px
    }

    .header .navbar-nav
    {
        padding-top: 85px
    }

    .navbar-toggler
    {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10
    }

    .header .navbar-brand
    {
        z-index: 10
    }

    .header .navbar-nav .nav-item
    {
        margin-right: 0;
        margin-bottom: 10px
    }

    .header .callback
    {
        background: rgba(237, 249, 255, .2)
    }

    .header .callback:hover
    {
        background: rgba(237, 249, 255, .4)
    }

    .navbar-dark .navbar-toggler
    {
        color: rgba(255, 255, 255, .9);
        border-color: rgba(255, 255, 255, .9)
    }

    .main
    {
        padding: 140px 0 20px
    }

    .we-do
    {
        padding-top: 65px
    }

    .block-title
    {
        font-size: 38px;
        line-height: 1.3
    }

    .we-do .we-do__item
    {
        width: calc(50% - 14px);
        padding: 30px 15px 25px
    }

    .order .btn
    {
        max-width: 250px;
        height: 65px;
        font-size: 20px
    }

    .gallery__item
    {
        width: 33.33%
    }

    .gallery__item:nth-child(1), .gallery__item:nth-child(3), .gallery__item:nth-child(4), .gallery__item:nth-child(5)
    {
        display: none
    }

    .timetable-row
    {
        flex-wrap: wrap
    }

    .timetable .item-toggler:after
    {
        left: 20px;
        right: auto;
        bottom: auto;
        top: 50%;
        transform: translateY(-50%)
    }

    .timetable .item-toggler
    {
        height: auto;
        width: 100%;
        padding: 15px 15px 15px 65px
    }

    .timetable .item
    {
        width: 100% !important;
        max-width: 100% !important
    }

    .timetable h4
    {
        position: static;
        transform: rotate(0);
        height: auto;
        width: auto;
        white-space: normal;
        margin-bottom: 8px;
        font-size: 18px
    }

    .timetable p
    {
        position: static;
        transform: rotate(0);
        height: auto;
        width: 100%;
        white-space: normal;
        font-size: 14px
    }

    .timetable
    {
        padding: 80px 0 60px
    }
}

@media (max-width: 768px)
{
    .block-title, .block-title b
    {
        font-size: 34px
    }

    .modal
    {
        padding: 40px 32px
    }

    .footer
    {
        padding: 60px 0 35px
    }

    .footer .footer__col
    {
        width: 50%;
        margin-bottom: 40px
    }

    .order .text
    {
        width: 100%;
        margin-bottom: 25px;
        text-align: center
    }

    .order
    {
        padding: 60px 0
    }

    .order .block-title
    {
        text-align: center
    }

    .order .btn
    {
        max-width: 220px;
        height: 55px;
        font-size: 17px;
        margin: auto
    }

    .order__description
    {
        font-size: 24px
    }
}

@media (min-width: 680px)
{
    .nav-days, .tt-slider
    {
        display: none !important
    }

    .timetable-nav
    {
        margin-bottom: 24px;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .timetable-nav li
    {
        width: calc(25% - 15px);
        height: 100%
    }

    .timetable-nav .item-toggler
    {
        background: #7cc7fe !important;
        height: 100%;
        padding: 20px 20px 20px 60px
    }

    .timetable-nav .item-toggler.active
    {
        background: #749eff !important
    }

    .ttable td:not(:last-child)
    {
        border-right: 1px solid rgba(52, 175, 214, .45)
    }

    .timetable .image
    {
        padding: 30px 45px 40px
    }
}

@media (max-width: 680px)
{
    .form__title
    {
        white-space: normal;
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: 20px
    }

    #thank .form__description, #thank .info
    {
        font-size: 14px;
        line-height: 1.3
    }

    #thank.modal
    {
        padding: 50px 15px 30px
    }

    #thank li
    {
        width: calc(50% - 5px);
        margin-bottom: 10px
    }
    .timetable-nav
    {
        display: block;
        margin-left: -7px;
        margin-right: -7px;
        margin-bottom: 15px;
    }
    .timetable-nav:after
    {
        content: '';
        display: table;
        clear: both;
    }
    .timetable-nav li
    {
        padding: 7px;
        width: 50%;
        float: left;
        height: auto;
    }

    .timetable .item-toggler.active
    {
        background: #749eff !important
    }
    .ttable-full
    {
        display: none !important
    }

    .contacts .list-contacts a
    {
        font-size: 15px
    }

    .order .block-title, .order .block-title b
    {
        font-size: 24px
    }

    .order .btn
    {
        max-width: 160px;
        height: 40px;
        font-size: 14px;
        margin: auto
    }

    .order__description
    {
        font-size: 16px
    }

    .main
    {
        position: relative;
        background-position: 69% center
    }

    .main:after
    {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: linear-gradient(89.43deg, #34afd6 .3%, rgba(0, 194, 255, .1) 98.76%);
        z-index: 1
    }

    .timetable h3
    {
        display: block;
        margin-bottom: 24px;
        font-size: 18px
    }

    .tt-slider
    {
        display: block
    }

    .timetable .image
    {
        padding: 25px 15px;
        background: #fff
    }

    .timetable img
    {
        display: none
    }

    .gallery .h4
    {
        font-size: 17px;
        margin-bottom: 14px
    }

    .gallery .btn
    {
        font-size: 14px;
        padding-right: 0
    }

    .gallery .btn span
    {
        font-size: 14px
    }

    .gallery__item
    {
        width: 50%
    }

    .gallery__item:nth-child(10), .gallery__item:nth-child(6)
    {
        display: none
    }

    .event-info
    {
        min-height: 140px;
        padding: 30px 20px 20px
    }

    .event .date
    {
        font-size: 14px;
        line-height: 1.3
    }

    .event .title
    {
        font-size: 16px;
        line-height: 1.2;
        max-height: 60px;
        overflow: hidden
    }

    .event-image
    {
        height: 200px
    }

    .events
    {
        padding: 60px 0 80px;
        overflow: hidden
    }

    .events .owl-nav > div
    {
        display: none
    }

    .event .location
    {
        font-size: 16px;
        right: 30px;
        bottom: 20px
    }

    .events .block-title
    {
        margin-bottom: 20px
    }

    .timetable .item-toggler
    {
        width: 100%;
        padding: 20px 15px 20px 35px;
        height: 84px;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        /*position: absolute;*/
        /*left: 0;*/
        /*top: 0*/
    }

    .timetable .item-toggler:after
    {
        left: 12px;
        width: 13px;
        height: 16px;
        background-size: contain
    }

    .timetable h4
    {
        font-weight: 600;
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 4px;
        word-break: break-all
    }

    .timetable p
    {
        font-weight: 500;
        font-size: 12px;
        line-height: 1.3
    }

    .timetable-row
    {
        position: relative
    }

    #open-1 .t-3, #open-2 .t-3, #open-3 .t-2
    {
        left: auto;
        right: 0
    }

    .timetable .item
    {
        margin-bottom: 0
    }
}

@media (max-width: 480px)
{
    .jq-selectbox select
    {
        opacity: 1;
        border: 0;
        background-color: transparent;
        position: absolute;
        left: 0;
        right: 0;
        padding-left: 33px;
        padding-right: 46px;
        appearance: none;
        -webkit-appearance: none;
        z-index: 10
    }

    .jq-selectbox__select
    {
        z-index: 0
    }

    .jq-selectbox__select-text
    {
        opacity: 0;
        visibility: hidden
    }

    .jq-selectbox__dropdown
    {
        display: none !important
    }

    .form__row .form-group:nth-child(1), .form__row .form-group:nth-child(2)
    {
        width: 100%
    }

    .footer .social
    {
        margin-bottom: 15px
    }

    .footer
    {
        padding: 60px 0 35px
    }

    .footer .footer__col
    {
        width: 100%;
        margin-bottom: 30px
    }

    .plan p
    {
        font-size: 13px;
        line-height: 1.4
    }

    .plan .years
    {
        margin-bottom: 15px
    }

    .we-do .we-do__item
    {
        width: 100%;
        padding: 30px 15px 25px;
        margin-bottom: 15px
    }

    .we-do .icon
    {
        margin-bottom: 20px
    }

    .we-do .title
    {
        font-size: 14px;
        margin-bottom: 10px
    }

    .header .navbar-contacts
    {
        display: block;
        padding: 15px 0 20px
    }

    .header .callback
    {
        width: 100%;
        justify-content: center;
        max-width: 200px;
        margin: auto
    }

    .header .navbar-nav .nav-item
    {
        text-align: center;
        padding: 5px
    }

    .header .phone
    {
        display: table;
        margin: 0 auto 15px
    }

    .main .item
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }

    .main .item p
    {
        margin-bottom: 8px
    }

    .main-description
    {
        margin-bottom: 60px;
        font-size: 12px;
        max-width: 110px
    }

    .main .h1
    {
        font-size: 32px;
        line-height: 1.2
    }

    .main .h1 b
    {
        font-size: 36px;
        display: block;
        line-height: 1.2
    }
}

@media (max-width: 380px)
{
    .container
    {
        max-width: 350px
    }
}