@font-face {
  font-family: 'AvenirNextRoundedStd-Reg';
  src: url('../fonts/AvenirNextRoundedStd-Reg.ttf') format('truetype');
}

@font-face {
  font-family: 'AvenirNextRoundedStd-Med';
  src: url('../fonts/AvenirNextRoundedStd-Med.ttf') format('truetype');
}

@font-face {
  font-family: 'AvenirNextRoundedStd-Med';
  src: url('../fonts/AvenirNextRoundedStd-Med.ttf') format('truetype');
}

@font-face {
  font-family: 'AvenirNextRoundedStd-Bold';
  src: url('../fonts/AvenirNextRoundedStd-Bold.ttf') format('truetype');
}

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

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url('owl.video.play.png') no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    -o-transition: -o-transform .1s ease;
    -moz-transition: transform .1s ease, -moz-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease, -moz-transform .1s ease, -o-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.select2-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: normal
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: normal;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image: -moz-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: normal;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image: -moz-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eee));
    background-image: -moz-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(white));
    background-image: -moz-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width:500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
    vertical-align: middle
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(min--moz-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:2/1),
(min-resolution:192dpi) {
    .iti__flag {
        -webkit-background-size: 5652px 15px;
        -moz-background-size: 5652px 15px;
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    -webkit-box-shadow: 0 0 1px 0 #888;
    -moz-box-shadow: 0 0 1px 0 #888;
    box-shadow: 0 0 1px 0 #888;
    background-image: url('../img/flags.png');
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio:2),
(min--moz-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:2/1),
(min-resolution:192dpi) {
    .iti__flag {
        background-image: url('../img/flags@2x.png')
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

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

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

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

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

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: normal
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    height: 100%
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #fff;
    color: #2a2638;
    font-family: 'AvenirNextRoundedStd-Med', Quicksand, sans-serif;
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.smooth body {
    overflow: hidden !important
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

:focus {
    outline: 0 !important
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: underline
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none
}

a,
button,
input,
label {
    -webkit-tap-highlight-color: transparent
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

figure {
    margin: 0
}

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

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

em {
    font-style: normal
}

@media print {

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.fg-view {
    height: 100%
}

.fg-layout {
    height: 100%
}

.fg-layout .scrollbar-track {
    right: 3px;
    background: 0 0;
    z-index: 200
}

.fg-layout .scrollbar-thumb-y {
    background: #FF009B
}

.fg-layout .scrollbar-thumb-y:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -3px;
    left: -3px;
    bottom: 0
}

.fg-layout .scrollbar-thumb-y:hover {
    background: #2a2638
}

.fg-bound {
    overflow: hidden
}

.fg-advantage-container,
.fg-career-container,
.fg-comparison-container,
.fg-container,
.fg-coupon-container,
.fg-cta-container,
.fg-detail-container,
.fg-explanation-container,
.fg-faq-container,
.fg-feedback-container,
.fg-footer-container,
.fg-hero-container,
.fg-message-container,
.fg-option-container,
.fg-partreel-container,
.fg-preface-container,
.fg-privacy-container,
.fg-research-container,
.fg-result-container,
.fg-rubberbadge-container,
.fg-signup-container,
.fg-sitemap-container,
.fg-stackcard-container,
.fg-stages-container,
.fg-universitie-container,
.fg-video-container {
    padding: 0 20px;
    margin: 0 auto
}

@media (min-width:768px) {

    .fg-advantage-container,
    .fg-career-container,
    .fg-comparison-container,
    .fg-container,
    .fg-coupon-container,
    .fg-cta-container,
    .fg-detail-container,
    .fg-explanation-container,
    .fg-faq-container,
    .fg-feedback-container,
    .fg-footer-container,
    .fg-hero-container,
    .fg-message-container,
    .fg-option-container,
    .fg-partreel-container,
    .fg-preface-container,
    .fg-privacy-container,
    .fg-research-container,
    .fg-result-container,
    .fg-rubberbadge-container,
    .fg-signup-container,
    .fg-sitemap-container,
    .fg-stackcard-container,
    .fg-stages-container,
    .fg-universitie-container,
    .fg-video-container {
        padding: 0 34px
    }
}

@media (min-width:1024px) {

    .fg-advantage-container,
    .fg-career-container,
    .fg-comparison-container,
    .fg-container,
    .fg-coupon-container,
    .fg-cta-container,
    .fg-detail-container,
    .fg-explanation-container,
    .fg-faq-container,
    .fg-feedback-container,
    .fg-footer-container,
    .fg-hero-container,
    .fg-message-container,
    .fg-option-container,
    .fg-partreel-container,
    .fg-preface-container,
    .fg-privacy-container,
    .fg-research-container,
    .fg-result-container,
    .fg-rubberbadge-container,
    .fg-signup-container,
    .fg-sitemap-container,
    .fg-stackcard-container,
    .fg-stages-container,
    .fg-universitie-container,
    .fg-video-container {
        padding: 0 102px;
        max-width: 1024px
    }
}

@media (min-width:1200px) {

    .fg-advantage-container,
    .fg-career-container,
    .fg-comparison-container,
    .fg-container,
    .fg-coupon-container,
    .fg-cta-container,
    .fg-detail-container,
    .fg-explanation-container,
    .fg-faq-container,
    .fg-feedback-container,
    .fg-footer-container,
    .fg-hero-container,
    .fg-message-container,
    .fg-option-container,
    .fg-partreel-container,
    .fg-preface-container,
    .fg-privacy-container,
    .fg-research-container,
    .fg-result-container,
    .fg-rubberbadge-container,
    .fg-signup-container,
    .fg-sitemap-container,
    .fg-stackcard-container,
    .fg-stages-container,
    .fg-universitie-container,
    .fg-video-container {
        padding: 0 130px;
        max-width: 1200px
    }
}

@media (min-width:1600px) {

    .fg-advantage-container,
    .fg-career-container,
    .fg-comparison-container,
    .fg-container,
    .fg-coupon-container,
    .fg-cta-container,
    .fg-detail-container,
    .fg-explanation-container,
    .fg-faq-container,
    .fg-feedback-container,
    .fg-footer-container,
    .fg-hero-container,
    .fg-message-container,
    .fg-option-container,
    .fg-partreel-container,
    .fg-preface-container,
    .fg-privacy-container,
    .fg-research-container,
    .fg-result-container,
    .fg-rubberbadge-container,
    .fg-signup-container,
    .fg-sitemap-container,
    .fg-stackcard-container,
    .fg-stages-container,
    .fg-universitie-container,
    .fg-video-container {
        padding: 0 210px;
        max-width: 1600px
    }
}

.fg-svgsprite {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: middle
}

.fg-navbar {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0
}

.fg-navbar-strip {
    padding: 20px 0;
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
    .fg-navbar-strip {
        padding: 40px 0
    }
}

.fg-navbar.-open .fg-navbar-strip {
    color: #fff
}

.fg-navbar-container {
    padding: 0 20px
}

@media (min-width:768px) {
    .fg-navbar-container {
        padding: 0 30px
    }
}

@media (min-width:1024px) {
    .fg-navbar-container {
        padding: 0 60px
    }
}

@media (min-width:1600px) {
    .fg-navbar-container {
        padding: 0 120px;
        max-width: 1600px;
        margin: 0 auto
    }
}

.fg-navbar-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fg-navbar-grid-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fg-navbar-logo {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fg-navbar-logo a {
    display: block
}

.fg-navbar-logo img {
    width: 79px;
    height: 25px
}

@media (min-width:768px) {
    .fg-navbar-logo img {
        width: 100px;
        height: 32px
    }
}

.fg-navbar-titles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 120px
}

.fg-navbar-title {
    position: relative;
    margin-left: 48px;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: .01em;
    cursor: default
}

@media (max-width:1023px) {
    .fg-navbar-title {
        display: none
    }
}

.fg-navbar-title:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    height: 2px;
    background: #FF009B;
    opacity: 0;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    -moz-transition: opacity .25s;
    transition: opacity .25s
}

.fg-navbar-title:first-child {
    margin: 0
}

.fg-navbar-title a {
    position: relative;
    z-index: 1;
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.fg-navbar-title a:hover {
    text-decoration: none;
    color: #FF009B
}

.fg-navbar-title.-active:after {
    opacity: 1
}

@media (max-width:767px) {
    .fg-navbar-action {
        display: none
    }
}

@media (min-width:768px) {
    .fg-navbar-action {
        margin-left: 30px;
        margin-right: 40px
    }
}

@media (min-width:1024px) {
    .fg-navbar-action {
        margin-left: 40px;
        margin-right: 0
    }
}

@media (min-width:1600px) {
    .fg-navbar-action {
        margin-left: 60px
    }
}

.fg-navbar:not(.-open) .fg-navbar-action .-white.fg-btn_submit,
.fg-navbar:not(.-open) .fg-navbar-action .fg-btn_cta.-white {
    -webkit-transition: all 0s !important;
    -o-transition: all 0s !important;
    -moz-transition: all 0s !important;
    transition: all 0s !important
}

@media (min-width:1024px) {
    .fg-navbar-toggle {
        display: none
    }
}

@media (max-width:1023px) {
    .fg-navbar-nav {
        display: none
    }
}

.fg-navbar-nav-item {
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: .01em;
    text-decoration: none;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

.fg-navbar-nav-item:hover {
    color: #FF009B
}

@media (min-width:768px) {
    .fg-navbar-nav-item:not(:first-child) {
        margin-left: 30px
    }
}

@media (min-width:1024px) {
    .fg-navbar-nav-item:not(:first-child) {
        margin-left: 40px
    }
}

@media (min-width:1600px) {
    .fg-navbar-nav-item:not(:first-child) {
        margin-left: 60px
    }
}

.fg-navbar-subwrap {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    padding: 188px 0 146px
}

@media (max-width:1023px) {
    .fg-navbar-subwrap {
        display: none
    }
}

@media (min-width:1200px) {
    .fg-navbar-subwrap {
        padding: 205px 0 185px
    }
}

@media (min-width:1600px) {
    .fg-navbar-subwrap {
        padding: 260px 0
    }
}

.fg-navbar-subwrap-wrapper {
    position: relative
}

.fg-navbar-subwrap-particles {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fg-navbar-subwrap-particle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute
}

@media (min-width:1200px) {
    .fg-navbar-subwrap-particle {
        width: 55px;
        height: 55px
    }
}

@media (min-width:1600px) {
    .fg-navbar-subwrap-particle {
        width: 65px;
        height: 65px
    }
}

.fg-navbar-subwrap-particle.-v1 {
    bottom: 200%;
    left: 28%;
    background-color: #fff
}

.fg-navbar-subwrap-particle.-v2 {
    bottom: 180%;
    right: 34%;
    background-color: #61C5D0
}

.fg-navbar-subwrap-particle.-v3 {
    top: 300%;
    left: 15%;
    background-color: #FF009B
}

.fg-navbar-subwrap-particle.-v4 {
    top: 400%;
    right: 42%;
    background-color: #ffd336
}

.fg-navbar-subwrap-particle.-v5 {
    bottom: 200%;
    left: 18%;
    background-color: #ae6eff
}

.fg-navbar-subwrap-particle.-v6 {
    bottom: 180%;
    right: 42%;
    background-color: #FF009B
}

.fg-navbar-subwrap-particle.-v7 {
    top: 360%;
    left: 30%;
    background-color: #fff
}

.fg-navbar-subwrap-particle.-v8 {
    top: 400%;
    right: 25%;
    background-color: #ffd336
}

.fg-navbar-subwrap-particle.-v9 {
    bottom: 180%;
    right: 50%;
    background-color: #ae6eff
}

.fg-navbar-subwrap-particle.-v10 {
    top: 380%;
    left: 24%;
    background-color: #ffd336
}

.fg-navbar-subwrap-particle.-v11 {
    top: 400%;
    right: 30%;
    background-color: #fff
}

.fg-navbar-subwrap-particle-icon {
    font-size: 20px
}

.fg-navbar-subwrap-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fg-navbar-subwrap-link {
    font-weight: normal;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: .01em;
    color: #fff;
    text-decoration: none;
    position: relative;
    z-index: 1;
    margin: 0 45px
}

.fg-navbar-subwrap-link:focus,
.fg-navbar-subwrap-link:hover {
    color: #fff
}

@media (min-width:1200px) {
    .fg-navbar-subwrap-link {
        font-size: 30px;
        margin: 0 50px
    }
}

@media (min-width:1600px) {
    .fg-navbar-subwrap-link {
        font-size: 42px;
        margin: 0 75px
    }
}

.fg-navbar-subwrap-link:after {
    content: '';
    position: absolute;
    top: -20px;
    left: -30px;
    right: -30px;
    bottom: -20px
}

.fg-loader {
    display: inline
}

.fg-loader_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
    max-height: 0%;
    pointer-events: none;
    opacity: 0;
    background: #fff;
    -webkit-transition: opacity .6s, max-height 0s .6s;
    -o-transition: opacity .6s, max-height 0s .6s;
    -moz-transition: opacity .6s, max-height 0s .6s;
    transition: opacity .6s, max-height 0s .6s
}

.fg-loader_overlay.-visible {
    max-height: 100%;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s
}

.fg-form-group {
    margin: 0 0 25px 0
}

@media (min-width:1024px) {
    .fg-form-group {
        margin: 0 0 30px 0
    }
}

.fg-form-submit {
    margin: 5px 0 0 0
}

@media (min-width:768px) {
    .fg-form-submit {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0
    }
}

.fg-form-attach {
    margin: 0 0 30px 0;
    text-align: center;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.fg-form-attach:hover {
    opacity: .8
}

@media (min-width:768px) {
    .fg-form-attach {
        margin: 0
    }
}

.fg-form-attach-input {
    position: relative
}

.fg-form-attach-input label {
    cursor: pointer
}

.fg-form-attach-input input {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    z-index: -999
}

.fg-form-attach-img {
    display: inline-block;
    vertical-align: middle;
    width: 27px
}

.fg-form-attach-img img {
    width: 100%
}

.fg-form-attach-text {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.01em;
    font-weight: normal
}

@media (min-width:1024px) {
    .fg-form-attach-text {
        margin: 0 0 0 20px
    }
}

.fg-input {
    display: inline
}

.fg-input_light {
    display: block;
    position: relative
}

.fg-input_light input {
    margin: 0;
    padding: 20px 0 5px;
    width: 100%;
    color: #2a2638;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid rgba(42, 38, 56, .1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: .01em
}

@media (min-width:768px) {
    .fg-input_light input {
        padding: 30px 0 5px;
        font-size: 18px
    }
}

.fg-input_light input:invalid {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.fg-input_light input.-filled,
.fg-input_light input:focus {
    border-bottom-color: #2a2638
}

.fg-input_light input.-filled+label,
.fg-input_light input:focus+label {
    top: 0;
    bottom: initial;
    color: grey;
    font-size: 11px;
    line-height: 125%;
    letter-spacing: initial
}

@media (min-width:768px) {

    .fg-input_light input.-filled+label,
    .fg-input_light input:focus+label {
        font-size: 12px;
        line-height: 24px
    }
}

@media (min-width:1024px) {

    .fg-input_light input.-filled+label,
    .fg-input_light input:focus+label {
        font-size: 14px
    }
}

.fg-input_light input+label {
    position: absolute;
    top: initial;
    bottom: 5px;
    left: 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: .01em;
    color: rgba(42, 38, 56, .5);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

@media (min-width:768px) {
    .fg-input_light input+label {
        bottom: 10px
    }
}

@media (min-width:1024px) {
    .fg-input_light input+label {
        top: 24px;
        bottom: initial
    }
}

.fg-input_light-addon {
    position: absolute;
    right: 0;
    bottom: 6px;
    color: #61C5D0;
    border: none;
    background: 0 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, -o-transform .3s;
    -moz-transition: opacity .3s, transform .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
    pointer-events: none
}

@media (min-width:768px) {
    .fg-input_light-addon {
        bottom: 10px
    }
}

@media (min-width:1200px) {
    .fg-input_light-addon {
        bottom: 12px
    }
}

@media (min-width:1600px) {
    .fg-input_light-addon {
        bottom: 14px
    }
}

.fg-input_light-addon img {
    width: 28px;
    height: 27px
}

.fg-input_light-addon.-visible {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    pointer-events: auto
}

.fg-input_light.-lg input {
    padding: 0 40px 9px 0;
    font-size: 16px;
    letter-spacing: -.025em;
    font-weight: normal;
    border-bottom: 2px solid rgba(42, 38, 56, .1)
}

@media (min-width:768px) {
    .fg-input_light.-lg input {
        padding: 0 40px 11px 0;
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .fg-input_light.-lg input {
        font-size: 20px
    }
}

@media (min-width:1600px) {
    .fg-input_light.-lg input {
        font-size: 24px
    }
}

.fg-input_light.-lg input.-filled,
.fg-input_light.-lg input:focus {
    border-bottom-color: rgba(42, 38, 56, .1)
}

.fg-btn {
    display: inline
}

.fg-advantage-nav-btn,
.fg-btn_cta,
.fg-btn_dummy,
.fg-btn_menu,
.fg-btn_submit,
.fg-feedback-slider-nav-btn,
.fg-feedback-video-button button,
.fg-hero-figure-button button,
.fg-menu-close button,
.fg-stages-slider-nav-btn,
.fg-tagreel-slider-nav button,
.fg-video-button button {
    position: relative;
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 0;
    color: inherit;
    background: 0 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: 0 !important;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-align: inherit;
    text-transform: inherit;
    text-indent: inherit
}

.fg-advantage-nav-btn:focus,
.fg-advantage-nav-btn:hover,
.fg-btn_cta:focus,
.fg-btn_cta:hover,
.fg-btn_dummy:focus,
.fg-btn_dummy:hover,
.fg-btn_menu:focus,
.fg-btn_menu:hover,
.fg-btn_submit:focus,
.fg-btn_submit:hover,
.fg-feedback-slider-nav-btn:focus,
.fg-feedback-slider-nav-btn:hover,
.fg-feedback-video-button button:focus,
.fg-feedback-video-button button:hover,
.fg-hero-figure-button button:focus,
.fg-hero-figure-button button:hover,
.fg-menu-close button:focus,
.fg-menu-close button:hover,
.fg-stages-slider-nav-btn:focus,
.fg-stages-slider-nav-btn:hover,
.fg-tagreel-slider-nav button:focus,
.fg-tagreel-slider-nav button:hover,
.fg-video-button button:focus,
.fg-video-button button:hover {
    text-decoration: none
}

.fg-btn_cta,
.fg-btn_submit {
    padding: 16px 30px 18px;
    width: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: .01em;
    color: #fff;
    background-color: #FF009B;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s
}

@media (min-width:768px) {

    .fg-btn_cta,
    .fg-btn_submit {
        padding: 19px 30px;
        width: auto;
        -webkit-border-radius: 70px;
        -moz-border-radius: 70px;
        border-radius: 70px
    }
}

@media (min-width:1600px) {

    .fg-btn_cta,
    .fg-btn_submit {
        padding: 21px 30px;
        font-size: 17px
    }
}

.-green.fg-btn_submit,
.fg-btn_cta.-green {
    background-color: #FF009B
}

.-green.fg-btn_submit:focus,
.-green.fg-btn_submit:hover,
.fg-btn_cta.-green:focus,
.fg-btn_cta.-green:hover {
    color: #fff;
    background-color: #FF009B
}

.fg-btn_cta:focus,
.fg-btn_cta:hover,
.fg-btn_submit:focus,
.fg-btn_submit:hover {
    color: #fff;
    background-color: #FF009B
}

.-inverse.fg-btn_submit,
.fg-btn_cta.-inverse {
    background-color: #FF009B
}

.-inverse.fg-btn_submit:focus,
.-inverse.fg-btn_submit:hover,
.fg-btn_cta.-inverse:focus,
.fg-btn_cta.-inverse:hover {
    background-color: #FF009B
}

.-white.fg-btn_submit,
.fg-btn_cta.-white {
    background-color: #fff;
    color: #2a2638;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.-white.fg-btn_submit:focus,
.-white.fg-btn_submit:hover,
.fg-btn_cta.-white:focus,
.fg-btn_cta.-white:hover {
    background-color: #2a2638;
    color: #fff
}

.-transparent.fg-btn_submit,
.fg-btn_cta.-transparent {
    background: 0 0;
    border: 1px solid #FF009B;
    color: #FF009B
}

.-link.fg-btn_submit,
.fg-btn_cta.-link {
    background: 0 0;
    border: none;
    color: #000
}

.-sm.fg-btn_submit,
.fg-btn_cta.-sm {
    height: 36px;
    width: 91px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    letter-spacing: -.03em
}

.-lg.fg-btn_submit,
.fg-btn_cta.-lg {
    min-width: 280px;
    max-width: 280px
}

@media (min-width:768px) {

    .-lg.fg-btn_submit,
    .fg-btn_cta.-lg {
        min-width: 245px;
        max-width: 100%
    }
}

@media (min-width:1600px) {

    .-lg.fg-btn_submit,
    .fg-btn_cta.-lg {
        min-width: 257px
    }
}

.-grey.fg-btn_submit,
.fg-btn_cta.-grey {
    color: rgba(42, 38, 56, .6)
}

.-auto.fg-btn_submit,
.fg-btn_cta.-auto {
    width: auto
}

.-full.fg-btn_submit,
.fg-btn_cta.-full {
    width: 100%
}

@media (min-width:768px) {

    .-full.fg-btn_submit,
    .fg-btn_cta.-full {
        width: auto
    }
}

.fg-btn_cta svg:first-child,
.fg-btn_submit svg:first-child {
    margin-right: .6em
}

.fg-btn_cta svg:last-child,
.fg-btn_submit svg:last-child {
    margin-left: .6em
}

.fg-btn_menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 26px;
    height: 26px
}

.fg-btn_menu span {
    width: 26px;
    height: 2px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #2a2638
}

.fg-btn_menu span:last-child {
    margin-top: 8px
}

.fg-btn_submit {
    line-height: 32px;
    padding: 8px 24px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

@media (min-width:768px) {
    .fg-btn_submit {
        font-size: 20px;
        line-height: 34px;
        padding: 20px 51px;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 23px
    }
}

.fg-footer-content {
    padding: 40px 0 50px;
    color: #fff;
    background-color: #2a2638
}

@media (min-width:768px) {
    .fg-footer-content {
        padding: 60px 0 70px
    }
}

@media (min-width:1024px) {
    .fg-footer-content {
        padding: 80px 0 90px
    }
}

@media (min-width:1200px) {
    .fg-footer-content {
        padding: 110px 0 120px
    }
}

@media (min-width:1600px) {
    .fg-footer-content {
        padding: 136px 0 175px
    }
}

.fg-footer-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:768px) {
    .fg-footer-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:768px) {
    .fg-footer-grid-col.-nav {
        margin-left: auto
    }
}

.fg-footer-header-hand {
    display: inline-block
}

.fg-footer-header-hand img {
    height: 18px
}

@media (min-width:768px) {
    .fg-footer-header-hand img {
        height: 23px
    }
}

@media (min-width:1024px) {
    .fg-footer-header-hand img {
        height: 28px
    }
}

@media (min-width:1600px) {
    .fg-footer-header-hand img {
        height: 35px
    }
}

.fg-footer-header h3 {
    font-weight: normal;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -.02em
}

@media (min-width:768px) {
    .fg-footer-header h3 {
        font-size: 25px
    }
}

@media (min-width:1024px) {
    .fg-footer-header h3 {
        font-size: 30px
    }
}

@media (min-width:1600px) {
    .fg-footer-header h3 {
        font-size: 40px
    }
}

.fg-footer-email {
    margin-top: 30px
}

@media (min-width:768px) {
    .fg-footer-email {
        margin-top: 42px
    }
}

@media (min-width:1024px) {
    .fg-footer-email {
        margin-top: 30px
    }
}

.fg-footer-email-link {
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: .01em;
    color: #FF009B;
    text-decoration: none;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

@media (min-width:1024px) {
    .fg-footer-email-link {
        font-size: 20px
    }
}

@media (min-width:1600px) {
    .fg-footer-email-link {
        font-size: 24px
    }
}

.fg-footer-email-link:focus,
.fg-footer-email-link:hover {
    color: #FF009B
}

.fg-footer-social {
    margin-top: 30px
}

@media (min-width:768px) {
    .fg-footer-social {
        margin-top: 50px
    }
}

.fg-footer-social-title {
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: .01em
}

@media (min-width:1024px) {
    .fg-footer-social-title {
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-footer-social-title {
        font-size: 20px
    }
}

.fg-footer-social-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

@media (min-width:768px) {
    .fg-footer-social-wrapper {
        margin-top: 24px
    }
}

@media (min-width:1024px) {
    .fg-footer-social-wrapper {
        margin-top: 21px
    }
}

.fg-footer-social-item {
    position: relative
}

.fg-footer-social-item:not(:first-child) {
    margin-left: 30px
}

@media (min-width:768px) {
    .fg-footer-social-item:not(:first-child) {
        margin-left: 45px
    }
}

@media (min-width:1600px) {
    .fg-footer-social-item:not(:first-child) {
        margin-left: 63px
    }
}

.fg-footer-social-item:nth-child(even):hover svg {
    fill: #FF009B
}

.fg-footer-social-item:nth-child(odd):hover svg {
    fill: #FF009B
}

.fg-footer-social-item:after {
    content: '';
    position: absolute;
    top: -5px;
    left: -10px;
    right: -10px;
    bottom: -10px
}

.fg-footer-social-item svg {
    fill: rgba(255, 255, 255, .4);
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    -moz-transition: fill .2s;
    transition: fill .2s
}

.fg-footer-info {
    margin-top: 40px;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -.02em;
    color: rgba(255, 255, 255, .6)
}

@media (min-width:768px) {
    .fg-footer-info {
        margin-top: 50px
    }
}

@media (min-width:1024px) {
    .fg-footer-info {
        font-size: 16px
    }
}

@media (min-width:1600px) {
    .fg-footer-info {
        font-size: 20px
    }
}

@media (min-width:768px) {
    .fg-footer-info.-xs {
        display: none
    }
}

@media (max-width:767px) {
    .fg-footer-info.-sm {
        display: none
    }
}

.fg-footer-nav {
    margin-top: 50px
}

@media (min-width:768px) {
    .fg-footer-nav {
        margin-top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:768px) {
    .fg-footer-nav-item {
        padding-right: 30px
    }
}

@media (min-width:1200px) {
    .fg-footer-nav-item {
        padding-right: 60px
    }
}

@media (max-width:767px) {
    .fg-footer-nav-item:not(:first-child) {
        margin-top: 30px
    }
}

@media (min-width:768px) {
    .fg-footer-nav-item:not(:first-child) {
        margin-left: 30px
    }
}

@media (min-width:1200px) {
    .fg-footer-nav-item:not(:first-child) {
        margin-left: 40px
    }
}

.fg-footer-nav-title {
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: .01em;
    text-decoration: none
}

@media (max-width:767px) {
    .fg-footer-nav-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

    .fg-footer-nav-title:before {
        content: '';
        position: absolute;
        top: -10px;
        left: 0;
        right: 0;
        bottom: -10px
    }

    .fg-footer-nav-title:after {
        content: '';
        width: 12px;
        height: 6px;
        margin-left: auto;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        background-image: url('../img/footer/arrow.svg');
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        -o-transition: -o-transform .2s;
        -moz-transition: transform .2s, -moz-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
    }

    .fg-footer-nav-title.-active:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

@media (min-width:1024px) {
    .fg-footer-nav-title {
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-footer-nav-title {
        font-size: 20px
    }
}

.fg-footer-nav-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 20px
}

@media (max-width:767px) {
    .fg-footer-nav-links {
        display: none
    }
}

@media (min-width:1024px) {
    .fg-footer-nav-links {
        padding-top: 30px
    }
}

@media (min-width:1600px) {
    .fg-footer-nav-links {
        padding-top: 44px
    }
}

.fg-footer-nav-link {
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -.02em;
    color: rgba(255, 255, 255, .6);
    text-decoration: none;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

@media (max-width:767px) {
    .fg-footer-nav-link {
        display: block
    }
}

@media (min-width:1024px) {
    .fg-footer-nav-link {
        font-size: 16px
    }
}

@media (min-width:1600px) {
    .fg-footer-nav-link {
        font-size: 18px
    }
}

.fg-footer-nav-link:not(:first-child) {
    margin-top: 15px
}

@media (min-width:1024px) {
    .fg-footer-nav-link:not(:first-child) {
        margin-top: 20px
    }
}

@media (min-width:1600px) {
    .fg-footer-nav-link:not(:first-child) {
        margin-top: 24px
    }
}

.fg-footer-nav-link:focus,
.fg-footer-nav-link:hover {
    color: #fff
}

.fg-footer-content {
    padding: 40px 0 50px;
    color: #fff;
    background-color: #2a2638
}

@media (min-width:768px) {
    .fg-footer-content {
        padding: 60px 0 70px
    }
}

@media (min-width:1024px) {
    .fg-footer-content {
        padding: 80px 0 90px
    }
}

@media (min-width:1200px) {
    .fg-footer-content {
        padding: 110px 0 120px
    }
}

@media (min-width:1600px) {
    .fg-footer-content {
        padding: 136px 0 175px
    }
}

.fg-footer-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:768px) {
    .fg-footer-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:768px) {
    .fg-footer-grid-col.-nav {
        margin-left: auto
    }
}

.fg-footer-header-hand {
    display: inline-block
}

.fg-footer-header-hand img {
    height: 18px
}

@media (min-width:768px) {
    .fg-footer-header-hand img {
        height: 23px
    }
}

@media (min-width:1024px) {
    .fg-footer-header-hand img {
        height: 28px
    }
}

@media (min-width:1600px) {
    .fg-footer-header-hand img {
        height: 35px
    }
}

.fg-footer-header h3 {
    font-weight: normal;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -.02em
}

@media (min-width:768px) {
    .fg-footer-header h3 {
        font-size: 25px
    }
}

@media (min-width:1024px) {
    .fg-footer-header h3 {
        font-size: 30px
    }
}

@media (min-width:1600px) {
    .fg-footer-header h3 {
        font-size: 40px
    }
}

.fg-footer-email {
    margin-top: 30px
}

@media (min-width:768px) {
    .fg-footer-email {
        margin-top: 42px
    }
}

@media (min-width:1024px) {
    .fg-footer-email {
        margin-top: 30px
    }
}

.fg-footer-email-link {
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: .01em;
    color: #FF009B;
    text-decoration: none;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

@media (min-width:1024px) {
    .fg-footer-email-link {
        font-size: 20px
    }
}

@media (min-width:1600px) {
    .fg-footer-email-link {
        font-size: 24px
    }
}

.fg-footer-email-link:focus,
.fg-footer-email-link:hover {
    color: #FF009B
}

.fg-footer-social {
    margin-top: 30px
}

@media (min-width:768px) {
    .fg-footer-social {
        margin-top: 50px
    }
}

.fg-footer-social-title {
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: .01em
}

@media (min-width:1024px) {
    .fg-footer-social-title {
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-footer-social-title {
        font-size: 20px
    }
}

.fg-footer-social-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

@media (min-width:768px) {
    .fg-footer-social-wrapper {
        margin-top: 24px
    }
}

@media (min-width:1024px) {
    .fg-footer-social-wrapper {
        margin-top: 21px
    }
}

.fg-footer-social-item {
    position: relative
}

.fg-footer-social-item:not(:first-child) {
    margin-left: 30px
}

@media (min-width:768px) {
    .fg-footer-social-item:not(:first-child) {
        margin-left: 45px
    }
}

@media (min-width:1600px) {
    .fg-footer-social-item:not(:first-child) {
        margin-left: 63px
    }
}

.fg-footer-social-item:nth-child(even):hover svg {
    fill: #FF009B
}

.fg-footer-social-item:nth-child(odd):hover svg {
    fill: #FF009B
}

.fg-footer-social-item:after {
    content: '';
    position: absolute;
    top: -5px;
    left: -10px;
    right: -10px;
    bottom: -10px
}

.fg-footer-social-item svg {
    fill: rgba(255, 255, 255, .4);
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    -moz-transition: fill .2s;
    transition: fill .2s
}

.fg-footer-info {
    margin-top: 40px;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -.02em;
    color: rgba(255, 255, 255, .6)
}

@media (min-width:768px) {
    .fg-footer-info {
        margin-top: 50px
    }
}

@media (min-width:1024px) {
    .fg-footer-info {
        font-size: 16px
    }
}

@media (min-width:1600px) {
    .fg-footer-info {
        font-size: 20px
    }
}

@media (min-width:768px) {
    .fg-footer-info.-xs {
        display: none
    }
}

@media (max-width:767px) {
    .fg-footer-info.-sm {
        display: none
    }
}

.fg-footer-nav {
    margin-top: 50px
}

@media (min-width:768px) {
    .fg-footer-nav {
        margin-top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:768px) {
    .fg-footer-nav-item {
        padding-right: 30px
    }
}

@media (min-width:1200px) {
    .fg-footer-nav-item {
        padding-right: 60px
    }
}

@media (max-width:767px) {
    .fg-footer-nav-item:not(:first-child) {
        margin-top: 30px
    }
}

@media (min-width:768px) {
    .fg-footer-nav-item:not(:first-child) {
        margin-left: 30px
    }
}

@media (min-width:1200px) {
    .fg-footer-nav-item:not(:first-child) {
        margin-left: 40px
    }
}

.fg-footer-nav-title {
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: .01em;
    text-decoration: none
}

@media (max-width:767px) {
    .fg-footer-nav-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

    .fg-footer-nav-title:before {
        content: '';
        position: absolute;
        top: -10px;
        left: 0;
        right: 0;
        bottom: -10px
    }

    .fg-footer-nav-title:after {
        content: '';
        width: 12px;
        height: 6px;
        margin-left: auto;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        background-image: url('../img/footer/arrow.svg');
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        -o-transition: -o-transform .2s;
        -moz-transition: transform .2s, -moz-transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
    }

    .fg-footer-nav-title.-active:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

@media (min-width:1024px) {
    .fg-footer-nav-title {
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-footer-nav-title {
        font-size: 20px
    }
}

.fg-footer-nav-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 20px
}

@media (max-width:767px) {
    .fg-footer-nav-links {
        display: none
    }
}

@media (min-width:1024px) {
    .fg-footer-nav-links {
        padding-top: 30px
    }
}

@media (min-width:1600px) {
    .fg-footer-nav-links {
        padding-top: 44px
    }
}

.fg-footer-nav-link {
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -.02em;
    color: rgba(255, 255, 255, .6);
    text-decoration: none;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

@media (max-width:767px) {
    .fg-footer-nav-link {
        display: block
    }
}

@media (min-width:1024px) {
    .fg-footer-nav-link {
        font-size: 16px
    }
}

@media (min-width:1600px) {
    .fg-footer-nav-link {
        font-size: 18px
    }
}

.fg-footer-nav-link:not(:first-child) {
    margin-top: 15px
}

@media (min-width:1024px) {
    .fg-footer-nav-link:not(:first-child) {
        margin-top: 20px
    }
}

@media (min-width:1600px) {
    .fg-footer-nav-link:not(:first-child) {
        margin-top: 24px
    }
}

.fg-footer-nav-link:focus,
.fg-footer-nav-link:hover {
    color: #fff
}

.fg-cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
    pointer-events: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    contain: layout style size;
    will-change: transform
}

.fg-cursor:before {
    content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    display: block;
    width: 15px;
    height: 15px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    background-color: #FF009B;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: opacity .1s, -webkit-transform .3s ease-in-out;
    transition: opacity .1s, -webkit-transform .3s ease-in-out;
    -o-transition: opacity .1s, -o-transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out, opacity .1s, -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, opacity .1s;
    transition: transform .3s ease-in-out, opacity .1s, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out, -o-transform .3s ease-in-out
}

.fg-cursor.-visible:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.fg-cursor.-visible.-active:before {
    -webkit-transform: scale(.23);
    -moz-transform: scale(.23);
    -ms-transform: scale(.23);
    -o-transform: scale(.23);
    transform: scale(.23);
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.fg-cursor.-pointer:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.fg-cursor.-hidden:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.fg-cursor.-image:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.fg-cursor-blob {
    position: absolute;
    top: -77px;
    left: -70px;
    z-index: 10;
    width: 140px;
    height: 154px;
    opacity: 0;
    -webkit-animation: scaling 5s ease-in-out alternate infinite;
    -moz-animation: scaling 5s ease-in-out alternate infinite;
    -o-animation: scaling 5s ease-in-out alternate infinite;
    animation: scaling 5s ease-in-out alternate infinite;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.fg-cursor-blob svg {
    -webkit-animation: rotating 30s linear infinite;
    -moz-animation: rotating 30s linear infinite;
    -o-animation: rotating 30s linear infinite;
    animation: rotating 30s linear infinite
}

.fg-cursor.-blob .fg-cursor-blob {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

.fg-cursor-image {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

@media (min-width:768px) {
    .fg-cursor.-image .fg-cursor-image {
        opacity: 1;
        -webkit-transition: opacity .3s ease-in;
        -o-transition: opacity .3s ease-in;
        -moz-transition: opacity .3s ease-in;
        transition: opacity .3s ease-in
    }

    .fg-cursor-image .fg-mainreel-item-img {
        opacity: 1 !important
    }
}

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

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

@-moz-keyframes rotating {
    from {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -moz-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-o-keyframes rotating {
    from {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes scaling {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-moz-keyframes scaling {
    from {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    to {
        -moz-transform: scale(.9);
        transform: scale(.9)
    }
}

@-o-keyframes scaling {
    from {
        -o-transform: scale(1);
        transform: scale(1)
    }

    to {
        -o-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes scaling {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9)
    }
}

.fg-select {
    position: relative
}

.fg-select-wrapper {
    position: relative;
    border-bottom: 1px solid rgba(42, 38, 56, .1)
}

.fg-select-wrapper:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 14px;
    width: 8px;
    height: 5px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-image: url('../img/select/arrow.svg')
}

.fg-select.-lg .fg-select-wrapper {
    border-bottom: 2px solid rgba(42, 38, 56, .1)
}

.fg-select.-lg .fg-select-wrapper:after {
    width: 8px;
    height: 4px;
    bottom: 16px;
    background-image: url('../img/select/arrow-grey.svg')
}

@media (min-width:768px) {
    .fg-select.-lg .fg-select-wrapper:after {
        bottom: 19px
    }
}

@media (min-width:1024px) {
    .fg-select.-lg .fg-select-wrapper:after {
        bottom: 20px
    }
}

@media (min-width:1600px) {
    .fg-select.-lg .fg-select-wrapper:after {
        bottom: 22px
    }
}

.fg-select-input {
    width: 100%;
    padding: 20px 0 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: .01em
}

@media (min-width:768px) {
    .fg-select-input {
        padding: 25px 0 10px;
        font-size: 18px
    }
}

.fg-select-input option:first-child {
    display: none
}

.fg-select.-lg .fg-select-input {
    padding: 0 0 9px;
    font-size: 16px;
    letter-spacing: .065em;
    font-weight: normal
}

@media (min-width:768px) {
    .fg-select.-lg .fg-select-input {
        padding: 0 0 11px;
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .fg-select.-lg .fg-select-input {
        font-size: 20px
    }
}

@media (min-width:1600px) {
    .fg-select.-lg .fg-select-input {
        font-size: 24px
    }
}

.fg-select.-lg .fg-select-input+.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 29px;
    padding: 0 0 9px;
    font-size: 16px;
    letter-spacing: .065em;
    font-weight: normal
}

@media (min-width:768px) {
    .fg-select.-lg .fg-select-input+.select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0 0 11px;
        height: 33px;
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .fg-select.-lg .fg-select-input+.select2-container--default .select2-selection--single .select2-selection__rendered {
        height: 36px;
        font-size: 20px
    }
}

@media (min-width:1600px) {
    .fg-select.-lg .fg-select-input+.select2-container--default .select2-selection--single .select2-selection__rendered {
        height: 41px;
        font-size: 24px
    }
}

.fg-select-label {
    position: absolute;
    bottom: 5px;
    left: 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: .01em;
    color: rgba(42, 38, 56, .5);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.fg-select.-selected .fg-select-label {
    top: 0;
    bottom: initial;
    color: grey;
    font-size: 11px;
    line-height: 125%;
    letter-spacing: initial
}

@media (min-width:768px) {
    .fg-select.-selected .fg-select-label {
        font-size: 12px;
        line-height: 24px
    }
}

@media (min-width:1024px) {
    .fg-select.-selected .fg-select-label {
        font-size: 14px
    }
}

.mobile .fg-select-label {
    pointer-events: none
}

.select2-selection__arrow {
    display: none !important
}

.select2-container--default .select2-selection--single {
    background: 0 0;
    border: none;
    height: auto
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 20px 0 5px;
    height: 46px;
    font-weight: normal;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: .01em
}

@media (min-width:768px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 30px 0 5px;
        height: 59px
    }
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 500px
}

.select2-dropdown {
    top: 10px;
    background-color: #fff;
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 16px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, .05);
    color: #2a2638
}

.select2-container--open .select2-dropdown--below {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    background: 0 0
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #FF009B
}

.select2-results__option {
    padding: 10px 30px;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -.01em
}

.select2-results__option:first-child {
    display: none
}

.select2-results__option:nth-child(2) {
    padding-top: 22px
}

.select2-results__option:last-child {
    padding-bottom: 22px
}

.fg-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    overflow: auto
}

.fg-menu.-visible {
    z-index: 11
}

.fg-menu.-brands {
    background-color: #FF4A17
}

.fg-menu.-local {
    background-color: #61C5D0
}

.fg-menu.-digital {
    background-color: #FF009B
}

.fg-menu-container {
    padding: 0 20px
}

@media (min-width:768px) {
    .fg-menu-container {
        padding: 0 30px
    }
}

.fg-menu-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    padding: 7px 0 20px
}

@media (min-width:768px) {
    .fg-menu-wrapper {
        padding: 40px 0
    }
}

.fg-menu-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fg-menu-header-logo {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.fg-menu-header-logo a {
    display: block;
    width: 79px;
    height: 25px
}

@media (min-width:768px) {
    .fg-menu-header-logo a {
        width: 100px;
        height: 32px
    }
}

.fg-menu-header-logo img {
    width: 79px;
    height: 25px
}

@media (min-width:768px) {
    .fg-menu-header-logo img {
        width: 100px;
        height: 32px
    }
}

@media (max-width:767px) {
    .fg-menu-header-title {
        display: none
    }
}

@media (min-width:768px) {
    .fg-menu-header-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: normal;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: .01em;
        color: #fff;
        margin-left: 19px;
        margin-right: auto;
        position: relative
    }

    .fg-menu-header-title:before {
        content: '';
        display: block;
        width: 3px;
        height: 23px;
        margin-right: 19px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: rgba(255, 255, 255, 0)
    }

    .fg-menu-header-title:after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 20px;
        right: 0;
        height: 5px;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
        background-image: url('../img/menu/stroke.svg')
    }
}

@media (max-width:767px) {
    .fg-menu-header-link {
        display: none
    }
}

@media (min-width:768px) {
    .fg-menu-header-link {
        margin-right: 40px;
        font-weight: normal;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: .01em;
        color: #fff;
        text-decoration: none
    }

    .fg-menu-header-link:focus,
    .fg-menu-header-link:hover {
        color: #fff
    }
}

.fg-menu-close {
    margin-right: -12px
}

.fg-menu-close button {
    display: block;
    width: 54px;
    height: 54px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.fg-menu-close button span {
    width: 22px;
    height: 2px;
    background-color: #2a2638;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    position: absolute;
    top: 50%;
    left: 50%
}

.fg-menu-close button span:first-child {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.fg-menu-close button span:last-child {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.fg-menu-nav {
    padding-top: 44px
}

@media (min-width:768px) {
    .fg-menu-nav {
        margin-top: auto
    }
}

.fg-menu-nav-item {
    display: block;
    color: #fff;
    text-decoration: none
}

.fg-menu-nav-item:focus,
.fg-menu-nav-item:hover {
    color: #fff
}

.fg-menu-nav-item.-lvl-1 {
    font-weight: normal;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: .01em
}

@media (min-width:768px) {
    .fg-menu-nav-item.-lvl-1 {
        display: none
    }
}

.fg-menu-nav-item.-lvl-1:not(:first-child) {
    margin-top: 30px
}

.fg-menu-nav-item.-lvl-2 {
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: .01em
}

@media (min-width:768px) {
    .fg-menu-nav-item.-lvl-2 {
        font-weight: normal;
        font-size: 40px;
        line-height: 100%;
        letter-spacing: .01em
    }
}

.fg-menu-nav-item.-lvl-2+.fg-menu-nav-item.-lvl-2 {
    margin-top: 20px
}

@media (min-width:768px) {
    .fg-menu-nav-item.-lvl-2+.fg-menu-nav-item.-lvl-2 {
        margin-top: 90px
    }
}

@media (max-width:767px) {
    .fg-menu-nav-item.-active {
        position: relative;
        display: inline-block
    }

    .fg-menu-nav-item.-active:after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        height: 5px;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
        background-image: url('../img/menu/stroke.svg')
    }
}

.fg-menu-nav-wrapper {
    padding: 30px 0 20px;
    position: relative
}

@media (min-width:768px) {
    .fg-menu-nav-wrapper {
        padding: 100px 0;
        text-align: center
    }
}

@media (max-width:767px) {
    .fg-menu-nav-particles {
        display: none
    }
}

@media (min-width:768px) {
    .fg-menu-nav-particles {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.fg-menu-nav-particle {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    visibility: hidden
}

.fg-menu-nav-particle.-v1 {
    right: 12%;
    top: 0;
    background-color: #61C5D0
}

.fg-menu.-brands .fg-menu-nav-particle.-v1 {
    visibility: visible
}

.fg-menu-nav-particle.-v2 {
    left: 20px;
    top: 32%;
    background-color: #fff
}

.fg-menu.-brands .fg-menu-nav-particle.-v2 {
    visibility: visible
}

.fg-menu-nav-particle.-v3 {
    right: 8%;
    bottom: 32%;
    background-color: #ffd336
}

.fg-menu.-brands .fg-menu-nav-particle.-v3 {
    visibility: visible
}

.fg-menu-nav-particle.-v4 {
    left: 15%;
    bottom: 2%;
    background-color: #FF009B
}

.fg-menu.-brands .fg-menu-nav-particle.-v4 {
    visibility: visible
}

.fg-menu-nav-particle.-v5 {
    left: 9%;
    top: 10%;
    background-color: #ae6eff
}

.fg-menu.-local .fg-menu-nav-particle.-v5 {
    visibility: visible
}

.fg-menu-nav-particle.-v6 {
    right: 7%;
    top: 15%;
    background-color: #FF009B
}

.fg-menu.-local .fg-menu-nav-particle.-v6 {
    visibility: visible
}

.fg-menu-nav-particle.-v7 {
    left: 17%;
    bottom: 28%;
    background-color: #fff
}

.fg-menu.-local .fg-menu-nav-particle.-v7 {
    visibility: visible
}

.fg-menu-nav-particle.-v8 {
    right: 12%;
    bottom: 7%;
    background-color: #ffd336
}

.fg-menu.-local .fg-menu-nav-particle.-v8 {
    visibility: visible
}

.fg-menu-nav-particle.-v9 {
    left: 17%;
    top: 0;
    background-color: #ae6eff
}

.fg-menu.-digital .fg-menu-nav-particle.-v9 {
    visibility: visible
}

.fg-menu-nav-particle.-v10 {
    right: 7%;
    bottom: 18%;
    background-color: #fff
}

.fg-menu.-digital .fg-menu-nav-particle.-v10 {
    visibility: visible
}

.fg-menu-nav-particle.-v11 {
    left: 13%;
    bottom: 0;
    background-color: #ffd336
}

.fg-menu.-digital .fg-menu-nav-particle.-v11 {
    visibility: visible
}

.fg-menu-nav-particle-icon {
    font-size: 20px
}

.fg-menu-action {
    padding-top: 54px
}

@media (min-width:768px) {
    .fg-menu-action {
        margin-top: auto;
        text-align: center
    }
}

.fg-modal {
    display: inline
}

.fg-modal_box {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
    text-align: center;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 100;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

.fg-modal_box-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(42, 38, 56, .4);
    z-index: 1
}

.fg-modal_box-dialog {
    position: absolute;
    top: 50%;
    z-index: 1;
    max-width: 920px;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fg-modal_box-video {
    position: relative;
    padding: 0 20px
}

@media (min-width:768px) {
    .fg-modal_box-video {
        max-width: 920px;
        padding: 0 40px
    }
}

.fg-modal_box-video video {
    width: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.fg-modal_box.-visible {
    pointer-events: auto;
    opacity: 1
}

.fg-hero-content {
    position: relative;
    padding-top: 82px;
    padding-bottom: 80px
}

@media (min-width:768px) {
    .fg-hero-content {
        padding-top: 134px;
        padding-bottom: 100px
    }
}

@media (min-width:1024px) {
    .fg-hero-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 100vh
    }
}

@media (min-width:1600px) {
    .fg-hero-content {
        padding-top: 140px
    }
}

.fg-hero-container {
    width: 100%
}

.fg-hero-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media (min-width:1024px) {
    .fg-hero-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.fg-hero-grid-col.-left {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:1024px) {
    .fg-hero-grid-col.-left {
        width: 400px
    }
}

@media (min-width:1024px) {
    .fg-hero-grid-col.-left {
        width: 460px
    }
}

@media (min-width:1600px) {
    .fg-hero-grid-col.-left {
        width: 630px;
        margin-right: 40px
    }
}

@media (min-width:768px) {
    .fg-hero-grid-col.-center {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:1024px) {
    .fg-hero-grid-col.-eq {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0
    }
}

@media (min-width:1024px) {
    .fg-hero-grid.-center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.fg-hero-down {
    display: none;
    text-decoration: none;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    -moz-transition: opacity .25s;
    transition: opacity .25s
}

.fg-hero-down:hover {
    opacity: .8;
    text-decoration: none
}

@media (min-width:1024px) {
    .fg-hero-down {
        display: block;
        position: absolute;
        bottom: 5%;
        left: 50%;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -.025em;
        font-weight: 600;
        text-align: center;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.fg-hero-down-icon {
    color: #FF009B;
    -webkit-animation: fg-hero-down 2s ease-in-out forwards infinite;
    -moz-animation: fg-hero-down 2s ease-in-out forwards infinite;
    -o-animation: fg-hero-down 2s ease-in-out forwards infinite;
    animation: fg-hero-down 2s ease-in-out forwards infinite
}

.fg-hero-down-icon img {
    width: 14px;
    height: 8px
}

.fg-hero-header {
    padding-top: 40px
}

@media (min-width:768px) {
    .fg-hero-header {
        margin: 0 auto;
        padding-top: 46px;
        max-width: 480px
    }
}

@media (min-width:1024px) {
    .fg-hero-header {
        margin: 0;
        padding-top: 52px;
        padding-right: 40px;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .fg-hero-header {
        padding-top: 33px
    }
}

@media (min-width:1600px) {
    .fg-hero-header {
        padding-top: 26px;
        max-width: 620px
    }
}

.fg-hero-header h1 {
    font-family: 'AvenirNextRoundedStd-Med', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -.03em;
    text-align: center
}

@media (min-width:768px) {
    .fg-hero-header h1 {
        font-size: 35px;
        text-align: center
    }
}

@media (min-width:1024px) {
    .fg-hero-header h1 {
        font-size: 40px;
        text-align: left
    }
}

@media (min-width:1200px) {
    .fg-hero-header h1 {
        font-size: 50px
    }
}

@media (min-width:1600px) {
    .fg-hero-header h1 {
        font-size: 50px
    }
}

.fg-hero-header h1 b {
    color: #FF009B
}

.fg-hero-header h1 br {
    display: none
}

@media (min-width:1200px) {
    .fg-hero-header h1 br {
        display: block
    }
}

.fg-hero-text {
    margin-top: 20px
}

@media (min-width:768px) {
    .fg-hero-text {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:1024px) {
    .fg-hero-text {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .fg-hero-text {
        margin-top: 30px;
        max-width: 420px
    }
}

@media (min-width:1600px) {
    .fg-hero-text {
        max-width: 530px
    }
}

.fg-hero-text p {
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: -.025em;
    color: rgba(42, 38, 56, .8);
    text-align: center
}

@media (min-width:768px) {
    .fg-hero-text p {
        line-height: 170%;
        text-align: center;
        font-size: 20px
    }
}

@media (min-width:1024px) {
    .fg-hero-text p {
        text-align: left;
        font-size: 16px;
        max-width: 350px
    }
}

@media (min-width:1200px) {
    .fg-hero-text p {
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-hero-text p {
        font-size: 20px
    }
}

.fg-hero-action {
    margin-top: 30px
}

@media (min-width:768px) {
    .fg-hero-action {
        margin-top: 33px;
        text-align: center
    }
}

@media (min-width:1024px) {
    .fg-hero-action {
        margin-top: 20px;
        text-align: left
    }
}

@media (min-width:1200px) {
    .fg-hero-action {
        margin-top: 40px
    }
}

@media (min-width:1600px) {
    .fg-hero-action {
        margin-top: 60px
    }
}

.fg-hero-notice {
    display: none;
    margin: 15px 0 0 0;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: -.025em;
    text-align: center;
    opacity: .6
}

@media (min-width:1024px) {
    .fg-hero-notice {
        text-align: left
    }
}

@media (min-width:1200px) {
    .fg-hero-notice {
        font-size: 16px;
        line-height: 27px
    }
}

.fg-hero-notice.-visible {
    display: block
}

.fg-hero-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 188px;
    height: 188px;
    background: #ffd336;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width:768px) {
    .fg-hero-circle {
        width: 349px;
        height: 349px
    }
}

@media (min-width:1024px) {
    .fg-hero-circle {
        width: 268px;
        height: 268px
    }
}

@media (min-width:1200px) {
    .fg-hero-circle {
        width: 308px;
        height: 308px
    }
}

@media (min-width:1600px) {
    .fg-hero-circle {
        width: 349px;
        height: 349px
    }
}

.fg-hero-figure {
    position: relative
}

@media (min-width:768px) {
    .fg-hero-figure {
        text-align: center
    }
}

@media (min-width:1024px) {
    .fg-hero-figure {
        text-align: right
    }
}

.fg-hero-figure:hover .fg-hero-figure-button button:before {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.fg-hero-figure.-circle {
    position: relative;
    max-width: 210px;
    margin: 0 auto
}

@media (min-width:768px) {
    .fg-hero-figure.-circle {
        max-width: 266px
    }
}

@media (min-width:1024px) {
    .fg-hero-figure.-circle {
        max-width: 332px
    }
}

@media (min-width:1200px) {
    .fg-hero-figure.-circle {
        max-width: 380px
    }
}

@media (min-width:1600px) {
    .fg-hero-figure.-circle {
        max-width: 480px;
        margin: -52px 0
    }
}

.fg-hero-figure-filter {
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.fg-hero-figure-particles {
    position: absolute;
    top: 8%;
    left: 0;
    right: 0
}

.fg-hero-figure-circle {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffd336
}

.fg-hero-figure-particle {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px
}

@media (min-width:768px) {
    .fg-hero-figure-particle {
        width: 46px;
        height: 46px
    }
}

@media (min-width:1024px) {
    .fg-hero-figure-particle {
        width: 52px;
        height: 52px
    }
}

@media (min-width:1200px) {
    .fg-hero-figure-particle {
        width: 61px;
        height: 61px
    }
}

.fg-hero-figure-particle img {
    width: 15px;
    height: 15px
}

@media (min-width:768px) {
    .fg-hero-figure-particle img {
        width: 20px;
        height: 20px
    }
}

.fg-hero-figure-particle.-v1 {
    top: -12%;
    left: -8%;
    background-color: #FF009B
}

@media (min-width:1600px) {
    .fg-hero-figure-particle.-v1 {
        width: 14%;
        height: 14%
    }
}

@media (min-width:1200px) {
    .fg-hero-figure-particle.-v1 img {
        width: 25px;
        height: 25px
    }
}

.fg-hero-figure-particle.-v2 {
    top: -3%;
    right: -13%;
    background-color: #ffd336
}

@media (min-width:1600px) {
    .fg-hero-figure-particle.-v2 {
        width: 16%;
        height: 16%
    }
}

@media (min-width:768px) {
    .fg-hero-figure-particle.-v2 img {
        width: 25px;
        height: 25px
    }
}

@media (min-width:1200px) {
    .fg-hero-figure-particle.-v2 img {
        width: 30px;
        height: 30px
    }
}

@media (min-width:1600px) {
    .fg-hero-figure-particle.-v2 img {
        width: 35px;
        height: 35px
    }
}

.fg-hero-figure-particle.-v3 {
    bottom: -8%;
    right: -20%;
    background-color: #61C5D0
}

@media (min-width:1600px) {
    .fg-hero-figure-particle.-v3 {
        width: 15%;
        height: 15%
    }
}

@media (min-width:1024px) {
    .fg-hero-figure-particle.-v3 img {
        width: 25px;
        height: 25px
    }
}

@media (min-width:1600px) {
    .fg-hero-figure-particle.-v3 img {
        width: 30px;
        height: 30px
    }
}

.fg-hero-figure-particle-icon {
    font-size: 14px;
    cursor: default
}

@media (min-width:768px) {
    .fg-hero-figure-particle-icon {
        font-size: 18px
    }
}

@media (min-width:768px) {
    .fg-hero-figure-particle-icon {
        font-size: 18px
    }
}

@media (min-width:1024px) {
    .fg-hero-figure-particle-icon {
        font-size: 20px
    }
}

@media (min-width:1200px) {
    .fg-hero-figure-particle-icon {
        font-size: 25px
    }
}

.fg-hero-figure-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, -o-transform .3s;
    -moz-transition: opacity .3s, transform .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.fg-hero-figure-button.-hidden {
    -webkit-transform: translate(-50%, -50%) scale(.5);
    -moz-transform: translate(-50%, -50%) scale(.5);
    -ms-transform: translate(-50%, -50%) scale(.5);
    -o-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity .3s, z-index 0s .3s, -webkit-transform .3s;
    transition: opacity .3s, z-index 0s .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, z-index 0s .3s, -o-transform .3s;
    -moz-transition: opacity .3s, transform .3s, z-index 0s .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s, z-index 0s .3s;
    transition: opacity .3s, transform .3s, z-index 0s .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.fg-hero-figure-button button {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #FF009B;
    background-image: url('../img/video/play.svg');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

@media (min-width:768px) {
    .fg-hero-figure-button button {
        width: 38px;
        height: 38px
    }
}

@media (min-width:1200px) {
    .fg-hero-figure-button button {
        width: 42px;
        height: 42px
    }
}

@media (min-width:1600px) {
    .fg-hero-figure-button button {
        width: 64px;
        height: 64px
    }
}

.fg-hero-figure-button button:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #FF009B;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.fg-hero-figure-img {
    position: relative;
    text-align: center
}

@media (min-width:1024px) {
    .fg-hero-figure-img {
        text-align: left
    }
}

.fg-hero-figure-img img {
    width: 340px;
    max-width: 100%;
    height: auto
}

@media (min-width:1024px) {
    .fg-hero-figure-img img {
        width: auto
    }
}

.fg-hero-figure-img.-lg {
    max-width: 272px;
    margin: 0 auto;
    cursor: pointer
}

@media (min-width:768px) {
    .fg-hero-figure-img.-lg {
        max-width: 505px
    }
}

@media (min-width:1024px) {
    .fg-hero-figure-img.-lg {
        max-width: 388px
    }
}

@media (min-width:1200px) {
    .fg-hero-figure-img.-lg {
        max-width: 446px
    }
}

@media (min-width:1600px) {
    .fg-hero-figure-img.-lg {
        max-width: 505px
    }
}

.fg-hero-figure-img.-lg img {
    width: 100%
}

.fg-hero-figure-img.-home {
    padding: 0 22px
}

@media (min-width:768px) {
    .fg-hero-figure-img.-home {
        padding: 0 28px
    }
}

@media (min-width:1024px) {
    .fg-hero-figure-img.-home {
        padding: 0 38px
    }
}

@media (min-width:1200px) {
    .fg-hero-figure-img.-home {
        padding: 0 42px
    }
}

@media (min-width:1600px) {
    .fg-hero-figure-img.-home {
        padding: 0 63px
    }
}

.fg-hero-form {
    display: none;
    margin: 0 auto;
    width: 280px
}

@media (min-width:768px) {
    .fg-hero-form {
        width: 309px
    }
}

@media (min-width:1024px) {
    .fg-hero-form {
        width: 318px;
        margin: 0
    }
}

@media (min-width:1200px) {
    .fg-hero-form {
        width: 354px
    }
}

@media (min-width:1600px) {
    .fg-hero-form {
        width: 406px
    }
}

.fg-hero-form-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1024px) {
    .fg-hero-form-items {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.fg-hero-form-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 30px
}

.fg-hero-form-item:first-child {
    margin: 0
}

.fg-hero-form-item.-sm {
    width: 92px
}

.fg-hero-form-body {
    display: none
}

.fg-hero-form-body.-visible {
    display: block
}

.fg-hero-form-message {
    display: none;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.025em;
    font-weight: normal
}

@media (min-width:1200px) {
    .fg-hero-form-message {
        font-size: 18px;
        line-height: 27px
    }
}

.fg-hero-form-message.-visible {
    display: block
}

.fg-hero-form .iti {
    width: 100%
}

.fg-hero-form .iti__flag {
    margin: 3px 0 0 0;
    background-image: url('../img/flags.png');
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

@media (min-width:1600px) {
    .fg-hero-form .iti__flag {
        margin: 5px 0 0 0
    }
}

@media (-webkit-min-device-pixel-ratio:2),
(min--moz-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:2/1),
(min-resolution:192dpi) {
    .fg-hero-form .iti__flag {
        background-image: url('../img/flags@2x.png')
    }
}

.fg-hero-form .iti__country-list {
    min-width: 280px;
    border: none;
    -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 16px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, .05)
}

@media (min-width:768px) {
    .fg-hero-form .iti__country-list {
        min-width: 309px
    }
}

@media (min-width:1024px) {
    .fg-hero-form .iti__country-list {
        min-width: 318px
    }
}

@media (min-width:1200px) {
    .fg-hero-form .iti__country-list {
        min-width: 354px
    }
}

@media (min-width:1600px) {
    .fg-hero-form .iti__country-list {
        min-width: 406px
    }
}

.fg-hero-form .iti__selected-flag {
    padding: 0 6px 9px 0;
    background-color: transparent
}

@media (min-width:768px) {
    .fg-hero-form .iti__selected-flag {
        padding: 0 6px 13px 0
    }
}

@media (min-width:1600px) {
    .fg-hero-form .iti__selected-flag {
        padding: 0 6px 12px 0
    }
}

.fg-hero-form .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.fg-hero-form .iti__selected-dial-code {
    margin: 0 0 0 5px
}

@media (min-width:768px) {
    .fg-hero-form .iti__selected-dial-code {
        margin: 0 0 0 8px
    }
}

@media (min-width:1200px) {
    .fg-hero-form .iti__selected-dial-code {
        margin: 0 0 0 10px
    }
}

.fg-hero-form .iti__arrow {
    width: 10px;
    height: 6px;
    margin-left: 6px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-image: url('../img/hero/5.svg');
    border: none
}

@media (min-width:768px) {
    .fg-hero-form .iti__arrow {
        margin-left: 8px
    }
}

.fg-hero-form .iti__selected-dial-code {
    font-size: 16px;
    letter-spacing: .065em;
    font-weight: normal
}

@media (min-width:768px) {
    .fg-hero-form .iti__selected-dial-code {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .fg-hero-form .iti__selected-dial-code {
        font-size: 20px
    }
}

@media (min-width:1600px) {
    .fg-hero-form .iti__selected-dial-code {
        font-size: 24px
    }
}

.fg-hero-form.-visible {
    display: block
}

@-webkit-keyframes fg-hero-down {
    0% {
        -webkit-transform: translate3d(0, -70%, 0) rotateX(90deg) scale(.5) skewX(2deg);
        transform: translate3d(0, -70%, 0) rotateX(90deg) scale(.5) skewX(2deg)
    }

    30% {
        -webkit-transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0);
        transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0)
    }

    70% {
        -webkit-transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0);
        transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0)
    }

    95% {
        -webkit-transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg);
        transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg)
    }

    100% {
        -webkit-transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg);
        transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg)
    }
}

@-moz-keyframes fg-hero-down {
    0% {
        -moz-transform: translate3d(0, -70%, 0) rotateX(90deg) scale(.5) skewX(2deg);
        transform: translate3d(0, -70%, 0) rotateX(90deg) scale(.5) skewX(2deg)
    }

    30% {
        -moz-transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0);
        transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0)
    }

    70% {
        -moz-transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0);
        transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0)
    }

    95% {
        -moz-transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg);
        transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg)
    }

    100% {
        -moz-transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg);
        transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg)
    }
}

@-o-keyframes fg-hero-down {
    0% {
        transform: translate3d(0, -70%, 0) rotateX(90deg) scale(.5) skewX(2deg)
    }

    30% {
        transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0)
    }

    70% {
        transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0)
    }

    95% {
        transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg)
    }

    100% {
        transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg)
    }
}

@keyframes fg-hero-down {
    0% {
        -webkit-transform: translate3d(0, -70%, 0) rotateX(90deg) scale(.5) skewX(2deg);
        -moz-transform: translate3d(0, -70%, 0) rotateX(90deg) scale(.5) skewX(2deg);
        transform: translate3d(0, -70%, 0) rotateX(90deg) scale(.5) skewX(2deg)
    }

    30% {
        -webkit-transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0);
        -moz-transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0);
        transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0)
    }

    70% {
        -webkit-transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0);
        -moz-transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0);
        transform: translate3d(0, 0, 0) rotateX(0) scale(1) skewX(0)
    }

    95% {
        -webkit-transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg);
        -moz-transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg);
        transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg)
    }

    100% {
        -webkit-transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg);
        -moz-transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg);
        transform: translate3d(0, 40%, 0) rotateX(-90deg) scale(.5) skewX(-2deg)
    }
}

.fg-partreel-content {
    padding: 0 0 80px 0;
    overflow: scroll
}

@media (min-width:1024px) {
    .fg-partreel-content {
        padding: 20px 0 120px 0
    }
}

@media (min-width:1200px) {
    .fg-partreel-content {
        padding: 40px 0 150px 0
    }
}

.fg-partreel-container {
    padding: 0 0 0 20px;
    margin: 0 auto
}

@media (min-width:768px) {
    .fg-partreel-container {
        padding: 0 0 0 34px
    }
}

@media (min-width:1024px) {
    .fg-partreel-container {
        padding: 0 0 0 102px
    }
}

@media (min-width:1200px) {
    .fg-partreel-container {
        padding: 0 0 0 130px
    }
}

@media (min-width:1600px) {
    .fg-partreel-container {
        padding: 0 0 0 210px
    }
}

.fg-partreel-wrapper {
    margin: 0 -20px 0 0;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.fg-partreel-wrapper::-webkit-scrollbar {
    display: none
}

@media (min-width:768px) {
    .fg-partreel-wrapper {
        margin: 0 -34px 0 0
    }
}

@media (min-width:1024px) {
    .fg-partreel-wrapper {
        margin: 0 -102px 0 0
    }
}

@media (min-width:1200px) {
    .fg-partreel-wrapper {
        margin: 0 -130px 0 0
    }
}

@media (min-width:1600px) {
    .fg-partreel-wrapper {
        margin: 0 -210px 0 0
    }
}

.fg-partreel-items {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.fg-partreel-item {
    display: block;
    height: 50px;
    text-decoration: none
}

@media (min-width:768px) {
    .fg-partreel-item {
        height: 60px
    }
}

.fg-partreel-item:hover {
    text-decoration: none
}

.fg-partreel-item img {
    width: auto !important;
    height: 100%
}

.fg-coupon-content {
    padding: 80px 0 60px
}

@media (min-width:768px) {
    .fg-coupon-content {
        padding: 120px 0 65px
    }
}

@media (min-width:1024px) {
    .fg-coupon-content {
        padding: 175px 0 100px
    }
}

@media (min-width:1200px) {
    .fg-coupon-content {
        padding: 180px 0 120px
    }
}

@media (min-width:1600px) {
    .fg-coupon-content {
        padding: 200px 0 140px
    }
}

.fg-coupon-content.-business {
    padding: 180px 0 110px
}

@media (min-width:768px) {
    .fg-coupon-content.-business {
        padding: 200px 0 260px
    }
}

@media (min-width:1024px) {
    .fg-coupon-content.-business {
        padding: 280px 0 320px
    }
}

@media (min-width:1200px) {
    .fg-coupon-content.-business {
        padding: 300px 0 410px
    }
}

@media (min-width:1600px) {
    .fg-coupon-content.-business {
        padding: 320px 0 420px
    }
}

.fg-coupon-wrapper {
    position: relative
}

.fg-coupon-figure {
    width: 100%;
    height: 0;
    position: relative
}

.fg-coupon-figure-icon {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

@media (max-width:767px) {
    .fg-coupon-figure-icon.-hand {
        display: none
    }
}

@media (min-width:768px) {
    .fg-coupon-figure-icon.-hand {
        bottom: 34%
    }
}

@media (min-width:1024px) {
    .fg-coupon-figure-icon.-hand {
        bottom: 31%
    }
}

@media (min-width:1200px) {
    .fg-coupon-figure-icon.-hand {
        bottom: 38%
    }
}

@media (min-width:1600px) {
    .fg-coupon-figure-icon.-hand {
        bottom: 36%
    }
}

@media (min-width:768px) {
    .fg-coupon-figure-icon.-hand img {
        height: 80px
    }
}

@media (min-width:1024px) {
    .fg-coupon-figure-icon.-hand img {
        height: 90px
    }
}

@media (min-width:1200px) {
    .fg-coupon-figure-icon.-hand img {
        height: 90px
    }
}

@media (min-width:1600px) {
    .fg-coupon-figure-icon.-hand img {
        height: 95px
    }
}

.fg-coupon-figure-icon img {
    max-width: 100%;
    height: auto
}

.fg-coupon-figure.-main {
    padding-bottom: 63%
}

@media (min-width:768px) {
    .fg-coupon-figure.-main {
        padding-bottom: 47%
    }
}

.fg-coupon-figure.-main .fg-coupon-figure-particle img {
    width: 100%;
    height: auto
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v1 {
    width: 41%;
    left: 38%;
    top: 21%;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

@media (min-width:768px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v1 {
        width: 19.3%;
        left: 19.2%;
        top: 14%
    }
}

@media (min-width:1024px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v1 {
        top: 17%;
        -webkit-transform: rotate(-28deg);
        -moz-transform: rotate(-28deg);
        -ms-transform: rotate(-28deg);
        -o-transform: rotate(-28deg);
        transform: rotate(-28deg)
    }
}

@media (min-width:1200px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v1 {
        width: 17%;
        left: 23%
    }
}

@media (min-width:1600px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v1 {
        width: 18.8%;
        left: 19.6%;
        top: 15%
    }
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v1 .fg-coupon-figure-particle-part.-v1 {
    width: 68.5%;
    left: 0;
    top: 0
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v1 .fg-coupon-figure-particle-part.-v2 {
    width: 70.15%;
    right: 0;
    bottom: 0
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v2 {
    width: 29%;
    right: 1%;
    top: 46%
}

@media (min-width:768px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v2 {
        width: 14%;
        right: 3%;
        top: 15%
    }
}

@media (min-width:1024px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v2 {
        right: 2.5%;
        top: 18%
    }
}

@media (min-width:1200px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v2 {
        width: 12%;
        right: 8%;
        top: 18%
    }
}

@media (min-width:1600px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v2 {
        width: 14%;
        right: 3%;
        top: 16%
    }
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v2 .fg-coupon-figure-particle-part.-v1 {
    width: 85.1%;
    left: 0;
    bottom: 0
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v2 .fg-coupon-figure-particle-part.-v2 {
    width: 79.26%;
    right: 0;
    top: 0
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v3 {
    width: 32%;
    left: 3%;
    top: 16%;
    -webkit-transform: rotate(-33deg);
    -moz-transform: rotate(-33deg);
    -ms-transform: rotate(-33deg);
    -o-transform: rotate(-33deg);
    transform: rotate(-33deg)
}

@media (min-width:768px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v3 {
        width: 14.76%;
        left: 16.5%;
        bottom: 17%;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media (min-width:1024px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v3 {
        bottom: 0
    }
}

@media (min-width:1200px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v3 {
        width: 13%;
        bottom: 21%;
        left: 17%
    }
}

@media (min-width:1600px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v3 {
        width: 15%;
        bottom: 16%;
        left: 13%
    }
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v3 .fg-coupon-figure-particle-part.-v1 {
    width: 82.5%;
    left: 0;
    top: 0
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v3 .fg-coupon-figure-particle-part.-v2 {
    width: 85%;
    right: 0;
    bottom: 0
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v4 {
    display: none
}

@media (min-width:768px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v4 {
        display: block;
        width: 5.5%;
        right: 34.5%;
        top: 21.2%
    }
}

@media (min-width:1024px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v4 {
        top: 24.2%
    }
}

@media (min-width:1200px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v4 {
        width: 5%;
        right: 36%;
        top: 22.5%
    }
}

@media (min-width:1600px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v4 {
        width: 5.5%;
        right: 35%;
        top: 22%
    }
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v5 {
    width: 44%;
    left: 18%;
    bottom: -10%;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg)
}

@media (min-width:768px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v5 {
        width: 19%;
        left: 65%;
        bottom: 15%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media (min-width:1024px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v5 {
        bottom: 10%
    }
}

@media (min-width:1200px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v5 {
        width: 18%;
        left: 63.5%;
        bottom: 17%
    }
}

@media (min-width:1600px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v5 {
        width: 19%;
        left: 66.5%;
        bottom: 9%
    }
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v5 .fg-coupon-figure-particle-part.-v1 {
    width: 79.5%;
    left: 0;
    top: 0
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v5 .fg-coupon-figure-particle-part.-v2 {
    width: 76%;
    right: 0;
    bottom: 0
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v6 {
    right: 19%;
    top: 28%
}

@media (min-width:768px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v6 {
        right: auto;
        left: 0;
        top: 100px
    }
}

@media (min-width:1024px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v6 {
        top: 127px
    }
}

@media (min-width:1200px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v6 {
        left: 50px;
        top: 140px
    }
}

@media (min-width:1600px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v6 {
        left: 0;
        top: 170px
    }
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v6 .fg-coupon-figure-particle-dot {
    width: 10px;
    height: 10px;
    background: #FF009B;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

@media (min-width:768px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v6 .fg-coupon-figure-particle-dot {
        width: 16px;
        height: 16px
    }
}

@media (min-width:1024px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v6 .fg-coupon-figure-particle-dot {
        width: 19px;
        height: 19px
    }
}

@media (min-width:1600px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v6 .fg-coupon-figure-particle-dot {
        width: 27px;
        height: 27px
    }
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v7 {
    right: 37%;
    bottom: 23%
}

@media (min-width:768px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v7 {
        right: 0;
        bottom: 110px
    }
}

@media (min-width:1024px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v7 {
        bottom: 115px
    }
}

@media (min-width:1200px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v7 {
        bottom: 160px;
        right: 50px
    }
}

@media (min-width:1600px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v7 {
        bottom: 180px;
        right: 5px
    }
}

.fg-coupon-figure.-main .fg-coupon-figure-particle.-v7 .fg-coupon-figure-particle-dot {
    width: 8px;
    height: 8px;
    background: #A66FED;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

@media (min-width:1200px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v7 .fg-coupon-figure-particle-dot {
        width: 9px;
        height: 9px
    }
}

@media (min-width:1600px) {
    .fg-coupon-figure.-main .fg-coupon-figure-particle.-v7 .fg-coupon-figure-particle-dot {
        width: 13px;
        height: 13px
    }
}

.fg-coupon-figure.-business {
    position: absolute;
    left: 50%;
    z-index: 1;
    width: 280px;
    height: 152px;
    margin: 0 auto;
    -webkit-transform: translateX(-50%) translateY(-180px);
    -moz-transform: translateX(-50%) translateY(-180px);
    -ms-transform: translateX(-50%) translateY(-180px);
    -o-transform: translateX(-50%) translateY(-180px);
    transform: translateX(-50%) translateY(-180px);
    pointer-events: none
}

@media (min-width:768px) {
    .fg-coupon-figure.-business {
        left: auto;
        width: 100%;
        height: 382px;
        -webkit-transform: translateX(0) translateY(-138px);
        -moz-transform: translateX(0) translateY(-138px);
        -ms-transform: translateX(0) translateY(-138px);
        -o-transform: translateX(0) translateY(-138px);
        transform: translateX(0) translateY(-138px)
    }
}

@media (min-width:1024px) {
    .fg-coupon-figure.-business {
        height: 498px;
        -webkit-transform: translateX(0) translateY(-202px);
        -moz-transform: translateX(0) translateY(-202px);
        -ms-transform: translateX(0) translateY(-202px);
        -o-transform: translateX(0) translateY(-202px);
        transform: translateX(0) translateY(-202px)
    }
}

@media (min-width:1200px) {
    .fg-coupon-figure.-business {
        height: 652px;
        -webkit-transform: translateX(0) translateY(-267px);
        -moz-transform: translateX(0) translateY(-267px);
        -ms-transform: translateX(0) translateY(-267px);
        -o-transform: translateX(0) translateY(-267px);
        transform: translateX(0) translateY(-267px)
    }
}

@media (min-width:1600px) {
    .fg-coupon-figure.-business {
        height: 675px;
        -webkit-transform: translateX(0) translateY(-284px);
        -moz-transform: translateX(0) translateY(-284px);
        -ms-transform: translateX(0) translateY(-284px);
        -o-transform: translateX(0) translateY(-284px);
        transform: translateX(0) translateY(-284px)
    }
}

.fg-coupon-figure.-business .fg-coupon-figure-particle img {
    width: 100%;
    height: auto
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v1 {
    width: 93px;
    height: 63px;
    left: 0;
    top: 21px
}

@media (min-width:768px) {
    .fg-coupon-figure.-business .fg-coupon-figure-particle.-v1 {
        width: 14.7%;
        height: 16.6%;
        left: 0;
        top: 36%
    }
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v1 .fg-coupon-figure-particle-part.-v1 {
    width: 62.5%;
    left: 0;
    top: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v1 .fg-coupon-figure-particle-part.-v2 {
    width: 65%;
    right: 0;
    bottom: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v2 {
    width: 85px;
    height: 54px;
    left: 105px;
    top: 25px
}

@media (min-width:768px) {
    .fg-coupon-figure.-business .fg-coupon-figure-particle.-v2 {
        width: 14.5%;
        height: 17.11%;
        left: 14.5%;
        top: 10%
    }
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v2 .fg-coupon-figure-particle-part.-v1 {
    width: 67%;
    left: 0;
    bottom: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v2 .fg-coupon-figure-particle-part.-v2 {
    width: 66.5%;
    right: 0;
    top: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v3 {
    width: 90px;
    height: 50px;
    right: 0;
    top: 0
}

@media (min-width:768px) {
    .fg-coupon-figure.-business .fg-coupon-figure-particle.-v3 {
        width: 17.66%;
        height: 23.04%;
        right: initial;
        left: 34.86%;
        top: 9%
    }
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v3 .fg-coupon-figure-particle-part.-v1 {
    width: 58.2%;
    left: 0;
    top: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v3 .fg-coupon-figure-particle-part.-v2 {
    width: 61.28%;
    right: 0;
    bottom: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v4 {
    display: none
}

@media (min-width:768px) {
    .fg-coupon-figure.-business .fg-coupon-figure-particle.-v4 {
        display: block;
        width: 10.5%;
        height: 25.77%;
        right: 23.5%;
        top: 20px
    }
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v4 .fg-coupon-figure-particle-part.-v1 {
    width: 85.1%;
    left: 0;
    top: 5%
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v4 .fg-coupon-figure-particle-part.-v2 {
    width: 83%;
    right: 0;
    top: 20%
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v5 {
    width: 145px;
    height: 47px;
    right: 10px;
    bottom: 65px
}

@media (min-width:768px) {
    .fg-coupon-figure.-business .fg-coupon-figure-particle.-v5 {
        width: 28%;
        height: 18.66%;
        right: -6%;
        bottom: initial;
        top: 17%
    }
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v5 .fg-coupon-figure-particle-part.-v1 {
    width: 68%;
    left: 0;
    top: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v5 .fg-coupon-figure-particle-part.-v2 {
    width: 75%;
    right: 8%;
    bottom: -75%
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v6 {
    display: none
}

@media (min-width:768px) {
    .fg-coupon-figure.-business .fg-coupon-figure-particle.-v6 {
        display: block;
        width: 18.8%;
        height: 23.4%;
        right: 0;
        bottom: 13.55%
    }
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v6 .fg-coupon-figure-particle-part.-v1 {
    width: 56%;
    left: 0;
    top: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v6 .fg-coupon-figure-particle-part.-v2 {
    width: 53.35%;
    right: 0;
    bottom: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v7 {
    display: none
}

@media (min-width:768px) {
    .fg-coupon-figure.-business .fg-coupon-figure-particle.-v7 {
        display: block;
        width: 9.5%;
        height: 22.74%;
        right: 29.5%;
        bottom: 0%
    }
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v7 .fg-coupon-figure-particle-part.-v1 {
    width: 90%;
    left: 0;
    top: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v7 .fg-coupon-figure-particle-part.-v2 {
    width: 86.26%;
    right: 0;
    bottom: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v8 {
    width: 88px;
    height: 57px;
    left: 50px;
    bottom: 0
}

@media (min-width:768px) {
    .fg-coupon-figure.-business .fg-coupon-figure-particle.-v8 {
        width: 14.5%;
        height: 17.77%;
        left: 34%;
        bottom: 0
    }
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v8 .fg-coupon-figure-particle-part.-v1 {
    width: 80%;
    left: 0;
    top: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v8 .fg-coupon-figure-particle-part.-v2 {
    width: 76%;
    right: 0;
    bottom: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v9 {
    display: none
}

@media (min-width:768px) {
    .fg-coupon-figure.-business .fg-coupon-figure-particle.-v9 {
        display: block;
        width: 22.6%;
        height: 21.26%;
        left: 2.6%;
        bottom: 10%
    }
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v9 .fg-coupon-figure-particle-part.-v1 {
    width: 50.5%;
    left: 0;
    bottom: 0
}

.fg-coupon-figure.-business .fg-coupon-figure-particle.-v9 .fg-coupon-figure-particle-part.-v2 {
    width: 55.23%;
    right: 0;
    top: 0
}

.fg-coupon-figure-particle {
    position: absolute;
    z-index: 1
}

.fg-coupon-figure-particle-part {
    position: absolute;
    opacity: 0
}

.fg-coupon-header {
    margin: 40px auto 0;
    max-width: 540px
}

@media (min-width:768px) {
    .fg-coupon-header {
        margin: 0 auto
    }
}

@media (min-width:1200px) {
    .fg-coupon-header {
        max-width: 620px
    }
}

@media (min-width:1600px) {
    .fg-coupon-header {
        max-width: 785px
    }
}

.fg-coupon-header.-business {
    margin: 0 auto
}

@media (min-width:768px) {
    .fg-coupon-header.-business {
        max-width: 510px
    }
}

@media (min-width:1024px) {
    .fg-coupon-header.-business {
        max-width: 560px
    }
}

@media (min-width:1200px) {
    .fg-coupon-header.-business {
        max-width: 620px
    }
}

@media (min-width:1600px) {
    .fg-coupon-header.-business {
        max-width: 660px
    }

    .fg-coupon-header.-business h2 {
        font-size: 50px
    }
}

.fg-coupon-header h2 {
    font-family: 'AvenirNextRoundedStd-Med', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -.03em;
    text-align: center
}

@media (min-width:768px) {
    .fg-coupon-header h2 {
        font-size: 35px
    }
}

@media (min-width:1024px) {
    .fg-coupon-header h2 {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-coupon-header h2 {
        font-size: 50px
    }
}

.fg-coupon-header h2 b {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #FF009B;
    font-weight: 600;
    opacity: 0;
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    transform: translateY(25px);
    pointer-events: none;
    -webkit-transition: opacity .15s, -webkit-transform .25s;
    transition: opacity .15s, -webkit-transform .25s;
    -o-transition: opacity .15s, -o-transform .25s;
    -moz-transition: opacity .15s, transform .25s, -moz-transform .25s;
    transition: opacity .15s, transform .25s;
    transition: opacity .15s, transform .25s, -webkit-transform .25s, -moz-transform .25s, -o-transform .25s
}

.fg-coupon-header h2 b:first-child {
    position: static
}

.fg-coupon-header h2 b.-visible {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .7s, -webkit-transform .8s cubic-bezier(.47, 1.64, .41, .8);
    transition: opacity .7s, -webkit-transform .8s cubic-bezier(.47, 1.64, .41, .8);
    -o-transition: opacity .7s, -o-transform .8s cubic-bezier(.47, 1.64, .41, .8);
    -moz-transition: opacity .7s, transform .8s cubic-bezier(.47, 1.64, .41, .8), -moz-transform .8s cubic-bezier(.47, 1.64, .41, .8);
    transition: opacity .7s, transform .8s cubic-bezier(.47, 1.64, .41, .8);
    transition: opacity .7s, transform .8s cubic-bezier(.47, 1.64, .41, .8), -webkit-transform .8s cubic-bezier(.47, 1.64, .41, .8), -moz-transform .8s cubic-bezier(.47, 1.64, .41, .8), -o-transform .8s cubic-bezier(.47, 1.64, .41, .8)
}

.fg-coupon-header h2 span {
    color: #2a2638
}

@media (min-width:768px) {
    .fg-coupon-header br {
        display: none
    }
}

.fg-coupon-caption {
    margin-top: 20px;
    text-align: center
}

@media (min-width:1200px) {
    .fg-coupon-caption {
        margin-top: 30px
    }
}

@media (min-width:1600px) {
    .fg-coupon-caption {
        margin-top: 35px
    }
}

.fg-coupon-caption p {
    color: rgba(42, 38, 56, .8);
    font-weight: normal;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: -.025em
}

@media (min-width:768px) {
    .fg-coupon-caption p {
        font-size: 20px;
        line-height: 130%;
        text-align: center
    }
}

@media (min-width:1200px) {
    .fg-coupon-caption p {
        font-size: 24px
    }
}

.fg-stages {
    position: relative;
    background-color: #FFF4F8;
    z-index: 3
}

.fg-stages-rmask {
    height: 20px
}

@media (min-width:1200px) {
    .fg-stages-rmask {
        height: 25px
    }
}

@media (min-width:1600px) {
    .fg-stages-rmask {
        height: 30px
    }
}

.fg-stages-rmask svg {
    display: block;
    width: 100%;
    height: 100%
}

.fg-stages-rmask.-top {
    position: static
}

.fg-stages-rmask.-top svg {
    fill: #F9F9F9
}

.fg-stages-rmask.-bottom {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%
}

.fg-stages-rmask.-bottom svg {
    fill: #FFF4F8
}

.fg-stages-content {
    padding: 32px 0 46px
}

@media (min-width:768px) {
    .fg-stages-content {
        padding: 72px 0 80px
    }
}

@media (min-width:1024px) {
    .fg-stages-content {
        padding: 78px 0 106px
    }
}

@media (min-width:1200px) {
    .fg-stages-content {
        padding: 104px 0 142px
    }
}

@media (min-width:1600px) {
    .fg-stages-content {
        padding: 86px 0 170px
    }
}

.fg-stages-header h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -.03em
}

@media (min-width:768px) {
    .fg-stages-header h2 {
        font-size: 35px;
        line-height: 110%
    }
}

@media (min-width:1024px) {
    .fg-stages-header h2 {
        font-size: 40px;
        line-height: 110%
    }
}

@media (min-width:1200px) {
    .fg-stages-header h2 {
        font-size: 50px;
        line-height: 110%
    }
}

.fg-stages-caption {
    margin: 20px auto 0 auto
}

@media (min-width:768px) {
    .fg-stages-caption {
        max-width: 452px
    }
}

@media (min-width:1024px) {
    .fg-stages-caption {
        margin: 30px auto 0 auto
    }
}

@media (min-width:1200px) {
    .fg-stages-caption {
        max-width: 530px
    }
}

@media (min-width:1600px) {
    .fg-stages-caption {
        max-width: 570px
    }
}

.fg-stages-caption p {
    font-size: 16px;
    line-height: 170%;
    text-align: center;
    letter-spacing: -.025em;
    color: rgba(42, 38, 56, .8)
}

@media (min-width:1200px) {
    .fg-stages-caption p {
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-stages-caption p {
        font-size: 20px;
        line-height: 34px
    }
}

@media (max-width:767px) {
    .fg-stages-caption br {
        display: none
    }
}

@media (max-width:767px) {
    .fg-stages-wrapper.-sm {
        display: none
    }
}

@media (min-width:768px) {
    .fg-stages-wrapper.-sm {
        margin-top: 85px
    }
}

@media (min-width:1024px) {
    .fg-stages-wrapper.-sm {
        margin-top: 80px
    }
}

@media (min-width:1200px) {
    .fg-stages-wrapper.-sm {
        margin-top: 100px
    }
}

@media (min-width:1600px) {
    .fg-stages-wrapper.-sm {
        margin-top: 90px
    }
}

@media (min-width:768px) {
    .fg-stages-wrapper.-xs {
        display: none
    }
}

.fg-stages-slider {
    margin-top: 40px
}

.fg-stages-slider-slide-img {
    width: 100%;
    height: 0;
    padding-bottom: 74%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    overflow: hidden
}

.fg-stages-slider-slide-img.-blue {
    background-color: #61C5D0
}

.fg-stages-slider-slide-img.-green {
    background-color: #FF009B
}

.fg-stages-slider-slide-img.-yellow {
    background-color: #ffd336
}

.fg-stages-slider-slide-img.-purple {
    background-color: #ae6eff
}

.fg-stages-slider-slide-img.-pink {
    background-color: #FF009B
}

.fg-stages-slider-slide-img.-bottom img {
    top: 30px;
    max-width: 130px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fg-stages-slider-slide-img.-left img {
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fg-stages-slider-slide-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fg-stages-slider-slide-title {
    margin-top: 24px;
    font-weight: normal;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: -.03em;
    color: #FF009B
}

.fg-stages-slider-slide-details {
    margin-top: 24px;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -.025em
}

.fg-stages-slider-nav {
    margin-top: 24px;
    text-align: center
}

.fg-stages-slider-nav-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: rgba(196, 196, 196, .1)
}

.fg-stages-slider-nav-btn {
    width: 6px;
    height: 6px;
    background-color: rgba(42, 38, 56, .2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

.fg-stages-slider-nav-btn:not(:first-child) {
    margin-left: 9px
}

.fg-stages-slider-nav-btn.active {
    background-color: #61C5D0;
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7)
}

.fg-stages-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fg-stages-grid-col.-left {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:768px) {
    .fg-stages-grid-col.-left {
        margin-right: 46px
    }
}

@media (min-width:1024px) {
    .fg-stages-grid-col.-left {
        margin-right: 64px
    }
}

@media (min-width:1200px) {
    .fg-stages-grid-col.-left {
        margin-right: 74px
    }
}

@media (min-width:1600px) {
    .fg-stages-grid-col.-left {
        margin-right: 120px
    }
}

@media (min-width:1024px) {
    .fg-stages-grid-col.-right {
        width: 304px
    }
}

@media (min-width:1024px) {
    .fg-stages-grid-col.-right {
        width: 368px
    }
}

@media (min-width:1600px) {
    .fg-stages-grid-col.-right {
        width: 440px
    }
}

.fg-stages-figure {
    width: 280px;
    height: 208px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .fg-stages-figure {
        width: 287px;
        height: 378px;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px
    }
}

@media (min-width:1024px) {
    .fg-stages-figure {
        width: 322px;
        height: 371px;
        -webkit-border-radius: 70px;
        -moz-border-radius: 70px;
        border-radius: 70px
    }
}

@media (min-width:1200px) {
    .fg-stages-figure {
        width: 391px;
        height: 455px
    }
}

@media (min-width:1600px) {
    .fg-stages-figure {
        width: 610px;
        height: 455px;
        -webkit-border-radius: 110px;
        -moz-border-radius: 110px;
        border-radius: 110px
    }
}

.fg-stages-figure-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fg-stages-figure-img.-blue {
    background-color: #FFFFFF
}

.fg-stages-figure-img.-green {
    background-color: #FFFFFF
}

.fg-stages-figure-img.-yellow {
    background-color: #FFFFFF
}

.fg-stages-figure-img.-purple {
    background-color: #FFFFFF
}

.fg-stages-figure-img.-pink {
    background-color: #FFFFFF
}

.fg-stages-figure-img.-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.fg-stages-figure-img.-top {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.fg-stages-figure-img.-top img {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .fg-stages-figure-img.-top img {
        top: 52px;
        max-width: 180px
    }
}

@media (min-width:1024px) {
    .fg-stages-figure-img.-top img {
        top: 68px;
        max-width: 195px
    }
}

@media (min-width:1200px) {
    .fg-stages-figure-img.-top img {
        top: 75px;
        max-width: 250px
    }
}

@media (min-width:1600px) {
    .fg-stages-figure-img.-top img {
        top: 95px;
        max-width: 430px
    }
}

.fg-stages-figure-img.-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.fg-stages-figure-img img {
    max-width: 100%;
    height: auto
}

.fg-stages-item {
    margin: 0 0 20px 0;
    cursor: default
}

.fg-stages-item:last-child {
    margin: 0
}

@media (min-width:768px) {
    .fg-stages-item {
        margin: 0 0 25px 0
    }
}

@media (min-width:1200px) {
    .fg-stages-item {
        margin: 0 0 30px 0
    }
}

.fg-stages-item-title {
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -.03em;
    color: rgba(42, 38, 56, .6);
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

@media (min-width:768px) {
    .fg-stages-item-title {
        font-size: 20px
    }
}

@media (min-width:1024px) {
    .fg-stages-item-title {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .fg-stages-item-title {
        font-size: 28px
    }
}

@media (min-width:1600px) {
    .fg-stages-item-title {
        font-size: 30px
    }
}

.fg-stages-item:not(.-current) .fg-stages-item-title {
    cursor: pointer
}

.fg-stages-item.-current .fg-stages-item-title {
    color: #2a2638
}

.fg-stages-item-caption {
    padding: 20px 0 0 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -.025em
}

@media (min-width:768px) {
    .fg-stages-item-caption {
        padding: 25px 0 0 0
    }
}

@media (min-width:1024px) {
    .fg-stages-item-caption {
        padding: 20px 0 0 0
    }
}

@media (min-width:1200px) {
    .fg-stages-item-caption {
        padding: 30px 0 0 0;
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-stages-item-caption {
        font-size: 20px;
        line-height: 30px
    }
}

.fg-stages-action {
    margin: 50px 0 0 0;
    text-align: center
}

@media (min-width:768px) {
    .fg-stages-action {
        margin: 70px 0 0 0
    }
}

@media (min-width:1200px) {
    .fg-stages-action {
        margin: 80px 0 0 0
    }
}

@media (min-width:1600px) {
    .fg-stages-action {
        margin: 100px 0 0 0
    }
}

.fg-stackcard {
    position: relative;
    color: #fff
}

.fg-stackcard.-purple {
    background-color: #FFFFFF;
    color: #0f0f0f
}

.fg-stackcard.-blue {
    background-color: #61C5D0
}

.fg-stackcard.-green {
    background-color: #FF009B
}

.fg-stackcard-content {
    padding: 60px 0;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1024px) {
    .fg-stackcard-content {
        padding: 80px 0 120px;
        display: block
    }
}

@media (min-width:1200px) {
    .fg-stackcard-content {
        padding: 90px 0 130px
    }
}

@media (min-width:1600px) {
    .fg-stackcard-content {
        padding: 120px 0 150px
    }
}

.fg-stackcard-container {
    width: 100%
}

.fg-stackcard-rmask {
    height: 20px
}

@media (min-width:1200px) {
    .fg-stackcard-rmask {
        height: 25px
    }
}

@media (min-width:1600px) {
    .fg-stackcard-rmask {
        height: 30px
    }
}

.fg-stackcard-rmask svg {
    display: block;
    width: 100%;
    height: 100%
}

.fg-stackcard-rmask.-top {
    position: static
}

.fg-stackcard-rmask.-top svg {
    fill: #F9F9F9
}

.fg-stackcard-rmask.-bottom {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%
}

.fg-stackcard-rmask.-bottom svg {
    fill: #f7f1ff
}

.fg-stackcard-header h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -.03em
}

@media (min-width:768px) {
    .fg-stackcard-header h2 {
        font-size: 35px
    }
}

@media (min-width:1024px) {
    .fg-stackcard-header h2 {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-stackcard-header h2 {
        font-size: 50px
    }
}

@media (max-width:767px) {
    .fg-stackcard-header h2 br {
        display: none
    }
}

.fg-stackcard-items {
    padding-top: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:768px) {
    .fg-stackcard-items {
        padding-top: 42px
    }
}

@media (min-width:1024px) {
    .fg-stackcard-items {
        padding-top: 60px
    }
}

@media (min-width:1200px) {
    .fg-stackcard-items {
        padding-top: 92px
    }
}

@media (min-width:1600px) {
    .fg-stackcard-items {
        padding-top: 120px
    }
}

.fg-stackcard-items-wrapper {
    margin: 0 auto;
    width: 220px;
    position: relative
}

@media (min-width:1024px) {
    .fg-stackcard-items-wrapper {
        width: 265px
    }
}

@media (min-width:1200px) {
    .fg-stackcard-items-wrapper {
        width: 305px
    }
}

@media (min-width:1600px) {
    .fg-stackcard-items-wrapper {
        width: 300px
    }
}

.fg-stackcard-items-wrapper:after,
.fg-stackcard-items-wrapper:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 90%;
    height: 80%;
    background-color: #fff;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    background-color: #fff;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: -o-transform 1s;
    -moz-transition: transform 1s, -moz-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s
}

@media (min-width:1024px) {

    .fg-stackcard-items-wrapper:after,
    .fg-stackcard-items-wrapper:before {
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        border-radius: 26px
    }
}

@media (min-width:1200px) {

    .fg-stackcard-items-wrapper:after,
    .fg-stackcard-items-wrapper:before {
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }
}

@media (min-width:1600px) {

    .fg-stackcard-items-wrapper:after,
    .fg-stackcard-items-wrapper:before {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px
    }
}

.fg-stackcard-items-wrapper:before {
    opacity: .2;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.fg-stackcard-items-wrapper:after {
    opacity: .5;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg)
}

.fg-stackcard-item {
    position: absolute;
    box-shadow: 0 0 0.5em rgb(42 38 56 / 6%);
    -webkit-box-shadow: 0 0 0.5em rgb(42 38 56 / 6%);
    -moz-box-shadow: 0 0 0.5em rgba(42, 38, 56, 0.06);
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 100%;
    padding: 26px 20px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    background-color: #fff
}

@media (min-width:768px) {
    .fg-stackcard-item {
        padding: 26px 20px
    }
}

@media (min-width:1024px) {
    .fg-stackcard-item {
        padding: 26px 20px 32px;
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        border-radius: 26px
    }
}

@media (min-width:1200px) {
    .fg-stackcard-item {
        padding: 32px 30px 50px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }
}

.fg-stackcard-item.-final {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    cursor: default
}

.fg-stackcard-item.-below {
    z-index: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.fg-stackcard-image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%
}

.fg-stackcard-image img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none
}

.fg-stackcard-image.-final {
    margin-top: 30px;
    padding-bottom: 64%
}

.fg-stackcard-title {
    font-weight: normal;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: -.03em;
    margin-top: 26px;
    color: #2a2638
}

@media (min-width:768px) {
    .fg-stackcard-title {
        font-size: 20px;
        line-height: 130%;
        margin-top: 32px
    }
}

@media (min-width:1024px) {
    .fg-stackcard-title {
        font-size: 25px;
        line-height: 104%
    }
}

@media (min-width:1200px) {
    .fg-stackcard-title {
        font-size: 28px;
        line-height: 110%
    }
}

.fg-stackcard-title.-final {
    margin-top: 0;
    font-size: 36px
}

@media (min-width:1024px) {
    .fg-stackcard-title.-final {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-stackcard-title.-final {
        font-size: 48px
    }
}

.fg-stackcard-text {
    margin-top: 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.025em;
    color: rgba(42, 38, 56, .8)
}

@media (min-width:768px) {
    .fg-stackcard-text {
        margin-top: 15px
    }
}

@media (min-width:1024px) {
    .fg-stackcard-text {
        margin-top: 20px;
        font-size: 16px;
        line-height: 18px
    }
}

@media (min-width:1200px) {
    .fg-stackcard-text {
        font-size: 18px;
        line-height: 20px
    }
}

@media (min-width:1600px) {
    .fg-stackcard-text {
        line-height: 23px
    }
}

.fg-preface.-v1 .fg-preface-content {
    padding-top: 156px
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-content {
        padding-top: 180px
    }
}

@media (min-width:1200px) {
    .fg-preface.-v1 .fg-preface-content {
        padding-top: 260px
    }
}

@media (min-width:1600px) {
    .fg-preface.-v1 .fg-preface-content {
        padding-top: 270px
    }
}

.fg-preface.-v2 .fg-preface-content {
    padding: 100px 0
}

@media (min-width:768px) {
    .fg-preface.-v2 .fg-preface-content {
        padding: 140px 0
    }
}

@media (min-width:1024px) {
    .fg-preface.-v2 .fg-preface-content {
        padding: 178px 0 160px
    }
}

@media (min-width:1200px) {
    .fg-preface.-v2 .fg-preface-content {
        padding: 179px 0 180px
    }
}

@media (min-width:1600px) {
    .fg-preface.-v2 .fg-preface-content {
        padding: 292px 0
    }
}

.fg-preface.-v1 .fg-preface-wrapper {
    position: relative;
    padding: 102px 0 110px
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-wrapper {
        padding: 58px 0 14px
    }
}

@media (min-width:1024px) {
    .fg-preface.-v1 .fg-preface-wrapper {
        padding: 58px 0 28px
    }
}

@media (min-width:1200px) {
    .fg-preface.-v1 .fg-preface-wrapper {
        padding: 81px 0 0
    }
}

@media (min-width:1600px) {
    .fg-preface.-v1 .fg-preface-wrapper {
        padding: 38px 0 44px
    }
}

.fg-preface.-v1 .fg-preface-header h2 {
    font-weight: normal;
    font-size: 30px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -.03em
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-header h2 {
        font-size: 35px
    }
}

@media (min-width:1024px) {
    .fg-preface.-v1 .fg-preface-header h2 {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-preface.-v1 .fg-preface-header h2 {
        font-size: 50px
    }
}

@media (min-width:1600px) {
    .fg-preface.-v1 .fg-preface-header h2 {
        font-size: 65px;
        line-height: 71px
    }
}

.fg-preface.-v1 .fg-preface-header h2 b {
    color: #FF009B
}

@media (max-width:767px) {
    .fg-preface.-v1 .fg-preface-header h2 br {
        display: none
    }
}

.fg-preface.-v2 .fg-preface-header h2 {
    font-weight: normal;
    font-size: 30px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -.03em
}

@media (min-width:768px) {
    .fg-preface.-v2 .fg-preface-header h2 {
        font-size: 35px
    }
}

@media (min-width:1024px) {
    .fg-preface.-v2 .fg-preface-header h2 {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-preface.-v2 .fg-preface-header h2 {
        font-size: 50px
    }
}

@media (min-width:1600px) {
    .fg-preface.-v2 .fg-preface-header h2 {
        font-size: 50px
    }
}

.fg-preface.-v2 .fg-preface-header h2 b {
    color: #FF009B
}

.fg-preface.-v1 .fg-preface-action {
    margin-top: 30px;
    text-align: center
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-action {
        margin-top: 28px
    }
}

@media (min-width:1024px) {
    .fg-preface.-v1 .fg-preface-action {
        margin-top: 30px
    }
}

@media (min-width:1200px) {
    .fg-preface.-v1 .fg-preface-action {
        margin-top: 40px
    }
}

@media (min-width:1600px) {
    .fg-preface.-v1 .fg-preface-action {
        margin-top: 60px
    }
}

.fg-preface.-v2 .fg-preface-action {
    margin-top: 31px;
    text-align: center
}

@media (min-width:768px) {
    .fg-preface.-v2 .fg-preface-action {
        margin-top: 36px
    }
}

@media (min-width:1024px) {
    .fg-preface.-v2 .fg-preface-action {
        margin-top: 46px
    }
}

@media (min-width:1600px) {
    .fg-preface.-v2 .fg-preface-action {
        margin-top: 50px
    }
}

.fg-preface-particle-item {
    position: absolute;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.fg-preface.-v1 .fg-preface-particle-item.-ico {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14px
}

.fg-preface.-v1 .fg-preface-particle-item.-ico img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:1599px) {
    .fg-preface.-v1 .fg-preface-particle-item.-ico img {
        display: none
    }
}

.fg-preface.-v1 .fg-preface-particle-item.-v1 {
    width: 12px;
    height: 12px;
    background-color: #ae6eff;
    top: 32px;
    left: 9%
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v1 {
        width: 11px;
        height: 11px;
        background-color: #ffd336;
        left: 0;
        top: 34px
    }
}

@media (min-width:1600px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v1 {
        width: 55px;
        height: 55px;
        background-color: #61C5D0;
        top: 55px
    }
}

.fg-preface.-v1 .fg-preface-particle-item.-v2 {
    width: 16px;
    height: 16px;
    background-color: #61C5D0;
    top: 0;
    left: 31%
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v2 {
        width: 13px;
        height: 13px;
        background-color: #61C5D0;
        left: 19%;
        top: 8px
    }
}

@media (min-width:1600px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v2 {
        background-color: #ffd336;
        left: 12%
    }
}

.fg-preface.-v1 .fg-preface-particle-item.-v3 {
    width: 16px;
    height: 16px;
    background-color: #FF009B;
    top: 44px;
    right: 16%
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v3 {
        width: 13px;
        height: 13px;
        background-color: #FF009B;
        left: 8%;
        right: initial;
        top: 132px
    }
}

@media (min-width:1600px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v3 {
        left: 12%;
        top: 220px
    }
}

.fg-preface.-v1 .fg-preface-particle-item.-v4 {
    width: 11px;
    height: 11px;
    background-color: #FF009B;
    left: 10%;
    bottom: 53px
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v4 {
        width: 14px;
        height: 14px;
        background-color: #61C5D0;
        left: 15%;
        bottom: 64px
    }
}

@media (min-width:1600px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v4 {
        width: 55px;
        height: 55px;
        background-color: #61C5D0;
        left: 23%;
        bottom: 52px
    }
}

.fg-preface.-v1 .fg-preface-particle-item.-v5 {
    width: 16px;
    height: 16px;
    background-color: #61C5D0;
    right: 26%;
    bottom: 53px
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v5 {
        width: 11px;
        height: 11px;
        background-color: #ffd336;
        left: 2%;
        bottom: 10px
    }
}

.fg-preface.-v1 .fg-preface-particle-item.-v6 {
    width: 11px;
    height: 11px;
    background-color: #ffd336;
    right: 9%;
    bottom: 0
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v6 {
        width: 12px;
        height: 12px;
        background-color: #61C5D0;
        right: 14%;
        bottom: initial;
        top: 0
    }
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v7 {
        width: 12px;
        height: 12px;
        background-color: #ffd336;
        right: 2%;
        top: 101px
    }
}

@media (min-width:1600px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v7 {
        right: 6%;
        top: 170px
    }
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v8 {
        width: 17px;
        height: 17px;
        background-color: #FF009B;
        right: 12%;
        top: 160px
    }
}

@media (min-width:1600px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v8 {
        top: 200px
    }
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v9 {
        width: 12px;
        height: 12px;
        background-color: #61C5D0;
        right: 0;
        bottom: 36px
    }
}

@media (min-width:768px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v10 {
        width: 10px;
        height: 10px;
        background-color: #ffd336;
        right: 21%;
        bottom: 0
    }
}

@media (min-width:1600px) {
    .fg-preface.-v1 .fg-preface-particle-item.-v10 {
        width: 55px;
        height: 55px;
        background-color: #ffd336;
        right: 17%;
        bottom: 67px
    }
}

.fg-feedback {
    position: relative;
    overflow: hidden
}

.fg-feedback-particles {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .fg-feedback-particles {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .fg-feedback-particles {
        max-width: 1024px
    }
}

@media (min-width:1200px) {
    .fg-feedback-particles {
        max-width: 1200px
    }
}

@media (min-width:1600px) {
    .fg-feedback-particles {
        max-width: 1600px
    }
}

.fg-feedback-particle {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

@media (min-width:1024px) {
    .fg-feedback-particle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.fg-feedback-particle.-v1 {
    width: 25px;
    height: 25px;
    background: #61C5D0
}

@media (min-width:1024px) {
    .fg-feedback-particle.-v1 {
        top: 123px;
        left: 154px
    }
}

@media (min-width:1200px) {
    .fg-feedback-particle.-v1 {
        top: 110px;
        left: 239px
    }
}

@media (min-width:1600px) {
    .fg-feedback-particle.-v1 {
        top: 220px;
        left: 379px
    }
}

.fg-feedback-particle.-v2 {
    width: 12px;
    height: 12px;
    background: #FF009B
}

@media (min-width:1024px) {
    .fg-feedback-particle.-v2 {
        top: 276px;
        left: 104px
    }
}

@media (min-width:1200px) {
    .fg-feedback-particle.-v2 {
        top: 265px;
        left: 189px
    }
}

@media (min-width:1600px) {
    .fg-feedback-particle.-v2 {
        top: 397px;
        left: 300px
    }
}

.fg-feedback-particle.-v3 {
    width: 60px;
    height: 60px;
    background: #A66FED
}

@media (min-width:1024px) {
    .fg-feedback-particle.-v3 {
        top: 218px;
        right: 103px
    }
}

@media (min-width:1200px) {
    .fg-feedback-particle.-v3 {
        top: 205px;
        right: 194px
    }
}

@media (min-width:1600px) {
    .fg-feedback-particle.-v3 {
        top: 307px;
        right: 374px
    }
}

.fg-feedback-particle.-v3 img {
    width: 25px;
    height: 25px
}

.fg-feedback-content {
    padding: 70px 0
}

@media (min-width:1024px) {
    .fg-feedback-content {
        padding: 160px 0 70px 0
    }
}

@media (min-width:1600px) {
    .fg-feedback-content {
        padding: 235px 0 200px 0
    }
}

.fg-feedback-header {
    margin: 0 0 20px 0
}

@media (min-width:1024px) {
    .fg-feedback-header {
        margin: 0 0 30px 0
    }
}

.fg-feedback-header h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -.03em
}

@media (min-width:1024px) {
    .fg-feedback-header h2 {
        font-size: 50px
    }
}

@media (min-width:1024px) {
    .fg-feedback-header h2 {
        font-size: 40px
    }
}

@media (min-width:768px) {
    .fg-feedback-header h2 {
        font-size: 40px
    }
}

.fg-feedback-header h2 br {
    display: none
}

@media (min-width:768px) {
    .fg-feedback-header h2 br {
        display: block
    }
}

.fg-feedback-description {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -.025em;
    text-align: center;
    opacity: .8
}

@media (min-width:768px) {
    .fg-feedback-description {
        width: 454px;
        margin: 0 auto
    }
}

@media (min-width:1200px) {
    .fg-feedback-description {
        width: 530px;
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-feedback-description {
        width: 440px
    }
}

.fg-feedback-slider {
    margin-top: 40px
}

@media (min-width:768px) {
    .fg-feedback-slider {
        margin-top: 60px
    }
}

@media (min-width:1600px) {
    .fg-feedback-slider {
        margin-top: 100px
    }
}

.fg-feedback-slider-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 280px;
    margin: 0 auto
}

@media (min-width:768px) {
    .fg-feedback-slider-items {
        margin: -20px;
        max-width: 100%;
        margin: 0
    }
}

@media (min-width:1024px) {
    .fg-feedback-slider-items {
        margin: -22px
    }
}

@media (min-width:1200px) {
    .fg-feedback-slider-items {
        margin: -28px
    }
}

@media (min-width:1600px) {
    .fg-feedback-slider-items {
        margin: -30px
    }
}

.fg-feedback-slider-nav {
    margin-top: 20px;
    text-align: center
}

@media (min-width:768px) {
    .fg-feedback-slider-nav {
        margin-top: 40px
    }
}

@media (min-width:768px) {
    .fg-feedback-slider-nav {
        display: none
    }
}

.fg-feedback-slider-nav-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: rgba(196, 196, 196, .1)
}

.fg-feedback-slider-nav-btn {
    width: 6px;
    height: 6px;
    background-color: rgba(42, 38, 56, .2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

.fg-feedback-slider-nav-btn:not(:first-child) {
    margin-left: 9px
}

.fg-feedback-slider-nav-btn.active {
    background-color: #ae6eff;
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7)
}

.fg-feedback-item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 280px
}

@media (min-width:768px) {
    .fg-feedback-item {
        max-width: 207px;
        width: 33.3333%;
        padding: 20px
    }
}

@media (min-width:1024px) {
    .fg-feedback-item {
        max-width: 242px;
        padding: 22px
    }
}

@media (min-width:1200px) {
    .fg-feedback-item {
        max-width: 275px;
        padding: 28px
    }
}

@media (min-width:1600px) {
    .fg-feedback-item {
        max-width: 350px;
        padding: 30px
    }
}

.fg-feedback-video {
    position: relative;
    height: 370px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-mask-image: -webkit-radial-gradient(white, #000);
    overflow: hidden;
    cursor: pointer
}

.fg-feedback-video:hover .fg-feedback-video-button button {
    background-color: #FF009B
}

.fg-feedback-video:hover .fg-feedback-video-button button:before {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

@media (min-width:768px) {
    .fg-feedback-video {
        height: 355px
    }
}

@media (min-width:1024px) {
    .fg-feedback-video {
        height: 415px;
        -webkit-border-radius: 34px;
        -moz-border-radius: 34px;
        border-radius: 34px
    }
}

@media (min-width:1200px) {
    .fg-feedback-video {
        height: 400px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px
    }
}

@media (min-width:1600px) {
    .fg-feedback-video {
        height: 430px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }
}

.fg-feedback-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    -moz-transition: opacity .25s;
    transition: opacity .25s
}

.fg-feedback-video-bg.-hidden {
    opacity: 0;
    pointer-events: none
}

.fg-feedback-video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, -o-transform .3s;
    -moz-transition: opacity .3s, transform .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.fg-feedback-video-button.-hidden {
    -webkit-transform: translate(-50%, -50%) scale(.5);
    -moz-transform: translate(-50%, -50%) scale(.5);
    -ms-transform: translate(-50%, -50%) scale(.5);
    -o-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity .3s, z-index 0s .3s, -webkit-transform .3s;
    transition: opacity .3s, z-index 0s .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, z-index 0s .3s, -o-transform .3s;
    -moz-transition: opacity .3s, transform .3s, z-index 0s .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s, z-index 0s .3s;
    transition: opacity .3s, transform .3s, z-index 0s .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.fg-feedback-video-button button {
    width: 59px;
    height: 59px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #FF009B;
    background-image: url('../img/video/play.svg');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.fg-feedback-video-button button:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #FF009B;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.fg-feedback-video video {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center
}

.fg-feedback-video video.-center {
    -o-object-position: center center;
    object-position: center center
}

.fg-feedback-name {
    margin-top: 20px;
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: -.025em
}

@media (min-width:1200px) {
    .fg-feedback-name {
        font-size: 20px
    }
}

@media (min-width:1600px) {
    .fg-feedback-name {
        font-size: 24px
    }
}

.fg-feedback-caption {
    margin-top: 5px;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -.025em;
    color: rgba(42, 38, 56, .6)
}

@media (min-width:768px) {
    .fg-feedback-caption {
        margin-top: 10px;
        font-size: 16px;
        line-height: 170%
    }
}

@media (min-width:1024px) {
    .fg-feedback-caption {
        margin-top: 13px
    }
}

@media (min-width:1200px) {
    .fg-feedback-caption {
        margin-top: 10px;
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-feedback-caption {
        font-size: 20px
    }
}

.fg-feedback-action {
    margin-top: 40px;
    text-align: center
}

@media (min-width:1600px) {
    .fg-feedback-action {
        margin-top: 50px
    }
}

.fg-tagreel {
    background-color: currentColor;
    position: relative
}

.fg-tagreel-rmask {
    height: 20px
}

@media (min-width:1200px) {
    .fg-tagreel-rmask {
        height: 25px
    }
}

@media (min-width:1600px) {
    .fg-tagreel-rmask {
        height: 30px
    }
}

.fg-tagreel-rmask svg {
    display: block;
    width: 100%;
    height: 100%
}

.fg-tagreel-rmask.-top {
    position: static
}

.fg-tagreel-rmask.-top svg {
    fill: #fff
}

.fg-tagreel-rmask.-bottom {
    position: absolute;
    color: #F9F9F9;
    left: 0;
    right: 0;
    top: 100%
}

.fg-tagreel-rmask.-bottom svg {
    fill: currentColor
}

.fg-tagreel-rmask.-purple svg {
    fill: #FFFFFF
}

.fg-tagreel-content {
    padding: 85px 0 140px
}

@media (min-width:768px) {
    .fg-tagreel-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 100px;
        padding-bottom: 60px
    }
}

@media (min-width:1200px) {
    .fg-tagreel-content {
        padding-top: 100px
    }
}

@media (min-width:1600px) {
    .fg-tagreel-content {
        padding-top: 270px
    }
}

.fg-tagreel-content.-lg {
    padding: 45px 0 135px 0
}

@media (min-width:768px) {
    .fg-tagreel-content.-lg {
        padding: 100px 0 60px 0
    }
}

@media (min-width:1600px) {
    .fg-tagreel-content.-lg {
        padding-top: 270px 0 60px 0
    }
}

.fg-tagreel-header h2 {
    padding: 0 20px;
    font-family: 'AvenirNextRoundedStd-Med', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -.03em;
    color: #2a2638
}

@media (min-width:768px) {
    .fg-tagreel-header h2 {
        font-size: 35px;
        margin: 0 auto;
        padding: 0
    }
}

@media (min-width:1024px) {
    .fg-tagreel-header h2 {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-tagreel-header h2 {
        font-size: 50px;
        max-width: 800px
    }
}

.fg-tagreel-slider {
    position: relative;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

@media (min-width:768px) {
    .fg-tagreel-slider-items {
        margin: 100px 0 60px 0
    }
}

@media (min-width:1024px) {
    .fg-tagreel-slider-items {
        margin: 55px 0
    }
}

@media (min-width:1200px) {
    .fg-tagreel-slider-items {
        margin: 72px 0
    }
}

@media (min-width:1600px) {
    .fg-tagreel-slider-items {
        margin: 100px 0
    }
}

.fg-tagreel-slider-nav {
    position: absolute;
    bottom: -80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #fff
}

@media (min-width:768px) {
    .fg-tagreel-slider-nav {
        display: none;
        bottom: auto;
        top: -webkit-calc(100% + 80px);
        top: -moz-calc(100% + 80px);
        top: calc(100% + 80px)
    }
}

.fg-tagreel-slider-nav button {
    width: 6px;
    height: 6px;
    background-color: rgba(42, 38, 56, .2) !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

.fg-tagreel-slider-nav button:not(:first-child) {
    margin-left: 9px
}

.fg-tagreel-slider-nav button.active {
    background-color: #61C5D0 !important;
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7)
}

.fg-tagreel-wrapper {
    position: relative;
    width: 100vw;
    margin-top: 30px
}

@media (min-width:768px) {
    .fg-tagreel-wrapper {
        margin-top: 0;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        overflow: hidden
    }
}

.fg-tagreel-arrows-item {
    position: absolute;
    top: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    -moz-transition: opacity .25s;
    transition: opacity .25s
}

.fg-tagreel-arrows-item-img {
    width: 30px
}

@media (min-width:768px) {
    .fg-tagreel-arrows-item-img {
        width: 52px
    }
}

@media (min-width:1024px) {
    .fg-tagreel-arrows-item-img {
        width: 76px
    }
}

@media (min-width:1600px) {
    .fg-tagreel-arrows-item-img {
        width: 98px
    }
}

.fg-tagreel-arrows-item-img img {
    width: 100%
}

.fg-tagreel-arrows-item.-prev {
    left: 20px
}

@media (min-width:768px) {
    .fg-tagreel-arrows-item.-prev {
        left: 37px
    }
}

@media (min-width:1024px) {
    .fg-tagreel-arrows-item.-prev {
        left: 63px
    }
}

@media (min-width:1200px) {
    .fg-tagreel-arrows-item.-prev {
        left: 90px
    }
}

@media (min-width:1600px) {
    .fg-tagreel-arrows-item.-prev {
        left: 135px
    }
}

.fg-tagreel-arrows-item.-prev:hover .fg-tagreel-arrows-item-img {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

.fg-tagreel-arrows-item.-prev .fg-tagreel-arrows-item-img {
    -webkit-animation: fg-arrows-img-prev 45s infinite alternate;
    -moz-animation: fg-arrows-img-prev 45s infinite alternate;
    -o-animation: fg-arrows-img-prev 45s infinite alternate;
    animation: fg-arrows-img-prev 45s infinite alternate;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.fg-tagreel-arrows-item.-next {
    right: 20px
}

@media (min-width:768px) {
    .fg-tagreel-arrows-item.-next {
        right: 37px
    }
}

@media (min-width:1024px) {
    .fg-tagreel-arrows-item.-next {
        right: 63px
    }
}

@media (min-width:1200px) {
    .fg-tagreel-arrows-item.-next {
        right: 90px
    }
}

@media (min-width:1600px) {
    .fg-tagreel-arrows-item.-next {
        right: 135px
    }
}

.fg-tagreel-arrows-item.-next:hover .fg-tagreel-arrows-item-img {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}

.fg-tagreel-arrows-item.-next .fg-tagreel-arrows-item-img {
    -webkit-animation: fg-arrows-img-next 45s infinite alternate;
    -moz-animation: fg-arrows-img-next 45s infinite alternate;
    -o-animation: fg-arrows-img-next 45s infinite alternate;
    animation: fg-arrows-img-next 45s infinite alternate;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}

.fg-tagreel-arrows-item.-disabled {
    opacity: 0;
    pointer-events: none
}

.fg-tagreel-arrows-icon {
    position: absolute;
    color: #fff
}

.fg-tagreel-arrows-icon svg {
    width: 6px;
    height: 9px
}

@media (min-width:768px) {
    .fg-tagreel-arrows-icon svg {
        width: 9px;
        height: 15px
    }
}

@media (min-width:1024px) {
    .fg-tagreel-arrows-icon svg {
        width: 13px;
        height: 22px
    }
}

.fg-tagreel-arrows.-lg .fg-tagreel-arrows-item {
    top: 30%
}

.fg-tagreel-items {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100vw
}

.fg-tagreel-item {
    position: relative
}

@media (max-width:767px) {
    .fg-tagreel-item {
        padding: 0 20px
    }
}

@media (max-width:767px) {
    .fg-tagreel-item.-back {
        display: none
    }
}

@media (min-width:768px) {
    .fg-tagreel-item.-back {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media (min-width:768px) {
    .fg-tagreel-figure {
        opacity: 0
    }
}

.fg-tagreel-figure-img {
    margin: auto;
    width: 150px;
    height: 160px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:768px) {
    .fg-tagreel-figure-img {
        width: auto;
        height: 180px
    }
}

@media (min-width:1024px) {
    .fg-tagreel-figure-img {
        height: 262px
    }
}

@media (min-width:1600px) {
    .fg-tagreel-figure-img {
        height: 342px
    }
}

.fg-tagreel-figure-img img {
    max-height: 100%
}

.fg-tagreel-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.2em;
    margin-top: 30px;
    font-weight: normal;
    font-size: 30px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -.03em
}

@media (min-width:768px) {
    .fg-tagreel-title {
        width: 356px;
        max-width: 100%;
        margin: 0 auto;
        font-size: 35px
    }
}

@media (min-width:1024px) {
    .fg-tagreel-title {
        width: 390px;
        margin: 20px auto 0 auto;
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-tagreel-title {
        width: 442px;
        margin: 40px auto 0 auto;
        font-size: 50px
    }
}

@media (min-width:1600px) {
    .fg-tagreel-title {
        width: 520px;
        margin: 20px auto 0 auto;
        font-size: 65px
    }
}

.fg-tagreel-title.-pink {
  background-color: #2a2638;
  background-image: linear-gradient(210deg, #2a2638, #2a2638);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;

}

.fg-tagreel-title.-blue {
  background-color: #2a2638;
  background-image: linear-gradient(210deg, #2a2638, #2a2638);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.fg-tagreel-title.-green {
  background-color: #2a2638;
  background-image: linear-gradient(210deg, #2a2638, #2a2638);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.fg-tagreel-title.-purple {
  background-color: #2a2638;
  background-image: linear-gradient(210deg, #2a2638, #2a2638);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.fg-tagreel-title.-yellow {
  background-color: #2a2638;
  background-image: linear-gradient(210deg, #2a2638, #2a2638);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.fg-tagreel-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 300px;
    margin: 30px auto 0;
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    letter-spacing: -.025em;
    color: rgba(42, 38, 56, .8)
}

@media (min-width:768px) {
    .fg-tagreel-text {
        height: 5.2em;
        width: 356px;
        max-width: initial;
        margin-top: 26px;
        opacity: 0
    }
}

@media (min-width:1024px) {
    .fg-tagreel-text {
        width: 390px;
        margin-top: 30px
    }
}

@media (min-width:1200px) {
    .fg-tagreel-text {
        width: 442px;
        margin-top: 35px;
        font-size: 20px
    }
}

@media (min-width:1600px) {
    .fg-tagreel-text {
        width: 520px;
        margin-top: 50px;
        font-size: 24px
    }
}

.fg-tagreel-blob {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width:767px) {
    .fg-tagreel-blob {
        display: none
    }
}

@media (min-width:768px) {
    .fg-tagreel-blob {
        width: 356px
    }
}

@media (min-width:1024px) {
    .fg-tagreel-blob {
        width: 390px
    }
}

@media (min-width:1200px) {
    .fg-tagreel-blob {
        width: 442px
    }
}

@media (min-width:1600px) {
    .fg-tagreel-blob {
        width: 520px
    }
}

.fg-tagreel-blob-svg {
    width: 100%;
    max-width: 100%;
    height: auto;
    fill: currentColor
}

.fg-tagreel-blob-svg-state.-v2 {
    visibility: hidden
}

@-webkit-keyframes fg-arrows-img-prev {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
}

@-moz-keyframes fg-arrows-img-prev {
    0% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -moz-transform: rotate(540deg);
        transform: rotate(540deg)
    }
}

@-o-keyframes fg-arrows-img-prev {
    0% {
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -o-transform: rotate(540deg);
        transform: rotate(540deg)
    }
}

@keyframes fg-arrows-img-prev {
    0% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(540deg);
        -moz-transform: rotate(540deg);
        -o-transform: rotate(540deg);
        transform: rotate(540deg)
    }
}

@-webkit-keyframes fg-arrows-img-next {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes fg-arrows-img-next {
    0% {
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes fg-arrows-img-next {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fg-arrows-img-next {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fg-rubberbadge-content {
    padding: 100px 0
}

@media (min-width:768px) {
    .fg-rubberbadge-content {
        padding: 130px 0 80px
    }
}

@media (min-width:1024px) {
    .fg-rubberbadge-content {
        padding: 200px 0 180px
    }
}

@media (min-width:1200px) {
    .fg-rubberbadge-content {
        padding: 220px 0 200px
    }
}

@media (min-width:1600px) {
    .fg-rubberbadge-content {
        padding: 240px 0 220px
    }
}

.fg-rubberbadge-header h2 {
    font-family: 'AvenirNextRoundedStd-Med', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -.03em;
    text-align: center
}

@media (min-width:768px) {
    .fg-rubberbadge-header h2 {
        font-size: 35px
    }
}

@media (min-width:1024px) {
    .fg-rubberbadge-header h2 {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-rubberbadge-header h2 {
        font-size: 50px
    }
}

@media (min-width:1600px) {
    .fg-rubberbadge-header h2 {
        font-size: 50px
    }
}

.fg-rubberbadge-items {
    position: relative
}

.fg-rubberbadge-items.-business {
    margin: 34px auto 0;
    width: 280px;
    height: 200px
}

@media (min-width:768px) {
    .fg-rubberbadge-items.-business {
        margin: 60px auto 280px;
        width: 698px;
        height: 322px
    }
}

@media (min-width:1024px) {
    .fg-rubberbadge-items.-business {
        margin: 80px auto 290px;
        width: 814px;
        height: 308px
    }
}

@media (min-width:1200px) {
    .fg-rubberbadge-items.-business {
        margin: 80px auto 320px;
        width: 916px;
        height: 328px
    }
}

@media (min-width:1600px) {
    .fg-rubberbadge-items.-business {
        margin: 80px auto 380px;
        width: 1158px;
        height: 400px
    }
}

@media (max-width:767px) {
    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v1 .fg-rubberbadge-img {
        bottom: 0;
        left: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v2 .fg-rubberbadge-img {
        bottom: 84px;
        left: 15px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v3 .fg-rubberbadge-img {
        left: 74px;
        top: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v4 .fg-rubberbadge-img {
        right: 74px;
        top: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v5 .fg-rubberbadge-img {
        right: 15px;
        bottom: 84px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v6 .fg-rubberbadge-img {
        right: 0;
        bottom: 0
    }
}

@media (min-width:768px) {
    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v1 .fg-rubberbadge-img {
        bottom: 100px;
        left: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v2 .fg-rubberbadge-img {
        top: 23px;
        left: 100px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v3 .fg-rubberbadge-img {
        right: 160px;
        bottom: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v4 .fg-rubberbadge-img {
        left: 170px;
        bottom: 6px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v5 .fg-rubberbadge-img {
        right: 0;
        bottom: 115px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v6 .fg-rubberbadge-img {
        right: 114px;
        top: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v7 .fg-rubberbadge-img {
        left: 315px;
        top: 85px
    }
}

@media (min-width:1024px) {
    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v1 .fg-rubberbadge-img {
        bottom: initial;
        top: 0;
        left: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v2 .fg-rubberbadge-img {
        top: 52px;
        left: 180px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v3 .fg-rubberbadge-img {
        right: 140px;
        bottom: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v4 .fg-rubberbadge-img {
        left: 90px;
        bottom: 10px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v5 .fg-rubberbadge-img {
        right: 0;
        bottom: 106px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v6 .fg-rubberbadge-img {
        right: 171px;
        top: 23px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v7 .fg-rubberbadge-img {
        left: 366px;
        top: 100px
    }
}

@media (min-width:1200px) {
    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v1 .fg-rubberbadge-img {
        bottom: initial;
        top: 0;
        left: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v2 .fg-rubberbadge-img {
        top: 48px;
        left: 220px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v3 .fg-rubberbadge-img {
        right: 193px;
        bottom: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v4 .fg-rubberbadge-img {
        left: 110px;
        bottom: 36px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v5 .fg-rubberbadge-img {
        right: 0;
        bottom: 128px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v6 .fg-rubberbadge-img {
        right: 153px;
        top: 24px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v7 .fg-rubberbadge-img {
        left: 440px;
        top: 87px
    }
}

@media (min-width:1600px) {
    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v1 .fg-rubberbadge-img {
        bottom: initial;
        top: 26px;
        left: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v2 .fg-rubberbadge-img {
        top: 72px;
        left: 330px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v3 .fg-rubberbadge-img {
        right: 254px;
        bottom: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v4 .fg-rubberbadge-img {
        left: 190px;
        bottom: 25px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v5 .fg-rubberbadge-img {
        right: 0;
        bottom: 175px
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v6 .fg-rubberbadge-img {
        right: 164px;
        top: 0
    }

    .fg-rubberbadge-items.-business .fg-rubberbadge-item.-v7 .fg-rubberbadge-img {
        left: 560px;
        top: 113px
    }
}

.fg-rubberbadge-items.-home {
    margin: 64px auto 0;
    width: 280px;
    height: 164px
}

@media (min-width:768px) {
    .fg-rubberbadge-items.-home {
        margin: 80px auto 260px;
        width: 582px;
        height: 343px
    }
}

@media (min-width:1024px) {
    .fg-rubberbadge-items.-home {
        margin: 80px auto 260px;
        width: 789px;
        height: 280px
    }
}

@media (min-width:1200px) {
    .fg-rubberbadge-items.-home {
        margin: 80px auto 260px;
        width: 829px;
        height: 280px
    }
}

@media (min-width:1600px) {
    .fg-rubberbadge-items.-home {
        margin: 80px auto 280px;
        width: 949px;
        height: 300px
    }
}

.fg-rubberbadge-items.-home .fg-rubberbadge-item img {
    height: 25px
}

@media (min-width:768px) {
    .fg-rubberbadge-items.-home .fg-rubberbadge-item img {
        height: 35px
    }
}

@media (min-width:1200px) {
    .fg-rubberbadge-items.-home .fg-rubberbadge-item img {
        height: 40px
    }
}

@media (min-width:1600px) {
    .fg-rubberbadge-items.-home .fg-rubberbadge-item img {
        height: 45px
    }
}

.fg-rubberbadge-items.-home .fg-rubberbadge-item img.-lg {
    height: 40px
}

@media (min-width:768px) {
    .fg-rubberbadge-items.-home .fg-rubberbadge-item img.-lg {
        height: 50px
    }
}

@media (min-width:1200px) {
    .fg-rubberbadge-items.-home .fg-rubberbadge-item img.-lg {
        height: 55px
    }
}

@media (min-width:1600px) {
    .fg-rubberbadge-items.-home .fg-rubberbadge-item img.-lg {
        height: 65px
    }
}

@media (max-width:767px) {
    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v1 .fg-rubberbadge-img {
        bottom: 0;
        left: 0
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v2 .fg-rubberbadge-img {
        top: 0;
        left: 40px
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v3 .fg-rubberbadge-img {
        right: 40px;
        top: 0
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v4 .fg-rubberbadge-img {
        right: 0;
        bottom: 0
    }
}

@media (min-width:768px) {
    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v2 .fg-rubberbadge-img {
        top: 0;
        left: 0
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v3 .fg-rubberbadge-img {
        top: 7px;
        right: 0
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v1 .fg-rubberbadge-img {
        left: 58px;
        bottom: 32px
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v4 .fg-rubberbadge-img {
        right: 80px;
        bottom: 0
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v5 .fg-rubberbadge-img {
        left: 260px;
        top: 95px
    }
}

@media (min-width:1024px) {
    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v2 .fg-rubberbadge-img {
        top: 50px;
        left: 130px
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v3 .fg-rubberbadge-img {
        top: 0;
        right: 69px
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v1 .fg-rubberbadge-img {
        left: 0;
        bottom: 0
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v4 .fg-rubberbadge-img {
        right: 0;
        bottom: 12px
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v5 .fg-rubberbadge-img {
        left: 360px;
        top: 110px
    }
}

@media (min-width:1200px) {
    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v2 .fg-rubberbadge-img {
        top: 50px;
        left: 160px
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v3 .fg-rubberbadge-img {
        top: 0;
        right: 150px
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v1 .fg-rubberbadge-img {
        left: 0;
        bottom: 0
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v4 .fg-rubberbadge-img {
        right: 0;
        bottom: 12px
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v5 .fg-rubberbadge-img {
        left: 380px;
        top: 100px
    }
}

@media (min-width:1600px) {
    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v2 .fg-rubberbadge-img {
        top: 50px;
        left: 208px
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v3 .fg-rubberbadge-img {
        top: 0;
        right: 149px
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v1 .fg-rubberbadge-img {
        left: 0;
        bottom: 0
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v4 .fg-rubberbadge-img {
        right: 0;
        bottom: 12px
    }

    .fg-rubberbadge-items.-home .fg-rubberbadge-item.-v5 .fg-rubberbadge-img {
        left: 450px;
        top: 100px
    }
}

.fg-rubberbadge-mobile {
    position: relative;
    margin-top: 22px
}

.fg-rubberbadge-mobile .fg-rubberbadge-info {
    display: block
}

.fg-rubberbadge-mobile.-business .fg-rubberbadge-img {
    position: absolute;
    bottom: -webkit-calc(100% + 41px);
    bottom: -moz-calc(100% + 41px);
    bottom: calc(100% + 41px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 101px;
    height: 101px;
    padding: 28px
}

.fg-rubberbadge-mobile.-home .fg-rubberbadge-img {
    position: absolute;
    bottom: -webkit-calc(100% + 20px);
    bottom: -moz-calc(100% + 20px);
    bottom: calc(100% + 20px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 101px;
    height: 101px;
    padding: 28px
}

.fg-rubberbadge-img {
    position: absolute;
    width: 54px;
    height: 54px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer
}

@media (min-width:768px) {
    .fg-rubberbadge-img {
        width: 80px;
        height: 80px
    }
}

@media (min-width:1600px) {
    .fg-rubberbadge-img {
        width: 100px;
        height: 100px
    }
}

.fg-rubberbadge-img.-blue {
    background-color: #6179D0
}

.fg-rubberbadge-img.-pink {
    background-color: #FF009B
}

.fg-rubberbadge-img.-purple {
    background-color: #A66FED
}

.fg-rubberbadge-img.-green {
    background-color: #61C5D0
}

.fg-rubberbadge-img.-yellow {
    background-color: #FFC757
}

.fg-rubberbadge-item.-active .fg-rubberbadge-img {
    cursor: default
}

@media (min-width:768px) {
    .fg-rubberbadge-img:after {
        content: '';
        position: absolute;
        top: -30px;
        left: -30px;
        right: -30px;
        bottom: -30px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }
}

.fg-rubberbadge-img-icon {
    font-size: 20px
}

@media (min-width:768px) {
    .fg-rubberbadge-img-icon {
        font-size: 28px
    }
}

@media (min-width:1600px) {
    .fg-rubberbadge-img-icon {
        font-size: 36px
    }
}

@media (max-width:767px) {
    .fg-rubberbadge-item.-mobile .fg-rubberbadge-img-icon {
        font-size: 40px
    }
}

.fg-rubberbadge-info {
    margin: 0 auto
}

@media (max-width:767px) {
    .fg-rubberbadge-info {
        display: none
    }
}

@media (min-width:768px) {
    .fg-rubberbadge-info {
        position: absolute;
        top: -webkit-calc(100% + 60px);
        top: -moz-calc(100% + 60px);
        top: calc(100% + 60px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        opacity: 0;
        z-index: -1
    }

    .fg-rubberbadge-item.-active .fg-rubberbadge-info {
        opacity: 1;
        z-index: 1
    }
}

.fg-rubberbadge-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.6em;
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    letter-spacing: -.025em;
    color: #2a2638
}

@media (min-width:768px) {
    .fg-rubberbadge-title {
        font-size: 20px;
        line-height: 130%
    }
}

@media (min-width:1024px) {
    .fg-rubberbadge-title {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .fg-rubberbadge-title {
        font-size: 28px
    }
}

@media (min-width:1600px) {
    .fg-rubberbadge-title {
        font-size: 40px
    }
}

.fg-rubberbadge-text {
    margin-top: 20px;
    height: 5em;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    letter-spacing: -.025em;
    color: rgba(42, 38, 56, .8)
}

@media (min-width:768px) {
    .fg-rubberbadge-text {
        line-height: 27px
    }
}

@media (min-width:1200px) {
    .fg-rubberbadge-text {
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1200px) {
    .fg-rubberbadge-text {
        font-size: 20px;
        line-height: 34px
    }
}

.fg-rubberbadge-action {
    margin-top: 33px
}

@media (min-width:768px) {
    .fg-rubberbadge-action {
        margin-top: 30px
    }
}

@media (min-width:1200px) {
    .fg-rubberbadge-action {
        margin-top: 40px
    }
}

@media (min-width:1600px) {
    .fg-rubberbadge-action {
        margin-top: 60px
    }
}

@media (min-width:768px) {
    .fg-rubberbadge-mobile {
        display: none
    }
}

.fg-comparison {
    color: #f9f9f9;
    background-color: rgba(249, 249, 249, 1);
    position: relative
}

.fg-comparison-rmask {
    height: 20px
}

@media (min-width:1200px) {
    .fg-comparison-rmask {
        height: 25px
    }
}

@media (min-width:1600px) {
    .fg-comparison-rmask {
        height: 30px
    }
}

.fg-comparison-rmask svg {
    display: block;
    width: 100%;
    height: 100%
}

.fg-comparison-rmask.-top {
    position: static
}

.fg-comparison-rmask.-top svg {
    fill: #fff
}

.fg-comparison-rmask.-bottom {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%
}

.fg-comparison-rmask.-bottom svg {
    fill: rgba(249, 249, 249, 1)
}

.fg-comparison-content {
    padding: 70px 0;
    color: #2a2638
}

@media (min-width:768px) {
    .fg-comparison-content {
        padding: 100px 0
    }
}

@media (min-width:1024px) {
    .fg-comparison-content {
        padding: 118px 0 84px
    }
}

@media (min-width:1200px) {
    .fg-comparison-content {
        padding: 130px 0
    }
}

@media (min-width:1600px) {
    .fg-comparison-content {
        padding: 150px 0 162px
    }
}

.fg-comparison-header h2 {
    font-family: 'AvenirNextRoundedStd-Med', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -.03em;
    text-align: center
}

@media (min-width:768px) {
    .fg-comparison-header h2 {
        font-size: 35px
    }
}

@media (min-width:1024px) {
    .fg-comparison-header h2 {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-comparison-header h2 {
        font-size: 50px
    }
}

.fg-comparison-text {
    margin-top: 20px
}

@media (min-width:768px) {
    .fg-comparison-text {
        margin-top: 18px
    }
}

@media (min-width:1200px) {
    .fg-comparison-text {
        margin-top: 30px
    }
}

@media (min-width:1200px) {
    .fg-comparison-text {
        margin-top: 50px
    }
}

.fg-comparison-text p {
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    letter-spacing: -.025em;
    color: rgba(42, 38, 56, .8)
}

@media (min-width:768px) {
    .fg-comparison-text p {
        line-height: 170%
    }
}

@media (min-width:1200px) {
    .fg-comparison-text p {
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-comparison-text p {
        font-size: 24px;
        line-height: 130%
    }
}

.fg-comparison-table {
    margin: 40px -webkit-calc((100vw - 100%)/ -2) 0;
    margin: 40px -moz-calc((100vw - 100%)/ -2) 0;
    margin: 40px calc((100vw - 100%)/ -2) 0;
    padding: 36px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .02);
    -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, .02);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .02)
}

@media (max-width:767px) {
    .fg-comparison-table {
        overflow: hidden
    }
}

@media (min-width:768px) {
    .fg-comparison-table {
        margin: 50px 0 0;
        padding: 29px 40px 27px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }
}

@media (min-width:1024px) {
    .fg-comparison-table {
        margin-top: 60px;
        padding: 33px 50px 30px;
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        border-radius: 35px
    }
}

@media (min-width:1200px) {
    .fg-comparison-table {
        margin-top: 90px;
        padding: 55px 56px 22px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px
    }
}

@media (min-width:1600px) {
    .fg-comparison-table {
        margin-top: 95px;
        padding: 54px 70px 17px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px
    }
}

.fg-comparison-table table {
    width: 100%;
    border-collapse: collapse
}

.fg-comparison-table tr:hover td:after {
    background-color: rgba(249, 249, 249, 1)
}

.desktop .fg-comparison-table tr {
    position: relative;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.desktop .fg-comparison-table tr:not(:first-child):hover td,
.desktop .fg-comparison-table tr:not(:first-child):hover+tr>td {
    border-color: transparent
}

.desktop .fg-comparison-table tr:not(:first-child):hover:before {
    opacity: 1
}

.fg-comparison-table td {
    position: relative;
    font-weight: normal;
    border-top: 1px solid rgba(212, 212, 215, .2);
    color: rgba(42, 38, 56, .8)
}

.fg-comparison-table td:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.fg-comparison-table td:first-child:after {
    left: -12px;
    -webkit-border-top-left-radius: 12px;
    -moz-border-radius-topleft: 12px;
    border-top-left-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-bottom-left-radius: 12px
}

@media (min-width:1024px) {
    .fg-comparison-table td:first-child:after {
        left: -16px;
        -webkit-border-top-left-radius: 14px;
        -moz-border-radius-topleft: 14px;
        border-top-left-radius: 14px;
        -webkit-border-bottom-left-radius: 14px;
        -moz-border-radius-bottomleft: 14px;
        border-bottom-left-radius: 14px
    }
}

@media (min-width:1200px) {
    .fg-comparison-table td:first-child:after {
        left: -24px;
        -webkit-border-top-left-radius: 16px;
        -moz-border-radius-topleft: 16px;
        border-top-left-radius: 16px;
        -webkit-border-bottom-left-radius: 16px;
        -moz-border-radius-bottomleft: 16px;
        border-bottom-left-radius: 16px
    }
}

@media (min-width:1600px) {
    .fg-comparison-table td:first-child:after {
        left: -25px;
        -webkit-border-top-left-radius: 20px;
        -moz-border-radius-topleft: 20px;
        border-top-left-radius: 20px;
        -webkit-border-bottom-left-radius: 20px;
        -moz-border-radius-bottomleft: 20px;
        border-bottom-left-radius: 20px
    }
}

.fg-comparison-table td:last-child:after {
    right: -12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    border-bottom-right-radius: 12px
}

@media (min-width:1024px) {
    .fg-comparison-table td:last-child:after {
        right: -16px;
        -webkit-border-top-right-radius: 14px;
        -moz-border-radius-topright: 14px;
        border-top-right-radius: 14px;
        -webkit-border-bottom-right-radius: 14px;
        -moz-border-radius-bottomright: 14px;
        border-bottom-right-radius: 14px
    }
}

@media (min-width:1200px) {
    .fg-comparison-table td:last-child:after {
        right: -24px;
        -webkit-border-top-right-radius: 16px;
        -moz-border-radius-topright: 16px;
        border-top-right-radius: 16px;
        -webkit-border-bottom-right-radius: 16px;
        -moz-border-radius-bottomright: 16px;
        border-bottom-right-radius: 16px
    }
}

@media (min-width:1600px) {
    .fg-comparison-table td:last-child:after {
        right: -25px;
        -webkit-border-top-right-radius: 20px;
        -moz-border-radius-topright: 20px;
        border-top-right-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        -moz-border-radius-bottomright: 20px;
        border-bottom-right-radius: 20px
    }
}

.fg-comparison-table th {
    font-weight: normal
}

.fg-comparison-table td,
.fg-comparison-table th {
    padding: 13px 0;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: -.025em
}

@media (min-width:768px) {

    .fg-comparison-table td,
    .fg-comparison-table th {
        padding: 15px 0
    }
}

@media (min-width:1024px) {

    .fg-comparison-table td,
    .fg-comparison-table th {
        padding: 18px 0
    }
}

@media (min-width:1200px) {

    .fg-comparison-table td,
    .fg-comparison-table th {
        padding: 20px 0;
        font-size: 16px
    }
}

@media (min-width:1600px) {

    .fg-comparison-table td,
    .fg-comparison-table th {
        padding: 25px 0;
        font-size: 20px
    }

    .fg-comparison-table td:first-child,
    .fg-comparison-table th:first-child {
        padding-left: 40px
    }
}

.fg-comparison-table td:first-child,
.fg-comparison-table th:first-child {
    padding-right: 20px !important
}

@media (max-width:767px) {

    .fg-comparison-table td:last-child,
    .fg-comparison-table th:last-child {
        padding-right: 15px !important
    }
}

.fg-comparison-table td:not(:first-child),
.fg-comparison-table th:not(:first-child) {
    text-align: right
}

@media (min-width:768px) {

    .fg-comparison-table td:not(:first-child),
    .fg-comparison-table th:not(:first-child) {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center
    }
}

@media (min-width:1024px) {

    .fg-comparison-table td:not(:first-child),
    .fg-comparison-table th:not(:first-child) {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:1600px) {

    .fg-comparison-table td:not(:first-child),
    .fg-comparison-table th:not(:first-child) {
        padding-left: 30px;
        padding-right: 30px
    }
}

.fg-comparison-table .fg-svgsprite.-brand {
    width: 48px;
    height: 15px
}

@media (min-width:1024px) {
    .fg-comparison-table .fg-svgsprite.-brand {
        width: 54px;
        height: 17px
    }
}

@media (min-width:1200px) {
    .fg-comparison-table .fg-svgsprite.-brand {
        width: 68px;
        height: 23px
    }
}

@media (min-width:1600px) {
    .fg-comparison-table .fg-svgsprite.-brand {
        width: 80px;
        height: 27px
    }
}

.fg-comparison-table .fg-svgsprite.-check {
    width: 26px;
    height: 26px
}

@media (min-width:1024px) {
    .fg-comparison-table .fg-svgsprite.-check {
        width: 31px;
        height: 31px
    }
}

@media (min-width:1200px) {
    .fg-comparison-table .fg-svgsprite.-check {
        width: 36px;
        height: 36px
    }
}

@media (min-width:1600px) {
    .fg-comparison-table .fg-svgsprite.-check {
        width: 45px;
        height: 45px
    }
}

.fg-comparison-table .fg-svgsprite.-cross {
    width: 11px;
    height: 11px
}

@media (min-width:1024px) {
    .fg-comparison-table .fg-svgsprite.-cross {
        width: 13px;
        height: 13px
    }
}

@media (min-width:1200px) {
    .fg-comparison-table .fg-svgsprite.-cross {
        width: 15px;
        height: 15px
    }
}

@media (min-width:1600px) {
    .fg-comparison-table .fg-svgsprite.-cross {
        width: 18px;
        height: 18px
    }
}

.fg-comparison-table.-xs-hidden {
    display: none
}

@media (min-width:768px) {
    .fg-comparison-table.-xs-hidden {
        display: block
    }
}

.fg-comparison-table.-sm-hidden {
    display: block
}

@media (min-width:768px) {
    .fg-comparison-table.-sm-hidden {
        display: none
    }
}

.fg-comparison-filter {
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.fg-comparison-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fg-comparison-field-text {
    white-space: nowrap
}

.fg-comparison-field-tip {
    margin-left: 6px;
    position: relative
}

@media (min-width:768px) {
    .fg-comparison-field-tip {
        margin-left: 8px
    }
}

@media (min-width:1024px) {
    .fg-comparison-field-tip {
        margin-left: 14px
    }
}

@media (min-width:1600px) {
    .fg-comparison-field-tip {
        margin-left: 15px
    }
}

.fg-comparison-field-tip-text {
    width: 275px;
    padding: 16px 20px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -.025em;
    color: rgba(42, 38, 56, .8);
    background-color: #fff;
    -webkit-box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility 0s .3s;
    -o-transition: opacity .3s, visibility 0s .3s;
    -moz-transition: opacity .3s, visibility 0s .3s;
    transition: opacity .3s, visibility 0s .3s
}

.fg-comparison-field-tip:hover .fg-comparison-field-tip-text {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.fg-comparison-field-tip-icon:before {
    content: '';
    width: 44px;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-image: url('../img/comparison/tip-bottom.svg');
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.fg-comparison-field-tip:hover .fg-comparison-field-tip-icon:before {
    opacity: 1;
    z-index: 1
}

.fg-comparison-field-tip-icon svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #90919b;
    position: relative;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    -moz-transition: fill .3s;
    transition: fill .3s
}

@media (min-width:1200px) {
    .fg-comparison-field-tip-icon svg {
        width: 20px;
        height: 20px
    }
}

.fg-comparison-field-tip:hover .fg-comparison-field-tip-icon svg {
    z-index: 1;
    fill: #fff
}

.fg-comparison-progress {
    display: none;
    margin: 30px auto 0;
    width: 100px;
    height: 36px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: rgba(196, 196, 196, .2)
}

.fg-comparison-progress-bar {
    width: 74px;
    height: 8px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative
}

.fg-comparison-progress-bar-fill {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #61C5D0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.fg-video {
    position: relative
}

.fg-video-content {
    padding: 104px 0 60px 0
}

@media (min-width:768px) {
    .fg-video-content {
        padding: 280px 0 110px 0
    }
}

@media (min-width:1024px) {
    .fg-video-content {
        padding: 115px 0
    }
}

@media (min-width:1200px) {
    .fg-video-content {
        padding: 120px 0
    }
}

@media (min-width:1600px) {
    .fg-video-content {
        padding: 190px 0
    }
}

.fg-video-close {
    position: absolute;
    top: -60px;
    right: 15px;
    background: 0 0;
    border: none;
    outline: 0;
    z-index: 2
}

@media (min-width:768px) {
    .fg-video-close {
        right: 25px
    }
}

@media (min-width:1200px) {
    .fg-video-close {
        right: -40px
    }
}

.fg-video-close-icon {
    color: #fff
}

.fg-video-close-icon svg {
    width: 20px;
    height: 20px
}

.fg-video-wrapper {
    width: 290px;
    height: 163px;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

@media (min-width:768px) {
    .fg-video-wrapper {
        width: 550px;
        height: 310px;
        padding-bottom: 0
    }
}

@media (min-width:1200px) {
    .fg-video-wrapper {
        width: 600px;
        height: 338px
    }
}

@media (min-width:1600px) {
    .fg-video-wrapper {
        width: 918px;
        height: 517px
    }
}

.fg-video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    cursor: pointer
}

.fg-video-body {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 0 4px #f8f8f5;
    -moz-box-shadow: 0 0 0 4px #f8f8f5;
    box-shadow: 0 0 0 4px #f8f8f5;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

@media (min-width:768px) {
    .fg-video-body {
        -webkit-box-shadow: 0 0 0 8px #f8f8f5;
        -moz-box-shadow: 0 0 0 8px #f8f8f5;
        box-shadow: 0 0 0 8px #f8f8f5
    }
}

@media (min-width:1200px) {
    .fg-video-body {
        -webkit-box-shadow: 0 0 0 10px #f8f8f5;
        -moz-box-shadow: 0 0 0 10px #f8f8f5;
        box-shadow: 0 0 0 10px #f8f8f5
    }
}

@media (min-width:1600px) {
    .fg-video-body {
        -webkit-box-shadow: 0 0 0 15px #f8f8f5;
        -moz-box-shadow: 0 0 0 15px #f8f8f5;
        box-shadow: 0 0 0 15px #f8f8f5
    }
}

.fg-video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, -o-transform .3s;
    -moz-transition: opacity .3s, transform .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.fg-video-button.-hidden {
    -webkit-transform: translate(-50%, -50%) scale(.5);
    -moz-transform: translate(-50%, -50%) scale(.5);
    -ms-transform: translate(-50%, -50%) scale(.5);
    -o-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, -o-transform .3s;
    -moz-transition: opacity .3s, transform .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.fg-video-button button {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #FF009B;
    background-image: url('../img/video/play.svg');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

@media (min-width:768px) {
    .fg-video-button button {
        width: 38px;
        height: 38px
    }
}

@media (min-width:1200px) {
    .fg-video-button button {
        width: 42px;
        height: 42px
    }
}

@media (min-width:1600px) {
    .fg-video-button button {
        width: 64px;
        height: 64px
    }
}

.fg-video-button button:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #FF009B;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.fg-video-button button:hover {
    background-color: #FF009B
}

.fg-video-button button:hover:before {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.fg-video-circle {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    background: #ffd336;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

@media (min-width:768px) {
    .fg-video-circle {
        width: 380px;
        height: 380px
    }
}

@media (min-width:1200px) {
    .fg-video-circle {
        width: 414px;
        height: 414px
    }
}

@media (min-width:1600px) {
    .fg-video-circle {
        width: 636px;
        height: 636px
    }
}

.fg-video-action {
    margin: 55px 0 0 0;
    text-align: center
}

@media (min-width:768px) {
    .fg-video-action {
        margin: 145px 0 0 0
    }
}

@media (min-width:1024px) {
    .fg-video-action {
        margin: 85px 0 0 0
    }
}

@media (min-width:1600px) {
    .fg-video-action {
        margin: 110px 0 0 0
    }
}

@media (min-width:768px) {
    .fg-video-action-item {
        display: inline-block;
        vertical-align: middle
    }
}

.fg-video-particle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto
}

@media (min-width:768px) {
    .fg-video-particle {
        width: 768px
    }
}

@media (min-width:1024px) {
    .fg-video-particle {
        width: 1024px
    }
}

@media (min-width:1200px) {
    .fg-video-particle {
        width: 1200px
    }
}

@media (min-width:1600px) {
    .fg-video-particle {
        width: 1600px
    }
}

.fg-video-particle-item {
    display: none;
    position: absolute;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

@media (min-width:768px) {
    .fg-video-particle-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.fg-video-particle-item.-v1 {
    width: 7px;
    height: 7px;
    background: #ae6eff
}

@media (min-width:768px) {
    .fg-video-particle-item.-v1 {
        top: 180px;
        left: 227px
    }
}

@media (min-width:1024px) {
    .fg-video-particle-item.-v1 {
        top: 51px;
        left: 313px
    }
}

@media (min-width:1200px) {
    .fg-video-particle-item.-v1 {
        top: 53px;
        left: 400px
    }
}

@media (min-width:1600px) {
    .fg-video-particle-item.-v1 {
        width: 10px;
        height: 10px;
        top: 120px;
        left: 530px
    }
}

.fg-video-particle-item.-v2 {
    width: 9px;
    height: 9px;
    background: #FF009B
}

@media (min-width:768px) {
    .fg-video-particle-item.-v2 {
        top: 260px;
        left: 63px
    }
}

@media (min-width:1024px) {
    .fg-video-particle-item.-v2 {
        top: 131px;
        left: 149px
    }
}

@media (min-width:1200px) {
    .fg-video-particle-item.-v2 {
        width: 10px;
        height: 10px;
        top: 143px;
        left: 214px
    }
}

@media (min-width:1600px) {
    .fg-video-particle-item.-v2 {
        width: 13px;
        height: 13px;
        top: 248px;
        left: 267px
    }
}

.fg-video-particle-item.-v3 {
    width: 17px;
    height: 17px;
    background: #ae6eff
}

@media (min-width:768px) {
    .fg-video-particle-item.-v3 {
        left: 46px;
        bottom: 332px
    }
}

@media (min-width:1024px) {
    .fg-video-particle-item.-v3 {
        left: 124px;
        bottom: 254px
    }
}

@media (min-width:1200px) {
    .fg-video-particle-item.-v3 {
        width: 19px;
        height: 19px;
        left: 185px;
        bottom: 247px
    }
}

@media (min-width:1600px) {
    .fg-video-particle-item.-v3 {
        width: 27px;
        height: 27px;
        left: 228px;
        bottom: 332px
    }
}

.fg-video-particle-item.-v4 {
    width: 6px;
    height: 6px;
    background: #61C5D0
}

@media (min-width:768px) {
    .fg-video-particle-item.-v4 {
        bottom: 223px;
        left: 57px
    }
}

@media (min-width:1024px) {
    .fg-video-particle-item.-v4 {
        bottom: 179px;
        left: 76px
    }
}

@media (min-width:1200px) {
    .fg-video-particle-item.-v4 {
        bottom: 162px;
        left: 131px
    }
}

@media (min-width:1600px) {
    .fg-video-particle-item.-v4 {
        bottom: 187px;
        left: 151px
    }
}

.fg-video-particle-item.-v5 {
    width: 13px;
    height: 13px;
    background: #ffd336
}

@media (min-width:768px) {
    .fg-video-particle-item.-v5 {
        bottom: 223px;
        left: 187px
    }
}

@media (min-width:1024px) {
    .fg-video-particle-item.-v5 {
        bottom: 115px;
        left: 187px
    }
}

@media (min-width:1200px) {
    .fg-video-particle-item.-v5 {
        width: 14px;
        height: 14px;
        bottom: 89px;
        left: 258px
    }
}

@media (min-width:1600px) {
    .fg-video-particle-item.-v5 {
        width: 20px;
        height: 20px;
        bottom: 80px;
        left: 331px
    }
}

.fg-video-particle-item.-v6 {
    width: 9px;
    height: 9px;
    background: #FF009B
}

@media (min-width:768px) {
    .fg-video-particle-item.-v6 {
        top: 176px;
        right: 118px
    }
}

@media (min-width:1024px) {
    .fg-video-particle-item.-v6 {
        top: 70px;
        right: 204px
    }
}

@media (min-width:1200px) {
    .fg-video-particle-item.-v6 {
        width: 10px;
        height: 10px;
        top: 73px;
        right: 249px
    }
}

@media (min-width:1600px) {
    .fg-video-particle-item.-v6 {
        width: 14px;
        height: 14px;
        top: 149px;
        right: 293px
    }
}

.fg-video-particle-item.-v7 {
    width: 6px;
    height: 6px;
    background: #FF009B
}

@media (min-width:768px) {
    .fg-video-particle-item.-v7 {
        top: 234px;
        right: 80px
    }
}

@media (min-width:1024px) {
    .fg-video-particle-item.-v7 {
        top: 129px;
        right: 146px
    }
}

@media (min-width:1200px) {
    .fg-video-particle-item.-v7 {
        width: 7px;
        height: 7px;
        top: 140px;
        right: 183px
    }
}

@media (min-width:1600px) {
    .fg-video-particle-item.-v7 {
        width: 9px;
        height: 9px;
        top: 243px;
        right: 199px
    }
}

.fg-video-particle-item.-v8 {
    width: 6px;
    height: 6px;
    background: #ffd336
}

@media (min-width:768px) {
    .fg-video-particle-item.-v8 {
        right: 77px;
        bottom: 333px
    }
}

@media (min-width:1024px) {
    .fg-video-particle-item.-v8 {
        right: 162px;
        bottom: 244px
    }
}

@media (min-width:1200px) {
    .fg-video-particle-item.-v8 {
        width: 7px;
        height: 7px;
        right: 179px;
        bottom: 235px
    }
}

@media (min-width:1600px) {
    .fg-video-particle-item.-v8 {
        width: 10px;
        height: 10px;
        right: 194px;
        bottom: 260px
    }
}

.fg-video-particle-item.-v9 {
    width: 11px;
    height: 11px;
    background: #FF009B
}

@media (min-width:768px) {
    .fg-video-particle-item.-v9 {
        bottom: 289px;
        right: 31px
    }
}

@media (min-width:1024px) {
    .fg-video-particle-item.-v9 {
        bottom: 200px;
        right: 116px
    }
}

@media (min-width:1200px) {
    .fg-video-particle-item.-v9 {
        width: 12px;
        height: 12px;
        bottom: 187px;
        right: 127px
    }
}

@media (min-width:1600px) {
    .fg-video-particle-item.-v9 {
        width: 16px;
        height: 16px;
        bottom: 190px;
        right: 120px
    }
}

.fg-video-particle-item.-v10 {
    width: 9px;
    height: 9px;
    background: #61C5D0
}

@media (min-width:768px) {
    .fg-video-particle-item.-v10 {
        right: 204px;
        bottom: 213px
    }
}

@media (min-width:1024px) {
    .fg-video-particle-item.-v10 {
        right: 229px;
        bottom: 113px
    }
}

@media (min-width:1200px) {
    .fg-video-particle-item.-v10 {
        right: 256px;
        bottom: 88px
    }
}

@media (min-width:1600px) {
    .fg-video-particle-item.-v10 {
        right: 302px;
        bottom: 56px
    }
}

.fg-signup-content {
    padding-bottom: 100px;
    background-color: #f7f7f7
}

@media (min-width:768px) {
    .fg-signup-content {
        padding-bottom: 140px
    }
}

@media (min-width:1024px) {
    .fg-signup-content {
        padding-bottom: 160px
    }
}

@media (min-width:1200px) {
    .fg-signup-content {
        padding-bottom: 180px
    }
}

@media (min-width:1600px) {
    .fg-signup-content {
        padding-bottom: 200px
    }
}

.fg-signup-form {
    padding-top: 60px
}

@media (min-width:768px) {
    .fg-signup-form {
        padding-top: 80px
    }
}

@media (min-width:1200px) {
    .fg-signup-form {
        padding-top: 100px
    }
}

.fg-signup-section {
    background-color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.fg-signup-section:not(:first-child) {
    padding-top: 50px
}

.fg-signup-subtitle {
    font-weight: normal;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: -.025em
}

@media (min-width:768px) {
    .fg-signup-subtitle {
        font-size: 20px;
        line-height: 180%
    }
}

.fg-signup-wrapper {
    margin-top: 30px;
    padding: 40px 20px 60px 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

@media (min-width:768px) {
    .fg-signup-wrapper {
        margin-top: 20px;
        padding: 50px 60px
    }
}

@media (min-width:1024px) {
    .fg-signup-wrapper {
        padding: 50px 70px
    }
}

@media (min-width:1200px) {
    .fg-signup-wrapper {
        padding: 60px 80px
    }
}

.fg-signup-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fg-signup-field {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100%
}

@media (min-width:768px) {
    .fg-signup-field {
        max-width: -webkit-calc(50% - 20px);
        max-width: -moz-calc(50% - 20px);
        max-width: calc(50% - 20px)
    }
}

@media (min-width:1200px) {
    .fg-signup-field {
        max-width: -webkit-calc(50% - 30px);
        max-width: -moz-calc(50% - 30px);
        max-width: calc(50% - 30px)
    }
}

.fg-signup-field:not(:first-child) {
    margin-top: 20px
}

@media (min-width:768px) {
    .fg-signup-field:not(:first-child) {
        margin-top: 32px
    }

    .fg-signup-field:not(:first-child):nth-child(2) {
        margin-top: 0
    }
}

@media (min-width:768px) {
    .fg-signup-field:nth-child(even) {
        margin-left: 40px
    }
}

@media (min-width:1200px) {
    .fg-signup-field:nth-child(even) {
        margin-left: 60px
    }
}

.fg-signup-title {
    margin: 0 0 30px 0;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -.025em;
    font-weight: normal
}

@media (min-width:768px) {
    .fg-signup-title {
        margin: 0 0 40px 0;
        font-size: 20px;
        line-height: 36px;
        letter-spacing: -.005em
    }
}

@media (min-width:1200px) {
    .fg-signup-title {
        margin: 0 0 50px 0
    }
}

@media (max-width:767px) {
    .fg-signup-numbers-title {
        display: none
    }
}

@media (min-width:768px) {
    .fg-signup-numbers-title {
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -.01em;
        color: grey
    }
}

@media (max-width:767px) {
    .fg-signup-numbers-wrapper {
        display: none
    }
}

@media (min-width:768px) {
    .fg-signup-numbers-wrapper {
        margin-top: 12px;
        padding: 2px;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f7f7f7;
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px
    }
}

@media (min-width:1024px) {
    .fg-signup-numbers-wrapper {
        padding: 3px;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 23px
    }
}

@media (min-width:1200px) {
    .fg-signup-numbers-wrapper {
        padding: 4px;
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        border-radius: 26px
    }
}

@media (min-width:1600px) {
    .fg-signup-numbers-wrapper {
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }
}

.fg-signup-numbers-radio {
    width: 53px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    text-align: center
}

@media (min-width:1024px) {
    .fg-signup-numbers-radio {
        width: 65px
    }
}

@media (min-width:1200px) {
    .fg-signup-numbers-radio {
        width: 75px
    }
}

@media (min-width:1600px) {
    .fg-signup-numbers-radio {
        width: 84px
    }
}

.fg-signup-numbers-radio input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.fg-signup-numbers-radio input:checked+label {
    color: #fff;
    background-color: #FF009B;
    cursor: default
}

.fg-signup-numbers-radio label {
    display: block;
    padding: 3px 6px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #2a2638;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    cursor: pointer
}

.fg-signup-numbers-radio label:hover {
    background-color: #ececec
}

@media (min-width:1024px) {
    .fg-signup-numbers-radio label {
        font-size: 14px;
        line-height: 17px;
        padding: 6px 10px;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 23px
    }
}

@media (min-width:1200px) {
    .fg-signup-numbers-radio label {
        font-size: 16px;
        line-height: 20px;
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        border-radius: 26px
    }
}

@media (min-width:1600px) {
    .fg-signup-numbers-radio label {
        font-size: 18px;
        line-height: 22px;
        padding: 7px 10px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }
}

@media (min-width:768px) {
    .fg-signup-numbers-select {
        display: none
    }
}

.fg-signup-action {
    margin-top: 30px
}

@media (min-width:768px) {
    .fg-signup-action {
        margin-top: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:1200px) {
    .fg-signup-action {
        margin-top: 50px
    }
}

.fg-signup-message {
    display: none;
    margin: 25px 0 0 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.025em;
    font-weight: normal;
    text-align: center
}

@media (min-width:1200px) {
    .fg-signup-message {
        margin: 40px 0 0 0;
        font-size: 18px;
        line-height: 27px
    }
}

.fg-signup-message.-visible {
    display: block
}

.fg-title {
    padding-top: 100px;
    text-align: center
}

@media (min-width:768px) {
    .fg-title {
        padding-top: 154px
    }
}

@media (min-width:1024px) {
    .fg-title {
        padding-top: 174px
    }
}

@media (min-width:1200px) {
    .fg-title {
        padding-top: 194px
    }
}

@media (min-width:1600px) {
    .fg-title {
        padding-top: 220px
    }
}

.fg-title h1 {
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -.03em
}

@media (min-width:768px) {
    .fg-title h1 {
        font-size: 35px
    }
}

@media (min-width:1024px) {
    .fg-title h1 {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-title h1 {
        font-size: 50px
    }
}

@media (min-width:1600px) {
    .fg-title h1 {
        font-size: 65px
    }
}

.fg-title h1 img {
    margin: -5px 0 0 0;
    height: 30px
}

@media (min-width:768px) {
    .fg-title h1 img {
        height: 35px;
        margin: -7px 0 0 0
    }
}

@media (min-width:1024px) {
    .fg-title h1 img {
        height: 45px
    }
}

@media (min-width:1200px) {
    .fg-title h1 img {
        height: 50px
    }
}

@media (min-width:1600px) {
    .fg-title h1 img {
        height: 60px
    }
}

.fg-title p {
    margin-top: 1%
}

.fg-title.-xs {
    padding: 0
}

.fg-explanation {
    position: relative
}

.fg-explanation:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: currentColor;
    opacity: .05
}

.fg-explanation-rmask {
    height: 20px
}

@media (min-width:1200px) {
    .fg-explanation-rmask {
        height: 25px
    }
}

@media (min-width:1600px) {
    .fg-explanation-rmask {
        height: 30px
    }
}

.fg-explanation-rmask svg {
    display: block;
    width: 100%;
    height: 100%
}

.fg-explanation-rmask.-top {
    position: static
}

.fg-explanation-rmask.-top svg {
    fill: #fff
}

.fg-explanation-rmask.-bottom {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%
}

.fg-explanation-rmask.-bottom svg {
    fill: currentColor;
    opacity: .05
}

.fg-explanation-content {
    padding: 40px 0 60px
}

@media (min-width:768px) {
    .fg-explanation-content {
        padding: 60px 0 140px
    }
}

@media (min-width:1024px) {
    .fg-explanation-content {
        padding: 80px 0 190px
    }
}

@media (min-width:1200px) {
    .fg-explanation-content {
        padding: 115px 0 230px
    }
}

@media (min-width:1600px) {
    .fg-explanation-content {
        padding: 120px 0 220px
    }
}

.fg-explanation-header {
    text-align: center;
    color: #2a2638
}

.fg-explanation-header h2 {
    font-family: 'AvenirNextRoundedStd-Med', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -.03em;
}

@media (min-width:768px) {
    .fg-explanation-header h2 {
        font-size: 35px
    }
}

@media (min-width:1024px) {
    .fg-explanation-header h2 {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-explanation-header h2 {
        font-size: 50px
    }
}

@media (min-width:1600px) {
    .fg-explanation-header h2 {
        font-size: 50px
    }
}

.fg-explanation-wrapper {
    margin-top: 74px
}

@media (min-width:768px) {
    .fg-explanation-wrapper {
        margin-top: 94px
    }
}

@media (min-width:1024px) {
    .fg-explanation-wrapper {
        margin-top: 126px
    }
}

@media (min-width:1200px) {
    .fg-explanation-wrapper {
        margin-top: 162px
    }
}

@media (min-width:1600px) {
    .fg-explanation-wrapper {
        margin-top: 214px
    }
}

.fg-explanation-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:768px) {
    .fg-explanation-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:768px) {
    .fg-explanation-grid-col.-left {
        margin-right: 80px
    }
}

@media (min-width:1024px) {
    .fg-explanation-grid-col.-left {
        margin-right: 90px
    }
}

@media (min-width:1200px) {
    .fg-explanation-grid-col.-left {
        margin-right: 100px
    }
}

@media (min-width:1600px) {
    .fg-explanation-grid-col.-left {
        margin-right: 136px
    }
}

.fg-explanation-grid-col.-right {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.fg-explanation-items {
    position: relative;
    width: 232px;
    height: 232px;
    margin-left: 34px
}

@media (min-width:768px) {
    .fg-explanation-items {
        width: 220px;
        height: 220px;
        margin-left: 0
    }
}

@media (min-width:1024px) {
    .fg-explanation-items {
        width: 260px;
        height: 260px
    }
}

@media (min-width:1200px) {
    .fg-explanation-items {
        width: 300px;
        height: 300px
    }
}

@media (min-width:1600px) {
    .fg-explanation-items {
        width: 520px;
        height: 520px
    }
}

.fg-explanation-item {
    position: absolute
}

.fg-explanation-item-backdrop {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    transform: rotate(-9deg);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

@media (min-width:768px) {
    .fg-explanation-item-backdrop {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px
    }
}

@media (min-width:1024px) {
    .fg-explanation-item-backdrop {
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        border-radius: 24px
    }
}

@media (min-width:1200px) {
    .fg-explanation-item-backdrop {
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        border-radius: 28px
    }
}

@media (min-width:1600px) {
    .fg-explanation-item-backdrop {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px
    }
}

.fg-explanation-item.-v1 .fg-explanation-item-backdrop {
    background-color: #FF99D7
}

.fg-explanation-item.-v2 .fg-explanation-item-backdrop {
    background-color: #98A8E0
}

.fg-explanation-item.-v3 .fg-explanation-item-backdrop {
    background-color: #FFC757
}

.fg-explanation-item.-v4 .fg-explanation-item-backdrop {
    background-color: #A66FED
}

.fg-explanation-item.-v5 .fg-explanation-item-backdrop {
    background-color: #98D9E0
}

.fg-explanation-item-picture-img {
    overflow: hidden;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom
}

@media (min-width:768px) {
    .fg-explanation-item-picture-img {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px
    }
}

@media (min-width:1024px) {
    .fg-explanation-item-picture-img {
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        border-radius: 24px
    }
}

@media (min-width:1200px) {
    .fg-explanation-item-picture-img {
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        border-radius: 28px
    }
}

@media (min-width:1600px) {
    .fg-explanation-item-picture-img {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px
    }
}

.fg-explanation-item-picture img {
    width: 100%;
    height: auto
}

.fg-explanation-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 50px
}

@media (min-width:768px) {
    .fg-explanation-list {
        margin-top: 0
    }
}

.fg-explanation-list-item {
    font-weight: normal;
    font-size: 18px;
    line-height: 133%;
    letter-spacing: -.03em;
    color: #2a2638;
    opacity: .5;
    cursor: pointer;
    -webkit-transition: color .25s, opacity .25s;
    -o-transition: color .25s, opacity .25s;
    -moz-transition: color .25s, opacity .25s;
    transition: color .25s, opacity .25s
}

@media (min-width:768px) {
    .fg-explanation-list-item {
        font-size: 20px
    }
}

@media (min-width:1024px) {
    .fg-explanation-list-item {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .fg-explanation-list-item {
        font-size: 28px
    }
}

@media (min-width:1600px) {
    .fg-explanation-list-item {
        font-size: 40px
    }
}

.fg-explanation-list-item img {
    height: 24px
}

@media (min-width:768px) {
    .fg-explanation-list-item img {
        height: 27px
    }
}

@media (min-width:1024px) {
    .fg-explanation-list-item img {
        height: 33px
    }
}

@media (min-width:1200px) {
    .fg-explanation-list-item img {
        height: 37px
    }
}

@media (min-width:1600px) {
    .fg-explanation-list-item img {
        height: 40px
    }
}

.mobile .fg-explanation-list-item:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: -10px
}

.fg-explanation-list-item:not(:first-child) {
    margin-top: 20px
}

@media (min-width:768px) {
    .fg-explanation-list-item:not(:first-child) {
        margin-top: 25px
    }
}

@media (min-width:1200px) {
    .fg-explanation-list-item:not(:first-child) {
        margin-top: 30px
    }
}

@media (min-width:1600px) {
    .fg-explanation-list-item:not(:first-child) {
        margin-top: 40px
    }
}

.fg-explanation-list-item.-active {
    color: #2a2638;
    opacity: 1;
    cursor: default
}

.fg-explanation-list-item img {
    height: 1em;
    vertical-align: middle;
    position: relative;
    top: -.1em
}

.fg-mainreel {
    padding: 100px 0
}

@media (min-width:768px) {
    .fg-mainreel {
        padding: 20px 0 0
    }
}

@media (min-width:1200px) {
    .fg-mainreel {
        padding: 25px 0 0
    }
}

@media (min-width:1600px) {
    .fg-mainreel {
        padding: 30px 0 0
    }
}

.fg-mainreel.-purple {
    background-color: rgba(174, 110, 255, .1)
}

@media (min-width:768px) {
    .fg-mainreel-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 80px
    }
}

@media (min-width:1024px) {
    .fg-mainreel-content {
        padding-top: 95px
    }
}

@media (min-width:1200px) {
    .fg-mainreel-content {
        padding-top: 120px
    }
}

.fg-mainreel-header h2 {
    padding: 0 20px;
    font-weight: normal;
    font-size: 30px;
    line-height: 108.5%;
    text-align: center;
    letter-spacing: -.03em
}

@media (min-width:768px) {
    .fg-mainreel-header h2 {
        font-size: 35px;
        max-width: 340px;
        margin: 0 auto;
        padding: 0
    }
}

@media (min-width:1024px) {
    .fg-mainreel-header h2 {
        font-size: 40px;
        max-width: 380px
    }
}

@media (min-width:1200px) {
    .fg-mainreel-header h2 {
        font-size: 50px;
        max-width: 600px
    }
}

@media (min-width:1600px) {
    .fg-mainreel-header h2 {
        font-size: 65px;
        max-width: 680px
    }
}

.fg-mainreel-slider {
    position: relative
}

.fg-mainreel-slider-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

@media (min-width:768px) {
    .fg-mainreel-slider-items {
        padding: 42px -webkit-calc((100vw - 354px)/ 2);
        padding: 42px -moz-calc((100vw - 354px)/ 2);
        padding: 42px calc((100vw - 354px)/ 2)
    }
}

@media (min-width:1024px) {
    .fg-mainreel-slider-items {
        padding: 50px -webkit-calc((100vw - 390px)/ 2);
        padding: 50px -moz-calc((100vw - 390px)/ 2);
        padding: 50px calc((100vw - 390px)/ 2)
    }
}

@media (min-width:1200px) {
    .fg-mainreel-slider-items {
        padding: 72px -webkit-calc((100vw - 442px)/ 2);
        padding: 72px -moz-calc((100vw - 442px)/ 2);
        padding: 72px calc((100vw - 442px)/ 2)
    }
}

@media (min-width:1600px) {
    .fg-mainreel-slider-items {
        padding: 100px -webkit-calc((100vw - 520px)/ 2);
        padding: 100px -moz-calc((100vw - 520px)/ 2);
        padding: 100px calc((100vw - 520px)/ 2)
    }
}

.fg-mainreel-wrapper {
    margin-top: 30px
}

@media (min-width:768px) {
    .fg-mainreel-wrapper {
        margin-top: 0;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        overflow: hidden
    }
}

.fg-mainreel-item {
    position: relative
}

@media (max-width:767px) {
    .fg-mainreel-item {
        padding: 0 20px
    }
}

@media (min-width:768px) {
    .fg-mainreel-item {
        padding: 120px 0
    }
}

@media (min-width:768px) {
    .fg-mainreel-item:not(:first-child) {
        margin-left: 100px
    }
}

@media (min-width:1024px) {
    .fg-mainreel-item:not(:first-child) {
        margin-left: 110px
    }
}

@media (min-width:1200px) {
    .fg-mainreel-item:not(:first-child) {
        margin-left: 120px
    }
}

@media (min-width:1600px) {
    .fg-mainreel-item:not(:first-child) {
        margin-left: 215px
    }
}

.fg-mainreel-item-img {
    width: 150px;
    height: 160px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:768px) {
    .fg-mainreel-item-img {
        width: auto;
        height: 180px
    }

    .desktop .fg-mainreel-item-img {
        position: absolute;
        opacity: 0;
        z-index: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media (min-width:1024px) {
    .fg-mainreel-item-img {
        height: 262px
    }
}

@media (min-width:1600px) {
    .fg-mainreel-item-img {
        height: 342px
    }
}

.fg-mainreel-item-img img {
    max-height: 100%
}

.fg-mainreel-item-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.2em;
    margin-top: 20px;
    font-weight: normal;
    font-size: 30px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -.03em
}

@media (min-width:768px) {
    .fg-mainreel-item-title {
        width: 356px;
        margin-top: 0;
        font-size: 35px
    }
}

@media (min-width:1024px) {
    .fg-mainreel-item-title {
        width: 390px;
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-mainreel-item-title {
        width: 442px;
        font-size: 50px
    }
}

@media (min-width:1600px) {
    .fg-mainreel-item-title {
        width: 520px;
        font-size: 65px
    }
}

.fg-mainreel-item-title.-pink {
    color: #FF009B
}

.fg-mainreel-item-title.-blue {
    color: #61C5D0
}

.fg-mainreel-item-title.-green {
    color: #FF009B
}

.fg-mainreel-item-title.-purple {
    color: #ae6eff
}

.fg-mainreel-item-title.-yellow {
    color: #ffd336
}

.fg-cta-content {
    padding: 100px 0
}

@media (min-width:768px) {
    .fg-cta-content {
        padding: 120px 0
    }
}

@media (min-width:1024px) {
    .fg-cta-content {
        padding: 140px 0
    }
}

@media (min-width:1200px) {
    .fg-cta-content {
        padding: 160px 0
    }
}

@media (min-width:1200px) {
    .fg-cta-content {
        padding: 208px 0
    }
}

.fg-cta-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media (min-width:768px) {
    .fg-cta-grid {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:768px) {
    .fg-cta-grid-col {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (max-width:767px) {
    .fg-cta-title {
        margin-top: 62px;
        text-align: center
    }
}

.fg-cta-title h2 {
    font-family: 'AvenirNextRoundedStd-Med', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -.03em
}

@media (min-width:768px) {
    .fg-cta-title h2 {
        font-size: 34px;
        text-align: center
    }
}

@media (min-width:1024px) {
    .fg-cta-title h2 {
        font-size: 40px;
        text-align: left
    }
}

@media (min-width:1200px) {
    .fg-cta-title h2 {
        font-size: 40px;
        text-align: left
    }
}

@media (min-width:1200px) {
    .fg-cta-title h2 {
        font-size: 50px
    }
}

@media (min-width:1600px) {
    .fg-cta-title h2 {
        font-size: 50px
    }
}

.fg-cta-title b {
    color: #FF009B;
    font-weight: 600
}

.fg-cta-action {
    margin-top: 30px
}

@media (min-width:768px) {
    .fg-cta-action {
        margin-top: 33px;
        text-align: center
    }
}

@media (min-width:1024px) {
    .fg-cta-action {
        margin-top: 20px;
        text-align: left
    }
}

@media (min-width:1200px) {
    .fg-cta-action {
        margin-top: 40px
    }
}

@media (min-width:1600px) {
    .fg-cta-action {
        margin-top: 60px
    }
}

.fg-cta-notice {
    display: none;
    margin: 15px 0 0 0;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: -.025em;
    text-align: center;
    opacity: .6
}

@media (min-width:1024px) {
    .fg-cta-notice {
        text-align: left
    }
}

@media (min-width:1200px) {
    .fg-cta-notice {
        font-size: 16px;
        line-height: 27px
    }
}

.fg-cta-notice.-visible {
    display: block
}

.fg-cta-form {
    display: none;
    width: 280px;
    margin: 0 auto
}

@media (min-width:768px) {
    .fg-cta-form {
        width: 309px
    }
}

@media (min-width:1024px) {
    .fg-cta-form {
        width: 318px;
        margin: 0
    }
}

@media (min-width:1200px) {
    .fg-cta-form {
        width: 354px
    }
}

@media (min-width:1600px) {
    .fg-cta-form {
        width: 406px
    }
}

.fg-cta-form-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1024px) {
    .fg-cta-form-items {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.fg-cta-form-item {
    display: inline-block;
    margin: 0 0 0 30px;
    vertical-align: middle
}

.fg-cta-form-item:first-child {
    margin: 0
}

.fg-cta-form-item.-sm {
    width: 92px
}

.fg-cta-form-body {
    display: none
}

.fg-cta-form-body.-visible {
    display: block
}

.fg-cta-form-message {
    display: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.025em
}

@media (min-width:1200px) {
    .fg-cta-form-message {
        font-size: 18px;
        line-height: 27px
    }
}

.fg-cta-form-message.-visible {
    display: block
}

.fg-cta-form .iti {
    width: 100%
}

.fg-cta-form .iti__flag {
    margin: 3px 0 0 0;
    background-image: url('../img/flags.png');
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

@media (min-width:1600px) {
    .fg-cta-form .iti__flag {
        margin: 5px 0 0 0
    }
}

@media (-webkit-min-device-pixel-ratio:2),
(min--moz-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:2/1),
(min-resolution:192dpi) {
    .fg-cta-form .iti__flag {
        background-image: url('../img/flags@2x.png')
    }
}

.fg-cta-form .iti__country-list {
    min-width: 280px;
    border: none;
    -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 16px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 16px rgba(0, 0, 0, .05)
}

@media (min-width:768px) {
    .fg-cta-form .iti__country-list {
        min-width: 309px
    }
}

@media (min-width:1024px) {
    .fg-cta-form .iti__country-list {
        min-width: 318px
    }
}

@media (min-width:1200px) {
    .fg-cta-form .iti__country-list {
        min-width: 354px
    }
}

@media (min-width:1600px) {
    .fg-cta-form .iti__country-list {
        min-width: 406px
    }
}

.fg-cta-form .iti__selected-flag {
    padding: 0 6px 9px 0;
    background-color: transparent
}

@media (min-width:768px) {
    .fg-cta-form .iti__selected-flag {
        padding: 0 6px 13px 0
    }
}

@media (min-width:1600px) {
    .fg-cta-form .iti__selected-flag {
        padding: 0 6px 12px 0
    }
}

.fg-cta-form .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.fg-cta-form .iti__selected-dial-code {
    margin: 0 0 0 5px
}

@media (min-width:768px) {
    .fg-cta-form .iti__selected-dial-code {
        margin: 0 0 0 8px
    }
}

@media (min-width:1200px) {
    .fg-cta-form .iti__selected-dial-code {
        margin: 0 0 0 10px
    }
}

.fg-cta-form .iti__arrow {
    width: 10px;
    height: 6px;
    margin-left: 6px;
    background-image: url('../img/hero/5.svg');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    border: none
}

@media (min-width:768px) {
    .fg-cta-form .iti__arrow {
        margin-left: 8px
    }
}

.fg-cta-form .iti__selected-dial-code {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: .065em
}

@media (min-width:768px) {
    .fg-cta-form .iti__selected-dial-code {
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .fg-cta-form .iti__selected-dial-code {
        font-size: 20px
    }
}

@media (min-width:1600px) {
    .fg-cta-form .iti__selected-dial-code {
        font-size: 24px
    }
}

.fg-cta-form.-visible {
    display: block
}

.fg-cta-figure {
    display: inline-block
}

.fg-cta-figure-img img {
    max-width: 100%
}

.fg-faq-content {
    padding: 100px 0
}

@media (min-width:768px) {
    .fg-faq-content {
        padding: 154px 0 120px 0
    }
}

@media (min-width:1024px) {
    .fg-faq-content {
        padding: 174px 0 140px 0
    }
}

@media (min-width:1200px) {
    .fg-faq-content {
        padding: 194px 0 160px 0
    }
}

@media (min-width:1600px) {
    .fg-faq-content {
        padding: 220px 0
    }
}

.fg-faq-title {
    margin: 0 0 60px 0
}

@media (min-width:1024px) {
    .fg-faq-title {
        margin: 0 0 80px 0
    }
}

@media (min-width:1200px) {
    .fg-faq-title {
        margin: 0 0 100px 0
    }
}

@media (min-width:1600px) {
    .fg-faq-title {
        margin: 0 0 120px 0
    }
}

.fg-faq-accordion {
    margin: 0 0 100px 0
}

@media (min-width:1024px) {
    .fg-faq-accordion {
        margin: 0 0 120px 0
    }
}

@media (min-width:1200px) {
    .fg-faq-accordion {
        margin: 0 0 140px 0
    }
}

@media (min-width:1600px) {
    .fg-faq-accordion {
        margin: 0 0 160px 0
    }
}

.fg-faq-accordion:last-child {
    margin: 0
}

.fg-faq-accordion-item {
    padding: 30px 20px;
    margin: 0 0 20px 0;
    border: 1px solid #d4d4d7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: background .25s, border .25s;
    -o-transition: background .25s, border .25s;
    -moz-transition: background .25s, border .25s;
    transition: background .25s, border .25s
}

.fg-faq-accordion-item:last-child {
    margin: 0
}

.fg-faq-accordion-item:hover {
    background: #f9f9f9;
    border: 1px solid #f9f9f9
}

@media (min-width:768px) {
    .fg-faq-accordion-item {
        padding: 30px 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px
    }
}

@media (min-width:1024px) {
    .fg-faq-accordion-item {
        padding: 40px 50px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px
    }
}

@media (min-width:1200px) {
    .fg-faq-accordion-item {
        padding: 50px 60px;
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        border-radius: 28px
    }
}

@media (min-width:1600px) {
    .fg-faq-accordion-item {
        padding: 60px 70px;
        -webkit-border-radius: 36px;
        -moz-border-radius: 36px;
        border-radius: 36px
    }
}

.fg-faq-accordion-item-head {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

@media (min-width:768px) {
    .fg-faq-accordion-item-head {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.fg-faq-accordion-item-head:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5% 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fg-faq-accordion-item-title {
    padding: 0 10px 0 0;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -.025em;
    font-weight: normal
}

@media (min-width:768px) {
    .fg-faq-accordion-item-title {
        padding: 0 20px 0 0
    }
}

@media (min-width:1024px) {
    .fg-faq-accordion-item-title {
        font-size: 22px;
        line-height: 29px
    }
}

@media (min-width:1200px) {
    .fg-faq-accordion-item-title {
        font-size: 25px;
        line-height: 32px
    }
}

@media (min-width:1600px) {
    .fg-faq-accordion-item-title {
        font-size: 34px;
        line-height: 44px
    }
}

.fg-faq-accordion-item-icon svg {
    width: 14px;
    height: 8px;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, -o-transform .3s;
    -moz-transition: transform .3s, opacity .3s, -moz-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

@media (min-width:768px) {
    .fg-faq-accordion-item-icon svg {
        width: 21px;
        height: 12px
    }
}

.fg-faq-accordion-item-text {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.025em;
    opacity: .8
}

@media (min-width:1200px) {
    .fg-faq-accordion-item-text {
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-faq-accordion-item-text {
        font-size: 20px;
        line-height: 34px
    }
}

.fg-faq-accordion-item-body {
    display: none;
    margin: 20px 0 0 0
}

@media (min-width:768px) {
    .fg-faq-accordion-item-body {
        margin: 15px 0 0 0
    }
}

@media (min-width:1024px) {
    .fg-faq-accordion-item-body {
        margin: 20px 0 0 0
    }
}

@media (min-width:1600px) {
    .fg-faq-accordion-item-body {
        margin: 40px 0 0 0
    }
}

.fg-faq-accordion-item-body.-active {
    display: block
}

.fg-faq-accordion-item.-open {
    background: #f9f9f9;
    border: 1px solid #f9f9f9
}

.fg-faq-accordion-item.-open .fg-faq-accordion-item-icon svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: .3
}

.fg-faq-footer-text {
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-weight: normal
}

.fg-faq-footer-text:last-child {
    margin: 0
}

@media (min-width:1024px) {
    .fg-faq-footer-text {
        font-size: 25px;
        line-height: 28px
    }
}

@media (min-width:1600px) {
    .fg-faq-footer-text {
        font-size: 40px;
        line-height: 43px
    }
}

.fg-faq-footer-text a {
    color: #FF009B;
    text-decoration: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.fg-faq-footer-text a:hover {
    opacity: .8
}

.fg-faq-footer-text img {
    height: 25px
}

@media (min-width:1024px) {
    .fg-faq-footer-text img {
        height: 30px
    }
}

@media (min-width:1600px) {
    .fg-faq-footer-text img {
        height: 35px
    }
}

.fg-privacy-bordered-second-table table:nth-of-type(2) {
    border-collapse: collapse
}

.fg-privacy-bordered-second-table table:nth-of-type(2) td,
.fg-privacy-bordered-second-table table:nth-of-type(2) th {
    border: 1px solid #000;
    padding: 1rem !important
}

@media (max-width:768px) {

    .fg-privacy-bordered-second-table table:nth-of-type(2) td,
    .fg-privacy-bordered-second-table table:nth-of-type(2) th {
        padding: .5rem !important;
        font-size: .8rem
    }
}

.fg-privacy ul {
    margin-top: 0
}

.fg-privacy h1 {
    margin-bottom: 1rem
}

.fg-privacy h2 {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem
}

@media (min-width:768px) {

    .fg-privacy table td:nth-child(2),
    .fg-privacy table th:nth-child(2) {
        padding-left: 4rem
    }
}

.fg-privacy table td {
    padding-bottom: .1rem;
    vertical-align: top
}

.fg-privacy p {
    padding-bottom: 1rem
}

.fg-privacy-content {
    padding: 100px 0
}

@media (min-width:768px) {
    .fg-privacy-content {
        padding: 154px 0 120px 0
    }
}

@media (min-width:1024px) {
    .fg-privacy-content {
        padding: 174px 0 140px 0
    }
}

@media (min-width:1200px) {
    .fg-privacy-content {
        padding: 194px 0 160px 0
    }
}

@media (min-width:1600px) {
    .fg-privacy-content {
        padding: 220px 0
    }
}

.fg-privacy-row {
    margin: 0 0 40px 0
}

.fg-privacy-row:last-child {
    margin: 0
}

@media (min-width:768px) {
    .fg-privacy-row {
        margin: 0 0 50px 0
    }
}

@media (min-width:1024px) {
    .fg-privacy-row {
        margin: 0 0 60px 0
    }
}

@media (min-width:1600px) {
    .fg-privacy-row {
        margin: 0 0 80px 0
    }
}

.fg-privacy-title {
    margin: 0 0 60px 0
}

@media (min-width:1024px) {
    .fg-privacy-title {
        margin: 0 0 80px 0
    }
}

@media (min-width:1200px) {
    .fg-privacy-title {
        margin: 0 0 100px 0
    }
}

@media (min-width:1600px) {
    .fg-privacy-title {
        margin: 0 0 120px 0
    }
}

.fg-privacy-nav {
    margin: 0 -20px 40px -20px;
    white-space: nowrap;
    overflow: auto
}

.fg-privacy-nav::-webkit-scrollbar {
    display: none;
    width: 0
}

@media (min-width:768px) {
    .fg-privacy-nav {
        margin: 0 -34px 30px 0
    }
}

@media (min-width:1024px) {
    .fg-privacy-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 0 40px 0;
        white-space: normal
    }
}

@media (min-width:1200px) {
    .fg-privacy-nav {
        margin: 0 0 60px 0
    }
}

@media (min-width:1600px) {
    .fg-privacy-nav {
        margin: 0 0 80px 0
    }
}

.fg-privacy-nav-item {
    display: inline-block;
    margin: 0 21px 20px 0;
    white-space: normal
}

@media (max-width:767px) {
    .fg-privacy-nav-item:first-child {
        margin: 0 21px 20px 20px
    }
}

@media (max-width:767px) {
    .fg-privacy-nav-item:last-child {
        margin: 0 20px 0 0
    }
}

@media (min-width:1200px) {
    .fg-privacy-nav-item {
        margin: 0 38px 20px 0
    }
}

@media (min-width:1600px) {
    .fg-privacy-nav-item {
        margin: 0 55px 20px 0
    }
}

.fg-privacy-nav-item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 19px;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -.025em;
    border: 1px solid #d4d4d7;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-decoration: none;
    -webkit-transition: background .25s, border .25s;
    -o-transition: background .25s, border .25s;
    -moz-transition: background .25s, border .25s;
    transition: background .25s, border .25s
}

.fg-privacy-nav-item a:hover {
    background: #f9f9f9;
    border: 1px solid #f9f9f9
}

@media (min-width:768px) {
    .fg-privacy-nav-item a {
        height: 65px;
        padding: 0 29px;
        font-size: 18px;
        line-height: 23px;
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px
    }
}

@media (min-width:1200px) {
    .fg-privacy-nav-item a {
        height: 80px;
        font-size: 20px;
        line-height: 26px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px
    }
}

@media (min-width:1600px) {
    .fg-privacy-nav-item a {
        height: 99px;
        padding: 0 39px;
        font-size: 24px;
        line-height: 31px;
        -webkit-border-radius: 31px;
        -moz-border-radius: 31px;
        border-radius: 31px
    }
}

.fg-privacy-nav-item.-active a {
    background: #f9f9f9;
    border: 1px solid #f9f9f9
}

.fg-privacy-body-item {
    display: none
}

.fg-privacy-body-item.-visible {
    display: block
}

.fg-privacy-body-title {
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.02em;
    font-weight: normal
}

@media (min-width:1024px) {
    .fg-privacy-body-title {
        font-size: 25px;
        line-height: 32px
    }
}

@media (min-width:1200px) {
    .fg-privacy-body-title {
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 30px 0
    }
}

@media (min-width:1600px) {
    .fg-privacy-body-title {
        font-size: 40px;
        line-height: 52px
    }
}

.fg-privacy-body-text p {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.025em;
    opacity: .8
}

.fg-privacy-body-text p:last-child {
    margin: 0
}

@media (min-width:768px) {
    .fg-privacy-body-text p {
        margin: 0 0 25px 0;
        line-height: 27px
    }
}

@media (min-width:1200px) {
    .fg-privacy-body-text p {
        margin: 0 0 30px 0;
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-privacy-body-text p {
        margin: 0 0 40px 0;
        font-size: 20px;
        line-height: 34px
    }
}

.fg-privacy-pdf {
    margin: 0 0 10px 0;
    display: block;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.025em;
    text-decoration: none;
    color: #FF009B;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    -moz-transition: opacity .25s;
    transition: opacity .25s
}

.fg-privacy-pdf:hover {
    opacity: .7;
    text-decoration: none;
    color: #FF009B
}

.fg-privacy-pdf:last-child {
    margin: 0
}

@media (min-width:768px) {
    .fg-privacy-pdf {
        line-height: 27px
    }
}

@media (min-width:1200px) {
    .fg-privacy-pdf {
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-privacy-pdf {
        font-size: 20px;
        line-height: 34px
    }
}

.fg-privacy iframe {
    width: 100%
}

.fg-career-content {
    padding: 100px 0
}

@media (min-width:768px) {
    .fg-career-content {
        padding: 154px 0 120px 0
    }
}

@media (min-width:1024px) {
    .fg-career-content {
        padding: 174px 0 140px 0
    }
}

@media (min-width:1200px) {
    .fg-career-content {
        padding: 194px 0 160px 0
    }
}

@media (min-width:1600px) {
    .fg-career-content {
        padding: 220px 0
    }
}

.fg-career-container.-sm {
    margin: 0 auto;
    max-width: 320px
}

@media (min-width:768px) {
    .fg-career-container.-sm {
        padding: 0;
        max-width: 580px
    }
}

@media (min-width:1024px) {
    .fg-career-container.-sm {
        max-width: 680px
    }
}

@media (min-width:1200px) {
    .fg-career-container.-sm {
        max-width: 780px
    }
}

@media (min-width:1600px) {
    .fg-career-container.-sm {
        max-width: 980px
    }
}

.fg-career-items {
    margin: 0 0 100px 0
}

@media (min-width:768px) {
    .fg-career-items {
        margin: -10px -10px 120px -10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:1200px) {
    .fg-career-items {
        margin: -10px -10px 140px -10px
    }
}

@media (min-width:1600px) {
    .fg-career-items {
        margin: -15px -10px 160px -10px
    }
}

.fg-career-item {
    margin: 0 0 20px 0
}

.fg-career-item:last-child {
    margin: 0
}

@media (min-width:768px) {
    .fg-career-item {
        width: 50%;
        padding: 10px;
        margin: 0
    }
}

@media (min-width:1600px) {
    .fg-career-item {
        padding: 15px 10px
    }
}

.fg-career-item-body {
    padding: 30px;
    background: #f9f9f9;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px
}

@media (min-width:1024px) {
    .fg-career-item-body {
        padding: 40px;
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px
    }
}

@media (min-width:1200px) {
    .fg-career-item-body {
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px
    }
}

@media (min-width:1600px) {
    .fg-career-item-body {
        padding: 44px 40px;
        -webkit-border-radius: 31px;
        -moz-border-radius: 31px;
        border-radius: 31px
    }
}

.fg-career-item-title {
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -.025em;
    font-weight: normal
}

@media (min-width:1024px) {
    .fg-career-item-title {
        font-size: 22px;
        line-height: 29px
    }
}

@media (min-width:1200px) {
    .fg-career-item-title {
        margin: 0 0 22px 0;
        font-size: 25px;
        line-height: 32px
    }
}

@media (min-width:1600px) {
    .fg-career-item-title {
        margin: 0 0 30px 0;
        font-size: 34px;
        line-height: 44px
    }
}

.fg-career-item-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fg-career-item-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 30px
}

.fg-career-item-info-item:first-child {
    margin: 0
}

@media (min-width:1200px) {
    .fg-career-item-info-item {
        margin: 0 0 0 47px
    }
}

@media (min-width:1600px) {
    .fg-career-item-info-item {
        margin: 0 0 0 60px
    }
}

.fg-career-item-info-mark {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.fg-career-item-info-mark.-primary {
    background: #FF009B
}

.fg-career-item-info-mark.-secondary {
    background: #ffd336
}

.fg-career-item-info-mark.-tertiary {
    background: #61C5D0
}

.fg-career-item-info-icon svg {
    width: 15px;
    height: 19px
}

.fg-career-item-info-text {
    margin: 0 0 0 10px;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -.025em;
    opacity: .8
}

@media (min-width:1200px) {
    .fg-career-item-info-text {
        margin: 0 0 0 16px;
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-career-item-info-text {
        font-size: 20px;
        line-height: 34px
    }
}

.fg-career-title {
    margin: 0 0 60px 0
}

@media (min-width:1024px) {
    .fg-career-title {
        margin: 0 0 80px 0
    }
}

@media (min-width:1200px) {
    .fg-career-title {
        margin: 0 0 100px 0
    }
}

@media (min-width:1600px) {
    .fg-career-title {
        margin: 0 0 120px 0
    }
}

.fg-career-subtitle {
    margin: 0 0 40px 0;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-weight: normal;
    text-align: center
}

@media (min-width:768px) {
    .fg-career-subtitle {
        margin: 0 0 40px 0
    }
}

@media (min-width:1024px) {
    .fg-career-subtitle {
        font-size: 25px;
        line-height: 28px
    }
}

@media (min-width:1200px) {
    .fg-career-subtitle {
        margin: 0 0 60px 0;
        font-size: 28px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-career-subtitle {
        margin: 0 0 80px 0;
        font-size: 40px;
        line-height: 52px
    }
}

.fg-career-footer-text {
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-weight: normal
}

.fg-career-footer-text:last-child {
    margin: 0
}

@media (min-width:1024px) {
    .fg-career-footer-text {
        font-size: 25px;
        line-height: 28px
    }
}

@media (min-width:1600px) {
    .fg-career-footer-text {
        font-size: 40px;
        line-height: 43px
    }
}

.fg-career-footer-text a {
    color: #FF009B;
    text-decoration: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.fg-career-footer-text a:hover {
    opacity: .8
}

.fg-director-content {
    padding: 100px 0
}

@media (min-width:768px) {
    .fg-director-content {
        padding: 114px 0 140px 0
    }
}

@media (min-width:1024px) {
    .fg-director-content {
        padding: 114px 0 160px 0
    }
}

@media (min-width:1200px) {
    .fg-director-content {
        padding: 114px 0 180px 0
    }
}

@media (min-width:1600px) {
    .fg-director-content {
        padding: 140px 0 220px 0
    }
}

.fg-director-container {
    max-width: 340px;
    margin: 0 auto
}

@media (min-width:1024px) {
    .fg-director-container {
        max-width: 400px
    }
}

@media (min-width:1200px) {
    .fg-director-container {
        max-width: 480px
    }
}

@media (min-width:1600px) {
    .fg-director-container {
        max-width: 580px
    }
}

.fg-director-img {
    display: none
}

@media (min-width:768px) {
    .fg-director-img {
        display: block;
        max-width: 86px;
        margin: 0 auto 30px auto
    }
}

@media (min-width:1024px) {
    .fg-director-img {
        max-width: 100px;
        margin: 0 auto 40px auto
    }
}

@media (min-width:1200px) {
    .fg-director-img {
        max-width: 128px
    }
}

@media (min-width:1600px) {
    .fg-director-img {
        max-width: 177px;
        margin: 0 auto 50px auto
    }
}

.fg-director-img img {
    width: 100%
}

.fg-director-title {
    margin: 0 0 30px 0
}

.fg-director-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 40px 0
}

@media (min-width:768px) {
    .fg-director-info {
        margin: 0 0 50px 0
    }
}

@media (min-width:1024px) {
    .fg-director-info {
        margin: 0 0 60px 0
    }
}

@media (min-width:1200px) {
    .fg-director-info {
        margin: 0 0 70px 0
    }
}

@media (min-width:1600px) {
    .fg-director-info {
        margin: 0 0 80px 0
    }
}

.fg-director-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 10px;
    height: 50px;
    padding: 0 20px;
    background: #f9f9f9;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.fg-director-info-item:first-child {
    margin: 0
}

@media (min-width:768px) {
    .fg-director-info-item {
        margin: 0 0 0 20px;
        height: 60px
    }
}

@media (min-width:1024px) {
    .fg-director-info-item {
        padding: 0 40px 0 20px
    }
}

@media (min-width:1200px) {
    .fg-director-info-item {
        height: 74px
    }
}

@media (min-width:1600px) {
    .fg-director-info-item {
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        border-radius: 23px
    }
}

.fg-director-info-mark {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.fg-director-info-mark.-primary {
    background: #FF009B
}

.fg-director-info-mark.-secondary {
    background: #ffd336
}

.fg-director-info-mark.-tertiary {
    background: #61C5D0
}

.fg-director-info-icon svg {
    width: 15px;
    height: 19px
}

.fg-director-info-text {
    margin: 0 0 0 10px;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -.025em;
    opacity: .8
}

@media (min-width:1200px) {
    .fg-director-info-text {
        margin: 0 0 0 16px;
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-director-info-text {
        font-size: 20px;
        line-height: 34px
    }
}

.fg-director-subtitle {
    margin: 0 0 30px 0;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-weight: normal
}

@media (min-width:768px) {
    .fg-director-subtitle {
        margin: 0 0 20px 0
    }
}

@media (min-width:1024px) {
    .fg-director-subtitle {
        margin: 0 0 30px 0;
        font-size: 25px;
        line-height: 28px
    }
}

@media (min-width:1200px) {
    .fg-director-subtitle {
        font-size: 28px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-director-subtitle {
        font-size: 40px;
        line-height: 52px
    }
}

.fg-director-subtitle.-lg {
    margin: 0 0 40px 0
}

@media (min-width:1024px) {
    .fg-director-subtitle.-lg {
        margin: 0 0 50px 0
    }
}

@media (min-width:1200px) {
    .fg-director-subtitle.-lg {
        margin: 0 0 60px 0
    }
}

@media (min-width:1600px) {
    .fg-director-subtitle.-lg {
        margin: 0 0 75px 0
    }
}

.fg-director-brief {
    margin: 0 0 40px 0
}

@media (min-width:768px) {
    .fg-director-brief {
        margin: 0 0 60px 0
    }
}

@media (min-width:1024px) {
    .fg-director-brief {
        margin: 0 0 80px 0
    }
}

@media (min-width:1200px) {
    .fg-director-brief {
        margin: 0 0 100px 0
    }
}

@media (min-width:1600px) {
    .fg-director-brief {
        margin: 0 0 120px 0
    }
}

.fg-director-brief p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.025em
}

@media (min-width:768px) {
    .fg-director-brief p {
        line-height: 27px
    }
}

@media (min-width:1200px) {
    .fg-director-brief p {
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-director-brief p {
        font-size: 20px;
        line-height: 34px
    }
}

.fg-director-list {
    margin: 0 0 40px 0
}

@media (min-width:768px) {
    .fg-director-list {
        margin: 0 0 80px 0
    }
}

@media (min-width:1200px) {
    .fg-director-list {
        margin: 0 0 100px 0
    }
}

@media (min-width:1600px) {
    .fg-director-list {
        margin: 0 0 120px 0
    }
}

.fg-director-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px 0
}

.fg-director-list-item:last-child {
    margin: 0
}

.fg-director-list-figure {
    height: 12px;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px)
}

@media (min-width:768px) {
    .fg-director-list-figure {
        -webkit-transform: translateY(1px);
        -moz-transform: translateY(1px);
        -ms-transform: translateY(1px);
        -o-transform: translateY(1px);
        transform: translateY(1px)
    }
}

@media (min-width:1200px) {
    .fg-director-list-figure {
        -webkit-transform: translateY(6px);
        -moz-transform: translateY(6px);
        -ms-transform: translateY(6px);
        -o-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.fg-director-list-figure.-primary {
    color: #FF009B
}

.fg-director-list-figure.-secondary {
    color: #FF009B
}

.fg-director-list-figure.-tertiary {
    color: #61C5D0
}

.fg-director-list-figure img {
    height: 50%
}

.fg-director-list-text {
    margin: 0 0 0 10px
}

@media (min-width:768px) {
    .fg-director-list-text {
        margin: 0 0 0 20px
    }
}

@media (min-width:1200px) {
    .fg-director-list-text {
        margin: 0 0 0 30px
    }
}

.fg-director-list-text p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.025em
}

@media (min-width:768px) {
    .fg-director-list-text p {
        line-height: 27px
    }
}

@media (min-width:1200px) {
    .fg-director-list-text p {
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-director-list-text p {
        font-size: 20px;
        line-height: 34px
    }
}

.fg-detail-content {
    padding: 60px 0;
    background: #f9f9f9
}

@media (min-width:768px) {
    .fg-detail-content {
        padding: 120px 0
    }
}

@media (min-width:1024px) {
    .fg-detail-content {
        padding: 140px 0
    }
}

@media (min-width:1200px) {
    .fg-detail-content {
        padding: 160px 0
    }
}

@media (min-width:1600px) {
    .fg-detail-content {
        padding: 204px 0
    }
}

.fg-detail-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    max-width: 280px;
    margin: 0 auto
}

@media (min-width:768px) {
    .fg-detail-grid {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 100%;
        margin: 0
    }
}

@media (min-width:768px) {
    .fg-detail-body {
        max-width: 300px
    }
}

@media (min-width:1024px) {
    .fg-detail-body {
        max-width: 425px
    }
}

@media (min-width:1200px) {
    .fg-detail-body {
        max-width: 489px
    }
}

@media (min-width:1600px) {
    .fg-detail-body {
        max-width: 477px
    }
}

.fg-detail-title {
    margin: 0 0 30px 0;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -.03em;
    font-weight: 600
}

@media (min-width:768px) {
    .fg-detail-title {
        font-size: 35px;
        line-height: 38px
    }
}

@media (min-width:1024px) {
    .fg-detail-title {
        font-size: 40px;
        line-height: 43px
    }
}

@media (min-width:1200px) {
    .fg-detail-title {
        font-size: 50px;
        line-height: 53px
    }
}

@media (min-width:1600px) {
    .fg-detail-title {
        line-height: 53px
    }
}

.fg-detail-title span {
    display: block;
    color: #FF009B
}

@media (min-width:768px) {
    .fg-detail-title span {
        display: inline
    }
}

.fg-detail-img {
    width: 280px;
    margin: 0 0 30px 0
}

@media (min-width:768px) {
    .fg-detail-img {
        width: 340px;
        margin: 0
    }
}

@media (min-width:1024px) {
    .fg-detail-img {
        width: 393px
    }
}

@media (min-width:1200px) {
    .fg-detail-img {
        width: 412px
    }
}

@media (min-width:1600px) {
    .fg-detail-img {
        width: 657px
    }
}

.fg-detail-img img {
    width: 100%
}

.fg-universitie-content {
    padding: 100px 0 40px 0
}

@media (min-width:768px) {
    .fg-universitie-content {
        padding: 230px 0 140px 0
    }
}

@media (min-width:1024px) {
    .fg-universitie-content {
        padding: 160px 0
    }
}

@media (min-width:1200px) {
    .fg-universitie-content {
        padding: 180px 0
    }
}

@media (min-width:1600px) {
    .fg-universitie-content {
        padding: 220px 0
    }
}

.fg-universitie-container.-sm {
    padding: 20px 0
}

@media (min-width:768px) {
    .fg-universitie-container.-sm {
        padding: 20px 30px
    }
}

@media (min-width:1024px) {
    .fg-universitie-container.-sm {
        padding: 30px 100px
    }
}

@media (min-width:1200px) {
    .fg-universitie-container.-sm {
        padding: 30px 120px;
        max-width: 1200px
    }
}

@media (min-width:1600px) {
    .fg-universitie-container.-sm {
        padding: 0 210px;
        max-width: 1600px
    }
}

.fg-universitie-title {
    margin: 0 0 30px 0
}

@media (min-width:1024px) {
    .fg-universitie-title {
        margin: 0 0 40px 0
    }
}

@media (min-width:1200px) {
    .fg-universitie-title {
        margin: 0 0 50px 0
    }
}

@media (min-width:1600px) {
    .fg-universitie-title {
        margin: 0 0 60px 0
    }
}

.fg-universitie-action {
    margin: 0 0 40px 0;
    text-align: center
}

@media (min-width:768px) {
    .fg-universitie-action {
        margin: 0 0 60px 0
    }
}

@media (min-width:1024px) {
    .fg-universitie-action {
        margin: 0 0 80px 0
    }
}

@media (min-width:1200px) {
    .fg-universitie-action {
        margin: 0 0 100px 0
    }
}

@media (min-width:1600px) {
    .fg-universitie-action {
        margin: 0 0 120px 0
    }
}

.fg-universitie-action-item {
    margin: 0 0 10px 0
}

.fg-universitie-action-item:last-child {
    margin: 0
}

@media (min-width:768px) {
    .fg-universitie-action-item {
        margin: 0 0 20px 0
    }
}

@media (min-width:1024px) {
    .fg-universitie-action-item {
        display: inline-block;
        vertical-align: middle;
        margin: 0 20px 0 0
    }
}

.fg-universitie-type {
    height: 269px;
    background: #f7f7f7
}

@media (min-width:768px) {
    .fg-universitie-type {
        height: 400px;
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        border-radius: 26px
    }
}

@media (min-width:1200px) {
    .fg-universitie-type {
        height: 460px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }
}

.fg-universitie-type-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.fg-universitie-type-item {
    margin: 0 0 0 40px;
    text-align: center
}

.fg-universitie-type-item:first-child {
    margin: 0
}

@media (min-width:768px) {
    .fg-universitie-type-item {
        margin: 0 0 0 65px
    }
}

@media (min-width:1200px) {
    .fg-universitie-type-item {
        margin: 0 0 0 80px
    }
}

.fg-universitie-type-img {
    width: 100px;
    margin: 0 0 20px 0
}

@media (min-width:768px) {
    .fg-universitie-type-img {
        width: 150px
    }
}

@media (min-width:1200px) {
    .fg-universitie-type-img {
        width: 180px
    }
}

.fg-universitie-type-img img {
    width: 100%
}

.fg-universitie-type-text {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .005em;
    font-weight: normal
}

@media (min-width:1200px) {
    .fg-universitie-type-text {
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-universitie-type-text {
        font-size: 20px;
        line-height: 34px
    }
}

.fg-message {
    position: relative
}

.fg-message-particle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto
}

@media (min-width:768px) {
    .fg-message-particle {
        width: 768px
    }
}

@media (min-width:1024px) {
    .fg-message-particle {
        width: 1024px
    }
}

@media (min-width:1200px) {
    .fg-message-particle {
        width: 1200px
    }
}

@media (min-width:1600px) {
    .fg-message-particle {
        width: 1600px
    }
}

.fg-message-particle-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.fg-message-particle-item.-v1 {
    width: 13px;
    height: 13px;
    top: 112px;
    left: 34px;
    background: #ffd336
}

@media (min-width:768px) {
    .fg-message-particle-item.-v1 {
        top: 310px;
        left: 111px
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v1 {
        top: 248px;
        left: 101px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v1 {
        width: 15px;
        height: 15px;
        top: 234px;
        left: 130px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v1 {
        top: 291px;
        left: 257px
    }
}

.fg-message-particle-item.-v2 {
    width: 16px;
    height: 16px;
    bottom: 119px;
    left: 52px;
    background: #ae6eff
}

@media (min-width:768px) {
    .fg-message-particle-item.-v2 {
        width: 31px;
        height: 31px;
        bottom: 233px;
        left: 111px;
        background: #FF009B
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v2 {
        bottom: 228px;
        left: 165px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v2 {
        width: 35px;
        height: 35px;
        bottom: 202px;
        left: 201px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v2 {
        bottom: 315px;
        left: 329px
    }
}

.fg-message-particle-item.-v3 {
    width: 8px;
    height: 8px;
    left: 105px;
    bottom: 131px;
    background: #61C5D0
}

@media (min-width:768px) {
    .fg-message-particle-item.-v3 {
        width: 13px;
        height: 13px;
        left: 222px;
        bottom: 116px
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v3 {
        left: 243px;
        bottom: 135px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v3 {
        width: 15px;
        height: 15px;
        left: 288px;
        bottom: 99px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v3 {
        left: 415px;
        bottom: 212px
    }
}

.fg-message-particle-item.-v4 {
    width: 21px;
    height: 21px;
    display: none;
    background: #ae6eff
}

@media (min-width:768px) {
    .fg-message-particle-item.-v4 {
        top: 204px;
        left: 263px;
        display: block
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v4 {
        top: 212px;
        left: 255px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v4 {
        width: 23px;
        height: 23px;
        top: 194px;
        left: 302px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v4 {
        top: 267px;
        left: 480px
    }
}

.fg-message-particle-item.-v5 {
    width: 12px;
    height: 12px;
    top: 100px;
    right: 50px;
    background: #FF009B
}

@media (min-width:768px) {
    .fg-message-particle-item.-v5 {
        top: 271px;
        right: 149px
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v5 {
        top: 185px;
        right: 262px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v5 {
        width: 15px;
        height: 15px;
        top: 232px;
        right: 328px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v5 {
        top: 340px;
        right: 498px
    }
}

.fg-message-particle-item.-v6 {
    width: 12px;
    height: 12px;
    bottom: 139px;
    right: 50px;
    background: #FF009B
}

@media (min-width:768px) {
    .fg-message-particle-item.-v6 {
        bottom: 325px;
        right: 75px;
        background: #ffd336
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v6 {
        bottom: 297px;
        right: 102px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v6 {
        width: 15px;
        height: 15px;
        bottom: 317px;
        right: 193px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v6 {
        bottom: 379px;
        right: 301px
    }
}

.fg-message-particle-item.-v7 {
    width: 28px;
    height: 28px;
    display: none;
    background: #ae6eff
}

@media (min-width:768px) {
    .fg-message-particle-item.-v7 {
        bottom: 188px;
        right: 154px;
        display: block
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v7 {
        bottom: 148px;
        right: 177px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v7 {
        width: 35px;
        height: 35px;
        bottom: 165px;
        right: 191px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v7 {
        bottom: 227px;
        right: 359px
    }
}

.fg-message-particle-item.-v8 {
    width: 8px;
    height: 8px;
    top: 135px;
    left: 54px;
    background: #ffd336
}

@media (min-width:768px) {
    .fg-message-particle-item.-v8 {
        top: 370px;
        left: 96px;
        width: 15px;
        height: 15px
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v8 {
        top: 317px;
        left: 133px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v8 {
        top: 282px;
        left: 160px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v8 {
        top: 291px;
        left: 257px
    }
}

.fg-message-particle-item.-v9 {
    width: 40px;
    height: 40px;
    bottom: 130px;
    left: 61px;
    background: #FF009B
}

@media (min-width:768px) {
    .fg-message-particle-item.-v9 {
        width: 55px;
        height: 55px;
        bottom: 244px;
        left: 125px
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v9 {
        bottom: 98px;
        left: 128px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v9 {
        bottom: 86px;
        left: 168px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v9 {
        bottom: 247px;
        left: 265px
    }
}

.fg-message-particle-item.-v9 img {
    height: 20px
}

@media (min-width:768px) {
    .fg-message-particle-item.-v9 img {
        height: 28px
    }
}

.fg-message-particle-item.-v10 {
    width: 16px;
    height: 16px;
    top: 131px;
    left: 117px;
    background: #ae6eff
}

@media (min-width:768px) {
    .fg-message-particle-item.-v10 {
        top: 223px;
        left: 185px;
        width: 30px;
        height: 30px
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v10 {
        top: 194px;
        left: 329px;
        width: 18px;
        height: 18px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v10 {
        width: 35px;
        height: 35px;
        top: 153px;
        left: 342px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v10 {
        top: 219px;
        left: 487px
    }
}

.fg-message-particle-item.-v11 {
    width: 13px;
    height: 13px;
    bottom: 120px;
    right: 61px;
    background: #FF009B
}

@media (min-width:768px) {
    .fg-message-particle-item.-v11 {
        width: 15px;
        height: 15px;
        top: 266px;
        bottom: auto;
        right: 144px;
        background: #ffd336
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v11 {
        top: 212px;
        right: 190px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v11 {
        top: 202px;
        right: 228px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v11 {
        top: 297px;
        right: 317px
    }
}

.fg-message-particle-item.-v12 {
    width: 9px;
    height: 9px;
    bottom: 177px;
    right: 128px;
    background: #61C5D0
}

@media (min-width:768px) {
    .fg-message-particle-item.-v12 {
        width: 15px;
        height: 15px;
        bottom: 244px;
        right: 231px
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v12 {
        bottom: 175px;
        right: 314px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v12 {
        bottom: 123px;
        right: 434px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v12 {
        bottom: 182px;
        right: 635px
    }
}

.fg-message-particle-item.-v13 {
    width: 40px;
    height: 40px;
    top: 79px;
    right: 108px;
    background: #61C5D0
}

@media (min-width:768px) {
    .fg-message-particle-item.-v13 {
        bottom: 106px;
        top: auto;
        right: 128px;
        width: 65px;
        height: 65px
    }
}

@media (min-width:1024px) {
    .fg-message-particle-item.-v13 {
        bottom: 110px;
        right: 132px
    }
}

@media (min-width:1200px) {
    .fg-message-particle-item.-v13 {
        bottom: 107px;
        right: 150px
    }
}

@media (min-width:1600px) {
    .fg-message-particle-item.-v13 {
        bottom: 182px;
        right: 239px
    }
}

.fg-message-particle-item.-v13 img {
    height: 20px
}

@media (min-width:768px) {
    .fg-message-particle-item.-v13 img {
        height: 32px
    }
}

.fg-message-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 454px;
    padding: 100px 0 0 0;
    text-align: center
}

@media (min-width:768px) {
    .fg-message-content {
        height: 100vh
    }
}

@media (min-width:1024px) {
    .fg-message-content {
        height: 650px
    }
}

@media (min-width:1200px) {
    .fg-message-content {
        height: 630px
    }
}

@media (min-width:1600px) {
    .fg-message-content {
        height: 800px
    }
}

@media (max-width:767px) {
    .fg-message-content.-lg {
        padding: 160px 0 0 0
    }
}

.fg-message-body {
    position: relative;
    z-index: 1
}

.fg-message-description {
    margin: 20px auto 0 auto;
    max-width: 320px
}

@media (min-width:768px) {
    .fg-message-description {
        margin: 30px auto 0 auto
    }
}

@media (min-width:1200px) {
    .fg-message-description {
        max-width: 410px
    }
}

.fg-message-description p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.025em
}

@media (min-width:1200px) {
    .fg-message-description p {
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-message-description p {
        font-size: 20px;
        line-height: 34px
    }
}

.fg-message-action {
    margin: 95px 0 0 0
}

@media (min-width:768px) {
    .fg-message-action {
        margin: 40px 0 0 0
    }
}

@media (min-width:1200px) {
    .fg-message-action {
        margin: 50px 0 0 0
    }
}

@media (min-width:1600px) {
    .fg-message-action {
        margin: 60px 0 0 0
    }
}

@media (max-width:767px) {
    .fg-message-action.-lg {
        margin: 148px 0 0 0
    }
}

.fg-cookie {
    position: fixed;
    bottom: 30px;
    left: 20px;
    width: 280px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 10;
    -webkit-transition: opacity .25s, visibility .25s;
    -o-transition: opacity .25s, visibility .25s;
    -moz-transition: opacity .25s, visibility .25s;
    transition: opacity .25s, visibility .25s
}

@media (min-width:768px) {
    .fg-cookie {
        margin: 0;
        bottom: 40px;
        right: 40px
    }
}

.fg-cookie-body {
    padding: 25px 48px;
    background: #fff;
    -webkit-box-shadow: 10px 10px 50px rgba(255, 0, 99, .05);
    -moz-box-shadow: 10px 10px 50px rgba(255, 0, 99, .05);
    box-shadow: 10px 10px 50px rgba(255, 0, 99, .05);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.fg-cookie-title {
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -.03em;
    font-weight: normal;
    color: #2a2638
}

.fg-cookie-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fg-cookie-action-item {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.fg-cookie.-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.fg-option {
    position: relative;
    background-color: #F9F9F9
}

.fg-option-rmask {
    height: 20px
}

@media (min-width:1200px) {
    .fg-option-rmask {
        height: 25px
    }
}

@media (min-width:1600px) {
    .fg-option-rmask {
        height: 30px
    }
}

.fg-option-rmask svg {
    display: block;
    width: 100%;
    height: 100%
}

.fg-option-rmask.-top {
    position: static
}

.fg-option-rmask.-top svg {
    fill: #fff
}

.fg-option-rmask.-bottom {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%
}

.fg-option-rmask.-bottom svg {
    fill: #F9F9F9
}

.fg-option-content {
    padding: 40px 0 60px
}

@media (min-width:768px) {
    .fg-option-content {
        padding: 69px 0 110px
    }
}

@media (min-width:1024px) {
    .fg-option-content {
        padding: 78px 0 136px
    }
}

@media (min-width:1200px) {
    .fg-option-content {
        padding: 100px 0 154px
    }
}

@media (min-width:1600px) {
    .fg-option-content {
        padding: 110px 0 140px
    }
}

.fg-option-header {
    text-align: center
}

.fg-option-header h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -.03em
}

@media (min-width:768px) {
    .fg-option-header h2 {
        font-size: 35px
    }
}

@media (min-width:1024px) {
    .fg-option-header h2 {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .fg-option-header h2 {
        font-size: 50px
    }
}

.fg-option-caption {
    margin-top: 20px;
    text-align: center;
    color: rgba(42, 38, 56, .8)
}

@media (min-width:768px) {
    .fg-option-caption {
        max-width: 565px;
        margin: 20px auto 0
    }
}

@media (min-width:1024px) {
    .fg-option-caption {
        max-width: 620px;
        margin: 30px auto 0
    }
}

@media (min-width:1600px) {
    .fg-option-caption {
        max-width: 792px
    }
}

.fg-option-caption p {
    font-size: 16px;
    line-height: 170%;
    letter-spacing: -.025em
}

@media (min-width:1200px) {
    .fg-option-caption p {
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-option-caption p {
        font-size: 20px
    }
}

.fg-option-figure {
    position: relative;
    height: 218px;
    margin-top: 30px
}

@media (min-width:768px) {
    .fg-option-figure {
        height: 280px;
        margin-top: 70px
    }
}

@media (min-width:1024px) {
    .fg-option-figure {
        height: 436px;
        margin-top: 92px
    }
}

@media (min-width:1200px) {
    .fg-option-figure {
        height: 450px;
        margin-top: 80px
    }
}

@media (min-width:1600px) {
    .fg-option-figure {
        margin-top: 100px
    }
}

.fg-option-figure-particle {
    position: absolute
}

.fg-option-figure-particle.-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.fg-option-figure-particle.-circle.-v1 {
    width: 140px;
    height: 140px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff4f8;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, .06);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, .06);
}

@media (min-width:768px) {
    .fg-option-figure-particle.-circle.-v1 {
        width: 174px;
        height: 174px
    }
}

@media (min-width:1024px) {
    .fg-option-figure-particle.-circle.-v1 {
        width: 268px;
        height: 268px
    }
}

@media (min-width:1200px) {
    .fg-option-figure-particle.-circle.-v1 {
        width: 316px;
        height: 316px
    }
}

.fg-option-figure-particle.-circle.-v2 {
    display: none
}

@media (min-width:768px) {
    .fg-option-figure-particle.-circle.-v2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        bottom: 55px;
        left: 72px;
        font-size: 11px;
        background-color: #61C5D0
    }
}

@media (min-width:1024px) {
    .fg-option-figure-particle.-circle.-v2 {
        width: 38px;
        height: 38px;
        bottom: 85px;
        left: -20px;
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .fg-option-figure-particle.-circle.-v2 {
        width: 45px;
        height: 45px;
        bottom: 100px;
        left: 0;
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-option-figure-particle.-circle.-v2 {
        left: 40px
    }
}

@media (min-width:768px) {
    .fg-option-figure-particle.-circle.-v2 img {
        height: 10px
    }
}

@media (min-width:1024px) {
    .fg-option-figure-particle.-circle.-v2 img {
        height: 20px
    }
}

@media (min-width:1200px) {
    .fg-option-figure-particle.-circle.-v2 img {
        height: 25px
    }
}

.fg-option-figure-particle.-circle.-v7 {
    display: none
}

@media (min-width:768px) {
    .fg-option-figure-particle.-circle.-v7 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        bottom: 35px;
        right: 40px;
        font-size: 9px;
        background-color: #ae6eff
    }
}

@media (min-width:1024px) {
    .fg-option-figure-particle.-circle.-v7 {
        width: 34px;
        height: 34px;
        bottom: 65px;
        right: -10px;
        font-size: 14px
    }
}

@media (min-width:1200px) {
    .fg-option-figure-particle.-circle.-v7 {
        width: 40px;
        height: 40px;
        bottom: 80px;
        right: -60px;
        font-size: 16px
    }
}

@media (min-width:1600px) {
    .fg-option-figure-particle.-circle.-v7 {
        right: 40px
    }
}

@media (min-width:768px) {
    .fg-option-figure-particle.-circle.-v7 img {
        height: 8px
    }
}

@media (min-width:1024px) {
    .fg-option-figure-particle.-circle.-v7 img {
        height: 15px
    }
}

.fg-option-figure-particle.-circle.-v3 {
    display: none
}

@media (min-width:1600px) {
    .fg-option-figure-particle.-circle.-v3 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 43px;
        height: 43px;
        top: 120px;
        left: 100px;
        font-size: 21px;
        background-color: #61C5D0
    }
}

.fg-option-figure-particle.-circle.-v4 {
    display: none
}

@media (min-width:768px) {
    .fg-option-figure-particle.-circle.-v4 {
        display: block;
        width: 5px;
        height: 5px;
        top: 30px;
        left: 120px;
        background-color: #6179D0
    }
}

@media (min-width:1024px) {
    .fg-option-figure-particle.-circle.-v4 {
        width: 8px;
        height: 8px;
        left: 40px;
        top: 50px
    }
}

@media (min-width:1200px) {
    .fg-option-figure-particle.-circle.-v4 {
        width: 9px;
        height: 9px;
        left: 70px;
        top: 60px
    }
}

@media (min-width:1600px) {
    .fg-option-figure-particle.-circle.-v4 {
        left: 200px
    }
}

.fg-option-figure-particle.-circle.-v5 {
    width: 8px;
    height: 8px;
    top: 15px;
    left: 46px;
    background-color: #FFC757
}

@media (min-width:768px) {
    .fg-option-figure-particle.-circle.-v5 {
        width: 11px;
        height: 11px;
        top: 20px;
        left: 220px
    }
}

@media (min-width:1024px) {
    .fg-option-figure-particle.-circle.-v5 {
        width: 17px;
        height: 17px;
        top: 35px;
        left: 200px
    }
}

@media (min-width:1200px) {
    .fg-option-figure-particle.-circle.-v5 {
        width: 20px;
        height: 20px;
        top: 40px;
        left: 220px
    }
}

@media (min-width:1600px) {
    .fg-option-figure-particle.-circle.-v5 {
        left: 350px
    }
}

.fg-option-figure-particle.-circle.-v6 {
    display: none
}

@media (min-width:768px) {
    .fg-option-figure-particle.-circle.-v6 {
        display: block;
        width: 8px;
        height: 8px;
        top: 60px;
        right: 90px;
        background-color: #FF009B
    }
}

@media (min-width:1024px) {
    .fg-option-figure-particle.-circle.-v6 {
        width: 13px;
        height: 13px;
        top: 90px;
        right: 58px
    }
}

@media (min-width:1200px) {
    .fg-option-figure-particle.-circle.-v6 {
        width: 15px;
        height: 15px;
        top: 100px;
        right: 20px
    }
}

@media (min-width:1600px) {
    .fg-option-figure-particle.-circle.-v6 {
        top: 110px;
        right: 140px
    }
}

.fg-option-figure-img {
    position: absolute;
    left: 50%;
    width: 80px;
    bottom: -12px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .fg-option-figure-img {
        width: 104px;
        bottom: -18px
    }
}

@media (min-width:1024px) {
    .fg-option-figure-img {
        width: 160px;
        bottom: -28px
    }
}

@media (min-width:1200px) {
    .fg-option-figure-img {
        width: 188px;
        bottom: -36px
    }
}

.fg-option-figure-img img {
    width: 100%;
    height: auto
}

.fg-option-figure-mockup {
    position: relative;
    z-index: 2
}

.fg-option-figure-items {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.fg-option-figure-item {
    position: absolute;
    top: 0;
    padding: 3px;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s
}

@media (min-width:768px) {
    .fg-option-figure-item {
        padding: 4px
    }
}

@media (min-width:1024px) {
    .fg-option-figure-item {
        padding: 6px
    }
}

@media (min-width:1200px) {
    .fg-option-figure-item {
        padding: 8px
    }
}

.fg-option-figure-item:first-child {
    position: static
}

.fg-option-figure-item img {
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px
}

@media (min-width:768px) {
    .fg-option-figure-item img {
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px
    }
}

@media (min-width:1024px) {
    .fg-option-figure-item img {
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px
    }
}

@media (min-width:1200px) {
    .fg-option-figure-item img {
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px
    }
}

.fg-option-figure-item.-active {
    opacity: 1
}

.fg-option-figure-card {
    position: absolute;
    top: -60px;
    left: -24px;
    width: 80px;
    height: 125px;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-border-radius: 4.24px;
    -moz-border-radius: 4.24px;
    border-radius: 4.24px;
    overflow: hidden
}

@media (min-width:768px) {
    .fg-option-figure-card {
        top: -90px;
        left: -30px;
        width: 120px;
        height: 170px;
        -webkit-border-radius: 5.45px;
        -moz-border-radius: 5.45px;
        border-radius: 5.45px
    }
}

@media (min-width:1024px) {
    .fg-option-figure-card {
        top: -115px;
        left: -40px;
        width: 160px;
        height: 230px;
        -webkit-border-radius: 8.5px;
        -moz-border-radius: 8.5px;
        border-radius: 8.5px
    }
}

@media (min-width:1200px) {
    .fg-option-figure-card {
        top: -140px;
        left: -50px;
        width: 185px;
        height: 225px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px
    }
}

.fg-option-figure-card-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0
}

.fg-option-figure-card-img.-active {
    opacity: 1
}

.fg-option-figure-card-img img {
    width: 100%;
    height: auto
}

.fg-option-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 50px
}

@media (min-width:768px) {
    .fg-option-items {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 55px
    }
}

@media (min-width:1024px) {
    .fg-option-items {
        margin-top: 80px
    }
}

@media (min-width:1600px) {
    .fg-option-items {
        margin-top: 120px
    }
}

@media (min-width:768px) {
    .fg-option-item.-you {
        width: 235px
    }
}

@media (min-width:1024px) {
    .fg-option-item.-you {
        width: 325px
    }
}

@media (min-width:1200px) {
    .fg-option-item.-you {
        width: 368px
    }
}

@media (min-width:1600px) {
    .fg-option-item.-you {
        width: 330px
    }
}

.fg-option-item.-customer {
    margin-top: 70px
}

@media (min-width:768px) {
    .fg-option-item.-customer {
        margin-top: 0;
        margin-left: 80px;
        width: 262px
    }
}

@media (min-width:1024px) {
    .fg-option-item.-customer {
        margin-left: 110px;
        width: 310px
    }
}

@media (min-width:1200px) {
    .fg-option-item.-customer {
        width: 340px
    }
}

@media (min-width:1600px) {
    .fg-option-item.-customer {
        width: 380px
    }
}

.fg-option-item-title {
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -.02em;
    color: #000
}

@media (min-width:768px) {
    .fg-option-item-title {
        font-size: 20px
    }
}

@media (min-width:1024px) {
    .fg-option-item-title {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .fg-option-item-title {
        font-size: 28px
    }
}

@media (min-width:1600px) {
    .fg-option-item-title {
        font-size: 40px
    }
}

.fg-option-item-title b {
    color: #FF009B
}

.fg-option-item-text {
    margin-top: 20px
}

@media (min-width:768px) {
    .fg-option-item-text {
        margin-top: 30px
    }
}

.fg-option-item-text p {
    font-weight: normal;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: -.025em;
    color: rgba(42, 38, 56, .8)
}

@media (min-width:1200px) {
    .fg-option-item-text p {
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-option-item-text p {
        font-size: 20px;
        line-height: 150%
    }
}

.fg-option-item-link {
    margin-top: 20px
}

.fg-option-item-link a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -.025em;
    text-decoration: none;
    color: #FF009B;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    -moz-transition: opacity .25s;
    transition: opacity .25s
}

@media (min-width:1200px) {
    .fg-option-item-link a {
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-option-item-link a {
        font-size: 20px
    }
}

.fg-option-item-link a:hover {
    color: #FF009B;
    opacity: .7
}

.fg-option-item-link a svg {
    width: .7em;
    height: .7em;
    margin-left: .5em
}

.fg-advantage-content {
    padding: 90px 0 75px
}

@media (min-width:768px) {
    .fg-advantage-content {
        padding: 85px 0 130px
    }
}

@media (min-width:1024px) {
    .fg-advantage-content {
        padding: 120px 0 150px
    }
}

@media (min-width:1200px) {
    .fg-advantage-content {
        padding: 200px 0 250px
    }
}

@media (min-width:1600px) {
    .fg-advantage-content {
        padding: 214px 0
    }
}

.fg-advantage-title {
    margin: 0 0 40px 0
}

@media (min-width:768px) {
    .fg-advantage-title {
        margin: 0 0 90px 0
    }
}

.fg-advantage-title h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    text-align: center;
    letter-spacing: -.03em
}

@media (min-width:768px) {
    .fg-advantage-title h2 {
        font-size: 35px;
        line-height: 110%
    }
}

@media (min-width:1024px) {
    .fg-advantage-title h2 {
        font-size: 40px;
        line-height: 110%
    }
}

@media (min-width:1200px) {
    .fg-advantage-title h2 {
        font-size: 50px;
        line-height: 110%
    }
}

@media (min-width:768px) {
    .fg-advantage-items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:1200px) {
    .fg-advantage-items {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.fg-advantage-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

@media (min-width:768px) {
    .fg-advantage-item {
        width: 240px;
        text-align: left
    }

    .fg-advantage-item:nth-child(even) {
        margin-left: 96px
    }

    .fg-advantage-item:nth-child(n+3) {
        margin-top: 98px
    }
}

@media (min-width:1024px) {
    .fg-advantage-item:nth-child(even) {
        margin-left: 266px
    }

    .fg-advantage-item:nth-child(n+3) {
        margin-top: 83px
    }
}

@media (min-width:1200px) {
    .fg-advantage-item {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .fg-advantage-item:nth-child(n+2) {
        margin-left: 46px
    }

    .fg-advantage-item:nth-child(n+3) {
        margin-top: 0
    }
}

@media (min-width:1600px) {
    .fg-advantage-item:nth-child(n+2) {
        margin-left: 88px
    }
}

.fg-advantage-item-img {
    height: 150px
}

.fg-advantage-item-img img {
    display: inline !important;
    width: initial !important
}

.fg-advantage-item-title {
    margin-top: 21px;
    font-weight: normal;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: -.02em;
    color: #000
}

@media (min-width:768px) {
    .fg-advantage-item-title {
        font-size: 20px
    }
}

@media (min-width:1024px) {
    .fg-advantage-item-title {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    .fg-advantage-item-title {
        font-size: 28px
    }
}

@media (min-width:1600px) {
    .fg-advantage-item-title {
        font-size: 30px
    }
}

.fg-advantage-item-text {
    margin-top: 20px;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -.025em
}

@media (min-width:1024px) {
    .fg-advantage-item-text {
        margin-top: 30px
    }
}

@media (min-width:1200px) {
    .fg-advantage-item-text {
        margin-top: 32px
    }
}

@media (min-width:1600px) {
    .fg-advantage-item-text {
        margin-top: 30px
    }
}

.fg-advantage-item-link {
    margin-top: 20px
}

@media (min-width:1200px) {
    .fg-advantage-item-link {
        margin-top: auto;
        padding-top: 8px
    }
}

@media (min-width:768px) {
    .fg-advantage-item-link {
        padding-top: 20px
    }
}

.fg-advantage-item-link a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -.025em;
    text-decoration: none;
    color: #FF009B
}

@media (min-width:1200px) {
    .fg-advantage-item-link a {
        font-size: 18px
    }
}

@media (min-width:1600px) {
    .fg-advantage-item-link a {
        font-size: 20px
    }
}

.fg-advantage-item-link a:hover {
    color: #FF94D5
}

.fg-advantage-item-link a svg {
    width: .7em;
    height: .7em;
    margin-left: .5em
}

.fg-advantage-nav {
    margin-top: 30px;
    text-align: center
}

@media (min-width:768px) {
    .fg-advantage-nav {
        display: none
    }
}

.fg-advantage-nav-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: rgba(196, 196, 196, .1)
}

.fg-advantage-nav-btn {
    width: 6px;
    height: 6px;
    background-color: rgba(42, 38, 56, .2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

.fg-advantage-nav-btn:not(:first-child) {
    margin-left: 9px
}

.fg-advantage-nav-btn.active {
    background-color: #61C5D0;
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7)
}

.fg-sitemap-content {
    padding: 120px 0
}

.fg-sitemap-title {
    margin: 0 0 40px 0;
    font-size: 32px
}

.fg-sitemap-item {
    padding: 5px 0;
    font-size: 18px
}

.fg-result {
    position: relative
}

.fg-result-particles {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .fg-result-particles {
        padding: 0 40px 0 70px;
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .fg-result-particles {
        padding: 0 80px 0 100px;
        max-width: 1024px
    }
}

@media (min-width:1200px) {
    .fg-result-particles {
        padding: 0 80px 0 130px;
        max-width: 1200px
    }
}

@media (min-width:1600px) {
    .fg-result-particles {
        padding: 0 210px;
        max-width: 1600px
    }
}

.fg-result-particle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.fg-result-particle.-v1 {
    width: 6px;
    height: 6px;
    top: 152px;
    left: 30px;
    background: #FF009B
}

@media (min-width:768px) {
    .fg-result-particle.-v1 {
        width: 16px;
        height: 16px;
        top: 214px;
        left: 106px
    }
}

@media (min-width:1024px) {
    .fg-result-particle.-v1 {
        top: 231px;
        left: 189px
    }
}

@media (min-width:1200px) {
    .fg-result-particle.-v1 {
        top: 298px;
        left: 285px
    }
}

@media (min-width:1600px) {
    .fg-result-particle.-v1 {
        top: 281px;
        left: 365px
    }
}

.fg-result-particle.-v2 {
    width: 12px;
    height: 12px;
    top: 92px;
    right: 46px;
    background: #ae6eff
}

@media (min-width:768px) {
    .fg-result-particle.-v2 {
        width: 22px;
        height: 22px;
        top: 100px;
        right: 68px
    }
}

@media (min-width:1024px) {
    .fg-result-particle.-v2 {
        top: 155px;
        right: 138px
    }
}

@media (min-width:1200px) {
    .fg-result-particle.-v2 {
        top: 220px;
        right: 218px
    }
}

@media (min-width:1600px) {
    .fg-result-particle.-v2 {
        right: 415px
    }
}

.fg-result-particle.-v3 {
    width: 33px;
    height: 33px;
    top: 203px;
    right: 30px;
    background: #ffd336
}

@media (min-width:768px) {
    .fg-result-particle.-v3 {
        width: 60px;
        height: 60px;
        top: 240px;
        right: 57px
    }
}

@media (min-width:1024px) {
    .fg-result-particle.-v3 {
        top: 285px;
        right: 218px
    }
}

@media (min-width:1200px) {
    .fg-result-particle.-v3 {
        top: 352px;
        right: 298px
    }
}

@media (min-width:1600px) {
    .fg-result-particle.-v3 {
        top: 365px;
        right: 501px
    }
}

.fg-result-particle.-v3 img {
    width: 15px;
    height: 15px
}

@media (min-width:768px) {
    .fg-result-particle.-v3 img {
        width: 30px;
        height: 30px
    }
}

.fg-result-particle.-v4 {
    display: none;
    background: #FF009B
}

@media (min-width:768px) {
    .fg-result-particle.-v4 {
        display: block;
        width: 12px;
        height: 12px;
        bottom: 158px;
        right: 181px
    }
}

@media (min-width:1024px) {
    .fg-result-particle.-v4 {
        bottom: 150px;
        right: 340px
    }
}

@media (min-width:1200px) {
    .fg-result-particle.-v4 {
        bottom: 170px;
        right: 327px
    }
}

@media (min-width:1600px) {
    .fg-result-particle.-v4 {
        bottom: 120px;
        right: 467px
    }
}

.fg-result-particle.-v5 {
    display: none;
    background: #61C5D0
}

@media (min-width:768px) {
    .fg-result-particle.-v5 {
        display: block;
        width: 22px;
        height: 22px;
        bottom: 107px;
        right: 79px
    }
}

@media (min-width:1024px) {
    .fg-result-particle.-v5 {
        bottom: 188px;
        right: 111px
    }
}

@media (min-width:1200px) {
    .fg-result-particle.-v5 {
        bottom: 208px;
        right: 98px
    }
}

@media (min-width:1600px) {
    .fg-result-particle.-v5 {
        bottom: 158px;
        right: 238px
    }
}

.fg-result-content {
    padding: 40px 0 68px 0
}

@media (min-width:768px) {
    .fg-result-content {
        padding: 60px 0 100px 0
    }
}

@media (min-width:1024px) {
    .fg-result-content {
        padding: 80px 0 150px 0
    }
}

@media (min-width:1200px) {
    .fg-result-content {
        padding: 80px 0 300px 0
    }
}

@media (min-width:1600px) {
    .fg-result-content {
        padding: 0 0 184px 0
    }
}

.fg-result-container {
    padding: 0 43px 0 20px
}

@media (min-width:768px) {
    .fg-result-container {
        padding: 0 40px 0 70px
    }
}

@media (min-width:1024px) {
    .fg-result-container {
        padding: 0 80px 0 100px
    }
}

@media (min-width:1200px) {
    .fg-result-container {
        padding: 0 80px 0 130px
    }
}

@media (min-width:1600px) {
    .fg-result-container {
        padding: 0 210px
    }
}

.fg-result-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media (min-width:768px) {
    .fg-result-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:768px) {
    .fg-result-grid-col.-right {
        padding: 0 0 0 31px
    }
}

@media (min-width:1024px) {
    .fg-result-grid-col.-right {
        padding: 0 0 0 35px
    }
}

@media (min-width:1200px) {
    .fg-result-grid-col.-right {
        padding: 0 0 0 90px
    }
}

@media (min-width:1600px) {
    .fg-result-grid-col.-right {
        padding: 0 0 0 190px
    }
}

.fg-result-title {
    margin: 0 auto 45px auto;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -.03em;
    font-weight: 600;
    text-align: center
}

@media (min-width:768px) {
    .fg-result-title {
        margin: 0 auto 133px auto;
        font-size: 35px;
        line-height: 110%
    }
}

@media (min-width:1024px) {
    .fg-result-title {
        font-size: 40px;
        margin: 0 auto 155px auto
    }
}

@media (min-width:1200px) {
    .fg-result-title {
        font-size: 50px;
        margin: 0 auto 155px auto
    }
}

.fg-result-title span {
    color: #FF009B
}

.fg-result-item {
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -.025em
}

.fg-result-item:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .fg-result-item {
        margin: 0 0 21px 0;
        font-size: 20px;
        line-height: 34px
    }
}

@media (min-width:1600px) {
    .fg-result-item {
        margin: 0 0 15px 0
    }
}

@media (min-width:1200px) {
    .fg-result-item.-head {
        margin: 0 0 30px 0
    }
}

.fg-result-link {
    display: inline-block;
    margin: 20px 0 0 0;
    color: #FF009B
}

@media (min-width:1200px) {
    .fg-result-link {
        margin: 30px 0 0 0
    }
}

.fg-result-link a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none
}

.fg-result-link a:hover {
    text-decoration: none;
    color: inherit;
    opacity: .8
}

.fg-result-link-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.025em
}

@media (min-width:1200px) {
    .fg-result-link-text {
        font-size: 20px;
        line-height: 30px;
        font-weight: normal
    }
}

.fg-result-link-icon {
    width: 6px;
    height: 10px;
    margin: 1px 0 0 15px
}

@media (min-width:1200px) {
    .fg-result-link-icon {
        margin: 4px 0 0 15px;
        width: 7px;
        height: 12px
    }
}

@media (min-width:1600px) {
    .fg-result-link-icon {
        margin: 4px 0 0 10px
    }
}

.fg-result-link-icon svg {
    width: 100%;
    height: 100%
}

.fg-result-metric {
    margin: 0 auto 40px auto;
    width: 280px
}

@media (min-width:768px) {
    .fg-result-metric {
        width: 370px;
        margin: 0
    }
}

@media (min-width:1024px) {
    .fg-result-metric {
        width: 430px
    }
}

@media (min-width:1200px) {
    .fg-result-metric {
        width: 478px
    }
}

@media (min-width:1600px) {
    .fg-result-metric {
        width: 510px
    }
}

.fg-result-metric-stats {
    margin: 0 auto;
    padding: 38px;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    background: #fff;
    -webkit-box-shadow: 0 8px 45px rgba(66, 66, 66, .05);
    -moz-box-shadow: 0 8px 45px rgba(66, 66, 66, .05);
    box-shadow: 0 8px 45px rgba(66, 66, 66, .05)
}

@media (min-width:768px) {
    .fg-result-metric-stats {
        padding: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-box-shadow: 0 10px 60px rgba(66, 66, 66, .05);
        -moz-box-shadow: 0 10px 60px rgba(66, 66, 66, .05);
        box-shadow: 0 10px 60px rgba(66, 66, 66, .05)
    }
}

@media (min-width:1200px) {
    .fg-result-metric-stats {
        padding: 60px
    }
}

.fg-result-metric-stat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 23px 0
}

.fg-result-metric-stat:last-child {
    margin: 0
}

@media (min-width:768px) {
    .fg-result-metric-stat {
        margin: 0 0 30px 0
    }
}

@media (min-width:1200px) {
    .fg-result-metric-stat {
        margin: 0 0 40px 0
    }
}

@media (min-width:1600px) {
    .fg-result-metric-stat {
        margin: 0 0 45px 0
    }
}

.fg-result-metric-stat-text {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.025em;
    font-weight: normal;
    opacity: .8
}

@media (min-width:768px) {
    .fg-result-metric-stat-text {
        font-size: 16px;
        line-height: 21px
    }
}

@media (min-width:1200px) {
    .fg-result-metric-stat-text {
        font-size: 18px;
        line-height: 23px
    }
}

@media (min-width:1600px) {
    .fg-result-metric-stat-text {
        font-size: 20px;
        line-height: 26px
    }
}

.fg-result-metric-stat-text.-inverse {
    color: #FF009B;
    opacity: 1
}

.fg-result-metric-notice {
    margin: 20px 0 0 29px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.025em;
    font-weight: normal;
    opacity: .4
}

@media (min-width:768px) {
    .fg-result-metric-notice {
        margin: 20px 0 0 50px
    }
}

@media (min-width:1024px) {
    .fg-result-metric-notice {
        margin: 30px 0 0 50px;
        font-size: 16px;
        line-height: 21px
    }
}

@media (min-width:1200px) {
    .fg-result-metric-notice {
        margin: 30px 0 0 60px
    }
}

.fg-research {
    position: relative;
    background: #F9F9F9
}

.fg-research-rmask {
    height: 20px
}

@media (min-width:1200px) {
    .fg-research-rmask {
        height: 25px
    }
}

@media (min-width:1600px) {
    .fg-research-rmask {
        height: 30px
    }
}

.fg-research-rmask svg {
    display: block;
    width: 100%;
    height: 100%
}

.fg-research-rmask.-top {
    position: static
}

.fg-research-rmask.-top svg {
    fill: #fff
}

.fg-research-rmask.-bottom {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%
}

.fg-research-rmask.-bottom svg {
    fill: #F9F9F9
}

.fg-research-particles {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width:768px) {
    .fg-research-particles {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .fg-research-particles {
        max-width: 1024px
    }
}

@media (min-width:1200px) {
    .fg-research-particles {
        max-width: 1200px
    }
}

@media (min-width:1600px) {
    .fg-research-particles {
        max-width: 1600px
    }
}

.fg-research-particle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.fg-research-particle.-v1 {
    width: 12px;
    height: 12px;
    bottom: 315px;
    left: 15px;
    background: #FF009B
}

@media (min-width:768px) {
    .fg-research-particle.-v1 {
        width: 22px;
        height: 22px;
        bottom: auto;
        top: 73px;
        left: 82px
    }
}

@media (min-width:1024px) {
    .fg-research-particle.-v1 {
        top: 143px;
        left: 0
    }
}

@media (min-width:1200px) {
    .fg-research-particle.-v1 {
        top: 179px;
        left: 99px
    }
}

@media (min-width:1600px) {
    .fg-research-particle.-v1 {
        top: 168px;
        left: 289px
    }
}

.fg-research-particle.-v2 {
    width: 33px;
    height: 33px;
    top: 41px;
    left: 27px;
    background: #61C5D0
}

@media (min-width:768px) {
    .fg-research-particle.-v2 {
        width: 60px;
        height: 60px;
        top: 197px;
        left: 66px
    }
}

@media (min-width:1024px) {
    .fg-research-particle.-v2 {
        top: 265px
    }
}

@media (min-width:1200px) {
    .fg-research-particle.-v2 {
        top: 300px;
        left: 165px
    }
}

@media (min-width:1600px) {
    .fg-research-particle.-v2 {
        top: 284px;
        left: 355px
    }
}

.fg-research-particle.-v2 img {
    width: 15px;
    height: 15px
}

@media (min-width:768px) {
    .fg-research-particle.-v2 img {
        width: 25px;
        height: 25px
    }
}

.fg-research-particle.-v3 {
    display: none
}

@media (min-width:768px) {
    .fg-research-particle.-v3 {
        display: block;
        width: 11px;
        height: 11px;
        top: 240px;
        left: 216px;
        background: #A66FED
    }
}

@media (min-width:1024px) {
    .fg-research-particle.-v3 {
        top: 285px;
        left: 225px
    }
}

@media (min-width:1200px) {
    .fg-research-particle.-v3 {
        top: 321px;
        left: 224px
    }
}

@media (min-width:1600px) {
    .fg-research-particle.-v3 {
        top: 246px;
        left: 511px
    }
}

.fg-research-particle.-v4 {
    width: 9px;
    height: 9px;
    top: 89px;
    right: 31px;
    background: #6179D0
}

@media (min-width:768px) {
    .fg-research-particle.-v4 {
        width: 18px;
        height: 18px;
        top: 104px;
        right: 59px
    }
}

@media (min-width:1024px) {
    .fg-research-particle.-v4 {
        top: 124px;
        right: 112px
    }
}

@media (min-width:1200px) {
    .fg-research-particle.-v4 {
        top: 160px;
        right: 189px
    }
}

@media (min-width:1600px) {
    .fg-research-particle.-v4 {
        top: 149px;
        right: 404px
    }
}

.fg-research-particle.-v5 {
    width: 39px;
    height: 39px;
    bottom: 106px;
    right: 12px;
    background: #ffd336
}

@media (min-width:768px) {
    .fg-research-particle.-v5 {
        width: 60px;
        height: 60px;
        bottom: auto;
        top: 225px;
        right: 77px
    }
}

@media (min-width:1024px) {
    .fg-research-particle.-v5 {
        top: 307px;
        right: 74px
    }
}

@media (min-width:1200px) {
    .fg-research-particle.-v5 {
        top: 320px;
        right: 151px
    }
}

@media (min-width:1600px) {
    .fg-research-particle.-v5 {
        top: 306px;
        right: 366px
    }
}

.fg-research-particle.-v5 img {
    width: 20px;
    height: 20px
}

@media (min-width:768px) {
    .fg-research-particle.-v5 img {
        width: 25px;
        height: 25px
    }
}

.fg-research-content {
    padding: 70px 0 55px 0;
    text-align: center
}

@media (min-width:768px) {
    .fg-research-content {
        padding: 93px 0 100px 0
    }
}

@media (min-width:1024px) {
    .fg-research-content {
        padding: 100px 0
    }
}

@media (min-width:1200px) {
    .fg-research-content {
        padding: 159px 0 80px 0
    }
}

@media (min-width:1600px) {
    .fg-research-content {
        padding: 138px 0 80px 0
    }
}

.fg-research-title {
    margin: 0 auto 20px auto;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -.03em;
    font-weight: 600
}

@media (min-width:768px) {
    .fg-research-title {
        max-width: 700px;
        font-size: 35px;
        line-height: 110%
    }
}

@media (min-width:1024px) {
    .fg-research-title {
        font-size: 40px;
        line-height: 110%
    }
}

@media (min-width:1200px) {
    .fg-research-title {
        font-size: 50px;
        line-height: 110%
    }
}

.fg-research-description {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -.025em;
    font-weight: normal;
    opacity: .8
}

@media (min-width:768px) {
    .fg-research-description {
        max-width: 454px;
        margin: 0 auto
    }
}

@media (min-width:1200px) {
    .fg-research-description {
        max-width: 530px;
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-research-description {
        max-width: 440px;
        font-size: 20px;
        line-height: 34px
    }
}

.fg-research-items {
    margin: 50px 0
}

@media (min-width:768px) {
    .fg-research-items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 100px -37px 40px -37px
    }
}

@media (min-width:1024px) {
    .fg-research-items {
        margin: 100px -31px 53px -31px
    }
}

@media (min-width:1200px) {
    .fg-research-items {
        margin: 183px -56px 109px -56px
    }
}

@media (min-width:1600px) {
    .fg-research-items {
        margin: 143px -56px 141px -56px
    }
}

.fg-research-item {
    position: relative;
    margin: 0 0 50px 0;
    -webkit-transition: color .25s;
    -o-transition: color .25s;
    -moz-transition: color .25s;
    transition: color .25s
}

.fg-research-item:last-child {
    margin: 0
}

@media (min-width:1200px) {
    .fg-research-item:hover {
        color: #fff
    }
}

@media (min-width:768px) {
    .fg-research-item {
        width: 33.3333%;
        padding: 0 37px;
        margin: 0
    }
}

@media (min-width:1024px) {
    .fg-research-item {
        padding: 0 31px
    }
}

@media (min-width:1200px) {
    .fg-research-item {
        padding: 0 56px
    }
}

.fg-research-figure {
    display: none
}

@media (min-width:1200px) {
    .fg-research-figure {
        display: block;
        width: 329px;
        height: 362px;
        position: absolute;
        top: -60px;
        opacity: 0;
        -webkit-transform: translateX(-55px) scale(.85);
        -moz-transform: translateX(-55px) scale(.85);
        -ms-transform: translateX(-55px) scale(.85);
        -o-transform: translateX(-55px) scale(.85);
        transform: translateX(-55px) scale(.85);
        -webkit-transition: opacity .25s, -webkit-transform .25s;
        transition: opacity .25s, -webkit-transform .25s;
        -o-transition: opacity .25s, -o-transform .25s;
        -moz-transition: opacity .25s, transform .25s, -moz-transform .25s;
        transition: opacity .25s, transform .25s;
        transition: opacity .25s, transform .25s, -webkit-transform .25s, -moz-transform .25s, -o-transform .25s
    }
}

@media (min-width:1600px) {
    .fg-research-figure {
        -webkit-transform: translateX(-15px) scale(.85);
        -moz-transform: translateX(-15px) scale(.85);
        -ms-transform: translateX(-15px) scale(.85);
        -o-transform: translateX(-15px) scale(.85);
        transform: translateX(-15px) scale(.85)
    }
}

.fg-research-figure img {
    width: 100%
}

.fg-research-item:hover .fg-research-figure {
    opacity: 1;
    -webkit-transform: translateX(-55px) scale(1);
    -moz-transform: translateX(-55px) scale(1);
    -ms-transform: translateX(-55px) scale(1);
    -o-transform: translateX(-55px) scale(1);
    transform: translateX(-55px) scale(1)
}

@media (min-width:1600px) {
    .fg-research-item:hover .fg-research-figure {
        -webkit-transform: translateX(-15px) scale(1);
        -moz-transform: translateX(-15px) scale(1);
        -ms-transform: translateX(-15px) scale(1);
        -o-transform: translateX(-15px) scale(1);
        transform: translateX(-15px) scale(1)
    }
}

.fg-research-body {
    position: relative;
    z-index: 1
}

.fg-research-num {
    margin: 0 0 20px 0;
    font-size: 35px;
    line-height: 38px;
    letter-spacing: -.03em;
    font-weight: normal
}

@media (min-width:768px) {
    .fg-research-num {
        font-size: 40px;
        line-height: 43px
    }
}

@media (min-width:1024px) {
    .fg-research-num {
        font-size: 50px;
        line-height: 54px
    }
}

@media (min-width:1200px) {
    .fg-research-num {
        margin: 0 0 30px 0;
        font-size: 70px;
        line-height: 76px
    }
}

@media (min-width:1600px) {
    .fg-research-num {
        margin: 0 0 20px 0;
        font-size: 80px;
        line-height: 87px
    }
}

.fg-research-brief {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -.025em;
    font-weight: normal;
    opacity: .8
}

@media (min-width:1200px) {
    .fg-research-brief {
        max-width: 227px;
        margin: 0 auto;
        font-size: 18px;
        line-height: 31px
    }
}

@media (min-width:1600px) {
    .fg-research-brief {
        line-height: 23px
    }
}

.fg-research-notice {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.025em;
    font-weight: normal;
    opacity: .8
}

@media (min-width:1200px) {
    .fg-research-notice {
        font-size: 16px;
        line-height: 21px;
        opacity: .5
    }
}

@media (min-width:1600px) {
    .fg-research-notice {
        font-size: 18px;
        line-height: 23px
    }
}








/* New css added by sabbir & mlimon */

header.fg-hero {
    position: relative;
}

.fg-hero-content {
    position: relative;
    z-index: 1;
}

.fg-tiles-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 350px;
    z-index: 0;
}

.fg-tiles-container {
    width: 100%;
    display: block;
}

.fg-tiles-row.fg-tiles-left {
    width: 100%;
}

.fg-tiles-row.fg-tiles-right {
    width: 100%;
}

.fg-tiles-card-group {
    display: -ms-flexbox;
    display: flex;
}

.fg-tiles-single-column {
    width: 23%;
    flex: 0 0 23%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.fg-tiles-inner-wrap {
    position: absolute;
}

/* .fg-tiles-single-column.fg-direction-down .fg-tiles-inner-wrap {
    top: -1246px
} */

.fg-tiles-single-column:first-child {
    top: -45px;
}

.fg-tiles-single-column img {
    display: block;
    width: 100%;
    max-width: 100%;
    box-shadow: 0 0 20px 5px rgb(0 0 0 / 3%);
    margin: 15px 0;
    border-radius: 10px;
}

.fg-tiles-right.fg-tiles-row {
    top: 0;
    position: relative;
    right: 0;
    transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
}

.fg-tiles-row.fg-tiles-left {
    width: 45%;
    flex: 0 0 45%;
    max-width: 45%;
}

@media (min-width: 480px) {
    .fg-tiles-single-column img {
        margin: 30px 0;
        border-radius: 25px;
    }
    .fg-tiles-wrapper {
        height: 500px;
    }
}


@media (min-width:1024px) {
    .fg-tiles-row.fg-tiles-left {
        width: 70%;
        flex: 0 0 36%;
        max-width: 70%;
    }
    .fg-tiles-row.fg-tiles-right {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .fg-tiles-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .fg-tiles-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .fg-tiles-single-column {
        width: 33%;
        flex: 0 0 33%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .fg-tiles-right.fg-tiles-row {
        top: -122px;
        right: -122px;
    }
    .fg-tiles-right.fg-tiles-row {
        transform: rotate(-12deg);
        -webkit-transform: rotate(-12deg);
        -moz-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        -o-transform: rotate(-12deg);
    }
}

@media (min-width:1600px) {
    .fg-tiles-row.fg-tiles-left {
        width: 52%;
        flex: 0 0 52%;
        max-width: 52%;
    }
    .fg-tiles-row.fg-tiles-right {
        width: 45%;
        flex: 0 0 45%;
        max-width: 45%;
    }
}