@charset "utf-8";



@media (max-width: 1200px) {}
@media (max-width: 992px) {}
@media (max-width: 762px) {}
@media (max-width: 460px) {}



@-webkit-viewport {
    width:device-width;
}

@-moz-viewport {
    width:device-width;
}

@-ms-viewport {
    width:device-width;
}

@-o-viewport {
    width:device-width;
}

@viewport {
    width:device-width;
}



html,
body,
input,
textarea,
button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

html {
    height: 100%;
    font-size: 10px;
    background-color: #ffffff;
}

body {
    position: relative;
    line-height: 1.429;
    font-size: 1.5rem;
    font-weight: 400;
    color: #393939;
    font-family: 'Montserrat', sans-serif !important;
}

* {
    outline: none;
}

a {
    text-decoration: underline;
}
p {
    margin-top: 1em;
}
h3 {
    margin-top: 1em;
}

/* --------------------------------
    Scroll Lock
-------------------------------- */

body.scroll-lock {
    overflow: hidden !important;
    padding-right: 17px !important;
}



/* --------------------------------
    Layout
-------------------------------- */

.header {
    position: relative;
    width: 100%;
    max-width: 140rem;
    margin: 0 auto;
}
.container {
    max-width: 140rem;
}

.content {
    flex: 1 1 auto;
}

.footer {
    flex: 0 1 auto;
}

.container-fluid {
    position: relative;
    max-width: 120rem;
    margin: 0 auto; padding: 0 6rem;
}

@media (max-width: 1200px) {
    .container-fluid {
        padding: 0 4rem;
    }
}

@media (max-width: 992px) {
    .container-fluid {
        padding: 0 2rem;
    }
}



/* --------------------------------
    Footer
-------------------------------- */

.footer {
    padding: 4rem 0 5rem;
    background-color: #F4F8FB;
}

    @media (max-width: 992px) {
        .footer {
            padding: 3rem 0;
        }
    }
 
.footer p {
    font-size: 1.1rem;
}

/* */

.footer .nav {
    list-style: none;
    margin: 4rem 0 0; padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    @media (max-width: 992px) {
        .footer .nav {
            display: none;
        }
    }

.footer .nav li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    padding-right: 2.5rem;
    font-size: 1.3rem;
}

.footer .nav li:last-child {
    padding-right: 0;
}






/* --------------------------------
    Typography
-------------------------------- */

a {
    color: #0077c1;
}

a:hover {
    text-decoration: none;
}

h2 {
    margin: 4.6rem 0 3rem;
    font-size: 3rem;
}

h3 {
    font-weight: 400;
    font-size: 3.2rem;
    color: #313d69;
    line-height: 1.2;
}

    @media (max-width: 762px) {
        h3 {
            font-size: 2.6rem;
        }
    }

h3 span {
    color: #3dae2b;
}

h5 {
    font-weight: 400;
    font-size: 2.1rem;
    color: #313d69;
    line-height: 1.2;
}



/* --------------------------------
    Logo
-------------------------------- */

.logo {
    padding: 1rem 0 1rem 7.5rem;

    background-position: left center;
    background-repeat: no-repeat;
    color: #313d69;
    font-size: 2.4rem;
    font-weight: 500;
}

.slogan {
    position: relative;
    margin-top: -0.2rem;
    line-height: 1.1;
    margin-left: 90px;
}

.slogan span {
    display: block;
    text-align: right;    
}

@media (max-width: 762px) {
    .logo {
        margin: -1rem 0 0; padding: 1rem 0 1rem 6rem;
        font-size: 2.2rem;
    }

    .slogan {
        line-height: 1.1;
        font-size: 1.3rem;
        margin-left: 0;
    }
}


#callback p.phone_error {
    display: none;;
    color: red;
}
#callback p.phone_error.openbg {
    display: block;
}



/* --------------------------------
    Header
-------------------------------- */

.header--short {
    padding-bottom: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.header__banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6rem 8rem;

}

    @media (max-width: 1200px) {
        .header__banner {
            padding: 6rem 4rem 6rem 2rem;
        }

    }

    @media (max-width: 992px) {
        .header__banner {
            padding: 4rem 3rem;
        }
    }

    @media (max-width: 762px) {
        .header__banner {
            padding: 4rem 3rem 1rem;
        }
    }

    @media (max-width: 460px) {
        .header__banner {
            background-position: left -10rem center;
        }
    }

    @media (max-width: 320px) {
        .header__banner {
            background-position: left -18rem center;
        }
    }

    .header--short .header__banner {
        width: inherit;
        min-width: 38rem;
        padding: 4rem 0 4rem 0;
    }

    @media (max-width: 1200px) {
        .header--short .header__banner {
            width: inherit;
            padding: 4rem 0;
        }
    }

    @media (max-width: 992px) {
        .header--short .header__banner {
            min-width: auto;
        }
    }

.header__append {
    padding: 4rem 8rem 0;
}

    @media (max-width: 1200px) {
        .header__append {
            padding: 4rem 2rem 0 4rem;
        }
    }

    @media (max-width: 992px) {
        .header__append {
            padding: 0 3rem;
        }
    }

    .header--short .header__append {
        width: inherit;
    }

/* */

.header__banner .logo,
.header__banner .slogan,
.header__banner .nav,
.header__banner .header__banner-text {
}

.header__banner-text {
    
}

.header__banner-text h3 {
    margin-top: 8rem;
    text-align: right;
}

    @media (max-width: 762px) {
        .header__banner-text h3 {
            margin-top: 3rem;
            font-size: 2.4rem;
        }
    }

.header__banner-text p {
    text-align: right;
    font-size: 2.2rem;
    color: #313d69;
}

.header__banner-text h3 span,
.header__banner-text p span {
    display: block;
    font-size: 3.8rem;
    font-weight: 500;
    color: #ff613c;
}

    @media (max-width: 762px) {
        .header__banner-text h3 span,
        .header__banner-text p span {
            font-size: 2.8rem;
        }
    }

.header__banner-text h3 small,
.header__banner-text p small {
    position: relative;
    top: -1.5rem;
    font-size: 1.8rem;
}

    @media (max-width: 762px) {
        .header__banner-text h3 small,
        .header__banner-text p small {
            top: -1rem;
        }
    }

.header__banner-text h3 span {
    padding-top: 1.4rem;
}

.header__banner-text p span {
    padding-top: 1rem;
}

.header__banner-text h3 nobr {
    display: block;
}

/* */

.header__append h3 {
    margin-bottom: 1rem;
}

.header__append p a {
    display: block;
    color: #3cb4ff;
}

    @media (max-width: 992px) {
        .header__append h3 {
            margin-bottom: -1rem;
            text-align: center;
        }

        .header__append p {
            text-align: center;
        }

        .header__append p a {
            display: inline;
        }
    }

/* */

.header__append-body {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.header__append-body > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}

/* */

.header__append-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 8rem;
}

    @media (max-width: 992px) {
        .header__append-btn {
           justify-content: center;
        }
    }

.header__append-btn a,
.header__append-btn span {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}

.header__append-btn span {
    font-size: 1.3rem;
    line-height: 1.3;
    color: #ff613c;
    padding-left: 2.2rem;
}

    @media (max-width: 762px) {
        .header__append-btn span {
            display: none;
        }
    }

.header__append-btn span nobr {
    display: block;
}














/* --------------------------------
    Nav
-------------------------------- */

.header__banner .nav {
    list-style: none;
    margin: 4rem 0 0; padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    @media (max-width: 460px) {
        .header__banner .nav {
            margin: 3rem 0 0;
            flex-direction: column;
        }
    }

.header__banner .nav li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    padding-right: 2.5rem;
    font-size: 1.3rem;
}

    @media (max-width: 460px) {
        .header__banner .nav li {
            padding-right: 0; padding-bottom: 1.2rem;
            font-size: 1.4rem;
            text-align: right;
        }
    }

.header__banner .nav li:last-child {
    padding-right: 0;
}

    @media (max-width: 460px) {
        .header__banner .nav li:last-child {
            padding-bottom: 0;
        }
    }



/* --------------------------------
    Advantages
-------------------------------- */

.advantages {
    list-style: none;
    margin: 1rem 0 2rem; padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

    @media (max-width: 992px) {
        .advantages {
            display: none;
        }
    }

    .header--short .advantages {
        margin: -1rem 0 2rem;
        flex-direction: row;
        width: 100%;
    }

.advantages li {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}

    .header--short .advantages li {
        padding-right: 4rem;
    }

.advantages li span {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}

.advantages li span:first-child {
    padding: 0 2rem 0 0;
}

.advantages li span nobr {
    display: block;
}






/* --------------------------------
    Block
-------------------------------- */

.block {
    margin-top: 7rem;
}

    @media (max-width: 992px) {
        .block {
            margin-top: 0;
        }
    }

.block__photo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    @media (max-width: 992px) {
        .block__photo {
            display: none;
        }
    }

.block__text {
    padding-top: 1rem; padding-bottom: 4rem;
}

    @media (max-width: 992px) {
        .block__text {
            padding-top: 0; padding-bottom: 0;
        }
    }

.block__text:first-child {
    padding-right: 5%;
    
}

.block__text:last-child {
    padding-left: 5%;
}

    @media (max-width: 992px) {
        .block__text:first-child {
            padding-right: 0;

        }

        .block__text:last-child {
            padding-left: 0;
        }
    }

/* */

.block h3 {
    position: relative;
}

    @media (max-width: 992px) {
        .block h3 {
            font-size: 2.4rem;
            margin-bottom: 4rem;
            text-align: center;
        }
    }

.block h3:after {
    content: '';
    position: relative;
    display: block;
    margin-top: 3rem;
    margin-bottom: 3rem;
    background-color: #0aa1ff;
    width: 10rem; height: 0.5rem;
}

    @media (max-width: 992px) {
        .block h3:after {
            position: absolute;
            top: auto; right: 0; bottom: -2rem; left: 0;
            margin: auto;
            height: 0.4rem;
            border-radius: 0.2rem;
        }
    }

.block p {
    font-size: 1.8rem;
    color: #313d69;
}





/* --------------------------------
    Blue
-------------------------------- */

.blue {
    margin: 7rem 0 5rem 0; padding: 2rem 0 5rem;
    background: -webkit-gradient(linear, left top, right top, from(rgb(241, 248, 254)), to(rgb(234, 237, 252)));
    background: -webkit-linear-gradient(left, rgb(241, 248, 254) 0%, rgb(234, 237, 252) 100%);
    background: -o-linear-gradient(left, rgb(241, 248, 254) 0%, rgb(234, 237, 252) 100%);
    background: linear-gradient(90deg, rgb(241, 248, 254) 0%, rgb(234, 237, 252) 100%);
}

    @media (max-width: 992px) {
        .blue {
            margin: 4rem 0;
        }
    }

/* */

.blue__btn {
    margin: 1rem 0 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.blue__btn span {
    margin-top: 1.5rem;
    display: block;
    font-size: 1.3rem;
    line-height: 1.3;
    color: #667ac1;
}

@media (max-width: 1200px) {
    .blue .container-fluid h3:first-child {
       /* display: none; */
    }
}



/* --------------------------------
    How Work
-------------------------------- */

.how-work {
    list-style: none;
    margin: 7rem 0; padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1200px) {
    .how-work {
        display: list-item;
    }
}

.how-work li {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    position: relative;
    padding: 0 0 0 6.5rem;
}

@media (max-width: 1200px) {
    .how-work li {
        margin-bottom:2.5rem;
    }
}

.how-work h5 {
    margin: 0;
}

.how-work p {
    margin: 0; padding: 0 1rem 0 0;
}

.how-work img {
    position: absolute;
    top: 0; left: 0;
    padding-top: 0.3rem;
}







.btn {
    font-family: 'Montserrat', sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    overflow: hidden;
    margin: 0; padding: 0 4.5rem 0.1rem 4.5rem;
    outline: none;
    vertical-align: middle;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    border: none;
    white-space: nowrap;
    text-align: center;
    font-weight: 400;
    font-size: 1.6rem;
    text-decoration: none;
    background: linear-gradient(to left, #3cb4ff, #0aa1ff);
    background-color: #723aed;
    color: #ffffff;
    width: auto; height: 5rem;
    border-radius: 7rem;
}







/* --------------------------------
    Partners Logo
-------------------------------- */

.partners-logo {
    margin-top: 4rem;
    margin-bottom: 4rem;
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-ms-flex-wrap: wrap;*/
    /*    flex-wrap: wrap;*/
    /*-webkit-box-sizing: border-box;*/
    /*        box-sizing: border-box;*/
}

    @media (max-width: 762px) {
        .partners-logo {
            /*margin: 4rem 0 3rem -2rem;*/
        }
    }

.partners-logo > div {
    /*margin: 0 0 1.5rem; padding: 0 0 0 2rem;*/
    /*-webkit-box-sizing: border-box;*/
    /*        box-sizing: border-box;*/
    /*-webkit-box-flex: 0;*/
    /*    -ms-flex: 0 1 25%;*/
    /*        flex: 0 1 25%;*/
    /*max-width: 25%;*/
}

    @media (max-width: 992px) {
        .partners-logo > div {
            /*-webkit-box-flex: 0;*/
            /*    -ms-flex: 0 1 33.3333%;*/
            /*        flex: 0 1 33.3333%;*/
            /*max-width: 33.3333%;*/
        }
    }

    @media (max-width: 762px) {
        .partners-logo > div {
            /*-webkit-box-flex: 0;*/
            /*    -ms-flex: 0 1 50%;*/
            /*        flex: 0 1 50%;*/
            /*max-width: 50%;*/
        }
    }

.partners-logo img {
    width: 100%; height: auto;
    border: 0.1rem solid #DDE1E6;
    box-sizing: border-box;
}
.partners-logo .slick-slide > div {
    margin: 0 10px;
}

.partners-logo .slick-list {
    margin: 0 30px;
}











.review-card {
    margin-bottom: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.review-card__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}

.review-card__body {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
}

    @media (max-width: 992px) {
        .review-card {
            margin-bottom: 5rem;
            display: flex;
            flex-direction: column;
        }

        .review-card__img {
            flex: 0 1 auto;
        }

        .review-card__img img {
            margin: 0 auto;
        }

        .review-card__body {
            flex: 0 1 auto;
            text-align: center;
        }
    }

.review-card__text p {
    margin: -0.4rem 0 0; padding: 0 6rem 0 3rem;
}

    @media (max-width: 992px) {
        .review-card__text p {
            margin: -0.4rem 0 0; padding: 2rem 2rem 0;
        }
    }

.review-card__append p:first-child {
    margin: 0; padding: 1rem 6rem 0 3rem;
    font-size: 1.4rem;
    color: #667ac1;
}

.review-card__append p:last-child {
    margin: 0; padding: 1rem 6rem 0 3rem;
    font-size: 1.2rem;
    color: #313d69;
}

    @media (max-width: 992px) {
        .review-card__append p:first-child {
            padding: 1rem 1rem 0 0;
        }

        .review-card__append p:last-child {
            padding: 1rem 1rem 0 0;
        }
    }














/* --------------------------------
   Sliders
-------------------------------- */

.slider {
    margin: 5rem 0 8rem !important;
}

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

    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

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

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

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

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

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

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

    height: 100%;
    min-height: 1px;
}
[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;
}


/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    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');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 1rem;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    outline: none;
    background: 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: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0;
}
[dir='rtl'] .slick-prev
{
    right: 0;
    left: auto;
}

.slick-next
{
    right: 0;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

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

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 100px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    background-color: #DDE0E5;

    cursor: pointer;
}

    @media (max-width: 762px) {
        .slick-dots li
        {

            width: 50px;
            height: 5px;
            margin: 0 5px;
        }
    }

.slick-dots li.slick-active {
    background-color: #3cb4ff;
}


.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 100px;
    height: 10px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

    @media (max-width: 762px) {
        .slick-dots li button {
            width: 50px;
            height: 10px;
            padding: 5px;
        }
    }

.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}









/* --------------------------------
   Fix Freeze
-------------------------------- */

.slick-slide.slick-active .poster-horizontal__append,
.slick-slide.slick-active .poster-horizontal__title,
.slick-slide.slick-active .poster-horizontal__btn {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
    -webkit-animation-name: to-fade;
            animation-name: to-fade;
    -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

@-webkit-keyframes to-fade {
    100% {opacity: 1; visibility: visible;}
    0% {opacity: 0; visibility: hidden;}
}

@keyframes to-fade {
    100% {opacity: 1; visibility: visible;}
    0% {opacity: 0; visibility: hidden;}
}















/* --------------------------------
    Ion.RangeSlider
-------------------------------- */

.irs {
    display:block;
    position:relative;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
            user-select:none;
}

.irs-line {
    display:block;
    position:relative;
    overflow:hidden;
    outline:none !important;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    display:block;
    position:absolute;
    top:0;
}

.irs-line-left {
    left:0;
    width:11%;
}

.irs-line-mid {
    left:9%;
    width:82%;
}

.irs-line-right {
    right:0;
    width:11%;
}

.irs-bar {
    display:block;
    position:absolute;
    left:0; width:0;
}

.irs-bar-edge {
    display:block;
    position:absolute;
    top:0; left:0;
}

.irs-shadow {
    display:none;
    position:absolute;
    left:0;
    width:0;
}

.irs-slider {
    display:block;
    position:absolute;
    z-index:1;
    cursor:default;
}

.irs-slider.single {
    cursor: pointer;
}

.irs-slider.from {

}

.irs-slider.to {

}

.irs-slider.type_last {
    z-index:2;
}

.irs-min {
    display:block;
    position:absolute;
    left:0;
    cursor:default;
}

.irs-max {
    display:block;
    position:absolute;
    right:0;
    cursor:default;
}

.irs-from, .irs-to, .irs-single {
    display:block;
    position:absolute;
    top:-3px; left:0;
    cursor:default;
    white-space:nowrap;
}

.irs-grid {
    display:none;
    position:absolute;
    bottom:0; left:0;
    width:100%; height:20px;
}

.irs-with-grid .irs-grid {
    display:block;
}

.irs-grid-pol {
    position:absolute;
    top:0; left:0;
    width:1px; height:8px;
    background:#000;
}

.irs-grid-pol.small {
    height:4px;
}

.irs-grid-text {
    position:absolute;
    bottom:-2px; left:0;
    padding:0 3px;
    white-space:nowrap;
    text-align:center;
    font-size:12px;
    line-height:9px;
    font-weight:400;
    color:#000;
}

.irs-disable-mask {
    display:block;
    position:absolute;
    top:0; left:-1%;
    z-index:2;
    width:102%; height:100%;
    background:rgba(0,0,0,0.0);
    cursor:default;
}

.irs-disabled {
    opacity:0.4;
}

.irs-hidden-input {
    display:block !important;
    position:absolute !important;
    top:0 !important; left:0 !important;
    z-index:-9999 !important;
    width:0 !important; height:0 !important;
    margin:0 !important; padding:0 !important;
    outline:none !important;
    font-size:0 !important;
    line-height:0 !important;
    background:none !important;
    border-style:solid !important;
    border-color:transparent !important;
}

/* --
    Ion.RangeSlider Skin
-- */

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
    background:url(../img/sprite-skin-flat.png) repeat-x;
}

.irs {
    height:40px;
}

.irs-with-grid {
    height:60px;
}

.irs-line {
    top:25px;
    height:12px;
}

.irs-line-left {
    height:12px;
    background-position:0 -30px;
}

.irs-line-mid {
    height:12px;
    background-position:0 0;
}

.irs-line-right {
    height:12px;
    background-position:100% -30px;
}

.irs-bar {
    top:25px;
    height:12px;
    background-position:0 -60px;
}

.irs-bar-edge {
    top:25px;
    width:16px; height:12px;
    background-position:0 -90px;
}

.irs-shadow {
    top:34px;
    height:3px;
    background:#000;
    opacity:0.25;
}

.irs-slider {
    width:32px; height:32px;
    top:13px;
    background-position:0 -120px;
}

.irs-slider.state_hover,
.irs-slider:hover {
    background-position:0 -150px;
}

.irs-min,
.irs-max {
    top:4.3rem;
    padding:1px 3px;
    color:#999;
    font-size:1.3rem;
    line-height:1.333;
    text-shadow:none;
    border-radius:4px;
}

.irs-from,
.irs-to,
.irs-single {
    top:3px;
    color:#fff;
    padding:3px 5px;
    background:#ffffff;
    color:#393939;
    font-size:13px;
    font-weight: bold;
    line-height:13px;
    text-shadow:none;
    border-radius:2px;
    cursor:pointer; 
}

.irs-single {
    display: none !important;
}

.irs-from:after,
.irs-to:after,
.irs-single:after {
    position:absolute;
    z-index: 22;
    display:block;
    content:'';
    bottom:-12px; left:50%;
    width:0; height:0;
    margin-left:-7px;
    overflow:hidden;
    border:7px solid transparent;
    border-top-color:#ffffff;
}

.irs-grid-pol {
    background:#e1e4e9;
}

.irs-grid-text {
    color:#999;
}

.irs-disabled {

}




























/*  ------------------------------
    Form
------------------------------  */

input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button {
    overflow: visible;
}

select {
    text-transform: none;
}

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

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input {
    line-height: normal;
}

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

input[type="search"] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

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

textarea {
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

select {
    display: block;
    cursor: pointer;
}

form {
    width: 100%;
}

/*  -- disable shadows --  */

input[type=text],
input[type=submit],
input[type=password],
textarea{
    -webkit-appearance: none;
}

/*  -- disable outline --  */

*:focus {
    outline: none;
}

/* -- Form Placeholder -- */

::-webkit-input-placeholder {
    color: #797979;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 1;
}

:focus::-webkit-input-placeholder {
    opacity: 0.5;
}

:-ms-input-placeholder {
    color: #797979;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 1;
}

:focus:-ms-input-placeholder {
    opacity: 0.5;
}

::-moz-placeholder {
    color: #797979;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

:focus::-moz-placeholder {
    opacity: 0.5;
}

:-moz-placeholder {
    color: #797979;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

:focus:-moz-placeholder {
    opacity: 0.5;
}

label {
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}



/*  ------------------------------
    Form Style
------------------------------  */

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

.form-controls .form-group,
.form-controls .btn-container,
.form-controls .range,
.form-controls .form-wtf-input {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    position: relative;
    margin: 0 0 1.5rem;
}

/* --  -- */

.form-group p {
    margin: 0 0 1rem;
}

/* --  -- */

.form-controls label {
    display: inline-block;
    margin-bottom: 0.4rem;
    height: 2.4rem;
    line-height: 2.5rem;
    font-size: 1.8rem;
    font-weight: 400;
    color: #313d69;
    -webkit-transition: height 0.05s, line-height 0.05s, color 0.05s, font-size 0.05s;
    -o-transition: height 0.05s, line-height 0.05s, color 0.05s, font-size 0.05s;
    transition: height 0.05s, line-height 0.05s, color 0.05s, font-size 0.05s;
}

@media (max-width: 321px) {
    .form-group label {
        font-size: 1.3rem;
        line-height: 2.1rem;
    }
}

/* --  -- */

.form-controls label.label-dynamic {
    position: absolute;
    top: 0; left:0;
    width: 90%;
    margin: 0 0 0.4rem 1.8rem;
    z-index: 2;
    min-height: 6rem;
    line-height: 6.1rem;
    color: #797979;
    white-space: nowrap;
    pointer-events: none;
    overflow: hidden;
}

.form-controls.row label.label-dynamic {
    margin: 0 0 0.4rem 3.8rem;
}

/* -- ’†€™€‚’‚‚¬‚¬€‚’†€™€¬‹“’‚¬€‚’†€™€‚’‚¬€‚»’†€™€‚’‚¬€‚ ’†€™€¬‹“’‚‚¬‚¬€¦‚’†€™€‚’‚¬€‚’†€™€‚’‚¬€‚’†€™€¬‹“’‚¬ €¬€’†€™€¬‹“’‚¬€‚ ’†€™€‚’‚¬€‚’†€™€‚’‚¬€‚° ’†€™€‚’‚¬€‚’†€™€‚’‚¬€‚’†€™€‚’‚¬€‚»’†€™€‚’‚¬€‚µ, ’†€™€‚’‚¬€‚’†€™€‚’‚¬€‚»’†€™€‚’‚¬€‚ ’†€™€‚’‚¬€‚’†€™€‚’‚¬€‚’†€™€‚’‚¬€‚»’†€™€‚’‚¬€‚µ ’†€™€‚’‚¬€‚·’†€™€‚’‚¬€‚°’†€™€‚’‚¬€‚’†€™€‚’‚¬€‚’†€™€‚’‚¬€‚»’†€™€‚’‚¬€‚’†€™€‚’‚¬€‚µ’†€™€‚’‚¬€‚’†€™€‚’‚¬€‚ -- */

.form-controls .form-group--focus label,
.form-controls .form-group--filled label {
    height: 4rem;
    line-height: 3.4rem;
    font-size: 1.2rem;
    color: #999999;
}

/* --  -- */

.form-group input[type="text"],
.form-group input[type="search"],
.form-group input[type="email"],
.form-group input[type="password"],
.form-group select,
.form-group textarea {
    width: 100%;
    height: 6rem;
    font-size: 1.8rem !important;
    padding: 1.9rem 1.8rem 0 1.8rem;
    border: none;
    background-color: #ffffff;
    border-radius: 0.2rem;
    vertical-align: top;
    outline: none;
}

.form-group textarea {
    margin: 0; padding: 0.8rem 1.8rem;
    height: auto;
    min-height: 8rem;
    line-height: 2.5rem;
    resize: vertical;
}

.form-group select {
    position: relative;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik02Ljg0NywxMi41NjJMMC40NCw2LjEyNWMtMC41ODctMC41OS0wLjU4Ny0xLjU1NiwwLTIuMTQ1bDAuNTM1LTAuNTM5YzAuNTg2LTAuNTg5LDEuNTQ3LTAuNTg5LDIuMTM1LDBMOCw4LjM1NGw0Ljg5LTQuOTEzYzAuNTg1LTAuNTg5LDEuNTQ4LTAuNTg5LDIuMTM1LDBMMTUuNTYsMy45OGMwLjU4NywwLjU4OSwwLjU4NywxLjU1NSwwLDIuMTQ1TDkuMTUsMTIuNTYyQzguODM2LDEyLjg4LDguNDEzLDEzLjAyMSw4LDEyLjk5N0M3LjU4NSwxMy4wMjEsNy4xNjMsMTIuODgsNi44NDcsMTIuNTYyeiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: center right 1.8rem;
    background-size: 0.9rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 1.8rem;
    font-size: 1.4rem;
    color: #444444;
}

.form-group select:hover {
    border-color: #444444;
}

.form-group input[type="text"]:focus,
.form-group input[type="search"]:focus,
.form-group input[type="email"]:focus,
.form-group input[type="password"]:focus,
.form-group textarea:focus {
    border-color: #444444;
}

.form-group.has-error input[type="text"],
.form-group.has-error input[type="search"],
.form-group.has-error input[type="email"],
.form-group.has-error input[type="password"],
.form-group.has-error textarea {
    border-color: #fa4d00;
}

.form-group.has-success input[type="text"],
.form-group.has-success input[type="search"],
.form-group.has-success input[type="email"],
.form-group.has-success input[type="password"],
.form-group.has-success textarea {
    border-color: #01BE56;
}

.form-group .help-block {
    padding-top: 0.4rem;
    font-size: 1.2rem;
    line-height: 1.9rem;
    color: #fa4d00;
}

.form-controls .form-group.has-error .help-block {
    display: block;
}

/* -- 

.form-group .btn-container,
.form-group .btn-container--center .btn {
    margin: 0;
}
 -- */

/*  -- Form Short --  */

.form-controls--short > div:nth-last-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
    min-width: auto !important;
}

.form-controls--short > div:nth-last-child(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    min-width: auto !important;
}

@media (max-width: 992px) {

    .form-controls--short > div:nth-last-child(1) {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        -webkit-box-flex: 0 !important;
            -ms-flex: 0 1 100% !important;
                flex: 0 1 100% !important;
        min-width: 100% !important;
    }

    .form-controls--short > div:nth-last-child(2) {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        -webkit-box-flex: 0 !important;
            -ms-flex: 0 1 100% !important;
                flex: 0 1 100% !important;
        min-width: 100% !important;
    }

}

/*  -- Form Long One --  */

.form-controls--long-one > div:nth-last-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
    min-width: auto !important;
}

.form-controls--long-one > div:nth-last-child(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    min-width: auto !important;
}

/*  -- Form Vote Ballot --  */

.form-controls--vote-ballot {
    margin-top: 2rem;
}

.form-controls--vote-ballot label {
    padding: 0.4rem 0 0 3.6rem !important;
    height: 2.2rem !important;
    line-height: 1.8rem !important;
}

.form-controls--vote-ballot .form-group {
    margin-bottom: 1.5rem;
}

.form-controls--vote-ballot .form-group:nth-of-type(4) {
    margin-bottom: 2.75rem;
}

@media (max-width: 992px) {

    .form-controls--long-one > div:nth-last-child(1) {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        -webkit-box-flex: 0 !important;
            -ms-flex: 0 1 100% !important;
                flex: 0 1 100% !important;
        min-width: 100% !important;
    }

    .form-controls--long-one > div:nth-last-child(2) {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        -webkit-box-flex: 0 !important;
            -ms-flex: 0 1 100% !important;
                flex: 0 1 100% !important;
        min-width: 100% !important;
    }

    .form-controls--long-one > div:nth-of-type(6) {
        -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
                order: 6;
    }

    .form-controls--long-one > div:nth-of-type(7) {
        -webkit-box-ordinal-group: 9;
            -ms-flex-order: 8;
                order: 8;
    }

    .form-controls--long-one > div:nth-of-type(8) {
        -webkit-box-ordinal-group: 8;
            -ms-flex-order: 7;
                order: 7;
    }

    .form-controls--long-one > div:nth-of-type(9) {
        -webkit-box-ordinal-group: 10;
            -ms-flex-order: 9;
                order: 9;
    }

    .form-controls--long-one > div:nth-of-type(10) {
        -webkit-box-ordinal-group: 11;
            -ms-flex-order: 10;
                order: 10;
    }

    .form-controls--long-one > div:nth-of-type(11) {
        -webkit-box-ordinal-group: 12;
            -ms-flex-order: 11;
                order: 11;
    }

}

/*  -- Form Long Two --  */

.form-controls--long-two > div:nth-last-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
        -webkit-box-flex: 0 !important;
            -ms-flex: 0 1 auto !important;
                flex: 0 1 auto !important;
        min-width: auto !important;
}

.form-controls--long-two > div:nth-last-child(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
        -webkit-box-flex: 1 !important;
            -ms-flex: 1 1 auto !important;
                flex: 1 1 auto !important;
        min-width: auto !important;
}

@media (max-width: 992px) {

    .form-controls--long-two > div:nth-last-child(1) {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        -webkit-box-flex: 0 !important;
            -ms-flex: 0 1 100% !important;
                flex: 0 1 100% !important;
        min-width: 100% !important;
    }

    .form-controls--long-two > div:nth-last-child(2) {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        -webkit-box-flex: 0 !important;
            -ms-flex: 0 1 100% !important;
                flex: 0 1 100% !important;
        min-width: 100% !important;
    }

}

/*  -- Form Inversion --  */

.form-controls--inversion input {
    border: none !important;
    border-color: #ffffff !important;
}

.form-controls--inversion label.label-switch {
    color: #ffffff !important;
}

.form-controls--inversion label.label-switch a {
    color: #ffffff !important;
    text-decoration: underline;
}

.form-controls--inversion .form-group input[type="checkbox"] + span:after,
.form-controls--inversion .form-group input[type="radio"] + span:after,
.form-controls--inversion .form-group input[type="radio"] + span:hover:after,
.form-controls--inversion .form-group input[type="checkbox"] + span:hover:after {
    border: none;
}

.form-controls--short > div:nth-last-child(1),
.form-controls--short > div:nth-last-child(2) {
    margin-top: 2rem;
}



/*  ------------------------------
    Checkbox & Radio
------------------------------  */

.form-group .label-switch {
    position: relative;
    display: inline-block;
    padding: 0 0 0 3.6rem;
    height: 2.4rem;
    line-height: 2.5rem;
    margin: 0 1.8rem 0 0;
}

.form-group--toggle .label-switch {
    padding: 0 0 0 5.2rem;
}

/* */

@media (min-width: 992px) {

    .form-group.label-compact .label-switch {
        line-height: 1.3rem;
        font-size: 1.2rem;
    }

}

@media (max-width: 992px) {

    .form-group .label-switch {
        position: relative;
        display: inline-block;
        padding: 0.4rem 0 0 3.6rem;
        height: 1.8rem;
        line-height: 1.8rem;
        margin: 0 1.8rem 0 0;
        font-size: 1.2rem;
    }

}

/* */

.form-group input[type="radio"] + span,
.form-group input[type="checkbox"] + span {

}

.form-group input[type="checkbox"] + span:after,
.form-group input[type="radio"] + span:after {
    content:'';
    position: absolute;
    top: 0; left: 0;
    height: 2.4rem; width: 2.4rem;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: #ffffff;
    border: 0.1rem solid #bcbcba;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-group input[type="checkbox"] + span:after {
    background-size: 1rem;
    border-radius: 0.2rem;
}

.form-group input[type="radio"] + span:after {
    background-size: 1.4rem;
    border-radius: 50%;
}

.form-group input[type="radio"] + span:hover:after,
.form-group input[type="checkbox"] + span:hover:after {
    border: 0.1rem solid #444444;
}

.form-group input[type="radio"]:checked + span:after {
    border: 0.1rem solid #444444;
}

.form-group input[type="checkbox"]:checked + span:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzQyQTdGMCIgZD0iTTE2IDQuMzQzYS45My45MyAwIDAgMS0uMjkuNjg3bC03LjQ3MyA3LjMxMy0xLjQwNCAxLjM3NGEuOTcyLjk3MiAwIDAgMS0uNzAxLjI4My45NzIuOTcyIDAgMCAxLS43MDItLjI4M2wtMS40MDQtMS4zNzRMLjI5IDguNjg2Qy4wOTcgOC40OTggMCA4LjI2OSAwIDhzLjA5Ny0uNDk4LjI5LS42ODdsMS40MDMtMS4zNzVhLjk3Ljk3IDAgMCAxIC43MDItLjI4M2MuMjc2IDAgLjUxLjA5NS43MDIuMjgzbDMuMDM1IDIuOTc5IDYuNzcyLTYuNjM2YS45NjIuOTYyIDAgMCAxIC43LS4yODFjLjI3NiAwIC41MTMuMDkzLjcwMS4yODJsMS40MDQgMS4zNzRhLjkyNi45MjYgMCAwIDEgLjI5MS42ODd6Ii8+PC9zdmc+);
}

.form-group input[type="radio"]:checked + span:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGNpcmNsZSBmaWxsPSIjNDQ0IiBjeD0iOCIgY3k9IjgiIHI9IjgiLz48L3N2Zz4=);
}

/* -- Checkbox & Radio Switch -- */

.form-group--toggle input[type="radio"] + span,
.form-group--toggle input[type="checkbox"] + span {

}

.form-group--toggle input[type="checkbox"] + span:after,
.form-group--toggle input[type="radio"] + span:after {
    height: 2.4rem; width: 4rem;
}

.form-group--toggle input[type="checkbox"] + span:after,
.form-group--toggle input[type="radio"] + span:after {
    background-size: 1.6rem;
    border-radius: 2.4rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGNpcmNsZSBmaWxsPSIjNDQ0IiBjeD0iOCIgY3k9IjgiIHI9IjgiLz48L3N2Zz4=);
    background-position: center left 0.4rem;
}

.form-group--toggle input[type="radio"] + span:hover:after,
.form-group--toggle input[type="checkbox"] + span:hover:after {
    border: 0.1rem solid #444444;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGNpcmNsZSBmaWxsPSIjNDQ0IiBjeD0iOCIgY3k9IjgiIHI9IjgiLz48L3N2Zz4=);
}

.form-group--toggle input[type="checkbox"]:checked + span:after,
.form-group--toggle input[type="radio"]:checked + span:after {
    border: 0.1rem solid #444444;
    background-color: #444444;
}

.form-group--toggle input[type="checkbox"]:checked + span:after,
.form-group--toggle input[type="radio"]:checked + span:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGNpcmNsZSBmaWxsPSIjRkZGIiBjeD0iOCIgY3k9IjgiIHI9IjgiLz48L3N2Zz4=);
    background-position: center right 0.4rem;
}










/*  ------------------------------

------------------------------  */

.blue .form-controls {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 88rem;
    margin: 3.6rem auto 0;
}

    @media (max-width: 762px) {
        .blue .form-controls {
            margin: 1.6rem auto 0;
        }
    }

.blue .form-controls > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 4rem);
            flex: 0 1 calc(50% - 4rem);
    width: calc(50% - 4rem);
    margin: 1.2rem 2rem;
}

    @media (max-width: 992px) {
        .blue .form-controls > div {
            flex: 0 1 100%;
            width: 100%;
            margin: 1.2rem 1rem;
        }
    }

    @media (max-width: 460px) {
        .blue .form-controls > div {
            margin: 1.2rem 0;
        }
    }

.blue .form-controls > div:nth-child(-n+2),
.blue .form-controls > div:nth-last-of-type(-n+2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    max-width: 100%;
}

/* */

.range {
    margin: -1.6rem 2rem 3rem !important;
}

/* */

.blue .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* */

.form-wtf-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}

    @media (max-width: 762px) {
        .form-wtf-input {
            flex-direction: column;
        }
    }

.form-wtf-input h5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin: 0; padding: 0 2rem 0.4rem 0;
}

    @media (max-width: 762px) {
        .form-wtf-input h5 {
            padding: 0 0 1.2rem;
        }
    }

.form-wtf-input input {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;

    width: 23rem;
    height: 5rem;
    font-size: 2.8rem !important;
    padding: 0 1.8rem;
    text-align: center;
    border: 0.1rem solid #3cb4ff;
    color: #3cb4ff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 0.3rem;
    vertical-align: top;
    outline: none;
}

    @media (max-width: 762px) {
        .form-wtf-input input {
            margin-bottom: 1.4rem;
        }
    }



/*  ------------------------------

------------------------------  */

.showcase {
    margin: 3rem 0 6rem;
    display: flex;
    flex-direction: column;
}

.showcase__item {
    position: relative;
    flex: 0 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
    box-sizing: border-box;
    border: 0.1rem solid #ddd;
    border-bottom: none;
}

    @media (max-width: 992px) {
        .showcase__item {
            display: flex;
            flex-direction: column;
			margin-top:10px;
			border: 0.1rem solid #ddd !important;
        }
    }

.showcase__item:last-child {
    border: 0.1rem solid #ddd;
}

/* */

.showcase__item:hover:before {
    top: -2rem; right: -2rem; bottom: -2rem; left: -2rem;
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    margin: auto;
    pointer-events: none;
    border: 2rem solid #ffffff;
    box-shadow: 0 0 3rem 0 rgba(20, 20, 50, 0.25);
}

    @media (max-width: 992px) {
        .showcase__item:hover:before {
            display: none;
        }
    }

/* */

.showcase__logo {
    flex: 0 1 22%;
    max-width: 22%;
    text-align: center;
}

.showcase__price {
    flex: 0 1 22%;
    max-width: 22%;
    text-align: center;
}

.showcase__info {
    flex: 1 1 22%;
    max-width: 22%;
}

.showcase__extra {
    flex: 0 1 12%;
    max-width: 12%;
    text-align: center;
}

.showcase__btn {
    flex: 0 1 22%;
    max-width: 22%;
}

.showcase__logo,
.showcase__price,
.showcase__info,
.showcase__extra,
.showcase__btn {
    padding: 0 2rem;
}

    @media (max-width: 992px) {
        .showcase__logo,
        .showcase__price,
        .showcase__info,
        .showcase__extra,
        .showcase__btn {
            flex: 0 1 auto;
            max-width: none;
            text-align: center;
        }

        .showcase__extra,
        .showcase__btn {
            padding: 0 0 2rem;
        }
    }

/* */

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

/* */

.showcase .btn {
    padding: 0 2.5rem 0.1rem;
    background-color: #667AC1;
}

.showcase__item:hover .btn {
    background-color: #FD5F3C;
}

/* */

.showcase__price span {
    color: #313d69;
    display: block;
}

.showcase__price span:first-child {
    font-size: 2rem;
    line-height: 1.2;
}

    @media (max-width: 1200px) {
        .showcase__price span:first-child {
            font-size: 1.8rem;
        }
    }

.showcase__price span:last-child {
    font-size: 1.2rem;
}

.showcase__extra {
    font-size: 1.8rem;
    color: #5cbe35;
}

.showcase__info ul {
    list-style: none;
    margin: 0; padding: 0;
}

    @media (max-width: 1200px) {
        .showcase__info ul {
            margin: 2rem 0;
        }
    }

.showcase__info li {
    font-size: 1.3rem;
    color: #313d69;
    padding: 0 0 0.7rem 2rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzVDQkUzNSIgZD0iTTE2IDQuMzQzYS45MjcuOTI3IDAgMCAxLS4yOS42ODdsLTcuNDczIDcuMzEzLTEuNDA0IDEuMzc0YS45NzMuOTczIDAgMCAxLS43MDEuMjgzLjk3Ni45NzYgMCAwIDEtLjcwMi0uMjgzbC0xLjQwNC0xLjM3NEwuMjkgOC42ODZDLjA5NyA4LjQ5OCAwIDguMjY5IDAgOHMuMDk3LS40OTguMjktLjY4N2wxLjQwMy0xLjM3NWEuOTY2Ljk2NiAwIDAgMSAuNzAyLS4yODNjLjI3NiAwIC41MS4wOTUuNzAyLjI4M2wzLjAzNSAyLjk3OSA2Ljc3Mi02LjYzNmEuOTY1Ljk2NSAwIDAgMSAuNy0uMjgxYy4yNzYgMCAuNTE0LjA5My43MDEuMjgybDEuNDA0IDEuMzc0YS45MjQuOTI0IDAgMCAxIC4yOTEuNjg3eiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: left 0.3rem;
    background-size: 1.3rem;
}

    @media (max-width: 1200px) {
        .showcase__info li {
            text-align: left;
        }
    }

.showcase__info li:last-child {
    padding: 0 0 0 2rem;
}



















.popup-new {

}

.popup-new__overlay {
    position:fixed;
    top:0; left:0; right:0; bottom:0;
    z-index:10000;
    margin:auto;
    width:100%; height:100%;
    background-color:rgba(64,66,80,0.35);
    cursor:pointer;
}

.popup-new__container {
    position:fixed;
    top:0; left:0;
    z-index:11000;
    width:100%; height:100%;
}

.popup-new__inner {
    position:absolute;
    top:0; left:0; bottom:0; right:0;
    margin:auto;
    max-width:76rem;
    max-height:61.5rem;
}

@media screen and (max-width: 660px) {
    .popup-new__inner {
        max-height:none;
    }
}

.popup-new__body {
    position:absolute;
    top:0; left:0; bottom:0; right:0;
    margin:20px 15px; padding:10px 15px;
    border-radius: 0.2rem;
    box-shadow: 0 10px 80px -5px rgba(64,66,80,.65);
    overflow:auto;
    -webkit-overflow-scrolling:touch;

    background-color: #F2F7FD;
}

@media screen and (max-width: 660px) {
    .popup-new__body {
        box-shadow: 0 5px 15px rgba(64,66,80,.85);
    }
}

/* --- --- */

.popup-new .fields-row {
    overflow:hidden;
}

.popup-new .fields-cell {
    overflow:hidden;
    width:48%;
    margin:0 1% 3px 1%; padding:2px;
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:4px;
    border:2px solid transparent;
}

@media screen and (max-width: 660px) {
    .popup-new .fields-cell {
        width:100%;
        margin:0 0 7px 0;
        float:none;
    }
}

/* --- --- */

.popup-new input,
.popup-new select {
    margin:0;
    color:inherit;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    padding-left:10px; padding-right:10px;
    line-height:30px;
    font-size:14px;
    border:1px solid #ccc;
    outline:none;
    border-radius:3px;
}

.popup-new input {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

.popup-new select {
    height:32px;
    color:#777;
    padding:0 6px;
}

.popup-new button {
    overflow:visible;
}

.popup-new button::-moz-focus-inner,
.popup-new input::-moz-focus-inner {
    padding:0;
    border:0;
}

.popup-new select {
    text-transform:none;
    display:block;
    cursor:pointer;
}

/* --- --- */

.popup-new h2 {
    margin: 0; padding: 1rem 4rem;
}

.popup-new h2 {
    text-align: center;
    font-weight: 400;
    font-size: 2.2rem;
    color: #313d69;
    line-height: 1.3;
}

.popup-new h2 span {
    display: block;
    color: #ff613c;
}

.popup-new h3 {
    margin:0 !important; padding:10px 0 8px !important;
    font-weight: 700;
    text-align:center;
    font-size:14px;
    line-height:0.7;
    color: #313d69;
}

.popup-new__body > p {
    margin:0 0 8px 0; padding:0;
    text-align:center;
}

/* --- --- */

.popup-new input.kladr-error,
.popup-new input.error,
.popup-new select.kladr-error,
.popup-new select.error,
.popup-new .fields-cell.error input,
.popup-new .fields-cell.error select {
    border:1px solid red;
    border-radius:2px;
    -webkit-box-shadow:0 0 0 3px red;
    -moz-box-shadow:0 0 0 3px red;
    box-shadow:0 0 0 3px red;
}

/* --- --- */

.popup-new input::-webkit-input-placeholder {
    color:#777;
    opacity:1;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.popup-new input::-moz-placeholder {
    color:#777;
    opacity:1;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.popup-new input:-moz-placeholder {
    color:#777;
    opacity:1;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.popup-new input:-ms-input-placeholder {
    color:#777;
    opacity:1;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.popup-new input:focus::-webkit-input-placeholder {
    opacity:0;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.popup-new input:focus::-moz-placeholder {
    opacity:0;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.popup-new input:focus:-moz-placeholder {
    opacity:0;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.popup-new input:focus:-ms-input-placeholder {
    opacity:0;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

/* --- --- */

.popup-new__close-icon {
    position:absolute;
    top:0; right:0;
    width:40px; height:40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFs8IUVOVElUWSBzdDAgImZpbGw6Izc3Nzc3NzsiPl0+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLQodC70L7QuV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSImc3QwOyIgZD0iTTE2LDEuNjE3TDE0LjM4MywwTDgsNi4zODNMMS42MTcsMEwwLDEuNjE3TDYuMzgzLDhMMCwxNC4zODNMMS42MTcsMTZMOCw5LjYxN0wxNC4zODMsMTZMMTYsMTQuMzgzTDkuNjE3LDhMMTYsMS42MTd6Ii8+PC9zdmc+);
    background-repeat:no-repeat;
    background-position:center;
    background-size:16px;
    cursor:pointer;
}

.popup-new__close-text {

}

.popup-new__body > p a {

}

.popup-new__button {
    margin:4px 0 6px;
    text-align:center;
}

/* --- --- */

.popup-new__required {
    margin: 0; padding: 1rem 0 2rem;
    text-align:center;
}




.header--full {
    display: none;
}

body.main .header--short {
    display: none;
}
body.main .header--full {
    display: block;
}


.has-error input {
    border-color: red;
}

.chance {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 1 100% !important;
    flex: 0 1 100% !important;
    max-width: 100% !important;
    color: #3cb4ff;
    font-size: 24px;
    text-align: center;
    margin-bottom: 2rem !important;
}

.panel-transparent {
    border-bottom: 1px solid #d8dde1;
    background: transparent;
    box-shadow: none;
    margin-bottom: 19px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-transparent .panel-heading {
    background: transparent;
    border-radius: 0;
}
.panel-transparent .panel-heading {
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 0;
    padding-bottom: 19px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-transparent .panel-title {
    background: url(../img/panel-title_open.svg) left center no-repeat;
    color: #3b5099;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1.15px;
    padding-left: 50px;
    cursor: pointer;
}
.panel-transparent .panel-title.collapsed {
    background: url(../img/panel-title_collapsed.svg) left center no-repeat;
}
.panel-body {
    padding: 15px;
}
.panel-transparent .panel-body {
    color: #727f90;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding-top: 0;
    padding-left: 74px;
    padding-bottom: 20px;
}

.extra {
    font-size: small;
    padding: 0 0 5px 28px;
    background: url() left top no-repeat;
}

.b-faq__content {
    margin-top: 4rem;
}
.suggestions-wrapper {
    position: absolute;
}