@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: initial
}

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

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

[hidden],template {
    display: none
}

a {
    background-color: initial
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: initial;
    height: 0
}

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

td,th {
    padding: 0
}

@font-face {
    font-family: "CircularStd";
    font-display: swap;
    src: local("CircularStd"),url(/static/media/CircularStd-Black.faf6412f.eot);
    src: local("CircularStd"),url(/static/media/CircularStd-Black.faf6412f.eot?#iefix) format("embedded-opentype"),url(/static/media/CircularStd-Black.59880bb7.woff) format("woff"),url(/static/media/CircularStd-Black.c885948f.ttf) format("truetype"),url(/static/media/CircularStd-Black.263293c6.svg#bcc26993292869431e54c666aafa8fcd) format("svg");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: "CircularStd";
    font-display: swap;
    src: local("CircularStd"),url(/static/media/CircularStd-BlackItalic.2d00dacf.eot);
    src: local("CircularStd"),url(/static/media/CircularStd-BlackItalic.2d00dacf.eot?#iefix) format("embedded-opentype"),url(/static/media/CircularStd-BlackItalic.e13b5c7b.woff) format("woff"),url(/static/media/CircularStd-BlackItalic.7f645a71.ttf) format("truetype"),url(/static/media/CircularStd-BlackItalic.f3c01bca.svg#bcc26993292869431e54c666aafa8fcd) format("svg");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: "CircularStd";
    font-display: swap;
    src: local("CircularStd"),url(/static/media/CircularStd-Bold.e66cd439.eot);
    src: local("CircularStd"),url(/static/media/CircularStd-Bold.e66cd439.eot?#iefix) format("embedded-opentype"),url(/static/media/CircularStd-Bold.1ced22ee.woff) format("woff"),url(/static/media/CircularStd-Bold.ce2a6c41.ttf) format("truetype"),url(/static/media/CircularStd-Bold.b4c1f01a.svg#bcc26993292869431e54c666aafa8fcd) format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "CircularStd";
    font-display: swap;
    src: local("CircularStd"),url(/static/media/CircularStd-BoldItalic.e714c355.eot);
    src: local("CircularStd"),url(/static/media/CircularStd-BoldItalic.e714c355.eot?#iefix) format("embedded-opentype"),url(/static/media/CircularStd-BoldItalic.8f682a90.woff) format("woff"),url(/static/media/CircularStd-BoldItalic.fe0bddb8.ttf) format("truetype"),url(/static/media/CircularStd-BoldItalic.91e63932.svg#bcc26993292869431e54c666aafa8fcd) format("svg");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: "CircularStd";
    font-display: swap;
    src: local("CircularStd"),url(/static/media/CircularStd-Medium.3473fea8.eot);
    src: local("CircularStd"),url(/static/media/CircularStd-Medium.3473fea8.eot?#iefix) format("embedded-opentype"),url(/static/media/CircularStd-Medium.bb9a359a.woff) format("woff"),url(/static/media/CircularStd-Medium.46d551df.ttf) format("truetype"),url(/static/media/CircularStd-Medium.e6af6d0c.svg#bcc26993292869431e54c666aafa8fcd) format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "CircularStd";
    font-display: swap;
    src: local("CircularStd"),url(/static/media/CircularStd-MediumItalic.1e3f8d0e.eot);
    src: local("CircularStd"),url(/static/media/CircularStd-MediumItalic.1e3f8d0e.eot?#iefix) format("embedded-opentype"),url(/static/media/CircularStd-MediumItalic.21a7520d.woff) format("woff"),url(/static/media/CircularStd-MediumItalic.7095d23a.ttf) format("truetype"),url(/static/media/CircularStd-MediumItalic.fde448ff.svg#bcc26993292869431e54c666aafa8fcd) format("svg");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "CircularStd";
    font-display: swap;
    src: local("CircularStd"),url(/static/media/CircularStd-Book.d246520d.eot);
    src: local("CircularStd"),url(/static/media/CircularStd-Book.d246520d.eot?#iefix) format("embedded-opentype"),url(/static/media/CircularStd-Book.ed76eb21.woff) format("woff"),url(/static/media/CircularStd-Book.c43e9feb.ttf) format("truetype"),url(/static/media/CircularStd-Book.81002b22.svg#bcc26993292869431e54c666aafa8fcd) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "CircularStd";
    font-display: swap;
    src: local("CircularStd"),url(/static/media/CircularStd-BookItalic.6d37d850.eot);
    src: local("CircularStd"),url(/static/media/CircularStd-BookItalic.6d37d850.eot?#iefix) format("embedded-opentype"),url(/static/media/CircularStd-BookItalic.61889cfb.woff) format("woff"),url(/static/media/CircularStd-BookItalic.77a3e2ba.ttf) format("truetype"),url(/static/media/CircularStd-BookItalic.892039ad.svg#bcc26993292869431e54c666aafa8fcd) format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Proxima Nova";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: local("Proxima Nova"),url(/static/media/proxima-nova-regular.c75cfdc7.woff2) format("woff2")
}

@font-face {
    font-family: "Proxima Nova";
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    src: local("Proxima Nova"),url(/static/media/proxima-nova-semibold.ee0a0f46.woff2) format("woff2")
}

@font-face {
    font-family: "Proxima Nova";
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url(/static/media/proxima-nova-bold.bd439129.woff2) format("woff2")
}

@font-face {
    font-family: "PT Sans";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: local("PT Sans"),url(/static/media/ptsans-regular-webfont.198d320b.woff2) format("woff2")
}

@font-face {
    font-family: "PT Sans";
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: local("PT Sans"),url(/static/media/ptsansbold.6abfcfb5.woff2) format("woff2")
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto"),url(/static/media/Roboto-Light.fc84e998.ttf) format("truetype")
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),url(/static/media/Roboto-Regular.3e1af3ef.ttf) format("truetype")
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto"),url(/static/media/Roboto-Medium.d0884059.ttf) format("truetype")
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto"),url(/static/media/Roboto-Bold.ee7b96fa.ttf) format("truetype")
}

@font-face {
    font-family: "Roboto";
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto"),url(/static/media/Roboto-Black.ec4c9962.ttf) format("truetype")
}

@font-face {
    font-family: "OpenSans";
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: local("PT Sans"),url(/static/media/open-sans-v17-latin-regular.33543c5c.woff2) format("woff2")
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes sk-bounce {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes sk-bounce {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-transform: translateX(.5rem);
        transform: translateX(.5rem)
    }

    75% {
        -webkit-transform: translateX(-.5rem);
        transform: translateX(-.5rem)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-transform: translateX(.5rem);
        transform: translateX(.5rem)
    }

    75% {
        -webkit-transform: translateX(-.5rem);
        transform: translateX(-.5rem)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes shake2 {
    0% {
        -webkit-transform: translate(1px,1px) rotate(0deg);
        transform: translate(1px,1px) rotate(0deg)
    }

    10% {
        -webkit-transform: translate(-1px,-2px) rotate(-1deg);
        transform: translate(-1px,-2px) rotate(-1deg)
    }

    20% {
        -webkit-transform: translate(-3px) rotate(1deg);
        transform: translate(-3px) rotate(1deg)
    }

    30% {
        -webkit-transform: translate(3px,2px) rotate(0deg);
        transform: translate(3px,2px) rotate(0deg)
    }

    40% {
        -webkit-transform: translate(1px,-1px) rotate(1deg);
        transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        -webkit-transform: translate(-1px,2px) rotate(-1deg);
        transform: translate(-1px,2px) rotate(-1deg)
    }

    60% {
        -webkit-transform: translate(-3px,1px) rotate(0deg);
        transform: translate(-3px,1px) rotate(0deg)
    }

    70% {
        -webkit-transform: translate(3px,1px) rotate(-1deg);
        transform: translate(3px,1px) rotate(-1deg)
    }

    80% {
        -webkit-transform: translate(-1px,-1px) rotate(1deg);
        transform: translate(-1px,-1px) rotate(1deg)
    }

    90% {
        -webkit-transform: translate(1px,2px) rotate(0deg);
        transform: translate(1px,2px) rotate(0deg)
    }

    to {
        -webkit-transform: translate(1px,-2px) rotate(-1deg);
        transform: translate(1px,-2px) rotate(-1deg)
    }
}

@keyframes shake2 {
    0% {
        -webkit-transform: translate(1px,1px) rotate(0deg);
        transform: translate(1px,1px) rotate(0deg)
    }

    10% {
        -webkit-transform: translate(-1px,-2px) rotate(-1deg);
        transform: translate(-1px,-2px) rotate(-1deg)
    }

    20% {
        -webkit-transform: translate(-3px) rotate(1deg);
        transform: translate(-3px) rotate(1deg)
    }

    30% {
        -webkit-transform: translate(3px,2px) rotate(0deg);
        transform: translate(3px,2px) rotate(0deg)
    }

    40% {
        -webkit-transform: translate(1px,-1px) rotate(1deg);
        transform: translate(1px,-1px) rotate(1deg)
    }

    50% {
        -webkit-transform: translate(-1px,2px) rotate(-1deg);
        transform: translate(-1px,2px) rotate(-1deg)
    }

    60% {
        -webkit-transform: translate(-3px,1px) rotate(0deg);
        transform: translate(-3px,1px) rotate(0deg)
    }

    70% {
        -webkit-transform: translate(3px,1px) rotate(-1deg);
        transform: translate(3px,1px) rotate(-1deg)
    }

    80% {
        -webkit-transform: translate(-1px,-1px) rotate(1deg);
        transform: translate(-1px,-1px) rotate(1deg)
    }

    90% {
        -webkit-transform: translate(1px,2px) rotate(0deg);
        transform: translate(1px,2px) rotate(0deg)
    }

    to {
        -webkit-transform: translate(1px,-2px) rotate(-1deg);
        transform: translate(1px,-2px) rotate(-1deg)
    }
}

.loader {
    background: #12b34a;
    width: 44px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    opacity: .6;
    -webkit-animation: sk-bounce 2s ease-in-out infinite;
    animation: sk-bounce 2s ease-in-out infinite
}

.loader,.spinner {
    position: relative
}

.spinner {
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.spinner_1 {
    width: 32px;
    height: 32px
}

.double-bounce1,.double-bounce2,.spinner__bounce {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s ease-in-out infinite;
    animation: sk-bounce 2s ease-in-out infinite
}

.spinner__bounce+.spinner__bounce {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.double-bounce1 {
    background: rgba(30,215,96,.4)
}

.double-bounce1.double-bounce-blue {
    background: rgba(112,135,255,.4)
}

.double-bounce2 {
    background: rgba(59,240,124,.4);
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.double-bounce2.double-bounce-blue {
    background: rgba(155,171,255,.4)
}

.spinner__bounce_1 {
    opacity: .4;
    background: #fff
}

.spinner__bounce_2 {
    opacity: .4;
    background-color: #71737a
}

:root {
    --bluish-green: #12b368;
    --pale-grey: #eff1f6;
    --darkish-blue-15: rgba(0,53,136,0.15);
    --seaweed: #13cf77;
    --bluey-grey: #637293;
    --navy: #031b4e;
    --battleship-grey: #71747a;
    --marine-blue-6: rgba(0,38,96,0.06)
}

::-ms-clear {
    display: none
}

* {
    word-break: break-word;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none
}

:focus {
    -moz-outline-style: none;
    outline: none!important
}

.gl-overflow {
    overflow: hidden
}

.hide-scroll {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: hidden;
    height: 100%
}

.hide-scroll::-webkit-scrollbar {
    display: none;
    overflow: hidden
}

section {
    position: relative
}

iframe {
    display: block
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

td {
    vertical-align: middle
}

button {
    border: none
}

img {
    display: block;
    -ms-interpolation-mode: bicubic
}

a {
    text-decoration: none;
    cursor: pointer
}

html {
    width: 100%;
    height: 100%;
    position: relative
}

html.overflow {
    height: 100%;
    overflow-y: hidden
}

body {
    background: #fff;
    font-stretch: normal;
    min-height: 100%;
    font: 400 1rem/1.5rem "CircularStd";
    position: relative
}

body.overflow {
    height: 100%;
    overflow: hidden
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.wrapper {
    width: 100%;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;text-align: justify;
    text-justify: newspaper;
    text-align-last: justify;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    letter-spacing: -.25rem
}

.wrapper:after {
    content: "";
    width: 100%;
    display: inline-block
}

.wrapper>* {
    letter-spacing: normal
}

.wrapper-helper {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative
}

.wrapper-flex {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.content {
    max-width: 77rem;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .content {
        max-width:59rem
    }
}

@media only screen and (max-width: 1023px) {
    .content {
        width:95%
    }
}

.content-custom {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .content-custom {
        max-width:59rem
    }
}

@media only screen and (max-width: 1023px) {
    .content-custom {
        width:100%
    }
}

@media only screen and (max-width: 1023px) {
    .main-checkout {
        background:#eff1f6
    }
}

.fieldset {
    min-height: 2.75rem;
    margin-top: 1rem;
    display: block;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .fieldset {
        margin-top:.75rem
    }
}

.fieldset_type1 {
    min-height: 3.5rem
}

.fieldset__inline {
    width: 12rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

@media only screen and (max-width: 1023px) {
    .fieldset__inline {
        width:100%
    }
}

.fieldset-wrapper {
    margin-top: 1rem;
    position: relative
}

.fieldset-wrapper .fieldset {
    margin-top: 0
}

.input {
    background: #fff;
    width: 100%;
    height: 2.75rem;
    padding: .75rem 1rem;
    color: #424347;
    font-weight: 400;
    font-size: 1rem;
    font-family: "CircularStd";
    border: thin solid #c6c8cc;
    border-radius: .125rem;
    box-shadow: none
}

.input.placeholder {
    color: #9ea0a3
}

.input:-moz-placeholder,.input::-moz-placeholder {
    color: #9ea0a3
}

.input:-ms-input-placeholder {
    color: #9ea0a3
}

.input::-webkit-input-placeholder,.input::-webkit-text-fill-color {
    color: #9ea0a3
}

.input:focus {
    border-color: #5e6067;
    color: #424347
}

.input:focus.placeholder {
    color: #9ea0a3
}

.input:focus:-moz-placeholder,.input:focus::-moz-placeholder {
    color: #9ea0a3
}

.input:focus:-ms-input-placeholder {
    color: #9ea0a3
}

.input:focus::-webkit-input-placeholder,.input:focus::-webkit-text-fill-color {
    color: #9ea0a3
}

.input[disabled],.input[disabled]+.order-form__input-icon {
    opacity: .3
}

@media only screen and (max-width: 1023px) {
    .input_desktop {
        display:none
    }
}

.input_mobile {
    display: none
}

@media only screen and (max-width: 1023px) {
    .input_mobile {
        display:block
    }
}

.input_type1 {
    width: 25rem;
    height: 3.5rem;
    padding: 1rem 3.5rem 1rem 1.5rem;
    color: #424347;
    border: 1px solid #dadce0;
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(0,53,136,.1);
    border-radius: 2px
}

.input_type1.placeholder {
    color: #969aa3
}

.input_type1:-moz-placeholder,.input_type1::-moz-placeholder {
    color: #969aa3
}

.input_type1:-ms-input-placeholder {
    color: #969aa3
}

.input_type1::-webkit-input-placeholder,.input_type1::-webkit-text-fill-color {
    color: #969aa3
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .input_type1 {
        width:24rem
    }
}

@media only screen and (max-width: 1023px) {
    .input_type1 {
        width:100%
    }
}

.input_block {
    display: block;
    width: 100%
}

.input_placeholder {
    color: #9ea0a3;
    border-color: #dadce0
}

.input_focus {
    border-color: #5e6067;
    color: #424347
}

.input_show {
    -webkit-animation: shake .2s ease-in-out 0s 2;
    animation: shake .2s ease-in-out 0s 2
}

.input_highlighted,.input_show {
    border-color: #1ed760
}

.input-icon {
    background-repeat: no-repeat;
    background-position: top;
    background-size: 1.5rem 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    position: absolute;
    top: 1rem;
    right: 1.5rem
}

.textarea {
    width: 100%;
    min-height: 4.5rem;
    padding: 1rem;
    color: #424347;
    font: normal 1rem/1.25rem "CircularStd";
    border: none;
    resize: none;
    text-align: left;
    text-align-last: left;
    overflow: hidden
}

.textarea[disabled] {
    background: none;
    opacity: .3
}

.textarea.placeholder {
    color: #9ea0a3
}

.textarea:-moz-placeholder,.textarea::-moz-placeholder {
    color: #9ea0a3
}

.textarea:-ms-input-placeholder {
    color: #9ea0a3
}

.textarea::-webkit-input-placeholder,.textarea::-webkit-text-fill-color {
    color: #9ea0a3
}

.textarea_error {
    border-color: #fa540a;
    color: #fa540a
}

.textarea_error.placeholder {
    color: #fa540a
}

.textarea_error:-moz-placeholder,.textarea_error::-moz-placeholder {
    color: #fa540a
}

.textarea_error:-ms-input-placeholder {
    color: #fa540a
}

.textarea_error::-webkit-input-placeholder,.textarea_error::-webkit-text-fill-color {
    color: #fa540a
}

input::-webkit-calendar-picker-indicator {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    opacity: 0
}

[readonly] {
    -webkit-user-select: none;
    user-select: none
}

[type=file] {
    max-width: 100%
}

.strong {
    font-weight: 700
}

.nowrap {
    white-space: nowrap
}

@media only screen and (max-width: 1023px) {
    .mobile-hidden {
        display:none!important
    }
}

.desktop-hidden {
    display: none!important
}

@media only screen and (max-width: 1023px) {
    .desktop-hidden {
        display:block!important
    }
}

@-webkit-keyframes upload {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }

    40%,60% {
        opacity: 1
    }

    90% {
        -webkit-transform: translateY(-1.25rem);
        transform: translateY(-1.25rem);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes upload {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }

    40%,60% {
        opacity: 1
    }

    90% {
        -webkit-transform: translateY(-1.25rem);
        transform: translateY(-1.25rem);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

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

    to {
        opacity: 1
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-left {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-up {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-up {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,6.25rem,0);
        transform: translate3d(0,6.25rem,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,6.25rem,0);
        transform: translate3d(0,6.25rem,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes progress-bar {
    0% {
        width: 0
    }
}

@keyframes progress-bar {
    0% {
        width: 0
    }
}

.opacity-enter {
    opacity: 0
}

.opacity-enter.opacity-enter-active {
    opacity: 1;
    transition: opacity .3s linear
}

.opacity-exit {
    opacity: 1
}

.opacity-exit.opacity-exit-active {
    opacity: 0;
    transition: opacity .3s linear
}

.opacity-appear {
    opacity: 0
}

.opacity-appear.opacity-appear-active {
    opacity: 1;
    transition: opacity .3s linear
}

.slide-up-appear {
    -webkit-animation-name: slide-up;
    animation-name: slide-up;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.slide-up-appear,.slide-up-appear.slide-up-appear-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.slide-up-exit {
    -webkit-animation-name: slide-bottom;
    animation-name: slide-bottom;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.slide-up-exit,.slide-up-exit.slide-up-exit-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.slide-up-dropdown-appear {
    opacity: 0;
    -webkit-transform: translateY(.75rem);
    transform: translateY(.75rem);
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
    will-change: opacity,transform
}

.slide-up-dropdown-appear.slide-up-dropdown-appear-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.slide-up-dropdown-enter {
    opacity: 0;
    -webkit-transform: translateY(.75rem);
    transform: translateY(.75rem);
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
    will-change: opacity,transform
}

.slide-up-dropdown-enter.slide-up-dropdown-enter-active,.slide-up-dropdown-exit {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.slide-up-dropdown-exit {
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
    will-change: opacity,transform
}

.slide-up-dropdown-exit.slide-up-dropdown-exit-active {
    opacity: 0;
    -webkit-transform: translateY(.75rem);
    transform: translateY(.75rem)
}

.slide-left-appear {
    -webkit-animation-name: slide-left;
    animation-name: slide-left;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.slide-left-appear,.slide-left-appear.slide-left-appear-active {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.progress-bar-appear .status__progress-bar,.progress-bar-enter .status__progress-bar {
    -webkit-animation-name: progress-bar;
    animation-name: progress-bar;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    will-change: width
}

@media only screen and (min-width: 1280px) {
    .orderFormAnimation-appear {
        -webkit-animation:fadeInUp .5s ease;
        animation: fadeInUp .5s ease
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .orderFormAnimation-appear {
        -webkit-animation:fadeInUp .5s ease;
        animation: fadeInUp .5s ease
    }
}

.slide-down-enter {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
    transition: opacity .3s ease,height .3s ease,padding .3s ease,margin .3s ease;
    will-change: opacity,height
}

.slide-down-enter.slide-down-enter-active,.slide-down-exit {
    opacity: 1;
    height: 7.25rem
}

.slide-down-exit {
    transition: opacity .3s ease,height .3s ease,padding .3s ease,margin .3s ease;
    will-change: opacity,height
}

.slide-down-exit.slide-down-exit-active {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0
}

.modal-opacity-enter {
    opacity: 0
}

.modal-opacity-enter-active {
    opacity: 1;
    transition: opacity .3s
}

.modal-opacity-exit {
    opacity: 1
}

.modal-opacity-exit-active {
    opacity: 0
}

.modal-slide-up-enter {
    -webkit-transform: translateY(100%)!important;
    transform: translateY(100%)!important
}

.modal-slide-up-enter-active {
    transition: -webkit-transform .3s!important;
    transition: transform .3s!important;
    transition: transform .3s,-webkit-transform .3s!important
}

.modal-slide-up-enter-active,.modal-slide-up-exit {
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important
}

.modal-slide-up-exit-active {
    transition: -webkit-transform .3s!important;
    transition: transform .3s!important;
    transition: transform .3s,-webkit-transform .3s!important;
    -webkit-transform: translateY(100%)!important;
    transform: translateY(100%)!important
}

.fade-in-enter {
    opacity: 0
}

.fade-in-enter.fade-in-enter-active {
    opacity: 1;
    transition: opacity .3s linear
}

.fade-in-exit {
    opacity: 1
}

.fade-in-exit.fade-in-exit-active {
    opacity: 0;
    transition: opacity .3s linear
}

.modal-container_open {
    position: fixed;
    z-index: 1001
}

.modal-container_open,.modal-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media only screen and (min-width: 1024px) {
    .modal-overlay {
        position:absolute;
        background-color: rgba(0,0,0,.6)
    }
}

@media only screen and (max-width: 1023px) {
    .modal-overlay {
        position:fixed;
        background: none
    }
}

@media only screen and (min-width: 1024px) {
    .modal-overlay_1 {
        background-color:rgba(0,0,0,.9)
    }
}

.modal {
    max-width: 100%;
    max-height: 100%;
    background-color: #fff;
    box-shadow: 0 16px 32px 0 rgba(0,0,0,.24),0 2px 8px 0 rgba(0,0,0,.13);
    left: 0;
    right: 0;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .modal {
        width:53.125rem;
        top: 50%;
        border-radius: .125rem;
        position: absolute
    }
}

@media only screen and (max-width: 1023px) {
    .modal {
        top:0;
        bottom: 0;
        -webkit-transform: inherit;
        transform: inherit;
        width: 100%;
        border-radius: 0;
        position: fixed
    }
}

.modal .modal-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    background: url(/static/media/ic-close.ad2354d0.svg) no-repeat 0 0
}

.form-input__error {
    position: absolute;
    box-shadow: 0 8px 24px rgba(0,53,136,.15);
    border-radius: 4px;
    background-color: #fff;
    padding: 16px 26px 16px 52px;
    z-index: 2;
    right: auto;
    left: 100%;
    white-space: nowrap;
    top: -6px;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    min-height: 56px;
    text-align: left;
    text-align-last: left;
    display: table;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #474747
}

@media only screen and (max-width: 1023px) {
    .form-input__error {
        white-space:normal;
        position: fixed;
        top: 56px;
        left: 8px;
        right: 8px;
        -webkit-transform: none;
        transform: none;
        width: calc(100% - 16px);
        border: 1px solid #fa540a
    }
}

.form-input__error a {
    font-weight: 700;
    color: #13cf77
}

.form-input__error:before {
    content: "";
    display: block;
    position: absolute;
    top: 1.5rem;
    left: -.3125rem;
    width: .4375rem;
    height: .4375rem;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (max-width: 1023px) {
    .form-input__error:before {
        display:none
    }
}

.form-input__error-link {
    font-weight: 700;
    color: #13cf77;
    cursor: pointer
}

.form-input__error-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 16px;
    top: 16px
}

.form-input__error-text {
    display: table-cell;
    vertical-align: middle
}

.form-input__label {
    font-family: "CircularStd";
    font-size: 1rem;
    color: #424347;
    margin-bottom: .5rem;
    display: block
}

.form-input__holder {
    position: relative
}

.input_error {
    border-color: #fa540a
}

.input_error,.input_error.placeholder {
    color: #fa540a
}

.input_error:-moz-placeholder,.input_error::-moz-placeholder {
    color: #fa540a
}

.input_error:-ms-input-placeholder {
    color: #fa540a
}

.input_error::-webkit-input-placeholder,.input_error::-webkit-text-fill-color {
    color: #fa540a
}

.input_error:focus {
    border-color: #fa540a;
    color: #fa540a
}

.input_error:focus.placeholder {
    color: #fa540a
}

.input_error:focus:-moz-placeholder,.input_error:focus::-moz-placeholder {
    color: #fa540a
}

.input_error:focus:-ms-input-placeholder {
    color: #fa540a
}

.input_error:focus::-webkit-input-placeholder,.input_error:focus::-webkit-text-fill-color {
    color: #fa540a
}

.form-input_clear {
    display: none;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 0;
    top: 10px;
    background-image: url(/static/media/ic-close-small.f1e5d728.svg)
}

@media only screen and (max-width: 1023px) {
    .form-input_clear {
        display:block
    }
}

.form-input_email .input {
    border-radius: 4px;
    border: 1px solid #dadce0;
    background: #fff
}

@media only screen and (max-width: 1023px) {
    .form-input_email:before {
        content:"";
        background-image: url(/static/media/ic-mail-grey.079c514a.svg);
        width: 24px;
        height: 24px;
        position: absolute;
        left: 0;
        top: 10px
    }

    .form-input_email.form-input_focus:before {
        background-image: url(/static/media/ic-mail-green.1ad4bb5a.svg)
    }

    .form-input_email.form-input_error:before {
        background-image: url(/static/media/ic-mail-orange.595f2f7d.svg)
    }
}

.login-form-amp .form-input_email:before,.sign-up-form-amp .form-input_email:before {
    content: "";
    background-image: url(/static/media/ic-mail-grey.079c514a.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 10px
}

.login-form-amp .form-input_email.form-input_focus:before,.sign-up-form-amp .form-input_email.form-input_focus:before {
    background-image: url(/static/media/ic-mail-green.1ad4bb5a.svg)
}

.login-form-amp .form-input_email.form-input_error:before,.sign-up-form-amp .form-input_email.form-input_error:before {
    background-image: url(/static/media/ic-mail-orange.595f2f7d.svg)
}

.input-password {
    padding-right: 3.5rem
}

.input-password__icon {
    cursor: pointer;
    background-image: url(data:image/png;base64,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);
    top: .625rem;
    right: .875rem
}

.input-password__icon.input-password__icon-open {
    background-image: url(data:image/png;base64,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)
}

.form-input_password .input {
    border-radius: 4px;
    border: 1px solid #dadce0;
    background: #fff
}

@media only screen and (max-width: 1023px) {
    .form-input_password:before {
        content:"";
        background-image: url(/static/media/ic-lock-grey.0ae0fc4c.svg);
        width: 24px;
        height: 24px;
        position: absolute;
        left: 0;
        top: 10px
    }

    .form-input_password.form-input_focus:before {
        background-image: url(/static/media/ic-lock-green.ebeb84fd.svg)
    }
}

.login-form-amp .form-input_password:before,.sign-up-form-amp .form-input_password:before {
    content: "";
    background-image: url(/static/media/ic-lock-grey.0ae0fc4c.svg);
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 10px
}

.login-form-amp .form-input_password.form-input_focus:before,.sign-up-form-amp .form-input_password.form-input_focus:before {
    background-image: url(/static/media/ic-lock-green.ebeb84fd.svg)
}

.button_type1 {
    background: #13cf77;
    width: 100%;
    min-width: inherit;
    height: 56px;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.4375rem;
    box-shadow: 0 .25rem .75rem 0 rgba(18,173,100,.4);
    transition: background .3s ease,box-shadow .3s ease;
    will-change: background,box-shadow;
    padding: 1.0625rem 1rem
}

.button_type1:hover {
    background: #12b368;
    box-shadow: 0 .25rem 1rem 0 rgba(18,173,100,.4)
}

.button_type1:active,.button_type1_loading {
    background: #0f9959;
    box-shadow: 0 .0625rem .25rem 0 rgba(18,173,100,.4)
}

.button_type1_loading {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    border-radius: .25rem
}

.button_type1_loading[disabled],.button_type1_loading[disabled]:active,.button_type1_loading[disabled]:hover {
    background: #0f9959!important;
    box-shadow: none
}

.button-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .25rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.button_type2 {
    background: #fff;
    min-width: 136px;
    height: 40px;
    padding: .625rem 1rem .6875rem;
    color: #13cf77;
    border: 2px solid #13cf77;
    transition: background .3s ease,border .3s ease,color .3s ease;
    will-change: background,border,color;
    line-height: 19px
}

@media only screen and (max-width: 1023px) {
    .button_type2 {
        padding-top:.5rem;
        padding-bottom: .5rem
    }
}

.button_type2:hover {
    background: rgba(19,207,119,.08);
    border-color: #11a952;
    color: #00b465
}

.button_type2:active {
    background: rgba(19,207,119,.24);
    border-color: #11a952;
    color: #00b465
}

.button_type2[disabled],.button_type2[disabled]:active,.button_type2[disabled]:hover {
    background: #fff;
    color: #d4d9ed;
    border-color: #d4d9ed
}

.button_type2_custom {
    height: 2.75rem;
    padding-top: .6875rem;
    padding-bottom: .8125rem;
    background: #13cf77;
    color: #fff
}

.button_type2_custom:hover,.button_type2_selected {
    background: #12ad64;
    border-color: #12ad64;
    color: #fff
}

.button_type2_selected:after {
    content: "Remove";
    display: block;
    padding: .6875rem 1rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font: 700 1rem "CircularStd";
    color: #fff;
    text-align: center;
    text-align-last: center;
    text-indent: 0;
    opacity: 0
}

.button_type2_selected:active,.button_type2_selected:hover {
    background: #fff;
    border-color: #fa540a;
    text-indent: -624.9375rem
}

@media only screen and (max-width: 1023px) {
    .button_type2_selected:active,.button_type2_selected:hover {
        background:#12ad64;
        border-color: #12ad64;
        text-indent: 0;
        color: #fff
    }
}

.button_type2_selected:active:after,.button_type2_selected:hover:after {
    color: #fa540a;
    opacity: 1
}

@media only screen and (max-width: 1023px) {
    .button_type2_selected:active:after,.button_type2_selected:hover:after {
        display:none
    }
}

.button_type2_selected[disabled] {
    background: #12ad64;
    border-color: #12ad64;
    color: #fff
}

.button_type2_selected[disabled]:after {
    display: none
}

.button_type2_selected[disabled]:active,.button_type2_selected[disabled]:hover {
    background: #12ad64;
    border-color: #12ad64;
    color: #fff;
    text-indent: 0
}

.button_type2_loading {
    background: #0f9959;
    border: none;
    padding: 0;
    box-shadow: 0 .0625rem .25rem 0 rgba(18,173,100,.4);
    position: relative
}

.button_type2_loading[disabled],.button_type2_loading[disabled]:active,.button_type2_loading[disabled]:hover {
    background: #0f9959;
    border: none;
    box-shadow: none
}

.button_type2__icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .375rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    -webkit-transform: translateY(-.0625rem);
    transform: translateY(-.0625rem)
}

.button {
    text-align: center;
    text-align-last: center;
    border-radius: .25rem;
    cursor: pointer;
    position: relative;
    font-weight: 700
}

.button[disabled],.button[disabled]:active,.button[disabled]:hover {
    box-shadow: none
}

.scrollbar {
    background: #fff;
    margin-top: .5rem;
    left: 0;
    right: 0;
    top: 100%;
    border-radius: .125rem;
    box-shadow: 0 .25rem 1rem 0 rgba(0,0,0,.2);
    z-index: 3
}

@media only screen and (max-width: 1023px) {
    .scrollbar {
        margin-top:.25rem
    }
}

.scrollbar-wrap__track {
    background: #eff1f6;
    width: .1875rem;
    border-radius: .125rem;
    position: absolute;
    top: .5rem;
    bottom: .5rem;
    right: .625rem
}

.scrollbar-wrap__thumb {
    background-color: #a4b0b9;
    width: .1875rem;
    border-radius: .125rem
}

.tutor-list {
    margin-top: 4rem;
    text-align: center;
    text-align-last: center
}

.tutor-list__title {
    padding-bottom: 1rem;
    color: #71747a;
    font-size: 1rem;
    line-height: 1.5
}

.tutor-list__wrapper {
    min-height: 6rem
}

@media only screen and (max-width: 1023px) {
    .tutor-list__wrapper {
        white-space:nowrap
    }
}

.tutor-list__item {
    padding-left: 4.5rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative;
    text-align: left;
    text-align-last: left;
    min-height: 4.0625rem;
    max-width: 14.8125rem
}

@media only screen and (max-width: 1023px) {
    .tutor-list__item {
        max-width:11rem;
        margin-left: 1rem
    }
}

.tutor-list__item+.tutor-list__item {
    margin-left: 2.25rem
}

@media only screen and (max-width: 1023px) {
    .tutor-list__item+.tutor-list__item {
        margin-left:1.5rem
    }
}

@media only screen and (max-width: 1023px) {
    .tutor-list__item:last-child {
        margin-right:1rem
    }
}

.tutor-list__item-avatar {
    background-size: cover;
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 1rem;
    border-radius: 50%;
    box-shadow: 0 1.5rem 2.5rem 0 rgba(0,53,136,.15),0 .5rem .75rem 0 rgba(0,38,96,.06);
    position: absolute;
    left: 0;
    top: 0
}

.tutor-list__item-avatar:after {
    content: "";
    display: block;
    background: #13cf77;
    width: .625rem;
    height: .625rem;
    position: absolute;
    top: .3125rem;
    right: 0;
    border-radius: 50%
}

.tutor-list__item-stars {
    background: #fff;
    width: 2rem;
    height: 1rem;
    padding-top: .1875rem;
    padding-bottom: .1875rem;
    border-radius: 6.25rem;
    position: absolute;
    left: 50%;
    bottom: -.5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    text-align-last: center
}

.tutor-list__item-stars__icon {
    width: .5rem;
    height: .5rem;
    margin-top: .0625rem;
    margin-right: .125rem
}

.tutor-list__item-stars__icon,.tutor-list__item-stars__text {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.tutor-list__item-stars__text {
    color: #71747a;
    font-size: .625rem;
    line-height: .625rem
}

.tutor-list__item-name {
    color: #031b4e;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700
}

.tutor-list__item-university {
    color: #031b4e;
    font-size: .875rem;
    line-height: 1.14
}

@media only screen and (max-width: 1023px) {
    .tutor-list__item-university {
        white-space:normal
    }
}

.tutor-list__item-students {
    padding-top: .25rem;
    color: #637293;
    font-size: .75rem;
    line-height: 1.33
}

.auth-aside {
    background-repeat: no-repeat;
    background-size: 19.625rem 13.375rem;
    background-position: 0 100%;
    background-color: #d4d9ed;
    background-image: url(/static/media/ill-signup.a4dcbdfd.svg);
    width: 19.625rem;
    height: inherit;
    padding: 2.5rem 1rem;
    border-radius: 0 .125rem .125rem 0;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    text-align: center;
    text-align-last: center;
    order: 0
}

@media only screen and (max-width: 1023px) {
    .auth-aside {
        position:relative;
        height: 140px;
        background-image: none;
        padding: 1rem;
        width: 100%
    }
}

.auth-aside__title {
    font-size: 24px;
    line-height: 1;
    color: var(--navy);
    margin-bottom: 16px;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .auth-aside__title {
        display:none
    }
}

.auth-aside__desc {
    font-size: 1rem;
    text-align: center;
    color: var(--bluey-grey)
}

.auth-aside__desc strong {
    font-weight: 700;
    color: var(--navy)
}

@media only screen and (max-width: 1023px) {
    .auth-aside__desc {
        position:absolute;
        bottom: .625rem;
        color: #637293;
        left: 1rem;
        right: 1rem
    }
}

.auth-aside__tutor-list {
    margin-top: 2.5rem
}

@media only screen and (max-width: 1023px) {
    .auth-aside__tutor-list {
        margin:0
    }
}

.auth-aside__tutor-list .tutor-list__item {
    display: block;
    width: 180px;
    margin: 0 auto 1.25rem
}

@media only screen and (max-width: 1023px) {
    .auth-aside__tutor-list .tutor-list__item {
        display:inline-block;
        padding: 0;
        min-height: auto;
        vertical-align: middle;
        margin: 0
    }

    .auth-aside__tutor-list .tutor-list__item .tutor-list__item-avatar {
        margin: 0
    }

    .auth-aside__tutor-list .tutor-list__item:first-child,.auth-aside__tutor-list .tutor-list__item:nth-child(3) {
        width: 2.5rem;
        height: 2.5rem;
        margin: 0
    }

    .auth-aside__tutor-list .tutor-list__item:first-child .tutor-list__item-stars,.auth-aside__tutor-list .tutor-list__item:nth-child(3) .tutor-list__item-stars {
        display: none
    }

    .auth-aside__tutor-list .tutor-list__item:first-child .tutor-list__item-avatar,.auth-aside__tutor-list .tutor-list__item:nth-child(3) .tutor-list__item-avatar {
        width: 2.5rem;
        height: 2.5rem;
        display: block
    }

    .auth-aside__tutor-list .tutor-list__item:first-child .tutor-list__item-avatar:after,.auth-aside__tutor-list .tutor-list__item:nth-child(3) .tutor-list__item-avatar:after {
        display: none
    }

    .auth-aside__tutor-list .tutor-list__item:nth-child(2) {
        width: 3rem;
        height: 3rem;
        margin: 0 -7px;
        position: relative;
        z-index: 1
    }

    .auth-aside__tutor-list .tutor-list__item:nth-child(2) .tutor-list__item-avatar {
        display: block;
        width: 3rem;
        height: 3rem
    }

    .auth-aside__tutor-list .tutor-list__item:nth-child(2) .tutor-list__item-avatar:after {
        z-index: 1;
        width: .625rem;
        height: .625rem;
        top: 0;
        right: .1875rem
    }

    .auth-aside__tutor-list .tutor-list__item>div {
        display: none
    }
}

.google-btn {
    border-radius: 4px!important;
    box-shadow: 0 4px 16px 0 var(--darkish-blue-15)!important;
    background-color: #4285f4!important;
    width: 100%;
    height: 40px;
    padding: 0 7px!important
}

.google-btn:hover {
    background: #5e9cff!important;
    box-shadow: 0 16px 40px rgba(0,53,136,.15),0 8px 12px rgba(0,38,96,.06),0 8px 12px rgba(0,38,96,.06),0 8px 12px rgba(0,38,96,.06)!important
}

.google-btn:active {
    background: #346bc2!important;
    box-shadow: 0 4px 12px rgba(66,103,178,.4)!important
}

.google-btn:active>div {
    background-color: #fff!important
}

.google-btn>div {
    width: 26px;
    height: 26px;
    margin: 0!important;
    padding: 0!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.google-btn>span {
    font-family: "CircularStd";
    padding: 0!important;
    font-weight: 600!important;
    font-size: 14px;
    color: #fff!important;
    line-height: 1.43;
    flex: 1 1
}

.google-btn_1 {
    background: #346bc2!important;
    box-shadow: 0 4px 12px rgba(66,103,178,.4)!important
}

.google-btn_1>div {
    display: none
}

.fb-google-error {
    font-family: "CircularStd";
    padding-left: 50px;
    background: url(/static/media/error.91be186a.svg) no-repeat 0 0;
    min-height: 2.5rem;
    background-size: 2.25rem 2.5rem;
    position: relative;
    margin-bottom: 18px
}

@media only screen and (max-width: 1023px) {
    .fb-google-error {
        margin:24px 16px 18px
    }
}

.fb-google-error__title {
    font-size: 14px;
    line-height: 1.43;
    color: #474747;
    font-weight: 700;
    display: flex;
    align-items: center
}

.fb-google-error__title img {
    margin-left: 3px
}

.fb-google-error__desc {
    font-size: 12px;
    line-height: 1.5;
    color: #71737a
}

.login-form {
    height: 560px;
    font-family: "CircularStd";
    background-color: #d4d9ed;
    display: flex;
    border-radius: 2px
}

@media only screen and (max-width: 1023px) {
    .login-form {
        overflow-y:auto;
        flex-direction: column;
        height: 100%
    }
}

.login-form__body {
    background: #fff;
    flex: 1 1;
    display: flex;
    flex-direction: column;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .login-form__body {
        width:auto;
        display: block;
        border-radius: .5rem .5rem 0 0;
        order: 1
    }
}

.login-form__title {
    font-size: 1.5rem;
    line-height: 1;
    color: #424347;
    margin-bottom: 24px;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .login-form__title {
        text-align:center;
        margin-bottom: 16px
    }
}

.login-form__fb-btn_1 {
    margin-top: 16px
}

.login-form__fb-btn_2 {
    margin: .5rem 1rem 0
}

.login-form__fb-btn_2 .fb-error {
    margin-bottom: 0
}

.login-form__fb-btn_2_error {
    margin-top: 15px
}

@media only screen and (max-width: 1023px) {
    .login-form__google-btn_2 {
        margin:12px 16px 0
    }
}

.login-form__fb-or {
    font-family: "CircularStd";
    font-size: 14px;
    line-height: 1.71;
    color: #71737a
}

.login-form__fb-or_1 {
    margin-top: 40px
}

@media only screen and (max-width: 1023px) {
    .login-form__fb-or_2 {
        margin-top:24px;
        margin-bottom: 16px;
        text-align: center
    }
}

.login-form__body-holder {
    flex: 1 1
}

@media only screen and (min-width: 1024px) {
    .login-form__body-holder {
        padding:40px 68px 0
    }
}

@media only screen and (max-width: 1023px) {
    .login-form__body-holder {
        padding:24px 8px 0
    }
}

.login-form__form-holder {
    margin-top: 25px
}

@media only screen and (max-width: 1023px) {
    .login-form__form-holder {
        box-shadow:0 1rem 2.5rem 0 rgba(0,53,136,.15),0 0 .75rem 0 rgba(0,38,96,.06);
        border-radius: .125rem;
        padding-bottom: .5rem;
        margin-top: 0
    }

    .login-form__form-holder .form-input__error {
        top: 2.5rem;
        left: .5rem;
        right: .5rem
    }

    .login-form__form-holder .form-input {
        padding-left: 1.875rem;
        position: relative
    }

    .login-form__form-holder .input {
        border: 0;
        padding: 0
    }

    .login-form__form-holder .form-input__label {
        display: none
    }

    .login-form__form-holder .fieldset {
        padding: .375rem .5rem;
        margin: 0
    }

    .login-form__form-holder .fieldset:first-child {
        border-bottom: .0625rem solid #eff1f6
    }
}

.login-form__form-holder .form-input__error-text {
    white-space: inherit
}

@media only screen and (min-width: 1024px) {
    .login-form__button {
        margin-top:24px
    }
}

@media only screen and (max-width: 1023px) {
    .login-form__button {
        width:calc(100% - 16px);
        margin-top: 0;
        margin-left: 8px;
        margin-right: 8px
    }
}

.login-form__forgot {
    font-size: 14px;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 16px;
    line-height: 1.43;
    color: var(--bluey-grey)
}

.login-form__forgot a {
    font-weight: 700;
    color: var(--bluish-green)
}

@media only screen and (max-width: 1023px) {
    .login-form__forgot {
        margin-bottom:0
    }
}

.login-form__forgot-link {
    font-weight: 700;
    color: var(--bluish-green);
    cursor: pointer
}

.login-form__sign-up {
    font-size: 1rem;
    line-height: 1.5;
    color: #71747a;
    text-align: center;
    padding: .9375rem;
    border-top: .0625rem solid #eff1f6
}

@media only screen and (max-width: 1023px) {
    .login-form__sign-up {
        position:static;
        border-top: 0;
        border-bottom: .0625rem solid #eff1f6;
        margin: 0;
        padding: 1.5rem .9375rem
    }
}

.login-form__sign-up__link {
    font-weight: 700;
    color: var(--bluish-green);
    cursor: pointer
}

.login-form__privacy {
    opacity: .8;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: -60px;
    height: 45px
}

.login-form__privacy a {
    color: #fff;
    text-decoration: underline
}

.login-form__privacy a:hover {
    text-decoration: none
}

@media only screen and (max-width: 1023px) {
    .login-form__privacy {
        position:static;
        color: #969aa3;
        padding: 16px;
        margin-top: 0;
        height: auto
    }

    .login-form__privacy a {
        color: #969aa3
    }
}

.sign-up-form {
    height: 35rem;
    font-family: "CircularStd";
    background-color: #d4d9ed;
    display: flex
}

@media only screen and (max-width: 1023px) {
    .sign-up-form {
        overflow-y:auto;
        flex-direction: column;
        height: 100%
    }
}

.sign-up-form__body {
    background: #fff;
    flex: 1 1;
    display: flex;
    flex-direction: column;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .sign-up-form__body {
        display:block;
        width: auto;
        border-radius: .5rem .5rem 0 0;
        order: 1
    }
}

.sign-up-form__title {
    font-size: 1.5rem;
    line-height: 1;
    color: #424347;
    margin-bottom: 24px;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .sign-up-form__title {
        text-align:center;
        margin-bottom: 16px
    }
}

.sign-up-form__fb-btn_1 {
    margin-top: 16px
}

.sign-up-form__fb-btn_2 {
    margin: .5rem 1rem 0
}

.sign-up-form__fb-btn_2 .fb-error {
    margin-bottom: 0
}

.sign-up-form__fb-btn_2_error {
    margin-top: 15px
}

@media only screen and (max-width: 1023px) {
    .sign-up-form__google-btn_2 {
        margin:12px 16px 0
    }
}

.sign-up-form__body-holder {
    flex: 1 1
}

@media only screen and (min-width: 1024px) {
    .sign-up-form__body-holder {
        padding:40px 68px 0
    }
}

@media only screen and (max-width: 1023px) {
    .sign-up-form__body-holder {
        padding:24px 8px 0
    }
}

.sign-up-form__fb-or {
    font-family: "CircularStd";
    font-size: 14px;
    line-height: 1.71;
    color: #71737a
}

.sign-up-form__fb-or_1 {
    margin-top: 35px
}

@media only screen and (max-width: 1023px) {
    .sign-up-form__fb-or_2 {
        margin-top:24px;
        margin-bottom: 16px;
        text-align: center
    }
}

.sign-up-form__form-holder {
    margin-top: 25px
}

@media only screen and (max-width: 1023px) {
    .sign-up-form__form-holder {
        padding-bottom:.5rem;
        box-shadow: 0 1rem 2.5rem 0 rgba(0,53,136,.15),0 0 .75rem 0 rgba(0,38,96,.06);
        border-radius: .125rem;
        margin-top: 0
    }

    .sign-up-form__form-holder .form-input__error {
        top: 2.5rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2
    }

    .sign-up-form__form-holder .form-input {
        padding-left: 1.875rem;
        position: relative
    }

    .sign-up-form__form-holder .input {
        border: 0;
        padding: 0
    }

    .sign-up-form__form-holder .form-input__label {
        display: none
    }

    .sign-up-form__form-holder .fieldset {
        padding: .375rem .5rem;
        margin: 0
    }

    .sign-up-form__form-holder .fieldset:first-child {
        border-bottom: .0625rem solid #eff1f6
    }
}

.sign-up-form__form-holder .form-input__error-text {
    white-space: inherit
}

@media only screen and (min-width: 1024px) {
    .sign-up-form__button {
        margin-top:24px
    }
}

@media only screen and (max-width: 1023px) {
    .sign-up-form__button {
        width:calc(100% - 16px);
        margin-top: 0;
        margin-left: 8px;
        margin-right: 8px;
        display: block
    }
}

.sign-up-form__login {
    font-size: 1rem;
    line-height: 1.5;
    color: #71747a;
    text-align: center;
    padding: .9375rem;
    border-top: .0625rem solid #eff1f6
}

@media only screen and (max-width: 1023px) {
    .sign-up-form__login {
        position:static;
        border-top: 0;
        border-bottom: .0625rem solid #eff1f6;
        margin: 0;
        padding: 1.5rem .9375rem
    }
}

.sign-up-form__login-link {
    font-weight: 700;
    color: var(--bluish-green);
    cursor: pointer
}

.sign-up-form__privacy {
    opacity: .8;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: -60px;
    height: 45px
}

.sign-up-form__privacy a {
    color: #fff;
    text-decoration: underline
}

.sign-up-form__privacy a:hover {
    text-decoration: none
}

@media only screen and (max-width: 1023px) {
    .sign-up-form__privacy {
        position:static;
        color: #969aa3;
        padding: 16px;
        margin-top: 0;
        height: auto
    }

    .sign-up-form__privacy a {
        color: #969aa3
    }
}

.restore-form {
    height: 35rem;
    font-family: "CircularStd";
    display: flex
}

@media only screen and (max-width: 1023px) {
    .restore-form {
        height:100%;
        overflow-y: auto
    }

    .restore-form .auth-aside {
        display: none
    }
}

.restore-form__body {
    flex: 1 1;
    display: flex;
    flex-direction: column
}

.restore-form__title {
    font-size: 24px;
    line-height: 1;
    color: #424347;
    margin-bottom: 60px;
    font-weight: 700;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .restore-form__title {
        padding:12px 12px 12px 48px;
        box-shadow: 0 4px 16px 0 var(--darkish-blue-15);
        background-color: #fff
    }
}

.restore-form__title i {
    background: url(/static/media/ic-back.192037d2.svg) no-repeat 0 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    left: -40px
}

@media only screen and (max-width: 1023px) {
    .restore-form__title i {
        left:10px
    }
}

.restore-form__title i,.restore-form__title span {
    display: inline-block;
    vertical-align: middle
}

.restore-form__body-holder {
    padding: 2.5rem 4.25rem 0;
    flex: 1 1
}

@media only screen and (max-width: 1023px) {
    .restore-form__body-holder {
        padding:0
    }
}

@media only screen and (max-width: 1023px) {
    .restore-form__form-holder {
        margin:.5rem;
        padding-bottom: .5rem;
        box-shadow: 0 16px 40px 0 rgba(0,53,136,.15),0 0 12px 0 rgba(0,38,96,.06);
        border-radius: 2px
    }

    .restore-form__form-holder .form-input__error {
        top: 2.5rem;
        left: .5rem;
        right: .5rem;
        z-index: 2
    }

    .restore-form__form-holder .form-input {
        padding-left: 30px;
        position: relative
    }

    .restore-form__form-holder .input {
        border: 0;
        padding: 0
    }

    .restore-form__form-holder .form-input__label {
        display: none
    }

    .restore-form__form-holder .fieldset {
        padding: 6px 8px;
        margin: 0
    }
}

.restore-form__form-holder .form-input__error-text {
    white-space: inherit
}

.restore-form__form-holder_success {
    box-shadow: none
}

.restore-form__button {
    border-radius: .25rem
}

@media only screen and (min-width: 1024px) {
    .restore-form__button {
        margin-top:24px
    }
}

@media only screen and (max-width: 1023px) {
    .restore-form__button {
        width:calc(100% - 16px);
        margin-left: 8px;
        margin-right: 8px
    }
}

.restore-form__login {
    font-size: 1rem;
    line-height: 1.5;
    color: #71747a;
    color: var(--battleship-grey);
    text-align: center;
    padding: .9375rem;
    border-top: .0625rem solid #eff1f6
}

.restore-form__login-link {
    font-weight: 700;
    color: #13cf77;
    cursor: pointer;
    color: var(--bluish-green)
}

.restore-form__success-img {
    display: block;
    margin: 0 auto 1rem
}

.restore-form__success-msg {
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: #474747;
    margin-bottom: .9375rem
}

.input-phone {
    display: flex;
    text-align: left;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #dadce0;
    align-items: center
}

.input-phone_1 {
    border: 1px solid #fa540a
}

.input-phone_2 {
    border: 1px solid #f7b500
}

.input-phone-3 {
    border: 1px solid #474747
}

.input-phone__select {
    height: 32px;
    border-right: 1px solid #c6c8cc
}

@media only screen and (min-width: 1024px) {
    .input-phone__select {
        width:94px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .input-phone__select {
        width:60px
    }
}

@media only screen and (max-width: 767px) {
    .input-phone__select {
        width:60px
    }
}

.input-phone__select .input-phone__select-item {
    background-position: 1rem;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    cursor: pointer
}

.input-phone__select .input-phone__select-item.input-phone__select-item_selected {
    font-weight: 700
}

.input-phone__select .input-phone__select-item:hover {
    background-color: #eff1f6;
    transition: background-color .2s
}

.input-phone__select-item_us {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-item_ca {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-item_gb {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-item_au {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-item_nz {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-item_sg {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-item_kr {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAACuFBMVEUAAACQkJCkpKSNjY2ioqLHx8fY2Nh/f3/Ozs5/f3/Ly8t5eXnAwMB3d3e9vb3JycnV1dXBwcFnZ2ewsLC/v7/Ly8t6enpubm67u7twcHCVlZXAwMB5eXmPj4/Pz8/BwcHMzMyWlpaJiYnBwcGTk5N5eXl3d3eFhYWamprIyMi9vb2GhoZxcXGWlpbT09Ourq5ra2t+fn6ioqJpaWnb29u9vb16enrZ2dlmZmZ5eXm7u7tvb291dXWAgIB6enpnZ2ePj4/JycmAgID////X19fa2trc3Nzm5ubOzs7g4ODs7OzQ0ND5+fno6Oi/v7/7+/vV1dX39/fz8vLk5OS9vb38/PzT09PR0dHQQVB3d3cfHx8KCgr//v7e3t7W1tacnJxEWIleXl41NTX+///9/v329vb09PTv7+/i4uLBwcG1tbW0tLSwsLCOjo5DV4lOTk5CQkLFGCru7u6VoLulpaU4WY1HVoiFhYVbW1tWVlZTU1PQRVPQQ1LWP03OPk0tLS34///x8fLw8PDq6urZ2dnKysrIyMjDw8NxgKaVlZUqW5NGWouKiooiOHNubm4YMW0NJ2ZjY2NXV1faP0s9PT05OTkxMTEnJycVFRUCAgLz+/r3+vr9/Pn78/Ta3ufFxcXtvsK4uLjjkpozWI9OVIOBgYF5eXlwcHCzQ1lJSUnKNkXjO0RAQEDHIzTCECK9DR/u///h+fz/+PH26uvU2OP33+H+49/stru5ubnqrrWIlbSsrKyrq6vXoavno6qpqamOiqehoaEWXpvhjZZZbZYkXJYwXZEjUYo7UYUbSIRGU4M5ToKqa4FjWYE2S3+AXX40Sn58fHwqQXkIOnl0dHSITG1oaGiVSmgSLGhnZ2eiSGJmOmLUVGGePljXRVPmPkfZPEfrPUXzPEL+Oj3VJjPhJC/JGCYQEBAModukAAAAQ3RSTlMApY+ljxsE4NG2ppyUf351c25ZVlNEPzkuHP77+/Pr5uLg2tPT0s7Lx8a8vLmsqKOioJGKhoR/fnNybWNiSEdFQjQQXhkYdAAAAvRJREFUSMft0lVT42AUgGHW3QVYd3d3O0mbhnRDU+ot9ZZ6cXd3d3eHdXd3d/f9G9vhhgm2s3vNe5vzfN8kOU6DDfZfjTg4ffL2rRN3TXcZ+ffZGZPGjp4nAMtTKrHSMHvxeBfa42nTuo8Y2TXLR1lsnANpwZIzFF/ARxPW08AK4/xV4ydOmTJ5y7qVCwQIi63XESQPoi35ecq3gLnxmW6baGCYhyeGYfFE4Cs26Hy0BI9HEgQhpSRBBfWiQMD4XGx4D4AiqIzyKVQFGWQEh6MGR2oS4vONhTYJInPnYkN7gDjPOBSa7dl2sae0FNSna66fVQMJ1dk5BSoR4cnsBVAEAZNYGWRvhFKoCvV2FHoSpByJKriagSBMNzoY4gBsrkSZExJJauBSR3tYWFiod0Q5CUY7Ry8T9AaH0TjKHBKpzE8GqOpsCRUKheGfOmqA4mnYKOLeB2CgKK4TiQtAXd7SHuYY/5qb+/NDVIkeZzH6AQyWD7wwAVzsFEYIwz+/rgv42Ho8CmcOALzYANSRB78iIoTfXl5LSbnddGpgwGXjMWVHH/5oDf/edNNfEXD38bESAljoQEBfprv1/kvuO//aAGtq5hUgmHKI5Q90g1Z64/m9uhT/AKviTnoFQPZvOYvA+nsHJoAefLP8a61Wq0KR5QvALcoRN/jF9g1kPiAyARn9KDNVoUi9n5UEAMnmZltxIKd7NWj/QVtfWAQEnHjyJj0989k5APCIlHsEqUDQB0BRyqyMDBZngBa0vklJvhUAEC22tYkacS83d8d6994lL0mIyFwcDxR0xSOluFwVLG4AAb8b0LbVT3I+UFnM5nE4PI0GusJsKkD47misoMcNBgaCMsCe15aXgQAJ4FhsXCYwmDBL2lVLsvxyQiIdrDYjjq9K4kU2EYAuhokkGP1mLRozbsLuvTOd90/dsWFp2loa2DbH4mc0VPIyQjSJpgvyucs37tznSpuYecCJluvUzWuWjRq1cInj1D3Oh5wGG+wf+wOjgDRSvZGJVAAAAABJRU5ErkJggg==)
}

.input-phone__select-item_hk {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAACi1BMVEUAAAB0CRaJIC2IHyq8ZW9lEBiua3O3dXyxcHddERm7eYBqEhthDxdxBxNmFh+xbnVjFR5hExxTBxG4eIBeEBioWGCidHSqV19iCRJ4HSe8a3SsXWW4aXNmDxhzHCW7b3avZ2+8cXhwGiR/Eh+2bXWrZGttCBNsGiR9Hie1b3a4dXy5dHyTKjVXCBFpGiGsaW+uZ25XCRJiCBJSBBBnGSKraXCTNkG2c3ypaHKlYGd4GydWDRFhFyC1doBmGiJVCRNgICD///+zESTBITO9HC6xEySsIjKvECG7Gy2+HjCsDR6aDh2uECK4Giy0FSfNLkDGJDbSMUPHJznDITO8Gy63Fym1FymxESPTNEXKKTzIKDrEIzW+HC+4FimtDiDSNEXPLj/LLD2/IDLQMkPNLD6qDB3qnqbjeYTWOUvOMkPRLkDOIzbKIjS5GCqzFifLDiPFBxz65Obzys7ok5zmjpjkfYjhcn7fY3HdWWezSFPHKTvJJjjGJjiyFSaZDRx2DBj429721Njywsfop6/TNkjUMUPQKTzKKDrRJzrFHDCXIi+hIC7GEibJCyGuDSDDAAL89vf67e/76+3trLPsoKjll5/niZTghZDAXmnEVWLaT1/ITVvZSlq5SFTLRFOwQk7AQE7KNUbXNEbHL0DVLD7SLD24LD2lJzbGITPQHTGvHy/MGi6qHi2qGyvOFyuKHiqAHimlGCfNECV1FB/KCR+RDx2IDhvBAhjBABDGAAr++vr89fb03d/iipTbdIDfbHm5W2bXVmTYUmG3Ul2oS1arRlLYQVLPP0/LPU3PPEzGOkqdPUiqOUavOEa4NELALj6uLjyvKjqOIC2eFSSpESOAFyKXChqnBxl8CRaldSeSAAAAQXRSTlMApY+P/tF+dW9GG+G5pZyFf2JZRD8uBfv78+vm4t7a09POy8fGvLyzrKimpaOioJeQin9zcm1aVFNSQjs3NB4bEDCFlnEAAAK5SURBVEjH7dLlW1NhGAZwVFJQFAG7u7vzXcg2tx3OWA/WHawbGN2diiCNtHTY3d1/jod5+WGTsUs/7/56nt95r/d97qBAAvmvLD5/Mjw0OvT4qbh4/7MrwvZuXhP88Ind3vLs6cpNh+I8Pp84He8xu2dj8NVr12+8bHOgcWQG92vf+7f7PMDWN2u3HwwNDw+L3r1tnXv2VS6sVIoLOHgNqlzyQ6IZXOQBlmT0fXzXYrc3N7e2vm5TwDDcr+KJRApBGhpHxxIkXNxlL/C9vJxBJlHx6J5EZ4FYxC9repzPY8JiCppKx3IlRKoXWJCRQMSSU3AYNIfCghRKrbFaXshkiiAHmkpDcQkIWOgFGNh0Ogkj5KSxBBBvXAYqC7tgmMdnozE0FJFAxHiDKwxsKh2HF3IoCFDxQDYwV/T2jvJZSW6QMCegzQKHmqUoM4MsILdmZj0ocyYlp6AS5gIoLFmD3DmRzSrVVZgAMNeD6tvAODUfIOEQoGuok1qsQGYFwFClN6mL/IHpHACAVVpvsdWCzEId5PeEqfsgp9Igb2wyW/KGVCKnX9BTakCOkObZskCtlsln+wWsUrW0xvLcIJMCYBtCAIY2P6BA6gpljR4Y9dnANP4bEOcFLLWq6g7Q20AmkGkhZNPuavjeAwWafoTs2TgjAwBWidl/yudj00j3igR3Aagb7Zox5Wh5SFtxboBB2uqjS0Uv7jU0avNzlbn5sAhyvxJSPhwCfLRV4NTp+nlMpryzU57HpwhJqUQugZH81wmoWUAVotMcAghmtrczFR3dn24W3/o25nK5fk6OlHjeYcdEQjpNg8EnJRYIxFDHh25kdHjDzqXLlkfEno2IObo/ZGyXBziyyjU58WVkcGCgpKT48/DqLQeORVzwmIg9E+SRizGHo0LWR0aGRCF/PXcpKJBA/jG/AM3gLRBvtyNDAAAAAElFTkSuQmCC)
}

.input-phone__select-item_ae {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-item_sa {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAACZFBMVEUAAAACOx8bUjUZUDVsj30JNyBnjHkLNSAOOiVzmIZgj3gMOyNqlH8DNR0VRi5vlIMROydjiXVpjHwQOiVxlYUPNyV0mIULNh9sjn50jHRRfmgCMhsXSDBmkXxWgm1kj3oJOSEWRS5iiXUXQy0NRSloj3xfhnMOPCRqkHwANRkiW0ADLhgVQCsTTTEZUDQELhoCMhoAKhYUPChliHcwYEoDKxcDKxdwkoBlh3hagG1AcFoRPCsALxwQQDAIXTQSaD4NYzgEWS8GWjEFUCoTaj8HXTIQZjwKYDYmfFIXbkMpgVYBWC0oflUZZD8jek8YcERwqo4nfVMgd0wWbUINZTmMu6SDtJxCjWg4gl0je1AcdEkZdEgVa0ENYjkBVy0gek4heU4ddEobcUcXckUSZz0QZz0KazwLYTeWv6tPlnNIkG1EiGYnf1QaYj8RaD4LYDcIXDIEPiJioYNEj2tAfF87eVstglkre1QdeU0SckMQb0ENbD4NaDsUYDoGZzcGXDLK39S10sOqyrqexbKOu6WItqCAs5l8rpVrpYlnpIZcnHxYmnlXlnZSlnU/jGY8i2U3iGEygVozblEkd08dd0shdEsec0kUbkEZYj8XXToaWToWTTMFSCe91sqbwa6Tu6ePt6OJtJ54rpR5rJNpoYRZnXtcjXVPk3FWinBNjm5Oimw7hGE0hF0+dVojbUokaUggY0IGajoaUzcOWjUFYTMAWywAWSoAVCkNQikBTSemxLSdvq6PvaeJuaGGs52ArpdlnYFenn1Lgmc9iGJFd181fFkwfFcrck8RXjkLVjIDXjEPSC1YTxX3AAAAPnRSTlMApY+PcNF+RkAb/eHRu7CmnJSFf3ViRDkwBfv78+vm4t7a08vHxry4qKSjoqCRjYp/c3JtWlpYVFNSMB4bEPi6fI8AAAK9SURBVEjH7dNlV9tgAAVgNnQw2GACzN3dtQIhTUpp01Jvobo6pdSFtri7u+uGDjZg7vqnlo7tnAXWcrbPvV9zn7xJzk1IMMH8V7Yk3QyLSIi4eispeePu7p3btu4fm3hntkxPf9hzJP4O5vK128lrutFjD7WPGm2tMKj0ElPcn5vOYMCxpgMn4iPCwsISTh0/GD3h65LpEE/MhwEmjri0lM10n8eA0ysZs00Wi9lstnz8ZIMgHhoI0kEMmlCuNBCzU8COUAzYtJJOTCMx9YAQlgkkDCpEp0N2gdjlbIfxShwK5DmbsSDVa8CRCCA+k9bGYIjpAoGzpd7EGRp5xf2W5QP4nNA1IA1HygLxMOzxKKiQgFNZhCBFml4VW/uEgCOmp+A7Nq8DuVkgoAe0NeOmKhNLxWLVlTVUFmsmf4GMvwACqGdynz/r01SVsVkcxIg01PYNcJ8y/QESCvLfFA3WTBnZDSWsUVWFBql9PRkQAPm2kf7CYTWLXfCiTl1cWsyp4S4S/IMHgF7KLe/l1LELVMb66pejLeNcJhAQ5HMHVcMVBW/LhnQmjYMnkrlo+MBAO1D6nmO0ekQ8kZ1MoVP5cGCQKZS5FDKFyEohk606kYgh2QjQpBIxFaKQdXbHvL2essEJIAr4EplTMe+wqiuRksLCqkUYvzqNDn+A1sypRtisktLyilq1urEdliv9bSn3JwBs5f1spHpKpnC2CBz81kx03pi1YraEF9LapO0Kj0sAUXyBxL/fQb7+BAPJB2Dp6t9AoZDR6KhtQjDXQEz3AhnrH+kP4CvTm2dm57q6vy/noelZ6LyAAbE9XpKSiX5WKZ8hpja3zsx1Pe4+HLd9x67IqMTIG5fPhi/HYcClvXk9qV8XvrjdnZ1odd/Rc1ci72IaUVEhmNy7fjE2/FBMTPhJ9K6J90OCCeYf8wOHrCZAhFJ6IgAAAABJRU5ErkJggg==)
}

.input-phone__select-item_qa {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAACKFBMVEUAAABgJTaTk5OGYWpMHyxCFiJCFiNKHSuXc36IU2KZaHZaJTSGhoabc36SanaddYHFxcVHGCWSa3c+ECCdd4KBgYHAwMChfIaZbXqKi4uMYW2bb3xVJDKmh5B9c3dGFCPAwMCAgIBTIjGpjpZeQkp5eXlQIjCamprBwcGLi4uKX2w6Dxy4rK9VITBmLUDCwsJ0dHSNaHLHycd+fn44DRlLIC2YcX2MZ3GoqKi1tbVwcHCddoSddoGdd4GNanZ7SlaadYBMHDBwcHC/v79OHSeTPleRPVWSPlZtGTLg4OByKT5rGDDk5OTd3d14JT2POlN7Jj+PO1SQO1To6Oja2trX19fW1ta+vr6NOVKBLERxHDVuGzOHMUp2ITrY2NiMN1BvHDTt7e2MN0+FMUl0IDnZyM23hpSJNk5pFy+VS2CLN05/K0N3JDzo4OLT1NTR0tHq6uro5+fi4uLbztK9vb28vLyrc4OXUmWXTWONPFOANkxOEyT7///z9vXu8O/Nzc24trazg5GXYnKWWmuQQlmOOFGINEyGMUmAMUfs7u3r6+vm5ubi3N7e0dXbys/UvMO6i5msdYWocoGSRVx+RVaIOlCFNk13Mkd7KkGBJUCAJD9kKjt0IjpeJDVYGixQGyrn6Ojcz9PVxsrHx8fWvcTAwMDRuL+wsLCpqamXl5ePbHaRWmqUSl+GS11/SlqCR1iMPlV5O01yL0JsLkBzJz1pKTxqJjppIDV+gyHgAAAARXRSTlMAkKUJomNMOxf++fTgu5WNh4WEQy/z8e3i4ODe29fU1NLRz729vLuvraympp+ZmJeRkY6CendoaGFdXVtbSUE+MCUgHBo4WCXnAAAB9klEQVRIx2IYBaOAHMAhYmsmxMdnKGRux0FILbOINT+vNFfTas6166dMWccppWWPIm9h6QxXyuFgw88rwdXUXJ45ecO0joA5UdEJW6o26qFoUG8QU9DQFxAw0lGWFW9qBqltcQsMjG/rmJGT4pGR4Z3jxYiigak0HwjywkKLOosbWyoDwcDNLSI9OdsvJcE7wwNTQ15YnK+nT3DxpORZbfH+bhDgD9QQkJLg4e3hh0PDgp7U/sbK+ECQand3d/+sdlwaSsLiQjyLfIILUtMysyKC3CEgMCs5MiA2ysM7GlMDyIKi7sTUsvLMCJgG16CkGFwawsEuKiyorclN8wdqcAUBvBpCQ0B+7uydGDMT6GdXYjUk5vYtSXNrJUFDYvGEClJsAKwO5Gl/EjR0QTxNgg1keLof4WlgxLUT6WmkmIYkDTyerlgDjWlwWoIlPvwx3QrSAE6tiOSNKy0tLGuflR4RCE7c+PNDWGiIp6dPQU/qMmDy9odpAOa4OQkeGVhtgLipMDWtIh2oIbBy6tSq6Zu2zp03vxoI5m3fhqpBc3l9HkhD16JJmS3p06qqpm+ezS2jxiLIyiYszMZqoi0/XxdFg7HoyhUNSxfX1+fnNayaPZdbicWUzZEZudhhZ2dAAU5WBqqKPDyScipAU9ldGEbBKCARAADO6BbP8RkEngAAAABJRU5ErkJggg==)
}

.input-phone__select-item_kw {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-item_ye {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-item_om {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-item_bh {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-val {
    background-position: .9375rem;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    cursor: pointer;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .input-phone__select-val:after {
        content:"";
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        position: absolute;
        right: .5625rem;
        top: 0;
        background-image: url(/static/media/dropdown.0af5c948.svg);
        background-size: 1.5rem 1.5rem;
        background-position: 0 .3125rem;
        background-repeat: no-repeat
    }
}

.input-phone__select-val.input-phone__select-val_us {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-val.input-phone__select-val_ca {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-val.input-phone__select-val_gb {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-val.input-phone__select-val_au {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-val.input-phone__select-val_nz {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-val.input-phone__select-val_sg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAB9ZJREFUaAXtV2uInFcZfr7L3HZn77dsZ5PdpLQaTW0C/ij4I5ZWrK1SQU1LelNUiD+sQkFCQdhCESLUCq2lFAXxh4j+UKhV+0NQLGnSKE1D0nSbZqPJXhJ3uzuzu3P7Luf4vN/s2fkyOzsbIog/5ixnzv2c53m+933PWaCd2gq0FWgr0FagrUBbgbYCN62AddMr/4uFWmvr5DM/zAXwd/gIJnSgdgZ+2KW0Tqow9BSwrLQ15yT0+8VMZurQ5KS31XH/EwLHn302F2pnr6XUAahwfyJUe+EHO+F5g6hWoMtVhFXmIECgQoSWjTDhAh2ZwOnuek9r/Nmfmf35A7/55elGIpy1dfrFvfcf7rn91kouqL76yVde8beeWRvRk5P2m647GgZ6r7bsA45WB2w/uMMtlD7W6Xl2slJFsuoh4XmwCFixHVYq8KNcJR8PfhggDBUCy4Ld2eF2DA3uy9vWvmtL+QGe8lgjhpYEli5d+nZnJnXX0tjY/B+/89S7OpW6gEJh3l5dLTjDI8rp7k6rwO9zlNrjALuOl6pjblDKpf3AThFomoCSVR8uS8f34QQhoDS0VgiptO8HUOzn14BmW7FfhywDn6WCxbEMyzXbwppXXmoEL+2WBAr5/MXxs+fv6vlwebTqJkfVwsI97v5PIP35z0GdfRf6zFk4q6tIODZSvX0R0CQPpCHDIVBbg2AJWE6ioiGzRTDacgnYWK/MY1YqyhbXcRbnBbAcF8p1oGwHlvLpGpuTvbmr3mMnU5YAsK4twn3rH+i/527s+ulLGBwbQ/b3f0L3W3/H6MNfxvB9n0X6+EmkZubglmnTno+Q60IB61IjZgFjOwRi23DEPCRHUGPnsSqAbFI2o5aQJldDtz67VmtJgPrBchMI564i+ZUvouuF5+DPz2PpwYfgT10AOjuBnh6EBIxdO2HdujsyD4uq2VTNJtgIaAyEHChgTI7aAjBCWQcbAZb+9bk1uJt/tyHABYwMdiaDzGMPR+qUf/Ac3MEB9P3u13A/cjuKTz2N8vMvovul59Hx0JeA2XmahOhXP9yAEDI1ReulyFv7k/nrMyPg8hXW00bFdNTLlj5ACwDojM6OITjDwxAjVJevwO7phi6uAV4V9tAAHJpG5YWXYdNZ7eEhkbMOtA6jfiprsvXmHHlLNGIwR4SvW3l9oyUBmWoxHms6KtbWavY50Af1zlmsfeu7cLMdSNB0bDpecOIUGLOR6O+HxWgSrZX1Ue3mfwylrXbY1oSsZALq6jX4dGKGSjh7JqAWLiP9yCFkn/k+1AeXkPn64+j+yY8ikgzmG8o2PXTd1qMxRizN+0AXVqCWlqE+XIJazkOvFfl11y9fmd8ibfsFZK1Dsyi//DNkv/EEsk9/D96PX+Rln4c7loNFR1YX/4lgcRkWfYWeWz8uOpwAGNs1LysBpksl2iHvAdqnYoCwUknYt+yI4rmSu6BUhloVQnma6wzCZBKqr4cBo6O+b6zWkoAor/oYj0dviWy/8IVDGPztr9B/8g0UD38Vhb+8geRHb0P11T/ApxklduWAisengQdVLLNeodmRQFcW9kA/HEYpZw/z7nFomlvIvpBl0NsD0dtnwPDKZfg0WX9xCdbcPDqv/huFU6eAM+disOvVlgRS938G7vwiwc9Gqnl/fR0LY7ch+82v0XmHoP91BcH5KZoWnZZhM+CXcMUPRkbg7vs43N0TcAnaptnZ/FpCIp4CNgR46NPseH+A5mQxINjZTiR2jsE5+Clkk2lkp6eRee014Mkn48ujemsCjz6CbC6HrsIqggsXYfGLYHYO/tvvIDkyjMQTh+Fk0nCHBpEYHUWCpZtjyYvOoaqtrFeJGfGpIE8JTXvfyNLml+CrFFhY5Nfp5Rctw50Y3wReOloS0HNzsMbHkbr3biQeuA8Ob1eHjy2HzudSKZc2HDk2NzKlgBYvkOjRigCHt0xy+0fJOLwQWmEkbJJaEhCHFOcLZ2ZrisiTgE5lsVQMr4rPA3OD8jIgi9rtK2YQ9ccdusnh0hW9lQjYgG4st1i20d2awMY0Vkw446eXqFJrU2MBbsbi89frBlDjkAEe72/WJ+Nb7SFjN05AZjPFN2usGwCm35SN60w7Pt/UZUySacf3qI1c/3tDBBo3MZvHD4pva+Y3lo1zZFyc2WSzr7RN3ZTS1yxtSyC+gbwupS3J9DeWclBk/7E50YImPzJP3lGSE4lEtKchYwCb/Zssj7paEjCbyEyzUbyMgxUwkoWk6TdEomd1E4eWeZJ9hs4q7wD5lzJgxJEzZE2SASOVSkXkboqAbOIy4ohCcpBs3IyM2dwQkDWSTZJ1FUazYrGIlZUVrPKmjZdrfCgKgVD+neQ5cp4A7+H/GhMTExFB7t3UhuqnmNNiZalUGlleXsYwn9LyiWVjQ6ixLmSFgIAVoFwbgZT1JufzeU2wHxDsFNWep/IzBD0rmcqXuTZgXwf3GSCRHM+88/Tp0/t7e3vv6OrqGo9B26i2JMDD/nbixImD09PTrpDgRshms8jw0SaEBLCoJuqJwnGVqfAaSbzHsXMEdYZzz3Hu+WPHjl3eOP0GK0ePHv00zSn2Sqwv3PayPHLkSI5qHKTi+9Pp9J3caIift5dtIc8htUr1IhXZvkKQl6nkORKdmpyczNePatfaCrQVaCvQVqCtQFuBtgL/dwr8B/5rOOXFnVBxAAAAAElFTkSuQmCC)
}

.input-phone__select-val.input-phone__select-val_kr {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-val.input-phone__select-val_hk {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAACi1BMVEUAAAB0CRaJIC2IHyq8ZW9lEBiua3O3dXyxcHddERm7eYBqEhthDxdxBxNmFh+xbnVjFR5hExxTBxG4eIBeEBioWGCidHSqV19iCRJ4HSe8a3SsXWW4aXNmDxhzHCW7b3avZ2+8cXhwGiR/Eh+2bXWrZGttCBNsGiR9Hie1b3a4dXy5dHyTKjVXCBFpGiGsaW+uZ25XCRJiCBJSBBBnGSKraXCTNkG2c3ypaHKlYGd4GydWDRFhFyC1doBmGiJVCRNgICD///+zESTBITO9HC6xEySsIjKvECG7Gy2+HjCsDR6aDh2uECK4Giy0FSfNLkDGJDbSMUPHJznDITO8Gy63Fym1FymxESPTNEXKKTzIKDrEIzW+HC+4FimtDiDSNEXPLj/LLD2/IDLQMkPNLD6qDB3qnqbjeYTWOUvOMkPRLkDOIzbKIjS5GCqzFifLDiPFBxz65Obzys7ok5zmjpjkfYjhcn7fY3HdWWezSFPHKTvJJjjGJjiyFSaZDRx2DBj429721Njywsfop6/TNkjUMUPQKTzKKDrRJzrFHDCXIi+hIC7GEibJCyGuDSDDAAL89vf67e/76+3trLPsoKjll5/niZTghZDAXmnEVWLaT1/ITVvZSlq5SFTLRFOwQk7AQE7KNUbXNEbHL0DVLD7SLD24LD2lJzbGITPQHTGvHy/MGi6qHi2qGyvOFyuKHiqAHimlGCfNECV1FB/KCR+RDx2IDhvBAhjBABDGAAr++vr89fb03d/iipTbdIDfbHm5W2bXVmTYUmG3Ul2oS1arRlLYQVLPP0/LPU3PPEzGOkqdPUiqOUavOEa4NELALj6uLjyvKjqOIC2eFSSpESOAFyKXChqnBxl8CRaldSeSAAAAQXRSTlMApY+P/tF+dW9GG+G5pZyFf2JZRD8uBfv78+vm4t7a09POy8fGvLyzrKimpaOioJeQin9zcm1aVFNSQjs3NB4bEDCFlnEAAAK5SURBVEjH7dLlW1NhGAZwVFJQFAG7u7vzXcg2tx3OWA/WHawbGN2diiCNtHTY3d1/jod5+WGTsUs/7/56nt95r/d97qBAAvmvLD5/Mjw0OvT4qbh4/7MrwvZuXhP88Ind3vLs6cpNh+I8Pp84He8xu2dj8NVr12+8bHOgcWQG92vf+7f7PMDWN2u3HwwNDw+L3r1tnXv2VS6sVIoLOHgNqlzyQ6IZXOQBlmT0fXzXYrc3N7e2vm5TwDDcr+KJRApBGhpHxxIkXNxlL/C9vJxBJlHx6J5EZ4FYxC9repzPY8JiCppKx3IlRKoXWJCRQMSSU3AYNIfCghRKrbFaXshkiiAHmkpDcQkIWOgFGNh0Ogkj5KSxBBBvXAYqC7tgmMdnozE0FJFAxHiDKwxsKh2HF3IoCFDxQDYwV/T2jvJZSW6QMCegzQKHmqUoM4MsILdmZj0ocyYlp6AS5gIoLFmD3DmRzSrVVZgAMNeD6tvAODUfIOEQoGuok1qsQGYFwFClN6mL/IHpHACAVVpvsdWCzEId5PeEqfsgp9Igb2wyW/KGVCKnX9BTakCOkObZskCtlsln+wWsUrW0xvLcIJMCYBtCAIY2P6BA6gpljR4Y9dnANP4bEOcFLLWq6g7Q20AmkGkhZNPuavjeAwWafoTs2TgjAwBWidl/yudj00j3igR3Aagb7Zox5Wh5SFtxboBB2uqjS0Uv7jU0avNzlbn5sAhyvxJSPhwCfLRV4NTp+nlMpryzU57HpwhJqUQugZH81wmoWUAVotMcAghmtrczFR3dn24W3/o25nK5fk6OlHjeYcdEQjpNg8EnJRYIxFDHh25kdHjDzqXLlkfEno2IObo/ZGyXBziyyjU58WVkcGCgpKT48/DqLQeORVzwmIg9E+SRizGHo0LWR0aGRCF/PXcpKJBA/jG/AM3gLRBvtyNDAAAAAElFTkSuQmCC)
}

.input-phone__select-val.input-phone__select-val_ae {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-val.input-phone__select-val_sa {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAACZFBMVEUAAAACOx8bUjUZUDVsj30JNyBnjHkLNSAOOiVzmIZgj3gMOyNqlH8DNR0VRi5vlIMROydjiXVpjHwQOiVxlYUPNyV0mIULNh9sjn50jHRRfmgCMhsXSDBmkXxWgm1kj3oJOSEWRS5iiXUXQy0NRSloj3xfhnMOPCRqkHwANRkiW0ADLhgVQCsTTTEZUDQELhoCMhoAKhYUPChliHcwYEoDKxcDKxdwkoBlh3hagG1AcFoRPCsALxwQQDAIXTQSaD4NYzgEWS8GWjEFUCoTaj8HXTIQZjwKYDYmfFIXbkMpgVYBWC0oflUZZD8jek8YcERwqo4nfVMgd0wWbUINZTmMu6SDtJxCjWg4gl0je1AcdEkZdEgVa0ENYjkBVy0gek4heU4ddEobcUcXckUSZz0QZz0KazwLYTeWv6tPlnNIkG1EiGYnf1QaYj8RaD4LYDcIXDIEPiJioYNEj2tAfF87eVstglkre1QdeU0SckMQb0ENbD4NaDsUYDoGZzcGXDLK39S10sOqyrqexbKOu6WItqCAs5l8rpVrpYlnpIZcnHxYmnlXlnZSlnU/jGY8i2U3iGEygVozblEkd08dd0shdEsec0kUbkEZYj8XXToaWToWTTMFSCe91sqbwa6Tu6ePt6OJtJ54rpR5rJNpoYRZnXtcjXVPk3FWinBNjm5Oimw7hGE0hF0+dVojbUokaUggY0IGajoaUzcOWjUFYTMAWywAWSoAVCkNQikBTSemxLSdvq6PvaeJuaGGs52ArpdlnYFenn1Lgmc9iGJFd181fFkwfFcrck8RXjkLVjIDXjEPSC1YTxX3AAAAPnRSTlMApY+PcNF+RkAb/eHRu7CmnJSFf3ViRDkwBfv78+vm4t7a08vHxry4qKSjoqCRjYp/c3JtWlpYVFNSMB4bEPi6fI8AAAK9SURBVEjH7dNlV9tgAAVgNnQw2GACzN3dtQIhTUpp01Jvobo6pdSFtri7u+uGDjZg7vqnlo7tnAXWcrbPvV9zn7xJzk1IMMH8V7Yk3QyLSIi4eispeePu7p3btu4fm3hntkxPf9hzJP4O5vK128lrutFjD7WPGm2tMKj0ElPcn5vOYMCxpgMn4iPCwsISTh0/GD3h65LpEE/MhwEmjri0lM10n8eA0ysZs00Wi9lstnz8ZIMgHhoI0kEMmlCuNBCzU8COUAzYtJJOTCMx9YAQlgkkDCpEp0N2gdjlbIfxShwK5DmbsSDVa8CRCCA+k9bGYIjpAoGzpd7EGRp5xf2W5QP4nNA1IA1HygLxMOzxKKiQgFNZhCBFml4VW/uEgCOmp+A7Nq8DuVkgoAe0NeOmKhNLxWLVlTVUFmsmf4GMvwACqGdynz/r01SVsVkcxIg01PYNcJ8y/QESCvLfFA3WTBnZDSWsUVWFBql9PRkQAPm2kf7CYTWLXfCiTl1cWsyp4S4S/IMHgF7KLe/l1LELVMb66pejLeNcJhAQ5HMHVcMVBW/LhnQmjYMnkrlo+MBAO1D6nmO0ekQ8kZ1MoVP5cGCQKZS5FDKFyEohk606kYgh2QjQpBIxFaKQdXbHvL2essEJIAr4EplTMe+wqiuRksLCqkUYvzqNDn+A1sypRtisktLyilq1urEdliv9bSn3JwBs5f1spHpKpnC2CBz81kx03pi1YraEF9LapO0Kj0sAUXyBxL/fQb7+BAPJB2Dp6t9AoZDR6KhtQjDXQEz3AhnrH+kP4CvTm2dm57q6vy/noelZ6LyAAbE9XpKSiX5WKZ8hpja3zsx1Pe4+HLd9x67IqMTIG5fPhi/HYcClvXk9qV8XvrjdnZ1odd/Rc1ci72IaUVEhmNy7fjE2/FBMTPhJ9K6J90OCCeYf8wOHrCZAhFJ6IgAAAABJRU5ErkJggg==)
}

.input-phone__select-val.input-phone__select-val_qa {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAACKFBMVEUAAABgJTaTk5OGYWpMHyxCFiJCFiNKHSuXc36IU2KZaHZaJTSGhoabc36SanaddYHFxcVHGCWSa3c+ECCdd4KBgYHAwMChfIaZbXqKi4uMYW2bb3xVJDKmh5B9c3dGFCPAwMCAgIBTIjGpjpZeQkp5eXlQIjCamprBwcGLi4uKX2w6Dxy4rK9VITBmLUDCwsJ0dHSNaHLHycd+fn44DRlLIC2YcX2MZ3GoqKi1tbVwcHCddoSddoGdd4GNanZ7SlaadYBMHDBwcHC/v79OHSeTPleRPVWSPlZtGTLg4OByKT5rGDDk5OTd3d14JT2POlN7Jj+PO1SQO1To6Oja2trX19fW1ta+vr6NOVKBLERxHDVuGzOHMUp2ITrY2NiMN1BvHDTt7e2MN0+FMUl0IDnZyM23hpSJNk5pFy+VS2CLN05/K0N3JDzo4OLT1NTR0tHq6uro5+fi4uLbztK9vb28vLyrc4OXUmWXTWONPFOANkxOEyT7///z9vXu8O/Nzc24trazg5GXYnKWWmuQQlmOOFGINEyGMUmAMUfs7u3r6+vm5ubi3N7e0dXbys/UvMO6i5msdYWocoGSRVx+RVaIOlCFNk13Mkd7KkGBJUCAJD9kKjt0IjpeJDVYGixQGyrn6Ojcz9PVxsrHx8fWvcTAwMDRuL+wsLCpqamXl5ePbHaRWmqUSl+GS11/SlqCR1iMPlV5O01yL0JsLkBzJz1pKTxqJjppIDV+gyHgAAAARXRSTlMAkKUJomNMOxf++fTgu5WNh4WEQy/z8e3i4ODe29fU1NLRz729vLuvraympp+ZmJeRkY6CendoaGFdXVtbSUE+MCUgHBo4WCXnAAAB9klEQVRIx2IYBaOAHMAhYmsmxMdnKGRux0FILbOINT+vNFfTas6166dMWccppWWPIm9h6QxXyuFgw88rwdXUXJ45ecO0joA5UdEJW6o26qFoUG8QU9DQFxAw0lGWFW9qBqltcQsMjG/rmJGT4pGR4Z3jxYiigak0HwjywkKLOosbWyoDwcDNLSI9OdsvJcE7wwNTQ15YnK+nT3DxpORZbfH+bhDgD9QQkJLg4e3hh0PDgp7U/sbK+ECQand3d/+sdlwaSsLiQjyLfIILUtMysyKC3CEgMCs5MiA2ysM7GlMDyIKi7sTUsvLMCJgG16CkGFwawsEuKiyorclN8wdqcAUBvBpCQ0B+7uydGDMT6GdXYjUk5vYtSXNrJUFDYvGEClJsAKwO5Gl/EjR0QTxNgg1keLof4WlgxLUT6WmkmIYkDTyerlgDjWlwWoIlPvwx3QrSAE6tiOSNKy0tLGuflR4RCE7c+PNDWGiIp6dPQU/qMmDy9odpAOa4OQkeGVhtgLipMDWtIh2oIbBy6tSq6Zu2zp03vxoI5m3fhqpBc3l9HkhD16JJmS3p06qqpm+ezS2jxiLIyiYszMZqoi0/XxdFg7HoyhUNSxfX1+fnNayaPZdbicWUzZEZudhhZ2dAAU5WBqqKPDyScipAU9ldGEbBKCARAADO6BbP8RkEngAAAABJRU5ErkJggg==)
}

.input-phone__select-val.input-phone__select-val_kw {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-val.input-phone__select-val_ye {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-val.input-phone__select-val_om {
    background-image: url(data:image/png;base64,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)
}

.input-phone__select-val.input-phone__select-val_bh {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABxhJREFUaAXtWFtsXMUZ/s5lr/bGNokNkUMIOFyCgkiq0AJSlUp9qyr1jYeiPrWVokotD0XwECGMhACBEG1UKgFVlV6kQhq1oQhQL6YIpCpPFNqEJJA4wY69MXa8trPXc87M8P2zPs6xtVnHblP1Yed4dv65f98//1x+A53Q0UBHAx0NdDTQ0UBHAx0NrFsDzrp7/gcdDYzz9iNPDBrgBkdF2yId3agjVdBGpbUyAetL2phJx3c/waaeUw8MDwdXmu5/QmBk/5ODoYp2ONC7EeldHmUEBF0PNpl6HbpWhao3oKKQ1QbadaFSKbjduSjV23OSREdqo2MHH/zrkQ9XEvFXFiTzhw4d+nahUKj39/e/sWfPnjBZ10oeHh52vxqGm0OV2mF0tNsx2O0FwV24ePHOXL3hetU6/FodHsGiHhB4DREJhEwDlgVBCEMShiQc14HXnfdz1w/sXEh5O2fn5zZyzu+snLctgbm5uR92dXXdW6lUiiMjIx+7rvupMaboed684zgarpv1s9m+qDh1S+PD41uj8YktKggGM8Zx/WoNKYKyoJm6BOcoBTByDCitm2DDENoCZznrtNJ2JTRl1QjgBRGQ8lBGNLsSvOTbElhYWDgzNDR0L1dgc6PR2MyJvy6dSAQkABKBzzT75S9hwze/YQcrPvY05n5zGJmeDaASLViaAK3esREe+8pntB2DqwRXNC55UCcskCjtXJfwfMaUz3pWtghtCRCkI9ryOYiAtoApS15klwNm+jci76dROz+JqZ/9ApfeGoFLjRmC1zFYygI6DlZiA1fASx2j0JIIKWNDJtaMHIel0oiL1yqsRsBqSUhoLrloXVIrC6FMBvUzY5j6/euYeenXiM5PIH/HbUj39FBj1KogS4RlWakSpJZas52QFBLKlkmNBKEiwTZuionftgSknYCQKCsQR8l7+TxAGy0+/iwuvPYK0vCQ33QrNSrmIeClb2ImGWsRkh3X5i6XxGAlTXaz868ok/5xaEtAACeDDCbBpjw9aEfY+vwTGHzo+yi/8z5qH/wbujQHdbEEj2YWt0+OYfvLGCvi8jbNWu6a5cUtcm0JSHurAQIXMrEcA3Opaa+3gPzgPRi47x47/NmHH8fsq0fgD2yy+aQ2bcEVfmJCUp2Ur9B8qXhVAnZAEpB9kAwWGMvTXd1IsWL6b+/h85++jNpHx5De2AfHbuBkj2sjXxWB5NSx9h25KUlg9shbKB38Hebffgcey/K3DfHUoOnZYyTZ89rIy418DXO4BMvjCLN/fBMXX38Dxl5GEa+bUtP2r9Z21jBnq6ZrXoF4EFWpwOVJNPSrF7HtuWFU3v0HwlOnUT/xCWr/PAY/l+Mmv/Ys1k2AuxqGz4Bgdha5gX5seOBbltvZh/ajXK7Ay2WXHYcx8f92um4ChuaDdBr5vj5r7uMHXsHUz38JVfwc+e03N/fBGtDKlkkeE0m53TDrJuBlqWGeTGPPHsD0Cy8huHCWx+mtyN4+BES89+XU4iZfLbQCSn9gkc7q/ddNQC4xw6dxOHkBqev67MUVTE6Bb2Lkt21tEliE0YqEQIxfZ3Eq7WLoK2XJtwprJhDfB6pctpv4lp88ZSetHzsBdeYc5v7yLi79+e/wNxTgkmQzNHWaBGBLuErNFbis81haIkKhKSdpXh7pqo7RGHTczeYXN3F1ZsYW9+3cgcLe++3G1tzcMm388bVsLUqsSuIiosUyKZS/+FuqpsCKVaxo1RUQsBLlBSrPiZiMieho8KjM8eVZ/2wcY88cwMxvD9vLrev27XZyCzZmnUgtBwFG9cllKNEjUolNr6BJQrrE8ye6LxPbEhDQcYgHilOnuxuantbp/Y+i+OJznNqgZ/tX4PNtpElObmMBJhpsYuXL08rNF6g4Z0KEDiRCMm0wShoxavoK8omzlKI/4DGVMVqFtgRE47HzImSWtM9J5BhVjQZSN9+EG777o+YlxgvMzM9zE98Ij+gsAaZ0FglQo8bTqULkFR2hTDMrhwFjAxWmQRjR2xSXUlkPLcV+Bfp4W6I0FB0m4bVmAtVq9fpSqYSBgQGk+HSIPTJJPQLw6TZe9+MfWFcy4sTB2TFcoFc2/Yc3EfYUUCHweRVino76AlelrCJT1dHphjanIqOKYajO818qEyQ4oYKwpvg/FhM6eWOijVq7gykT3P1pVe0q6Nxd3ZnMTWsmUC6X3z969Oje0dFRX0j09vaim6aTo+0LIXnYRVwFlc8hzGdR+uAjjJ/8GNPlWdR0rVw3+iRrj9Mk/kU/7jjdwxMvT46OtQLSsozbDHQ7vpfa8rWMyrQ8cK5kWkvj7du3b5Dms5da35XNZu9Op9P9mUyml3kxP41s+lK9OD0xc/hPE5Xzp8d9Lz+W3Tx4PPDDUwfPnZtbGqgjdDTQ0UBHAx0NdDTQ0UBHA/9/GvgCXT05DryGmggAAAAASUVORK5CYII=)
}

.input-phone__phone-code {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px
}

.input-phone__input-holder {
    position: relative;
    font-size: 16px;
    color: #424347;
    padding: 0 0 0 25px;
    align-items: center;
    display: flex;
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .input-phone__input-holder {
        padding-left:16px
    }
}

.input-phone__select-list {
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(100% + .5rem);
    display: none;
    border-radius: .125rem;
    background-color: #fff;
    box-shadow: 0 .5rem 1.5rem 0 rgba(0,53,136,.15);
    padding: .625rem 0;
    z-index: 3
}

.input-phone__select-list .input-phone__select-item {
    padding: .375rem 0 .375rem 3.125rem
}

.input-phone__select_open {
    display: block
}

.input-phone__select_open .input-phone__select-val:after {
    -webkit-transform: rotate(200grad);
    transform: rotate(200grad);
    top: .5625rem
}

.input-phone__select_open .input-phone__select-list {
    display: block
}

.input-phone__input {
    border: 0;
    color: #474747;
    line-height: 20px;
    flex: 1 1;
    width: 100%
}

.input-phone__input.placeholder {
    color: #9ea0a3
}

.input-phone__input:-moz-placeholder,.input-phone__input::-moz-placeholder {
    color: #9ea0a3
}

.input-phone__input:-ms-input-placeholder {
    color: #9ea0a3
}

.input-phone__input::-webkit-input-placeholder,.input-phone__input::-webkit-text-fill-color {
    color: #9ea0a3
}

.input-phone__clear,.input-phone__edit {
    position: absolute;
    top: 0;
    right: 12px;
    cursor: pointer
}

@font-face {
    font-family: "CircularStd-Bold";
    src: local("CircularStd-Bold"),url(/static/media/CircularStd-Bold.97ca9508.woff2) format("woff2"),url(/static/media/CircularStd-Bold.1ced22ee.woff) format("woff");
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "CircularStd-Medium";
    src: local("CircularStd-Medium"),url(/static/media/CircularStd-Medium.029c2e0e.woff2) format("woff2"),url(/static/media/CircularStd-Medium.bb9a359a.woff) format("woff");
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "CircularStd-Book";
    src: local("CircularStd-Book"),url(/static/media/CircularStd-Book.c8ae3e93.woff2) format("woff2"),url(/static/media/CircularStd-Book.ed76eb21.woff) format("woff");
    font-style: normal;
    font-display: swap
}

@-webkit-keyframes openChat {
    0% {
        height: 0;
        width: 0
    }

    to {
        height: 100%;
        width: 480px
    }
}

@keyframes openChat {
    0% {
        height: 0;
        width: 0
    }

    to {
        height: 100%;
        width: 480px
    }
}

.ui-chat {
    position: fixed;
    z-index: 1001;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .ui-chat {
        bottom:0;
        box-shadow: 0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15);
        width: 480px;
        border-radius: 0;
        overflow: hidden;
        height: 100%;
        right: 0;
        -webkit-animation: openChat .3s ease-in;
        animation: openChat .3s ease-in
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .ui-chat {
        top:0;
        bottom: 0;
        left: 0;
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    .ui-chat {
        top:0;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.ui-chat a {
    text-decoration: underline
}

@media only screen and (min-width: 1024px) {
    .ui-chat-btn {
        bottom:50px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .ui-chat-btn {
        bottom:105px
    }
}

@media only screen and (max-width: 767px) {
    .ui-chat-btn {
        bottom:105px
    }
}

.ui-chat-btn__buble {
    padding: 12px 36px 12px 16px;
    display: flex;
    align-items: center;
    -webkit-filter: drop-shadow(0 8px 12px rgba(0,38,96,.06)) drop-shadow(0 16px 40px rgba(0,53,136,.15));
    filter: drop-shadow(0 8px 12px rgba(0,38,96,.06)) drop-shadow(0 16px 40px rgba(0,53,136,.15));
    background: #3251ef;
    bottom: 70px;
    position: fixed;
    right: 0;
    color: #fff;
    border-radius: 50px 50px 0 50px
}

.ui-chat-btn__buble:after {
    content: "";
    background: url(/static/media/buble-arrow.4b535893.svg) no-repeat 0 0;
    width: 11px;
    height: 4px;
    position: absolute;
    right: 0;
    bottom: -4px
}

.ui-chat-btn__buble-close {
    position: absolute;
    right: 12px;
    z-index: 1
}

.ui-chat-btn__buble-text {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-chat-btn__buble-file {
    display: flex;
    align-items: center;
    font-weight: 700;
    width: 180px
}

.ui-chat-btn__buble-file img {
    margin-right: 6px
}

.phone {
    text-align: left
}

.phone,.phone__holder {
    position: relative
}

.phone__clear {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer
}

.phone__btn {
    font-size: 18px;
    font-weight: 700;
    border-radius: 4px;
    box-shadow: 0 4px 12px 0 rgba(18,173,100,.4);
    background-color: #13cf77;
    color: #fff;
    cursor: pointer;
    text-align: center;
    display: block;
    transition: background .3s ease,box-shadow .3s ease;
    will-change: background,box-shadow
}

.phone__btn:not(.phone__btn_disabled):hover {
    background: #12b368;
    box-shadow: 0 .25rem 1rem 0 rgba(18,173,100,.4)
}

.phone__btn:not(.phone__btn_disabled):active {
    background: #0f9959;
    box-shadow: 0 .0625rem .25rem 0 rgba(18,173,100,.4)
}

.phone__btn_disabled {
    background-color: #d4d9ed;
    box-shadow: none;
    cursor: default
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .phone__error:before {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .phone__error:before {
        display:none
    }
}

.phone__error-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: -.25px;
    color: #474747
}

.phone__error-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a
}

.phone__error-text strong {
    color: #12b368;
    cursor: pointer
}

.phone__spinner {
    width: 24px;
    height: 24px
}

.phone__tip {
    display: flex;
    background: #fff;
    box-shadow: 0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15);
    border-radius: 4px;
    padding: 16px
}

@media only screen and (min-width: 1024px) {
    .phone__tip {
        left:398px;
        width: 304px;
        margin-left: 10px;
        position: absolute
    }

    .phone__tip:before {
        content: "";
        display: block;
        position: absolute;
        top: 12px;
        left: -3px;
        width: 5px;
        height: 5px;
        background: #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .phone__tip {
        position:fixed;
        top: 56px;
        left: 8px;
        right: 8px;
        border: 1px solid #f7b500
    }
}

@media only screen and (max-width: 767px) {
    .phone__tip {
        position:fixed;
        top: 56px;
        left: 8px;
        right: 8px;
        border: 1px solid #f7b500
    }
}

.phone__tip img {
    margin-right: 12px;
    align-self: flex-start
}

.phone__tip-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #474747
}

.phone__tip-desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a
}

@media only screen and (min-width: 1024px) {
    .profile {
        padding:16px 0 150px 110px
    }
}

@media only screen and (max-width: 1023px) {
    .profile {
        padding-top:48px
    }
}

@media only screen and (max-width: 1023px) {
    .profile .phone {
        width:100%
    }
}

.profile .profile__phone_1 {
    margin-top: 24px
}

.profile .profile__phone_2 {
    margin-top: 8px
}

@media only screen and (min-width: 1024px) {
    .profile .phone__btn {
        width:120px;
        margin-left: 8px;
        padding: 10px
    }
}

@media only screen and (max-width: 1023px) {
    .profile .phone__btn {
        padding:16px;
        margin-top: 8px
    }
}

@media only screen and (min-width: 1024px) {
    .profile .phone__holder {
        width:400px;
        display: flex
    }
}

.profile .phone__holder .input-phone {
    flex: 1 1
}

@media only screen and (min-width: 1024px) {
    .profile .phone__holder_1 {
        width:528px
    }
}

.profile__title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.14;
    color: #424347;
    margin-bottom: 4.5rem
}

@media only screen and (max-width: 1023px) {
    .profile__title {
        display:none
    }
}

.profile__info {
    width: 400px;
    text-align: center;
    text-align-last: center;
    padding: 3rem 1.5rem 1.5rem;
    position: relative;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 .625rem 2.5rem 0 rgba(0,53,136,.15),0 .625rem .75rem 0 rgba(0,38,96,.06)
}

@media only screen and (max-width: 1023px) {
    .profile__info {
        width:100%
    }
}

.profile__info:before {
    background: url(/static/media/user-pic.3c9fa645.svg) no-repeat 0 0;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -2.1875rem;
    width: 4rem;
    height: 4rem;
    margin: 0 auto
}

.profile__info-email {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    color: #474747;
    display: flex;
    align-items: center;
    justify-content: center
}

.profile__info-email img {
    margin-right: 6px;
    position: relative;
    top: -2px
}

.profile__info-email-value {
    max-width: 265px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.profile__info-email-icon {
    background: url(/static/media/ic-how-it-works.ff2050aa.svg) no-repeat 0 0;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    margin-left: 4px
}

.profile__info-email-icon-active {
    background: url(/static/media/ic-how-it-works-active.58313dec.svg) no-repeat 0 0
}

.profile__info-email-tip {
    width: 290px;
    box-shadow: 0 8px 24px 0 rgba(0,53,136,.15);
    border: 1px solid #d4d9ed;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.43;
    color: #424347;
    font-weight: 400;
    padding: 7px 10px;
    position: absolute;
    top: 85px
}

.profile__info-email-tip-icon {
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    border-left: 1px solid #d4d9ed;
    border-top: 1px solid #d4d9ed;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -4px
}

.profile__info-desc {
    color: #71747a
}

@media only screen and (min-width: 1024px) {
    .profile__info-desc {
        font-size:16px;
        line-height: 1.5;
        margin-top: 16px
    }
}

@media only screen and (max-width: 1023px) {
    .profile__info-desc {
        font-size:14px;
        line-height: 1.43;
        margin-top: 8px
    }
}

.profile__notification-title {
    font-weight: 700;
    color: #474747
}

@media only screen and (min-width: 1024px) {
    .profile__notification-title {
        margin-top:40px;
        font-size: 18px;
        line-height: 1.33
    }
}

@media only screen and (max-width: 1023px) {
    .profile__notification-title {
        margin-top:24px;
        font-size: 16px;
        line-height: 1.5
    }
}

.profile__notification-desc {
    color: #71737a;
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.43
}

.profile-logout {
    text-align: center;
    text-align-last: center;
    margin-top: 60px
}

.profile-logout span {
    color: #fa540a;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    cursor: pointer
}

@media only screen and (max-width: 1023px) {
    .profile-page .footer {
        display:none
    }
}

.profile__sms {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .profile__sms {
        width:400px
    }
}

.profile__sms_disabled {
    opacity: .3
}

.profile__sms-title {
    line-height: 1.71;
    color: #474747;
    font-size: 14px;
    flex: 1 1
}

.profile__sms-checkbox {
    width: 48px;
    height: 32px;
    background: url(/static/media/slide-on.5c582f4d.svg);
    cursor: pointer;
    background-size: 48px 32px
}

.profile__sms-checkbox_unchecked {
    background: url(/static/media/slide-off.07ba85b5.svg);
    background-size: 48px 32px
}

.profile__sms-notification {
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 1024px) {
    .profile__sms-notification {
        padding:80px 0
    }
}

@media only screen and (max-width: 1023px) {
    .profile__sms-notification {
        padding:24px 16px 0
    }
}

.profile__sms-notification img {
    margin: 0 auto
}

.profile__sms-notification-title {
    line-height: 1.33;
    font-size: 24px;
    color: #424347;
    font-weight: 700;
    margin-top: 24px
}

.profile__sms-notification-text {
    line-height: 1.5;
    color: #474747;
    margin-top: 8px
}

@media only screen and (min-width: 1024px) {
    .profile__sms-notification-btn {
        width:192px;
        margin: 24px auto 0
    }
}

@media only screen and (max-width: 1023px) {
    .profile__sms-notification-btn {
        width:auto;
        margin-top: 24px
    }
}

.profile__sms-notification-link {
    margin-top: 24px;
    line-height: 1.5;
    color: #12b34a;
    font-weight: 700;
    cursor: pointer
}

.profile__notification-verify {
    display: flex;
    align-items: center;
    background: #fffbf0;
    border-radius: 4px;
    padding: 10px 16px;
    margin-top: 24px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .profile__notification-verify {
        width:400px
    }
}

@media only screen and (min-width: 1024px) {
    .profile__notification-verify {
        width:400px
    }
}

.profile__notification-verify img {
    margin-right: 12px
}

.profile__notification-verify-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #474747
}

.profile__notification-verify-text span {
    color: #12b368;
    font-weight: 700;
    cursor: pointer
}

.profile__notification-verify_1 {
    background: #f8f9fc
}

.profile__notification-verify_2 {
    opacity: .3
}

.order-hiw-link {
    display: flex;
    flex-direction: row;
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .order-hiw-link {
        right:0;
        top: 5px
    }
}

@media only screen and (max-width: 1023px) {
    .order-hiw-link {
        position:fixed;
        right: 16px;
        top: 12px;
        z-index: 100
    }
}

.order-hiw-link .svg-icon-hiw {
    width: 24px;
    height: 24px
}

.order-hiw-link-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    margin-left: 8px
}

.cabinet-banner {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .cabinet-banner {
        height:56px;
        background: url(/static/media/oval.ad9e79f9.svg) no-repeat 225px 30px,url(/static/media/oval1.712815d0.svg) no-repeat right 478px top -12px,url(/static/media/oval2.63ef6027.svg) no-repeat right 240px bottom 10px,#fff
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .cabinet-banner {
        background:url(/static/media/oval.ad9e79f9.svg) no-repeat -32px -20px,url(/static/media/oval1.712815d0.svg) no-repeat right 235px top 0,url(/static/media/oval2.63ef6027.svg) no-repeat right 0 bottom 25px,#fff;
        height: 80px
    }
}

@media only screen and (max-width: 767px) {
    .cabinet-banner {
        background:url(/static/media/oval.ad9e79f9.svg) no-repeat -32px -20px,url(/static/media/oval1.712815d0.svg) no-repeat right 235px top 0,url(/static/media/oval2.63ef6027.svg) no-repeat right 0 bottom 25px,#fff;
        height: 80px
    }
}

.cabinet-banner__text {
    font-weight: 500;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .cabinet-banner__text {
        font-size:20px;
        line-height: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .cabinet-banner__text {
        padding:0 16px;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (max-width: 767px) {
    .cabinet-banner__text {
        padding:0 16px;
        font-size: 16px;
        line-height: 24px
    }
}

.cabinet-banner__text strong {
    color: #2fefb1
}

@media only screen and (max-width: 767px) {
    .cabinet-banner_1_1 {
        height:44px
    }
}

@media only screen and (max-width: 767px) {
    .cabinet-banner_1_3 {
        padding:0 32px
    }
}

@media only screen and (max-width: 1023px) {
    .cabinet-banner_1_2,.cabinet-banner_1_4 {
        height:48px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        right: 0
    }
}

@media only screen and (max-width: 1023px) {
    .cabinet-banner_1_4 {
        padding:0 32px
    }
}

.dropdown-container {
    position: absolute;
    top: 100%;
    left: -1.5rem;
    margin-top: .3125rem;
    display: block;
    z-index: 3
}

.dropdown-list {
    background: #fff;
    min-width: 13.75rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    box-shadow: 0 .5rem 1.5rem 0 rgba(0,53,136,.15);
    border-radius: .125rem;
    text-align: left;
    text-align-last: left;
    position: relative
}

.header__phone-notifications-item {
    box-shadow: 0 4px 16px 0 var(--darkish-blue-15);
    border: 1px solid var(--pale-grey);
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 42px 0 8px;
    font-size: 14px;
    line-height: 1.43;
    color: #474747;
    cursor: pointer;
    z-index: 2;
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .header__phone-notifications-item {
        right:0;
        top: 40px
    }
}

@media only screen and (max-width: 1023px) {
    .header__phone-notifications-item {
        width:100%;
        top: 50px;
        left: 0;
        right: 0
    }
}

.header__phone-notifications-img {
    margin-right: 8px
}

.header__phone-notifications-close {
    position: absolute;
    right: 8px;
    top: 8px
}

.header__phone-notifications-link {
    color: #12b368
}

.header__referral-notifications-item {
    box-shadow: 0 4px 16px 0 var(--darkish-blue-15);
    border: 1px solid var(--pale-grey);
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 96px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 1.43;
    color: #474747;
    z-index: 2;
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .header__referral-notifications-item {
        right:265px;
        top: 40px;
        width: 304px
    }
}

@media only screen and (max-width: 1023px) {
    .header__referral-notifications-item {
        width:100%;
        top: 50px;
        left: 0;
        right: 0
    }
}

.header__referral-notifications-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747
}

.header__referral-notifications-img {
    margin-right: 6px;
    position: relative;
    top: -8px;
    margin-right: 8px
}

.header__referral-notifications-close {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer
}

.header__referral-notifications-link {
    color: #12b368;
    cursor: pointer
}

.header__phone-verification-notifications-item {
    box-shadow: 0 4px 16px 0 var(--darkish-blue-15);
    border: 1px solid var(--pale-grey);
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 72px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 1.43;
    color: #474747;
    z-index: 2;
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .header__phone-verification-notifications-item {
        right:0;
        top: 40px;
        width: 304px
    }
}

@media only screen and (max-width: 1023px) {
    .header__phone-verification-notifications-item {
        width:100%;
        top: 50px;
        left: 0;
        right: 0
    }
}

.header__phone-verification-notifications-title {
    font-weight: 500;
    font-size: 14px;
    color: #474747;
    line-height: 20px;
    letter-spacing: -.25px
}

.header__phone-verification-notifications-img {
    margin-right: 6px;
    position: relative;
    top: -8px;
    margin-right: 8px
}

.header__phone-verification-notifications-close {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer
}

.header__phone-verification-notifications-link {
    color: #12b368;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px
}

.header {
    background: #fff
}

@media only screen and (min-width: 1024px) {
    .header {
        padding-top:16px;
        padding-bottom: 16px;
        box-shadow: inset 0 -.0625rem 0 0 #eff1f6;
        position: relative
    }
}

@media only screen and (max-width: 1023px) {
    .header {
        height:3rem;
        padding-top: .75rem;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 301;
        box-shadow: 0 .5rem 1.5rem 0 rgba(0,53,136,.15)
    }
}

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

@media only screen and (max-width: 1023px) {
    .header--content {
        padding-left:.5rem;
        padding-right: .5rem;
        position: relative;
        top: -.5rem
    }
}

.header-logo {
    height: 32px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .header-logo {
        position:relative;
        top: 5px
    }
}

@media only screen and (max-width: 767px) {
    .header-logo {
        position:relative;
        top: 5px
    }
}

.main-nav {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex: 1 0 auto;
    justify-content: flex-end;
    margin-right: 70px
}

.main-nav__item {
    display: flex;
    margin-left: 45px;
    font-size: .75rem;
    text-transform: uppercase
}

.main-nav__link {
    color: #5c5a58
}

@media only screen and (min-width: 1024px) {
    .header__menu-btn {
        display:none
    }
}

@media only screen and (max-width: 1023px) {
    .header__menu-btn {
        display:block;
        width: 24px;
        height: 24px;
        background: url(/static/media/ic-burger.f6470c3e.svg) no-repeat 0
    }
}

.header-actions {
    vertical-align: middle;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width: 1023px) {
    .header-actions {
        z-index:3;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        flex-direction: column;
        width: 296px;
        padding: 96px 24px 0;
        background: #fff;
        -webkit-font-smoothing: antialiased;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translate(130%);
        transform: translate(130%);
        transition: -webkit-transform .5s cubic-bezier(.77,.2,.05,1);
        transition: transform .5s cubic-bezier(.77,.2,.05,1);
        transition: transform .5s cubic-bezier(.77,.2,.05,1),-webkit-transform .5s cubic-bezier(.77,.2,.05,1)
    }
}

.header-actions_1 {
    margin-top: 48px
}

.header-actions__item {
    display: flex;
    align-items: center;
    white-space: nowrap
}

@media only screen and (min-width: 1280px) {
    .header-actions__item {
        margin-left:32px
    }

    .header-actions__item:first-child {
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .header-actions__item {
        margin-left:24px
    }

    .header-actions__item:first-child {
        margin-top: 0
    }
}

@media only screen and (max-width: 1023px) {
    .header-actions__item {
        margin-top:24px
    }

    .header-actions__item:first-child {
        margin-top: 0
    }
}

.header-actions__item-profile {
    border-left: 1px solid #eff1f6
}

@media only screen and (min-width: 1280px) {
    .header-actions__item-profile {
        margin-left:48px;
        padding-left: 48px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .header-actions__item-profile {
        margin-left:24px;
        padding-left: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .header-actions__item-profile_1 {
        border:0;
        padding-bottom: 24px;
        margin-top: 24px;
        border-bottom: 1px solid #eff1f6
    }
}

@media only screen and (max-width: 767px) {
    .header-actions__item-profile_1 {
        border:0;
        padding-bottom: 24px;
        margin-top: 24px;
        border-bottom: 1px solid #eff1f6
    }
}

.header-actions__item-link {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #71737a
}

@media only screen and (max-width: 1023px) {
    .header-actions__item-link {
        padding-left:36px
    }
}

.header-actions__item-link_strong {
    font-weight: 700;
    color: #12b34a;
    min-width: 50px;
    display: inline-block
}

@media only screen and (max-width: 1023px) {
    .header-actions__item-link-balance {
        background:url(/static/media/ic-balance.3256a3cb.svg) no-repeat 0
    }
}

@media only screen and (max-width: 1023px) {
    .header-actions__item-link-referral {
        background:url(/static/media/ic-referral.7c930a97.svg) no-repeat 0
    }
}

@media only screen and (max-width: 1023px) {
    .header-actions__item-link-my-geeks {
        background:url(/static/media/ic-geek.00e36ed7.svg) no-repeat 0
    }
}

@media only screen and (max-width: 1023px) {
    .header-actions__item-link-profile {
        background:url(/static/media/ic-profile.21ee8b8c.svg) no-repeat 0
    }
}

@media only screen and (max-width: 1023px) {
    .header-actions__item-link-tasks {
        background:url(/static/media/ic-tasks.e2f31a45.svg) no-repeat 0
    }
}

.header-actions__item-plans-bonuses {
    position: relative
}

.header-actions__item-link-plans-bonuses {
    cursor: pointer;
    display: flex;
    align-items: center
}

.header-actions__item-link-plans-bonuses img {
    margin-left: 8px
}

.header-actions__item-link-plans-bonuses_1 img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width: 1024px) {
    .header-actions__item-plans-bonuses-list {
        padding:20px;
        background: #fff;
        box-shadow: 0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15);
        border-radius: 2px;
        position: absolute;
        top: 40px;
        width: 336px;
        z-index: 2;
        left: -58px
    }
}

@media only screen and (min-width: 1024px) {
    .header-actions__item-plans-bonuses-list-item-2 {
        border-top:1px solid #f4f7fe;
        padding-top: 20px;
        margin-top: 20px
    }
}

.header-actions__item-plans-bonuses-list-link-1 {
    background: url(/static/media/ic-card.70aa7112.svg) no-repeat 0;
    cursor: pointer
}

.header_4 .header-actions__item-plans-bonuses-list-link-1 {
    color: #71737a!important
}

.header-actions__item-plans-bonuses-list-link-2 {
    background: url(/static/media/ic-referral.1f32baaa.svg) no-repeat 0;
    cursor: pointer
}

.header_4 .header-actions__item-plans-bonuses-list-link-2 {
    color: #71737a!important
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .header-actions__item-plans-bonuses-list-link-2 {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .header-actions__item-plans-bonuses-list-link-2 {
        margin-top:24px
    }
}

.header-actions__item-plans-bonuses-list-link-1,.header-actions__item-plans-bonuses-list-link-2 {
    padding-left: 36px
}

@media only screen and (min-width: 1024px) {
    .header-actions__item-plans-bonuses-list-link-1,.header-actions__item-plans-bonuses-list-link-2 {
        position:relative
    }

    .header-actions__item-plans-bonuses-list-link-1 img,.header-actions__item-plans-bonuses-list-link-2 img {
        position: absolute;
        right: 0;
        top: 2px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

.header-actions__item-plans-bonuses-info {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -.25px;
    border-radius: 16px;
    padding: 4px 8px;
    margin-left: 8px
}

.header-actions__item-plans-bonuses-info-1 {
    color: #027a48;
    background: #ecfdf3
}

.header-actions__item-plans-bonuses-info-2 {
    color: #5925dc;
    background: #f4f3ff
}

.header-actions__item-link-planner {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 1023px) {
    .header-actions__item-link-planner {
        background:url(/static/media/ic-clipboard.7532e2d5.svg) no-repeat 0
    }
}

.header__new-label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    height: 24px;
    background: #0aa3f7;
    border-radius: 24px;
    margin-left: 8px
}

.header__new-label-icon {
    width: 18px;
    height: 18px
}

.header-actions__item-referral-gift,.header__new-label-icon {
    display: block;
    -webkit-animation: giftShake 2s;
    animation: giftShake 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.header-actions__item-referral-gift {
    width: 24px;
    height: 24px;
    margin-left: 8px
}

@-webkit-keyframes giftShake {
    66.36% {
        -webkit-transform: none;
        transform: none
    }

    71.16% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    75.96% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    80.76% {
        -webkit-transform: rotate(7.5deg);
        transform: rotate(7.5deg)
    }

    90.38% {
        -webkit-transform: rotate(-7.5deg);
        transform: rotate(-7.5deg)
    }
}

@keyframes giftShake {
    66.36% {
        -webkit-transform: none;
        transform: none
    }

    71.16% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }

    75.96% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    80.76% {
        -webkit-transform: rotate(7.5deg);
        transform: rotate(7.5deg)
    }

    90.38% {
        -webkit-transform: rotate(-7.5deg);
        transform: rotate(-7.5deg)
    }
}

.header__new-label-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    margin-left: 3px
}

@media only screen and (max-width: 1023px) {
    .header__menu-toggle {
        top:5px;
        right: 0;
        z-index: 4;
        display: flex;
        flex-direction: column;
        position: relative;
        -webkit-user-select: none;
        user-select: none
    }
}

.header__menu-toggle span {
    display: flex;
    width: 24px;
    height: 3px;
    margin-bottom: 4px;
    position: relative;
    background: #1ed760;
    border-radius: 3px;
    z-index: 1;
    -webkit-transform-origin: 2px 0;
    transform-origin: 2px 0;
    transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
    transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
    transition: transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1)
}

.header__menu-toggle input {
    display: flex;
    width: 30px;
    height: 17px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2
}

.header__menu-toggle .span-2 {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.header__menu-toggle .span-3 {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.header__menu-toggle_1~.header-actions {
    -webkit-transform: none;
    transform: none
}

.header__menu-toggle_1 span {
    opacity: 1;
    -webkit-transform: rotate(45deg) translate(-2px);
    transform: rotate(45deg) translate(-2px);
    background: #1ed760
}

.header__menu-toggle_1 .span-2 {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(.2);
    transform: rotate(0deg) scale(.2)
}

.header__menu-toggle_1 .span-3 {
    -webkit-transform: rotate(-45deg) translateY(-1px);
    transform: rotate(-45deg) translateY(-1px)
}

.header-actions__item-user {
    padding-top: .25rem;
    padding-bottom: .25rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative
}

.header-actions__item-user .dropdown-container {
    left: auto;
    right: -1rem
}

.header-actions__item-user__icon {
    width: inherit;
    height: inherit;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.header-actions__item-user__icon_1 {
    opacity: 1
}

.header-actions__item-user__icon_2 {
    opacity: 0
}

.header-actions__item-user__icon-wrapper {
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    position: relative
}

.header-actions__item-user__icon-wrapper:hover .header-actions__item-user__icon_1 {
    opacity: 0
}

.header-actions__item-user__icon-wrapper:hover .header-actions__item-user__icon_2 {
    opacity: 1
}

.header-actions__item-user__icon-wrapper__indicator {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 2px
}

.header-actions__item-user__icon-crown {
    position: absolute;
    bottom: -1px;
    right: -6px
}

.header-dropdown {
    padding-left: 1rem;
    padding-right: 1rem
}

.header-dropdown__item {
    padding-bottom: 1rem;
    padding-top: 1rem;
    border-top: .0625rem solid #eff1f6
}

.header-dropdown__item:first-child {
    padding-top: 0;
    border-top: none
}

.header-dropdown__item:last-child {
    padding-bottom: 0
}

.header-dropdown__item-link {
    color: #424347;
    font-size: 1rem;
    line-height: 1.25;
    display: flex;
    align-items: center;
    cursor: pointer
}

.header-dropdown__item-link__indicator {
    margin-left: 4px
}

.header-dropdown__item-link_logout {
    color: #fa540a
}

.header-logo-link {
    width: 104px;
    height: 32px
}

@media only screen and (max-width: 1023px) {
    .header_2 {
        margin-top:80px
    }

    .header_2.header_5 {
        margin-top: 0
    }
}

.header__menu-overlay {
    position: fixed;
    background: rgba(0,0,0,.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.header_4 {
    background: transparent;
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .header_4 .header-actions__item-link {
        color:#fff
    }
}

@media only screen and (min-width: 1024px) {
    .header_3 {
        position:fixed;
        width: 100%;
        z-index: 3
    }
}

.header-subactions__devider {
    border-top: 1px solid #f4f7fe;
    margin: 24px -24px 0
}

.header-subactions__title {
    margin-top: 24px;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    color: rgba(99,114,147,.6)
}

.header-subactions__list {
    margin-top: 16px
}

.header-subactions__item {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #637293
}

.header-subactions__item:first-child {
    margin-top: 0
}

.header-subactions__item a {
    color: #637293
}

.header-subactions__item-chat {
    cursor: pointer
}

.footer {
    border-top: 1px solid #eff1f6;
    padding: 40px 0;
    background: #fff
}

@media only screen and (min-width: 1024px) {
    body:not(.overflow) .footer {
        left:0;
        right: 0;
        position: absolute;
        bottom: 0
    }
}

.footer__content {
    margin: 0 auto
}

@media only screen and (min-width: 1280px) {
    .footer__content {
        max-width:1232px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .footer__content {
        max-width:944px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .footer__content {
        max-width:704px
    }
}

@media only screen and (max-width: 767px) {
    .footer__content {
        padding:0 16px
    }
}

.footer__items {
    display: flex;
    border-bottom: 1px solid #eff1f6
}

@media only screen and (min-width: 1024px) {
    .footer__items {
        padding:0 0 40px;
        margin: 0 0 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .footer__items {
        padding:0 0 40px;
        margin: 0 0 40px
    }
}

@media only screen and (max-width: 767px) {
    .footer__items {
        flex-direction:column;
        padding: 0 0 40px;
        margin: 0 0 30px
    }
}

@media only screen and (min-width: 1024px) {
    .footer__item {
        margin-left:48px
    }

    .footer__item:first-child {
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .footer__item {
        margin-left:48px
    }

    .footer__item:first-child {
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .footer__item {
        margin-top:40px
    }

    .footer__item:first-child {
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .footer__item_2 {
        display:none
    }
}

.footer__item-title {
    font-weight: 450;
    font-size: 16px;
    line-height: 24px;
    color: #dadce0
}

.footer__contacts {
    margin-top: 16px
}

.footer__contacts-item:last-child {
    margin-top: 12px
}

.footer__contacts-item-link {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #71737a
}

@media only screen and (min-width: 1024px) {
    .footer__nav {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 12px 40px;
        margin-top: 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .footer__nav {
        display:flex;
        flex-direction: column;
        margin-top: 4px
    }
}

@media only screen and (max-width: 767px) {
    .footer__nav {
        display:flex;
        flex-direction: column;
        margin-top: 4px
    }
}

.footer__nav-item {
    min-width: 160px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .footer__nav-item {
        margin-top:12px
    }
}

@media only screen and (max-width: 767px) {
    .footer__nav-item {
        margin-top:12px
    }
}

.footer__nav-item-link {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #71737a
}

.footer__copy {
    font-weight: 450;
    font-size: 16px;
    line-height: 24px;
    color: #dadce0
}

.footer__icons {
    display: flex
}

.footer__icons__holder {
    display: flex;
    margin-top: 16px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .footer__icons__holder {
        flex-direction:column
    }
}

@media only screen and (max-width: 1023px) {
    .footer__icons__holder {
        flex-direction:column
    }
}

.footer__icons_1 {
    margin-top: 12px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .footer__icons_3 {
        margin-top:6px
    }
}

@media only screen and (max-width: 1023px) {
    .footer__icons_3 {
        margin-top:6px
    }
}

.footer__icons-item {
    margin-right: 6px
}

.footer__icons-item__paypal {
    background: url(/static/media/paypal.1b6d6a07.svg) no-repeat 0 0;
    width: 44px;
    height: 24px
}

.footer__icons-item__google {
    background: url(/static/media/google.cecccff3.svg) no-repeat 0 0;
    width: 44px;
    height: 24px
}

.footer__icons-item__visa {
    background: url(/static/media/visa.00945f02.svg) no-repeat 0 0;
    width: 44px;
    height: 24px
}

.footer__icons-item__mastercard {
    background: url(/static/media/master.b7ff80ad.svg) no-repeat 0 0;
    width: 44px;
    height: 24px
}

.footer__icons-item__amex {
    background: url(/static/media/amex.92d0514a.svg) no-repeat 0 0;
    width: 44px;
    height: 24px
}

.footer__icons-item__discover {
    background: url(/static/media/discover.cd174775.svg) no-repeat 0 0;
    width: 44px;
    height: 24px
}

.footer__secured {
    margin-top: 8px;
    display: flex
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .footer__secured {
        flex-direction:column
    }
}

.footer__secured-item__mcfee {
    background: url(/static/media/mcfee.2d874632.svg) no-repeat 0 0;
    width: 104px;
    height: 40px
}

@media only screen and (min-width: 1280px) {
    .footer__secured-item__mcfee {
        margin-right:8px
    }
}

@media only screen and (max-width: 767px) {
    .footer__secured-item__mcfee {
        display:flex;
        margin-right: 8px
    }
}

.footer__secured-item__norton {
    background: url(/static/media/norton.c3243d13.svg) no-repeat 0 0;
    width: 64px;
    height: 40px
}

.footerMobile {
    background-color: #fff;
    width: 100%;
    height: 3rem;
    box-shadow: 0 -.5rem 1.5rem 0 rgba(0,53,136,.15);
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 300;
    margin-bottom: env(safe-area-inset-bottom)
}

@media only screen and (max-width: 1023px) {
    .footerMobile {
        display:block
    }
}

.footerMobile-menu__item {
    width: 50%;
    padding: .25rem 2.5rem;
    text-align: center;
    text-align-last: center;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.footerMobile-menu__item-link {
    position: relative;
    display: inline-block
}

.footerMobile-menu__item-link__icon {
    width: 1.75rem;
    height: 1.75rem;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.footerMobile-menu__item-link__text {
    color: #969aa3;
    font-size: .625rem;
    line-height: 1.2;
    display: block
}

.footerMobile-menu__item-link__text_active {
    color: #12b368;
    font-weight: 700
}

.footerMobile-add {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.footerMobile-add__link {
    background-image: url(/static/media/plus.20b9e37f.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 5rem 5rem;
    width: 5rem;
    height: 5rem;
    display: block
}

.footerMobile-menu__item-link__indicator {
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 2px
}

.a2hs-android {
    height: 72px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding: 12px 48px 12px 12px;
    z-index: 301
}

.a2hs-android__text {
    font-family: "CircularStd";
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.1px;
    color: #474747
}

.a2hs-android__text strong {
    color: #12b368
}

.a2hs-android__icon {
    margin-right: 20px
}

.a2hs-android__close {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    padding: 10px
}

.a2hs-ios {
    position: fixed;
    bottom: 12px;
    left: 12px;
    right: 12px;
    padding: 10px 16px 14px;
    background: #fff;
    z-index: 201;
    border-radius: 15px;
    z-index: 302
}

.a2hs-ios-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: .58;
    background-color: #4f5269;
    z-index: 301
}

.a2hs-ios__title {
    text-align: center;
    font-family: "CircularStd";
    font-size: 14px;
    line-height: 20px;
    color: #474747;
    font-weight: 700;
    margin-top: 12px
}

.a2hs-ios__icon {
    margin: 0 auto
}

.a2hs-ios__info {
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #71737a;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.a2hs-ios__info-1,.a2hs-ios__info-2 {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.a2hs-ios__info-1-icon,.a2hs-ios__info-2-icon {
    margin-left: 4px
}

.a2hs-ios__info-1-icon {
    width: 16px;
    height: 20px;
    margin-right: 4px;
    position: relative;
    top: -2px
}

.a2hs-ios__info-2-icon {
    width: 18px;
    height: 18px
}

.a2hs-ios__close {
    position: absolute;
    top: -40px;
    right: 0;
    cursor: pointer
}

.referral-phone-verification {
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .referral-phone-verification {
        height:560px;
        padding: 64px 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral-phone-verification {
        overflow-y:auto;
        height: 100%;
        padding: 64px 16px
    }
}

@media only screen and (max-width: 767px) {
    .referral-phone-verification {
        overflow-y:auto;
        height: 100%;
        padding: 64px 16px
    }
}

.referral-phone-verification__img {
    margin: 0 auto
}

.referral-phone-verification__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747;
    margin-top: 24px
}

.referral-phone-verification__subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    margin-top: 8px
}

.referral-phone-verification__phone {
    max-width: 400px;
    margin: 32px auto 0;
    position: relative
}

.referral-phone-verification__error-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: -.25px;
    color: #474747
}

.referral-phone-verification__error-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a
}

.referral-phone-verification__error-text strong {
    color: #12b368;
    cursor: pointer
}

.referral-phone-verification__notification {
    width: 400px;
    height: 52px;
    background: #f8f9fc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin: 8px auto 0;
    padding: 0 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #71737a
}

.referral-phone-verification__notification img {
    margin-right: 16px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral-phone-verification__bottom {
        left:8px;
        right: 8px;
        bottom: 24px;
        position: absolute
    }
}

@media only screen and (max-width: 767px) {
    .referral-phone-verification__bottom {
        left:8px;
        right: 8px;
        bottom: 24px;
        position: absolute
    }
}

.referral-phone-verification__btn {
    width: 288px;
    margin: 76px auto 0
}

.referral-phone-verification__btn.button_type1_disabled {
    background: #d4d9ed
}

.referral-phone-verification__contact {
    margin-top: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3
}

.referral-phone-verification__contact strong {
    color: #12b368;
    cursor: pointer
}

.referral-code-verification {
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .referral-code-verification {
        height:560px;
        padding: 64px 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral-code-verification {
        overflow-y:auto;
        height: 100%;
        padding: 64px 16px
    }
}

@media only screen and (max-width: 767px) {
    .referral-code-verification {
        overflow-y:auto;
        height: 100%;
        padding: 64px 16px
    }
}

.referral-code-verification__img {
    margin: 0 auto
}

.referral-code-verification__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747;
    margin-top: 24px
}

.referral-code-verification__subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    margin-top: 8px
}

.referral-code-verification__edit {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px
}

.referral-code-verification__edit img {
    margin-left: 4px;
    cursor: pointer
}

.referral-code-verification__code {
    position: relative;
    width: 305px;
    margin: 34px auto 0
}

.referral-code-verification__code .code-input__item {
    width: 52px;
    height: 64px;
    border-radius: 8px;
    padding: 2px 8px;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -.02em;
    color: #474747;
    border: 1px solid #dadce0;
    text-align: center;
    margin: 0 4px
}

.referral-code-verification__code .code-input__item.placeholder {
    color: #dadce0
}

.referral-code-verification__code .code-input__item:-moz-placeholder,.referral-code-verification__code .code-input__item::-moz-placeholder {
    color: #dadce0
}

.referral-code-verification__code .code-input__item:-ms-input-placeholder {
    color: #dadce0
}

.referral-code-verification__code .code-input__item::-webkit-input-placeholder,.referral-code-verification__code .code-input__item::-webkit-text-fill-color {
    color: #dadce0
}

.referral-code-verification__code .code-input__item:focus {
    border: 1px solid #969aa3
}

.referral-code-verification__code .code-input__item::-webkit-inner-spin-button,.referral-code-verification__code .code-input__item::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.referral-code-verification__code .code-input__item[type=number] {
    -moz-appearance: textfield
}

.referral-code-verification__code .code-input__item_1 {
    border: 1px solid #fa540a
}

.referral-code-verification__error-subtitle {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a;
    margin-top: 4px
}

.referral-code-verification__error-subtitle strong {
    color: #12b368;
    cursor: pointer
}

.referral-code-verification__confirm {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3;
    margin-top: 16px
}

.referral-code-verification__confirm span {
    color: #12b368;
    cursor: pointer
}

.referral-code-verification__btn {
    width: 288px;
    margin: 32px auto 0
}

.referral-code-verification__btn.button_type1_disabled {
    background: #d4d9ed
}

.referral-code-verification__contact {
    margin-top: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3
}

.referral-code-verification__contact strong {
    color: #12b368;
    cursor: pointer
}

.referral-verification-success {
    text-align: center
}

.referral-verification-success img {
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .referral-verification-success {
        height:560px;
        padding: 64px 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral-verification-success {
        overflow-y:auto;
        height: 100%;
        padding: 64px 16px
    }
}

@media only screen and (max-width: 767px) {
    .referral-verification-success {
        overflow-y:auto;
        height: 100%;
        padding: 64px 16px
    }
}

.referral-verification-success__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.02em;
    color: #474747;
    margin-top: 24px
}

.referral-verification-success__subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    max-width: 400px;
    margin: 8px auto 0
}

.referral-verification-success__btn {
    width: 288px;
    margin: 40px auto 0
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral-verification-success__btn {
        position:absolute;
        bottom: 16px;
        left: 0;
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    .referral-verification-success__btn {
        position:absolute;
        bottom: 16px;
        left: 0;
        right: 0
    }
}

.referral-send-code-verification {
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .referral-send-code-verification {
        height:560px;
        padding: 64px 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral-send-code-verification {
        overflow-y:auto;
        height: 100%;
        padding: 64px 16px
    }
}

@media only screen and (max-width: 767px) {
    .referral-send-code-verification {
        overflow-y:auto;
        height: 100%;
        padding: 64px 16px
    }
}

.referral-send-code-verification__img {
    margin: 0 auto
}

.referral-send-code-verification__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747;
    margin-top: 24px
}

.referral-send-code-verification__subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    margin-top: 8px
}

.referral-send-code-verification__edit {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px
}

.referral-send-code-verification__edit img {
    margin-left: 4px;
    cursor: pointer
}

.referral-send-code-verification__code {
    position: relative;
    width: 305px;
    margin: 34px auto 0
}

.referral-send-code-verification__code .code-input__item {
    width: 52px;
    height: 64px;
    border-radius: 8px;
    padding: 2px 8px;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -.02em;
    color: #474747;
    border: 1px solid #f3f5fe;
    text-align: center;
    margin: 0 4px
}

.referral-send-code-verification__code .code-input__item.placeholder {
    color: #f3f5fe
}

.referral-send-code-verification__code .code-input__item:-moz-placeholder,.referral-send-code-verification__code .code-input__item::-moz-placeholder {
    color: #f3f5fe
}

.referral-send-code-verification__code .code-input__item:-ms-input-placeholder {
    color: #f3f5fe
}

.referral-send-code-verification__code .code-input__item::-webkit-input-placeholder,.referral-send-code-verification__code .code-input__item::-webkit-text-fill-color {
    color: #f3f5fe
}

.referral-send-code-verification__code .code-input__item:focus {
    border: 1px solid #969aa3
}

.referral-send-code-verification__code .code-input__item::-webkit-inner-spin-button,.referral-send-code-verification__code .code-input__item::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.referral-send-code-verification__code .code-input__item[type=number] {
    -moz-appearance: textfield
}

.referral-send-code-verification__code .code-input__item_2 {
    border: 1px solid #f3f5fe;
    background: none
}

.referral-send-code-verification__confirm {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3;
    margin-top: 16px
}

.referral-send-code-verification__confirm span {
    color: #12b368;
    cursor: pointer
}

.referral-send-code-verification__btn {
    width: 288px;
    margin: 32px auto 0
}

.referral-send-code-verification__btn.button_type1_disabled {
    background: #d4d9ed
}

.referral-send-code-verification__contact {
    margin-top: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3
}

.referral-send-code-verification__contact strong {
    color: #12b368;
    cursor: pointer
}

.referral-program-banner {
    font-weight: 500;
    color: #fff;
    background: #00144b;
    border: 1px solid #3251ef;
    white-space: pre-wrap
}

@media only screen and (min-width: 1024px) {
    .referral-program-banner {
        display:flex;
        align-items: center;
        font-size: 18px;
        line-height: 28px;
        padding: 12px 60px;
        height: 56px;
        position: relative;
        margin-top: 32px
    }
}

@media only screen and (max-width: 1023px) {
    .referral-program-banner {
        height:80px;
        padding: 16px 16px 16px 70px;
        font-size: 16px;
        line-height: 24px;
        margin-top: 16px
    }
}

.referral-program-banner a {
    text-decoration: none;
    color: #12b368;
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .referral-program-banner a {
        position:absolute;
        right: 60px
    }
}

.referral-program-banner a:after {
    content: "";
    position: absolute;
    background: url(/static/media/arrow.be9d1735.svg) no-repeat;
    padding-right: 20px;
    width: 24px;
    height: 24px
}

.referral-program-banner img {
    display: inline-block;
    width: 40px;
    height: 40px
}

@media only screen and (min-width: 1024px) {
    .referral-program-banner img {
        margin-right:12px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral-program-banner img {
        position:absolute;
        left: 16px
    }
}

@media only screen and (max-width: 767px) {
    .referral-program-banner img {
        position:absolute;
        left: 16px
    }
}

.referral-program-banner strong {
    color: #ffb400
}

.balance {
    width: 51rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) {
    .balance {
        padding-top:16px
    }
}

@media only screen and (max-width: 1023px) {
    .balance {
        padding-left:.5rem;
        padding-right: .5rem
    }
}

@media only screen and (max-width: 1023px) {
    .balance,.balance .wrapper-helper {
        width:100%
    }
}

@media only screen and (max-width: 1023px) {
    .balance_1 {
        padding-top:100px
    }
}

.balance-title {
    color: #424347;
    font-size: 1.75rem;
    line-height: 1.14;
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .balance-form {
        margin-top:1.5rem
    }
}

@media only screen and (max-width: 1023px) {
    .balance-form {
        margin-top:16px
    }
}

.balance-form__block {
    width: 25rem;
    text-align: left;
    text-align-last: left
}

@media only screen and (max-width: 1023px) {
    .balance-form__block {
        width:100%
    }
}

.balance-form__total {
    background-image: linear-gradient(239deg,#13cf77,#296a7b);
    width: inherit;
    height: 15rem;
    border-radius: .25rem;
    box-shadow: 0 .125rem 1.5rem 0 rgba(10,102,59,.4)
}

@media only screen and (max-width: 1023px) {
    .balance-form__total {
        background-size:cover;
        height: 11.25rem
    }
}

.balance-form__total:before {
    height: 10%;
    border-radius: 0 6.25rem 6.25rem 0;
    left: 0;
    bottom: 19%
}

.balance-form__total:after,.balance-form__total:before {
    content: "";
    display: block;
    background: hsla(0,0%,100%,.16);
    width: 70%;
    position: absolute
}

.balance-form__total:after {
    height: 5%;
    border-radius: 6.25rem 0 0 6.25rem;
    right: 0;
    bottom: 11%
}

.balance-form__total_empty {
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 1023px) {
    .balance-form__total_empty:after,.balance-form__total_empty:before {
        display:none
    }
}

.balance-form__total_empty .balance-form__total-wrapper {
    background-image: url(/static/media/trust-green.2cf7b067.svg);
    background-repeat: no-repeat;
    background-position: center 20%
}

.balance-form__total-wrapper {
    padding: 2rem;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .balance-form__total-wrapper {
        padding:1.5rem 1rem
    }
}

.balance-form__total-title {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.5rem
}

@media only screen and (max-width: 1023px) {
    .balance-form__total-title {
        font-size:1rem;
        line-height: 2
    }
}

.balance-form__total-value {
    margin-top: 1.5rem;
    color: #fff;
    font-size: 4rem;
    line-height: .63;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .balance-form__total-value {
        margin-top:1rem;
        font-size: 3rem;
        line-height: .67
    }
}

.balance-form__total-title_empty {
    padding-top: 4.25rem;
    color: hsla(0,0%,100%,.8);
    font-size: 1.125rem;
    line-height: 1.33;
    font-weight: 700
}

.balance-form__total-text_empty {
    color: hsla(0,0%,100%,.5);
    font-size: .875rem;
    line-height: 1.43
}

.balance-form__top-up__title {
    padding-top: 2.125rem;
    color: #474747;
    font-size: 1.125rem;
    line-height: 1.33;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .balance-form__top-up__title {
        margin-top:1.5rem;
        padding-top: 0;
        font-size: 1rem;
        line-height: 1.5
    }
}

.balance-form__top-up__currency {
    color: #424347;
    font-size: 1.5rem;
    line-height: .63;
    font-weight: 700;
    position: absolute;
    bottom: 1.25rem;
    left: 1rem;
    display: block
}

.balance-form__top-up__toster {
    background: #fff;
    width: 14.375rem;
    height: 3.5rem;
    padding: .5rem 1rem .5rem 2.75rem;
    border: .0625rem solid #d4d9ed;
    color: #424347;
    font-size: .875rem;
    line-height: 1.43;
    text-align: left;
    text-align-last: left;
    border-radius: .125rem;
    box-shadow: 0 .5rem 1.5rem 0 rgba(0,53,136,.15);
    position: absolute;
    left: 50%;
    top: -2.25rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (max-width: 1023px) {
    .balance-form__top-up__toster {
        width:auto;
        position: fixed;
        top: 4rem;
        left: calc(2.5% + .5rem);
        right: calc(2.5% + .5rem);
        -webkit-transform: none;
        transform: none
    }
}

.balance-form__top-up__toster:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    z-index: 2;
    border: .375rem solid transparent;
    border-top-color: #d4d9ed;
    border-bottom: none;
    bottom: -.375rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (max-width: 1023px) {
    .balance-form__top-up__toster:before {
        display:none
    }
}

.balance-form__top-up__toster:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    z-index: 2;
    border: .3125rem solid transparent;
    border-top: .375rem solid #fff;
    border-bottom: none;
    bottom: -.3125rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (max-width: 1023px) {
    .balance-form__top-up__toster:after {
        display:none
    }
}

.balance-form__top-up__toster-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    position: absolute;
    left: .625rem;
    top: .9375rem;
    display: block
}

.balance-form__top-up__toster-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 2.75rem;
    right: 1rem
}

.fieldset_custom {
    margin-top: 1.5rem
}

@media only screen and (max-width: 1023px) {
    .fieldset_custom {
        margin-top:.5rem
    }
}

.label {
    padding-bottom: 1rem;
    color: #77787a;
    font-size: .875rem;
    line-height: 1.14;
    display: block
}

.input_balance {
    width: 100%;
    padding-left: 2rem;
    padding-right: 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    box-shadow: none
}

.input_balance.placeholder {
    color: #969aa3;
    font-weight: 400
}

.input_balance:-moz-placeholder,.input_balance::-moz-placeholder {
    color: #969aa3;
    font-weight: 400
}

.input_balance:-ms-input-placeholder {
    color: #969aa3;
    font-weight: 400
}

.input_balance::-webkit-input-placeholder,.input_balance::-webkit-text-fill-color {
    color: #969aa3;
    font-weight: 400
}

.input_balance:active.placeholder,.input_balance:focus.placeholder,.input_balance:hover.placeholder {
    color: #969aa3;
    font-weight: 400
}

.input_balance:active:-moz-placeholder,.input_balance:active::-moz-placeholder,.input_balance:focus:-moz-placeholder,.input_balance:focus::-moz-placeholder,.input_balance:hover:-moz-placeholder,.input_balance:hover::-moz-placeholder {
    color: #969aa3;
    font-weight: 400
}

.input_balance:active:-ms-input-placeholder,.input_balance:focus:-ms-input-placeholder,.input_balance:hover:-ms-input-placeholder {
    color: #969aa3;
    font-weight: 400
}

.input_balance:active::-webkit-input-placeholder,.input_balance:active::-webkit-text-fill-color,.input_balance:focus::-webkit-input-placeholder,.input_balance:focus::-webkit-text-fill-color,.input_balance:hover::-webkit-input-placeholder,.input_balance:hover::-webkit-text-fill-color {
    color: #969aa3;
    font-weight: 400
}

.input_balance.input_error {
    color: #fa540a;
    border-color: #c6c8cc
}

.input_balance.input_error.placeholder {
    color: #fa540a
}

.input_balance.input_error:-moz-placeholder,.input_balance.input_error::-moz-placeholder {
    color: #fa540a
}

.input_balance.input_error:-ms-input-placeholder {
    color: #fa540a
}

.input_balance.input_error::-webkit-input-placeholder,.input_balance.input_error::-webkit-text-fill-color {
    color: #fa540a
}

@media only screen and (max-width: 1023px) {
    .balance-page .footer {
        display:none
    }
}

.payment-success {
    text-align: center
}

.payment-success img {
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .payment-success {
        height:560px;
        padding-top: 80px
    }
}

@media only screen and (max-width: 1023px) {
    .payment-success {
        padding:24px 16px 0
    }
}

.payment-success__title {
    color: #424347;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 24px
}

.payment-success__text {
    margin-top: 8px;
    color: #474747;
    font-size: 16px;
    line-height: 24px
}

.payment-success__btn {
    height: 3.5rem;
    margin-top: 24px
}

@media only screen and (min-width: 1024px) {
    .payment-success__btn {
        width:auto;
        min-width: 18.75rem;
        display: inline-block
    }
}

.referral-complition {
    text-align: center;
    padding: 64px 40px
}

@media only screen and (min-width: 1024px) {
    .referral-complition {
        height:560px
    }
}

@media only screen and (max-width: 1023px) {
    .referral-complition {
        overflow:auto;
        height: 100%
    }
}

.referral-complition img {
    margin: 0 auto
}

.referral-complition__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    margin-top: 24px;
    color: #474747
}

.referral-complition__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #474747;
    max-width: 320px;
    margin: 16px auto 0
}

.referral-complition__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    max-width: 400px;
    margin: 24px auto 0
}

.referral-complition__btn {
    margin: 80px auto 0;
    width: 288px
}

.referral-complition__contact {
    margin-top: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3
}

.referral-complition__contact strong {
    color: #12b368;
    cursor: pointer
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral-complition__bottom {
        position:absolute;
        left: 16px;
        right: 16px;
        bottom: 24px
    }
}

@media only screen and (max-width: 767px) {
    .referral-complition__bottom {
        position:absolute;
        left: 16px;
        right: 16px;
        bottom: 24px
    }
}

.referral-link-1 {
    position: relative;
    margin-top: 16px
}

.referral-link-1 .copy-btn {
    background: #13cf77;
    box-shadow: 0 4px 12px rgba(18,173,100,.4);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 6px;
    top: 6px
}

@media only screen and (min-width: 1024px) {
    .referral-link-1 .copy-btn {
        width:48px;
        height: 48px
    }
}

@media only screen and (max-width: 1023px) {
    .referral-link-1 .copy-btn {
        width:32px;
        height: 32px
    }
}

.referral-link-1 .copy-btn:hover {
    box-shadow: 0 4px 12px rgba(18,173,100,.4);
    background-color: #12b368
}

.referral-link-1 .copy-btn:active {
    box-shadow: 0 4px 12px rgba(18,173,100,.4);
    background-color: #0f9959
}

.referral-link-1 .copy-btn:before {
    content: "";
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .referral-link-1 .copy-btn:before {
        width:21px;
        height: 24px;
        background: url(/static/media/copy.19286495.svg) no-repeat 0 0
    }
}

@media only screen and (max-width: 1023px) {
    .referral-link-1 .copy-btn:before {
        width:13.33px;
        height: 16px;
        background: url(/static/media/copy-mobile.c179eec5.svg) no-repeat 0 0
    }
}

.referral-link-1 .copy-btn__copied {
    width: 58px;
    height: 28px;
    object-fit: contain;
    background-color: #474747;
    box-shadow: 0 4px 16px 0 rgba(0,53,136,.15);
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-weight: 400;
    cursor: text;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}

.referral-link-1 .copy-btn__copied:after,.referral-link-1 .copy-btn__copied:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.referral-link-1 .copy-btn__copied:after {
    border-color: rgba(71,71,71,0) rgba(71,71,71,0) #474747;
    border-width: 3px;
    margin-left: -3px
}

.referral-link-1 .copy-btn__copied:before {
    border-color: rgba(71,71,71,0) rgba(71,71,71,0) #474747;
    border-width: 2px;
    margin-left: -2px
}

.referral-link-1 .copy-btn__copied {
    margin-top: 34px
}

.referral-link-1__text {
    display: block;
    font-weight: 700;
    color: #474747;
    background: #fff;
    border: 2px dashed #13cf77;
    border-radius: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media only screen and (max-width: 1023px) {
    .referral-link-1__text {
        font-size:18px;
        line-height: 24px;
        padding: 8px 40px 8px 16px
    }
}

@media only screen and (min-width: 1024px) {
    .referral-link-1__text {
        font-size:24px;
        line-height: 24px;
        padding: 16px 55px 16px 24px
    }
}

.referral-link-2 {
    margin-top: 40px
}

.referral-link-2 .copy-btn {
    position: relative;
    background: #13cf77;
    box-shadow: 0 4px 12px rgba(18,173,100,.4);
    border-radius: 4px;
    height: 56px
}

@media only screen and (min-width: 1024px) {
    .referral-link-2 .copy-btn {
        margin-left:16px;
        width: 192px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral-link-2 .copy-btn {
        width:100%;
        margin-top: 16px
    }
}

@media only screen and (max-width: 767px) {
    .referral-link-2 .copy-btn {
        width:100%;
        margin-top: 16px
    }
}

.referral-link-2 .copy-btn__copied {
    margin-top: 34px
}

.referral-link-2 .copy-btn__text {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px
}

.referral-link-2 .copy-btn__copied {
    color: #fff;
    width: 77px;
    height: 36px;
    object-fit: contain;
    background: #1f2937;
    border-radius: 8px;
    align-items: center;
    position: absolute;
    font-weight: 400;
    cursor: text;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px
}

.referral-link-2 .copy-btn__copied,.referral-link-2__form {
    display: flex;
    justify-content: center
}

@media only screen and (max-width: 1023px) {
    .referral-link-2__form {
        flex-direction:column
    }
}

.referral-link-2__text {
    height: 56px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.25px;
    color: #474747;
    background: #fff;
    border: 1px solid #dadce0;
    box-sizing: border-box;
    border-radius: 4px;
    padding-left: 16px;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .referral-link-2__text {
        width:296px
    }
}

.referral-link-3 {
    margin-top: 32px
}

.referral-link-3 .copy-btn {
    position: relative;
    background: #12b368;
    box-shadow: 0 4px 12px rgba(18,173,100,.4);
    border-radius: 4px;
    height: 56px;
    margin-top: 16px;
    width: 100%
}

.referral-link-3 .copy-btn__copied {
    margin-top: 34px
}

.referral-link-3 .copy-btn__text {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px
}

.referral-link-3 .copy-btn__copied {
    color: #fff;
    width: 77px;
    height: 36px;
    object-fit: contain;
    background: #1f2937;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-weight: 400;
    cursor: text;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px
}

.referral-link-3__text {
    height: 56px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.25px;
    color: #474747;
    background: #fff;
    border: 1px solid #dadce0;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.accordion_initialized .accordion__body {
    display: none
}

.accordion_initialized .accordion__heading {
    cursor: pointer
}

.accordion_initialized .accordion__body_active {
    display: block
}

.referral__title {
    font-weight: 700;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747;
    max-width: 700px;
    margin: 64px auto 0
}

@media only screen and (min-width: 1024px) {
    .referral__title {
        font-size:36px;
        line-height: 44px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__title {
        font-size:28px;
        line-height: 32px;
        padding: 0 16px
    }
}

@media only screen and (max-width: 767px) {
    .referral__title {
        font-size:28px;
        line-height: 32px;
        padding: 0 16px
    }
}

.referral__title span {
    color: #ffa407
}

.referral__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #71737a;
    margin-top: 16px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__subtitle {
        padding:0 16px
    }
}

@media only screen and (max-width: 767px) {
    .referral__subtitle {
        padding:0 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__referral-link {
        padding:0 16px
    }
}

@media only screen and (max-width: 767px) {
    .referral__referral-link {
        padding:0 16px
    }
}

@media only screen and (min-width: 1024px) {
    .referral__referral-link .referral-link-2__text {
        width:400px
    }
}

.referral__tracking {
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .referral__tracking {
        margin-top:64px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__tracking {
        flex-direction:column;
        align-items: center;
        margin-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .referral__tracking {
        flex-direction:column;
        align-items: center;
        margin-top: 40px
    }
}

.referral__tracking-item {
    display: flex;
    width: 300px;
    border: 1px solid #eff1f6;
    border-radius: 4px;
    padding: 16px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__tracking-item {
        margin-top:16px
    }
}

@media only screen and (max-width: 767px) {
    .referral__tracking-item {
        margin-top:16px
    }
}

@media only screen and (min-width: 1024px) {
    .referral__tracking-item:first-child {
        margin-right:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__tracking-item:first-child {
        margin-top:0
    }
}

@media only screen and (max-width: 767px) {
    .referral__tracking-item:first-child {
        margin-top:0
    }
}

.referral__tracking-item-icon {
    margin-right: 10px
}

.referral__conf-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    color: #969aa3
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__conf-info {
        flex-direction:column;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .referral__conf-info {
        flex-direction:column;
        align-items: center
    }
}

@media only screen and (min-width: 1024px) {
    .referral__conf-info img {
        margin-right:8px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__conf-info img {
        margin-bottom:8px
    }
}

@media only screen and (max-width: 767px) {
    .referral__conf-info img {
        margin-bottom:8px
    }
}

.referral__tracking-info-count,.referral__tracking-info-sum {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.02em;
    color: #474747
}

.referral__tracking-info-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3;
    margin-top: 4px;
    display: flex;
    align-items: center;
    position: relative
}

.referral__tracking-info-text img {
    margin-left: 4px;
    cursor: pointer
}

.referral__tracking-info-tip {
    padding: 8px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #fff;
    width: 304px;
    position: absolute;
    background: #1f2937;
    border-radius: 8px;
    top: 25px
}

@media only screen and (min-width: 1024px) {
    .referral__tracking-info-tip {
        right:10px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__tracking-info-tip {
        right:-28px
    }
}

@media only screen and (max-width: 767px) {
    .referral__tracking-info-tip {
        right:-28px
    }
}

.referral__levels {
    background: url(/static/media/levels-bg.817b6cfd.svg) no-repeat 0 0;
    margin-top: 64px;
    background-size: cover
}

@media only screen and (min-width: 1024px) {
    .referral__levels {
        padding:64px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__levels {
        padding:64px 0 86px
    }
}

@media only screen and (max-width: 767px) {
    .referral__levels {
        padding:64px 0 86px
    }
}

.referral__levels .slick-list {
    padding: 20px 0 50px!important
}

.referral__levels-title {
    max-width: 608px;
    margin: 0 auto;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    color: #474747
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__levels-title {
        padding:0 16px
    }
}

@media only screen and (max-width: 767px) {
    .referral__levels-title {
        padding:0 16px
    }
}

.referral__levels-items {
    margin-top: 40px
}

@media only screen and (min-width: 1024px) {
    .referral__levels-items {
        display:flex;
        justify-content: center
    }
}

.referral__levels-items .slick-dots li {
    background: #4161a6;
    border-radius: 100%;
    opacity: .3;
    margin: 0 3px;
    width: 6px;
    height: 6px
}

.referral__levels-items .slick-dots li.slick-active {
    opacity: 1
}

.referral__levels-items .slick-dots li button {
    width: 6px;
    height: 6px
}

.referral__levels-items .slick-dots li button:after,.referral__levels-items .slick-dots li button:before {
    display: none
}

@media (hover: hover) {
    .referral__levels-items:hover .referral__levels-item_1 {
        box-shadow:none
    }
}

.referral__levels-item {
    width: 250px;
    min-height: 344px;
    background: #fff;
    border-radius: 2px;
    margin: 0 4px;
    padding: 20px 14px;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .referral__levels-item {
        width:230px;
        min-height: 384px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__levels-item {
        box-shadow:0 4px 16px rgba(0,53,136,.15)
    }
}

@media only screen and (max-width: 767px) {
    .referral__levels-item {
        box-shadow:0 4px 16px rgba(0,53,136,.15)
    }
}

.referral__levels-item:hover {
    box-shadow: 0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15)!important;
    transition: box-shadow .3s ease
}

.referral__levels-item_1 {
    box-shadow: 0 4px 16px rgba(0,53,136,.15)
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__levels-item_1 {
        box-shadow:0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15)!important
    }
}

@media only screen and (max-width: 767px) {
    .referral__levels-item_1 {
        box-shadow:0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15)!important
    }
}

@media (hover: hover) {
    .referral__levels-item_1:hover {
        box-shadow:0 4px 16px rgba(0,53,136,.15)
    }
}

.referral__levels-item-level {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.referral__levels-item-level-name {
    max-width: 104px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #969aa3
}

.referral__levels-item-level-title {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.02em;
    color: #474747;
    margin-top: 36px
}

.referral__levels-item-level-title img {
    margin-right: 12px;
    align-self: flex-start
}

.referral__levels-item-level-content {
    flex: 1 1
}

.referral__levels-item-level-progress {
    margin-top: 16px;
    position: relative;
    padding-left: 16px
}

.referral__levels-item-level-progress:before {
    content: "";
    background: url(/static/media/ic-progress.8e4fc9b4.svg) no-repeat;
    width: 6px;
    position: absolute;
    left: 0;
    top: 5px;
    height: 26px
}

.referral__levels-item-level-progress_1:before {
    height: 46px
}

.referral__levels-item-level-progress-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #71737a;
    display: flex;
    align-items: center
}

.referral__levels-item-level-progress-text img {
    margin-left: 4px;
    cursor: pointer
}

.referral__levels-item-level-bar {
    background: rgba(50,81,239,.12);
    border-radius: 40px;
    height: 8px
}

.referral__levels-item-level-bar-progress {
    border-radius: 40px;
    height: 8px
}

.referral__levels-item-level-bar-progress_1 {
    background: #3251ef;
    width: 164px
}

.referral__levels-item-level-bar-progress_2 {
    background: #3251ef;
    width: 109px
}

.referral__levels-item-level-bar-progress_3 {
    background: #3251ef;
    width: 55px
}

.referral__levels-item-level-bar-progress_4 {
    background: #1ed760
}

.referral__levels-item-level-friends {
    margin-top: 8px
}

.referral__levels-item-level-friends-count {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #474747
}

.referral__levels-item-level-friends-count img {
    margin-right: 6px
}

.referral__levels-item-level-friends-count_1 {
    color: #d4d9ed
}

.referral__levels-item-level-friends-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #969aa3;
    margin-top: 4px
}

.referral__levels-item-level-friends-text_1 {
    color: #d4d9ed
}

.referral__levels-item-level-locked {
    padding: 12px;
    display: flex;
    align-items: flex-start;
    background: #f8f9fc;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #969aa3;
    margin-top: 24px
}

.referral__levels-item-level-locked img {
    margin-right: 8px
}

.referral__levels-item-level-bonus-text {
    display: flex;
    align-items: flex-start;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #969aa3;
    margin-top: 8px
}

.referral__levels-item-level-bonus-text img {
    margin-right: 2px
}

.referral__levels-item-level-bonus-text_1 {
    margin-top: 16px
}

.referral__levels-item-level-info-tip {
    padding: 8px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #fff;
    width: 288px;
    position: absolute;
    background: #1f2937;
    border-radius: 8px;
    top: 42px
}

@media only screen and (min-width: 1024px) {
    .referral__levels-item-level-info-tip {
        right:10px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__levels-item-level-info-tip {
        left:-35px
    }
}

@media only screen and (max-width: 767px) {
    .referral__levels-item-level-info-tip {
        left:-35px
    }
}

.referral__hiw-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    color: #474747;
    margin-top: 64px
}

.referral__hiw-items {
    margin-top: 40px;
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__hiw-items {
        flex-direction:column;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .referral__hiw-items {
        flex-direction:column;
        align-items: center
    }
}

.referral__hiw-item {
    width: 304px;
    height: 216px;
    border: 1px solid #eff1f6;
    border-radius: 4px;
    padding: 24px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .referral__hiw-item {
        margin:0 8px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral__hiw-item {
        margin:8px 0
    }
}

@media only screen and (max-width: 767px) {
    .referral__hiw-item {
        margin:8px 0
    }
}

.referral__hiw-item img {
    margin: 0 auto
}

.referral__hiw-item-text {
    margin-top: 24px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747
}

.referral-faq {
    margin-top: 64px
}

@media only screen and (max-width: 767px) {
    .referral-faq .accordion__icon {
        top:0
    }
}

.referral-faq-holder {
    width: 51rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) {
    .referral-faq-holder {
        width:624px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral-faq-holder {
        width:90%
    }
}

@media only screen and (max-width: 767px) {
    .referral-faq-holder {
        width:90%
    }
}

.referral-faq-holder .accordion__group {
    border-top: 1px solid #eff1f6;
    padding-top: 12px;
    padding-bottom: 12px
}

.referral-faq-holder .accordion__group:last-child {
    border-bottom: .0625rem solid #eff1f6
}

.referral-faq-holder .accordion__body {
    padding-top: .5rem
}

.referral-faq-holder .accordion__toggle {
    position: relative
}

.referral-faq-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747;
    margin-bottom: 40px
}

.referral-faq-item-title {
    color: #15191c;
    font-size: 16px;
    line-height: 24px;
    padding-right: 25px
}

.referral-faq-item-text {
    color: #71737a;
    font-size: 16px;
    line-height: 24px
}

.referral-faq-item-text a {
    text-decoration: none;
    font-weight: 600;
    color: #12b368
}

.referral-faq-item-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: .25rem;
    right: 0
}

@media only screen and (max-width: 767px) {
    .referral-faq-item-icon {
        top:0
    }
}

.accordion__group_active .referral-faq-item-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.referral-page .main .content {
    max-width: 100%
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .referral-page .main .content {
        width:auto!important
    }
}

@media only screen and (max-width: 767px) {
    .referral-page .main .content {
        width:auto!important
    }
}

.mini-order-form__before {
    background: #fff;
    height: 3rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-bottom: .0625rem solid #eff1f6;
    position: relative
}

.mini-order-form__before-title {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    color: #474747;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: center;
    text-align-last: center
}

.mini-order-form__before-close {
    position: fixed;
    top: .75rem;
    right: 1rem;
    cursor: pointer;
    display: block
}

.mini-order-form__before-close__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: block
}

.mini-order-form__after {
    background-image: url(/static/media/trust.c4eef529.svg);
    background-repeat: no-repeat;
    background-size: 3.1875rem 4.3125rem;
    background-position: top;
    margin-top: 2.5rem;
    padding-top: 4.8125rem;
    text-align: center;
    text-align-last: center
}

.mini-order-form__after-title {
    color: #424347;
    font-weight: 700;
    line-height: 1.25rem
}

.mini-order-form__after-text {
    padding-top: .25rem;
    color: #71747a;
    font-size: .875rem;
    line-height: 1.125rem
}

.gh-landing .scrollbar-subjects-list,.gl-landing-page .scrollbar-subjects-list,.hw-form-container .scrollbar-subjects-list {
    min-width: 403px
}

@media only screen and (max-width: 600px) {
    .gh-landing .scrollbar-subjects-list,.gl-landing-page .scrollbar-subjects-list,.hw-form-container .scrollbar-subjects-list {
        min-width:0
    }
}

.subjects-list {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    text-align-last: left;
    position: relative
}

.subjects-list__title {
    display: list-item;
    padding-left: 1.5rem;
    padding-bottom: .25rem;
    color: #a5b0b9;
    font-size: .8125rem;
    line-height: 1.23;
    margin-top: 20px
}

.subjects-list_subjects {
    padding-bottom: 0
}

.subjects-list_subjects+.subjects-list_subjects {
    padding-top: 0;
    padding-bottom: .5rem
}

.subjects-list__item {
    height: 40px;
    padding: 8px 20px 8px 56px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    display: flex
}

@media only screen and (max-width: 1023px) {
    .subjects-list__item {
        padding-left:2.75rem
    }
}

.subjects-list__item:hover {
    background: rgba(239,241,246,.5)
}

.subjects-list__item-highlight {
    font-weight: 700;
    color: #11ad64;
    background: none
}

.subjects-list__not-found {
    background-color: #fff;
    background-image: url(/static/media/geek-search.70362c42.svg);
    background-repeat: no-repeat;
    background-position: center 1.875rem;
    background-size: 3.9375rem 3.625rem;
    margin-top: .5rem;
    padding: 6.25rem 2rem 2rem;
    text-align: center;
    text-align-last: center;
    position: absolute;
    min-width: 400px;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    border-radius: .125rem;
    box-shadow: 0 .25rem 1rem 0 rgba(0,0,0,.2)
}

@media only screen and (max-width: 1023px) {
    .subjects-list__not-found {
        min-width:auto
    }
}

.subjects-list__not-found__text {
    color: #424347;
    font-size: 1rem;
    line-height: 1.25
}

.subjects-list__not-found__suggest {
    padding-top: .5rem;
    color: #71747a;
    font-size: 1rem;
    line-height: 1.25
}

.subjects-list__not-found__suggest span {
    color: #12b368;
    font-weight: 500;
    cursor: pointer
}

.subjects-list__item-icon {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    position: absolute;
    left: 1.5rem;
    top: .5rem
}

@media only screen and (max-width: 1023px) {
    .subjects-list__item-icon {
        left:.75rem
    }
}

.subjects-list__item-title {
    flex: 1 1
}

.subjects-list__banner {
    padding: 22px 22px 0
}

.subjects-input {
    position: relative;
    background: #fff
}

.subjects-input__input {
    border: 1px solid #dadce0;
    box-shadow: 0 4px 8px rgba(0,53,136,.1);
    border-radius: 2px;
    position: relative;
    z-index: 1;
    background: transparent;
    padding: 24px 50px 12px 16px;
    width: 100%;
    height: 56px;
    color: #424347;
    font-size: 16px;
    line-height: 24px
}

.subjects-input__input.subjects-input__input_1+.subjects-input__label,.subjects-input__input:focus+.subjects-input__label {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    font-size: 12px;
    line-height: 18px
}

.subjects-input__input.subjects-input__input_1+.subjects-input__label+.subjects-input__icon,.subjects-input__input:focus+.subjects-input__label+.subjects-input__icon {
    width: 14px;
    height: 14px
}

.subjects-input__input_2 {
    border-color: #fa540a
}

.subjects-input__input_2+.subjects-input__label {
    color: #fa540a
}

.subjects-input__label {
    left: 16px;
    top: 16px;
    font-family: "CircularStd";
    font-size: 16px;
    line-height: 24px;
    color: #969aa3;
    z-index: 0
}

.subjects-input__icon,.subjects-input__label {
    transition: all .15s ease-out;
    position: absolute
}

.subjects-input__icon {
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px
}

.task-input {
    position: relative;
    background: #fff
}

.task-input__input {
    border: 1px solid #dadce0;
    box-shadow: 0 4px 8px rgba(0,53,136,.1);
    border-radius: 2px;
    position: relative;
    z-index: 1;
    background: transparent;
    padding: 24px 50px 12px 16px;
    width: 100%;
    height: 56px;
    color: #424347;
    font-size: 16px;
    line-height: 24px
}

.task-input__input.task-input__input_2+.task-input__label,.task-input__input:focus+.task-input__label {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    font-size: 12px;
    line-height: 18px
}

.task-input__input.task-input__input_2+.task-input__label+.subjects-input__icon,.task-input__input:focus+.task-input__label+.subjects-input__icon {
    width: 14px;
    height: 14px
}

.task-input__label {
    transition: all .15s ease-out;
    left: 16px;
    top: 16px;
    position: absolute;
    font-family: "CircularStd";
    font-size: 16px;
    line-height: 24px;
    color: #969aa3;
    z-index: 0
}

.task-input__input_1 {
    border-color: #fa540a
}

.task-input__input_1+.task-input__label {
    color: #fa540a
}

.mini-order-form {
    height: 72px
}

@media only screen and (max-width: 1023px) {
    .mini-order-form {
        height:auto;
        margin-top: 2rem;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.create-page .mini-order-form {
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .create-page .mini-order-form {
        max-width:1024px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .create-page .mini-order-form {
        max-width:944px
    }
}

@media only screen and (max-width: 1023px) {
    .orders-page .mini-order-form {
        display:none
    }
}

@media only screen and (max-width: 1023px) {
    .mini-order-form .fieldset {
        margin-top:.5rem
    }
}

@media only screen and (min-width: 1024px) {
    .mini-order-form .subjects-input,.mini-order-form .task-input {
        width:405px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .mini-order-form .subjects-input,.mini-order-form .task-input {
        width:390px
    }
}

.mini-order-form_1 {
    height: 40px
}

.mini-order-form__wrapper-holder {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 1023px) {
    .create-page .mini-order-form__wrapper-holder {
        flex-direction:column
    }
}

.mini-order-form__wrapper_fixed {
    background: hsla(0,0%,100%,.8);
    padding-top: .5rem;
    padding-bottom: .5rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    box-shadow: 0 .5rem 1.5rem 0 rgba(0,53,136,.15),inset 0 -.0625rem 0 0 #eff1f6
}

.mini-order-form__wrapper_fixed .fieldset {
    margin-top: 0
}

.mini-order-form__wrapper_fixed .mini-order-form__wrapper-holder {
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .mini-order-form__wrapper_fixed .mini-order-form__wrapper-holder {
        max-width:1024px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .mini-order-form__wrapper_fixed .mini-order-form__wrapper-holder {
        max-width:944px
    }
}

@media only screen and (max-width: 1023px) {
    .mini-order-form__wrapper_error {
        margin-top:5rem
    }
}

.error-label {
    margin-top: .5rem;
    padding-left: 1.75rem;
    color: #474747;
    font-size: .875rem;
    line-height: 1.43;
    position: absolute;
    left: 0;
    top: 100%
}

@media only screen and (max-width: 1023px) {
    .error-label {
        background:#fff;
        height: 3.5rem;
        margin-top: 0;
        position: fixed;
        top: 3.5625rem;
        left: 2.5%;
        right: 2.5%;
        border-radius: .125rem;
        box-shadow: 0 .5rem 1.5rem 0 rgba(0,53,136,.15);
        border: .0625rem solid #d4d9ed;
        padding: .5rem .75rem .5rem 3rem;
        text-align: left;
        text-align-last: left
    }
}

@media only screen and (max-width: 1023px) {
    .error-label span {
        display:block;
        position: absolute;
        left: 3rem;
        right: .75rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.error-label__icon {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    left: 0;
    top: 0
}

@media only screen and (max-width: 1023px) {
    .error-label__icon {
        left:.5rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.mini-order-form__btn {
    min-width: 196px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .mini-order-form__btn {
        min-width:148px
    }
}

@media only screen and (max-width: 1023px) {
    .mini-order-form__btn {
        min-width:auto
    }
}

.files-list__writer {
    position: relative
}

.files-list__writer+.files-list__writer {
    margin-top: 1rem
}

.files-list__writer-item {
    width: 232px;
    height: 140px;
    margin-top: 8px;
    box-shadow: 0 4px 8px rgba(0,53,136,.1);
    border-radius: 4px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative;
    margin-left: 8px
}

@media only screen and (min-width: 1280px) {
    .files-list__writer-item:nth-child(3n+1) {
        margin-left:0
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .files-list__writer-item:nth-child(odd) {
        margin-left:0
    }
}

.files-list__writer-item:first-child {
    margin-left: 0
}

.files-list__writer-item_revision .files-list__writer-item__link {
    background-image: linear-gradient(120deg,#3023ae,#c86dd7);
    box-shadow: 0 1.5rem 2.5rem 0 rgba(0,53,136,.15),0 .5rem .75rem 0 rgba(0,38,96,.06)
}

.files-list__writer-item_draft .files-list__writer-item__link {
    box-shadow: 0 8px 24px 0 rgba(0,53,136,.15);
    background-image: linear-gradient(300deg,#22b6e9,#0078c6)
}

.files-list__writer-item__wrapper {
    background-image: linear-gradient(300deg,#1ed760,#09637b);
    width: inherit;
    height: inherit;
    border-radius: .25rem
}

.files-list__writer-item__link {
    width: inherit;
    height: inherit;
    padding: 1rem;
    display: block;
    border-radius: .25rem;
    cursor: pointer
}

.files-list__writer-item__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: block
}

.files-list__writer-item__locked-icon {
    width: 2rem;
    height: 2rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5rem;
    display: block
}

.files-list__writer-item__name {
    padding-top: .75rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.files-list__writer-item__created {
    padding-top: .0625rem;
    font-size: .875rem;
    line-height: 1.14;
    color: #fff;
    display: block
}

.files-list__writer-item__type {
    background: hsla(0,0%,100%,.16);
    display: inline-flex;
    align-items: center;
    margin-top: 12px;
    padding: 2px 12px;
    color: #fff;
    border-radius: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px
}

.files-list__writer-item__type img {
    margin-right: 4px
}

.files-list__writer-item__locked-text {
    padding: 2rem 1rem;
    font-size: .875rem;
    line-height: 1.125rem;
    color: #fff;
    text-align: center;
    text-align-last: center;
    white-space: normal
}

@media only screen and (max-width: 1023px) {
    .geek-files {
        padding-top:3rem
    }
}

.geek-files__header {
    box-shadow: inset 0 -.0625rem 0 0 #eff1f6;
    padding: .75rem 1rem;
    font-family: "CircularStd";
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #424347;
    cursor: pointer
}

@media only screen and (max-width: 1023px) {
    .geek-files__header {
        background:#fff;
        height: 3rem;
        padding: .75rem 1rem;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 100;
        box-shadow: 0 .5rem 1.5rem 0 rgba(0,53,136,.15)
    }
}

.geek-files__list {
    margin: 1.75rem 2.5rem
}

.geek-files__list .files-list__writer-item {
    margin: 0 .5rem .5rem 0
}

.geek-files__header__icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 8px;
    vertical-align: top
}

.status-addons {
    color: #474747;
    margin-top: 16px;
    background: #f8f9fc;
    border-radius: 4px
}

@media only screen and (min-width: 1024px) {
    .status-addons {
        padding:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .status-addons {
        padding:16px 12px
    }
}

@media only screen and (max-width: 767px) {
    .status-addons {
        padding:16px 12px
    }
}

.status-addons__item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.status-addons__icon {
    align-self: flex-start;
    margin-right: 8px
}

.status-addons__item-info {
    flex: 1 1
}

.status-addons__item-info-subtitle,.status-addons__item-info-title {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700
}

.status-addons__item-info-subtitle {
    margin-top: 2px
}

.status-addons__item-info-text {
    font-size: 12px;
    line-height: 16px;
    color: #71737a;
    margin-top: 2px
}

.status-addons__item-btn {
    margin-left: 30px;
    align-self: flex-start
}

.status-addons__item-btn .button {
    background: rgba(19,207,119,.16);
    border-radius: 24px;
    font-size: 16px;
    line-height: 19px;
    color: #13cf77;
    font-weight: 700;
    display: flex;
    align-items: center;
    min-height: 40px;
    justify-content: center;
    cursor: pointer;
    width: auto;
    padding: 0;
    box-shadow: none;
    height: auto;
    min-width: 56px
}

.status-addons__item-btn .spinner {
    width: 24px;
    height: 24px
}

.status-addons__item-btn-added {
    background: #12b368;
    border-radius: 24px;
    width: 64px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 30px;
    align-self: flex-start
}

.status-addons__item-btn-added img {
    width: 16px;
    height: 16px
}

.status__messages-bar {
    width: 100%;
    margin-top: 16px
}

@media only screen and (max-width: 1023px) {
    .status__messages-bar {
        margin-top:16px
    }
}

.status__messages-bar-link {
    background: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    display: block;
    position: relative;
    border-top: 1px solid #eff1f6;
    border-bottom: 1px solid #eff1f6;
    padding: 12px 0 12px 42px;
    cursor: pointer
}

.status__messages-bar-link__icon {
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 7px;
    left: 0
}

.status__messages-bar-link__arrow {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 12px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    pointer-events: none
}

.status__messages-bar-info-icon {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.status__messages-bar-info-icon img {
    width: 16px;
    height: 16px
}

@media only screen and (min-width: 1024px) {
    .status__messages-bar-info-icon {
        right:16px
    }
}

@media only screen and (max-width: 1023px) {
    .status__messages-bar-info-icon {
        right:0
    }
}

.status__messages-bar-info-tip {
    background: #1f2937;
    border-radius: 8px;
    position: absolute;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .status__messages-bar-info-tip {
        width:302px;
        top: 45px
    }
}

@media only screen and (max-width: 1023px) {
    .status__messages-bar-info-tip {
        left:0;
        right: 0;
        top: 45px
    }
}

.status__messages-bar_all {
    background-image: url(/static/media/ic-message-empty.497234b1.svg);
    color: #969aa3;
    position: absolute;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -5px;
    top: 4px;
    font-size: 20px
}

.status__messages-bar_unread {
    position: absolute;
    width: 57px;
    height: 57px;
    color: #fff;
    background-image: url(/static/media/ic-message-filled.9565833c.svg);
    left: -12px;
    top: 2px;
    font-size: 20px
}

.status__messages-bar_unread span {
    position: absolute;
    left: 25px;
    top: 10px
}

.status {
    position: relative;
    display: block
}

@media only screen and (max-width: 1023px) {
    .status_1 {
        margin-top:24px
    }
}

.status_2 {
    border-radius: 2px;
    box-shadow: 0 16px 40px 0 rgba(0,53,136,.15),0 8px 12px 0 rgba(0,38,96,.06);
    background-color: #fff;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .status_2 {
        width:400px;
        padding: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .status_2 {
        margin-top:16px;
        padding: 16px 12px
    }
}

.status__ddl {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.status__dll-title {
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a
}

.status__dll-value {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #474747;
    background: #eff1f6;
    border-radius: 4px;
    padding: 2px 8px;
    display: flex;
    align-items: center
}

.status__dll-value img {
    margin-right: 4px
}

.status__top {
    display: flex;
    align-items: center;
    margin-top: 6px
}

.status__text-title {
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #eff1f6
}

.status__title {
    color: #474747;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    flex: 1 1
}

.status__timer {
    background: #fb6514;
    border-radius: 16px;
    padding: 2px 8px;
    font-weight: 500;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    letter-spacing: .4px;
    color: #fff;
    vertical-align: middle;
    margin-left: 6px
}

.status__timer img {
    margin-right: 2px
}

.status__bottom {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.status__tips-btn {
    font-size: 16px;
    color: #12b368;
    float: right;
    position: relative;
    padding-left: 20px;
    font-weight: 700;
    cursor: pointer;
    line-height: 24px
}

.status__tips-btn:before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/static/media/ic-tips.d4cba1d9.svg) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 3px
}

.status__description {
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #71737a
}

.status__info-instruction {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #474747;
    background: #fff6ed;
    border-radius: 4px;
    padding: 12px 16px 12px 44px;
    position: relative;
    margin-top: 4px
}

.status__info-instruction:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 12px;
    background: url(/static/media/ic-face.dd74d5fe.svg) no-repeat 0 0;
    width: 20px;
    height: 20px
}

.status__info-instruction:after {
    content: "";
    position: absolute;
    left: 10px;
    top: -4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #fff6ed
}

.status__info-instruction .status__info-highlight {
    color: #fb6514
}

.status__info-best-geek {
    background: rgba(35,196,255,.08);
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    padding: 12px 16px 12px 44px;
    position: relative;
    margin-top: 4px
}

.status__info-best-geek:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 12px;
    background: url(/static/media/ic-watch.6b9b6e59.svg) no-repeat 0 0;
    width: 20px;
    height: 20px
}

.status__info-best-geek:after {
    content: "";
    position: absolute;
    left: 10px;
    top: -4px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(35,196,255,.08)
}

.status__info-best-geek .status__info-highlight {
    color: #3062d9
}

.status__info-best-geek .status__info-link {
    color: #12b368;
    cursor: pointer
}

.status__rate-order {
    height: 44px;
    border-radius: 4px;
    box-shadow: 0 4px 12px 0 rgba(18,173,100,.4);
    background: var(--seaweed);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    font-family: "CircularStd";
    line-height: 1.33;
    color: #fff;
    width: 100%;
    cursor: pointer;
    margin-top: 8px
}

.status__rate-order:before {
    content: "";
    margin-right: 8px;
    left: 0;
    background: url(/static/media/star-empty-1.8f9cb550.svg) no-repeat 0 0;
    width: 16px;
    height: 16px;
    top: 3px
}

.status__rate-order:hover:before {
    background: url(/static/media/star-filled-1.bb67e5d0.svg) no-repeat 0 0
}

.status__stars {
    float: right;
    display: flex;
    align-items: center
}

.status__stars-item {
    background-image: url(/static/media/star-empty.8850cb17.svg);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    margin: 0 .25rem
}

.status__stars-item_checked {
    background-image: url(/static/media/star-filled.f701db9d.svg)
}

.status__rate-change {
    position: relative;
    cursor: pointer
}

.status__rate-change-dots {
    display: flex;
    margin-left: 16px
}

.status__stars-mark {
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    margin-left: 2px
}

.status__rate-change-popup {
    position: absolute;
    z-index: 1;
    background: #fff;
    color: #474747;
    box-shadow: 0 16px 40px rgba(0,53,136,.15),0 8px 12px rgba(0,38,96,.06);
    border-radius: 2px;
    width: 216px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: auto;
    right: 0;
    top: 25px
}

.status__rate-change-popup:before {
    background: url(/static/media/star-empty-2.43e0da0d.svg) no-repeat 0 0;
    width: 18px;
    content: "";
    width: 19px;
    height: 18px;
    position: absolute;
    top: 22px;
    left: 22px
}

.status__progress-holder {
    margin-top: 12px
}

.status__progress {
    background: rgba(212,217,237,.5);
    height: 8px;
    border-radius: 8px;
    display: block;
    overflow: hidden
}

.status__progress>span,.status__progress>span>span {
    border-radius: inherit
}

.status__progress-bar {
    height: inherit;
    border-radius: 8px;
    display: block;
    transition: width .3s linear
}

.status__progress-geek-is-working>div {
    background: #23c4ff
}

.status__progress-task-is-completed-·-pay-the-remaining-70>div,.status__progress-task-is-completed>div {
    background: #12b34a
}

.status__progress-revision-in-progress>div,.status__progress-revision-is-completed>div,.status__progress-revision-requested>div {
    background: #a836ff
}

.status__progress-refund-requested>div {
    background: #f7b500
}

.status__progress-refunded>div {
    background: #fa6400
}

.status__progress-devided {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.status__progress-devided>div {
    margin-right: 2px
}

.status__progress-devided>div:last-child {
    margin-right: 0
}

@-webkit-keyframes animate {
    0% {
        -webkit-transform: translatex(-50%);
        transform: translatex(-50%)
    }

    50% {
        -webkit-transform: translatex(100%);
        transform: translatex(100%)
    }

    to {
        -webkit-transform: translatex(-50%);
        transform: translatex(-50%)
    }
}

@keyframes animate {
    0% {
        -webkit-transform: translatex(-50%);
        transform: translatex(-50%)
    }

    50% {
        -webkit-transform: translatex(100%);
        transform: translatex(100%)
    }

    to {
        -webkit-transform: translatex(-50%);
        transform: translatex(-50%)
    }
}

.status__progress-instruction {
    width: 12%
}

.status__progress-instruction>div {
    background-color: #23c4ff;
    -webkit-animation: animate 1s ease-out infinite;
    animation: animate 1s ease-out infinite;
    transition: none
}

.status__progress-instruction-completed {
    width: 12%;
    background-color: #23c4ff
}

.status__progress-instruction-completed>div {
    -webkit-animation: none;
    animation: none
}

.status__progress-best {
    width: 22%
}

.status__progress-best>div {
    background-color: #23c4ff
}

.status__progress-best-completed {
    width: 22%;
    background-color: #23c4ff
}

.status__progress-geek-is-working {
    width: 66%
}

.status__progress-geek-is-working>div {
    background-color: #23c4ff
}

.status__track-task {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #13cf77;
    padding: 10px 0;
    border: 2px solid #13cf77;
    border-radius: 4px;
    margin-top: 8px;
    justify-content: center
}

.status__track-task img {
    margin-right: 8px
}

.status__geek-info-items {
    display: flex;
    align-items: center
}

.status__geek-info_1 {
    cursor: pointer
}

.status__geek-info-img {
    margin-right: 8px;
    position: relative
}

.status__geek-info-photo {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    overflow: hidden;
    border-radius: 100%
}

.status__geek-info-photo_1 {
    border: 2px solid #ffa407
}

.status__geek-info-topgeek-badge {
    background: #ffa407;
    border: 2px solid #fff;
    border-radius: 16px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -.25px;
    color: #fffbf0;
    position: absolute;
    width: 40px;
    height: 22px;
    display: flex;
    top: 30px;
    align-items: center;
    justify-content: center
}

.status__geek-info-topgeek-badge-img {
    position: absolute;
    top: 0;
    left: -5px
}

.status__geek-info-preferred-badge-img {
    position: absolute;
    right: 0;
    top: 20px;
    right: -6px
}

.status__geek-info-rating {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1.25px solid #fff;
    box-sizing: border-box;
    border-radius: 125px;
    width: 40px;
    height: 20px;
    margin: 0 auto;
    box-shadow: 0 5px 20px rgba(0,53,136,.15);
    justify-content: center;
    position: absolute;
    top: 30px
}

.status__geek-info-rating_1 img {
    margin-right: 2px
}

.status__geek-info-rating-value {
    font-size: 12px;
    line-height: 18px;
    color: #474747;
    font-weight: 700
}

.status__geek-info-rating_2 {
    cursor: pointer
}

.status__geek-info-link {
    margin-left: 2px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.status__geek-info-name {
    font-size: 14px;
    line-height: 20px;
    color: #474747;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (min-width: 1024px) {
    .status__geek-info-name {
        max-width:200px
    }
}

@media only screen and (max-width: 1023px) {
    .status__geek-info-name {
        max-width:120px
    }
}

.status__geek-info-id {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a;
    display: flex;
    align-items: center
}

.status__geek-info-online {
    background: #13cf77;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    right: 0
}

.status-tracking {
    margin-top: 24px
}

.status-tracking__title {
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a
}

.status-tracking__items {
    margin-top: 16px
}

.status-tracking__item {
    display: flex;
    align-items: flex-start;
    position: relative
}

.status-tracking__value {
    color: rgba(71,71,71,.32);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.02em
}

.status-tracking__value_1 {
    color: #474747
}

.status-tracking__icon {
    margin-right: 12px
}

.status-tracking__info {
    margin-left: 4px;
    cursor: pointer;
    position: relative;
    top: 4px
}

.status-tracking__info-tip {
    padding: 8px 12px;
    background: #1f2937;
    border-radius: 8px;
    position: absolute;
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #fff;
    z-index: 1;
    top: 24px;
    right: -16px
}

@media only screen and (min-width: 1024px) {
    .status-tracking__info-tip {
        width:288px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .status-tracking__info-tip {
        width:250px
    }
}

@media only screen and (max-width: 767px) {
    .status-tracking__info-tip {
        width:250px
    }
}

.status__geek-details {
    display: flex;
    align-items: center;
    margin-top: 24px
}

.status__geek-details-item {
    border: 1px solid #dadce0;
    border-radius: 2px;
    padding: 12px 14px
}

@media only screen and (min-width: 1024px) {
    .status__geek-details-item {
        width:172px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .status__geek-details-item {
        width:100%
    }
}

@media only screen and (max-width: 767px) {
    .status__geek-details-item {
        width:100%
    }
}

.status__geek-details-item:first-child {
    margin-right: 8px
}

.status__geek-details-title {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #474747
}

.status__geek-details-title img {
    margin-right: 4px
}

.status__geek-details-text {
    font-weight: 450;
    color: #969aa3
}

.status__geek-details-text,.status__geek-tip {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px
}

.status__geek-tip {
    background: #3251ef;
    box-shadow: 0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15);
    border-radius: 4px;
    position: absolute;
    width: 288px;
    padding: 16px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: flex-start;
    margin-top: 16px;
    z-index: 1;
    white-space: pre-wrap
}

.status__geek-tip:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #3251ef;
    position: absolute;
    top: -4px;
    left: 18px
}

.status__geek-tip-star {
    margin-right: 8px
}

.status-tracking__btn-hide,.status-tracking__btn-show {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    color: #12b368;
    display: inline-flex;
    align-items: center;
    cursor: pointer
}

.status-tracking__btn-hide img,.status-tracking__btn-show img {
    margin-left: 4px
}

.status-tracking__btn-hide img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tutors-list {
    min-height: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center
}

.tutors-list__item {
    background-size: cover;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: thin solid #fff
}

.tutors-list__item+.tutors-list__item {
    margin-left: -.5rem
}

.orders-list__referral-banner {
    background: #00144b;
    border: 1px solid #3251ef;
    border-radius: 4px;
    margin: 8px 0
}

@media only screen and (min-width: 1024px) {
    .orders-list__referral-banner {
        height:136px;
        padding: 32px 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .orders-list__referral-banner {
        padding:16px
    }
}

@media only screen and (max-width: 767px) {
    .orders-list__referral-banner {
        padding:16px
    }
}

@media only screen and (min-width: 1024px) {
    .orders-list__referral-banner-items {
        display:flex;
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1024px) {
    .orders-list__referral-banner-item_1 {
        display:flex;
        align-items: flex-start
    }
}

.orders-list__referral-banner-item_2 {
    flex: 1 1
}

@media only screen and (min-width: 1024px) {
    .orders-list__referral-banner-item_2 {
        max-width:400px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .orders-list__referral-banner-item_2 {
        margin-top:24px;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .orders-list__referral-banner-item_2 {
        margin-top:24px;
        width: 100%
    }
}

.orders-list__referral-banner-icon {
    display: inline-block;
    margin-right: 24px
}

.orders-list__referral-banner-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    max-width: 320px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .orders-list__referral-banner-title {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .orders-list__referral-banner-title {
        margin-top:24px
    }
}

.orders-list__referral-banner-title a {
    color: #13cf77;
    margin-top: 8px;
    position: relative;
    display: flex;
    align-items: center
}

.orders-list__referral-banner-bar {
    height: 8px;
    background: rgba(239,241,246,.12);
    border-radius: 40px
}

.orders-list__referral-banner-bar-loading {
    background: #3251ef;
    box-shadow: 0 4px 8px rgba(50,81,239,.1);
    height: 8px;
    border-radius: 40px
}

@media only screen and (min-width: 1024px) {
    .orders-list__referral-banner-bar-loading_1 {
        max-width:200px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .orders-list__referral-banner-bar-loading_1 {
        max-width:136px
    }
}

@media only screen and (max-width: 767px) {
    .orders-list__referral-banner-bar-loading_1 {
        max-width:136px
    }
}

@media only screen and (min-width: 1024px) {
    .orders-list__referral-banner-bar-loading_2 {
        max-width:300px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .orders-list__referral-banner-bar-loading_2 {
        max-width:204px
    }
}

@media only screen and (max-width: 767px) {
    .orders-list__referral-banner-bar-loading_2 {
        max-width:204px
    }
}

@media only screen and (min-width: 1024px) {
    .orders-list__referral-banner-bar-loading_3 {
        max-width:100px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .orders-list__referral-banner-bar-loading_3 {
        max-width:68px
    }
}

@media only screen and (max-width: 767px) {
    .orders-list__referral-banner-bar-loading_3 {
        max-width:68px
    }
}

.orders-list__referral-banner-counter {
    display: flex;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    align-items: center;
    color: #fff;
    margin-top: 16px
}

.orders-list__referral-banner-counter img {
    margin-right: 6px;
    position: relative;
    top: -2px
}

.orders-list__referral-banner-counter-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #fff;
    opacity: .8;
    margin-top: 4px
}

.orders-list__subscription-promo {
    background: linear-gradient(286.17deg,#246bfd,#6f9eff);
    margin-top: 8px
}

@media only screen and (min-width: 1024px) {
    .orders-list__subscription-promo {
        display:flex;
        align-items: center;
        justify-content: space-between;
        padding: 40px 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .orders-list__subscription-promo {
        padding:16px
    }
}

@media only screen and (max-width: 767px) {
    .orders-list__subscription-promo {
        padding:16px
    }
}

.orders-list__subscription-promo-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .orders-list__subscription-promo-title {
        display:flex;
        align-items: center
    }
}

@media only screen and (min-width: 1024px) {
    .orders-list__subscription-promo-title img {
        margin-right:24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .orders-list__subscription-promo-title img {
        margin-bottom:16px
    }
}

@media only screen and (max-width: 767px) {
    .orders-list__subscription-promo-title img {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 1024px) {
    .orders-list__subscription-promo-2 {
        display:flex;
        align-items: center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .orders-list__subscription-promo-2 {
        margin-top:16px
    }
}

@media only screen and (max-width: 767px) {
    .orders-list__subscription-promo-2 {
        margin-top:16px
    }
}

@media only screen and (min-width: 1024px) {
    .orders-list__subscription-promo-price {
        padding-right:40px;
        border-right: 2px solid #98bbfb;
        margin-right: 24px
    }
}

.orders-list__subscription-promo-price-text {
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #f8f9fc
}

.orders-list__subscription-promo-price-value {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff
}

.orders-list__subscription-promo-price-value img {
    margin-left: 4px
}

.orders-list__subscription-promo-btn {
    background: #13cf77;
    border: 2px solid #13cf77;
    box-shadow: 0 4px 12px rgba(18,173,100,.4);
    border-radius: 4px;
    padding: 10px 37px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .orders-list__subscription-promo-btn {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .orders-list__subscription-promo-btn {
        margin-top:24px
    }
}

.orders {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .orders {
        max-width:944px
    }
}

@media only screen and (max-width: 1023px) {
    .orders {
        width:100%
    }
}

.orders-empty {
    background-image: url(/static/media/orders-empty.33951d00.svg);
    background-repeat: no-repeat;
    background-size: 23.75rem 18.75rem;
    background-position: top;
    width: 23.75rem;
    margin-top: 4rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20.25rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 1023px) {
    .orders-empty {
        background-size:90vw 72vw;
        width: 90vw;
        padding-top: calc(72vw + 1.5rem)
    }
}

.orders-empty__title {
    color: #424347;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700
}

.orders-empty__text {
    padding-top: .5rem;
    color: #424347;
    font-size: 1rem;
    line-height: 2rem
}

.orders-empty__subtext {
    padding-top: .5rem;
    color: #71747a;
    font-size: 1rem;
    line-height: 1.5rem
}

.orders-list__item {
    position: relative;
    margin-top: 16px
}

.orders-list__item+.orders-list__item {
    margin-top: 48px
}

.orders-list__item-collapse {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0;
    left: -2rem;
    cursor: pointer
}

@media only screen and (max-width: 1023px) {
    .orders-list__item-collapse {
        left:0
    }
}

.orders-list__item-collapse__icon {
    width: inherit;
    height: inherit;
    display: block
}

.orders-list__title {
    font-weight: 700;
    line-height: 24px;
    color: #474747;
    display: flex
}

@media only screen and (min-width: 1024px) {
    .orders-list__title {
        font-size:24px
    }
}

@media only screen and (max-width: 1023px) {
    .orders-list__title {
        font-size:20px;
        padding-left: 30px
    }
}

.orders-list__title-count {
    background: #f6f7ff;
    border: 1px solid #ccd0ee;
    border-radius: 4px;
    padding: 0 6px;
    height: 24px;
    margin-left: 8px;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.orders-list__subitem {
    background: #fff;
    min-height: 8.5rem;
    border-radius: .125rem;
    box-shadow: 0 .5rem .75rem 0 rgba(0,38,96,.06);
    position: relative;
    margin-top: 8px
}

.orders-list__subitem:first-child {
    margin-top: 0
}

.orders-list__subitem-right_1 {
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .orders-list__subitem-right_1 {
        max-width:400px
    }
}

@media only screen and (min-width: 1024px) {
    .orders-list__subitem-link {
        padding:20px 24px;
        display: flex;
        align-items: center;
        min-height: inherit;
        justify-content: space-between
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .orders-list__subitem-link {
        padding:16px;
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .orders-list__subitem-link {
        padding:16px;
        display: block
    }
}

.orders-list__subitems {
    margin-top: 16px
}

.orders-list__subitem-title {
    min-height: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #474747;
    font-size: 18px;
    line-height: 1.33;
    text-align: left;
    text-align-last: left;
    display: block;
    font-weight: 700;
    padding-right: 70px
}

@media only screen and (min-width: 1024px) {
    .orders-list__subitem-title {
        max-width:495px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .orders-list__subitem-title {
        max-width:415px
    }
}

@media only screen and (max-width: 1023px) {
    .orders-list__subitem-title {
        width:100%
    }
}

.orders-list__subitem-deadline {
    color: #71737a;
    font-size: 16px;
    line-height: 1.25;
    margin-top: 8px;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 1023px) {
    .orders-list__subitem-deadline {
        display:block;
        line-height: 1.5
    }
}

.orders-list__subitem-deadline__icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .25rem
}

.orders-list__subitem-connect {
    min-height: 1.5rem;
    color: #333337
}

@media only screen and (min-width: 1024px) {
    .orders-list__subitem-connect {
        align-items:center;
        display: flex
    }
}

@media only screen and (max-width: 1023px) {
    .orders-list__subitem-connect {
        margin-top:0;
        flex-direction: column
    }

    .orders-list__subitem-connect .button {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 1rem;
        display: block
    }

    .orders-list__subitem-connect .button .button {
        width: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .orders-list__subitem-connect .orders__remove-order {
        margin-right:33px
    }
}

@media only screen and (max-width: 1023px) {
    .orders-list__subitem-connect .orders__remove-order {
        position:absolute;
        right: 16px;
        top: 20px
    }
}

.orders-list__subitem-connect-text {
    padding: 8px;
    font-size: 16px;
    line-height: 24px;
    -webkit-transform: none;
    transform: none
}

@media only screen and (min-width: 1024px) {
    .orders-list__subitem-connect-text {
        margin-right:65px
    }
}

@media only screen and (max-width: 1023px) {
    .orders-list__subitem-connect-text {
        display:inline-block
    }
}

.orders-list__subitem-messages {
    background-image: url(/static/media/ic-message-empty.497234b1.svg);
    background-repeat: no-repeat;
    min-width: 40px;
    height: 40px;
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #969aa3;
    padding: 5px;
    text-align: center;
    text-align-last: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 1024px) {
    .orders-list__subitem-messages {
        right:440px;
        top: 50%
    }
}

@media only screen and (max-width: 1023px) {
    .orders-list__subitem-messages {
        right:12px;
        top: 30px
    }
}

.orders-list__subitem-messages:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0
}

.orders-list__subitem-message_1 {
    min-width: 57px;
    height: 50px;
    line-height: 32px;
    color: #fff;
    background-image: url(/static/media/ic-message-filled.4c737bd3.svg)
}

@media only screen and (max-width: 1023px) {
    .orders-page .footer {
        display:none
    }
}

@media only screen and (min-width: 1024px) {
    .orders_1 {
        padding-top:48px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .orders_1 {
        padding-top:80px
    }
}

@media only screen and (max-width: 767px) {
    .orders_1 {
        padding-top:80px
    }
}

.orders_2 .orders-list {
    position: relative
}

.orders_2 .orders-list:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.orders__show-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 20px;
    color: #13cf77;
    padding: 18px 0;
    cursor: pointer;
    margin-top: 8px;
    background: #d9f7e9;
    font-weight: 700;
    border-radius: 4px
}

.orders__show-more:hover {
    background: #d0eee0
}

.orders__show-more:active {
    background: #a3e3c5
}

.orders__show-more img {
    margin-left: 8px
}

.orders__show-more_1 img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.orders__filter {
    display: flex;
    margin-top: 24px
}

.orders_2 .orders__filter {
    position: relative;
    opacity: .5
}

.orders_2 .orders__filter:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .orders__filter {
        justify-content:flex-end
    }
}

@media only screen and (max-width: 1023px) {
    .orders__filter {
        flex-direction:column-reverse
    }
}

.orders__filter-items {
    display: flex;
    align-items: center
}

.orders__filter-item {
    position: relative
}

.orders__filter-item-1 {
    color: #12b368;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer
}

@media only screen and (min-width: 1024px) {
    .orders__filter-item-2,.orders__filter-item-3 {
        margin-left:38px
    }
}

.orders__filter-item-2 .dropdown-container {
    left: 0
}

.orders__filter-item-3 .dropdown-container {
    right: 0;
    left: auto
}

@media only screen and (max-width: 1023px) {
    .orders__filter-item-3 {
        margin-left:60px
    }
}

.orders__filter-item-value {
    font-size: 12px;
    line-height: 18px;
    color: #474747;
    display: flex;
    align-items: center;
    cursor: pointer
}

.orders__filter-item-value:after {
    content: "";
    background: url(/static/media/arrow-down.3b47f260.svg) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    margin-left: 2px
}

.orders__filter-item-value span {
    color: #969aa3;
    margin-right: 6px
}

.orders__filter-item-value_1:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.orders__filter-items-item {
    font-size: 16px;
    line-height: 20px;
    color: #424347;
    margin-top: 16px;
    padding: 0 24px;
    cursor: pointer
}

.orders__filter-items-item:first-child {
    margin-top: 0;
    cursor: default
}

.orders__filter-items-item_1 {
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.orders__filter-items-item_1:after {
    content: "";
    background: url(/static/media/check.6af0ced7.svg) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    align-self: flex-start
}

.orders__filter-items-item-value span {
    color: #71737a;
    font-weight: 400
}

.orders__remove-order {
    position: relative;
    cursor: pointer
}

.orders__remove-order-dots {
    display: flex;
    margin-left: 10px;
    padding: 8px 0
}

.orders__remove-order-dots:first-child {
    margin-left: 0
}

.orders__remove-order-dots-dot {
    background: #71737a;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin: 0 1.5px
}

.orders__remove-order-popup {
    position: absolute;
    z-index: 1;
    background: #fff;
    color: #fa540a;
    box-shadow: 0 16px 40px rgba(0,53,136,.15),0 8px 12px rgba(0,38,96,.06);
    border-radius: 2px;
    width: 216px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: auto;
    right: 0;
    top: 25px
}

.orders__remove-order-popup:before {
    background: url(/static/media/ic-remove.b0717692.svg) no-repeat 0 0;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    top: 22px;
    left: 22px
}

.payment-error {
    text-align: center
}

.payment-error img {
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .payment-error {
        height:560px;
        padding-top: 50px
    }
}

@media only screen and (max-width: 1023px) {
    .payment-error {
        padding:24px 16px 0;
        height: 100%;
        overflow: auto
    }
}

.payment-error__title {
    color: #424347;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 24px
}

.payment-error__text {
    margin-top: 8px;
    color: #474747;
    font-size: 16px;
    line-height: 24px
}

.payment-error__subtext {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    color: #71747a;
    font-size: 16px;
    line-height: 24px
}

.payment-error__help {
    margin-top: 24px
}

.payment-error__help-title {
    color: #474747;
    font-size: 16px;
    line-height: 24px
}

.payment-error__help-buttons {
    margin-top: 16px;
    text-align: center;
    text-align-last: center
}

.payment-error__help-buttons-item {
    display: inline-block;
    vertical-align: top
}

@media only screen and (min-width: 1024px) {
    .payment-error__help-buttons-item+.payment-error__help-buttons-item {
        margin-left:24px
    }
}

@media only screen and (max-width: 1023px) {
    .payment-error__help-buttons-item+.payment-error__help-buttons-item {
        margin-left:5%
    }
}

.payment-error__help-buttons-item__link {
    background: #fff;
    cursor: pointer;
    height: 48px;
    padding-top: 13px;
    padding-bottom: 11px;
    border: .125rem solid #13cf77;
    border-radius: .25rem;
    color: #13cf77;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    display: block
}

@media only screen and (min-width: 1024px) {
    .payment-error__help-buttons-item__link {
        width:160px
    }
}

@media only screen and (max-width: 1023px) {
    .payment-error__help-buttons-item__link {
        width:136px
    }
}

.order-created {
    text-align: center
}

.order-created img {
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .order-created {
        height:560px;
        padding-top: 50px
    }
}

@media only screen and (max-width: 1023px) {
    .order-created {
        padding-top:24px
    }
}

.order-created .tutor-list {
    margin-top: 24px
}

@media only screen and (max-width: 1023px) {
    .order-created .tutor-list__title {
        padding-left:16px;
        padding-right: 16px
    }
}

.order-created__title {
    color: #424347;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 32px
}

@media only screen and (max-width: 1023px) {
    .order-created__title {
        padding-left:16px;
        padding-right: 16px
    }
}

.order-created__subtext {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    color: #71747a;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (max-width: 1023px) {
    .order-created__subtext {
        padding-left:16px;
        padding-right: 16px
    }
}

.order-created__btn {
    width: auto;
    min-width: 300px;
    height: 56px;
    margin-top: 24px;
    display: inline-block
}

@media only screen and (max-width: 1023px) {
    .order-created__btn {
        min-width:0;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

.order-created__close {
    color: #71747a;
    line-height: 24px;
    margin-top: 16px;
    text-align: center
}

@media only screen and (max-width: 1023px) {
    .order-created__close {
        padding-left:16px;
        padding-right: 16px
    }
}

.order-created__close-value {
    text-decoration: underline;
    cursor: pointer
}

.rating {
    text-align: center;
    overflow: auto
}

@media only screen and (min-width: 1024px) {
    .rating {
        height:560px;
        padding: 18px 16px 0
    }
}

@media only screen and (max-width: 1023px) {
    .rating {
        height:100%;
        padding: 18px 8px 0
    }
}

.rating__info {
    border-bottom: 1px solid var(--pale-grey);
    padding-bottom: 15px;
    text-align: left;
    position: relative;
    padding-left: 45px;
    padding-right: 45px
}

.rating__info:before {
    content: "";
    width: 33px;
    height: 40px;
    background: url(/static/media/ill-essay.8d147a8b.svg) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 2px
}

.rating__info-title {
    font-family: "CircularStd";
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #474747;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rating__info-subject {
    font-size: 14px;
    line-height: 1.43;
    color: #71737a
}

.rating__title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.02em;
    color: #474747;
    font-weight: 700;
    margin-top: 24px
}

.rating__subtitle {
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #71737a;
    margin-top: 8px
}

.rating__stars-list {
    display: flex;
    justify-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row-reverse
}

.rating__stars-item {
    background-repeat: no-repeat;
    background-size: cover;
    width: 96px;
    height: 96px;
    margin: 0 -5px;
    cursor: pointer
}

@media only screen and (max-width: 1023px) {
    .rating__stars-item {
        width:70px;
        height: 73px
    }
}

.rating__stars-item.rating__stars-item_checked,.rating__stars-item:hover~.rating__stars-item {
    background-image: url(/static/media/filled.9de33fe1.svg)
}

.rating__stars-item_1 {
    background-image: url(/static/media/1.aa10a0a8.svg)
}

.rating__stars-item_1.rating__stars-item_current_mark,.rating__stars-item_1:hover {
    background-image: url(/static/media/1_filled.4463f36c.svg)
}

.rating__stars-item_2 {
    background-image: url(/static/media/2.942cccb6.svg)
}

.rating__stars-item_2.rating__stars-item_current_mark,.rating__stars-item_2:hover {
    background-image: url(/static/media/2_filled.0dd5a956.svg)
}

.rating__stars-item_3 {
    background-image: url(/static/media/3.a6f03fcf.svg)
}

.rating__stars-item_3.rating__stars-item_current_mark,.rating__stars-item_3:hover {
    background-image: url(/static/media/3_filled.81efdf9e.svg)
}

.rating__stars-item_4 {
    background-image: url(/static/media/4.1ee3e4c6.svg)
}

.rating__stars-item_4.rating__stars-item_current_mark,.rating__stars-item_4:hover {
    background-image: url(/static/media/4_filled.852eb837.svg)
}

.rating__stars-item_5 {
    background-image: url(/static/media/5.52e89ab2.svg)
}

.rating__stars-item_5.rating__stars-item_current_mark,.rating__stars-item_5:hover {
    background-image: url(/static/media/5_filled.7c03fe5f.svg)
}

.rating__feedback {
    margin-top: 13px
}

.rating__feedback-textarea {
    border: 1px solid #dadce0;
    padding: 12px;
    font-size: 16px;
    resize: vertical;
    resize: none;
    height: 84px
}

.rating__feedback-textarea.placeholder {
    line-height: 1.5;
    color: #969aa3
}

.rating__feedback-textarea:-moz-placeholder,.rating__feedback-textarea::-moz-placeholder {
    line-height: 1.5;
    color: #969aa3
}

.rating__feedback-textarea:-ms-input-placeholder {
    line-height: 1.5;
    color: #969aa3
}

.rating__feedback-textarea::-webkit-input-placeholder,.rating__feedback-textarea::-webkit-text-fill-color {
    line-height: 1.5;
    color: #969aa3
}

@media only screen and (min-width: 1024px) {
    .rating__feedback-textarea {
        width:488px
    }
}

@media only screen and (max-width: 1023px) {
    .rating__feedback-textarea {
        width:100%
    }
}

.rating__button {
    margin: 30px auto 0
}

@media only screen and (min-width: 1024px) {
    .rating__button {
        width:304px
    }
}

@media only screen and (max-width: 1023px) {
    .rating__button {
        width:calc(100% - 16px);
        position: absolute;
        bottom: 8px;
        left: 8px;
        right: 8px
    }
}

.tags__title {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #474747;
    font-weight: 500
}

.tags__list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

@media only screen and (min-width: 1024px) {
    .tags__list {
        margin-top:13px
    }
}

@media only screen and (max-width: 1023px) {
    .tags__list {
        margin-top:11px
    }
}

.tags__item {
    border: 2px solid #d4d9ed;
    border-radius: 20px;
    padding: 6px 10px;
    color: #637293;
    cursor: pointer;
    line-height: 24px;
    margin: 3px;
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width: 1024px) {
    .tags__item:active,.tags__item:hover {
        background:#d4d9ed;
        color: #637293;
        border: 2px solid #d4d9ed
    }
}

.tags__item_1 {
    background: #637293;
    color: #fff;
    border: 2px solid #637293
}

.tips {
    text-align: center;
    overflow: auto;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .tips {
        height:560px;
        padding: 18px 16px 40px
    }
}

@media only screen and (max-width: 1023px) {
    .tips {
        height:100%;
        padding: 18px 8px 12px
    }
}

.tips__info {
    border-bottom: 1px solid #eff1f6;
    text-align: left;
    position: relative;
    padding: 0 40px 15px 45px
}

@media only screen and (max-width: 1023px) {
    .tips__info {
        padding-bottom:44px;
        margin: 0 8px
    }
}

.tips__info:before {
    content: "";
    width: 33px;
    height: 40px;
    background: url(/static/media/ill-essay.7865af2e.svg) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 2px
}

.tips__geek {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eff1f6;
    border-radius: 4px;
    padding: 13px;
    width: 304px;
    margin: 16px auto 0
}

.tips__geek img {
    width: 32px;
    height: 32px;
    margin-right: 8px
}

.tips__geek-name {
    color: #474747;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

.tips__geek-id {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a;
    text-align: left
}

.tips__info-top-line {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.tips__info-title {
    font-family: "CircularStd";
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    color: #474747;
    max-width: 433px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tips__info-subject {
    font-family: "CircularStd";
    font-size: 14px;
    line-height: 1.43;
    color: #71737a
}

.tips__stars {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px
}

@media only screen and (max-width: 1023px) {
    .tips__stars {
        position:absolute;
        top: 50px;
        left: 34px
    }
}

.tips__stars-item {
    background-image: url(/static/media/star-empty-2.384fa674.svg);
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: -4px
}

.tips__stars-item_active {
    background-image: url(/static/media/star-filled-2.6f85b739.svg)
}

.tips__stars-info {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #474747;
    margin-top: 10px
}

.tips__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #474747;
    margin: 40px auto 0
}

@media only screen and (min-width: 1024px) {
    .tips__title {
        width:516px
    }
}

.rating .tips__title {
    font-size: 16px;
    line-height: 24px;
    width: auto;
    margin-top: 16px
}

.tips__title span {
    color: #ffa407
}

.tips__list {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.tips__item_wrapper {
    margin: 0 4px
}

.tips__item {
    width: 96px;
    height: 64px;
    box-shadow: 0 4px 16px rgba(0,53,136,.15);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .2s ease-in
}

.tips__item-info {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -.25px;
    color: #13cf77;
    margin-top: 8px;
    background: rgba(19,207,119,.08);
    border-radius: 24px;
    padding: 6px 0;
    font-weight: 500
}

.tips__item_active {
    border-radius: 4px;
    box-shadow: 0 4px 16px 0 rgba(0,53,136,.15);
    border: 4px solid #13cf77
}

.tips__item-price {
    font-size: 20px;
    line-height: 30px;
    color: #474747;
    margin-left: 8px;
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .tips__button {
        width:304px
    }
}

.tips__bottom {
    margin-top: auto
}

.tips__cancel-button {
    font-family: "CircularStd";
    font-size: 16px;
    font-weight: 700;
    color: #12b368;
    cursor: pointer
}

@media only screen and (max-width: 1023px) {
    .tips__cancel-button {
        margin-bottom:12px
    }
}

.tips-complete-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 4px;
    vertical-align: -3px
}

.tips-complete {
    text-align: center;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 1023px) {
    .tips-complete {
        padding:72px 8px 12px;
        height: 100%;
        min-height: 430px
    }
}

@media only screen and (min-width: 1024px) {
    .tips-complete {
        padding:72px 16px;
        min-height: 560px
    }
}

.tips-complete-img {
    margin: 0 auto
}

.tips-complete-img_positive {
    background: url(/static/media/ill-robot-rate.373b60fa.svg) no-repeat 0 0;
    width: 80px;
    height: 124px
}

.tips-complete-img_tips {
    background: url(/static/media/ill-robo-cat.f35d8be6.svg) no-repeat 0 0;
    width: 88px;
    height: 130px
}

.tips-complete-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    color: #424347
}

@media only screen and (min-width: 1024px) {
    .tips-complete-title {
        margin-top:32px
    }
}

@media only screen and (max-width: 1023px) {
    .tips-complete-title {
        margin:24px 8px 0
    }
}

.tips-complete-title span {
    color: #ffa407
}

.tips-complete-text {
    font-size: 16px;
    line-height: 1.5;
    color: #71747a;
    margin-top: 12px
}

@media only screen and (max-width: 1023px) {
    .tips-complete-text {
        padding:8px 8px 0
    }
}

@media only screen and (max-width: 1023px) {
    .tips-complete-button {
        margin-top:auto
    }
}

@media only screen and (min-width: 1024px) {
    .tips-complete-button {
        width:192px;
        margin: 40px auto 0
    }
}

.tips__order-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    color: #424347;
    overflow: hidden;
    width: 430px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 auto
}

@media only screen and (max-width: 1023px) {
    .tips__order-title {
        width:13.125rem
    }
}

@media only screen and (min-width: 1024px) {
    .refer-bonus {
        padding:40px;
        height: 560px
    }
}

@media only screen and (max-width: 1023px) {
    .refer-bonus {
        padding:32px 16px;
        overflow: auto;
        height: 100%
    }
}

.refer-bonus__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #474747;
    margin: 24px auto 0;
    max-width: 450px
}

.refer-bonus__title span {
    color: #ffa407
}

.refer-bonus__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -.25px;
    color: #71737a;
    margin-top: 16px
}

.refer-bonus__img {
    margin: 0 auto
}

.order-remove {
    height: 560px;
    text-align: center;
    padding: 160px 24px
}

.order-remove img {
    margin: 0 auto
}

.order-remove__title {
    font-size: 24px;
    line-height: 32px;
    color: #474747;
    font-weight: 700;
    margin-top: 24px
}

.order-remove__text {
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    margin-top: 8px
}

.order-remove__btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px
}

.order-remove__btns .button-wrapper_type1 {
    width: auto;
    height: auto
}

.order-remove__btns .button_type1,.order-remove__btns .button_type2 {
    padding: 12px;
    width: 160px;
    margin: 0 4px;
    font-size: 18px;
    line-height: 24px;
    height: 50px
}

.rating-negative {
    text-align: center;
    overflow: auto
}

@media only screen and (min-width: 1024px) {
    .rating-negative {
        padding:72px 8px 112px
    }
}

@media only screen and (max-width: 1023px) {
    .rating-negative {
        height:100%;
        padding: 20px 8px 72px
    }
}

.rating-negative__img {
    margin: 0 auto;
    min-height: 124px
}

.rating-negative__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    color: #474747;
    margin-top: 32px
}

.rating-negative__subtitle {
    font-size: 16px;
    line-height: 1.5;
    color: #71737a;
    margin-top: 12px
}

.rating-negative__subtitle-link {
    font-weight: 700;
    color: #12b368
}

@media only screen and (min-width: 1024px) {
    .rating-negative__btn {
        width:192px;
        margin: 40px auto 0
    }
}

@media only screen and (max-width: 1023px) {
    .rating-negative__btn {
        position:absolute;
        left: 8px;
        right: 8px;
        bottom: 8px;
        width: auto
    }
}

.rating-collection {
    overflow: auto;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .rating-collection {
        height:560px;
        padding: 40px 220px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .rating-collection {
        padding:60px 16px 30px;
        height: 100%;
        position: relative
    }
}

@media only screen and (max-width: 767px) {
    .rating-collection {
        padding:60px 16px 30px;
        height: 100%;
        position: relative
    }
}

.rating-collection__img {
    margin: 0 auto
}

.rating-collection__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.25px;
    color: #71747a;
    margin-top: 16px
}

.rating-collection__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #474747;
    margin-top: 40px
}

.rating-collection__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #71747a;
    margin-top: 24px
}

.rating-collection__btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.rating-collection__btn img {
    margin-right: 4px
}

@media only screen and (min-width: 1024px) {
    .rating-collection__btn {
        margin-top:32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .rating-collection__btn {
        position:absolute;
        left: 16px;
        right: 16px;
        bottom: 16px;
        width: calc(100% - 32px)
    }
}

@media only screen and (max-width: 767px) {
    .rating-collection__btn {
        position:absolute;
        left: 16px;
        right: 16px;
        bottom: 16px;
        width: calc(100% - 32px)
    }
}

.orders-page {
    background-color: #ebedf4
}

.order-form__back {
    position: relative
}

@media only screen and (max-width: 1023px) {
    .order-form__back {
        background:#fff;
        height: 48px;
        padding: 12px 16px;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 100
    }
}

.order-form__back-link {
    color: #71737a;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.order-form__back-link>span {
    cursor: pointer
}

.order-form__back-link__icon {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.confirm-popup {
    -webkit-transform: translateY(.625rem);
    transform: translateY(.625rem);
    top: 100%
}

@media only screen and (min-width: 1024px) {
    .confirm-popup {
        position:absolute;
        left: 0;
        z-index: 2
    }
}

@media only screen and (max-width: 1023px) {
    .confirm-popup {
        left:.5rem;
        right: .5rem;
        position: fixed;
        z-index: 302
    }
}

.confirm-popup__wrapper {
    background: #fff;
    box-shadow: 0 .5rem 1.5rem 0 rgba(0,53,136,.15);
    border: .0625rem solid #d4d9ed;
    position: relative;
    padding: 1.5rem
}

@media only screen and (min-width: 1024px) {
    .confirm-popup__wrapper {
        width:25rem
    }
}

@media only screen and (max-width: 1023px) {
    .confirm-popup__wrapper {
        width:auto;
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.confirm-popup__wrapper:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    z-index: 2;
    border: .4375rem solid transparent;
    border-top: none;
    border-bottom: .375rem solid #d4d9ed;
    left: -.1875rem;
    top: -.375rem;
    -webkit-transform: translateX(.625rem);
    transform: translateX(.625rem)
}

@media only screen and (max-width: 1023px) {
    .confirm-popup__wrapper:before {
        display:none
    }
}

.confirm-popup__wrapper:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    z-index: 2;
    border: .375rem solid transparent;
    border-top: none;
    border-bottom: .375rem solid #fff;
    left: -.125rem;
    top: -.3125rem;
    -webkit-transform: translateX(.625rem);
    transform: translateX(.625rem)
}

@media only screen and (max-width: 1023px) {
    .confirm-popup__wrapper:after {
        display:none
    }
}

.confirm-popup__title {
    font-weight: 700
}

.confirm-popup__text,.confirm-popup__title {
    color: #474747;
    font-size: .875rem;
    line-height: 1.71
}

.confirm-popup__buttons {
    margin-top: 1.5rem
}

.confirm-popup__buttons__item {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    color: #13cf77;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    text-align: left;
    text-align-last: left;
    float: left
}

.confirm-popup__buttons__item:first-child {
    margin-top: .625rem
}

.confirm-popup__buttons__item:last-child {
    border: .125rem solid #13cf77;
    border-radius: .25rem;
    padding: .375rem 1rem;
    float: right
}

.confirm-popup_profile {
    top: 0
}

@media only screen and (max-width: 1023px) {
    .confirm-popup_profile {
        top:5.5625rem
    }
}

.order-form__confirm-popup {
    top: 1.5rem
}

.order-form__confirm-popup_1,.order-form__confirm-popup_2 {
    top: 48px
}

.quote-block {
    text-align: left;
    text-align-last: left
}

@media only screen and (min-width: 1024px) {
    .quote-block {
        margin-top:24px;
        padding: 1.5rem;
        border: 1px solid #eff1f6;
        border-radius: 2px;
        background: #fff
    }
}

.quote-block-checkout__details-short:before,.quote-block-order__partially-paid-details-short:before {
    position: absolute;
    background: url(/static/media/drag-handle.45e8b3ac.svg) no-repeat 0 0;
    content: "";
    left: 0;
    right: 0;
    width: 36px;
    height: 9px;
    top: 8px;
    margin: 0 auto
}

@media only screen and (max-width: 1023px) {
    .quote-block-checkout__details-short .quote-block__button,.quote-block-order__partially-paid-details-short .quote-block__button {
        width:140px
    }
}

.quote-block_neworder {
    margin-top: 1.5rem
}

@media only screen and (max-width: 1023px) {
    .quote-block_neworder {
        margin-top:0
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block__button .button_type1 {
        background:#13cf77;
        box-shadow: 0 .25rem .75rem 0 rgba(18,173,100,.4)
    }
}

.quote-block__default {
    background-image: url(/static/media/robot-money.9e06b78a.svg);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 5rem 7.75rem;
    min-height: 7.75rem;
    padding-right: 6.5rem
}

.quote-block__default-text {
    color: #71737a
}

@media only screen and (min-width: 1024px) {
    .quote-block__default-text {
        font-size:16px;
        line-height: 24px;
        margin-top: 16px
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block__default-text {
        font-size:12px;
        line-height: 16px;
        letter-spacing: -.25px;
        margin-top: 12px;
        width: 184px
    }
}

.quote-block__default-button {
    margin-top: 24px;
    color: #12b34a;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    cursor: pointer;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

@media only screen and (max-width: 1023px) {
    .quote-block__default-button {
        margin-top:16px
    }
}

.quote-block__default-title {
    font-family: "CircularStd";
    line-height: 1.54;
    color: #424347
}

.quote-block__default-title-value {
    margin-right: 5px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px
}

.quote-block__default-title__price {
    font-family: "CircularStd";
    font-size: 24px;
    line-height: 24px;
    color: #969aa3;
    margin-top: 8px
}

.quote-block__default-title__price strong {
    color: #424347
}

.quote-block__overdue {
    background-image: url(/static/media/robot-overdue.6f22c63d.svg);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 5rem 7.75rem;
    min-height: 7.75rem;
    padding-right: 6.5rem
}

.quote-block__overdue-title {
    color: #474747;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700
}

.quote-block__overdue-title span {
    font-size: 20px
}

.quote-block__overdue-text {
    margin-top: 1rem;
    color: #474747;
    font-size: 1rem;
    line-height: 1.5
}

@media only screen and (max-width: 1023px) {
    .quote-block__overdue-text {
        font-size:12px;
        color: #71737a;
        margin-top: 3px
    }
}

.modal-bottom-container_open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001
}

.modal-bottom-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
    position: fixed
}

.modal-bottom {
    max-width: 100%;
    max-height: 100%;
    background-color: #fff;
    box-shadow: 0 16px 32px 0 rgba(0,0,0,.24),0 2px 8px 0 rgba(0,0,0,.13);
    left: 0;
    right: 0;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .modal-bottom {
        width:53.125rem;
        top: 50%;
        border-radius: .125rem;
        position: absolute
    }
}

@media only screen and (max-width: 1023px) {
    .modal-bottom {
        top:0;
        bottom: 0;
        -webkit-transform: inherit;
        transform: inherit;
        width: 100%;
        border-radius: 0;
        position: fixed
    }
}

.modal-bottom-close {
    position: absolute;
    top: .625rem;
    right: .625rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    background: url(/static/media/ic-close.ad2354d0.svg) no-repeat 0 0
}

.discount__items-item {
    border-bottom: 1px solid #eff1f6;
    padding: 12px 0
}

@media only screen and (min-width: 1024px) {
    .quote-block-checkout__discount .discount__items-item {
        margin:0 -24px;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-checkout__discount .discount__items-item {
        padding:12px;
        margin: 0 -12px
    }

    .quote-block-checkout__discount .discount__items-item:first-child {
        padding-top: 0
    }

    .quote-block-checkout__discount .discount__items-item:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.discount__items-item-code {
    display: flex;
    align-items: center
}

.discount__items-item-code-text {
    flex: 1 1;
    color: #474747
}

.discount__icon {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.discount__form {
    border-bottom: 1px solid #eff1f6;
    padding: 12px 0;
    display: flex;
    align-items: center;
    position: relative
}

.discount__input {
    border: 0;
    flex: 1 1;
    height: 24px;
    padding-top: 4px
}

.discount__input.placeholder {
    color: #969aa3
}

.discount__input:-moz-placeholder,.discount__input::-moz-placeholder {
    color: #969aa3
}

.discount__input:-ms-input-placeholder {
    color: #969aa3
}

.discount__input::-webkit-input-placeholder,.discount__input::-webkit-text-fill-color {
    color: #969aa3
}

.discount__input:focus.placeholder {
    color: #969aa3
}

.discount__input:focus:-moz-placeholder,.discount__input:focus::-moz-placeholder {
    color: #969aa3
}

.discount__input:focus:-ms-input-placeholder {
    color: #969aa3
}

.discount__input:focus::-webkit-input-placeholder,.discount__input:focus::-webkit-text-fill-color {
    color: #969aa3
}

.discount__input:disabled {
    background: none
}

.discount__text {
    cursor: pointer;
    flex: 1 1;
    position: relative;
    top: 2px
}

.discount__btn {
    cursor: pointer
}

.discount__btn-cancel {
    color: #71747a
}

.discount__btn-apply,.discount__btn-cancel {
    font-size: 14px;
    line-height: 1.43;
    cursor: pointer
}

.discount__btn-apply {
    font-weight: 700;
    color: #12b368
}

.discount__btn-apply_error {
    opacity: .3;
    color: #71747a;
    font-weight: 400
}

.discount__btn-remove {
    font-size: 14px;
    line-height: 1.43;
    color: #71747a;
    cursor: pointer
}

.discount__error {
    width: 100%;
    left: 0;
    right: 0;
    top: 100%;
    -webkit-transform: translateY(.5rem);
    transform: translateY(.5rem);
    white-space: normal
}

.discount__error:before {
    left: 50%;
    top: -.25rem;
    width: .4375rem;
    height: .4375rem;
    background: #fff;
    border-left: .0625rem solid #d4d9ed;
    border-top: .0625rem solid #d4d9ed;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

@media only screen and (max-width: 1023px) {
    .discount__error {
        position:absolute
    }

    .discount__error:before {
        display: block
    }
}

.discount__value {
    font-weight: 500;
    line-height: 1.5;
    color: #424347;
    flex: 1 1;
    padding-top: 4px
}

.discount__value_error {
    color: #fa540a
}

.discount__info {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    color: #12b368;
    margin-top: 4px
}

.deposit {
    -webkit-tap-highlight-color: transparent
}

.deposit__checkbox {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    -webkit-appearance: none;
    appearance: none;
    display: none
}

.deposit__checkbox:checked+.deposit__label:before {
    background: #e4f6ed;
    border-color: #12b34a
}

.deposit__checkbox:checked+.deposit__label:after {
    background: transparent;
    right: .25rem
}

.deposit__checkbox:checked+.deposit__label .deposit__icon {
    right: .25rem;
    opacity: 1
}

.deposit__label {
    color: #424347;
    line-height: 1.5;
    padding: .375rem 4rem .3125rem 0;
    display: block;
    vertical-align: top;
    position: relative;
    cursor: pointer
}

.deposit__label:before {
    content: "";
    background: #fff;
    width: 48px;
    height: 29px;
    border-radius: 1.125rem;
    border: 2px solid #637293;
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.deposit__label:after {
    content: "";
    background-color: #637293;
    right: 23px;
    border-radius: 50%;
    transition: border .3s ease,right .3s ease,opacity .3s ease;
    will-change: border,right,opacity
}

.deposit__icon,.deposit__label:after {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: .25rem
}

.deposit__icon {
    right: 1.6875rem;
    opacity: 0;
    transition: opacity .3s ease,right .3s ease;
    will-change: opacity,right
}

.save-pay-later__link {
    color: #424347;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    cursor: pointer
}

.quote-block-addons {
    padding: 8px 24px 0;
    border-top: 1px solid #eff1f6;
    margin: 16px -24px 0
}

.quote-block-addons-item {
    color: #424347;
    padding: 8px 0
}

.quote-block-addons-item-info {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.quote-block-addons-item_free {
    color: #12b368
}

.quote-block-addons-item_refunded {
    color: #fa540a
}

.quote-block-addons-item-remove {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #71737a;
    cursor: pointer;
    margin-top: 2px
}

.manage-payment {
    border-top: 1px solid #eff1f6
}

@media only screen and (min-width: 1024px) {
    .manage-payment {
        padding:0 24px;
        margin: 24px -24px 0
    }
}

@media only screen and (max-width: 1023px) {
    .manage-payment {
        margin:16px -12px 0;
        padding: 0 12px
    }
}

.manage-payment__item {
    border-bottom: 1px solid #eff1f6;
    padding: 12px 0
}

.manage-payment__item:last-child {
    border: 0;
    padding-bottom: 0
}

.manage-payment__item_1 {
    display: flex;
    color: #12b368;
    justify-content: space-between
}

@media only screen and (max-width: 1023px) {
    .quote-block-order {
        padding:16px 12px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border: 0;
        border-radius: 4px;
        box-shadow: 0 -4px 16px 0 rgba(0,53,136,.15);
        z-index: 1000;
        margin-top: 0;
        background: #fff
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-order_default,.quote-block-order_overdue,.quote-block-order_unpaid {
        background:#fff;
        box-shadow: 0 4px 16px rgba(0,53,136,.15);
        border-radius: 2px;
        position: static;
        margin-top: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-order_full-paid {
        position:static;
        border-top: 1px solid #eff1f6;
        border-bottom: 1px solid #eff1f6;
        padding: 16px 12px;
        margin-top: 20px
    }
}

.quote-block-order_full-paid .quote-block-order__paid-total-price {
    font-weight: 700
}

.quote-block-order_full-paid .quote-block-order__paid-total-price-value {
    font-size: 20px
}

@media only screen and (min-width: 1024px) {
    .quote-block-order__btns {
        margin-top:15px
    }
}

@media only screen and (min-width: 1024px) {
    .quote-block-order_skeleton {
        padding:0
    }
}

.quote-block-order_full-paid {
    position: static;
    box-shadow: none;
    border-top: 1px solid #eff1f6;
    border-bottom: 1px solid #eff1f6
}

@media only screen and (max-width: 1023px) {
    .quote-block-order_full-paid {
        margin-top:20px
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block__button_unpaid {
        background:#fff;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px;
        z-index: 2
    }
}

.quote-block-order__unpaid-now-price {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: #474747;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px
}

@media only screen and (max-width: 1023px) {
    .quote-block-order__unpaid-now-price {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-order__unpaid-now-price-value {
        font-weight:700;
        font-size: 20px
    }
}

.quote-block-order__unpaid-after-price {
    line-height: 1.5;
    color: #71737a;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px
}

@media only screen and (max-width: 1023px) {
    .quote-block-order__unpaid-after-price {
        line-height:24px
    }
}

.quote-block-order__unpaid-after-price-title {
    margin-right: 5px
}

.quote-block-order__unpaid-total-price {
    font-size: 18px;
    font-weight: 700;
    color: #424347;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    display: flex;
    margin-bottom: 16px
}

@media only screen and (max-width: 1023px) {
    .quote-block-order__unpaid-total-price .quote-block-order__unpaid-total-price-title {
        font-size:16px
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-order__unpaid-total-price .quote-block-order__unpaid-total-price-title-value {
        font-size:20px
    }
}

.quote-block-order__unpaid-total-price_partial {
    color: #71737a;
    font-weight: 400;
    font-size: 16px
}

.quote-block-order__paid-help-price {
    line-height: 1.5;
    color: #424347;
    text-align: left;
    text-align-last: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.quote-block-order__paid-total-price {
    text-align: left;
    text-align-last: left
}

.quote-block-order__paid-deposited-price,.quote-block-order__paid-total-price {
    line-height: 1.5;
    color: #424347;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 16px;
    border-top: 1px solid #eff1f6;
    padding-top: 16px
}

.quote-block-order__paid-deposited-price {
    letter-spacing: normal
}

.quote-block-order__paid-left-price {
    margin-top: 8px;
    line-height: 1.5;
    letter-spacing: normal;
    color: #424347;
    font-weight: 700
}

.quote-block-order__paid-all-price,.quote-block-order__paid-left-price {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between
}

.quote-block-order__paid-all-price {
    margin-bottom: 16px
}

.quote-block-order__paid-all-price-title {
    color: #424347;
    flex: 1 1
}

@media only screen and (max-width: 1023px) {
    .quote-block-order__paid-all-price-title {
        font-weight:700
    }
}

.quote-block-order__paid-all-price-icon {
    width: 24px;
    height: 24px;
    margin-right: 5px
}

.quote-block-order__paid-all-price-value {
    line-height: 1.2;
    font-size: 20px;
    font-weight: 700;
    color: #424347
}

.quote-block-order__hide-details,.quote-block-order__show-details {
    line-height: 1.13;
    color: #12b368;
    cursor: pointer;
    font-weight: 700;
    margin-top: 16px;
    display: flex;
    align-items: center
}

.quote-block-order__hide-details img,.quote-block-order__show-details img {
    margin-left: 4px
}

.quote-block-order__hide-details img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (max-width: 1023px) {
    .quote-block-order__full-paid-details-full,.quote-block-order__partially-paid-details-full {
        padding:24px 16px;
        display: flex;
        flex-direction: column;
        height: 100%
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-order__partially-paid-details-full-holder {
        flex:1 1;
        overflow: auto;
        padding-bottom: 20px
    }
}

.quote-block-order__cashback-price,.quote-block-order__discount-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.5;
    color: #12b368;
    margin-top: 8px
}

.quote-block-order__modal {
    top: 70px;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -4px 16px 0 rgba(0,53,136,.15)
}

.quote-block-order__modal .modal-bottom-close {
    background: url(/static/media/close-popup.611b9bbc.svg) no-repeat 0 0;
    width: 40px;
    height: 40px;
    top: -55px
}

.quote-block-order__total-refunded {
    color: #fa6400;
    display: flex;
    justify-content: space-between;
    font-weight: 700
}

.quote-block-order__total-refunded-value {
    font-size: 20px
}

.quote-block-order__refunded-price {
    color: #fa6400;
    display: flex;
    justify-content: space-between;
    margin-top: 8px
}

.quote-block-order__total-refunded_is-open {
    border-top: 1px solid #eff1f6;
    padding-top: 16px;
    margin-top: 16px
}

.quote-block-order__partially-paid-details-short {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.quote-block-order__partially-paid-details-short .quote-block-order__btns {
    margin-top: 0
}

.quote-block-order__partially-paid-details-short .quote-block-order__partially-paid-details-short-row:first-child>div {
    border: 0;
    padding: 0;
    font-size: 12px;
    margin: 0;
    color: #71737a;
    font-weight: 400;
    justify-content: normal
}

.quote-block-order__partially-paid-details-short .quote-block-order__partially-paid-details-short-row:first-child>div>div:first-child {
    margin-right: 8px
}

.quote-block-order__partially-paid-details-short .quote-block-order__partially-paid-details-short-row:first-child>div:first-child>div:first-child {
    color: #424347;
    font-size: 16px
}

.quote-block-order__partially-paid-details-short .quote-block-order__partially-paid-details-short-row:first-child>div:first-child>div:last-child {
    font-size: 20px;
    font-weight: 700;
    color: #424347;
    margin-right: 0;
    line-height: normal
}

.files-list__client-item {
    width: 172px;
    height: 104px;
    margin-top: 8px;
    border-radius: .25rem;
    text-align: left;
    text-align-last: left;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    box-shadow: 0 4px 8px 0 rgba(0,53,136,.1);
    margin-right: 5px;
    padding: 12px;
    position: relative;
    cursor: pointer
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .files-list__client-item {
        width:150px;
        margin-right: 7px
    }
}

.files-list__client-item:hover>:not(.files-list__client-item-remove):not(.files-list__client-item-reload) {
    opacity: .64
}

@media only screen and (max-width: 1023px) {
    .files-list__client-item:hover>:not(.files-list__client-item-remove):not(.files-list__client-item-reload) {
        opacity:1
    }
}

.files-list__client-item:hover .files-list__client-item-remove {
    display: block
}

.files-list__client-item_loading {
    opacity: .3
}

.files-list__client-item__icon-wrapper {
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    position: relative
}

.files-list__client-item__icon {
    width: inherit;
    height: inherit;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.files-list__client-item__name {
    margin-top: .5rem;
    color: #474747;
    font-size: .875rem;
    line-height: 1.14;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.files-list__client-item__created {
    color: #77787a;
    font-size: .75rem;
    line-height: 1.33;
    display: block
}

.files-list__client-item__progress {
    background: #eff1f6;
    height: .25rem;
    margin-top: .5rem;
    border-radius: .25rem;
    display: block
}

.files-list__client-item__progress span {
    background: #13cf77;
    height: inherit;
    border-radius: inherit;
    display: block
}

.files-list__client-item-remove {
    position: absolute;
    right: 8px;
    top: 12px;
    background: url(/static/media/ic-delete-24-px.3cdd48bb.svg) no-repeat 0 0;
    width: 24px;
    height: 24px;
    z-index: 2;
    display: none
}

@media only screen and (max-width: 1023px) {
    .files-list__client-item-remove {
        display:block;
        background: url(/static/media/close-button.e9b9c5c7.svg) no-repeat 0 0;
        right: 0
    }
}

.files-list__client-item-reload {
    font-family: CircularStd;
    font-size: 14px;
    line-height: 1.14;
    color: #fa540a;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    z-index: 2;
    position: relative
}

.react-resizable {
    position: relative
}

.react-resizable.box {
    border: thin solid #c6c8cc;
    border-radius: .125rem;
    box-sizing: initial;
    background: #fff
}

@media only screen and (max-width: 1023px) {
    .react-resizable textarea {
        width:calc(100% - 1.0625rem)
    }
}

.react-resizable-handle {
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    bottom: 0;
    right: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZ6IiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+");
    background-position: 100% 100%;
    padding: 0 .1875rem .1875rem 0;
    background-repeat: no-repeat;
    background-origin: content-box;
    box-sizing: border-box;
    cursor: se-resize
}

.next {
    margin-top: 24px
}

.next__title {
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    font-weight: 700;
    display: flex;
    align-items: center
}

.next__title img {
    margin-right: 8px
}

.next__text-1 {
    margin-top: 16px
}

.next__text-1,.next__text-2 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #71737a
}

.next__text-2 {
    margin-top: 8px
}

.next__text-2 strong {
    color: #12b368;
    cursor: pointer
}

.order-form-1__back {
    position: relative
}

@media only screen and (max-width: 1023px) {
    .order-form-1__back {
        background:#fff;
        height: 48px;
        padding: 12px 16px;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 100
    }
}

.order-form-1__back-link {
    color: #71737a;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.order-form-1__back-link>span {
    cursor: pointer
}

@media only screen and (max-width: 1023px) {
    .order-form-1__back-link>span {
        display:none
    }
}

.order-form-1__back-link__icon {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.order-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #424347;
    text-align: left;
    text-align-last: left
}

@media only screen and (max-width: 1023px) {
    .order-title .dropdown-container {
        left:auto;
        right: 0
    }
}

@media only screen and (max-width: 1023px) {
    .order-title .react-loading-skeleton {
        width:100%!important
    }
}

@media only screen and (min-width: 1024px) {
    .order-title_2 {
        margin-top:24px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__head-title,.order-title_2 {
        min-height:1.5rem;
        height: 3rem;
        position: fixed;
        left: 3rem;
        right: 16px;
        top: 0;
        padding-top: .75rem;
        padding-bottom: .75rem;
        z-index: 100
    }
}

.order-form .order-title__view {
    position: relative;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 1023px) {
    .order-form .order-title__view {
        justify-content:space-between
    }
}

@media only screen and (min-width: 1024px) {
    .order-form .order-title__view {
        justify-content:flex-start
    }
}

.order-form .order-title__view:after {
    content: "";
    display: block;
    background-image: linear-gradient(270deg,#fff,hsla(0,0%,100%,0));
    position: absolute;
    width: 75px;
    right: 75px;
    top: 0;
    bottom: 0;
    pointer-events: none
}

@media only screen and (max-width: 1023px) {
    .order-title__view {
        height:1.5rem
    }
}

.order-title__text {
    max-width: calc(100% - 75px);
    overflow: hidden;
    white-space: nowrap
}

@media only screen and (min-width: 1024px) {
    .order-title__text {
        min-height:28px
    }
}

@media only screen and (max-width: 1023px) {
    .order-title__text {
        font-size:20px;
        line-height: 24px;
        min-height: 24px
    }
}

.order-title__dropdown {
    min-width: 24px;
    min-height: 24px;
    position: relative;
    margin-left: 10px
}

@media only screen and (max-width: 1023px) {
    .order-title__dropdown {
        margin-left:auto;
        z-index: 100
    }
}

.order-title__dropdown_1 {
    margin-right: 40px
}

.order-title__dropdown-icon__wrapper {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: .25rem;
    cursor: pointer
}

@media only screen and (max-width: 1023px) {
    .order-title__dropdown-icon__wrapper {
        margin-top:0
    }
}

.order-title__dropdown-icon {
    width: inherit;
    height: inherit;
    display: block
}

.order-title__dropdown-icon_open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (max-width: 1023px) {
    .order-title__dropdown-icon_desktop {
        display:none
    }
}

.order-title__dropdown-icon_mobile {
    display: none
}

@media only screen and (max-width: 1023px) {
    .order-title__dropdown-icon_mobile {
        display:block
    }
}

.order-title__dropdown-list {
    border-radius: .125rem
}

.order-title__dropdown-item {
    color: #474747;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 20px
}

.order-title__dropdown-item+.order-title__dropdown-item {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eff1f6
}

.order-title__dropdown-item_3 {
    color: #fa540a
}

.order-title__dropdown-item-ico {
    margin-right: 20px;
    width: 20px
}

.order-title__dropdown-item_disabled {
    opacity: .3;
    cursor: default
}

.order-title__dropdown-item__link {
    color: inherit;
    cursor: inherit;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.order-title__input-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width: 1023px) {
    .order-title__input-wrapper {
        padding-right:20px;
        -webkit-transform: translateY(-.625rem);
        transform: translateY(-.625rem)
    }
}

.order-title__input-wrapper input {
    word-break: normal
}

.order-title__input-wrapper .order-form__input {
    flex: 1 1
}

.order-title__button {
    padding: .625rem;
    font-size: .875rem;
    line-height: 1.5rem;
    cursor: pointer;
    white-space: nowrap
}

@media only screen and (max-width: 1023px) {
    .bannerNewOrderFlow~.main .order-title__dropdown {
        top:auto
    }
}

.money-back-1 {
    background: #fffbf0;
    border-radius: 2px;
    margin-top: 24px;
    padding: 16px
}

.money-back-1__title {
    display: flex;
    align-items: center;
    font-family: CircularStd;
    font-size: 14px;
    line-height: 16px;
    color: #474747;
    font-weight: 500
}

.money-back-1__img {
    margin-right: 8px;
    position: relative;
    top: 5px
}

.money-back-1__text {
    padding-left: 55px;
    margin-top: -5px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a
}

.money-back-1__text span {
    text-decoration: underline;
    cursor: pointer
}

.money-back-1__refund-details-modal-1 {
    top: 70px;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -4px 16px 0 rgba(0,53,136,.15)
}

.money-back-1__refund-details-modal-1 .modal-bottom-close {
    background: url(/static/media/close-popup.67d1ee92.svg) no-repeat 0 0;
    width: 40px;
    height: 40px;
    top: -55px
}

.money-back-1__refund-details-modal-2 .modal-close {
    top: 24px
}

.money-back-1__refund-details {
    height: 100%
}

.money-back-1__refund-details-header {
    font-family: CircularStd;
    color: #474747;
    font-weight: 700;
    border-bottom: 1px solid #eff1f6;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .money-back-1__refund-details-header {
        font-size:24px;
        line-height: 24px;
        padding: 0 64px;
        height: 72px
    }
}

@media only screen and (max-width: 1023px) {
    .money-back-1__refund-details-header {
        font-size:20px;
        line-height: 24px;
        height: 56px;
        padding: 0 16px
    }
}

@media only screen and (min-width: 1024px) {
    .money-back-1__refund-details-content {
        padding:24px 24px 24px 64px
    }
}

@media only screen and (max-width: 1023px) {
    .money-back-1__refund-details-content {
        height:100%;
        overflow-y: auto;
        padding: 24px 16px 80px
    }
}

.money-back-1__refund-details-content section {
    font-size: 14px;
    line-height: 20px;
    color: #637293
}

.money-back-1__refund-details-content section strong {
    color: #031b4e
}

.money-back-1__refund-details-content section p,.money-back-1__refund-details-content section ul {
    margin-top: 16px
}

.money-back-1__refund-details-content section p:first-child {
    margin-top: 0
}

.money-back-1__refund-details-content section a {
    color: #1ed760
}

.money-back-1__refund-details-content section li {
    position: relative;
    padding-left: 15px;
    margin-top: 16px
}

.money-back-1__refund-details-content section li:before {
    content: "";
    background: #637293;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 50%;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 7px
}

.money-back-1__refund-details-content section h3 {
    color: #637293;
    margin-top: 16px;
    font-size: 22px
}

.money-back-1__refund-details-content section h3:first-child {
    margin-top: 0
}

.money-back-1__refund-details-content-inner {
    padding-right: 24px
}

.DayPicker {
    padding-bottom: .25rem
}

.DayPicker-wrapper {
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    padding-bottom: .0625rem;
    flex-direction: row
}

.DayPicker-Months {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.DayPicker-Month {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    text-align: center;
    text-align-last: center
}

.DayPicker-NavButton {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: .75rem;
    cursor: pointer
}

.DayPicker-NavButton:after {
    content: "";
    display: block;
    position: absolute;
    top: .5rem;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    border: solid #71747a;
    border-width: 0 .125rem .125rem 0;
    width: .375rem;
    height: .375rem
}

.DayPicker-NavButton--prev {
    left: 1.5rem
}

.DayPicker-NavButton--prev:after {
    left: .5625rem;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

@media only screen and (max-width: 1023px) {
    .DayPicker-NavButton--prev {
        left:1rem
    }
}

.DayPicker-NavButton--next {
    right: 1.5rem
}

.DayPicker-NavButton--next:after {
    right: .5625rem;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

@media only screen and (max-width: 1023px) {
    .DayPicker-NavButton--next {
        left:3.5rem
    }
}

.DayPicker-NavButton--interactionDisabled {
    opacity: .3
}

.DayPicker-Caption {
    height: 3rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: table-caption;
    text-align: center;
    text-align-last: center;
    border-bottom: .0625rem solid #f0f1f6
}

.DayPicker-Caption>div {
    color: #474747;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem
}

.DayPicker-Weekdays {
    display: table-header-group
}

.DayPicker-WeekdaysRow {
    display: table-row
}

.DayPicker-Weekday {
    display: table-cell;
    color: #424347;
    padding: .9375rem;
    font-size: .75rem;
    line-height: 1.17;
    letter-spacing: -.00625rem;
    text-align: center;
    text-align-last: center
}

.DayPicker-Weekday abbr[title] {
    border-bottom: none;
    text-decoration: none
}

.DayPicker-Body {
    display: table-row-group
}

.DayPicker-Week {
    display: table-row
}

.DayPicker-Day {
    display: table-cell;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    outline: none;
    font-size: 1.25rem;
    letter-spacing: -.00625rem;
    position: relative;
    padding: .3125rem 0;
    white-space: nowrap
}

.DayPicker-Day.DayPicker-Day--selected.DayPicker-Day--disabled>div {
    color: #fa540a;
    border: .125rem solid #fa540a;
    border-radius: 50%
}

.DayPicker-Day>div {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto
}

.DayPicker-Day>div span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.DayPicker-WeekNumber {
    display: table-cell;
    padding: .5rem;
    text-align: right;
    vertical-align: middle;
    min-width: .0625rem;
    font-size: .75em;
    cursor: pointer;
    color: #8b9898;
    border-right: .0625rem solid #eaecec
}

.DayPicker--interactionDisabled .DayPicker-Day {
    cursor: default
}

.DayPicker-Footer {
    padding-top: .5rem
}

.DayPicker-TodayButton {
    border: none;
    background-image: none;
    background-color: initial;
    box-shadow: none;
    cursor: pointer;
    color: #4a90e2;
    font-size: .875em
}

.DayPicker-Day--today div:after {
    content: "";
    width: .375rem;
    height: .375rem;
    background-color: #12ad64;
    position: absolute;
    bottom: 0;
    border-radius: 50%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.DayPicker-Day--outside {
    cursor: default;
    color: #8b9898
}

.DayPicker-Day--disabled {
    color: #d4d9ed;
    cursor: default
}

.DayPicker-Day--sunday {
    background-color: #f7f8f8
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
    color: #d4d9ed
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside)>div {
    background: #12b34a;
    border-radius: 50%;
    box-shadow: 0 .25rem .75rem 0 rgba(18,173,100,.4);
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: -.00625rem;
    text-align: center;
    text-align-last: center;
    color: #fff
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside)>div:after {
    display: none
}

.DayPickerInput-Overlay--holder {
    position: relative
}

.DayPickerInput-OverlayWrapper {
    background: #fff;
    width: 100%;
    min-width: 25rem;
    margin-top: .5rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    box-shadow: 0 .5rem 1.5rem 0 rgba(0,53,136,.15);
    z-index: 3
}

@media only screen and (max-width: 1023px) {
    .DayPickerInput-OverlayWrapper {
        min-width:0;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        z-index: 2000;
        box-shadow: 0 .5rem 1.5rem 0 rgba(0,53,136,.15)
    }
}

.input.input_fake-date {
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    line-height: 1.25rem;
    text-align: left;
    text-align-last: left
}

@media only screen and (max-width: 1023px) {
    .input.input_fake-date {
        top:1rem;
        left: 1rem;
        right: 1rem;
        bottom: 1rem
    }
}

@media only screen and (min-width: 1024px) {
    .datepicker_error {
        border:1px solid #fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error.placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error.placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error:-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error:-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error::-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error::-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error:-ms-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error:-ms-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error::-webkit-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error::-webkit-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error::-webkit-text-fill-color {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error::-webkit-text-fill-color {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error:focus {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error:focus {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error:focus.placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error:focus.placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error:focus:-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error:focus:-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error:focus::-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error:focus::-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error:focus:-ms-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error:focus:-ms-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error:focus::-webkit-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error:focus::-webkit-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepicker_error:focus::-webkit-text-fill-color {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .datepicker_error:focus::-webkit-text-fill-color {
        color:#fa540a
    }
}

.datepickericon {
    left: 12px;
    right: auto;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    pointer-events: none
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepickericon {
        top:15px
    }
}

@media only screen and (max-width: 767px) {
    .datepickericon {
        top:15px
    }
}

@media only screen and (min-width: 1024px) {
    .datepickericon {
        color:#71747a;
        top: 10px
    }
}

@media only screen and (max-width: 767px) {
    .datepickericon_error {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .datepickericon_error {
        color:#fa540a
    }
}

.timepicker-overlay-wrap-aux {
    width: 25rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 8;
    min-height: 0;
    margin-top: 8px
}

@media only screen and (max-width: 1023px) {
    .timepicker-overlay-wrap-aux {
        width:auto;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        z-index: 2000;
        box-shadow: 0 .5rem 1.5rem 0 rgba(0,53,136,.15);
        display: none
    }
}

.timepicker-overlay-wrap-aux_open {
    min-height: auto
}

@media only screen and (max-width: 1023px) {
    .timepicker-overlay-wrap-aux_open {
        display:block
    }
}

.timepicker-overlay {
    background: #fff;
    box-shadow: 0 .125rem .3125rem rgba(0,0,0,.15)
}

.timepicker-header {
    background: #fff;
    height: 3rem;
    border-bottom: .0625rem solid #f0f1f6;
    position: relative
}

.timepicker-title {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #474747;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-align: center;
    text-align-last: center
}

.timepicker-list__wrapper {
    margin-top: 1.5rem;
    position: relative
}

.timepicker-list__wrapper+.timepicker-list__wrapper {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    border-top: .0625rem solid #f0f1f6
}

.timepicker-list__wrapper+.timepicker-list__wrapper:before {
    content: "";
    display: block;
    background: #fff;
    width: 1rem;
    height: .0625rem;
    position: absolute;
    left: 0;
    top: -.0625rem
}

.timepicker-list__wrapper+.timepicker-list__wrapper:after {
    content: "";
    display: block;
    background: #fff;
    width: 1rem;
    height: .0625rem;
    position: absolute;
    right: 0;
    top: -.0625rem
}

.timepicker-list__header {
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative;
    text-align: left;
    text-align-last: left
}

.timepicker-list__header-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .25rem
}

.timepicker-list__header-icon,.timepicker-list__header-text {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.timepicker-list__header-text {
    padding-top: .125rem;
    padding-bottom: .125rem;
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: uppercase
}

.timepicker-list {
    position: relative
}

.timepicker-list__item {
    width: 16.66%;
    margin-top: .5rem;
    text-align: center;
    text-align-last: center;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative
}

.timepicker-list__item input[type=radio] {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.timepicker-list__item input[type=radio]:checked+label {
    border-radius: 1.25rem;
    background-color: #13cf77;
    box-shadow: 0 .25rem .75rem 0 rgba(18,173,100,.4);
    color: #fff
}

.timepicker-list__item input[type=radio]:disabled+label {
    color: #d2d8dd;
    cursor: default
}

.timepicker-list__item input[type=radio].checked:disabled+label {
    background: #fff;
    color: #fa540a;
    line-height: 1.25rem;
    border: .125rem solid #fa540a;
    box-shadow: none
}

.timepicker-list__item-label {
    width: 3.625rem;
    height: 2.5rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative;
    white-space: nowrap;
    cursor: pointer
}

.timepicker-list__item-label span {
    font-size: .875rem
}

.daypicker-close,.timepicker-close {
    background: none;
    height: 1.5rem;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    color: #12b34a;
    right: 1rem;
    top: .875rem;
    position: absolute;
    cursor: pointer;
    display: none
}

@media only screen and (max-width: 1023px) {
    .daypicker-close,.timepicker-close {
        display:block
    }
}

.fieldset .timepicker-overlay-wrap {
    min-height: 0
}

@media only screen and (min-width: 1024px) {
    .timepicker_error {
        border:1px solid #fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error.placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error.placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error:-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error:-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error::-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error::-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error:-ms-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error:-ms-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error::-webkit-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error::-webkit-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error::-webkit-text-fill-color {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error::-webkit-text-fill-color {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error:focus {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error:focus {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error:focus.placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error:focus.placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error:focus:-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error:focus:-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error:focus::-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error:focus::-moz-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error:focus:-ms-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error:focus:-ms-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error:focus::-webkit-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error:focus::-webkit-input-placeholder {
        color:#fa540a
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepicker_error:focus::-webkit-text-fill-color {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepicker_error:focus::-webkit-text-fill-color {
        color:#fa540a
    }
}

.timepickericon {
    left: 12px;
    right: auto;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    pointer-events: none
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepickericon {
        top:15px
    }
}

@media only screen and (max-width: 767px) {
    .timepickericon {
        top:15px
    }
}

@media only screen and (min-width: 1024px) {
    .timepickericon {
        color:#71747a;
        top: 10px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .timepickericon_error {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .timepickericon_error {
        color:#fa540a
    }
}

.timepickericon_disabled {
    color: #d4d9ed
}

.order-form__toster {
    background: #fff;
    height: auto;
    margin-left: 8px;
    padding: 16px 85px 16px 50px;
    color: #424347;
    box-shadow: 0 8px 24px rgba(0,53,136,.15);
    border-radius: 4px;
    z-index: 2
}

@media only screen and (min-width: 1024px) {
    .order-form__toster {
        width:304px;
        left: 100%;
        position: absolute
    }

    .order-form-1__item-deadline .order-form__toster {
        bottom: -56px;
        margin-left: 8px
    }

    .order-form-1__item-hours .order-form__toster {
        bottom: -73px
    }

    .order-form__toster:before {
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        content: "";
        border-right: 5px solid #fff;
        position: absolute;
        left: -5px;
        top: 16px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__toster {
        width:auto;
        position: fixed;
        display: flex;
        align-items: center;
        top: 56px;
        left: 8px;
        right: 8px;
        margin-left: 0;
        border: 1px solid #fa540a
    }
}

.order-form__toster-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #474747
}

.order-form__toster-text {
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a;
    margin-top: 4px
}

.order-form__toster-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    position: absolute;
    left: .75rem;
    top: .9375rem;
    display: block
}

.order-form__toster-button {
    color: #12b368;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    position: absolute;
    cursor: pointer;
    right: 16px;
    bottom: 16px
}

.quote-block-checkout__deposit {
    margin-top: 16px
}

.quote-block-checkout__deposit-radio {
    width: 24px;
    height: 24px;
    border: 1px solid #d4d9ed;
    border-radius: 50%;
    margin-right: 8px
}

.quote-block-checkout__deposit-radio:checked {
    background: url(/static/media/ic-checkbox-filled.217fe58a.svg) no-repeat 50% 50%;
    border: 0
}

.quote-block-checkout__deposit-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 6px 0
}

.quote-block-checkout__deposit-label {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 1 1;
    color: #71747a
}

.quote-block-checkout__deposit-radio:checked+.quote-block-checkout__deposit-label {
    color: #424347
}

@media only screen and (min-width: 1024px) {
    .quote-block-preferred {
        border-bottom:1px solid #eff1f6;
        padding: 16px 12px;
        margin: 0 -24px
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-preferred {
        border-top:1px solid #eff1f6;
        padding: 16px 12px;
        margin: 16px -12px 0
    }
}

.quote-block-preferred__block {
    background: #f8f9fc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px
}

@media only screen and (min-width: 1024px) {
    .quote-block-preferred__block {
        padding:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .quote-block-preferred__block {
        padding:16px 12px
    }
}

@media only screen and (max-width: 767px) {
    .quote-block-preferred__block {
        padding:16px 12px
    }
}

.quote-block-preferred__title {
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    font-weight: 700
}

.quote-block-preferred__info {
    display: flex;
    align-items: center;
    position: relative
}

.quote-block-preferred__info-photo {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden
}

.quote-block-preferred__info-ico {
    position: absolute;
    bottom: -10px;
    left: 15px
}

.quote-block-preferred__info-online {
    background: #13cf77;
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    left: 32px;
    top: 5px
}

.quote-block-preferred__info-name-value {
    font-size: 14px;
    line-height: 20px;
    color: #474747;
    font-weight: 700
}

.quote-block-preferred__info-name-text {
    font-size: 12px;
    line-height: 16px;
    color: #71737a
}

.quote-block-preferred__items-btn {
    border-radius: 20px;
    background-color: rgba(19,207,119,.16);
    font-size: 16px;
    font-weight: 700;
    color: #13cf77;
    padding: 5px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    min-width: 80px;
    align-self: flex-start
}

.quote-block-preferred__items-btn img {
    width: 16px;
    height: 16px
}

.quote-block-preferred__items-btn_1 {
    background-color: #12b368
}

.quote-block-preferred__info-text {
    font-size: 12px;
    line-height: 16px;
    color: #969aa3;
    display: flex;
    align-items: center;
    margin-top: 8px
}

.quote-block-preferred__info-text img {
    margin-right: 8px
}

.quote-block-preferred__spinner {
    width: 20px;
    height: 20px
}

@media only screen and (min-width: 1024px) {
    .quote-block-prioritize {
        border-bottom:1px solid #eff1f6;
        padding: 16px 24px;
        margin: 0 -24px
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-prioritize {
        border-top:1px solid #eff1f6;
        padding: 16px 12px;
        margin: 16px -12px 0
    }
}

.quote-block-prioritize__block {
    background: #f8f9fc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width: 1024px) {
    .quote-block-prioritize__block {
        padding:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .quote-block-prioritize__block {
        padding:16px 12px
    }
}

@media only screen and (max-width: 767px) {
    .quote-block-prioritize__block {
        padding:16px 12px
    }
}

.quote-block-prioritize__info {
    display: flex;
    align-items: flex-start;
    position: relative
}

.quote-block-prioritize__info-name-price,.quote-block-prioritize__info-name-value {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747
}

.quote-block-prioritize__info-name-text {
    font-size: 12px;
    line-height: 16px;
    color: #71737a;
    margin-top: 2px;
    max-width: 170px
}

.quote-block-prioritize__items-btn {
    border-radius: 20px;
    background-color: rgba(19,207,119,.16);
    font-size: 16px;
    font-weight: 700;
    color: #13cf77;
    padding: 5px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    min-width: 64px;
    align-self: flex-start
}

.quote-block-prioritize__items-btn img {
    width: 16px;
    height: 16px
}

.quote-block-prioritize__items-btn_1 {
    background-color: #12b368
}

.quote-block-prioritize__spinner {
    width: 20px;
    height: 20px
}

.quote-block-prioritize__info-ico {
    margin-right: 8px
}

@media only screen and (min-width: 1024px) {
    .quote-block-top-geek {
        border-bottom:1px solid #eff1f6;
        padding: 16px 24px;
        margin: 0 -24px
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-top-geek {
        border-top:1px solid #eff1f6;
        padding: 16px 12px;
        margin: 16px -12px 0
    }
}

.quote-block-top-geek__block {
    background: #f8f9fc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width: 1024px) {
    .quote-block-top-geek__block {
        padding:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .quote-block-top-geek__block {
        padding:16px 12px
    }
}

@media only screen and (max-width: 767px) {
    .quote-block-top-geek__block {
        padding:16px 12px
    }
}

.quote-block-top-geek__info {
    display: flex;
    align-items: flex-start;
    position: relative
}

.quote-block-top-geek__info-name-price,.quote-block-top-geek__info-name-value {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747
}

.quote-block-top-geek__info-name-text {
    font-size: 12px;
    line-height: 16px;
    color: #71737a;
    margin-top: 2px;
    max-width: 170px
}

.quote-block-top-geek__items-btn {
    border-radius: 20px;
    background-color: rgba(19,207,119,.16);
    font-size: 16px;
    font-weight: 700;
    color: #13cf77;
    padding: 5px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    min-width: 64px;
    align-self: flex-start
}

.quote-block-top-geek__items-btn img {
    width: 16px;
    height: 16px
}

.quote-block-top-geek__items-btn_1 {
    background-color: #12b368
}

.quote-block-top-geek__spinner {
    width: 20px;
    height: 20px
}

.quote-block-top-geek__info-ico {
    margin-right: 8px
}

@media only screen and (min-width: 1024px) {
    .quote-block-checkout .subscription-promo {
        border-bottom:1px solid #eff1f6;
        margin: 0 -24px;
        padding: 16px 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .quote-block-checkout .subscription-promo {
        border-top:1px solid #eff1f6;
        margin: 0 -12px;
        padding: 16px 12px
    }
}

@media only screen and (max-width: 767px) {
    .quote-block-checkout .subscription-promo {
        border-top:1px solid #eff1f6;
        margin: 0 -12px;
        padding: 16px 12px
    }
}

.quote-block-checkout .subscription-promo .subscription-promo__subtitle {
    max-width: 165px
}

.quote-block-checkout .subscription-promo .subscription-promo__btn {
    margin-top: 12px
}

.get-addons .subscription-promo {
    margin-top: 24px
}

@media only screen and (min-width: 1024px) {
    .get-addons .subscription-promo .subscription-promo__block {
        display:flex;
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1024px) {
    .get-addons .subscription-promo .subscription-promo__btn {
        width:124px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .get-addons .subscription-promo .subscription-promo__btn {
        margin-top:12px
    }
}

@media only screen and (max-width: 767px) {
    .get-addons .subscription-promo .subscription-promo__btn {
        margin-top:12px
    }
}

.ui-chat .subscription-promo {
    cursor: pointer;
    max-width: 75%
}

.ui-chat .subscription-promo .subscription-promo__btn {
    margin-top: 16px
}

.ui-chat .subscription-promo .subscription-promo__subtitle {
    max-width: 165px
}

.subscription-promo__block {
    padding: 16px;
    background: linear-gradient(286.17deg,#246bfd,#6f9eff);
    border-radius: 4px
}

.subscription-promo__top {
    display: flex;
    align-items: flex-start
}

.subscription-promo__top img {
    margin-right: 8px
}

.subscription-promo__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.subscription-promo__subtitle {
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.subscription-promo__btn {
    background: #d9f7e9;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #13cf77;
    padding: 10px 0;
    cursor: pointer
}

@media only screen and (min-width: 1024px) {
    .quote-block-plag-report {
        border-bottom:1px solid #eff1f6;
        padding: 16px 24px;
        margin: 0 -24px
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-plag-report {
        border-top:1px solid #eff1f6;
        padding: 16px 12px;
        margin: 16px -12px 0
    }
}

.quote-block-plag-report__block {
    background: #f8f9fc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width: 1024px) {
    .quote-block-plag-report__block {
        padding:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .quote-block-plag-report__block {
        padding:16px 12px
    }
}

@media only screen and (max-width: 767px) {
    .quote-block-plag-report__block {
        padding:16px 12px
    }
}

.quote-block-plag-report__info {
    display: flex;
    align-items: flex-start;
    position: relative
}

.quote-block-plag-report__info-name-price,.quote-block-plag-report__info-name-value {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747
}

.quote-block-plag-report__info-name-text {
    font-size: 12px;
    line-height: 16px;
    color: #71737a;
    margin-top: 2px;
    max-width: 170px
}

.quote-block-plag-report__items-btn {
    border-radius: 20px;
    background-color: rgba(19,207,119,.16);
    font-size: 16px;
    font-weight: 700;
    color: #13cf77;
    padding: 5px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    min-width: 64px;
    align-self: flex-start
}

.quote-block-plag-report__items-btn img {
    width: 16px;
    height: 16px
}

.quote-block-plag-report__items-btn_1 {
    background-color: #12b368
}

.geek-assing__info-text {
    font-size: 12px;
    line-height: 16px;
    color: #969aa3;
    display: flex;
    align-items: center;
    margin-top: 8px
}

.geek-assing__info-text img {
    margin-right: 8px
}

.quote-block-plag-report__spinner {
    width: 20px;
    height: 20px
}

.quote-block-plag-report__info-ico {
    margin-right: 8px
}

.quote-block-checkout {
    background-color: #fff;
    margin-top: 15px;
    padding: 24px
}

@media only screen and (max-width: 1023px) {
    .quote-block-checkout {
        padding:16px 12px;
        box-shadow: 0 -4px 16px 0 rgba(0,53,136,.15);
        background-color: #fff;
        border-radius: 4px 4px 0 0;
        z-index: 1000;
        margin-top: 16px
    }
}

.quote-block-checkout__help-title {
    color: #424347
}

.quote-block-checkout__btns {
    margin-top: 15px;
    background: #fff;
    box-shadow: 0 -4px 16px rgba(0,53,136,.15)
}

@media only screen and (max-width: 1023px) {
    .quote-block-checkout__btns {
        position:fixed;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 10px;
        z-index: 1000
    }
}

.quote-block-checkout__after-price,.quote-block-checkout__now-price {
    margin-top: 8px
}

.quote-block-checkout__now-price-title {
    font-weight: 700
}

.quote-block-checkout__now-price-value {
    font-size: 20px;
    font-weight: 700
}

.quote-block-checkout__after-price,.quote-block-checkout__now-price,.quote-block-checkout__total-price {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #424347
}

.quote-block-checkout__after-price {
    font-size: 16px;
    line-height: 1.5
}

@media only screen and (max-width: 1023px) {
    .quote-block-checkout__after-price {
        color:#71737a
    }
}

.quote-block-checkout__total-price {
    margin-top: 16px
}

@media only screen and (max-width: 1023px) {
    .quote-block-checkout__total-price {
        margin-top:0
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-checkout__total-price-title {
        font-weight:700
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-checkout__total-price-value {
        font-weight:700;
        font-size: 20px
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-checkout__total-price_is-partial-payment {
        margin-top:8px
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-checkout__total-price_is-partial-payment .quote-block-checkout__total-price-title {
        font-weight:400;
        color: #71737a
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-checkout__total-price_is-partial-payment .quote-block-checkout__total-price-value {
        font-weight:400;
        font-size: 16px;
        color: #71737a
    }
}

.quote-block-checkout__total-price_is-fullpaid {
    font-weight: 700
}

.quote-block-checkout__total-price_is-fullpaid .quote-block-checkout__total-price-value {
    font-size: 20px
}

.quote-block-checkout__cashback-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.5;
    color: #12b368;
    margin-top: 8px
}

.quote-block-checkout__discount {
    border-top: 1px solid #eff1f6;
    margin: 8px -24px 0
}

@media only screen and (min-width: 1024px) {
    .quote-block-checkout__discount {
        padding:0 24px;
        border-bottom: 1px solid #eff1f6
    }
}

@media only screen and (max-width: 1023px) {
    .quote-block-checkout__discount {
        padding:12px 12px 0;
        margin: 0 -12px;
        border-bottom: 0
    }
}

.quote-block-checkout__discount .discount__form {
    border-bottom: 0
}

.quote-block-checkout__delim {
    margin: 8px -24px 0;
    border-top: 1px solid #eff1f6
}

.quote-block-checkout__discount-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.5;
    color: #12b368
}

@media only screen and (min-width: 1024px) {
    .quote-block-checkout__discount-price {
        margin-top:8px
    }
}

.deposit_quote-block-checkout {
    padding: 12px;
    border-top: 1px solid #eff1f6;
    margin: 8px -12px 0
}

.deposit_quote-block-checkout_1 {
    padding-bottom: 0
}

.quote-block-checkout__subscription-plan {
    border-top: 1px solid #eff1f6
}

@media only screen and (min-width: 1024px) {
    .quote-block-checkout__subscription-plan {
        margin:8px -24px 0;
        padding: 16px 24px 8px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .quote-block-checkout__subscription-plan {
        margin:0 -24px;
        padding: 16px 24px
    }
}

@media only screen and (max-width: 767px) {
    .quote-block-checkout__subscription-plan {
        margin:0 -24px;
        padding: 16px 24px
    }
}

.quote-block-checkout__subscription-plan__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 450;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    color: #474747
}

.quote-block-checkout__subscription-plan-text {
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    color: #71737a;
    margin-top: 2px
}

.quote-block-checkout__subscription-plan-btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #12b368;
    margin-top: 8px;
    cursor: pointer
}

.hours-explanation {
    background: rgba(19,207,119,.06);
    border-radius: 4px
}

.hours-explanation__holder {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 64px
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__holder {
        padding:0 8px
    }
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__holder {
        padding:0 0 0 11px
    }
}

.hours-explanation__icon {
    position: relative
}

.hours-explanation__icon .svg-icon-paper {
    width: 1.625rem;
    height: 2.0625rem;
    display: block
}

.hours-explanation__icon-text {
    position: absolute;
    left: 0;
    top: .125rem;
    right: .125rem;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 700;
    color: #fff
}

.hours-explanation__text {
    margin: 0 30px 0 9px;
    color: #71737a
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__text {
        font-size:12px;
        line-height: 18px
    }
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__text {
        font-size:14px;
        line-height: 20px
    }
}

.hours-explanation__link {
    color: #12b34a;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__details {
        height:100%
    }
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__details {
        padding:72px 0 40px
    }

    .hours-explanation__details .slick-slider_1 {
        z-index: 2
    }
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__details-content {
        padding:0 118px
    }
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__details-content {
        padding:0 16px 95px;
        height: 100%;
        overflow-y: auto
    }
}

.hours-explanation__details-header {
    font-family: CircularStd;
    color: #474747;
    font-weight: 700;
    line-height: 24px
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__details-header {
        font-size:24px;
        text-align: center
    }
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__details-header {
        border-bottom:1px solid #f0f1f6;
        padding: 16px;
        font-size: 20px
    }
}

.hours-explanation__item {
    display: flex
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__item {
        justify-content:space-between;
        margin-top: 40px;
        padding: 0 10px 150px
    }
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__item {
        flex-direction:column;
        margin-top: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__item-left {
        width:290px;
        position: relative
    }
}

.hours-explanation__item-title {
    display: flex;
    align-items: center;
    font-family: CircularStd;
    font-weight: 700;
    color: #474747;
    font-size: 16px;
    line-height: 24px
}

.hours-explanation__item-title span {
    color: #12b368;
    cursor: pointer
}

.hours-explanation__item-title strong {
    color: #474747
}

.hours-explanation__item-text {
    font-family: CircularStd;
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    margin-top: 4px
}

.hours-explanation__item-measure {
    padding: 12px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,53,136,.15);
    border-radius: 2px
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__item-measure {
        width:290px
    }
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__item-measure {
        margin-top:16px
    }
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__item-choose-measure .select-dropdown__item-selected {
        font-weight:400
    }
}

@media only screen and (max-width: 1023px) {
    .order-form .hours-explanation__item-choose-measure .select-dropdown__input {
        box-shadow:none;
        border-color: #c6c8cc
    }
}

.hours-explanation__item-choose-measure .select-dropdown__item-icon {
    top: 10px;
    right: 10px
}

.hours-explanation__item-measure-info {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.hours-explanation__item-measure-info-text {
    font-family: CircularStd;
    font-size: 16px;
    line-height: 24px;
    color: #474747
}

.hours-explanation__item-measure-info-value {
    font-family: CircularStd;
    font-size: 20px;
    line-height: 24px;
    color: #474747
}

.hours-explanation__item-measure-info-value strong {
    display: flex;
    justify-content: flex-end
}

.hours-explanation__item-measure-info-value strong img {
    margin-right: 4px
}

.hours-explanation__item-measure-info-value div {
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #969aa3;
    margin-top: 8px
}

.hours-explanation__item-measure-note {
    background: rgba(19,207,119,.06);
    border-radius: 4px;
    padding: 12px;
    font-family: CircularStd;
    font-size: 12px;
    line-height: 18px;
    color: #71737a;
    margin-top: 8px
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__controls {
        position:absolute;
        bottom: 0
    }
}

.hours-explanation__controls-list {
    display: flex;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__controls-item {
        background:#d4d9ed;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        margin-left: 4px;
        cursor: default;
        padding: 0
    }

    .hours-explanation__controls-item:first-child {
        margin-left: 0
    }
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__controls-item_active {
        background:#13cf77
    }
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__controls-step {
        font-family:CircularStd;
        font-size: 14px;
        line-height: 20px;
        color: #71737a;
        margin-top: 4px
    }
}

.hours-explanation__arrow {
    background: none;
    padding: 0;
    position: absolute;
    top: 50%;
    margin-top: -50px
}

.hours-explanation__arrow_left {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    left: 40px
}

.hours-explanation__arrow_right {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px
}

.hours-explanation__restricted-info {
    background: #f8f9fc;
    border-radius: 4px;
    padding: 12px;
    display: flex;
    font-family: CircularStd;
    font-size: 14px;
    line-height: 20px;
    color: #969aa3;
    align-items: flex-start
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__restricted-info {
        margin-top:-110px;
        position: relative;
        z-index: 1
    }
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__restricted-info {
        margin-top:24px
    }
}

.hours-explanation__restricted-info img {
    margin-top: 2px;
    margin-right: 8px
}

.hours-explanation__restricted-info span {
    cursor: pointer;
    text-decoration: underline
}

.hours-explanation__btn {
    cursor: pointer;
    font-family: CircularStd;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    font-weight: 700;
    color: #12b34a;
    margin-top: 60px
}

.hours-explanation__modal-2 {
    top: 70px;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -4px 16px 0 rgba(0,53,136,.15)
}

.hours-explanation__modal-2 .modal-bottom-close {
    background: url(/static/media/close-popup.67d1ee92.svg) no-repeat 0 0;
    width: 40px;
    height: 40px;
    top: -55px
}

.hours-explanation__restricted {
    height: 560px
}

.hours-explanation__restricted-header {
    border-bottom: 1px solid #eff1f6;
    font-family: CircularStd;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #474747;
    display: flex
}

.hours-explanation__restricted-header div {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-right: 18px
}

.hours-explanation__restricted-header div svg {
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__restricted-header {
        padding:24px
    }
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__restricted-header {
        padding:16px
    }
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__restricted {
        height:100%
    }
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__restricted-content {
        padding:24px 24px 24px 64px
    }
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__restricted-content {
        padding:30px 16px 90px;
        height: 100%;
        overflow-y: auto
    }
}

.hours-explanation__restricted-content h2 {
    font-family: CircularStd;
    color: #031b4e;
    margin-top: 16px
}

.hours-explanation__restricted-content h2:first-child {
    margin-top: 0
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__restricted-content h2 {
        font-size:32px;
        line-height: 44px
    }
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__restricted-content h2 {
        font-size:16px;
        line-height: 24px
    }
}

.hours-explanation__restricted-content p {
    font-family: CircularStd;
    color: #637293
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__restricted-content p {
        font-size:16px;
        line-height: 24px;
        margin-top: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__restricted-content p {
        font-size:14px;
        line-height: 20px;
        margin-top: 16px
    }
}

.hours-explanation__restricted-content ul {
    font-family: CircularStd;
    color: #637293
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__restricted-content ul {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .hours-explanation__restricted-content ul {
        font-size:14px;
        line-height: 20px
    }
}

.hours-explanation__restricted-content ul li {
    margin-top: 16px;
    position: relative;
    padding-left: 16px
}

.hours-explanation__restricted-content ul li:before {
    content: "";
    background: #637293;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 50%;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 8px
}

@media only screen and (min-width: 1024px) {
    .hours-explanation__restricted-content-inner {
        padding-right:34px
    }
}

.select-dropdown {
    width: 100%;
    height: 2.75rem;
    position: relative;
    text-align: left;
    text-align-last: left
}

.select-dropdown .dropdown-container {
    left: 0;
    right: 0
}

.select-dropdown__input {
    width: inherit;
    height: inherit;
    border: thin solid #c6c8cc;
    border-radius: .125rem;
    font: normal 1rem/1.25rem "CircularStd";
    color: #969aa3;
    transition: border .3s linear;
    cursor: pointer;
    padding: .75rem 45px .75rem 12px;
    background: transparent;
    position: relative;
    z-index: 1
}

.select-dropdown__input:focus {
    border-color: #969aa3
}

.select-dropdown__input option {
    color: #969aa3
}

.select-dropdown__input option:disabled {
    color: #9ea0a3
}

.select-dropdown__input span {
    color: #969aa3
}

.select-dropdown__placeholder {
    color: #9ea0a3
}

.select-dropdown__error {
    border-color: #fa540a
}

.select_input_shaked {
    -webkit-animation: shake .2s ease-in-out 0s 2;
    animation: shake .2s ease-in-out 0s 2
}

.select_input_highlighted {
    border-color: #1ed760
}

.select-dropdown__item {
    padding: 8px 16px;
    color: #424347;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis
}

.select-dropdown__item span {
    color: #969aa3
}

.select-dropdown__item:hover {
    background: #f4f7fe
}

.select-dropdown__item-selected {
    font-weight: 700
}

.select-dropdown__icon,.select-dropdown__item-icon {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.select-dropdown__icon-left {
    color: #71747a
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .select-dropdown__icon-left_error {
        color:#fa540a
    }
}

@media only screen and (max-width: 767px) {
    .select-dropdown__icon-left_error {
        color:#fa540a
    }
}

.select-dropdown__icon_1 {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.order-form__preferred {
    display: flex;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .order-form__preferred {
        padding:18px 0 18px 24px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__preferred {
        border-bottom:1px solid #eff1f6;
        padding: 16px 0
    }
}

.order-form__preferred-img {
    position: relative;
    margin-right: 8px
}

.order-form__preferred-photo {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border: 1px solid #fff;
    border-radius: 100px
}

.order-form__preferred-name {
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px
}

.order-form__preferred-text {
    font-size: 14px;
    line-height: 20px;
    color: #71737a
}

.order-form__preferred-icon {
    position: absolute;
    bottom: -12px;
    width: 32px;
    height: 32px;
    right: -8px
}

.order-form__preferred-online {
    width: 8px;
    height: 8px;
    background: #13cf77;
    border: 1px solid #fff;
    position: absolute;
    top: 3px;
    right: 3px;
    border-radius: 50%
}

.choose-measure {
    margin-top: 16px
}

.choose-measure .svg-icon-clock {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 12px
}

@media only screen and (min-width: 1024px) {
    .choose-measure .svg-icon-clock {
        top:10px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .choose-measure .svg-icon-clock {
        top:50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (max-width: 767px) {
    .choose-measure .svg-icon-clock {
        top:50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .choose-measure .select-dropdown {
        height:56px
    }
}

@media only screen and (max-width: 767px) {
    .choose-measure .select-dropdown {
        height:56px
    }
}

.choose-measure .select-dropdown__input {
    padding-left: 40px;
    color: #474747
}

@media only screen and (min-width: 1024px) {
    .choose-measure .select-dropdown__input {
        border-radius:4px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .choose-measure .select-dropdown__input {
        box-shadow:0 4px 16px rgba(0,53,136,.15);
        border-radius: 2px
    }
}

@media only screen and (max-width: 767px) {
    .choose-measure .select-dropdown__input {
        box-shadow:0 4px 16px rgba(0,53,136,.15);
        border-radius: 2px
    }
}

@media only screen and (min-width: 1024px) {
    .choose-measure .select-dropdown__input:not(.select-dropdown__error) {
        border:1px solid #dadce0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .choose-measure .select-dropdown__input:not(.select-dropdown__error) {
        border:0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .choose-measure .select-dropdown__error {
        border:0;
        color: #fa540a
    }
}

@media only screen and (max-width: 767px) {
    .choose-measure .select-dropdown__error {
        border:0;
        color: #fa540a
    }
}

.choose-measure .select-dropdown__item:hover {
    background: #f8f9fc
}

.agree {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #969aa3
}

@media only screen and (min-width: 1024px) {
    .agree {
        border-top:1px solid #dadce0;
        border-bottom: 1px solid #dadce0;
        margin: 24px -24px 0;
        padding: 16px 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .agree {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .agree {
        margin-top:24px
    }
}

.agree span {
    color: #969aa3;
    text-decoration: underline;
    cursor: pointer
}

.agree__details-modal-1 {
    top: 70px;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -4px 16px 0 rgba(0,53,136,.15)
}

.agree__details-modal-1 .modal-bottom-close {
    background: url(/static/media/close-popup.67d1ee92.svg) no-repeat 0 0;
    width: 40px;
    height: 40px;
    top: -55px
}

.agree__details-modal-2 .modal-close {
    top: 24px
}

.agree__details {
    height: 100%
}

.agree__details-header {
    font-family: CircularStd;
    color: #474747;
    font-weight: 700;
    border-bottom: 1px solid #eff1f6;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .agree__details-header {
        font-size:24px;
        line-height: 24px;
        padding: 0 64px;
        height: 72px
    }
}

@media only screen and (max-width: 1023px) {
    .agree__details-header {
        font-size:20px;
        line-height: 24px;
        height: 56px;
        padding: 0 16px
    }
}

@media only screen and (min-width: 1024px) {
    .agree__details-content {
        padding:24px 24px 24px 64px
    }
}

@media only screen and (max-width: 1023px) {
    .agree__details-content {
        height:100%;
        overflow-y: auto;
        padding: 24px 16px 80px
    }
}

.agree__details-content ol {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #272d4e
}

.agree__details-content ol li {
    margin-top: 24px
}

.agree__details-content ol li:first-child {
    margin-top: 0
}

.agree__details-content ol li span {
    cursor: pointer
}

.agree__details-content section {
    margin-top: 48px
}

.agree__details-content section:first-child {
    margin-top: 0
}

.agree__details-content section h2 {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    color: #272d4e
}

.agree__details-content section strong {
    color: #031b4e
}

.agree__details-content section p,.agree__details-content section ul {
    margin-top: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #637293
}

.agree__details-content section p:first-child {
    margin-top: 0
}

.agree__details-content section a {
    color: #1ed760
}

.agree__details-content section li {
    position: relative;
    padding-left: 15px;
    margin-top: 16px
}

.agree__details-content section li:before {
    content: "";
    background: #637293;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 50%;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 7px
}

.agree__details-content section h3 {
    color: #637293;
    margin-top: 16px;
    font-size: 22px
}

.agree__details-content section h3:first-child {
    margin-top: 0
}

.agree__details-content .terms-date {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #3251ef
}

.agree__details-content .sub {
    padding-top: 24px
}

.agree__details-content-inner {
    padding-right: 24px;
    height: 440px
}

.order-form-1 .order-title__view {
    position: relative;
    display: flex;
    align-items: center
}

.order-form-1 {
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 1024px) {
    .order-form-1 {
        margin-top:40px
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1 {
        flex-direction:column;
        margin-top: 16px
    }

    .order-form-with-deadline-error .order-form-1 {
        margin-top: 100px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1 {
        flex-direction:column;
        margin-top: 16px
    }

    .order-form-with-deadline-error .order-form-1 {
        margin-top: 100px
    }
}

.order-form-1 .order-title__dropdown-icon__wrapper {
    margin-top: 0
}

@media only screen and (min-width: 1024px) {
    .order-form-1 .order-form__date-picker,.order-form-1 .order-form__time-picker {
        width:244px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1 .order-form__date-picker,.order-form-1 .order-form__time-picker {
        margin-top:0;
        border: 0
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1 .order-form__date-picker,.order-form-1 .order-form__time-picker {
        margin-top:0;
        border: 0
    }
}

.order-form-1 .order-form__date-picker .input,.order-form-1 .order-form__time-picker .input {
    padding-left: 42px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1 .order-form__date-picker .input,.order-form-1 .order-form__time-picker .input {
        height:56px;
        border: 0
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1 .order-form__date-picker .input,.order-form-1 .order-form__time-picker .input {
        height:56px;
        border: 0
    }
}

.order-form-1 .input_fake-date {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1 .order-form__time-picker:before {
        content:"";
        width: 1px;
        height: 2rem;
        background-color: #eff1f6;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -1rem
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1 .order-form__time-picker:before {
        content:"";
        width: 1px;
        height: 2rem;
        background-color: #eff1f6;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -1rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1 .order-form-1__item-deadline-holder {
        box-shadow:0 4px 16px rgba(0,53,136,.15);
        border-radius: 2px
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1 .order-form-1__item-deadline-holder {
        box-shadow:0 4px 16px rgba(0,53,136,.15);
        border-radius: 2px
    }
}

.order-form-1 .order-form__input-icon {
    left: 12px;
    right: auto;
    color: #71747a
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1 .order-form__input-icon {
        top:16px
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1 .order-form__input-icon {
        top:16px
    }
}

.order-form-1 .quote-block {
    box-shadow: 0 4px 16px rgba(0,53,136,.15);
    border: 0;
    border-radius: 2px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1 .quote-block {
        margin-top:0
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1 .quote-block {
        margin-top:0
    }
}

.order-form-1 .hours-explanation {
    margin-top: 16px
}

.order-form-1 .order-form__preferred {
    border-top: 1px solid #eff1f6;
    border-bottom: 0;
    margin-top: 16px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1 .order-form__preferred {
        padding-bottom:0
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1 .order-form__preferred {
        padding-bottom:0
    }
}

@media only screen and (min-width: 1024px) {
    .order-form-1 .order-form__preferred {
        border-bottom:1px solid #eff1f6
    }
}

.order-form-1 .input_highlighted {
    border: 1px solid #fa540a;
    color: #474747
}

.order-form-1 .input[disabled] {
    border-color: #d4d9ed;
    color: #d4d9ed;
    opacity: 1
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1__header {
        position:fixed;
        z-index: 301;
        left: 0;
        right: 0;
        top: 0
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1__header {
        position:fixed;
        z-index: 301;
        left: 0;
        right: 0;
        top: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1__header_2 {
        top:80px;
        box-shadow: 0 16px 40px 0 rgba(0,53,136,.15),0 8px 12px 0 rgba(0,38,96,.06);
        background-color: #fff;
        height: 48px
    }

    .order-form-1__header_2 .order-form-1__back,.order-form-1__header_2 .order-hiw-link,.order-form-1__header_2 .order-title {
        position: absolute
    }

    .order-form-1__header_2.order-form-1__header_1 {
        top: 0
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1__header_2 {
        top:80px;
        box-shadow: 0 16px 40px 0 rgba(0,53,136,.15),0 8px 12px 0 rgba(0,38,96,.06);
        background-color: #fff;
        height: 48px
    }

    .order-form-1__header_2 .order-form-1__back,.order-form-1__header_2 .order-hiw-link,.order-form-1__header_2 .order-title {
        position: absolute
    }

    .order-form-1__header_2.order-form-1__header_1 {
        top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .order-form-1__left {
        width:712px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .order-form-1__left {
        width:500px
    }
}

.order-form-1__left .hours-explanation__text {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a
}

.order-form-1__left .hours-explanation__text strong {
    font-weight: 500
}

.order-form-1__left .order-title__view:after {
    content: "";
    display: block;
    background-image: linear-gradient(270deg,#fff,hsla(0,0%,100%,0));
    position: absolute;
    width: 75px;
    right: 75px;
    top: 0;
    bottom: 0;
    pointer-events: none
}

@media only screen and (min-width: 1024px) {
    .order-form-1__right {
        width:400px
    }
}

.order-form-1__course {
    font-size: 14px;
    line-height: 20px;
    color: #71737a;
    display: flex;
    align-items: center;
    margin-top: 8px
}

.order-form-1__course img {
    margin-right: 8px
}

.order-form-1__course strong {
    color: #474747
}

.order-form-1__marketing {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a;
    display: flex;
    align-items: center
}

.order-form-1__marketing strong {
    font-weight: 500;
    color: #474747
}

.order-form-1__marketing .tutors-list {
    margin-right: 8px
}

.order-form-1__info {
    display: flex;
    background: #f8f9fc;
    border-radius: 4px;
    padding: 12px 16px;
    margin-top: 8px;
    align-items: center
}

.order-form-1__info img {
    margin-right: 8px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1__info img {
        align-self:flex-start
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1__info img {
        align-self:flex-start
    }
}

.order-form-1__info-text {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1__btn-wrapper {
        position:fixed;
        bottom: 0;
        background: #fff;
        padding: 8px;
        box-shadow: 0 -4px 16px rgba(0,53,136,.15);
        left: 0;
        right: 0;
        z-index: 2
    }

    .order-form-1__btn-wrapper .button {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1__btn-wrapper {
        position:fixed;
        bottom: 0;
        background: #fff;
        padding: 8px;
        box-shadow: 0 -4px 16px rgba(0,53,136,.15);
        left: 0;
        right: 0;
        z-index: 2
    }

    .order-form-1__btn-wrapper .button {
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1__disabled-btn-wrapper {
        position:fixed;
        bottom: 0;
        background: #fff;
        padding: 8px;
        box-shadow: 0 -4px 16px rgba(0,53,136,.15);
        left: 0;
        right: 0;
        z-index: 1
    }

    .order-form-1__disabled-btn-wrapper .button {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1__disabled-btn-wrapper {
        position:fixed;
        bottom: 0;
        background: #fff;
        padding: 8px;
        box-shadow: 0 -4px 16px rgba(0,53,136,.15);
        left: 0;
        right: 0;
        z-index: 1
    }

    .order-form-1__disabled-btn-wrapper .button {
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1__disabled-btn {
        background:#d4d9ed;
        border-radius: 4px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        line-height: 24px;
        color: #fff;
        font-weight: 700
    }

    .order-form-1__disabled-btn img {
        margin-right: 4px
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1__disabled-btn {
        background:#d4d9ed;
        border-radius: 4px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        line-height: 24px;
        color: #fff;
        font-weight: 700
    }

    .order-form-1__disabled-btn img {
        margin-right: 4px
    }
}

.order-form-1__btn-later {
    width: 192px;
    height: 56px;
    font-weight: 700;
    line-height: 24px
}

@media only screen and (min-width: 1024px) {
    .order-form-1__btn-later {
        margin-top:24px
    }
}

.order-form-1__btn-continue {
    width: 192px;
    height: 56px;
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .order-form-1__btn-continue {
        margin-top:24px
    }
}

.order-form-1__btn-continue_1 {
    background: #d4d9ed
}

@media (hover: hover) {
    .order-form-1__btn-continue_1:hover {
        background:#d4d9ed
    }
}

@media only screen and (min-width: 1024px) {
    .order-form-1__items {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1__items {
        margin-top:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1__items {
        margin-top:16px
    }
}

.order-form-1__item {
    padding: 24px 0;
    border-top: 1px solid #eff1f6;
    position: relative
}

.order-form-1__item-title {
    display: flex;
    align-items: center
}

.order-form-1__item-title img {
    margin-right: 8px
}

.order-form-1__item-title-val {
    font-size: 18px;
    line-height: 24px;
    color: #474747;
    font-weight: 700
}

.order-form-1__item-res-desc {
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    margin-top: 8px
}

.order-form-1__item-res-files {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #474747;
    margin-top: 4px
}

.order-form-1__price {
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,53,136,.15);
    border-radius: 2px;
    padding: 24px
}

@media only screen and (min-width: 1024px) {
    .order-form-1__price {
        margin-top:24px
    }
}

.order-form-1__price-title {
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    font-weight: 700
}

.order-form-1__price-val {
    font-size: 24px;
    line-height: 24px;
    color: #474747;
    font-weight: 700;
    margin-top: 4px
}

.order-form-1__price-text {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a;
    display: flex;
    align-items: center;
    margin-top: 16px
}

.order-form-1__price-text img {
    margin-right: 8px
}

.order-form-1__overdue {
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,53,136,.15);
    border-radius: 2px;
    margin-top: 24px;
    background: url(/static/media/ill-robo.e0a8ede8.svg) no-repeat 98% 50%;
    padding: 24px 128px 36px 24px
}

.order-form-1__overdue-title {
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    font-weight: 700
}

.order-form-1__overdue-text {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a;
    display: flex;
    align-items: center;
    margin-top: 16px
}

.order-form-1__overdue-text img {
    margin-right: 8px;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .order-form-1__overdue-text img {
        top:-7px
    }
}

.order-form-1__item-deadline {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .order-form-1__item-deadline {
        width:504px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1__item-deadline {
        margin-top:16px
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1__item-deadline {
        margin-top:16px
    }
}

.order-form-1__item-deadline-holder {
    position: relative;
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 1024px) {
    .order-form-1__hours {
        max-width:504px
    }
}

.order-form-1__hours-title {
    font-size: 14px;
    line-height: 20px;
    color: #71737a;
    margin-top: 8px
}

.order-form-1__hours-form {
    position: relative
}

.order-form-1__hours-form-input {
    display: flex;
    border-radius: 4px;
    width: 305px;
    margin-top: 16px;
    border: 1px solid #dadce0;
    align-items: center;
    position: relative
}

.order-form-1__item-edit {
    position: absolute;
    right: 0;
    top: 25px;
    cursor: pointer;
    z-index: 1
}

.order-form-1__item-desc-value {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.order-form-1__item-date-value,.order-form-1__item-desc-value,.order-form-1__item-hours-value {
    margin-top: 8px
}

.order-form-1__item-files-value {
    margin-top: 4px
}

.order-form-1__item-date-value,.order-form-1__item-desc-value,.order-form-1__item-files-value,.order-form-1__item-hours-value {
    font-size: 16px;
    line-height: 24px;
    color: #474747
}

.order-form-1__item_1 .order-form-1__item-date-value,.order-form-1__item_1 .order-form-1__item-desc-value,.order-form-1__item_1 .order-form-1__item-files-value,.order-form-1__item_1 .order-form-1__item-hours-value,.order-form-1__item_1 .order-form-1__item-title-val,.order-form-1__item_1 .order-form-1__item-title img {
    opacity: .32
}

.order-form-1__payments {
    display: flex
}

@media only screen and (min-width: 1024px) {
    .order-form-1__payments {
        margin-top:24px;
        justify-content: center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-1__payments {
        margin-top:16px
    }
}

@media only screen and (max-width: 767px) {
    .order-form-1__payments {
        margin-top:16px
    }
}

.order-from-1__get-addons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eff1f6;
    border-bottom: 1px solid #eff1f6;
    height: 64px;
    margin-top: 24px;
    cursor: pointer
}

.order-from-1__get-addons-value {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -.25px;
    color: #474747
}

.order-from-1__get-addons-value img {
    margin-right: 12px
}

@media only screen and (max-width: 1023px) {
    .order-form-1_2 .order-form__toster {
        top:140px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form-1_2.order-form-1_1 .order-form__toster {
        top:4rem
    }
}

.client-files {
    margin-top: 24px
}

.client-files__list {
    margin-top: 16px;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .client-files__list {
        height:120px;
        overflow: hidden
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .client-files__list {
        white-space:nowrap;
        padding: 0 0 10px 5px;
        overflow-x: auto
    }
}

@media only screen and (max-width: 767px) {
    .client-files__list {
        white-space:nowrap;
        padding: 0 0 10px 5px;
        overflow-x: auto
    }
}

.client-files__list_1 {
    height: auto;
    overflow: visible
}

.client-files__show-all {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #12b368;
    margin-top: 16px;
    cursor: pointer;
    display: inline-block
}

.client-files__show-all-img {
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle
}

.client-files__show-all-img_1 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.client-files__drop {
    border-radius: 2px;
    border: 1px solid #ebebeb
}

@media only screen and (min-width: 1024px) {
    .client-files__drop {
        padding:16px 16px 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .client-files__drop {
        padding:12px 0 0
    }
}

@media only screen and (max-width: 767px) {
    .client-files__drop {
        padding:12px 0 0
    }
}

.client-files__drop .fieldset {
    margin-top: 0;
    min-height: auto
}

.client-files__drop_active {
    border: 2px dashed #c3c5cb;
    background-color: #eff1f6;
    height: 188px
}

.client-files__drop-active {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    text-align-last: center
}

.client-files__drop-active .svg-icon-cloud {
    width: 56px;
    height: 56px;
    margin: 0 auto 10px
}

.client-files__drop-active__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    color: #71747a
}

.client-files__upload {
    border-top: 1px solid #ebebeb;
    margin-top: 5px
}

@media only screen and (min-width: 1024px) {
    .client-files__upload {
        display:flex;
        flex-direction: row;
        align-items: center;
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.client-files__upload input {
    display: none
}

@media only screen and (max-width: 1023px) {
    .client-files__upload {
        display:block;
        padding: 12px
    }
}

.client-files__upload-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #13cf77;
    box-shadow: 0 4px 12px rgba(18,173,100,.4);
    border-radius: 44px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    height: 40px;
    font-family: "CircularStd";
    font-weight: 700
}

.client-files__upload-btn img {
    margin-right: 12px
}

.client-files__upload-icon {
    width: 36px;
    height: 32px;
    position: relative;
    text-align: left;
    text-align-last: left;
    margin-right: 8px;
    cursor: pointer
}

.client-files__icon__arrow,.client-files__icon__cloud {
    width: 36px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.client-files__icon__arrow {
    -webkit-animation: upload 2s cubic-bezier(.77,0,.175,1) infinite;
    animation: upload 2s cubic-bezier(.77,0,.175,1) infinite
}

.client-files__upload-text span {
    text-decoration: underline;
    cursor: pointer
}

@media only screen and (max-width: 1023px) {
    .order-form__textarea {
        padding:0 12px
    }
}

.order-form__textarea .react-resizable-handle {
    padding: 0
}

@media only screen and (min-width: 1024px) {
    .order-form__textarea .react-resizable-handle {
        background:url(/static/media/ic-resize.ef8daa5e.svg) no-repeat 0 0;
        width: 16px;
        height: 16px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__textarea .react-resizable-handle {
        background:url(/static/media/ic-resize-mob.26900fe1.svg) no-repeat 0 0;
        width: 32px;
        height: 32px;
        right: -12px;
        bottom: -5px
    }
}

.order-form__textarea .textarea {
    padding: 0
}

@media only screen and (max-width: 1023px) {
    .order-form__textarea .textarea {
        font-size:16px;
        line-height: 20px
    }

    .order-form__textarea .textarea.placeholder {
        font-size: 14px
    }

    .order-form__textarea .textarea:-moz-placeholder,.order-form__textarea .textarea::-moz-placeholder {
        font-size: 14px
    }

    .order-form__textarea .textarea:-ms-input-placeholder {
        font-size: 14px
    }

    .order-form__textarea .textarea::-webkit-input-placeholder,.order-form__textarea .textarea::-webkit-text-fill-color {
        font-size: 14px
    }
}

.order-form__textarea .react-resizable {
    border: 0
}

.client-files__title {
    display: flex;
    justify-content: space-between;
    margin-top: 24px
}

.client-files__count {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747
}

.client-files__count span {
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f6f7ff;
    border: 1px solid #ccd0ee;
    border-radius: 4px;
    margin-left: 8px
}

.client-files__nav {
    position: relative
}

.client-files__nav-dots {
    cursor: pointer
}

.client-files__nav-items {
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,53,136,.15);
    border-radius: 2px;
    position: absolute;
    width: 220px;
    padding: 16px;
    right: calc(100% - 20px);
    z-index: 3
}

.client-files__nav-item {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    display: flex;
    align-items: center;
    padding-top: 24px;
    cursor: pointer
}

.client-files__nav-item:first-child {
    padding-top: 0
}

.client-files__nav-item img {
    margin-right: 12px
}

.order-form__subscription-promo {
    background: #fffaeb;
    border-radius: 4px;
    padding: 16px 24px;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.order-form__subscription-promo-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.25px;
    color: #474747;
    max-width: 204px
}

.order-form__subscription-promo-title img {
    display: inline-block
}

.order-form__subscription-promo__btn {
    border: 2px solid #13cf77;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #13cf77;
    padding: 10px 0;
    cursor: pointer;
    text-align: center;
    width: 140px
}

.money-back {
    background: #fffbf0;
    border-radius: 2px;
    margin-top: 24px
}

@media only screen and (min-width: 1024px) {
    .money-back {
        padding:24px
    }
}

@media only screen and (max-width: 1023px) {
    .money-back {
        padding:12px
    }
}

.money-back__title {
    display: flex;
    align-items: center;
    font-family: CircularStd;
    color: #474747;
    font-weight: 500
}

@media only screen and (min-width: 1024px) {
    .money-back__title {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .money-back__title {
        font-size:14px;
        line-height: 20px
    }
}

.money-back__img {
    margin-right: 8px
}

.money-back__text {
    font-family: CircularStd;
    color: #474747;
    margin-top: 8px
}

@media only screen and (min-width: 1024px) {
    .money-back__text {
        font-size:14px;
        line-height: 20px
    }
}

@media only screen and (max-width: 1023px) {
    .money-back__text {
        font-size:12px;
        line-height: 18px
    }
}

.money-back__text span {
    text-decoration: underline;
    cursor: pointer
}

.money-back__refund-details-modal-1 {
    top: 70px;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -4px 16px 0 rgba(0,53,136,.15)
}

.money-back__refund-details-modal-1 .modal-bottom-close {
    background: url(/static/media/close-popup.67d1ee92.svg) no-repeat 0 0;
    width: 40px;
    height: 40px;
    top: -55px
}

.money-back__refund-details-modal-2 .modal-close {
    top: 24px
}

.money-back__refund-details {
    height: 100%
}

.money-back__refund-details-header {
    font-family: CircularStd;
    color: #474747;
    font-weight: 700;
    border-bottom: 1px solid #eff1f6;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .money-back__refund-details-header {
        font-size:24px;
        line-height: 24px;
        padding: 0 64px;
        height: 72px
    }
}

@media only screen and (max-width: 1023px) {
    .money-back__refund-details-header {
        font-size:20px;
        line-height: 24px;
        height: 56px;
        padding: 0 16px
    }
}

.money-back__refund-details-content {
    font-family: CircularStd;
    font-size: 14px;
    line-height: 20px;
    color: #637293
}

@media only screen and (min-width: 1024px) {
    .money-back__refund-details-content {
        padding:24px 24px 24px 64px
    }
}

@media only screen and (max-width: 1023px) {
    .money-back__refund-details-content {
        height:100%;
        overflow-y: auto;
        padding: 24px 16px 80px
    }
}

.money-back__refund-details-content strong {
    color: #031b4e
}

.money-back__refund-details-content p,.money-back__refund-details-content ul {
    margin-top: 16px
}

.money-back__refund-details-content p:first-child {
    margin-top: 0
}

.money-back__refund-details-content a {
    color: #1ed760
}

.money-back__refund-details-content li {
    position: relative;
    padding-left: 15px;
    margin-top: 16px
}

.money-back__refund-details-content li:before {
    content: "";
    background: #637293;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 50%;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 7px
}

.money-back__refund-details-content h3 {
    color: #637293;
    margin-top: 16px;
    font-size: 22px
}

.money-back__refund-details-content h3:first-child {
    margin-top: 0
}

.money-back__refund-details-content-inner {
    padding-right: 24px
}

.order-form__addons-tooltip {
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,53,136,.15);
    border-radius: 4px;
    position: absolute;
    z-index: 2
}

@media only screen and (min-width: 1024px) {
    .order-form__addons-tooltip {
        width:304px;
        left: 232px;
        top: 6px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form__addons-tooltip {
        width:100%
    }
}

@media only screen and (max-width: 767px) {
    .order-form__addons-tooltip {
        width:100%
    }
}

.order-form-addons-tooltip__title {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #fff;
    background: #3251ef;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 4px 4px 0 0;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .order-form-addons-tooltip__title:before {
        content:"";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid #3251ef;
        left: -4px;
        top: 11px
    }
}

.order-form-addons-tooltip__title img {
    margin: 0 2px 0 4px
}

.order-form-addons-tooltip__title span {
    color: #1ed760;
    display: flex;
    align-items: center
}

.order-form-addons-tooltip__body {
    padding: 16px
}

.order-form-addons-tooltip__info {
    display: flex;
    justify-content: flex-start
}

.order-form-addons-tooltip__info-img {
    margin-right: 8px;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0,53,136,.10196078431372549);
    width: 40px;
    height: 40px
}

.order-form-addons-tooltip__info-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #474747
}

.order-form-addons-tooltip__info-text {
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a;
    margin-top: 4px
}

.order-form-addons-tooltip__info-btn {
    height: 40px;
    width: 100%;
    margin-top: 16px
}

.order-form-addons {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #eff1f6
}

.order-form-addons__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    -webkit-font-feature-settings: "calt" off;
    font-feature-settings: "calt" off;
    color: #474747
}

.order-form-addons__list {
    margin-top: 24px
}

@media only screen and (min-width: 1024px) {
    .order-form-addons__list {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 24px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .order-form-addons__list {
        display:block
    }
}

.order-form-addons__item {
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.order-form-addons__item:after {
    content: "";
    border-bottom: 1px solid #eff1f6;
    position: absolute;
    bottom: 0;
    left: 57px;
    right: 0
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form-addons__items-holder:last-child .order-form-addons__item:last-child:after {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .order-form-addons__items-holder:last-child .order-form-addons__item:last-child:after {
        display:none
    }
}

.order-form-addons__item-btn {
    min-width: 62px;
    border-radius: 20px;
    background-color: rgba(19,207,119,.16);
    font-size: 16px;
    font-weight: 700;
    color: #13cf77;
    padding: 5px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.order-form-addons__item-btn .spinner {
    width: 24px;
    height: 24px
}

.order-form-addons__item-btn .button {
    border-radius: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.order-form-addons__item-btn .button_type1 {
    background: none;
    width: auto;
    min-width: inherit;
    height: auto;
    padding: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    box-shadow: none;
    transition: none
}

.order-form-addons__item-icon {
    margin-right: 8px;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0,53,136,.10196078431372549)
}

.order-form-addons__item-info {
    flex: 1 1;
    align-self: flex-start
}

.order-form-addons__item-name {
    line-height: 24px;
    font-weight: 700;
    color: #474747
}

.order-form-addons__item-desc {
    font-size: 12px;
    color: #71737a;
    line-height: 16px
}

.order-form-addons__item_disabled .order-form-addons__item-change-geek a,.order-form-addons__item_disabled .order-form-addons__item-desc,.order-form-addons__item_disabled .order-form-addons__item-geek-info-value,.order-form-addons__item_disabled .order-form-addons__item-name {
    color: #d4d9ed;
    cursor: default
}

.order-form-addons__item_active .order-form-addons__item-btn,.order-form-addons__item_disabled .order-form-addons__item-btn {
    background: #d4d9ed;
    opacity: .5;
    color: #fff;
    cursor: default
}

.order-form-addons__item_active .order-form-addons__item-btn img,.order-form-addons__item_disabled .order-form-addons__item-btn img {
    width: 16px;
    height: 16px
}

.order-form-addons__item_active .order-form-addons__item-btn:hover:after,.order-form-addons__item_active .order-form-addons__item-btn:hover:before,.order-form-addons__item_added .order-form-addons__item-btn:hover:after,.order-form-addons__item_added .order-form-addons__item-btn:hover:before,.order-form-addons__item_disabled .order-form-addons__item-btn:hover:after,.order-form-addons__item_disabled .order-form-addons__item-btn:hover:before,.order-form-addons__item_free .order-form-addons__item-btn:hover:after,.order-form-addons__item_free .order-form-addons__item-btn:hover:before {
    display: none
}

.order-form-addons__item_added .order-form-addons__item-btn {
    background-color: #12b368;
    color: #fff
}

.order-form-addons__item_added .order-form-addons__item-btn img {
    width: 16px;
    height: 16px
}

.order-form-addons__item_free .order-form-addons__item-btn {
    text-transform: uppercase;
    background-color: #12b368;
    color: #fff;
    font-size: 14px
}

.order-form-addons__item_free .order-form-addons__item-btn img {
    margin-right: 2px;
    width: 12px;
    height: 12px
}

.order-form-addons__item-btn_loading:hover:after,.order-form-addons__item-btn_loading:hover:before {
    display: none
}

.order-form-addons__item-change-geek {
    line-height: 16px;
    font-weight: 700
}

.order-form-addons__item-change-geek a {
    color: #12b368;
    font-size: 12px;
    padding: 10px 0
}

.order-form-addons__spinner {
    width: 20px;
    height: 20px
}

.order-form-addons__item-geek-info {
    display: flex;
    align-items: center
}

.order-form-addons__item-geek-info img {
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    overflow: hidden;
    border-radius: 100%
}

.order-form-addons__item-geek-info-img {
    margin-right: 4px;
    position: relative
}

.order-form-addons__item-geek-info-value {
    font-size: 12px;
    line-height: 16px;
    color: #474747;
    font-weight: 700
}

.order-form-addons__item-tip {
    background: #1f2937;
    border-radius: 8px;
    position: absolute;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #fff;
    z-index: 4
}

@media only screen and (min-width: 1024px) {
    .order-form-addons__item-tip {
        width:302px;
        top: 38px;
        left: calc(100% - 16px)
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .order-form-addons__item-tip {
        right:0;
        left: auto
    }
}

@media only screen and (max-width: 1023px) {
    .order-form-addons__item-tip {
        left:0;
        right: 0;
        top: 32px
    }
}

.order-form-addons__item-tip-icon {
    cursor: pointer
}

@media only screen and (min-width: 1024px) {
    .order-form-addons__item-tip-icon {
        margin-top:-35px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form-addons__item-tip-icon {
        margin-top:-27px
    }
}

@media only screen and (min-width: 1024px) {
    .order-form {
        padding-top:10px;
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (max-width: 1023px) {
    .order-form {
        padding-top:16px
    }
}

@media only screen and (max-width: 1023px) and (max-width:1023px) {
    .order-form .fieldset-wrapper {
        margin-top:12px
    }
}

@media only screen and (min-width: 1024px) {
    .order-form .order-form__fields-holder {
        margin-top:16px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form .order-form__fields-holder {
        box-shadow:0 .25rem 1rem 0 rgba(0,53,136,.15);
        margin-top: 12px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form .order-form__fields-holder .fieldset-wrapper {
        margin-top:0
    }
}

@media only screen and (max-width: 1023px) {
    .order-form .order-form__fields-holder .wrapper-flex .wrapper-helper {
        flex:1 1
    }
}

.order-form .input_fake-date {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 1023px) {
    .order-form .input_fake-date {
        top:0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.order-form .order-form__date-picker .input,.order-form .order-form__time-picker .input {
    padding-left: 2.625rem
}

@media only screen and (max-width: 1023px) {
    .order-form .order-form__date-picker .input,.order-form .order-form__date-picker .input.input_error,.order-form .order-form__time-picker .input,.order-form .order-form__time-picker .input.input_error {
        border:0
    }
}

.order-form .order-form__date-picker .order-form__input-icon,.order-form .order-form__time-picker .order-form__input-icon {
    left: 12px;
    right: auto;
    color: #71747a
}

@media only screen and (max-width: 1023px) {
    .order-form .order-form__date-picker .order-form__input-icon,.order-form .order-form__time-picker .order-form__input-icon {
        top:16px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form .order-form__date-picker .order-form__input-icon_error,.order-form .order-form__time-picker .order-form__input-icon_error {
        color:#fa540a
    }
}

.order-form .order-form__paid-title {
    font-weight: 700;
    color: #474747
}

@media only screen and (min-width: 1024px) {
    .order-form .order-form__paid-title {
        font-size:28px;
        line-height: 32px;
        margin-top: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form .order-form__paid-title {
        font-size:24px;
        line-height: 32px;
        letter-spacing: -.02em
    }
}

@media only screen and (max-width: 767px) {
    .order-form .order-form__paid-title {
        font-size:24px;
        line-height: 32px;
        letter-spacing: -.02em
    }
}

@media only screen and (max-width: 1023px) {
    .order-form .order-form__time-picker {
        position:relative
    }

    .order-form .order-form__time-picker:before {
        content: "";
        width: 1px;
        height: 2rem;
        background-color: #eff1f6;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -1rem
    }
}

.order-form .order-form__deadline {
    margin-bottom: 1.25rem;
    width: 31.25rem
}

@media only screen and (max-width: 1023px) {
    .order-form .order-form__deadline {
        margin-bottom:0;
        width: 100%
    }
}

@media only screen and (max-width: 1023px) {
    .order-form .order-form__deadline .input {
        height:3.5rem
    }
}

@media only screen and (min-width: 1024px) {
    .order-form .order-form__date-picker,.order-form .order-form__time-picker {
        width:15.25rem
    }
}

@media only screen and (max-width: 1023px) {
    .order-form .select-dropdown__input {
        border-color:transparent;
        box-shadow: 0 .25rem 1rem 0 rgba(0,53,136,.15)
    }
}

.order-form .geek-avarage {
    margin-top: 0;
    position: relative
}

.order-form .hours-explanation {
    margin-top: 16px
}

.order-form .choose-measure {
    margin-top: 8px
}

@media only screen and (max-width: 1023px) {
    .order-form .choose-measure .select-dropdown {
        height:56px
    }
}

.order-form .choose-measure .dropdown-list {
    padding: 0
}

.order-form .choose-measure .select-dropdown__input {
    padding-left: 42px
}

.order-form .choose-measure .select-dropdown__input.select-dropdown__is-focused {
    border-color: #969aa3
}

.order-form .choose-measure .svg-icon-clock {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 12px
}

@media only screen and (min-width: 1024px) {
    .order-form .choose-measure .svg-icon-clock {
        top:10px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form .choose-measure .svg-icon-clock {
        top:16px
    }
}

.order-form__left {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .order-form__left {
        width:712px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .order-form__left {
        width:500px
    }
}

@media only screen and (min-width: 1024px) {
    .order-form__right {
        width:400px
    }
}

.order-form__writer-files-title {
    display: flex;
    justify-content: space-between
}

.order-form__writer-files-nav {
    position: relative
}

.order-form__writer-files-nav-dots {
    cursor: pointer
}

.order-form__writer-files-nav-items {
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,53,136,.15);
    border-radius: 2px;
    position: absolute;
    width: 220px;
    padding: 16px;
    right: calc(100% - 20px);
    z-index: 3
}

.order-form__writer-files-nav-item {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    display: flex;
    align-items: center;
    cursor: pointer
}

.order-form__writer-files-nav-item img {
    margin-right: 12px
}

.order-form__subtitle {
    margin-top: .25rem;
    margin-bottom: 1.5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #77787a;
    text-align: left;
    text-align-last: left
}

.fieldset .order-form__subtitle {
    min-height: auto
}

.order-form__info {
    margin-top: .5rem;
    color: #77787a;
    font-size: .875rem;
    line-height: 1.14;
    text-align: left;
    text-align-last: left
}

@media only screen and (max-width: 1023px) {
    .order-form__info {
        margin-top:0
    }
}

.order-form__ddl-details {
    width: 25rem;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .order-form__ddl-details {
        width:100%;
        box-shadow: 0 .25rem 1rem 0 rgba(0,53,136,.15)
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__ddl-details .wrapper-helper:first-child {
        width:55%
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__ddl-details .wrapper-helper:last-child {
        width:45%
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__ddl-details .wrapper-helper:last-child:after {
        content:"";
        display: block;
        background: #eff1f6;
        width: .0625rem;
        position: absolute;
        left: 0;
        top: .75rem;
        bottom: .75rem
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__ddl-details .fieldset-wrapper {
        margin-top:0
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__ddl-details .fieldset {
        min-height:1.5rem;
        margin-top: 0;
        border-top: .0625rem solid #eff1f6;
        padding: 1rem
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__ddl-details .input,.order-form__ddl-details .input.input_fake-date {
        height:1.5rem;
        border: none;
        padding: 0;
        line-height: 1.5rem
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__ddl-details .input_focus {
        color:#12b34a
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__ddl-details .select-dropdown {
        height:1.5rem
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__ddl-details .select-dropdown__input {
        border:none;
        padding: 0
    }
}

.order-form__input-icon {
    top: .625rem;
    right: .625rem;
    display: block
}

.order-form__input-icon,.order-form__input-icon_green {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    pointer-events: none
}

.order-form__input-icon_green {
    top: 1rem;
    right: 1rem;
    display: none
}

@media only screen and (max-width: 1023px) {
    .order-form__input-icon_green {
        display:block
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__due-details {
        padding-top:.5rem
    }
}

.order-form__instruction {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: .0625rem solid #eff1f6;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .order-form__instruction .files-list__client-item,.order-form__instruction .order-form__uploader-wrapper {
        display:none
    }
}

.order-form__revision {
    background-image: url(/static/media/robot-love.a47278f2.svg);
    background-repeat: no-repeat;
    background-size: 5rem 7.75rem;
    background-position: 100%;
    min-height: 7.75rem;
    margin-top: 1.5rem;
    margin-right: 2rem;
    padding-left: 1.5rem;
    padding-right: 6rem;
    text-align: left;
    text-align-last: left
}

@media only screen and (max-width: 1023px) {
    .order-form__revision {
        padding-left:.5rem
    }
}

.order-form__revision-title {
    color: #424347;
    font-size: 1.125rem;
    line-height: 1.33;
    font-weight: 700
}

.order-form__revision-text {
    color: #424347;
    margin-top: .5rem;
    font-size: 1rem;
    line-height: 1.5
}

.order-form__revision-button {
    margin-top: 1rem
}

.order-form__revision-button__link {
    color: #12b34a;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700
}

.order-form__overlay {
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: none
}

@media only screen and (max-width: 1023px) {
    .order-form__overlay {
        display:block
    }
}

.order-form__messages_all {
    background-image: url(/static/media/ic-message-empty.497234b1.svg);
    min-width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    color: #969aa3;
    padding: .3125rem;
    text-align: center;
    text-align-last: center;
    position: absolute;
    left: 1.5625rem;
    top: 1rem
}

.order-form__messages_all:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0
}

@media only screen and (max-width: 1023px) {
    .order-form__messages_all {
        top:.1875rem;
        left: 0
    }
}

@media only screen and (max-width: 1023px) {
    .order-form-with-deadline-error .order-form {
        margin-top:70px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form-page .footer {
        display:none
    }
}

.form-item {
    margin-top: 1.5rem;
    padding-bottom: 1rem
}

@media only screen and (max-width: 1023px) {
    .form-item {
        margin-top:2rem
    }
}

.form-item .fieldset {
    margin-top: 0
}

.order-form__summary {
    color: #71747a;
    font-size: 1rem;
    line-height: 1rem;
    text-align: left;
    text-align-last: left
}

.order-form__summary span {
    color: #424347;
    font-weight: 700
}

.order-form .order-form__table-wrapper {
    height: auto
}

@media only screen and (min-width: 1024px) {
    .order-form__paid {
        margin-top:24px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__paid {
        margin-top:16px
    }
}

.order-form__addons {
    text-align: left;
    text-align-last: left
}

@media only screen and (min-width: 1024px) {
    .order-form__addons {
        margin-top:24px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__addons {
        margin-top:16px
    }
}

.order-form__addons-title {
    font-size: 12px;
    line-height: 16px;
    color: #71747a;
    margin-bottom: 8px
}

.order-form__addons-item {
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.order-form__addons-item-icon {
    margin-right: 8px;
    width: 40px;
    box-shadow: 0 4px 8px 0 rgba(0,53,136,.10196078431372549)
}

.order-form__addons-item-title {
    line-height: 1.5;
    color: #474747;
    font-weight: 700
}

.order-form__paid-geek-help {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #71737a;
    display: flex;
    align-self: center;
    margin-top: 8px
}

.order-form__paid-geek-help img {
    margin-right: 4px
}

.order-form__paid-details-title {
    color: #474747;
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    border-top: 1px solid #eff1f6;
    margin-top: 24px;
    padding-top: 24px
}

.order-form__paid-details-title img {
    margin-left: 4px;
    cursor: pointer
}

.order-form__paid-details-title-info-tip {
    background: #1f2937;
    border-radius: 8px;
    position: absolute;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #fff;
    z-index: 1;
    font-weight: 400;
    top: 45px
}

@media only screen and (min-width: 1024px) {
    .order-form__paid-details-title-info-tip {
        width:302px;
        left: 157px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__paid-details-title-info-tip {
        left:0;
        right: 0
    }
}

.order-form__paid-details-title-info-tip strong {
    color: #12b368;
    cursor: pointer
}

.order-form__paid-subject {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #71737a;
    display: flex;
    align-items: center;
    margin-top: 16px
}

.order-form__paid-subject img {
    margin-right: 4px
}

.order-form__paid-details-msg {
    color: #424347;
    font-weight: 450;
    font-size: 16px;
    line-height: 24px;
    white-space: pre-wrap;
    text-align: left;
    text-align-last: left;
    overflow: hidden;
    position: relative;
    margin-top: 16px
}

.order-form__paid-details-msg-holder {
    position: absolute
}

.order-form__paid-details-msg_1 {
    height: auto!important
}

.order-form__paid-details-msg_1 .order-form__paid-details-msg-holder {
    position: static
}

.order-form__paid-details-msg-btn-less,.order-form__paid-details-msg-btn-more {
    margin-top: 16px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #12b368;
    display: inline-block
}

.order-form__paid-details-msg-btn-less img,.order-form__paid-details-msg-btn-more img {
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle
}

.order-form__paid-details-msg-btn-less img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.order-form__paid-details-btn-hide,.order-form__paid-details-btn-show {
    position: relative;
    font-weight: 700;
    color: #12b368;
    cursor: pointer
}

@media only screen and (min-width: 1024px) {
    .order-form__paid-details-btn-hide,.order-form__paid-details-btn-show {
        display:inline-block
    }
}

.order-form__paid-details-btn-hide img,.order-form__paid-details-btn-show img {
    margin-left: 4px
}

@media only screen and (min-width: 1024px) {
    .order-form__paid-details-btn-hide img,.order-form__paid-details-btn-show img {
        display:inline-block;
        vertical-align: middle
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form__paid-details-btn-hide,.order-form__paid-details-btn-show {
        display:flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #eff1f6;
        padding-top: 16px;
        margin-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .order-form__paid-details-btn-hide,.order-form__paid-details-btn-show {
        display:flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #eff1f6;
        padding-top: 16px;
        margin-top: 24px
    }
}

.order-form__paid-details-btn-hide {
    margin-top: 24px
}

.order-form__paid-details-btn-hide img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.order-form__paid-delim {
    margin-top: 1.5rem;
    margin-bottom: 1.0625rem;
    height: .0625rem;
    background: #eff1f6
}

@media only screen and (max-width: 1023px) {
    .order-form__paid-delim {
        display:none
    }
}

.order-form__writer-files {
    text-align: left;
    text-align-last: left;
    border-top: 1px solid #eff1f6;
    padding-top: 20px;
    margin-top: 20px
}

@media only screen and (max-width: 1023px) {
    .order-form__writer-files {
        padding-top:16px;
        margin-top: 16px
    }
}

.order-form__writer-files-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747
}

.fieldset .order-form__writer-files-title {
    min-height: auto
}

.order-form__writer-files-title span {
    background: #f6f7ff;
    border: 1px solid #ccd0ee;
    border-radius: 4px;
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #474747
}

.order-form__writer-files-default {
    background-image: url(/static/media/robot-file.36e74718.svg);
    background-repeat: no-repeat;
    background-size: 5rem 7.75rem;
    background-position: 0;
    min-height: 7.75rem;
    margin-top: .5rem;
    padding-left: 6rem;
    padding-top: 2.5625rem;
    color: #71747a;
    font-size: 1rem;
    line-height: 1.5
}

.order-form__writer-files-list {
    margin-top: 8px
}

@media only screen and (min-width: 1024px) {
    .order-form__writer-files-list {
        height:148px;
        overflow: hidden
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .order-form__writer-files-list {
        white-space:nowrap;
        padding: 0 0 10px 5px;
        overflow-x: auto
    }
}

@media only screen and (max-width: 767px) {
    .order-form__writer-files-list {
        white-space:nowrap;
        padding: 0 0 10px 5px;
        overflow-x: auto
    }
}

.order-form__writer-files-show-all {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #12b368;
    margin-top: 16px;
    cursor: pointer
}

.order-form__writer-files-show-all-img {
    margin-left: 4px
}

.order-form__writer-files-show-all-img_1 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.order-form__writer-files-list_1 {
    height: auto;
    overflow: visible
}

.order-form__subject {
    line-height: 1.5;
    color: #71747a;
    border-bottom: 1px solid #eff1f6
}

@media only screen and (min-width: 1024px) {
    .order-form__subject {
        margin-top:24px;
        padding-bottom: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__subject {
        margin-top:16px;
        padding-bottom: 16px
    }
}

.order-form__subject strong {
    color: #424347
}

.order-form__subject_1 {
    margin-top: 12px
}

@media only screen and (min-width: 1024px) {
    .order-form__title-ddl {
        margin-top:24px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__title-ddl {
        margin-top:16px
    }
}

.order-form__number {
    font-size: 12px;
    line-height: 1.33;
    color: #71747a;
    margin-top: 8px
}

.order-form__geek-help {
    line-height: 1.5;
    color: #71747a;
    margin-top: 16px
}

.order-form__geek-help strong {
    font-weight: 700;
    color: #424347
}

@media only screen and (max-width: 1023px) {
    .order-form_2 .order-form__toster {
        top:110px
    }
}

@media only screen and (max-width: 1023px) {
    .order-form_2.order-form_1 .order-form__toster {
        top:4rem
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__header {
        position:fixed;
        z-index: 301;
        left: 0;
        right: 0;
        top: 0
    }
}

@media only screen and (max-width: 1023px) {
    .order-form__header_2 {
        top:80px;
        box-shadow: 0 16px 40px 0 rgba(0,53,136,.15),0 8px 12px 0 rgba(0,38,96,.06);
        background-color: #fff;
        height: 48px
    }

    .order-form__header_2 .order-form__back,.order-form__header_2 .order-hiw-link,.order-form__header_2 .order-title {
        position: absolute
    }

    .order-form__header_2.order-form__header_1 {
        top: 0
    }
}

.order-form__hours {
    position: relative;
    margin-top: 16px
}

@media only screen and (min-width: 1024px) {
    .order-form__hours {
        width:500px;
        margin-bottom: 8px
    }
}

.order-form__subject-mycourses-fill {
    display: flex;
    margin-top: 10px
}

.order-form__subject-mycourses-fill .my-courses-buble-2 {
    margin-left: 0
}

.order-form__get-addons {
    border-top: 1px solid #eff1f6;
    margin-top: 24px;
    padding-top: 24px
}

.order-form__get-addons-holder {
    display: flex;
    align-items: center;
    padding: 0 20px;
    border: 2px dashed #d4d9ed;
    border-radius: 2px;
    justify-content: space-between;
    cursor: pointer;
    background: #f8f9fc;
    height: 64px
}

.order-form__get-addons-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -.25px;
    color: #474747
}

.order-form__get-addons-title img {
    margin-right: 12px
}

.messages-form {
    position: relative
}

.messages-form.box {
    border: 1px solid #c6c8cc;
    border-radius: 2px;
    box-sizing: initial;
    background: #fff
}

.input-text-area {
    border: none;
    resize: none!important
}

@media only screen and (max-width: 1023px) {
    .messages-page .header,.messages-page .order-form {
        display:none
    }
}

.messages-overlay {
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999
}

.messages {
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    height: 100%;
    flex-direction: column
}

@media only screen and (min-width: 1024px) {
    .messages {
        width:480px
    }
}

@media only screen and (max-width: 1023px) {
    .messages {
        width:100%
    }
}

.messages-header {
    border-bottom: 1px solid #eff1f6;
    position: relative;
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    background: #fff;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .messages-header {
        height:72px;
        padding: 20px 24px
    }
}

@media only screen and (max-width: 1023px) {
    .messages-header {
        height:48px;
        padding: 12px 16px
    }
}

.messages-title {
    color: #474747;
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .messages-title {
        justify-content:center;
        font-size: 28px;
        line-height: 32px;
        display: flex;
        width: 100%
    }
}

@media only screen and (max-width: 1023px) {
    .messages-title {
        font-size:20px;
        line-height: 24px;
        padding-left: 32px;
        padding-right: 32px
    }
}

.messages-close {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 1024px) {
    .messages-close {
        left:24px
    }
}

.messages-close__icon {
    width: 24px;
    height: 24px
}

.messages-dropzone {
    background: #fff;
    display: flex;
    flex: 1 1 auto;
    width: 100%
}

.messages-dropzone_open {
    bottom: 0;
    top: 0;
    border-radius: .125rem;
    border: .0625rem dashed #505d82;
    margin: .9375rem;
    width: calc(100% - 1.875rem);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.dropzone__uploader-icon {
    width: 3.4375rem;
    height: 2.5rem;
    margin: 0 auto 1.125rem;
    display: block;
    background-image: url(/static/media/cloud-upload.667436bf.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.messages-list__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.messages-list {
    padding: 1.5rem
}

@media only screen and (max-width: 1023px) {
    .messages-list {
        padding-left:.75rem;
        padding-right: .75rem
    }
}

.messages-item {
    position: relative;
    display: flex;
    flex-direction: column
}

.messages-item+.messages-item {
    margin-top: 40px
}

.messages-item__message-name {
    display: flex;
    align-items: center
}

.messages-item__message-name img {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.messages-item__message-name-value {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px
}

.messages-item_client .messages-item__message-role {
    background-position: 100%;
    justify-content: flex-end
}

.messages-item_client .messages-item__message {
    align-self: flex-end
}

.messages-item_operator .messages-item__message-text,.messages-item_system .messages-item__message-text,.messages-item_writer .messages-item__message-text {
    background: #3251ef;
    color: #fff;
    border-top-left-radius: 0
}

.messages-item_operator .messages-item__message-text a,.messages-item_system .messages-item__message-text a,.messages-item_writer .messages-item__message-text a {
    color: #fff;
    text-decoration: underline
}

.messages-item_operator .messages-item__message-text:before,.messages-item_system .messages-item__message-text:before,.messages-item_writer .messages-item__message-text:before {
    content: "";
    display: block;
    background-image: url(/static/media/operator-bubble.1489718e.svg);
    background-size: .75rem .25rem;
    background-position: 0 0;
    width: .75rem;
    height: .25rem;
    position: absolute;
    top: -.25rem;
    left: 0
}

.messages-item__date {
    color: #71747a;
    font-size: .75rem;
    line-height: 1.33;
    text-align: center;
    text-align-last: center
}

.messages-item__files+.messages-item__message-text {
    margin-top: 1rem
}

.messages-item__message-status {
    margin-top: 8px;
    color: #71747a;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    text-align-last: right;
    text-transform: capitalize
}

.messages-item__message {
    margin-top: 1rem;
    position: relative
}

.messages-item__message-role {
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    color: #474747;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
    display: flex;
    align-items: center
}

.messages-item__message-text {
    background: #fff;
    max-width: 312px;
    margin-top: 8px;
    border-radius: 16px;
    padding: 8px 12px;
    box-shadow: 0 .25rem .5rem 0 rgba(0,53,136,.1);
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    font-size: 1rem;
    line-height: 1.25;
    color: #000;
    white-space: pre-line
}

.messages-item__message-text a {
    color: #000;
    text-decoration: underline
}

@media only screen and (max-width: 1023px) {
    .messages-item__message-text {
        max-width:calc(100% - 1.5rem)
    }
}

.messages-footer {
    background: #fff;
    width: inherit;
    border-top: .0625rem solid #f0f1f6;
    z-index: 2
}

.messages__form {
    height: 100%;
    padding: 1.125rem 0 1.125rem 2rem
}

@media only screen and (max-width: 1023px) {
    .messages__form {
        padding-left:.75rem
    }
}

.message__form-files {
    background-color: #fff;
    padding: .5rem .9375rem .5rem .5rem;
    border-bottom: .0625rem solid #f0f1f6;
    position: relative
}

.message__form-files .ico.delete-file {
    position: absolute;
    right: .5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.messages__form-textarea {
    width: 100%;
    height: inherit;
    padding-right: 8.125rem;
    line-height: 1.1;
    border: none;
    display: block;
    resize: none;
    overflow: hidden
}

.messages__form-submit {
    position: absolute;
    bottom: .5rem;
    right: 1.5rem;
    cursor: pointer;
    z-index: 2
}

@media only screen and (max-width: 1023px) {
    .messages__form-submit {
        right:1rem
    }
}

.messages__form-submit+.messages__form-attach {
    right: 5rem
}

@media only screen and (max-width: 1023px) {
    .messages__form-submit+.messages__form-attach {
        right:4rem
    }
}

.messages__form-submit-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: block
}

.messages__form-attach {
    position: absolute;
    bottom: .85rem;
    right: 1.5rem;
    cursor: pointer;
    z-index: 2
}

@media only screen and (max-width: 1023px) {
    .messages__form-attach {
        right:1rem
    }
}

.messages__form-attach-icon {
    width: 1.5rem;
    height: 1.625rem;
    display: block
}

.messages-item__new {
    border-radius: .875rem;
    border: .09375rem solid #13cf77;
    opacity: 1;
    visibility: visible;
    transition: opacity 2s,visibility 2s linear;
    font-family: "CircularStd";
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: right;
    color: #13cf77;
    display: flex;
    align-items: center;
    width: 44px;
    height: 25px;
    justify-content: center;
    margin-left: .625rem
}

.messages-item__new_hidden {
    visibility: hidden;
    opacity: 0
}

.messages__file-upload {
    padding: 1rem 1.5rem;
    width: 100%;
    white-space: nowrap
}

@media only screen and (max-width: 1023px) {
    .messages__file-upload {
        padding:.5rem .75rem;
        border-bottom: .0625rem solid #f0f1f6
    }
}

@media only screen and (max-width: 1023px) {
    .messages__file-upload .files-list__client-item {
        display:none
    }
}

.messages__file-upload_counter {
    padding-left: 2rem;
    padding-right: 2rem;
    color: #474747;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    position: relative;
    display: none
}

@media only screen and (max-width: 1023px) {
    .messages__file-upload_counter {
        display:block
    }
}

.messages__file-upload_counter i {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #13cf77;
    box-shadow: 0 .25rem .75rem 0 rgba(18,173,100,.4);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    text-align-last: center;
    color: #fff;
    font-weight: 400
}

.messages__file-upload__close-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.messages__file-upload__close {
    width: 1.5rem;
    height: 1.5rem;
    display: block
}

.messages-list__info {
    padding: 40px 24px 0
}

.messages-list__info-title {
    font-weight: 700;
    letter-spacing: -.015em;
    color: #474747;
    display: flex;
    align-items: center
}

.messages-list__info-title img {
    margin-left: 6px
}

@media only screen and (min-width: 1024px) {
    .messages-list__info-title {
        font-size:24px;
        line-height: 30px
    }
}

@media only screen and (max-width: 1023px) {
    .messages-list__info-title {
        font-size:18px;
        line-height: 24px
    }
}

.messages-list__info-subtitle {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.015em;
    color: #474747;
    margin-top: 8px
}

.messages-list__info-chat {
    position: relative;
    background: rgba(19,207,119,.06);
    border-radius: 12px;
    padding: 20px 20px 20px 90px;
    margin-top: 24px;
    cursor: pointer
}

.messages-list__info-chat-icon {
    position: absolute;
    left: 20px;
    top: 20px
}

.messages-list__info-chat-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.015em;
    color: #474747;
    position: relative
}

.messages-list__info-chat-title:after {
    content: "";
    background: #1ed760;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    margin-left: 8px
}

.messages-list__info-chat-subtitle {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.015em;
    color: #474747
}

.messages-list__info-chat-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.015em;
    color: #71737a;
    display: flex;
    align-items: center
}

.messages-list__info-chat-text img {
    margin-right: 6px
}

.messages-list__info-chat-text span {
    opacity: .6
}

.messages-list__info-chat-arrow {
    position: absolute;
    right: 20px;
    top: 20px
}

.messages-item__message-irrelevant {
    background: #f3f5fe;
    border-radius: 16px 16px 16px 0;
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.015em;
    color: #474747;
    display: flex;
    text-align: left;
    text-align-last: left;
    align-items: flex-start
}

.messages-item__message-irrelevant img {
    margin-right: 12px
}

.message__disabled {
    background: #f8f9fc;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.015em;
    color: #71737a;
    padding: 8px;
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .message__disabled {
        margin:24px
    }
}

@media only screen and (max-width: 1023px) {
    .message__disabled {
        margin:8px
    }
}

.message__disabled img {
    margin-right: 8px
}

.message__disabled strong {
    color: #12b368;
    cursor: pointer
}

@-webkit-keyframes progress {
    0% {
        background-position: -200px 0
    }

    to {
        background-position: calc(200px + 100%) 0
    }
}

@keyframes progress {
    0% {
        background-position: -200px 0
    }

    to {
        background-position: calc(200px + 100%) 0
    }
}

.react-loading-skeleton-wrapper {
    height: 100%;
    min-height: inherit;
    display: block;
    width: 100%
}

.react-loading-skeleton {
    -webkit-animation: progress 1.2s ease-in-out infinite;
    animation: progress 1.2s ease-in-out infinite;
    background-color: #eee;
    background-image: linear-gradient(90deg,#eee,#f5f5f5,#eee);
    background-size: 200px 100%;
    background-repeat: no-repeat;
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    height: inherit;
    min-height: inherit
}

.revision-popup {
    height: 35rem;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .revision-popup {
        height:100%
    }
}

.revision-body {
    width: 33.5rem;
    height: 100%;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .revision-body {
        width:100%
    }
}

.revision-body_success {
    width: 100%
}

.revision-success {
    background-image: url(/static/media/robot-love.a47278f2.svg);
    background-repeat: no-repeat;
    background-size: 5rem 7.75rem;
    background-position: center 6.5rem;
    padding: 15.75rem 1.5rem 1.5rem;
    text-align: center;
    text-align-last: center
}

.revision-success__title {
    color: #424347;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 700
}

.revision-header__title_desktop {
    display: block
}

@media only screen and (max-width: 1023px) {
    .revision-header__title_desktop {
        display:none
    }
}

.revision-header__title_mobile {
    display: none
}

@media only screen and (max-width: 1023px) {
    .revision-header__title_mobile {
        display:block;
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

.revision-header__title-back_mobile {
    display: none
}

@media only screen and (max-width: 1023px) {
    .revision-header__title-back_mobile {
        display:block;
        position: absolute;
        top: 1rem;
        right: .625rem;
        width: 1.5rem;
        height: 1.5rem;
        cursor: pointer;
        background: url(/static/media/ic-close.ad2354d0.svg) no-repeat 0 0
    }
}

.revision-success__text {
    color: #424347;
    font-size: 1rem;
    line-height: 2
}

.revision-success__subtext {
    margin-top: .5rem;
    color: #71747a;
    font-size: 1rem;
    line-height: 1.5
}

.revision-success__button {
    margin-top: 2.5rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.revision-form {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .revision-form {
        padding-bottom:4.5rem
    }
}

@media only screen and (max-width: 1023px) {
    .revision-form_preview {
        padding-bottom:0
    }
}

.revision-header {
    padding: 1.0625rem 2.1875rem .9375rem 1.5rem;
    border-bottom: .0625rem solid #eff1f6;
    color: #474747;
    font-size: 1.125rem;
    line-height: 1.33;
    font-weight: 700;
    flex: 0 0 auto;
    width: 100%
}

.revision-content {
    flex: 1 1;
    width: 100%;
    overflow: auto;
    padding: 20px 24px
}

.revision-content .order-form__toster {
    max-width: 25rem;
    width: auto;
    margin: 0;
    top: 0;
    left: 4.25rem;
    right: 4.25rem;
    bottom: auto;
    position: absolute
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .revision-content .order-form__toster {
        -webkit-transform:none;
        transform: none
    }
}

@media only screen and (max-width: 1023px) {
    .revision-content .order-form__toster {
        max-width:100%;
        top: 5.625rem;
        left: .5rem;
        right: .5rem;
        position: fixed
    }
}

.revision-content .order-form__toster:after,.revision-content .order-form__toster:before {
    display: none
}

.revision-content .order-form__toster-text {
    position: absolute;
    left: 2.75rem;
    right: 3.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.revision-title {
    padding-bottom: .5rem;
    color: #474747;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    display: none
}

@media only screen and (max-width: 1023px) {
    .revision-title {
        display:block
    }
}

.revision-attach {
    margin-top: 1rem;
    position: relative
}

.revision-attach:before {
    content: "";
    position: absolute;
    left: 0;
    top: -.125rem;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(/static/media/cloud-upload-24-px.605d55ea.svg)
}

@media only screen and (max-width: 1023px) {
    .revision-attach:before {
        background-image:url(/static/media/btn-plus-normal.00ab807e.svg);
        box-shadow: 0 .25rem .75rem 0 rgba(18,173,100,.4);
        border-radius: 100%
    }
}

.revision-file-count {
    margin-top: 1rem;
    position: relative;
    color: #71747a;
    line-height: 1.25rem;
    padding-left: 2rem;
    font-weight: 700;
    display: none
}

@media only screen and (max-width: 1023px) {
    .revision-file-count {
        display:block
    }
}

.revision-file-count i {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #13cf77;
    box-shadow: 0 .25rem .75rem 0 rgba(18,173,100,.4);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -2px;
    text-align: center;
    text-align-last: center;
    color: #fff;
    font-weight: 400;
    line-height: 1.5rem
}

.revision-file-count-close-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.revision-file-count-close {
    width: 1.5rem;
    height: 1.5rem;
    display: block
}

.revision-attach__input {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-appearance: none;
    appearance: none
}

.revision-attach__label {
    padding-left: 2rem;
    color: #71747a;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 700;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.revision-date {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: .0625rem solid #eff1f6
}

.revision-date .timepicker-overlay-wrap {
    min-height: 25rem;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .revision-date .timepicker-overlay-wrap {
        min-height:0
    }
}

.revision-date .DayPickerInput-OverlayWrapper {
    min-height: 25rem;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .revision-date .DayPickerInput-OverlayWrapper {
        position:fixed
    }
}

.revision-date .DayPickerInput-OverlayWrapper .DayPickerInput-Overlay {
    top: auto
}

.revision-date .order-form__input-icon_green {
    top: 10px;
    right: 8px
}

.revision__date-preview {
    color: #424347;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 700
}

.revision-date__title {
    color: #474747;
    font-size: 1.125rem;
    line-height: 1.33;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .revision-date__title {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.revision-date__item {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .revision-date__item {
        width:55%
    }
}

.revision-date__item+.revision-date__item {
    margin-left: 1rem
}

@media only screen and (max-width: 1023px) {
    .revision-date__item+.revision-date__item {
        width:45%;
        margin-left: 0
    }
}

.revision-date__item .DayPickerInput {
    width: 12rem
}

@media only screen and (max-width: 1023px) {
    .revision-date__item .DayPickerInput {
        width:auto
    }
}

@media only screen and (max-width: 1023px) {
    .revision-date__item .order-form__input-icon {
        top:10px;
        right: 8px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .revision-date__item .input {
        border:0;
        padding-left: .75rem
    }
}

@media only screen and (max-width: 767px) {
    .revision-date__item .input {
        border:0;
        padding-left: .75rem
    }
}

@media only screen and (max-width: 1023px) {
    .revision-date__item .input.input_fake-date {
        top:0;
        left: 0;
        right: 0;
        border-right: .0625rem solid #eff1f6
    }
}

.revision-date__item .datepickericon,.revision-date__item .timepickericon {
    right: 8px;
    left: auto;
    top: 10px
}

@media only screen and (min-width: 1024px) {
    .revision-buttons {
        display:flex;
        justify-content: space-between;
        height: 5.5rem;
        padding: 1rem 1.5rem;
        border-top: .0625rem solid #eff1f6
    }
}

@media only screen and (max-width: 1023px) {
    .revision-buttons {
        padding:.5rem;
        border: 0;
        height: auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.revision-buttons__item-button .button {
    min-width: 14.375rem
}

.revision-buttons__item-link {
    margin-top: 1.125rem;
    margin-bottom: 1.125rem;
    color: #71747a;
    font-size: 1rem;
    line-height: 1.25;
    cursor: pointer
}

.revision-buttons__item-link,.revision-static {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.revision-static {
    background-image: url(/static/media/revision.99d75803.svg);
    background-repeat: no-repeat;
    background-size: 19.5rem 19.1875rem;
    background-position: 50% calc(100% - 2.375rem);
    background-color: #d4d9ed;
    width: 19.625rem;
    height: inherit;
    padding: 2.5rem 1rem;
    border-radius: 0 .125rem .125rem 0;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 1023px) {
    .revision-static {
        display:none
    }
}

.revision-static__title {
    color: #031b4e;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700
}

.revision-static__text {
    margin-top: 1rem;
    color: #637293;
    font-size: 1rem;
    line-height: 1.25
}

.revision-static__text-link {
    color: inherit;
    text-decoration: underline
}

.revision__msg-preview-text {
    height: 3.75rem;
    overflow: hidden;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.25;
    color: #424347;
    margin-bottom: .5rem;
    white-space: pre-wrap;
    position: relative
}

.revision__msg-preview-text_more {
    height: auto
}

.revision__msg-preview-text_more .revision__msg-preview-text-holder {
    position: static
}

.revision__msg-more {
    cursor: pointer
}

.revision-date__title_preview {
    margin-bottom: 1.5rem
}

.revision__time-preview {
    color: #71747a
}

.request-revision__files {
    margin-top: 20px
}

.request-revision__files .files-list__client-item {
    width: 12.25rem;
    height: 7.25rem;
    margin-top: 0;
    padding: .125rem .125rem .375rem;
    box-shadow: none
}

.request-revision__files .files-list__client-item:nth-child(odd) {
    margin-left: .33rem;
    margin-left: 0
}

.request-revision__files .files-list__client-item__link {
    height: 6.5rem;
    box-shadow: 0 .25rem .5rem 0 rgba(0,53,136,.1);
    border-radius: .25rem
}

.request-revision__files_custom {
    white-space: nowrap
}

.revision__msg-preview-text-holder {
    position: absolute
}

.order-hiw {
    text-align: center;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .order-hiw {
        padding:72px
    }
}

@media only screen and (max-width: 1023px) {
    .order-hiw {
        padding:64px 16px
    }
}

.order-hiw .slider-step-label {
    font-size: 14px;
    line-height: 20px;
    color: #71747a;
    margin-top: 8px
}

.order-hiw .slider-step-control-list {
    display: flex;
    margin-top: 12px;
    justify-content: center;
    align-items: center
}

.order-hiw .slider-step-control-item {
    display: block;
    width: 8px;
    height: 8px;
    background-color: #d4d9ed;
    padding: 0;
    border-radius: 50%
}

.order-hiw .slider-step-control-item:not(:first-child) {
    margin-left: .25rem
}

.order-hiw .slider-step-control-item.active {
    background-color: #13cf77
}

.order-hiw__title {
    color: #424347;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .order-hiw__title {
        font-size:18px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .order-hiw__title {
        font-size:24px;
        line-height: 32px
    }
}

.order-hiw__img {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) {
    .order-hiw__img {
        margin-top:26px
    }
}

@media only screen and (max-width: 1023px) {
    .order-hiw__img {
        margin-top:30px;
        width: 245px
    }
}

.order-hiw__msg {
    font-size: 16px;
    line-height: 24px;
    color: #71747a
}

@media only screen and (min-width: 1024px) {
    .order-hiw__msg {
        margin-top:16px
    }
}

@media only screen and (max-width: 1023px) {
    .order-hiw__msg {
        margin-top:24px
    }
}

.order-hiw__msg-link {
    color: #12b34a;
    font-weight: 700
}

.order-hiw__controls {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 72px;
    right: 72px
}

@media only screen and (min-width: 1024px) {
    .order-hiw__controls {
        left:72px;
        right: 72px;
        margin-top: -32px
    }
}

@media only screen and (max-width: 1023px) {
    .order-hiw__controls {
        left:12px;
        right: 12px;
        margin-top: -82px
    }
}

.order-hiw__controls .slider-control {
    position: absolute;
    background: none;
    outline: none
}

.order-hiw__controls .slider-control.left {
    left: 0
}

.order-hiw__controls .slider-control.right {
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.payment {
    padding: 80px 24px 0;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .payment {
        height:560px
    }
}

.payment img {
    margin: 0 auto
}

.payment__title {
    color: #424347;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 32px
}

.payment__text {
    margin-top: 8px;
    color: #474747;
    font-size: 1rem;
    line-height: 24px
}

.payment__subtext {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    color: #71747a;
    font-size: 16px;
    line-height: 24px
}

.payment__btn {
    width: auto;
    min-width: 300px;
    height: 56px;
    margin-top: 24px;
    display: inline-block
}

@media only screen and (max-width: 1023px) {
    .payment__btn {
        min-width:0;
        width: 100%
    }
}

.payment-success-default {
    text-align: center;
    padding-top: 150px;
    padding-bottom: 150px
}

@media only screen and (max-width: 1023px) {
    .payment-success-default {
        padding-bottom:0;
        padding-top: 120px
    }
}

.payment-success-default img {
    margin: 0 auto 32px
}

.payment-success-default__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    color: #424347;
    margin-bottom: 8px
}

.payment-success-default__subtitle {
    line-height: 1.5;
    color: #474747;
    margin-bottom: 24px
}

.payment-success-default__btn {
    width: 192px;
    margin: 0 auto
}

@media only screen and (max-width: 1023px) {
    .payment-success-default__btn {
        position:absolute;
        left: 16px;
        right: 16px;
        width: auto;
        bottom: 16px
    }
}

.sms-subscribe {
    text-align: center;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .sms-subscribe {
        padding:80px 16px 30px;
        height: 560px
    }
}

@media only screen and (max-width: 1023px) {
    .sms-subscribe {
        overflow-y:auto;
        height: 100%;
        background: #fff;
        padding: 60px 16px 30px
    }
}

.sms-subscribe__img {
    margin: 0 auto
}

.sms-subscribe__img-warn {
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    margin-right: 5px
}

.sms-subscribe__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747;
    margin-top: 24px
}

.sms-subscribe__subtitle {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -.02em;
    color: #71737a;
    margin-top: 8px
}

.sms-subscribe__subtitle strong {
    font-weight: 700
}

.sms-subscribe__phone {
    margin: 32px auto 0;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .sms-subscribe__phone {
        width:400px
    }
}

.sms-subscribe__phone-error-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: -.25px;
    color: #474747
}

.sms-subscribe__phone-error-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a
}

.sms-subscribe__phone-error-text strong {
    color: #12b368;
    cursor: pointer
}

.sms-subscribe__btn {
    padding: 16px
}

@media only screen and (min-width: 1024px) {
    .sms-subscribe__btn {
        margin:24px auto 0;
        width: 400px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .sms-subscribe__btn {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .sms-subscribe__btn {
        margin-top:24px
    }
}

.sms-subscribe__btn.button_type1_disabled {
    background: #d4d9ed
}

.sms-subscribe__warn {
    margin: 8px auto 0;
    background: #fffbf0;
    border-radius: 4px;
    padding: 12px 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #474747;
    text-align: left;
    display: flex;
    justify-content: flex-start
}

@media only screen and (min-width: 1024px) {
    .sms-subscribe__warn {
        max-width:400px
    }
}

.sms-subscribe__warn span {
    color: #3251ef
}

.sms-subscribe__warn img {
    margin-right: 12px
}

.sms-subscribe__info {
    display: flex;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #474747;
    margin-top: 62px;
    flex-wrap: wrap
}

.sms-subscribe__info-conf {
    display: flex;
    align-items: center;
    margin-top: 16px
}

.sms-subscribe__info-conf img {
    margin-right: 4px
}

.sms-subscribe__info-spam {
    display: flex;
    align-items: center;
    margin-top: 16px
}

.sms-subscribe__info-spam img {
    margin-right: 4px
}

.sms-subscribe__info-delim {
    width: 1px;
    height: 16px;
    border-left: 1px solid #969aa3;
    opacity: .2;
    margin: 16px 16px 0
}

.sms-subscribe__info-sms {
    display: flex;
    align-items: center;
    margin-top: 16px
}

.sms-subscribe__info-sms img {
    margin-right: 4px
}

.sms-subscribe__phone-disabled {
    border: 1px solid #eff1f6;
    border-radius: 4px;
    padding: 10px 16px;
    font-weight: 450;
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    text-align: left;
    margin: 32px auto 0
}

@media only screen and (min-width: 1024px) {
    .sms-subscribe__phone-disabled {
        max-width:400px
    }
}

.sms-subscribe__btn-disabled {
    max-width: 400px;
    margin: 16px auto 0
}

.how {
    height: 100%
}

@media only screen and (min-width: 1024px) {
    .how {
        padding:64px 60px
    }
}

@media only screen and (max-width: 1023px) {
    .how {
        padding:55px 16px 65px
    }
}

@media only screen and (min-width: 1024px) {
    .how__list {
        display:flex;
        flex-direction: column;
        justify-content: space-between
    }
}

@media only screen and (max-width: 1023px) {
    .how__list {
        height:100%;
        overflow-y: auto;
        padding-top: 25px
    }
}

.how__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    color: #424347;
    background: #fff
}

@media only screen and (min-width: 1024px) {
    .how__title {
        text-align:center;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 1023px) {
    .how__title {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        border-bottom: 1px solid #eff1f6;
        padding: 12px 20px 12px 16px;
        text-align: left
    }
}

@media only screen and (min-width: 1024px) {
    .how__item-holder {
        display:flex
    }
}

.how__item {
    margin-bottom: 24px
}

@media only screen and (min-width: 1024px) {
    .how__item {
        width:360px
    }
}

@media only screen and (max-width: 1023px) {
    .how__item-1,.how__item-2,.how__item-3 {
        position:relative
    }

    .how__item-1:before,.how__item-2:before,.how__item-3:before {
        content: "";
        width: 2px;
        background: #1ed760;
        position: absolute;
        height: 100%;
        left: 11px;
        top: 24px
    }
}

.how__item-title {
    font-weight: 700;
    line-height: 1.5;
    color: #474747;
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.how__item-title img {
    margin: 0 8px 0 0
}

.how__item-text {
    line-height: 1.5;
    color: #474747
}

@media only screen and (max-width: 1023px) {
    .how__item-text {
        padding-left:30px
    }
}

.how__btn {
    width: 200px;
    font-size: 18px;
    font-weight: 700;
    margin: 16px auto 0
}

@media only screen and (max-width: 1023px) {
    .how__btn {
        position:absolute;
        background: #fff;
        padding: 8px;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        margin: 0
    }
}

.payment-success-refer {
    overflow: auto
}

@media only screen and (min-width: 1024px) {
    .payment-success-refer {
        height:560px;
        padding: 40px 16px 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .payment-success-refer {
        padding:60px 16px 30px;
        height: 100%
    }
}

@media only screen and (max-width: 767px) {
    .payment-success-refer {
        padding:60px 16px 30px;
        height: 100%
    }
}

.payment-success-refer__img {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 48px
}

.payment-success-refer__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #474747;
    max-width: 450px;
    margin: 40px auto 0
}

.payment-success-refer__title span {
    color: #ffa407
}

.payment-success-refer__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -.25px;
    color: #71747a;
    margin: 16px auto 0;
    max-width: 400px
}

.payment-success-refer__btn {
    width: 288px;
    margin: 40px auto 0;
    display: block
}

.payment-success-refer__more {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3;
    margin: 32px auto 0;
    max-width: 384px;
    text-align: center
}

.payment-success-refer__more span {
    color: #12b368;
    cursor: pointer
}

.payment-success-refer__more a {
    color: #12b368
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .payment-success-refer__more {
        position:absolute;
        left: 8px;
        right: 8px;
        bottom: 24px
    }
}

@media only screen and (max-width: 767px) {
    .payment-success-refer__more {
        position:absolute;
        left: 8px;
        right: 8px;
        bottom: 24px
    }
}

.get-addons {
    min-height: 560px
}

@media only screen and (min-width: 1024px) {
    .get-addons {
        padding:24px 140px
    }
}

@media only screen and (max-width: 1023px) {
    .get-addons {
        padding:40px 16px 12px;
        height: 100%;
        overflow-y: auto
    }
}

.get-addons__title {
    text-align: center;
    font-weight: 700;
    margin-top: 16px;
    color: #474747
}

@media only screen and (min-width: 1024px) {
    .get-addons__title {
        font-size:24px;
        line-height: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .get-addons__title {
        font-size:20px;
        line-height: 24px
    }
}

.get-addons__info {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #71737a;
    max-width: 372px;
    margin: 8px auto 0
}

@media only screen and (min-width: 1024px) {
    .get-addons__info {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .get-addons__info {
        font-size:14px;
        line-height: 20px
    }
}

.get-addons__img {
    margin: 0 auto
}

.get-addons__list {
    margin-top: 24px
}

@media only screen and (min-width: 1024px) {
    .get-addons__list {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 24px
    }
}

.get-addons__item {
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.get-addons__item:after {
    content: "";
    border-bottom: 1px solid #eff1f6;
    position: absolute;
    bottom: 0;
    left: 57px;
    right: 0
}

.get-addons__item-btn {
    min-width: 62px;
    border-radius: 20px;
    background-color: rgba(19,207,119,.16);
    font-size: 16px;
    font-weight: 700;
    color: #13cf77;
    padding: 5px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.get-addons__item-btn:hover:before {
    content: "";
    background: #12b368;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0
}

@media only screen and (max-width: 1023px) {
    .get-addons__item-btn:hover:before {
        display:none
    }
}

.get-addons__item-btn:hover:after {
    color: #fff;
    content: "Add";
    position: absolute;
    text-align: center;
    text-align-last: center;
    left: 0;
    right: 0
}

@media only screen and (max-width: 1023px) {
    .get-addons__item-btn:hover:after {
        display:none
    }
}

@media only screen and (min-width: 1024px) {
    .get-addons__btn {
        width:270px;
        margin: 40px auto 0
    }
}

@media only screen and (max-width: 1023px) {
    .get-addons__btn {
        margin:40px -8px 0
    }
}

.get-addons__item-icon {
    margin-right: 8px;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0,53,136,.10196078431372549)
}

.get-addons__item-info {
    flex: 1 1;
    align-self: flex-start
}

.get-addons__item-name {
    line-height: 24px;
    font-weight: 700;
    color: #474747
}

.get-addons__item-desc {
    font-size: 12px;
    color: #71737a;
    line-height: 16px
}

.get-addons__item_disabled .get-addons__item-change-geek a,.get-addons__item_disabled .get-addons__item-desc,.get-addons__item_disabled .get-addons__item-geek-info-value,.get-addons__item_disabled .get-addons__item-name {
    color: #d4d9ed;
    cursor: default
}

.get-addons__item_active .get-addons__item-btn,.get-addons__item_disabled .get-addons__item-btn {
    background: #d4d9ed;
    opacity: .5;
    color: #fff;
    cursor: default
}

.get-addons__item_active .get-addons__item-btn img,.get-addons__item_disabled .get-addons__item-btn img {
    width: 16px;
    height: 16px
}

.get-addons__item_active .get-addons__item-btn:hover:after,.get-addons__item_active .get-addons__item-btn:hover:before,.get-addons__item_added .get-addons__item-btn:hover:after,.get-addons__item_added .get-addons__item-btn:hover:before,.get-addons__item_disabled .get-addons__item-btn:hover:after,.get-addons__item_disabled .get-addons__item-btn:hover:before,.get-addons__item_free .get-addons__item-btn:hover:after,.get-addons__item_free .get-addons__item-btn:hover:before {
    display: none
}

.get-addons__item_added .get-addons__item-btn {
    background-color: #12b368;
    color: #fff
}

.get-addons__item_added .get-addons__item-btn img {
    width: 16px;
    height: 16px
}

.get-addons__item_free .get-addons__item-btn {
    text-transform: uppercase;
    background-color: #12b368;
    color: #fff;
    font-size: 14px
}

.get-addons__item_free .get-addons__item-btn img {
    margin-right: 2px;
    width: 12px;
    height: 12px
}

.get-addons__item-btn_loading:hover:after,.get-addons__item-btn_loading:hover:before {
    display: none
}

.get-addons__item-change-geek {
    line-height: 16px;
    font-weight: 700
}

.get-addons__item-change-geek a {
    color: #12b368;
    font-size: 12px;
    padding: 10px 0
}

.get-addons__spinner {
    width: 20px;
    height: 20px
}

.get-addons__item-geek-info {
    display: flex;
    align-items: center
}

.get-addons__item-geek-info img {
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    overflow: hidden;
    border-radius: 100%
}

.get-addons__item-geek-info-img {
    margin-right: 4px;
    position: relative
}

.get-addons__item-geek-info-value {
    font-size: 12px;
    line-height: 16px;
    color: #474747;
    font-weight: 700
}

.get-addons__item-tip {
    background: #1f2937;
    border-radius: 8px;
    position: absolute;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #fff;
    z-index: 4
}

@media only screen and (min-width: 1024px) {
    .get-addons__item-tip {
        width:302px;
        top: 38px;
        left: calc(100% - 16px)
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .get-addons__item-tip {
        right:0;
        left: auto
    }
}

@media only screen and (max-width: 1023px) {
    .get-addons__item-tip {
        left:0;
        right: 0;
        top: 32px
    }
}

.get-addons__item-tip-icon {
    cursor: pointer
}

@media only screen and (min-width: 1024px) {
    .get-addons__item-tip-icon {
        margin-top:-35px
    }
}

@media only screen and (max-width: 1023px) {
    .get-addons__item-tip-icon {
        margin-top:-27px
    }
}

@media only screen and (min-width: 1024px) {
    .modal-preferred-geek {
        width:488px
    }
}

.preferred-geek {
    padding: 60px 24px 0;
    height: 100%;
    min-height: 560px
}

@media only screen and (max-width: 1023px) {
    .preferred-geek {
        padding:45px 16px 60px
    }
}

.preferred-geek__head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eff1f6;
    margin-bottom: 24px;
    padding-bottom: 24px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .preferred-geek__head {
        margin:0 -16px 24px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (max-width: 767px) {
    .preferred-geek__head {
        margin:0 -16px 24px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.preferred-geek__head img {
    margin-right: 8px;
    box-shadow: 0 4px 8px 0 rgba(0,53,136,.10196078431372549);
    border-radius: 8px
}

.preferred-geek__info {
    flex: 1 1;
    align-self: flex-start
}

.preferred-geek__info-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747
}

.preferred-geek__info-desc {
    color: #71737a;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    max-width: 160px
}

.preferred-geek__info-price {
    min-width: 80px;
    min-height: 40px;
    border-radius: 20px;
    background-color: rgba(19,207,119,.16);
    color: #13cf77;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 1023px) {
    .preferred-geek__list {
        overflow-y:auto;
        max-height: 100vh;
        padding-bottom: 90px;
        height: 100%
    }
}

.preferred-geek__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-top: 16px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .preferred-geek__item {
        padding-left:0;
        padding-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .preferred-geek__item {
        padding-left:0;
        padding-right: 0
    }
}

.preferred-geek__item-title {
    font-weight: 450;
    font-size: 12px;
    line-height: 18px;
    color: #969aa3;
    margin-top: 24px
}

.preferred-geek__item-title:first-child {
    margin-top: 0
}

.preferred-geek__item-info {
    flex: 1 1;
    overflow: hidden;
    display: flex;
    align-items: center
}

.referred-geek__item-info-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #424347;
    display: flex;
    align-items: center
}

.preferred-geek__item-info-img {
    position: relative
}

.preferred-geek__item-info-img-avatar {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 8px
}

.preferred-geek__item-info-img-ico {
    position: absolute;
    bottom: -2px;
    right: 6px;
    width: 16px;
    height: 16px
}

.referred-geek__item-info-subject {
    font-size: 12px;
    line-height: 16px;
    color: #71737a;
    white-space: nowrap;
    overflow: hidden;
    max-width: 320px;
    text-overflow: ellipsis;
    margin-top: 4px
}

.referred-geek__item-info-subject strong {
    font-weight: 700;
    color: #474747
}

.preferred-geek__cancel {
    text-align: center;
    text-align-last: center;
    font-size: 18px;
    font-weight: 700;
    color: #12b368;
    cursor: pointer
}

.preferred-geek__radio {
    background: url(/static/media/ic-check.fcec8f67.svg) no-repeat 0 0;
    width: 24px;
    height: 24px;
    border: 0;
    cursor: pointer
}

.preferred-geek__radio_checked {
    background: url(/static/media/ic-check-active.8cceba9a.svg) no-repeat 0 0
}

.preferred-geek__item:hover .preferred-geek__radio:not(.preferred-geek__radio_checked) {
    background: url(/static/media/ic-hover.6b412ace.svg) no-repeat 0 0
}

.preferred-geek__footer {
    border-top: 1px solid #eff1f6;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .preferred-geek__footer {
        min-height:80px
    }
}

@media only screen and (max-width: 1023px) {
    .preferred-geek__footer {
        min-height:60px
    }
}

.preferred-geek__button {
    width: 100%
}

.subscription {
    padding-top: 48px
}

.subscription__title {
    font-weight: 700;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747
}

@media only screen and (min-width: 1024px) {
    .subscription__title {
        font-size:36px;
        line-height: 44px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription__title {
        font-size:28px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .subscription__title {
        font-size:28px;
        line-height: 32px
    }
}

.subscription__title span {
    color: #3251ef
}

.subscription__subtitle {
    font-weight: 450;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #71737a;
    margin-top: 16px
}

.subscription__time-banner {
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -.25px;
    color: #474747;
    background: #fff9db;
    padding: 8px 16px;
    max-width: 492px;
    margin: 24px auto 0
}

.subscription__time-banner strong {
    color: #3251ef
}

.subscription__plans {
    display: flex;
    margin-top: 40px;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .subscription__plans {
        justify-content:center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription__plans {
        flex-direction:column;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .subscription__plans {
        flex-direction:column;
        align-items: center
    }
}

.subscription__plans-grid {
    position: absolute;
    right: 0;
    top: -60px
}

.subscription__plan {
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,53,136,.15);
    border-radius: 4px
}

@media only screen and (min-width: 1024px) {
    .subscription__plan {
        width:400px;
        padding: 32px;
        position: relative;
        z-index: 1
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription__plan {
        padding:32px 16px;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .subscription__plan {
        padding:32px 16px;
        width: 100%
    }
}

@media only screen and (min-width: 1024px) {
    .subscription__plan_1 {
        margin-right:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription__plan_2 {
        margin-top:16px
    }
}

@media only screen and (max-width: 767px) {
    .subscription__plan_2 {
        margin-top:16px
    }
}

.subscription__plan-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #3251ef
}

.subscription__plan-price {
    font-weight: 700;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747;
    margin-top: 20px
}

@media only screen and (min-width: 1024px) {
    .subscription__plan-price {
        font-size:48px;
        line-height: 60px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription__plan-price {
        font-size:36px;
        line-height: 44px
    }
}

@media only screen and (max-width: 767px) {
    .subscription__plan-price {
        font-size:36px;
        line-height: 44px
    }
}

.subscription__plan-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    border-radius: 16px;
    padding: 4px 0;
    width: 130px;
    margin: 20px auto 0
}

.subscription__plan-badge img {
    margin-right: 6px;
    width: 16px
}

.subscription__plan-badge_1 {
    color: #026aa2;
    background: #f0f9ff
}

.subscription__plan-badge_2 {
    color: #5925dc;
    background: #f4f3ff
}

.subscription__features {
    border-top: 1px solid #eff1f6;
    border-bottom: 1px solid #eff1f6
}

@media only screen and (min-width: 1024px) {
    .subscription__features {
        margin:32px -32px 0;
        padding: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription__features {
        margin:32px -16px 0;
        padding: 32px 16px
    }
}

@media only screen and (max-width: 767px) {
    .subscription__features {
        margin:32px -16px 0;
        padding: 32px 16px
    }
}

.subscription__feature {
    display: flex;
    align-items: flex-start;
    margin-top: 16px;
    position: relative;
    padding-right: 25px
}

.subscription__feature:first-child {
    margin-top: 0
}

.subscription__feature-text {
    font-weight: 450;
    font-size: 16px;
    line-height: 24px;
    color: #71737a
}

.subscription__feature-text_1 {
    color: #d4d9ed
}

.subscription__feature-check-img {
    margin-right: 8px;
    position: relative;
    top: 1px
}

.subscription__feature-info {
    position: absolute;
    top: 4px;
    right: 0;
    cursor: pointer
}

.subscription__btn {
    margin-top: 34px
}

.subscription__btn:disabled {
    background: #d4d9ed
}

.subscription__feature-info-tip {
    padding: 8px 12px;
    background: #1f2937;
    border-radius: 8px;
    position: absolute;
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #fff;
    z-index: 1;
    right: 0;
    margin-top: 4px
}

@media only screen and (min-width: 1024px) {
    .subscription__feature-info-tip {
        width:288px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription__feature-info-tip {
        width:250px
    }
}

@media only screen and (max-width: 767px) {
    .subscription__feature-info-tip {
        width:250px
    }
}

.subscription__faq {
    margin-top: 64px
}

@media only screen and (min-width: 1024px) {
    .subscription__faq {
        background:url(/static/media/grid-green.3017e3a3.svg) no-repeat 100px 0
    }
}

.subscription__faq .accordion__group {
    border-top: 1px solid #eff1f6;
    padding-top: 12px;
    padding-bottom: 12px
}

.subscription__faq .accordion__group:first-child {
    border: 0
}

.subscription__faq .accordion__toggle {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .subscription__faq-holder {
        max-width:624px;
        margin-left: auto;
        margin-right: auto
    }
}

.subscription__faq-title {
    font-weight: 700;
    text-align: center;
    color: #474747;
    margin-bottom: 40px
}

@media only screen and (min-width: 1024px) {
    .subscription__faq-title {
        font-size:28px;
        line-height: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription__faq-title {
        font-size:24px;
        line-height: 32px;
        letter-spacing: -.02em
    }
}

@media only screen and (max-width: 767px) {
    .subscription__faq-title {
        font-size:24px;
        line-height: 32px;
        letter-spacing: -.02em
    }
}

.subscription__faq-item-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: .25rem;
    right: 0
}

.accordion__group_active .subscription__faq-item-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.subscription__faq-item-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747
}

.subscription__faq-item-text {
    font-weight: 450;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width: 1024px) {
    .subscription__faq-item-text {
        color:#969aa3
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription__faq-item-text {
        color:#71737a
    }
}

@media only screen and (max-width: 767px) {
    .subscription__faq-item-text {
        color:#71737a
    }
}

.subscription__info {
    margin: 40px auto 0;
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3;
    border: 1px solid #eff1f6;
    border-radius: 4px;
    padding: 16px 16px 16px 40px;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .subscription__info {
        max-width:816px
    }
}

.subscription__info img {
    position: absolute;
    left: 16px;
    top: 16px
}

.subscription__info a {
    font-weight: 700;
    color: #12b368
}

.subscription__cta {
    background: #f3f5fe;
    border-radius: 4px;
    margin-top: 64px
}

@media only screen and (min-width: 1024px) {
    .subscription__cta {
        padding:40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription__cta {
        padding:32px 16px 24px
    }
}

@media only screen and (max-width: 767px) {
    .subscription__cta {
        padding:32px 16px 24px
    }
}

.subscription__cta-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #474747
}

.subscription__cta-subtitle {
    font-weight: 450;
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.subscription__cta-subtitle img {
    margin-right: 8px
}

.subscription__cta-btn {
    margin: 32px auto 0;
    display: block
}

@media only screen and (min-width: 1024px) {
    .subscription__cta-btn {
        width:248px
    }
}

.subscription__plan-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.subscription__plan-header-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #3251ef
}

.subscription__plan-header-btn {
    border: 2px solid #13cf77;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #13cf77;
    display: flex;
    align-items: center;
    width: 160px;
    height: 40px;
    justify-content: center;
    cursor: pointer
}

.subscription__plan-header-btn img {
    margin-left: 8px
}

.subscription__plan-status {
    padding: 4px 8px;
    border-radius: 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: -.25px;
    margin-top: 8px;
    display: inline-block
}

.subscription__plan-status-1 {
    background: #eff8ff;
    color: #175cd3
}

.subscription__plan-status-2 {
    background: #fff1f3;
    color: #c01048
}

.subscription__plan-status-3 {
    background: #fffaeb;
    color: #b54708
}

.subscription__plan-details {
    font-weight: 450;
    font-size: 16px;
    line-height: 24px;
    color: #969aa3;
    margin-top: 16px;
    display: flex;
    align-items: center
}

.subscription__plan-details img {
    margin-right: 8px;
    position: relative;
    top: -1px
}

.subscription__manage {
    background: #f1fcf7;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #474747;
    margin-top: 32px
}

.subscription__manage a,.subscription__manage span {
    font-weight: 700;
    color: #12b368;
    cursor: pointer
}

.subscription-promo-plans {
    overflow: auto
}

@media only screen and (min-width: 1024px) {
    .subscription-promo-plans {
        padding:64px 108px 40px;
        height: 90vh
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-promo-plans {
        padding:64px 8px 40px;
        height: 100%
    }
}

@media only screen and (max-width: 767px) {
    .subscription-promo-plans {
        padding:64px 8px 40px;
        height: 100%
    }
}

.subscription-promo-plans .subscription__plan {
    box-shadow: none;
    border: 1px solid #dadce0;
    border-radius: 8px
}

.subscription-promo-plans .subscription__plan-price {
    font-size: 36px;
    line-height: 44px
}

.subscription-promo-plans__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747
}

.subscription-promo-plans__title span {
    color: #3251ef
}

.subscription-promo-plans__subtitle {
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -.25px;
    color: #71737a;
    margin-top: 16px
}

.subscription-promo-plans__plans {
    margin-top: 40px
}

@media only screen and (min-width: 1024px) {
    .subscription-promo-plans__plans {
        display:flex;
        justify-content: space-between
    }
}

.react-svg div {
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.my-geeks {
    margin: 0 auto
}

@media only screen and (min-width: 1280px) {
    .my-geeks {
        max-width:1024px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geeks {
        padding-top:24px;
        width: 100%
    }
}

.my-geeks_1 .my-geeks__cat-list {
    position: relative
}

.my-geeks_1 .my-geeks__cat-list:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.my-geeks__cat-list-item {
    position: relative;
    margin-top: 48px
}

@media only screen and (max-width: 1023px) {
    .my-geeks__cat-list-item:first-child {
        margin-top:24px
    }
}

.my-geeks__list {
    padding-top: 16px
}

.my-geeks__list .my-geek-item {
    margin-top: 8px;
    display: block
}

.my-geeks__list .my-geek-item:first-child {
    margin-top: 0
}

.my-geeks__list-item {
    background: #fff;
    box-shadow: 0 4px 8px rgba(0,53,136,.1);
    border-radius: 2px;
    display: block;
    margin-top: 8px
}

.my-geeks__list-item:first-child {
    margin-top: 0
}

@media only screen and (min-width: 1024px) {
    .my-geeks__list-item {
        padding-left:24px;
        padding-right: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geeks__list-item {
        padding-left:16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .my-geeks__list-item__top {
        display:flex;
        justify-content: space-between;
        align-items: center
    }
}

@media only screen and (max-width: 1023px) {
    .my-geeks__list-item__top {
        position:relative
    }
}

@media only screen and (min-width: 1024px) {
    .my-geeks__list-item__bottom,.my-geeks__list-item__top {
        padding:24px 0
    }
}

@media only screen and (max-width: 1023px) {
    .my-geeks__list-item__bottom,.my-geeks__list-item__top {
        padding:16px 0
    }
}

@media only screen and (min-width: 1024px) {
    .my-geeks__list-item__top-left,.my-geeks__list-item__top-right {
        display:flex;
        align-items: center
    }
}

@media only screen and (min-width: 1024px) {
    .my-geeks__list-item__bottom {
        border-top:1px solid #eff1f6
    }
}

.my-geeks__list-item__bottom-right {
    width: 100%
}

.my-geeks__empty {
    margin-top: 80px;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .my-geeks__empty {
        margin-bottom:40px
    }
}

.my-geeks__empty img {
    margin: 0 auto;
    max-width: 100%
}

.my-geeks__empty-title {
    font-size: 24px;
    line-height: 32px;
    color: #474747;
    font-weight: 700;
    margin-top: 24px
}

.my-geeks__empty-subtitle {
    color: #474747;
    line-height: 24px;
    margin-top: 8px
}

.my-geeks__empty-info {
    line-height: 24px;
    color: #71747a;
    max-width: 400px;
    margin: 8px auto 0
}

.my-geeks__empty-info a {
    color: #13cf77;
    font-weight: 700
}

.my-geeks__filter {
    display: flex
}

.my-geeks_1 .my-geeks__filter {
    position: relative;
    opacity: .5
}

.my-geeks_1 .my-geeks__filter:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .my-geeks__filter {
        justify-content:flex-end
    }
}

@media only screen and (max-width: 1023px) {
    .my-geeks__filter {
        flex-direction:column-reverse
    }
}

.my-geeks__filter-items {
    display: flex;
    align-items: center
}

.my-geeks__filter-item {
    position: relative
}

.my-geeks__filter-item-1 {
    color: #12b368;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer
}

@media only screen and (min-width: 1024px) {
    .my-geeks__filter-item-2,.my-geeks__filter-item-3 {
        margin-left:38px
    }
}

.my-geeks__filter-item-2 .dropdown-container {
    left: 0
}

.my-geeks__filter-item-3 .dropdown-container {
    right: 0;
    left: auto
}

@media only screen and (max-width: 1023px) {
    .my-geeks__filter-item-3 {
        margin-left:60px
    }
}

.my-geeks__filter-item-value {
    font-size: 12px;
    line-height: 18px;
    color: #474747;
    display: flex;
    align-items: center;
    cursor: pointer
}

.my-geeks__filter-item-value:after {
    content: "";
    background: url(/static/media/arrow-down.3b47f260.svg) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    margin-left: 2px
}

.my-geeks__filter-item-value span {
    color: #969aa3;
    margin-right: 6px
}

.my-geeks__filter-item-value_1:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.my-geeks__filter-items-item {
    font-size: 16px;
    line-height: 20px;
    color: #424347;
    margin-top: 16px;
    padding: 0 16px 0 24px;
    cursor: pointer
}

.my-geeks__filter-items-item:first-child {
    margin-top: 0
}

.my-geeks__filter-items-item_1 {
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.my-geeks__filter-items-item_1:after {
    content: "";
    background: url(/static/media/check.6af0ced7.svg) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    align-self: flex-start
}

.my-geeks__filter-items-item-value {
    max-width: 150px
}

.my-geeks__filter-items-item-value span {
    color: #71737a;
    font-weight: 400
}

.my-geeks__show-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 20px;
    color: #12b368;
    padding: 18px 0;
    cursor: pointer;
    margin-top: 8px;
    background: rgba(19,207,119,.06);
    font-weight: 700
}

.my-geeks__show-more img {
    margin-left: 8px
}

.my-geeks__category {
    display: flex;
    align-items: center
}

.my-geeks__category-icon {
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer
}

.my-geeks__category-title {
    line-height: 24px;
    color: #474747;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-left: 5px
}

@media only screen and (min-width: 1024px) {
    .my-geeks__category-title {
        font-size:24px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geeks__category-title {
        font-size:20px
    }
}

.my-geeks__category-title-count {
    background: #f6f7ff;
    border: 1px solid #ccd0ee;
    border-radius: 4px;
    padding: 0 8px;
    height: 24px;
    margin-left: 8px;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.my-geek {
    margin: 0 auto;
    padding-top: 16px
}

@media only screen and (min-width: 1280px) {
    .my-geek {
        max-width:1024px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek {
        width:100%
    }
}

@media only screen and (min-width: 1024px) {
    .my-geek_1 {
        padding-top:48px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek_1 {
        padding-top:108px
    }
}

.my-geek-disabled-info {
    background: #fff1f0;
    border: 1px solid #fa540a;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 16px;
    line-height: 24px;
    color: #fa540a;
    display: flex;
    align-items: center;
    padding: 16px;
    margin-bottom: 16px
}

.my-geek-disabled-info img {
    margin-right: 16px
}

@media only screen and (min-width: 1024px) {
    .my-geek-item__top {
        display:flex
    }
}

@media only screen and (min-width: 1024px) {
    .my-geek-item__top-right {
        display:flex;
        align-items: center
    }
}

@media only screen and (min-width: 1024px) {
    .my-geek-item__bottom-left,.my-geek-item__top-left {
        flex:1 1
    }
}

.my-geek-item__bottom {
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 1024px) {
    .my-geek-item__bottom {
        border-top:1px solid #eff1f6;
        margin-top: 24px;
        padding-top: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-item__bottom {
        flex-direction:column-reverse;
        margin-top: 16px
    }
}

.my-geek__subjects-title {
    font-size: 18px;
    line-height: 24px;
    color: #474747;
    font-weight: 700
}

@media only screen and (max-width: 1023px) {
    .my-geek__subjects {
        margin-top:24px
    }
}

.my-geek__subjects-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

@media only screen and (min-width: 1024px) {
    .my-geek__subjects-list {
        padding-bottom:24px;
        border-bottom: 1px solid #eff1f6;
        min-height: 110px
    }
}

.my-geek__subjects-item {
    font-size: 14px;
    line-height: 20px;
    background: #f6f7ff;
    border: 1px solid #ccd0ee;
    border-radius: 16px 16px 16px 1px;
    color: #474747;
    padding: 6px 12px;
    margin-right: 8px;
    margin-top: 8px
}

.my-geek__subjects-item:last-child {
    margin-right: 0
}

.my-geek__orders-items {
    margin-top: 16px
}

.my-geek__orders {
    margin-top: 24px
}

.my-geek__counter {
    display: flex;
    border: 1px solid #eff1f6;
    border-radius: 2px;
    background: rgba(239,241,246,.08)
}

@media only screen and (min-width: 1024px) {
    .my-geek__counter>div {
        width:200px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek__counter>div {
        width:100%
    }
}

.my-geek__counter-time {
    border-right: 1px solid #eff1f6
}

@media only screen and (min-width: 1024px) {
    .my-geek__counter-requests,.my-geek__counter-time {
        padding:20px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek__counter-requests,.my-geek__counter-time {
        padding:16px
    }
}

.my-geek__counter-title {
    display: flex;
    align-items: center;
    color: #474747;
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .my-geek__counter-title {
        font-size:24px;
        line-height: 24px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek__counter-title {
        font-size:18px;
        line-height: 24px
    }
}

.my-geek__counter-icon {
    margin-right: 8px
}

.my-geek__counter-desc {
    color: #71737a;
    margin-top: 8px
}

@media only screen and (min-width: 1024px) {
    .my-geek__counter-desc {
        font-size:14px;
        line-height: 20px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek__counter-desc {
        font-size:12px;
        line-height: 18px
    }
}

.my-geek__orders-empty {
    margin-top: 48px
}

.my-geek__orders-empty-text {
    line-height: 20px;
    text-align: center;
    color: #969aa3;
    max-width: 400px;
    margin: 30px auto 0
}

.my-geek__filter {
    display: flex
}

@media only screen and (min-width: 1024px) {
    .my-geek__filter {
        justify-content:flex-end
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek__filter {
        margin-top:10px;
        flex-direction: column-reverse
    }
}

.my-geek__filter-items {
    display: flex;
    align-items: center
}

.my-geek__filter-item {
    position: relative
}

.my-geek__filter-item-1 {
    color: #12b368;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer
}

@media only screen and (min-width: 1024px) {
    .my-geek__filter-item-2 {
        margin-left:38px
    }
}

@media only screen and (min-width: 1024px) {
    .my-geek__filter-item-2 .dropdown-container {
        right:0;
        left: auto
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek__filter-item-2 .dropdown-container {
        left:0
    }
}

.my-geek__filter-item-value {
    font-size: 12px;
    line-height: 18px;
    color: #474747;
    display: flex;
    align-items: center;
    cursor: pointer
}

.my-geek__filter-item-value:after {
    content: "";
    background: url(/static/media/arrow-down.3b47f260.svg) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    margin-left: 2px
}

.my-geek__filter-item-value span {
    color: #969aa3;
    margin-right: 6px
}

.my-geek__filter-item-value_1:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.my-geek__filter-items-item {
    font-size: 16px;
    line-height: 20px;
    color: #424347;
    margin-top: 16px;
    padding: 0 16px 0 24px;
    cursor: pointer
}

.my-geek__filter-items-item:first-child {
    margin-top: 0
}

.my-geek__filter-items-item_1 {
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.my-geek__filter-items-item_1:after {
    content: "";
    background: url(/static/media/check.6af0ced7.svg) no-repeat 0 0;
    width: 24px;
    height: 24px;
    display: block;
    align-self: flex-start
}

.my-geek__filter-items-item-value {
    max-width: 150px
}

.my-geek__filter-items-item-value span {
    color: #71737a;
    font-weight: 400
}

@media only screen and (max-width: 1023px) {
    .my-geek-btns__assign {
        margin-top:16px
    }
}

.my-geek__category,.my-geek__category-title {
    display: flex;
    align-items: center
}

.my-geek__category-title {
    line-height: 24px;
    color: #474747;
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .my-geek__category-title {
        font-size:18px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek__category-title {
        font-size:16px
    }
}

.my-geek__category-title-count {
    background: #f6f7ff;
    border: 1px solid #ccd0ee;
    border-radius: 4px;
    padding: 0 8px;
    height: 24px;
    margin: 0 2px;
    font-size: 14px;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .my-geek__orders-top {
        display:flex;
        align-items: center;
        justify-content: space-between
    }
}

.my-geek__show-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 20px;
    color: #13cf77;
    padding: 18px 0;
    cursor: pointer;
    margin-top: 8px;
    background: #d9f7e9;
    font-weight: 700;
    border-radius: 4px
}

.my-geek__show-more:hover {
    background: #d0eee0
}

.my-geek__show-more:active {
    background: #a3e3c5
}

.my-geek__show-more img {
    margin-left: 8px
}

.my-geek__show-more_1 img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width: 1024px) {
    .my-geek-assign {
        width:400px;
        margin: 0 auto;
        padding: 80px 0
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-assign {
        padding:64px 16px 16px
    }
}

.my-geek-assign__title {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    color: #474747;
    font-weight: 700;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}

.my-geek-assign__title-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px
}

.my-geek-assign__item {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .my-geek-assign__item_1 {
        margin-top:32px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-assign__item_1 {
        margin-top:24px
    }
}

.my-geek-assign__item_2 {
    margin-top: 8px
}

.my-geek-assign__geek {
    display: flex;
    align-items: center;
    background: #f8f9fc;
    border-radius: 4px;
    padding: 12px 16px;
    margin-top: 8px
}

.my-geek-assign__geek-photo {
    margin-right: 8px;
    position: relative
}

.my-geek-assign__geek-online {
    width: 8px;
    height: 8px;
    background: #13cf77;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 150%;
    right: 3px;
    top: 3px
}

.my-geek-assign__geek-photo-img {
    max-width: 100%;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 150%;
    border: 1px solid #fff
}

.my-geek-assign__geek-photo-icon {
    position: absolute;
    bottom: -10px;
    right: -10px
}

.my-geek-assign__geek-info-name {
    line-height: 24px;
    font-weight: 700;
    color: #474747;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px
}

.my-geek-assign__geek-info-desc {
    font-size: 14px;
    line-height: 20px;
    color: #71737a
}

@media only screen and (min-width: 1024px) {
    .my-geek-assign__btn {
        margin-top:24px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-assign__btn {
        margin-top:74px
    }
}

.my-geek-assign__info {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #969aa3;
    margin-top: 16px
}

.my-geek-info {
    display: flex;
    align-items: center
}

.my-geek-info__photo {
    margin-right: 16px;
    position: relative;
    z-index: 1
}

.my-geek-info__photo-img {
    width: 72px;
    height: 72px;
    overflow: hidden;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 125px
}

.my-geek-info__rating {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1.25px solid #fff;
    box-sizing: border-box;
    border-radius: 125px;
    width: 40px;
    height: 20px;
    margin: -15px auto 0;
    box-shadow: 0 5px 20px rgba(0,53,136,.15);
    justify-content: center;
    position: relative
}

.my-geek-info__rating_1 img {
    margin-right: 2px
}

.my-geek-info__rating-value {
    font-size: 12px;
    line-height: 18px;
    color: #474747;
    font-weight: 700
}

.my-geek-info__rating-icon {
    width: 10px;
    height: 10px;
    margin-right: 2px
}

.my-geek-info__rating-online {
    width: 8px;
    height: 8px;
    background: #13cf77;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 150%;
    right: 7px;
    top: 7px
}

.my-geek-info__name {
    color: #474747;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.my-geek-info__name_1 {
    font-size: 20px;
    line-height: 24px
}

@media only screen and (min-width: 1024px) {
    .my-geek-info__name_1 {
        max-width:200px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-info__name_1 {
        max-width:150px
    }
}

@media only screen and (min-width: 1024px) {
    .my-geek-info__name_2 {
        font-size:28px;
        max-width: 400px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-info__name_2 {
        font-size:20px;
        max-width: 200px
    }
}

@media only screen and (min-width: 1024px) {
    .my-geek-nav {
        position:relative;
        margin-right: 40px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-nav {
        position:absolute;
        right: 0;
        top: 32px
    }
}

.my-geek-nav__icon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    fill: #71737a
}

.my-geek-nav__list {
    position: absolute;
    background: #fff;
    box-shadow: 0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15);
    border-radius: 2px;
    top: 20px;
    z-index: 1;
    width: 272px
}

@media only screen and (min-width: 1024px) {
    .my-geek-nav__list {
        right:auto
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-nav__list {
        right:0
    }
}

.my-geek-nav__item {
    padding: 20px;
    border-top: 1px solid #eff1f6
}

.my-geek-nav__item-holder {
    display: flex;
    align-items: center;
    cursor: pointer
}

.my-geek-nav__item-text {
    font-weight: 700;
    line-height: 19px
}

.my-geek-nav__item-1 .my-geek-nav__item-text,.my-geek-nav__item-2 .my-geek-nav__item-text {
    color: #12b368
}

.my-geek-nav__item-1:hover .my-geek-nav__item-text,.my-geek-nav__item-2:hover .my-geek-nav__item-text {
    color: #0f9959
}

.my-geek-nav__item-1:active .my-geek-nav__item-text,.my-geek-nav__item-2:active .my-geek-nav__item-text {
    color: #0c7a47
}

.my-geek-nav__item-1_1 .my-geek-nav__item-icon {
    fill: #12b368;
    stroke: #12b368
}

.my-geek-nav__item-1_1:hover .my-geek-nav__item-icon {
    fill: #0f9959;
    stroke: #0f9959
}

.my-geek-nav__item-1_1:active .my-geek-nav__item-icon {
    fill: #0c7a47;
    stroke: #0c7a47
}

.my-geek-nav__item-1_2 .my-geek-nav__item-icon {
    fill: #12b368
}

.my-geek-nav__item-1_2:hover .my-geek-nav__item-icon {
    fill: #0f9959
}

.my-geek-nav__item-1_2:active .my-geek-nav__item-icon {
    fill: #0c7a47
}

.my-geek-nav__item-2 .my-geek-nav__item-icon {
    fill: #12b368
}

.my-geek-nav__item-2:hover .my-geek-nav__item-icon {
    fill: #0f9959
}

.my-geek-nav__item-2:active .my-geek-nav__item-icon {
    fill: #0c7a47
}

.my-geek-nav__item-3 .my-geek-nav__item-text {
    color: #fa540a
}

.my-geek-nav__item-3:hover .my-geek-nav__item-text {
    color: #e04d09
}

.my-geek-nav__item-3:active .my-geek-nav__item-text {
    color: #ba4007
}

.my-geek-nav__item-3_1 .my-geek-nav__item-icon {
    fill: #fa540a;
    stroke: #fa540a
}

.my-geek-nav__item-3_1:hover .my-geek-nav__item-icon {
    fill: #e04d09;
    stroke: #e04d09
}

.my-geek-nav__item-3_1:active .my-geek-nav__item-icon {
    fill: #ba4007;
    stroke: #ba4007
}

.my-geek-nav__item-3_2 .my-geek-nav__item-icon {
    fill: #fa540a
}

.my-geek-nav__item-3_2:hover .my-geek-nav__item-icon {
    fill: #e04d09
}

.my-geek-nav__item-3_2:active .my-geek-nav__item-icon {
    fill: #ba4007
}

.my-geek-nav__item-desc {
    font-size: 12px;
    line-height: 18px;
    color: #969aa3;
    margin-top: 10px;
    font-weight: 400
}

.my-geek-nav__item-icon {
    margin-right: 4px
}

.my-geek-nav__item-icon-block_1 {
    fill: #fa540a;
    stroke: #fa540a
}

.my-geek-nav__item-icon-block_1:hover {
    fill: #e04d09;
    stroke: #e04d09
}

.my-geek-nav__item-icon-block_1:active {
    fill: #ba4007;
    stroke: #ba4007
}

.my-geek-info__major {
    margin-top: 6px;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .my-geek-info__major {
        max-width:500px
    }
}

@media only screen and (min-width: 1024px) {
    .my-geek-info__major {
        max-width:500px
    }
}

.my-geek-info__major-icon {
    margin-right: 6px;
    fill: #71737a
}

.my-geek-info__major-value {
    font-size: 14px;
    line-height: 20px;
    color: #474747;
    font-weight: 700
}

.my-geek-info__major-value span {
    color: #71737a;
    font-weight: 400
}

.my-geek-info__in-date {
    font-size: 14px;
    line-height: 20px;
    color: #71737a;
    margin-top: 2px
}

.my-geek-info__in-date strong {
    color: #474747
}

@media only screen and (min-width: 1024px) {
    .my-geek-btns {
        display:flex;
        align-items: center
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-btns {
        margin-top:16px
    }
}

.my-geek-btns__text {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    margin-left: 4px
}

.my-geek-btns__favorite {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center
}

.my-geek-btns__favorite .my-geek-btns__text {
    color: #12b368
}

.my-geek-btns__favorite:hover .my-geek-btns__text {
    color: #0f9959
}

.my-geek-btns__favorite:active .my-geek-btns__text {
    color: #0c7a47
}

.my-geek-btns__favorite_1 .my-geek-btns__icon {
    fill: #12b368
}

.my-geek-btns__favorite_1:hover .my-geek-btns__icon {
    fill: #0f9959
}

.my-geek-btns__favorite_1:active .my-geek-btns__icon {
    fill: #0c7a47
}

.my-geek-btns__favorite_2 {
    cursor: default
}

.my-geek-btns__favorite_2 .my-geek-btns__icon {
    fill: #d4d9ed
}

.my-geek-btns__favorite_2 .my-geek-btns__text {
    color: #d4d9ed
}

.my-geek-btns__favorite_2:active .my-geek-btns__icon,.my-geek-btns__favorite_2:hover .my-geek-btns__icon {
    fill: #d4d9ed
}

.my-geek-btns__favorite_2:active .my-geek-btns__text,.my-geek-btns__favorite_2:hover .my-geek-btns__text {
    color: #d4d9ed
}

.my-geek-btns__favorite_3 .my-geek-btns__icon {
    fill: #12b368;
    stroke: #12b368
}

.my-geek-btns__favorite_3:hover .my-geek-btns__icon {
    fill: #0f9959;
    stroke: #0c7a47
}

.my-geek-btns__favorite_3:active .my-geek-btns__icon {
    fill: #0c7a47;
    stroke: #0f9959
}

.my-geek-btns__favorite_4 {
    min-width: 240px
}

.my-geek-btns__favorite_5 {
    margin-right: 40px
}

.my-geek-btns__share {
    margin-right: 40px;
    cursor: pointer;
    display: flex;
    align-items: center
}

.my-geek-btns__share .my-geek-btns__icon {
    fill: #12b368
}

.my-geek-btns__share .my-geek-btns__text {
    color: #12b368
}

.my-geek-btns__share:hover .my-geek-btns__text {
    color: #0f9959
}

.my-geek-btns__share:hover .my-geek-btns__icon {
    fill: #0f9959
}

.my-geek-btns__share:active .my-geek-btns__text {
    color: #0c7a47
}

.my-geek-btns__share:active .my-geek-btns__con {
    fill: #0c7a47
}

.my-geek-btns__share_1 {
    cursor: default
}

.my-geek-btns__share_1 .my-geek-btns__icon {
    fill: #d4d9ed
}

.my-geek-btns__share_1 .my-geek-btns__text {
    color: #d4d9ed
}

.my-geek-btns__share_1:active .my-geek-btns__icon,.my-geek-btns__share_1:hover .my-geek-btns__icon {
    fill: #d4d9ed
}

.my-geek-btns__share_1:active .my-geek-btns__text,.my-geek-btns__share_1:hover .my-geek-btns__text {
    color: #d4d9ed
}

.my-geek-btns__assign {
    height: 48px;
    padding: 14px
}

@media only screen and (min-width: 1024px) {
    .my-geek-btns__assign {
        width:170px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-btns__assign {
        width:100%
    }
}

.my-geek-btns__assign_1,.my-geek-btns__assign_1:hover {
    border: 2px solid #d4d9ed;
    color: #d4d9ed
}

.my-geek-btns__assign_1:hover {
    background: #fff;
    cursor: default
}

.my-geek-btns__assign_2,.my-geek-btns__assign_2:hover {
    background: #d4d9ed;
    box-shadow: none
}

.my-geek-btns__assign_2:hover {
    cursor: default
}

@media only screen and (min-width: 1024px) {
    .my-geek-order-item {
        display:flex;
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-order-item {
        display:block
    }
}

.my-geek-order-item_2 {
    background: #fff;
    box-shadow: 0 4px 8px rgba(0,53,136,.1);
    border-radius: 2px;
    margin-top: 8px
}

@media only screen and (min-width: 1024px) {
    .my-geek-order-item_2 {
        padding:24px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-order-item_2 {
        padding:16px
    }
}

.my-geek-order-item__right {
    width: 100%
}

.my-geek-order-item__info-title {
    font-size: 14px;
    line-height: 20px;
    color: #969aa3
}

.my-geek-order-item__name {
    font-size: 18px;
    color: #474747;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width: 1024px) {
    .my-geek-order-item__name {
        line-height:24px;
        width: 584px;
        padding-right: 70px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .my-geek-order-item__name {
        width:500px;
        padding-right: 70px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-order-item__name {
        line-height:20px;
        margin-top: 8px;
        width: 100%;
        padding-right: 0
    }
}

@media only screen and (min-width: 1024px) {
    .my-geek-order-item__name_1 {
        margin-top:12px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-order-item__name_1 {
        margin-top:8px
    }
}

.my-geek-info__id {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #71737a;
    margin-top: 2px
}

.my-geek-order-item__date {
    font-size: 16px;
    color: #71737a;
    line-height: 24px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 460px
}

.__react_component_tooltip {
    padding: 5px 7px!important;
    border-radius: 4px!important;
    margin-top: 5px!important
}

.__react_component_tooltip:after,.__react_component_tooltip:before {
    top: -3px!important
}

.my-geek-share {
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .my-geek-share {
        padding:72px 204px 132px;
        height: 556px
    }
}

@media only screen and (max-width: 1023px) {
    .my-geek-share {
        padding:72px 16px 93px
    }
}

.my-geek-share__img img {
    margin: 0 auto
}

.my-geek-share__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.02em;
    color: #474747;
    margin: 24px auto 0;
    max-width: 384px
}

.my-geek-share__text {
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    margin: 12px auto 0
}

.my-geek-share__more {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3;
    margin: 32px auto 0;
    max-width: 384px
}

.my-geek-share__more span {
    color: #12b368;
    cursor: pointer
}

.my-geek-share__more a {
    color: #12b368
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .my-geek-share__more {
        position:absolute;
        left: 8px;
        right: 8px;
        bottom: 24px
    }
}

@media only screen and (max-width: 767px) {
    .my-geek-share__more {
        position:absolute;
        left: 8px;
        right: 8px;
        bottom: 24px
    }
}

.my-geeks-page {
    background-color: #ebedf4
}

.healthcheck {
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .healthcheck {
        height:560px;
        padding-top: 80px
    }
}

@media only screen and (max-width: 1023px) {
    .healthcheck {
        padding:60px 16px 16px;
        display: flex;
        flex-direction: column;
        height: 100%
    }
}

.healthcheck img {
    margin: 0 auto
}

.healthcheck__holder {
    flex: 1 1
}

.healthcheck__title {
    margin-top: 36px;
    font-size: 24px;
    line-height: 32px;
    color: #474747;
    font-weight: 700
}

.healthcheck__text {
    margin: 8px auto 0;
    font-size: 16px;
    line-height: 24px;
    color: #71737a;
    max-width: 400px
}

.healthcheck__btn {
    margin: 24px auto 0
}

@media only screen and (min-width: 1024px) {
    .healthcheck__btn {
        width:192px
    }
}

@media only screen and (max-width: 1023px) {
    .healthcheck__btn {
        width:100%
    }
}

.subscription-manage {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .subscription-manage {
        height:580px;
        padding: 64px 0 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-manage {
        height:100%;
        padding: 64px 8px 40px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-manage {
        height:100%;
        padding: 64px 8px 40px
    }
}

.subscription-manage__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747
}

.subscription-manage__jobs {
    display: flex;
    margin-top: 40px
}

@media only screen and (min-width: 1024px) {
    .subscription-manage__jobs {
        justify-content:center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-manage__jobs {
        flex-direction:column;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .subscription-manage__jobs {
        flex-direction:column;
        align-items: center
    }
}

.subscription-manage__job {
    max-width: 304px;
    border: 1px solid #dadce0;
    border-radius: 8px;
    padding: 24px
}

@media only screen and (min-width: 1024px) {
    .subscription-manage__job:first-child {
        margin-right:24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-manage__job:last-child {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-manage__job:last-child {
        margin-top:24px
    }
}

.subscription-manage__job-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #474747;
    display: flex;
    align-items: center
}

.subscription-manage__job-title img {
    margin-right: 12px
}

.subscription-manage__job-text {
    font-weight: 450;
    font-size: 16px;
    line-height: 24px;
    color: #969aa3;
    margin-top: 16px
}

.subscription-manage__job-btn-1 {
    margin-top: 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #12b368;
    cursor: pointer
}

.subscription-manage__job-btn-1_1 {
    cursor: default;
    color: #d4d9ed
}

.subscription-manage__job-btn-2 {
    margin-top: 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #969aa3;
    cursor: pointer
}

.subscription-manage__contact {
    position: absolute;
    bottom: 40px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    text-align: center;
    left: 0;
    right: 0;
    color: #969aa3
}

.subscription-manage__contact strong {
    font-weight: 500;
    color: #12b368;
    cursor: pointer
}

.subscription-change {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .subscription-change {
        padding-bottom:40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-change {
        padding:0 0 16px;
        height: 100%;
        overflow-y: auto
    }
}

@media only screen and (max-width: 767px) {
    .subscription-change {
        padding:0 0 16px;
        height: 100%;
        overflow-y: auto
    }
}

.subscription-change__heading {
    padding: 16px 24px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    border-bottom: 1px solid #eff1f6
}

.subscription-change__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747;
    margin: 47px auto 0
}

.subscription-change__title strong {
    color: #3251ef
}

@media only screen and (min-width: 1024px) {
    .subscription-change__title {
        max-width:440px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-change__title {
        padding:0 16px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-change__title {
        padding:0 16px
    }
}

.subscription-change__subtitle {
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #969aa3;
    text-align: center;
    margin-top: 16px
}

.subscription-change__subtitle strong {
    color: #474747;
    font-weight: 700
}

.subscription-change__plans {
    display: flex;
    margin-top: 24px
}

@media only screen and (min-width: 1024px) {
    .subscription-change__plans {
        justify-content:center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-change__plans {
        flex-direction:column;
        align-items: center;
        padding: 0 24px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-change__plans {
        flex-direction:column;
        align-items: center;
        padding: 0 24px
    }
}

@media only screen and (min-width: 1024px) {
    .subscription-change__plan-info {
        margin-right:40px
    }
}

.subscription-change__plan-info-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-change__plan-info-title {
        text-align:center
    }
}

@media only screen and (max-width: 767px) {
    .subscription-change__plan-info-title {
        text-align:center
    }
}

.subscription-change__plan-info-item {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.subscription-change__plan-info-item-icon {
    margin-right: 12px
}

.subscription-change__plan-info-item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #3251ef;
    position: relative;
    padding-right: 20px
}

.subscription-change__plan-info-item-text {
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #71737a
}

.subscription-change__plan-info-item-info {
    align-self: flex-start;
    position: absolute;
    right: 0;
    top: 2px
}

.subscription-change__plan-info-item-info-icon {
    cursor: pointer
}

.subscription-change__plan-info-item-info-tip {
    padding: 8px 12px;
    background: #1f2937;
    border-radius: 8px;
    position: absolute;
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #fff;
    z-index: 1;
    right: 0;
    margin-top: 4px
}

@media only screen and (min-width: 1024px) {
    .subscription-change__plan-info-item-info-tip {
        width:288px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-change__plan-info-item-info-tip {
        width:200px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-change__plan-info-item-info-tip {
        width:200px
    }
}

.subscription-change__plan {
    width: 272px;
    border: 1px solid #eff1f6;
    border-radius: 4px;
    padding: 24px;
    height: 218px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-change__plan {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-change__plan {
        margin-top:24px
    }
}

.subscription-change__plan-bandge {
    padding: 4px 12px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -.25px;
    border-radius: 16px
}

.subscription-change__plan-bandge img {
    margin-right: 6px;
    width: 16px
}

.subscription-change__plan-bandge_1 {
    color: #5925dc;
    background: #f4f3ff;
    width: 130px
}

.subscription-change__plan-bandge_2 {
    width: 122px;
    color: #026aa2;
    background: #f0f9ff
}

.subscription-change__plan-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #3251ef;
    margin-top: 16px
}

.subscription-change__plan-price {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #474747;
    margin-top: 2px
}

.subscription-change__plan-banner {
    padding: 12px;
    display: flex;
    align-items: center;
    background: #fffbf0;
    border-radius: 4px;
    margin-top: 16px;
    color: #474747
}

.subscription-change__plan-banner img {
    width: 48px;
    margin-right: 8px
}

.subscription-change__plan-banner {
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px
}

.subscription-change__plan-banner strong {
    font-weight: 700
}

.subscription-change__btn {
    margin: 40px auto 0;
    display: block
}

@media only screen and (min-width: 1024px) {
    .subscription-change__btn {
        width:272px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-change__btn {
        width:calc(100% - 16px)
    }
}

@media only screen and (max-width: 767px) {
    .subscription-change__btn {
        width:calc(100% - 16px)
    }
}

.subscription-change__complete-cancel {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3;
    margin-top: 24px;
    display: flex;
    justify-content: center;
    cursor: pointer
}

.subscription-change-done {
    padding-top: 80px
}

@media only screen and (min-width: 1024px) {
    .subscription-change-done {
        height:560px
    }
}

.subscription-change-done img {
    margin: 0 auto
}

.subscription-change-done__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747;
    margin-top: 24px
}

.subscription-change-done__subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #474747;
    max-width: 488px;
    margin: 16px auto 0;
    padding: 0 16px
}

.subscription-change-done__btn {
    display: block
}

@media only screen and (min-width: 1024px) {
    .subscription-change-done__btn {
        margin:40px auto 0;
        width: 288px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-change-done__btn {
        position:absolute;
        left: 8px;
        right: 8px;
        bottom: 8px;
        width: calc(100% - 16px)
    }
}

@media only screen and (max-width: 767px) {
    .subscription-change-done__btn {
        position:absolute;
        left: 8px;
        right: 8px;
        bottom: 8px;
        width: calc(100% - 16px)
    }
}

.subscription-cancel {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .subscription-cancel {
        height:580px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-cancel {
        padding:0 16px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-cancel {
        padding:0 16px
    }
}

.subscription-cancel__heading {
    padding: 16px 24px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    border-bottom: 1px solid #eff1f6
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-cancel__heading {
        margin:0 -16px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-cancel__heading {
        margin:0 -16px
    }
}

.subscription-cancel__steps {
    margin: 24px auto 0
}

.subscription-cancel__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747;
    margin: 24px auto 0;
    max-width: 504px
}

.subscription-cancel__title strong {
    color: #3251ef
}

.subscription-cancel__plan {
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #969aa3;
    text-align: center;
    margin-top: 16px
}

.subscription-cancel__plan strong {
    color: #474747;
    font-weight: 700
}

.subscription-cancel__items-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #474747;
    margin-top: 24px
}

.subscription-cancel__items {
    margin: 24px auto 0;
    display: flex
}

@media only screen and (min-width: 1024px) {
    .subscription-cancel__items {
        justify-content:center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-cancel__items {
        flex-direction:column;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .subscription-cancel__items {
        flex-direction:column;
        align-items: center
    }
}

.subscription-cancel__item {
    margin-top: 16px;
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #71737a;
    display: flex;
    align-items: flex-start;
    max-width: 305px
}

.subscription-cancel__item img {
    margin-right: 8px
}

.subscription-cancel__item:first-child {
    margin-top: 0
}

@media only screen and (min-width: 1024px) {
    .subscription-cancel__btn {
        width:288px;
        margin: 84px auto 0;
        display: block
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-cancel__btn {
        margin-top:40px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-cancel__btn {
        margin-top:40px
    }
}

.subscription-cancel__link {
    display: flex;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3;
    margin-top: 24px;
    cursor: pointer
}

.subscription-cancel-reason {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .subscription-cancel-reason {
        height:580px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-cancel-reason {
        padding:0 16px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-cancel-reason {
        padding:0 16px
    }
}

.subscription-cancel-reason__heading {
    padding: 16px 24px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    border-bottom: 1px solid #eff1f6
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-cancel-reason__heading {
        margin:0 -16px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-cancel-reason__heading {
        margin:0 -16px
    }
}

.subscription-cancel-reason__steps {
    margin: 24px auto 0
}

.subscription-cancel-reason__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747;
    display: flex;
    align-items: center;
    margin-top: 24px;
    justify-content: center
}

.subscription-cancel-reason__title img {
    margin-left: 4px;
    width: 24px
}

.subscription-cancel-reason__subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747
}

.subscription-cancel-reason__plan {
    font-weight: 450;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.25px;
    color: #969aa3;
    text-align: center;
    margin-top: 16px
}

.subscription-cancel-reason__plan strong {
    color: #474747;
    font-weight: 700
}

.subscription-cancel-reason__items {
    margin: 12px auto 0;
    max-width: 440px;
    text-align: center
}

.subscription-cancel-reason__item {
    border: 2px solid #d4d9ed;
    border-radius: 100px;
    padding: 6px 12px;
    display: inline-block;
    margin-top: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #637293;
    cursor: pointer;
    margin-left: 6px;
    margin-right: 6px
}

.subscription-cancel-reason__item_1 {
    background: #637293;
    border: 2px solid #637293;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .subscription-cancel-reason__btn {
        width:288px;
        margin: 64px auto 0;
        display: block
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-cancel-reason__btn {
        margin-top:40px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-cancel-reason__btn {
        margin-top:40px
    }
}

.subscription-cancel-reason__link {
    display: flex;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #969aa3;
    margin-top: 24px;
    cursor: pointer
}

.subscription-canceled {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .subscription-canceled {
        height:580px;
        padding-top: 80px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-canceled {
        padding:80px 16px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-canceled {
        padding:80px 16px
    }
}

.subscription-canceled__img {
    margin: 0 auto
}

.subscription-canceled__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    color: #474747;
    margin-top: 24px
}

.subscription-canceled__subtitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #474747;
    margin-top: 16px
}

.subscription-canceled__exp {
    width: 160px;
    margin: 16px auto 0
}

.subscription-canceled__exp-title {
    display: flex;
    align-items: center;
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #71737a
}

.subscription-canceled__exp-title img {
    margin-right: 8px
}

.subscription-canceled__exp-date {
    color: #3251ef;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    position: relative;
    left: 28px
}

.subscription-canceled__text {
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -.25px;
    color: #71737a;
    max-width: 488px;
    margin: 24px auto 0
}

@media only screen and (min-width: 1024px) {
    .subscription-canceled__btn {
        width:288px;
        margin: 40px auto 0;
        display: block
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .subscription-canceled__btn {
        margin-top:40px
    }
}

@media only screen and (max-width: 767px) {
    .subscription-canceled__btn {
        margin-top:40px
    }
}

.subscription-canceled__link {
    margin-top: 24px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #12b368;
    display: flex;
    justify-content: center
}

.auth-aside-amp {
    border-radius: 0 .125rem .125rem 0;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    text-align: center;
    text-align-last: center;
    order: 0;
    position: relative;
    height: 140px;
    padding: 16px;
    width: 100%
}

.auth-aside-amp__desc {
    font-size: 1rem;
    text-align: center;
    position: absolute;
    bottom: .625rem;
    color: #637293;
    left: 1rem;
    right: 1rem
}

.auth-aside-amp__desc strong {
    font-weight: 700;
    color: var(--navy)
}

.auth-aside-amp__tutor-list {
    margin: 0
}

.auth-aside-amp__tutor-list .tutor-list__item {
    display: block;
    width: 180px;
    display: inline-block;
    padding: 0;
    min-height: auto;
    vertical-align: middle;
    margin: 0
}

.auth-aside-amp__tutor-list .tutor-list__item .tutor-list__item-avatar {
    margin: 0
}

.auth-aside-amp__tutor-list .tutor-list__item:first-child,.auth-aside-amp__tutor-list .tutor-list__item:nth-child(3) {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0
}

.auth-aside-amp__tutor-list .tutor-list__item:first-child .tutor-list__item-stars,.auth-aside-amp__tutor-list .tutor-list__item:nth-child(3) .tutor-list__item-stars {
    display: none
}

.auth-aside-amp__tutor-list .tutor-list__item:first-child .tutor-list__item-avatar,.auth-aside-amp__tutor-list .tutor-list__item:nth-child(3) .tutor-list__item-avatar {
    width: 2.5rem;
    height: 2.5rem;
    display: block
}

.auth-aside-amp__tutor-list .tutor-list__item:first-child .tutor-list__item-avatar:after,.auth-aside-amp__tutor-list .tutor-list__item:nth-child(3) .tutor-list__item-avatar:after {
    display: none
}

.auth-aside-amp__tutor-list .tutor-list__item:nth-child(2) {
    width: 3rem;
    height: 3rem;
    margin: 0 -7px;
    position: relative;
    z-index: 1
}

.auth-aside-amp__tutor-list .tutor-list__item:nth-child(2) .tutor-list__item-avatar {
    display: block;
    width: 3rem;
    height: 3rem
}

.auth-aside-amp__tutor-list .tutor-list__item:nth-child(2) .tutor-list__item-avatar:after {
    z-index: 1;
    width: .625rem;
    height: .625rem;
    top: 0;
    right: .1875rem
}

.auth-aside-amp__tutor-list .tutor-list__item>div {
    display: none
}

.auth-aside-amp__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(/static/media/ic-close.8210884a.svg) no-repeat 0 0;
    z-index: 1
}

.modal-amp-modal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1001;
    display: none
}

.modal-amp-overlay {
    background-color: rgba(0,0,0,.6);
    top: 0;
    bottom: 0
}

.modal-amp,.modal-amp-overlay {
    position: absolute;
    right: 0;
    left: 0
}

.modal-amp {
    padding: 24px;
    text-align: center;
    width: 304px;
    top: 50%;
    border-radius: .125rem;
    max-width: 100%;
    max-height: 100%;
    background-color: #fff;
    box-shadow: 0 16px 32px 0 rgba(0,0,0,.24),0 2px 8px 0 rgba(0,0,0,.13);
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.modal-amp,.modal-amp__img {
    margin: 0 auto
}

.modal-amp__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #474747;
    margin-top: 24px
}

.modal-amp__text {
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    margin-top: 8px
}

.modal-amp__text strong {
    color: #3251ef
}

.modal-amp__text img {
    display: inline-block;
    position: relative;
    top: 2px
}

.modal-amp__loader {
    margin: 24px auto 0;
    width: 48px;
    height: 48px
}

.login-form-amp {
    font-family: "CircularStd";
    background-color: #d4d9ed;
    display: flex;
    border-radius: 2px;
    overflow-y: auto;
    flex-direction: column;
    height: 100%
}

.login-form-amp__body {
    background: #fff;
    flex: 1 1;
    flex-direction: column;
    position: relative;
    width: auto;
    display: block;
    border-radius: .5rem .5rem 0 0;
    order: 1
}

.login-form-amp__title {
    font-size: 1.5rem;
    line-height: 1;
    color: #424347;
    font-weight: 700;
    text-align: center;
    margin-bottom: 16px
}

.login-form-amp__google-btn_2 {
    margin: 12px 16px 0
}

.login-form-amp__fb-or {
    font-family: "CircularStd";
    font-size: 14px;
    line-height: 1.71;
    color: #71737a
}

.login-form-amp__fb-or_1 {
    margin-top: 35px
}

.login-form-amp__fb-or_2 {
    margin-top: 24px;
    margin-bottom: 16px;
    text-align: center
}

.login-form-amp__body-holder {
    padding: 16px 8px 0;
    flex: 1 1
}

.login-form-amp__form-holder {
    box-shadow: 0 1rem 2.5rem 0 rgba(0,53,136,.15),0 0 .75rem 0 rgba(0,38,96,.06);
    border-radius: .125rem;
    padding-bottom: .5rem;
    margin-top: 0
}

.login-form-amp__form-holder .form-input__error {
    top: 2.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    position: fixed;
    width: 95vw
}

.login-form-amp__form-holder .form-input__error:before {
    display: none
}

.login-form-amp__form-holder .form-input {
    padding-left: 1.875rem;
    position: relative
}

.login-form-amp__form-holder .input {
    border: 0;
    padding: 0
}

.login-form-amp__form-holder .form-input__label {
    display: none
}

.login-form-amp__form-holder .fieldset {
    padding: .375rem .5rem;
    margin: 0
}

.login-form-amp__form-holder .fieldset:first-child {
    border-bottom: .0625rem solid #eff1f6
}

.login-form-amp__form-holder .form-input__error-text {
    white-space: inherit
}

.login-form-amp__button {
    width: calc(100% - 16px);
    margin-top: 0;
    margin-left: 8px;
    margin-right: 8px
}

.login-form-amp__forgot {
    font-size: 14px;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 0;
    line-height: 1.43;
    color: var(--bluey-grey)
}

.login-form-amp__forgot-link,.login-form-amp__forgot a {
    font-weight: 700;
    color: var(--bluish-green)
}

.login-form-amp__forgot-link {
    cursor: pointer
}

.login-form-amp__sign-up {
    font-size: 1rem;
    line-height: 1.5;
    color: #71747a;
    text-align: center;
    position: static;
    border-top: 0;
    border-bottom: .0625rem solid #eff1f6;
    margin: 0;
    padding: 1.5rem .9375rem
}

.login-form-amp__sign-up__link {
    font-weight: 700;
    color: var(--bluish-green);
    cursor: pointer
}

.login-form-amp__privacy {
    opacity: .8;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    bottom: -60px;
    position: static;
    color: #969aa3;
    padding: 16px;
    margin-top: 0;
    height: auto
}

.login-form-amp__privacy a {
    color: #969aa3;
    text-decoration: underline
}

.login-form-amp__privacy a:hover {
    text-decoration: none
}

.sign-up-form-amp {
    font-family: "CircularStd";
    background-color: #d4d9ed;
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    height: 100%
}

.sign-up-form-amp__body {
    background: #fff;
    flex: 1 1;
    display: flex;
    flex-direction: column;
    position: relative;
    display: block;
    width: auto;
    border-radius: 8px 8px 0 0;
    order: 1
}

.sign-up-form-amp__title {
    font-size: 1.5rem;
    line-height: 1;
    color: #424347;
    font-weight: 700;
    text-align: center;
    margin-bottom: 16px
}

.sign-up-form-amp__fb-btn_1 {
    margin-top: 16px
}

.sign-up-form-amp__fb-btn_2 {
    margin: .5rem 1rem 0
}

.sign-up-form-amp__fb-btn_2 .fb-error {
    margin-bottom: 0
}

.sign-up-form-amp__fb-btn_2_error {
    margin-top: 15px
}

.sign-up-form-amp__google-btn_2 {
    margin: 12px 16px 0
}

.sign-up-form-amp__body-holder {
    padding: 16px 8px 0;
    flex: 1 1
}

.sign-up-form-amp__fb-or {
    font-family: "CircularStd";
    font-size: 14px;
    line-height: 1.71;
    color: #71737a
}

.sign-up-form-amp__fb-or_2 {
    margin-top: 24px;
    margin-bottom: 16px;
    text-align: center
}

.sign-up-form-amp__form-holder {
    padding-bottom: .5rem;
    box-shadow: 0 1rem 2.5rem 0 rgba(0,53,136,.15),0 0 .75rem 0 rgba(0,38,96,.06);
    border-radius: .125rem;
    margin-top: 0
}

.sign-up-form-amp__form-holder .form-input__error {
    top: 2.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    position: fixed;
    width: 95vw
}

.sign-up-form-amp__form-holder .form-input__error:before {
    display: none
}

.sign-up-form-amp__form-holder .form-input {
    padding-left: 1.875rem;
    position: relative
}

.sign-up-form-amp__form-holder .input {
    border: 0;
    padding: 0
}

.sign-up-form-amp__form-holder .form-input__label {
    display: none
}

.sign-up-form-amp__form-holder .fieldset {
    padding: .375rem .5rem;
    margin: 0
}

.sign-up-form-amp__form-holder .fieldset:first-child {
    border-bottom: .0625rem solid #eff1f6
}

.sign-up-form-amp__form-holder .form-input__error-text {
    white-space: inherit
}

.sign-up-form-amp__button {
    width: calc(100% - 16px);
    margin-top: 0;
    margin-left: 8px;
    margin-right: 8px;
    display: block
}

.sign-up-form-amp__login {
    font-size: 1rem;
    line-height: 1.5;
    color: #71747a;
    text-align: center;
    position: static;
    border-top: 0;
    border-bottom: .0625rem solid #eff1f6;
    margin: 0;
    padding: 1.5rem .9375rem
}

.sign-up-form-amp__login-link {
    font-weight: 700;
    color: var(--bluish-green);
    cursor: pointer
}

.sign-up-form-amp__privacy {
    opacity: .8;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    position: static;
    color: #969aa3;
    padding: 16px;
    margin-top: 0;
    height: auto
}

.sign-up-form-amp__privacy a {
    color: #969aa3
}

.restore-form-amp {
    height: 35rem;
    font-family: "CircularStd";
    display: flex
}

@media only screen and (max-width: 1023px) {
    .restore-form-amp {
        height:100%;
        overflow-y: auto
    }

    .restore-form-amp .auth-aside {
        display: none
    }
}

.restore-form-amp__body {
    flex: 1 1;
    display: flex;
    flex-direction: column
}

.restore-form-amp__title {
    font-size: 24px;
    line-height: 1;
    color: #424347;
    margin-bottom: 60px;
    font-weight: 700;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .restore-form-amp__title {
        padding:12px 12px 12px 48px;
        box-shadow: 0 4px 16px 0 var(--darkish-blue-15);
        background-color: #fff
    }
}

.restore-form-amp__title i {
    background: url(/static/media/ic-back.192037d2.svg) no-repeat 0 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    left: -40px
}

@media only screen and (max-width: 1023px) {
    .restore-form-amp__title i {
        left:10px
    }
}

.restore-form-amp__title i,.restore-form-amp__title span {
    display: inline-block;
    vertical-align: middle
}

.restore-form-amp__body-holder {
    padding: 2.5rem 4.25rem 0;
    flex: 1 1
}

@media only screen and (max-width: 1023px) {
    .restore-form-amp__body-holder {
        padding:0
    }
}

@media only screen and (max-width: 1023px) {
    .restore-form-amp__form-holder {
        margin:.5rem;
        padding-bottom: .5rem;
        box-shadow: 0 16px 40px 0 rgba(0,53,136,.15),0 0 12px 0 rgba(0,38,96,.06);
        border-radius: 2px
    }

    .restore-form-amp__form-holder .form-input__error {
        top: 2.5rem;
        left: .5rem;
        right: .5rem
    }

    .restore-form-amp__form-holder .form-input {
        padding-left: 30px;
        position: relative
    }

    .restore-form-amp__form-holder .input {
        border: 0;
        padding: 0
    }

    .restore-form-amp__form-holder .form-input__label {
        display: none
    }

    .restore-form-amp__form-holder .fieldset {
        padding: 6px 8px;
        margin: 0
    }
}

.restore-form-amp__form-holder .form-input__error-text {
    white-space: inherit
}

.restore-form-amp__form-holder_success {
    box-shadow: none
}

.restore-form-amp__button {
    border-radius: .25rem
}

@media only screen and (min-width: 1024px) {
    .restore-form-amp__button {
        margin-top:24px
    }
}

@media only screen and (max-width: 1023px) {
    .restore-form-amp__button {
        width:calc(100% - 16px);
        margin-left: 8px;
        margin-right: 8px
    }
}

.restore-form-amp__login {
    font-size: 1rem;
    line-height: 1.5;
    color: #71747a;
    color: var(--battleship-grey);
    text-align: center;
    padding: .9375rem;
    border-top: .0625rem solid #eff1f6
}

.restore-form-amp__login-link {
    font-weight: 700;
    color: #13cf77;
    cursor: pointer;
    color: var(--bluish-green)
}

.restore-form-amp__success-img {
    display: block;
    margin: 0 auto 1rem
}

.restore-form-amp__success-msg {
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: #474747;
    margin-bottom: .9375rem
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

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

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

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

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,.slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

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

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

@media only screen and (min-width: 1024px) {
    .ghub_1 {
        padding-bottom:320px
    }
}

.banner {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .banner {
        height:56px;
        background: url(/static/media/oval.ad9e79f9.svg) no-repeat 225px 30px,url(/static/media/oval1.712815d0.svg) no-repeat right 478px top -12px,url(/static/media/oval2.63ef6027.svg) no-repeat right 240px bottom 10px,#fff
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .banner {
        background:url(/static/media/oval.ad9e79f9.svg) no-repeat -32px -20px,url(/static/media/oval1.712815d0.svg) no-repeat right 235px top 0,url(/static/media/oval2.63ef6027.svg) no-repeat right 0 bottom 25px,#fff;
        height: 56px
    }
}

@media only screen and (max-width: 767px) {
    .banner {
        background:url(/static/media/oval.ad9e79f9.svg) no-repeat -32px -20px,url(/static/media/oval1.712815d0.svg) no-repeat right 235px top 0,url(/static/media/oval2.63ef6027.svg) no-repeat right 0 bottom 25px,#fff;
        height: 56px
    }
}

.banner__text {
    font-weight: 500;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .banner__text {
        font-size:20px;
        line-height: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .banner__text {
        padding:0 16px;
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (max-width: 767px) {
    .banner__text {
        padding:0 16px;
        font-size: 16px;
        line-height: 24px
    }
}

.banner__text strong {
    color: #2fefb1
}

.gh-header-v2 {
    background: #fff;
    height: 4.5rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000
}

.gh-header-v2_transparent {
    background: transparent
}

.gh-header-v2_transparent .gh-header-v2-actions-item,.gh-header-v2_transparent .gh-header-v2-pages-item-link {
    color: #fff
}

.gh-header-v2_transparent .gh-header-v2-actions-item__sign-up {
    color: #13cf77
}

.gh-header-v2_transparent .gh-header-v2-actions {
    border-color: rgba(239,241,246,.3)
}

.gh-header-v2_scrolled {
    box-shadow: 0 .25rem 1rem 0 rgba(92,102,133,.16)
}

.gh-header-v2__holder {
    width: 1232px;
    position: relative;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-header-v2__holder {
        width:970px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-header-v2__holder {
        width:704px
    }
}

@media only screen and (max-width: 767px) {
    .gh-header-v2__holder {
        width:90%
    }
}

.gh-header-v2-logo {
    display: inline-block;
    vertical-align: top;
    padding-top: .25rem;
    padding-bottom: .75rem
}

.gh-header-v2-logo img {
    width: 138px
}

.gh-header-v2-logo-link-icon {
    display: block;
    width: 100px;
    height: 20px
}

.gh-header-v2-support {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;margin-left: 3.0625rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-header-v2-support {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-support {
        display:none
    }
}

.gh-header-v2-support-item {
    padding-right: 1rem;
    padding-top: .375rem;
    padding-bottom: .625rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1}

.gh-header-v2-support-item+.gh-header-v2-support-item {
    border-left: .0625rem solid rgba(239,241,246,.2);
    padding-left: 1rem
}

.gh-header-v2-support-item-link {
    font-size: 1.125rem;
    line-height: 1.33;
    color: #fff
}

.gh-header-v2-user {
    padding-left: 2.375rem;
    float: right
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-header-v2-user {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-user {
        display:none
    }
}

.gh-header-v2-user-link {
    background-image: url(/static/media/user.657430ea.svg);
    background-size: 2rem 2rem;
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 3.125rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.33;
    display: block
}

.gh-header-v2-user__active .gh-header-v2-dropdown {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.gh-header-v2-dropdown {
    font-size: .9375rem;
    background-color: #fff;
    box-shadow: .0625rem .0625rem .125rem 0 rgba(0,0,0,.15);
    border: .0625rem solid rgba(46,46,69,.3);
    position: absolute;
    min-width: 13.125rem;
    top: 100%;
    right: 0;
    border-radius: .25rem;
    -webkit-transform: translateY(.75rem);
    transform: translateY(.75rem);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    display: none
}

.gh-header-v2-dropdown:before {
    border: .375rem solid transparent;
    border-top: none;
    border-bottom: .5rem solid #c8c8cf;
    top: -.5rem
}

.gh-header-v2-dropdown:after,.gh-header-v2-dropdown:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
    right: 2.8125rem;
    z-index: 2
}

.gh-header-v2-dropdown:after {
    border: .375rem solid transparent;
    border-top: none;
    border-bottom: .4375rem solid #fff;
    top: -.375rem
}

.gh-header-v2-dropdown-item {
    width: 100%;
    position: relative
}

.gh-header-v2-dropdown-item:first-child .gh-header-v2-dropdown-item-link {
    border-radius: .25rem .25rem 0 0
}

.gh-header-v2-dropdown-item:first-child .gh-header-v2-dropdown-item-link:hover:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    z-index: 2;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
    border: .375rem solid transparent;
    border-top: none;
    border-bottom: .4375rem solid #f7f7f8;
    top: -.375rem;
    right: 2.8125rem;
    z-index: 3
}

.gh-header-v2-dropdown-item:last-child {
    border-radius: 0 0 .25rem .25rem
}

.gh-header-v2-dropdown-item:last-child:after {
    content: "";
    display: block;
    position: absolute;
    left: .9375rem;
    right: .9375rem;
    top: 0;
    height: .0625rem;
    background: #f1f1f2
}

.gh-header-v2-dropdown-item:last-child .gh-header-v2-dropdown-item-link {
    background-image: url(/static/media/logout-icon.d9839c6d.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 1em) 50%;
    background-size: 1rem .8125rem
}

.gh-header-v2-dropdown-item-link {
    color: #2e2e45;
    text-align: left;
    line-height: 3.125;
    padding-left: .9375rem;
    padding-right: .9375rem;
    display: block;
    position: relative;
    transition: background .3s ease;
    white-space: nowrap
}

.gh-header-v2-dropdown-item-link:after {
    border: 0 solid transparent;
    z-index: 3;
    transition: border .3s ease
}

.gh-header-v2-dropdown-item-link:hover {
    background: #f7f7f8
}

.gh-header-v2-dropdown-item-link span {
    color: #1ea26d;
    font-weight: 600
}

.gh-header-v2-dropdown-item-link i {
    background: #fa540a;
    font-size: .75rem;
    line-height: 1.5625;
    color: #fff;
    font-weight: 700;
    padding-left: .4375rem;
    padding-right: .4375rem;
    position: absolute;
    top: .75rem;
    right: .9375rem;
    display: block;
    border-radius: .1875rem
}

.gh-header-v2-dropdown-item-link__active {
    color: #1ea26d;
    font-weight: 600
}

.gh-header-v2-dropdown-item-link__long {
    padding-right: 5.3125rem
}

.gh-header-v2-user-balance {
    padding-right: 3rem;
    border-right: .0625rem solid rgba(239,241,246,.2);
    padding-top: .5rem;
    padding-bottom: .5rem;
    float: right;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-header-v2-user-balance {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-user-balance {
        display:none
    }
}

.gh-header-v2-user-balance-link {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.33;
    position: relative;
    display: block
}

.gh-header-v2-user-balance-link span {
    font-weight: 700
}

.gh-header-v2-user-balance-link i {
    font-size: 1rem;
    font-weight: 700;
    color: #1ed760;
    padding: .5rem 1.125rem;
    border: .125rem solid rgba(30,215,96,.2);
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: .25em;
    display: none
}

.gh-header-v2-user-balance-link__long {
    padding-right: 6.5rem
}

.gh-header-v2-user-balance-link__long i {
    display: block
}

.gh-header-v2-pages {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    padding-left: 5rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-header-v2-pages {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-pages {
        display:none
    }
}

.gh-header-v2-pages-item {
    padding-top: 8px;
    padding-bottom: 8px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1}

.gh-header-v2-pages-item_1+.gh-header-v2-pages-item {
    margin-left: 48px
}

.gh-header-v2-pages-item_2 {
    padding-top: 13px;
    padding-bottom: 13px
}

.gh-header-v2-pages-item_2+.gh-header-v2-pages-item {
    margin-left: 24px
}

.gh-header-v2-pages-item-link {
    color: #637293;
    transition: color .3s linear;
    cursor: pointer
}

.gh-header-v2-pages-item-link:hover {
    color: #1ab851
}

.gh-header-v2-pages-item-link:active {
    color: #128038
}

.gh-header-v2-pages-item-link_1 {
    font-size: 18px;
    line-height: 24px
}

.gh-header-v2-pages-item-link_2 {
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
}

.gh-header-v2-actions {
    height: 2.5rem;
    margin-top: .125rem;
    position: absolute;
    top: 0;
    right: 0;
    border-left: .0625rem solid #e6e8ed
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-header-v2-actions {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-actions {
        display:none
    }
}

.gh-header-v2-mobile-menu__holder {
    overflow: auto;
    height: 100%;
    padding-bottom: 153px
}

.gh-header-v2-actions__inner {
    padding: 1.5rem 1rem;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-actions__inner {
        border-top:.0625rem solid #eff1f6;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff
    }
}

.gh-header-v2-actions__inner .gh-header-v2-actions-item {
    margin-left: 0;
    text-align: center;
    text-align-last: center
}

.gh-header-v2-actions__inner .gh-header-v2-actions-item__user {
    text-align: left;
    text-align-last: left
}

.gh-header-v2-actions__inner .gh-header-v2-actions-item__sign-up {
    border-radius: .125rem;
    box-shadow: 0 .25rem .5rem 0 rgba(18,173,100,.4);
    background-color: #1ed760;
    color: #fff;
    font-family: "CircularStd";
    width: 272px;
    font-size: 18px;
    font-weight: 700;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-actions__inner .gh-header-v2-actions-item__sign-up {
        width:100%
    }
}

.gh-header-v2-actions__inner .gh-header-v2-actions-item__login {
    margin-top: 1.125rem;
    font-size: 1.125rem;
    line-height: 1.33;
    font-family: "CircularStd";
    font-weight: 700;
    text-align: center;
    color: #15191c;
    display: block
}

.gh-header-v2-actions-item {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #637293;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;cursor: pointer
}

.gh-header-v2-actions-item_1 {
    margin-left: 2.6875rem;
    font-size: 1.125rem;
    line-height: 1.33
}

.gh-header-v2-actions-item_2 {
    margin-left: 24px;
    font-size: 16px;
    line-height: 19px
}

.gh-header-v2-actions-item__sign-up {
    color: #13cf77;
    font-weight: 700;
    border: .125rem solid #13cf77;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    border-radius: .25rem;
    transition: background .3s linear,border .3s linear,color .3s linear
}

.gh-header-v2-actions-item__sign-up:hover {
    background: #13cf77;
    color: #fff
}

.gh-header-v2-actions-item__sign-up:active {
    background: #0f9959;
    border-color: #0f9959;
    color: #fff
}

.gh-header-v2-actions-item__sign-up_1 {
    padding: .625rem 1.4375rem;
    margin-top: -.25rem
}

.gh-header-v2-actions-item__sign-up_2 {
    width: 114px;
    height: 40px;
    text-align: center
}

.gh-header-v2-actions-item__login {
    transition: color .3s linear
}

.gh-header-v2-actions-item__login:hover {
    color: #1ab851
}

.gh-header-v2-actions-item__login:active {
    color: #128038
}

.gh-header-v2-actions-item__user {
    background-image: url(/static/media/user.657430ea.svg);
    background-size: 2rem 2rem;
    background-repeat: no-repeat;
    background-position: 0;
    width: 100%;
    padding-left: 2.5rem;
    font-size: 1.125rem;
    line-height: 1.33;
    color: #637293!important
}

.gh-header-v2-actions-item__to-projects {
    background: #1ed760;
    width: 100%;
    margin-top: 1rem;
    font-size: 1.125rem;
    line-height: 1.33;
    color: #fff;
    padding-top: .6875rem;
    padding-bottom: .625rem;
    border-radius: .125rem;
    box-shadow: 0 .25rem .5rem 0 rgba(18,173,100,.4);
    font-weight: 700
}

.gh-header-v2-actions-item__to-projects span {
    padding: 0 1.5625rem 0 0;
    position: relative
}

.gh-header-v2-actions-item__to-projects span:after {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAqCAYAAAAeeGN5AAAAAXNSR0IArs4c6QAAAQVJREFUaAXtmsENwjAMRRt66HqwEUfGYArYgUlYgQMKP1UroaiKUynYsXGkqIdasd//VtoqHQbhEWMchUtokx4gZ8wb5tRmRaFVFhBc5qEXCOUnR/KhDwgEWyArmB4gVDxipoJLQxXQBBIHEtqr6LRwxx2iZRKMcIcExa9K7Q5VySQY5A4Jil+V+u8dClAgVknVd9Ad5R2twCSpL5Zgnoe+u2dfdZZgrlbabN4A9vnIHG3mWeMgzJ1DpnNHSImYA9wRZsHJdO4IKRFzgDvCLDiZzpIjPz3SYP0ECCG8Yd2jYF96+z0h7lWI6esWWm3r9EzPIVMuZwakF2QFW4D0g3wBNfup4QPlYN+TcBayFQAAAABJRU5ErkJggg==);
    width: 1.0625rem;
    height: .875rem;
    display: block;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: .1875rem
}

.gh-header-v2-hamburger {
    display: none;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: .585rem;
    right: 0;
    cursor: pointer
}
.wapBanner {
    display: none;
    padding: 10px 0;
    background-color: rgba(255, 255, 255, 0.98);
    width: 60%;
    margin: 0 0 0 auto;
}
.wapBanner li {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    padding: 5px 0;
}
.wapBanner li a {
    text-decoration: none;
    color: #222;
}
.wapBanner li a:hover,
.wapBanner li a:active {
    color: #ff0000;
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-header-v2-hamburger {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-hamburger {
        display:block
    }
}

.gh-header-v2-hamburger span {
    background: #1ed760;
    width: 100%;
    height: .125rem;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    position: absolute;
    border-radius: .25rem
}

.gh-header-v2-hamburger span:after,.gh-header-v2-hamburger span:before {
    content: "";
    background: #1ed760;
    width: 100%;
    height: .125rem;
    display: block;
    left: 0;
    right: 0;
    position: absolute
}

.gh-header-v2-hamburger span:before {
    top: -.375rem
}

.gh-header-v2-hamburger span:after {
    top: .375rem
}

.gh-header-v2-mobile-menu {
    background: #fff;
    position: fixed;
    right: -100%;
    z-index: 10001;
    opacity: 0;
    transition: opacity .2s ease,right .2s ease;
    display: block;
    width: 44rem;
    height: auto;
    top: .5rem;
    border: none;
    border-radius: .125rem;
    box-shadow: 0 .25rem 1rem 0 rgba(0,0,0,.5)
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-mobile-menu {
        width:95%;
        bottom: .5rem
    }
}

.gh-header-v2-mobile-menu-close {
    width: 1.5rem;
    height: 1.5rem;
    padding-top: 0;
    position: absolute;
    top: 1rem;
    right: 1rem;
    margin-top: 0;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer
}

.gh-header-v2-mobile-menu-close:before {
    background: #d4d9ed;
    content: "";
    display: block;
    position: absolute;
    width: 1.5rem;
    height: .125rem;
    top: 50%;
    left: 0;
    margin-top: -.0625rem
}

.gh-header-v2-mobile-menu-close:after {
    background: #d4d9ed;
    content: "";
    display: block;
    position: absolute;
    width: .125rem;
    height: 1.5rem;
    top: 50%;
    left: .6875rem;
    margin-top: -.75rem
}

.gh-header-v2-mobile-menu-list {
    padding: 1.5rem 2.5rem
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-mobile-menu-list {
        padding-left:1rem;
        padding-right: 1rem;
        overflow: auto
    }
}

.gh-header-v2-mobile-menu-list_1 {
    -webkit-column-count: 3;
    column-count: 3
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-mobile-menu-list_1 {
        -webkit-column-count:inherit;
        column-count: inherit
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-header-v2-mobile-menu-list_2 {
        display:flex
    }
}

@media only screen and (min-width: 1024px) {
    .gh-header-v2-mobile-menu-list_2 {
        display:flex
    }
}

.gh-header-v2-mobile-menu-list-item {
    margin-top: 1rem
}

.gh-header-v2-mobile-menu-list-item:first-child {
    margin-top: 0
}

.gh-header-v2-mobile-menu-list-item-devider {
    margin-right: 40px
}

.gh-header-v2-mobile-menu-list-item-link {
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5;
    color: #637293;
    padding-left: 0;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.gh-header-v2-mobile-menu__opened {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 1
}

.gh-header-v2-mobile-menu__opened .button {
    opacity: 1
}

.gh-header-v2-mobile-menu__for {
    padding: 2.5rem 2.5rem 1.5rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-mobile-menu__for {
        padding:2.5rem 1rem 1.5rem
    }
}

.gh-header-v2-mobile-menu__for:after {
    content: "";
    height: .0625rem;
    background: #eff1f6;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-mobile-menu__for:after {
        left:1rem;
        right: 1rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-header-v2-mobile-menu__for-1 {
        display:flex
    }
}

@media only screen and (min-width: 1024px) {
    .gh-header-v2-mobile-menu__for-1 {
        display:flex
    }
}

.gh-header-v2-mobile-menu__for-item {
    margin-bottom: 24px
}

.gh-header-v2-mobile-menu__for-item:last-child {
    margin-bottom: 0
}

.gh-header-v2-mobile-menu__for-item a,.gh-header-v2-mobile-menu__for-item span {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #15191c;
    cursor: pointer
}

.gh-header-v2-overlay {
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.gh-header-v2_1,.gh-header-v2_2 {
    padding-top: 0;
    height: auto
}

.gh-header-v2_1 .gh-header-v2__holder,.gh-header-v2_2 .gh-header-v2__holder {
    margin-top: 12px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-header-v2-mobile-menu__for-item-devider {
        margin-right:45px
    }
}

@media only screen and (min-width: 1024px) {
    .gh-header-v2-mobile-menu__for-item-devider {
        margin-right:45px
    }
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-mobile-menu__for-item-devider-2 {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .gh-header-v2-mobile-menu-list-item-devider-2,.gh-header-v2-mobile-menu-list-item-devider-3 {
        margin-top:16px
    }
}

.gh-footer-v2 {
    padding-top: 36px;
    padding-bottom: 24px;
    background: #eff1f6
}

@media only screen and (max-width: 767px) {
    .gh-footer-v2 .wrapper {
        display:flex;
        flex-direction: column
    }
}

.gh-footer-v2-holder {
    width: 77em;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-footer-v2-holder {
        width:944px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-footer-v2-holder {
        width:704px
    }
}

@media only screen and (max-width: 767px) {
    .gh-footer-v2-holder {
        width:80%
    }
}

.gh-footer-v2-logo {
    width: 6.25rem;
    margin-right: .5rem;
    display: inline-block;
    vertical-align: top
}

.gh-footer-v2-logo-link,.gh-footer-v2-logo-link-icon {
    width: inherit;
    height: inherit;
    display: block
}

.gh-footer-v2-column {
    text-align: left;
    text-align-last: left;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.gh-footer-v2-column+.gh-footer-v2-column {
    padding-left: 1.5rem
}

@media only screen and (max-width: 767px) {
    .gh-footer-v2-column+.gh-footer-v2-column {
        padding-left:0
    }
}

.gh-footer-v2-column__product .gh-footer-v2-column-item {
    margin-right: 24px
}

.gh-footer-v2-column-items_2 {
    display: flex
}

.gh-footer-v2-column-item+.gh-footer-v2-column-item {
    margin-top: .5rem
}

.gh-footer-v2-column-item__contacts+.gh-footer-v2-column-item__contacts {
    margin-top: .75rem
}

.gh-footer-v2-column-holder {
    display: inline-block
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-footer-v2-column__addresses_2 {
        display:block;
        padding-left: 0!important;
        margin-top: 24px
    }
}

.gh-footer-v2-column__product_2 {
    padding-left: 24px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-footer-v2-column__addresses,.gh-footer-v2-column__product,.gh-footer-v2-column__resources {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .gh-footer-v2-column__addresses,.gh-footer-v2-column__product,.gh-footer-v2-column__resources {
        display:none
    }
}

.gh-footer-v2-column-title {
    padding-bottom: 1rem;
    font-family: "CircularStd";
    font-size: .75rem;
    line-height: .9375rem;
    color: rgb(197 214 251 / 60%);;
    text-transform: uppercase
}

.gh-footer-v2-column-item-link {
    font-family: "CircularStd";
    font-size: .875rem;
    line-height: 1.25rem;
    color: #637293;
    transition: color .3s linear
}

.gh-footer-v2-column-item-link:hover {
    color: #1ab851
}

.gh-footer-v2-column-item-link:active {
    color: #128038
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-footer-v2-column__icons-1,.gh-footer-v2-column__icons-2 {
        display:inline-block;
        vertical-align: top
    }
}

@media only screen and (max-width: 767px) {
    .gh-footer-v2-column__icons {
        margin-top:24px
    }
}

.gh-footer-v2-column__icons .gh-footer-v2-column-title {
    padding-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .gh-footer-v2-column__icons-2 {
        margin-top:16px
    }
}

@media only screen and (max-width: 767px) {
    .gh-footer-v2-column__icons-2 {
        margin-top:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-footer-v2-column__icons-2 {
    }
}

.gh-footer-v2-column__icons-2 .gh-footer-v2-column-title {
    padding-bottom: 8px
}

.gh-footer-v2-column-item-address {
    max-width: 12rem;
    font-family: "CircularStd";
    font-size: .75rem;
    line-height: 1rem;
    color: #637293
}

.gh-footer-v2-column-item-address_3 {
    margin-top: 8px
}

.gh-footer-v2-icons {
    font-size: 16px;
    line-height: 1;
    position: relative;
    margin-top: 8px
}

.gh-footer-v2-icons-item {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    margin-right: 8px
}

.gh-footer-v2-icons-item__visa {
    background: url(/static/media/visa.dcc2804c.svg) no-repeat 0 0;
    width: 44px;
    height: 28px
}

.gh-footer-v2-icons-item__mastercard {
    background: url(/static/media/master.80173a65.svg) no-repeat 0 0;
    width: 44px;
    height: 28px
}

.gh-footer-v2-icons-item__amex {
    background: url(/static/media/amex.c10ef6db.svg) no-repeat 0 0;
    width: 44px;
    height: 28px
}

.gh-footer-v2-icons-item__discover {
    background: url(/static/media/discover.c436c7bd.svg) no-repeat 0 0;
    width: 44px;
    height: 28px
}

.gh-footer-v2-icons-item__secured {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.gh-footer-v2-icons-item__paypal-1 {
    background: url(/static/media/paypal-1.fd778a06.svg) no-repeat 0 0;
    width: 44px;
    height: 28px
}

.gh-footer-v2-icons-item__google {
    background: url(/static/media/google.db3b6ad6.svg) no-repeat 0 0;
    width: 44px;
    height: 28px
}

.gh-footer-v2-icons-item__mcfee {
    background: url(/static/media/mcfee.2d874632.svg) no-repeat 0 0;
    width: 104px;
    height: 40px;
    margin-top: 0
}

.gh-footer-v2-icons-item__norton {
    background: url(/static/media/norton.c3243d13.svg) no-repeat 0 0;
    width: 64px;
    height: 40px;
    margin-top: 0
}

.gh-footer-v2-copyright {
    margin-top: 15px
}

@media only screen and (max-width: 767px) {
    .gh-footer-v2-copyright {
        margin-top:70px
    }
}

.gh-footer-v2-copyright p {
    font-family: "CircularStd";
    font-size: .75rem;
    line-height: 1.25rem;
    color: #fcfdff;
    opacity: .5;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 767px) {
    .gh-footer-v2-copyright p {
        margin-top:12px;
        display: block
    }
}

.landing-form {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 180px;
    box-sizing: border-box;
    margin: 0 auto;
    border-radius: .25rem;
    height: 4rem;
    padding: 0
}

.landing-form.is-open {
    background-color: #fff;
    border: 1px solid #b7c9d7;
    box-shadow: 0 .25rem 1.5rem 0 hsla(0,0%,51.4%,.5);
    width: 100%;
    max-width: 720px;
    transition: width .5s ease;
    padding: .5rem;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .landing-form.is-open {
        width:calc(100% - 40px);
        margin: 0 20px;
        flex-direction: column;
        height: auto;
        width: 70%;
        margin: 0 auto;
        width: calc(100% - 16px);
        margin: 0 8px;
        padding: 0 0 .8125rem
    }
}

.landing-form_1.is-open {
    max-width: 640px
}

.landing-input-item {
    width: 0;
    position: relative;
    overflow: hidden;
    padding: 0
}

.is-open .landing-input-item {
    width: 18.75rem;
    transition: width .6s ease;
    overflow: visible
}

@media only screen and (max-width: 767px) {
    .is-open .landing-input-item {
        width:100%;
        padding: 8px 8px 10px
    }
}

@media only screen and (max-width: 767px) {
    .landing-input-item .scrollbar {
        margin-top:0
    }
}

.landing-input-item.error {
    overflow: visible
}

.landing-input-item.error .landing-input-error-msg {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    height: 1.3125rem;
    white-space: nowrap;
    font-size: .75rem
}

@media only screen and (max-width: 767px) {
    .landing-input-item.error .landing-input-error-msg span {
        display:none
    }
}

.landing-input-item.error .landing-input-error-msg.landing-input-error-msg__type2 {
    color: #fff
}

.landing-input-item.error .landing-input-error-msg.landing-input-error-msg__ghub {
    color: #ffa407;
    font-size: .875rem
}

.is-open .landing-input-item_1 {
    border-right: 1px solid #e0dede
}

@media only screen and (max-width: 767px) {
    .is-open .landing-input-item_1 {
        border-bottom:1px solid #e0dede;
        border-left: 0;
        border-right: 0
    }
}

.is-open .landing-input-item_2_1 {
    width: 70.5%;
    border-right: 1px solid #e0dede
}

@media only screen and (max-width: 767px) {
    .is-open .landing-input-item_2_1 {
        width:100%;
        border: 0
    }
}

@media only screen and (max-width: 767px) {
    .landing-input-item-btn {
        width:100%;
        padding: 0 .5rem
    }
}

.landing-input-field-wrapper {
    position: relative
}

.landing-form__input {
    background: transparent;
    width: 100%;
    font-family: "CircularStd";
    color: #000;
    border: none;
    padding: 1.25rem .5rem 0;
    box-sizing: border-box;
    font-size: 1rem;
    position: relative;
    z-index: 1;
    text-align: left;
    text-align-last: left
}

.landing-form__input+label {
    color: #94a2b3;
    font-size: 16px;
    line-height: 1.5;
    font-family: "CircularStd";
    text-align: left;
    cursor: default!important;
    box-sizing: border-box;
    position: absolute;
    left: .4375rem;
    top: .5rem;
    z-index: 0;
    -webkit-transform: translateY(.2rem);
    transform: translateY(.2rem);
    transition: all .15s ease-out;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .error .landing-form__input+label {
        color:#fa540a
    }
}

.landing-form__input.focused+label,.landing-form__input:focus+label {
    -webkit-transform: translateY(-.6rem);
    transform: translateY(-.6rem);
    font-size: .8125rem
}

.landing-form__input_2 {
    padding: 1.25rem .5rem 0 2.5rem
}

@media only screen and (max-width: 767px) {
    .landing-form__input_2 {
        padding:1.25rem .5rem 0
    }
}

.landing-form__input_2+label {
    background-image: url(/static/media/search.728c31c9.svg);
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 1.5625rem;
    left: .9375rem
}

@media only screen and (max-width: 767px) {
    .landing-form__input_2+label {
        left:.4375rem;
        padding-left: 0;
        background-position: calc(100% - 20px) 50%;
        width: 100%
    }
}

.landing-form__input_2.focused+label,.landing-form__input_2:focus+label {
    background-position: 0 1.5625rem;
    height: 3.375rem;
    padding-left: 0
}

@media only screen and (max-width: 767px) {
    .landing-form__input_2.focused+label,.landing-form__input_2:focus+label {
        background-position:calc(100% - 20px) 50%
    }
}

.landing-form__input_2_1+label {
    padding-right: 0;
    background-position: calc(100% - 15px) 50%;
    padding-left: 0;
    right: 0
}

@media only screen and (max-width: 767px) {
    .landing-form__input_2_1+label {
        left:0;
        font-size: 14px;
        line-height: 1.43;
        background-position: 100%
    }
}

.landing-form__btn {
    color: #fff;
    min-width: 10.625rem;
    height: 3rem;
    font-size: 1.125rem;
    font-weight: 700;
    border-radius: .25rem;
    background-color: #13cf77;
    box-shadow: 0 .25rem .75rem 0 rgba(18,173,100,.4);
    transition: all .5s ease
}

@media only screen and (max-width: 767px) {
    .is-open .landing-form__btn {
        width:100%
    }
}

.landing-form__btn:hover {
    background-color: #12b368;
    box-shadow: 0 4px 16px 0 rgba(18,173,100,.4)
}

.landing-form__btn:active {
    background-color: #0f9959;
    box-shadow: 0 1px 4px 0 rgba(18,173,100,.4)
}

.landing-input-error-msg {
    display: none;
    position: absolute;
    bottom: -2.1875rem;
    font-family: "CircularStd";
    font-size: 1.125rem;
    line-height: 1.375rem;
    pointer-events: none;
    z-index: 2;
    color: #6f7a7c;
    background: transparent
}

.error-smile-img {
    width: 1.3125rem;
    height: 1.3125rem;
    margin-right: .3125rem;
    vertical-align: -.1875rem;
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .error-smile-img {
        display:none
    }
}

.natural-errtooltip {
    position: absolute;
    display: block;
    background: #ffa407;
    width: 0;
    height: .25em;
    left: 0;
    bottom: -.625rem;
    z-index: 2;
    transition: width .5s ease
}

@media only screen and (max-width: 767px) {
    .natural-errtooltip {
        display:none
    }
}

.error .natural-errtooltip {
    width: 15.1875em
}

.landing-input-item:first-child .natural-errtooltip {
    left: -.4375rem
}

.error .natural-errtooltip_1 {
    width: 100%
}

.gh-main-macbook {
    margin-top: 5rem;
    padding-bottom: 7.5rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook {
        margin-top:2.5rem;
        padding-bottom: 5.625rem
    }
}

.gh-main-macbook-title {
    max-width: 51rem;
    color: #15191c;
    font-size: 2.2rem;
    line-height: 3.6rem;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.gh-main-macbook-image {
    background-image: url(data:image/png;base64,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);
    background-size: 32rem 21.8125rem;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 32rem;
    height: 21.8125rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .gh-main-macbook-image {
        background-image:url(/static/media/macbook@2x.3db04c6e.png)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),only screen and (min-device-pixel-ratio:3),only screen and (min-resolution:3dppx),only screen and (min-resolution:288dpi) {
    .gh-main-macbook-image {
        background-image:url(/static/media/macbook@3x.a3909378.png)
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-macbook-image {
        background-size:28.3125rem 14.375rem;
        width: 28.3125rem;
        height: 14.375rem;
        margin-top: 4.5rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook-image {
        background-size:77.5vw 54.6875vw;
        width: 77.5vw;
        height: 54.6875vw;
        margin-top: 4.5rem
    }
}

.gh-main-macbook-image:before {
    content: "";
    background-image: url(/static/media/grid-2.64c52fac.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    display: block;
    position: absolute;
    right: 1.875rem;
    top: -1.25rem;
    z-index: -1
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-macbook-image:before {
        background-size:7.375rem 7.375rem;
        width: 7.375rem;
        height: 7.375rem;
        top: -3.125rem;
        right: 3.125rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook-image:before {
        background-size:6rem 6rem;
        width: 6rem;
        height: 6rem;
        top: -1.875rem;
        right: 1.875rem
    }
}

.gh-main-macbook-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.gh-main-macbook-list-item {
    position: absolute
}

.gh-main-macbook-list-item:first-child {
    top: 5.375rem;
    left: -8.75rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-macbook-list-item:first-child {
        top:2.5rem;
        left: -5rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook-list-item:first-child {
        top:2vw;
        left: -2.5vw
    }
}

.gh-main-macbook-list-item:first-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 1.75rem;
    right: -9.875rem;
    background-image: url(/static/media/arrow1.a47ef4d3.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 9.25rem 1.25rem;
    width: 9.25rem;
    height: 1.25rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-macbook-list-item:first-child:before {
        background-size:7.1875rem .875rem;
        width: 7.1875rem;
        height: .875rem;
        right: -8.125rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook-list-item:first-child:before {
        display:none
    }
}

.gh-main-macbook-list-item:nth-child(2) {
    left: 0;
    right: 0;
    top: 16rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-macbook-list-item:nth-child(2) {
        top:10.625rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook-list-item:nth-child(2) {
        top: 40vw
    }
}

.gh-main-macbook-list-item:nth-child(2):before {
    content: "";
    display: block;
    position: absolute;
    top: -4.625rem;
    left: 50%;
    background-image: url(/static/media/arrow2.3c24cade.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: .9375rem 3.375rem;
    width: .9375rem;
    height: 3.375rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-macbook-list-item:nth-child(2):before {
        background-size:.8125rem 2.75rem;
        width: .8125rem;
        height: 2.75rem;
        top: -3.375rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook-list-item:nth-child(2):before {
        display:none
    }
}

.gh-main-macbook-list-item:nth-child(3) {
    top: 4.375rem;
    right: -10rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-macbook-list-item:nth-child(3) {
        top:3.125rem;
        right: -6.25rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook-list-item:nth-child(3) {
        right: -8vw;
        top: -3vw
    }
}

.gh-main-macbook-list-item:nth-child(3):before {
    content: "";
    display: block;
    position: absolute;
    top: 4.375rem;
    left: -8.125rem;
    background-image: url(/static/media/arrow3.87399d52.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 9.625rem 1.5rem;
    width: 9.625rem;
    height: 1.5rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-macbook-list-item:nth-child(3):before {
        background-size:7.5rem 1rem;
        width: 7.5rem;
        height: 1rem;
        top: 2.5rem;
        left: -5.625rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook-list-item:nth-child(3):before {
        display:none
    }
}

.gh-main-macbook-list-item-image {
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 50%;
    box-shadow: 0 1.5rem 2.5rem 0 rgba(0,53,136,.15),0 .5rem .75rem 0 rgba(0,38,96,.06)
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook-list-item-image {
        width:64px;
        height: 64px
    }
}

.gh-main-macbook-list-item-title {
    margin: 1rem auto;
    color: #15191c;
    font-family: "CircularStd";
    font-size: .9rem;
    line-height: 1.4rem;
    /* font-weight: 700; */
    text-align: center;
    text-align-last: center;
    width: 169px;
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook-list-item-title {
        margin-top:.5rem;
        font-size: 1rem
    }
}

.gh-main-macbook-list-item-subtitle {
    color: #637293;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-main-macbook-list-item-subtitle {
        display:none
    }
}

.gh-main-academic {
    background: #f5f6fc;
    padding-top: 5rem;
    padding-bottom: 5rem;
    overflow-x: hidden
}

@media only screen and (max-width: 767px) {
    .gh-main-academic {
        padding-top:4rem;
        padding-bottom: 4rem
    }
}

.gh-main-academic-title {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: #15191c;
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    text-align-last: center;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-main-academic-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.gh-main-academic-title:before {
    content: "";
    background-image: url(/static/media/grid.58a3e04e.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    display: block;
    position: absolute;
    left: 0;
    top: -1.5rem;
    opacity: .4
}

@media only screen and (max-width: 767px) {
    .gh-main-academic-title:before {
        background-size:6rem 6rem;
        width: 6rem;
        height: 6rem
    }
}

.gh-main-academic-list {
    margin: 64px 16px 0
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-main-academic-list {
        display:flex;
        justify-content: center
    }
}

@media only screen and (min-width: 1024px) {
    .gh-main-academic-list {
        display:flex;
        justify-content: center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-academic-list {
        width:35rem;
        margin-top: 3rem;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-academic-list {
        margin-top:1.5rem
    }
}

.gh-main-academic-list-item {
    text-align: left;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-academic-list-item {
        width:100%;
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-academic-list-item {
        width:100%;
        display: block
    }
}

.gh-main-academic-list-item:first-child:before {
    content: "";
    background: #1ed761;
    width: 10.25rem;
    height: 10.25rem;
    display: block;
    position: absolute;
    left: -2.5rem;
    top: 8rem;
    border-radius: 50%;
    opacity: .3
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-academic-list-item:first-child:before {
        left:-8.75rem;
        top: 9.375rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-academic-list-item:first-child:before {
        background:rgba(41,52,249,.38);
        width: 12.5rem;
        height: 12.5rem;
        display: block;
        position: absolute;
        right: -5.625rem;
        top: -2.25rem;
        left: auto
    }
}

.gh-main-academic-list-item:first-child:after {
    content: "";
    background: rgba(144,19,254,.38);
    width: 5rem;
    height: 5rem;
    display: block;
    position: absolute;
    right: 2.0625rem;
    top: -3.375rem;
    border-radius: 50%;
    opacity: .3
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-academic-list-item:first-child:after {
        right:auto;
        left: -3.5625rem;
        top: -2.375rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-academic-list-item:first-child:after {
        right:auto;
        left: -3.5625rem;
        top: 3.125rem
    }
}

.gh-main-academic-list-item:nth-child(3):before {
    content: "";
    background: rgba(41,52,249,.38);
    width: 12.5rem;
    height: 12.5rem;
    display: block;
    position: absolute;
    right: -2.875rem;
    top: -4.75rem;
    border-radius: 50%;
    opacity: .3
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-academic-list-item:nth-child(3):before {
        right:-9.375rem;
        top: -23.75rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-academic-list-item:nth-child(3):before {
        background:#1ed761;
        width: 10.25rem;
        height: 10.25rem;
        left: -5rem;
        top: 5.25rem
    }
}

.gh-main-academic-list-item+.gh-main-academic-list-item {
    margin-left: 1rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-academic-list-item+.gh-main-academic-list-item {
        margin-top:1rem;
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-academic-list-item+.gh-main-academic-list-item {
        margin-top:.5rem;
        margin-left: 0
    }
}

.gh-main-academic-list-item-wrapper {
    background: #fff;
    width: 262px;
    padding: 2.5rem 1.5rem 1.5rem;
    box-shadow: 0 .25rem 1rem 0 rgba(92,102,133,.16);
    position: relative;
    z-index: 1;
    height: 100%
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-main-academic-list-item-wrapper {
        width:15rem;
        padding-right: 1.5rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-academic-list-item-wrapper {
        width:100%;
        height: auto;
        padding: 2rem 1.5rem 1.5rem 5.5rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-academic-list-item-wrapper {
        width:100%;
        height: auto;
        padding: 1.5rem 1rem 1rem
    }
}

.gh-main-academic-list-item-icon {
    width: 3rem;
    height: 3rem;
    display: block
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-academic-list-item-icon {
        position:absolute;
        top: 2rem;
        left: 1.5rem
    }
}

.gh-main-academic-list-item-title {
    margin-top: 2.5rem;
    color: #15191c;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 600
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-academic-list-item-title {
        margin-top:0;
        font-weight: 700
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-academic-list-item-title {
        margin-top:.5rem;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700
    }
}

.gh-main-academic-list-item-description {
    margin-top: 1rem;
    color: #637293;
    font-size: 1rem;
    line-height: 1.5rem
}

@media only screen and (max-width: 767px) {
    .gh-main-academic-list-item-description {
        margin-top:.875rem;
        font-size: .875rem
    }
}

.gh-hiw-1-holder {
    width: 77rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-hiw-1-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-hiw-1-holder {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-hiw-1-holder {
        width:90%
    }
}

.gh-hiw-1-title {
    max-width: 900px;
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    text-align: center;
    text-align-last: center;
    color: #15191c;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-hiw-1-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.gh-hiw-1-title:before {
    content: "";
    display: block;
    background-image: url(/static/media/grid-2.64c52fac.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    position: absolute;
    right: 0;
    top: -2.5rem;
    z-index: -1
}

@media only screen and (max-width: 767px) {
    .gh-hiw-1-title:before {
        background-size:6rem 6rem;
        width: 6rem;
        height: 6rem;
        top: -1.5rem
    }
}

.gh-hiw-1-list {
    position: relative;
    margin-top: 3rem
}

@media only screen and (max-width: 767px) {
    .gh-hiw-1-list {
        margin-top:2.5rem
    }
}

.gh-hiw-1-list .slick-dots {
    height: .4375rem;
    margin-top: 1.5rem;
    position: relative;
    bottom: auto;
    line-height: 0
}

.gh-hiw-1-list .slick-dots li {
    width: .4375rem;
    height: .4375rem;
    margin-left: .25rem;
    margin-right: .25rem
}

.gh-hiw-1-list .slick-dots li.slick-active button:before {
    background: #637293;
    color: transparent;
    opacity: 1
}

.gh-hiw-1-list .slick-dots li button {
    width: inherit;
    height: inherit;
    padding: 0;
    position: relative
}

.gh-hiw-1-list .slick-dots li button:before {
    width: .4375rem;
    height: .4375rem;
    line-height: .4375rem;
    border-radius: 50%;
    background: rgba(99,114,147,.3);
    color: transparent;
    opacity: 1
}

.gh-hiw-1-list .slick-initialized .gh-hiw-1-list-item-image {
    z-index: 1
}

.gh-hiw-1-list-item {
    transition: all .3s linear;
    cursor: pointer
}

@media only screen and (min-width: 1024px) {
    .gh-hiw-1-list-item {
        max-width:504px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-hiw-1-list-item {
        max-width:400px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-hiw-1-list-item {
        max-width:100%;
        text-align: center;
        text-align-last: center
    }
}

@media only screen and (max-width: 767px) {
    .gh-hiw-1-list-item {
        max-width:100%;
        text-align: center;
        text-align-last: center
    }
}

.gh-hiw-1-list-item+.gh-hiw-1-list-item {
    margin-top: 1rem
}

.gh-hiw-1-list-item-holder {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .gh-hiw-1-list-item-holder {
        padding:20px 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-hiw-1-list-item-holder {
        min-height:0;
        padding: 0;
        margin-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .gh-hiw-1-list-item-holder {
        min-height:0;
        padding: 0;
        margin-top: 40px
    }
}

.gh-hiw-1-list-item-arrow {
    width: 18px;
    height: 18px;
    margin-left: 4px
}

.gh-hiw-1-list-item_active {
    border-radius: .125rem;
    box-shadow: 0 .25rem 1rem 0 rgba(92,102,133,.16);
    background-color: #fff
}

.gh-hiw-1-list-item_active .gh-hiw-1-list-item-image {
    opacity: 1
}

@media only screen and (max-width: 1023px) {
    .gh-hiw-1-list-item_active {
        box-shadow:none;
        border-radius: 0
    }
}

.gh-hiw-1-list-item-title-text {
    font-family: "CircularStd";
    font-size: 1.5rem;
    font-weight: 700;
    color: #15191c;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .gh-hiw-1-list-item-title-text {
        font-size:1rem;
        line-height: 1.5
    }
}

.gh-hiw-1-list-item-title-free {
    background: #eff1f6;
    margin-left: .625rem;
    padding: .3125rem 1rem;
    color: #12b368;
    border-radius: .875rem;
    text-transform: uppercase;
    vertical-align: middle
}

.gh-hiw-1-list-item-subtitle {
    margin-top: .5rem;
    padding-right: 1.875rem;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem;
    color: #637293;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-hiw-1-list-item-subtitle {
        padding-right:0
    }
}

@media only screen and (max-width: 767px) {
    .gh-hiw-1-list-item-subtitle {
        padding-right:0;
        font-size: .875rem
    }
}

.gh-hiw-1-list-item-subtitle-link {
    color: #637293;
    text-decoration: underline
}

.gh-hiw-1-list-item-image {
    width: 100%;
    height: auto;
    opacity: 0;
    z-index: -1
}

@media only screen and (min-width: 1024px) {
    .gh-hiw-1-list-item-image {
        max-height:750px;
        max-width: 500px;
        position: absolute;
        right: 0;
        top: 70%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: all .3s linear
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-hiw-1-list-item-image {
        max-height:750px;
        max-width: 450px;
        position: absolute;
        right: 0;
        top: 60%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: all .3s linear
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-hiw-1-list-item-image {
        opacity:1
    }
}

@media only screen and (max-width: 767px) {
    .gh-hiw-1-list-item-image {
       display: none;
    }
}

.gh-hiw-1-list-item-link {
    display: flex;
    align-items: center;
    margin-top: 24px;
    color: #15191c
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-hiw-1-list-item-link {
        justify-content:center
    }
}

@media only screen and (max-width: 767px) {
    .gh-hiw-1-list-item-link {
        justify-content:center
    }
}

.gh-testimonials .slick-slider {
    margin-top: 3rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-testimonials .slick-slider {
        margin-top:1.5rem
    }
}

.gh-testimonials .slick-slider:before {
    content: "";
    display: block;
    width: 9.25rem;
    height: 9.25rem;
    background-image: url(/static/media/grid-2.64c52fac.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    position: absolute;
    top: -2.875rem;
    right: 1.875rem
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-testimonials .slick-slider:before {
        right:0
    }
}

@media only screen and (max-width: 767px) {
    .gh-testimonials .slick-slider:before {
        display:none
    }
}

.gh-testimonials .slick-list {
    width: 64rem;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .gh-testimonials .slick-list {
        padding-bottom:280px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-testimonials .slick-list {
        padding-bottom:280px;
        width: 52.5rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-testimonials .slick-list {
        width:44rem;
        box-shadow: 0 1rem 2.5rem 0 rgba(0,53,136,.15),0 .5rem .75rem 0 rgba(0,38,96,.06)
    }
}

@media only screen and (max-width: 767px) {
    .gh-testimonials .slick-list {
        width:100%;
        box-shadow: 0 1rem 2.5rem 0 rgba(0,53,136,.15),0 .5rem .75rem 0 rgba(0,38,96,.06)
    }
}

.gh-testimonials .slick-slide {
    margin-top: 0
}

.gh-testimonials .slick-arrow {
    background: #fff;
    width: 3rem;
    height: 3rem;
    margin-top: -1rem;
    border-radius: 50%;
    z-index: 1;
    transition: background .3s linear
}

.gh-testimonials .slick-arrow:hover {
    background: #f2f5fa
}

.gh-testimonials .slick-arrow:active {
    background: #e1e3e8
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-testimonials .slick-arrow {
        top:13.5rem;
        margin-top: 0
    }
}

.gh-testimonials .slick-arrow:before {
    display: none
}

.gh-testimonials .slick-arrow:after {
    background: url(/static/media/arrow.29815bbd.svg) no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.gh-testimonials .slick-prev {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    left: 0;
    box-shadow: 0 -.25rem .5rem 0 rgba(92,102,133,.24)
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-testimonials .slick-prev {
        left:-1.5rem;
        -webkit-transform: translate(0) rotate(180deg);
        transform: translate(0) rotate(180deg)
    }
}

.gh-testimonials .slick-next {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .625rem;
    box-shadow: 0 .25rem .5rem 0 rgba(92,102,133,.24)
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-testimonials .slick-next {
        right:-1.5rem;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.gh-testimonials .slick-dots {
    height: .4375rem;
    margin-top: 1.5rem;
    position: relative;
    bottom: auto
}

@media only screen and (min-width: 1024px) {
    .gh-testimonials .slick-dots {
        margin-top:-260px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-testimonials .slick-dots {
        margin-top:-260px
    }
}

.gh-testimonials .slick-dots li {
    width: .4375rem;
    height: .4375rem;
    margin-left: .25rem;
    margin-right: .25rem;
    padding: 0;
    vertical-align: top
}

.gh-testimonials .slick-dots li.slick-active button {
    background: #637293
}

.gh-testimonials .slick-dots button {
    background: #eff1f6;
    width: inherit;
    height: inherit;
    padding: inherit;
    border-radius: 50%
}

.gh-testimonials .slick-dots button:before {
    display: none
}

.gh-testimonials-holder {
    width: 77rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-testimonials-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-testimonials-holder {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-testimonials-holder {
        width:90%
    }
}

.gh-testimonials-title {
    font-family: "CircularStd";
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .gh-testimonials-title {
        font-size:1.5rem;
        line-height: 1.875rem
    }
}

.gh-testimonials-item {
    position: relative
}

.gh-testimonials-item-description {
    background: #fff;
    width: 400px;
    padding: 40px 16px;
    position: absolute;
    top: 24px;
    left: 610px;
    border-radius: .125rem;
    box-shadow: 0 .5rem 1.25rem 0 rgba(0,53,136,.15),0 .25rem .375rem 0 rgba(0,38,96,.06)
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-testimonials-item-description {
        width:336px;
        left: 29.625rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-testimonials-item-description {
        position:relative;
        -webkit-transform: none;
        transform: none;
        width: auto;
        height: auto;
        top: auto;
        left: auto;
        box-shadow: none;
        padding: 1.5rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-testimonials-item-description {
        position:relative;
        -webkit-transform: none;
        transform: none;
        width: auto;
        height: auto;
        top: auto;
        left: auto;
        box-shadow: none;
        padding: 1.5rem 1rem
    }
}

.gh-testimonials-item-title {
    font-family: "CircularStd";
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .gh-testimonials-item-title {
        font-size:18px;
        line-height: 24px
    }
}

.gh-testimonials-item-subtitle {
    font-size: 14px;
    line-height: 24px;
    color: #637293
}

.gh-testimonials-item-text {
    font-family: "CircularStd";
    font-size: 16px;
    line-height: 24px;
    color: #637293;
    margin-top: 16px
}

.gh-testimonials-item-image {
    background-size: 44.5rem 28rem;
    background-repeat: no-repeat;
    width: 44.5rem;
    height: 28rem
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-testimonials-item-image {
        margin-left:1rem
    }
}

@media only screen and (max-width: 1023px) {
    .gh-testimonials-item-image {
        width:100%;
        height: auto;
        background-size: cover
    }
}

.gh-faq {
    margin-top: 5rem
}

@media only screen and (max-width: 767px) {
    .gh-faq {
        margin-top:4rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-faq .accordion__icon {
        top:0
    }
}

.gh-faq-holder {
    width: 51rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-faq-holder {
        width:39rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-faq-holder {
        width:39rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-faq-holder {
        width:90%
    }
}

.gh-faq-holder .accordion__group {
    border-top: .0625rem solid #eff1f6;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media only screen and (max-width: 767px) {
    .gh-faq-holder .accordion__group {
        padding-top:1.25rem;
        padding-bottom: 1.25rem
    }
}

.gh-faq-holder .accordion__group:last-child {
    border-bottom: .0625rem solid #eff1f6
}

.gh-faq-holder .accordion__body {
    padding-top: .5rem
}

.gh-faq-holder .accordion__toggle {
    position: relative
}

.gh-faq-title {
    margin-bottom: 2rem;
    color: #15191c;
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-faq-title {
        font-size:1.5rem;
        line-height: 2rem;
        margin-bottom: 1.5rem
    }
}

.gh-faq-item-title {
    color: #15191c;
    font-family: "CircularStd";
    font-size: 1.25rem;
    line-height: 2rem;
    padding-right: 25px
}

@media only screen and (max-width: 767px) {
    .gh-faq-item-title {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.gh-faq-item-text {
    color: #637293;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem
}

@media only screen and (max-width: 767px) {
    .gh-faq-item-text {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

.gh-faq-item-text a {
    text-decoration: underline;
    color: #637293
}

.gh-faq-item-icon {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: .25rem;
    right: 0
}

@media only screen and (max-width: 767px) {
    .gh-faq-item-icon {
        top:0
    }
}

.accordion__group_active .gh-faq-item-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.price {
    position: relative
}

.price:before {
    content: "";
    background: url(/static/media/grid-blue.354b4e24.svg) no-repeat;
    width: 148px;
    height: 148px;
    position: absolute;
    opacity: .4
}

@media only screen and (min-width: 1024px) {
    .price:before {
        left:206px;
        top: 40px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .price:before {
        left:16px;
        top: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .price:before {
        left:-74px;
        top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .price:before {
        left:-74px;
        top: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .price {
        padding:96px 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .price {
        padding:80px 0
    }
}

@media only screen and (max-width: 767px) {
    .price {
        padding:64px 0
    }
}

.price__title {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    color: #15191c;
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .price__title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .price__title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .price__title {
        font-size:24px;
        line-height: 32px
    }
}

.price__switcher {
    max-width: 345px;
    background: #2934f9;
    border-radius: 48px;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: space-between;
    padding: 3px;
    margin: 24px auto 0;
    position: relative
}

.price__switcher-item {
    border-radius: 48px;
    cursor: pointer;
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .price__switcher-item {
        padding:12px 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .price__switcher-item {
        padding:12px 24px
    }
}

@media only screen and (max-width: 767px) {
    .price__switcher-item {
        padding:12px 17px
    }
}

.price__switcher-item_1 {
    background: #fff;
    color: #15191c;
    box-shadow: 0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15)
}

@media only screen and (min-width: 1024px) {
    .price__items {
        display:flex;
        justify-content: space-between;
        margin: 48px auto 0;
        max-width: 816px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .price__items {
        margin:48px 16px;
        display: grid;
        grid-auto-rows: 1fr
    }
}

@media only screen and (max-width: 767px) {
    .price__items {
        margin:48px 16px;
        display: grid;
        grid-auto-rows: 1fr
    }
}

.price__item {
    padding: 40px 24px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(92,102,133,.16);
    border-radius: 2px;
    min-height: 368px
}

@media only screen and (min-width: 1024px) {
    .price__item {
        width:400px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .price__item {
        margin-top:8px
    }

    .price__item:first-child {
        margin-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .price__item {
        margin-top:8px
    }

    .price__item:first-child {
        margin-top: 0
    }
}

@media only screen and (min-width: 1024px) {
    .price__item_1 {
        margin:0 auto
    }
}

.price__item-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.price__item-title span {
    font-size: 16px;
    line-height: 19px
}

.price__item-title-price-light {
    opacity: .68
}

.price__item-title-value {
    color: #15191c;
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .price__item-title-value {
        font-size:24px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .price__item-title-value {
        font-size:24px;
        line-height: 28px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .price__item-title-value {
        font-size:24px;
        line-height: 28px
    }
}

@media only screen and (max-width: 767px) {
    .price__item-title-value {
        font-size:18px;
        line-height: 24px
    }
}

.price__item-title-price {
    font-size: 17px;
    line-height: 20px;
    text-align: right;
    color: #15191c
}

.price__item-title-price strong {
    font-size: 24px
}

.price__item-list {
    margin-top: 40px
}

.price__item-list-item {
    font-size: 16px;
    line-height: 19px;
    color: #637293;
    margin-top: 14px;
    position: relative;
    padding-left: 28px
}

.price__item-list-item:before {
    content: "";
    background: url(/static/media/ic-check.15398367.svg) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0
}

.price__item-list-item:first-child {
    margin-top: 0
}

.price__item-list-item a {
    color: #637293;
    text-decoration: underline
}

.price__details {
    font-size: 16px;
    line-height: 19px;
    color: #15191c;
    opacity: .68;
    margin-top: 24px
}

.cookie-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 20px;
    z-index: 10001;
    background: rgba(0,0,0,.82);
    font-family: "CircularStd";
    letter-spacing: 0
}

.cookie-popup__holder {
    max-width: 1022px;
    margin: 0 auto;
    position: relative
}

.cookie-popup__text {
    font-size: 20px;
    line-height: 1.6;
    color: #fff
}

.cookie-popup__text-1 {
    color: #d4d9ed;
    max-width: 700px;
    line-height: 1.5;
    font-size: 16px
}

.cookie-popup__link {
    color: #1ed760
}

.cookie-popup__btn {
    width: 104px;
    height: 44px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 1px rgba(18,173,100,.5);
    position: absolute;
    right: 0;
    top: 24px;
    border-radius: 2px;
    background-color: #1ed760;
    box-shadow: 0 4px 8px 0 rgba(18,173,100,.4)
}

@media only screen and (max-width: 1023px) {
    .cookie-popup__btn {
        position:static;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .cookie-popup__text-1 {
        margin: 0 0 20px
    }
}

.gh-main-holder {
    width: 77rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-main-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-holder {
        width:45.25rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-holder {
        width:90%
    }
}

.gh-main-hero {
    background-color: #000;
    background-image: url(/static/media/bg-main-photo@1x.d64ebf91.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .gh-main-hero {
        background-image:url(/static/media/bg-main-photo@2x.70f9c380.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),only screen and (min-device-pixel-ratio:3),only screen and (min-resolution:3dppx),only screen and (min-resolution:288dpi) {
    .gh-main-hero {
        background-image:url(/static/media/bg-main-photo@2x.70f9c380.jpg)
    }
}

@media only screen and (min-width: 1024px) {
    .gh-main-hero {
        height:720px;
        padding-top: 184px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-hero {
        height:720px;
        padding-top: 184px
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-hero {
        background-position:75%;
        height: 667px;
        padding-top: 140px
    }
}

.gh-main-hero .landing-input-error-msg {
    color: #fff
}

.gh-main-hero-title {
    color: #fff;
    font-family: "CircularStd";
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-main-hero-title {
        font-size:2rem;
        line-height: 2.5rem
    }
}

.gh-main-hero-subtitle {
    color: #fff;
    font-family: "CircularStd";
    max-width: 510px;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .gh-main-hero-subtitle {
        margin:24px auto 0;
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-main-hero-subtitle {
        margin:24px auto 0;
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-hero-subtitle {
        margin:16px auto 0;
        font-size: 16px
    }
}

.gh-main-hero-form {
    margin-top: 3rem
}

@media only screen and (max-width: 767px) {
    .gh-main-hero-form .landing-form.is-open {
        width:100%;
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .gh-main-hero-form {
        margin-top:4rem
    }
}

.gh-main-hero-description {
    margin-top: 3rem;
    color: #d4d9ed;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-main-hero-description {
        margin-top:1.5rem;
        font-size: .875rem
    }
}

@media only screen and (min-width: 1024px) {
    .lp5__section-4 {
        padding:96px 0 120px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp5__section-4 {
        padding:96px 0 120px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp5__section-4 {
        padding:80px 0
    }
}

@media only screen and (max-width: 767px) {
    .lp5__section-4 {
        padding:64px 0 56px
    }
}

.teacher-parents {
    background: #f5f6fc;
    overflow: hidden
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .teacher-parents {
        padding:80px 24px
    }
}

@media only screen and (min-width: 1024px) {
    .teacher-parents {
        padding:80px 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .teacher-parents {
        padding:80px 16px
    }
}

@media only screen and (max-width: 767px) {
    .teacher-parents {
        padding:80px 16px
    }
}

.teacher-parents__item {
    margin: 0 auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .teacher-parents__item {
        display:flex;
        justify-content: space-between;
        max-width: 1158px
    }
}

@media only screen and (min-width: 1024px) {
    .teacher-parents__item {
        display:flex;
        justify-content: space-between;
        max-width: 1158px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .teacher-parents__item {
        text-align:center;
        max-width: 488px
    }
}

@media only screen and (max-width: 767px) {
    .teacher-parents__item {
        text-align:center;
        max-width: 488px
    }
}

.teacher-parents__item_2 {
    margin-top: 100px;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .teacher-parents__item_2 {
        display:flex;
        flex-direction: column-reverse
    }
}

@media only screen and (max-width: 767px) {
    .teacher-parents__item_2 {
        display:flex;
        flex-direction: column-reverse
    }
}

.teacher-parents__item_2:before {
    content: "";
    background: url(/static/media/grid-blue.354b4e24.svg) no-repeat;
    opacity: .4;
    position: absolute;
    background-size: contain
}

@media only screen and (min-width: 1024px) {
    .teacher-parents__item_2:before {
        top:-145px;
        left: 420px;
        width: 148px;
        height: 148px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .teacher-parents__item_2:before {
        top:-130px;
        left: 255px;
        width: 148px;
        height: 148px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .teacher-parents__item_2:before {
        top:-165px;
        right: -355px;
        width: 226px;
        height: 226px
    }
}

@media only screen and (max-width: 767px) {
    .teacher-parents__item_2:before {
        top:-165px;
        left: -180px;
        width: 226px;
        height: 226px
    }
}

.teacher-parents__right_1 {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .teacher-parents__right_1:before {
        content:"";
        right: -60px;
        bottom: 200px;
        width: 80px;
        height: 80px;
        position: absolute;
        background: url(/static/media/oval1.5aeaa9cd.svg) no-repeat
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .teacher-parents__right_1:before {
        display:none
    }
}

.teacher-parents__title {
    font-weight: 700;
    color: #15191c
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .teacher-parents__title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 1024px) {
    .teacher-parents__title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .teacher-parents__title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (max-width: 767px) {
    .teacher-parents__title {
        font-size:18px;
        line-height: 24px
    }
}

.teacher-parents__title_1 {
    position: relative
}

.teacher-parents__title_1:before {
    content: "";
    width: 164px;
    height: 164px;
    background: url(/static/media/oval.a5b9c09c.svg) no-repeat;
    top: 0;
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .teacher-parents__title_1:before {
        right:-110px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .teacher-parents__title_1:before {
        right:-150px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .teacher-parents__title_1:before {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .teacher-parents__title_1:before {
        display:none
    }
}

.teacher-parents__title_2 {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .teacher-parents__title_2:before {
        content:"";
        width: 164px;
        height: 164px;
        background: url(/static/media/oval2.da4312f9.svg) no-repeat;
        top: 105px;
        left: -20px;
        position: absolute
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .teacher-parents__title_2:before {
        display:none
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .teacher-parents__left {
        margin-right:90px
    }
}

@media only screen and (min-width: 1024px) {
    .teacher-parents__left {
        margin-right:90px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .teacher-parents__img {
        margin:0 auto
    }
}

@media only screen and (max-width: 767px) {
    .teacher-parents__img {
        margin:0 auto
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .teacher-parents__img {
        max-width:365px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .teacher-parents__img {
        max-width:365px
    }
}

@media only screen and (max-width: 767px) {
    .teacher-parents__img {
        max-width:100%
    }
}

.teacher-parents__text {
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
    color: #637293
}

.teacher-parents__link {
    font-size: 16px;
    line-height: 20px;
    color: #15191c;
    margin-top: 24px;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .teacher-parents__link {
        justify-content:center
    }
}

@media only screen and (max-width: 767px) {
    .teacher-parents__link {
        justify-content:center
    }
}

.teacher-parents__link img {
    margin-left: 8px
}

.lp5__section-8 {
    padding-bottom: 96px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp5__section-8 {
        padding-top:210px
    }
}

.gh-landing-form-title {
    max-width: 38rem;
    margin-left: auto;
    margin-right: auto;
    font-family: "CircularStd";
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-align-last: center;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .gh-landing-form-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.gh-landing-form-avatars {
    background-image: url(/static/media/geeks@3x.b9e89292.png);
    background-repeat: no-repeat;
    background-size: 7rem 3.25rem;
    width: 7rem;
    height: 3.25rem;
    margin-top: 1.5rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .gh-landing-form-avatars {
        margin-top:1rem
    }
}

.gh-ladning-form-average-rate {
    margin-top: 1rem;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-align: center;
    text-align-last: center;
    color: #637293
}

.gh-ladning-form-average-rate-star,.gh-ladning-form-average-rate span {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.gh-ladning-form-average-rate-star {
    background-image: url(/static/media/star-filled.8cc8dc1a.svg);
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    margin-top: .25rem
}

.gh-landing-form-aux {
    margin-top: 1.5rem
}

@media only screen and (max-width: 767px) {
    .gh-landing-form-aux {
        margin-top:1rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-landing-form-aux .gh-landing-form {
        margin-top:0;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 767px) {
    .gh-landing-form-aux .gh-landing-form.is-open {
        align-items:baseline
    }
}

.gh-header {
    background: #15191c;
    height: 4.5rem;
    padding-top: .875rem;
    padding-bottom: .875rem;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: background .3s ease
}

.gh-header_transparent {
    background-color: initial
}

.gh-header__holder {
    position: relative;
    font-family: "CircularStd";
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .gh-header__holder {
        padding-left:16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-header__holder {
        width:768px;
        padding-left: 32px;
        padding-right: 32px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-header__holder {
        width:1024px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .gh-header__holder {
        width:1232px
    }
}

.gh-header-logo {
    display: inline-block;
    vertical-align: middle
}

.gh-header-logo-link {
    width: 160px;
    height: 40px;
    display: block
}

.gh-header-pages {
    float: right;
    padding-right: .5rem;
    border-right: .0625rem solid rgba(239,241,246,.2)
}

.gh-header-pages-item {
    padding-right: 2.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle
}

.gh-header-pages-item-link {
    font-size: 1.125rem;
    line-height: 1.33;
    color: #fff
}

.gh-header-actions {
    margin-left: .3125rem;
    float: right
}

.gh-header-actions__inner {
    border-top: .0625rem solid #eff1f6;
    padding: 1.5rem 1rem 1rem;
    overflow-y: auto
}

.gh-header-actions__inner .gh-header-actions-item {
    margin-left: 0;
    text-align: center;
    text-align-last: center
}

.gh-header-actions__inner .gh-header-actions-item__user {
    text-align: left;
    text-align-last: left
}

.gh-header-actions__inner .gh-header-actions-item__sign-up {
    background: #1ed760;
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.33;
    color: #fff;
    font-weight: 400;
    padding-top: .6875rem;
    padding-bottom: .625rem;
    border-radius: .125rem;
    box-shadow: 0 .25rem .5rem 0 rgba(18,173,100,.4)
}

.gh-header-actions__inner .gh-header-actions-item__login {
    width: 100%;
    margin-top: 1.125rem;
    font-size: 1.125rem;
    line-height: 1.33;
    font-weight: 400;
    color: #637293
}

.gh-header-actions-item {
    margin-left: 2.6875rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: 1.125rem;
    line-height: 1.33;
    color: #fff;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.gh-header-actions-item__sign-up {
    color: #1ed760;
    font-weight: 700;
    padding: .625rem 1.4375rem;
    border: .125rem solid rgba(30,215,96,.2);
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    border-radius: .25rem;
    margin-top: -4px
}

.gh-header-hamburger {
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    top: .585rem;
    right: 0;
    cursor: pointer
}

.gh-header-hamburger span {
    background: #1ed760;
    width: 100%;
    height: 2px;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    position: absolute;
    border-radius: .25rem
}

.gh-header-hamburger span:after,.gh-header-hamburger span:before {
    content: "";
    background: #1ed760;
    width: 100%;
    height: .125rem;
    display: block;
    left: 0;
    right: 0;
    position: absolute
}

.gh-header-hamburger span:before {
    top: -.375rem
}

.gh-header-hamburger span:after {
    top: .375rem
}

.gh-header-mobile-menu {
    background: #fff;
    border: .5rem solid #031b4e;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    z-index: 10001;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .2s ease,right .2s ease;
    display: block;
    overflow-y: auto;
    height: 100vh;
    max-height: 100%
}

.gh-header-mobile-menu-close {
    width: 1.5rem;
    height: 1.5rem;
    padding-top: 0;
    position: absolute;
    top: 1rem;
    right: 1rem;
    margin-top: 0;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gh-header-mobile-menu-close:before {
    background: #d4d9ed;
    content: "";
    display: block;
    position: absolute;
    width: 1.5rem;
    height: .125rem;
    top: 50%;
    left: 0;
    margin-top: -.0625rem
}

.gh-header-mobile-menu-close:after {
    background: #d4d9ed;
    content: "";
    display: block;
    position: absolute;
    width: .125rem;
    height: 1.5rem;
    top: 50%;
    left: .6875rem;
    margin-top: -.75rem
}

.gh-header-mobile-menu__opened {
    right: 0
}

.gh-header-mobile-menu__opened,.gh-header-mobile-menu__opened .button {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.gh-header-mobile-menu-list {
    margin-top: 4.625rem;
    margin-bottom: 25px
}

.gh-header-mobile-menu-list-item {
    margin-top: 1rem
}

.gh-header-mobile-menu-list-item-link {
    padding-left: 1.5rem;
    color: #637293;
    font-size: 1.125rem;
    line-height: 1.33;
    display: block
}

.gh-header_1,.gh-header_2 {
    padding-top: 0;
    height: auto
}

.gh-header_1 .gh-header__holder,.gh-header_2 .gh-header__holder {
    margin-top: 12px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-header__holder {
        width:704px
    }

    .gh-header-hamburger {
        display: block
    }

    .gh-header-actions,.gh-header-pages {
        display: none
    }

    .gh-header-actions__inner {
        display: block
    }

    .gh-header-mobile-menu {
        width: 44rem;
        height: auto;
        top: .5rem;
        bottom: auto;
        border: none;
        border-radius: .125rem;
        box-shadow: 0 .25rem 1rem 0 rgba(0,0,0,.5)
    }

    .gh-header-mobile-menu__opened {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .gh-header-actions__inner {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: 3rem
    }

    .gh-header-mobile-menu-list {
        margin-top: 4rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        -webkit-column-count: 2;
        column-count: 2
    }

    .gh-header-mobile-menu-list-item:first-child {
        margin-top: 0
    }

    .gh-header-mobile-menu-list-item-link {
        padding-left: 0;
        display: -moz-inline-stack;
        display: inline-block;
        *display: inline;
        *zoom:1;vertical-align: top
    }

    .gh-header-actions,.gh-header-pages,.gh-header-support,.gh-header-user,.gh-header-user-balance {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .gh-header__holder {
        width:90%
    }

    .gh-header-hamburger {
        display: block
    }

    .gh-header-actions,.gh-header-pages {
        display: none
    }

    .gh-header-actions__inner {
        display: block
    }

    .gh-header-actions,.gh-header-pages,.gh-header-support,.gh-header-user,.gh-header-user-balance {
        display: none
    }
}

.gh-footer {
    background: #15191c;
    height: 19.25rem;
    padding-top: 2.25rem;
    padding-bottom: 1.5rem
}

.gh-footer__holder {
    width: 77em;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: "CircularStd";
    position: relative
}

.gh-footer__logo-link {
    width: 160px;
    height: 40px;
    display: block
}

.gh-footer__column {
    min-height: 4.75em;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.gh-footer__column+.gh-footer__column {
    margin-left: 3em
}

.gh-footer__column-item+.gh-footer__column-item {
    margin-top: .5em
}

.gh-footer__column-item-link {
    font-size: .875em;
    line-height: 1.43;
    color: #d4d9ed
}

.gh-footer__logos {
    position: absolute;
    top: 1.75em;
    right: 0
}

.gh-footer__icons {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative;
    width: 160px
}

.gh-footer__icons-item {
    background-repeat: no-repeat;
    background-size: 2.75em 1.75em;
    width: 2.75em;
    height: 1.75em;
    display: inline-block;
    vertical-align: top;
    margin-top: 12px
}

.gh-footer__icons-title {
    font-size: .875em;
    line-height: 1.125;
    color: #d4d9ed
}

.gh-footer__icons-item {
    margin-right: .5em
}

.gh-footer__icons-item_paypal {
    background: url(/static/media/paypal-1.fd778a06.svg) no-repeat 0 0;
    width: 44px;
    height: 28px
}

.gh-footer__icons-item_google {
    background: url(/static/media/google.db3b6ad6.svg) no-repeat 0 0;
    width: 44px;
    height: 28px
}

.gh-footer__icons-item_visa {
    background-image: url(/static/media/visa.dcc2804c.svg)
}

.gh-footer__icons-item_mastercard {
    background-image: url(/static/media/master.80173a65.svg)
}

.gh-footer__icons-item_amex {
    background-image: url(/static/media/amex.c10ef6db.svg)
}

.gh-footer__icons-item_discover {
    background-image: url(/static/media/discover.c436c7bd.svg)
}

.gh-footer__secured {
    margin-left: 4.3125em;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.gh-footer__secured p {
    font-size: .875em;
    line-height: 1.125;
    margin-bottom: 5px;
    color: #d4d9ed
}

.gh-footer__secured-item {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.gh-footer__secured-item+.gh-footer__secured-item {
    margin-left: 1em
}

.gh-footer__secured-item_mcfee {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQIAAAB4CAMAAAAuXwxxAAAC/VBMVEUAAAD2+/bh5uPr9ev2+/bw9vD0+fT0+vT2+vb1+vX0+fTz+PP09/T1+vX1+vX1+fX1+vX0+fTx+PL1+vXu9u32+/bx9fH1+vX1+vX2+/b1+vX2+/b0+fT1+fX0+fTy9/L1+vX0+fT0+PTz+PT0+fT1+/X2+/b1+vX0+fTz+PP1+vXz+PPy+fPz9/P1+vX1+vXv9e/0+PT1+vX0+fT1+vX0+PT0+fT0+fT1+vX1+vX0+PT0+fT0+fT0+PT1+vX1+vWpq6yvr7HPz9HDxca8vb7Q0dKsrq+5u7zBw8O7vb3Z2ty/vr/EwsPs7O2eoaKwsrOTlJavsbLb3NzOz9CcnJ7e3t+EhYfR1NXf4OHJy8yPkJHT1dXi4uPY2tvf4OFzc3V/f4KoqaqanJ3Gx8nv7+/x8fJpamz////2+/b7//v5/vn4/fjNAC7OAC79/f3+/f25BDWMECK/ADO2BjbQAC/89/izBjajpaafoaLCADPKADD8+vvGADDS1NWuCji8AjPHACynqaqnDDm7BDWxCDjBACyKCRzJAB+qDTmcDiWpBye2t7iiCCW7vL2IESHk5eWsrq+jDzr4+PnDxMaYmZu1AR3b3N2/wMGUDiOIiYpwcXNlZmhcXF7EADKtBizn5+jX2NiAgYPEASWQABOcnZ5qa22jAhjOz9CEAhTKy8y2AiqyBSjv7++xs7R3d3m8Ayq8ASD68vXe3+Dx197htb7XaoCrCjjvztbHyMnNACmqARuZAhX57fDlwMmSk5XDABqBAQvx8fGVlpe3WGmuR16MFUCbEzyGBDHp6erqyNGMjo+lDSnKAyaPkZKUEz319fbz8/Tr7OzSAC/15+ulSWRTVFbqrLuzN0/JLk704OXh4uLFb4HYkqHJg5Dcdo3EZ3q9Y3DFQ12qKEbRjp3TR2S6SF+uGzSPDy/eprPgh5zTg5XUWXPAGjbJEjGbAinPeIyzIzvtusfdrbjll6nLI0SdCTHvw86wXXmqQVjYprHWnam8dYmLAQWmGC6fNEW9QtB4AAAAZ3RSTlMA/AQI9w4rTuPLVDwZ7J+5kVoL0xX0EtnP7nD5gmdjL982Fm1f8el9eEHWSygkwuYdwLSaiyCkh6eVdbBGMqvG7UEyK15DzebNg08jF9v25tGrgW1rWublvaqpmcm17t7Ji+vln/Tve8Q3rAAAHPxJREFUeNrtnAdYU1cUxx8JYYQ9wgph772nYmun3Xvv9XgJBAQqkSGgRhSkUGYZyiijbMRWUSoWbK1SrVprbR11dNipdu9+veOtEETEjs/KX7+ad1/eOL977znnjpSY1axmNatZzWpWs5rVrGY1q1nNalazmtUMJBBaiqwDrrnhhrstPGTuDnFxPlBxcQ7uMicLsb7vXGMbkVBA/E8lunH+/BvuePD+hx96pLq0tHHHvn09o6N79+wpL89WKlNIqJRsiW1o/FPRHq7OgTbE/0nCmwKvufPOB69/8t7cwepB8PdQaSNA0AMAYPsxAE7ZEoObY7zd79YzFhGXviyvufqO66+/rqIjF6mpGpgPATQ2lg5WN+GypurB0h2j2RwIGsqoy82hT91xdwhxqUogvPHKBddef11xScXQ0FBnRwewH1jdMVRR0ps5NtbaqlJlaggcF1d0VJeOlmcDBtnlUHt6Gktvvu/hG+bbXHIOwvLGqxfcX1bWW1xcUlJTAQB0dg5VFAMrK3ePVxYU11R0NA3u6NlbrsTK3tOz41BTZ0VNcVnl7srMgrKK6sZ9e8uzy/eM9qAG0/TQg3fOv6Tcg2DBFWVlBZAAAFBRUVKWqRqp3d2aWVaTCyqZnErZPaW5NeD7YyOZxTW5jaN79+5rPDQImk/1vff/4y1BaBzg7BzoJvg7EFxbAAD0gibQW6AarwUVW5I72Lg3hZy29jRWN9Vkto7UqoqHqhtLDwG/UXzrTQRPRhZQHka8p/p7oDJX4jwK8MDXuk1ourIwO5fgYBdDi5nQ00YAekFZwUhtbW1lb+dgzx4lOQOV9xzqKB6rHR8vGGpqKlbdeiP/EfMk9kC6ZiLOMj9cFHO+8BwusYfylGkUGydIlEoKSCm74CqXxSTERBhrIRhpBlXYsa9cSV6MlOWjTb2Vzc2ZBapbryI4RbpQCiDKnqtzHx05LCKDhMSUCjSgFFBUmIBfjQmJikQs/Qsk4BZlJvPVjzX05yO4oqy3tbZiRzb5N2nf7rqyzCv4CIy8EpGUDgLGhlAKl9gZE1PKQ06bahLAL5XQN6TkvhfYBkzDAiziZHpOtnoaCIord+8h/z6VtQEEVxKcxJ6JSJSZNV0y10SOS1wCpn7jGKa2pQ7apbp2VrbOF4bA1SokztA7Nsja3JSPoLe4ciz77yOQUtZWUKCBwEeXtkNnDv1MHyUukHsaTd0P7OFV4E+iIlTIdSw71IYkMuOQQFQ6fUWbEz6h+h5WroFWGghKKltRANh49JeXX355y871H7z6bHZ2dgrSOS2FyoZat3/9zi1bXn7526NbUuCJ3rqCglv4CEwTaZHmAuzNzACC6fRld2A8liLYl6tKW4TAbAYBMTaOcLCaZ+AuCLHjIbgVIFAhSz/6/bWXXlqx4oVT2//8+fVt244fP3748JmjH3105NfPXoZsgOC/3/7y60cfHT362+Fjx49v27bt5z//fPvUwhUvvfTaa7+h25RABDfwnhDEGuyCY5u/lCmg3KfsB2Z0IwAkdLzZYl8XhCCWuHD5mBLe0YHAGfryWoHw1uKSyjJUfUdffGHhwoUrViBzsF6CWgG0cMVCRivQN/jfAQWg/NSbv6H+VFOXqYHAxo5im7MFemSsEhUAkRHCqXqulyKRkdKM/eYcA4TAfAYInP0iHcJFPmFETOwEBMUQQfbhF194YeFzQAs1tUJLC7X03MJTb7z5E0JQMQGBnoucNQTFtkAT2jUABAlTpdKOuB+gy6lgZzbC4FYQoZkqzPGQycRzJ3YOoauFTObhyz7Fx08/BECMMTPmfee6kprKEhLo2eMvvrBqFaAALeIL2KcljfNAL5x6AyB4djIEvp4Ktjl76cEeDm3C1lFBIVzGN1fs4+jt7m/MFuDQ6TkPuVOlB3KQ4abhYTgmWoWbmka50phj7YI9JRITFzMPS4KTjU+oi4lEYm9gGBFI39M7KNw7Ij4M8eQjqEEItr24atUqdZa6v7+ru7t7bVFR0erVq4Be0BYsXr36raKitUhLFi16GyB4FyEYqlNpIBAncpL6QN8AP2EqcttAphbjguwlUh2prsTW3Jq2Czf4ef4oqJJRIsgThVNOqGeJvIMTKbkiEaRQcmkoG2QE+oY6cgrwV8ipRBeZEBe6+phHi0XERAQVHIL8dzIy3sECn5KTk7KSsrLy88FfRllQSUnJGUhZOWsWL05LTeUQdEIE1xCsHCjOqcnnCQlXCTpGUpjQ1ehvyHV7XT1+XiQ3D7GTo5gAi32DFczdWAQ2MRpYvPxpAu66GrS03A6HoKaitYaHICMJCdm4qZDWJmAsIgP+wxYmZSRl5QACaXnLUlO381sBPy+wjCUTWSnA+0XT5mMrxASUzB5ywpJb4bghMiXRoVhojj5QMhYBJwvoXTEBkN1T6AI/3MrFuL9Q4JUU6HnuUyEoYRGszspIBtZDAslJm75/hdb7A0kQDTyz62O67MtlLaCBQARpDIJ1yBe0qfjZoXGYEr0ArhIq1tpPjo9xSIhDDUWqoBGB5iwPEuEUEsUDhYsxIS5HpoVZAgQsKx3UwC3Y5EGa4O6eIEUs4BeJSJw9KOZ5yyIMFMih+p4j9l5XM6TSQMASSN76yrO0ftmcD4uBdn31DV32wcmqDNAKFq9BCJ5nEdS0ZfLHCAF2FLLEFJsc6m+AzPWLwkgiBCD4MTHDMyghzJYKQwgEDgidMlxIBBhgv6gHgHo4WZjjhNtM7OHhFEnYGKKT9h7gKhuZJ5tzyjCBcGNQzXMNEQPTcyGo6FSVpDAI3gIIkpmeMHCEpLX/7AA4RlhOMOOJdZ9UJSfhVpCHEeCOUKKJwDUYPT7U1QBVpb04CCFw1McIEizB2IUmYOZqKRS6uTsIUT8woxACJ/AxFPcluiXrB8t5QdFXooD3pc+5U5Czt4CwjlfC4lAR9qyQO2UVMjmC6ys6MnsRguPDCEEyagGw0gdeZtPhbe3gBCzc+iFT9uzhgWTYEzgEOCgWt2Xy5wvEOsjUeJtwZBLp4wNbqyTQVVeB2qkNEWKFKyzeRiOLkSBkaCAUgagxKbHYCyEwZ7wtDjViCyB9b10FehgxF7UseQIqFntAj6rwNDo3ggKE4Njw6tUAASSAesKmxetJRp+1twAEwD18/SOL5UhVPiCAESx7/u23cWqUUlBfoLpWxN7fh0SVaS4w0kU2zfMNBi8ZQziboHc3iUT1CGSgWUeOckQsVoCcIDowcdVGYBlOIs+AQNOhRu4SSIjlzCH3r1I2OYL7h3IzVTg7hAiSMhgCGbu+388i+ODTlgxYuOt9blD58mY1coeaCJQqiEDAultzJa58wjoUV7Z+jAKOGQNcsGNzJTywI4/RfC9DHB4SnGTuMh8cB6Te2ghsYpSJWpLoETJSu5j0mRzBHUO5ZSolrL4vAIKiJGQp6vaFH68jGa07vjkflGXgfoC1848B5AtQVIQIfkMIKtsKWm/npr7CKCZ6yVJwTBArqFBrwtgOv7uYcMAxz5vFhrs4nSRIdIHoXDLUUguBWzy+jUIh50QawZsiaRRHTz64vLsztxghID9bDRDQvgBwgAGBZPVruxqiafmGK1p/sAojQK1g+/Y3j6ZABLv7Cio5BMYoBipMjKBPQq8e7GrF93E+RBxG4EDwFaGDMwdG8Igy8NVCYJ2AEEgM5xny5Ey44/7hwi+2kk2O4OqO3BrVXlSrMOXNR74A/AEIPufNFmx8awB0kcL3X+WK9n9SBX0BQpAKEXyEJlLB5GHmAm6QRHs1ENCEdIbg4QgcACFIwNUXTrdZeQT//UTz+BkfQ0PHUQsBTqAUtgE21qzcwNy6Bb67Ey7GMrYkJtU1nbmdraXYSoBADQFgb9jyHslp3cEBULz1Q8YVIP8JEeBWkA4QnPoFlvbUjWcWXE0w8qdwE4a+zkmCHbs/avPmFD4i/HFdW/EDgtgEOAzeHywySDQRgcAbt4KJM2hGOBZ7E9PQVffm5o41oYb9aXtRkToDMoDdftdXO0mezlTtytil/oZf9EUVmx2mL93+w/YtsLC0fkyVyQ0RHLBjj4H2udFZjD+qDR9smJ0ADodwFXMKR5dNbAhyk7laQdFfqkBtCDtfi4jo6OgImYgICYVoFFbGODkBxUDnmKm0fji3aaQTef2DAEE/codJAEHh9+tJnr79YyCj8P0P+EWfVeXnsAie/+Ek+n5TQ6vqCi4tiFUwUyN4AoB7eQ9PdCo4UEDPo0kc0XKkZYAN4Ub7SqsoWjE4I6RkWghC/PBMooObUGjjINUBouCg0hu7mpgAS6GlkV0iKFbgWXxtie5vqs6swV6fQYCCQuGJ/SRP+w9WJRd++Cy/aEt7VxY9TFq09PnTP6Pvl9SrMq/lFpPMmFeH0jNBB3YhePIHWSLxJZx0ae8d6m1h4RDlYsSkClJ/NnBFUTjDEvEQYEXT4wvDWHP8MLlCHz7LC8dgA1PzKC/cjeKF5xgnPVg9WNyLcp0zCAFKDIEKv1xH8nW4CnsHThtXbc5hESw9vQ25SlVdZubtrN+xtNKYJo1Hb+XpgdI/PI7R9SBE8fTYhyJBFVIKI5hPQfmxGRZ0b3jErIUgJIjCliuV+IMyTMRHQ9HFlAkDVDsqNg1WVKIF1CMAQXdWMh4gbCr8XEnytaV74KsPNEo+OLmZGSIsX7n09BnURJr7ClQLBGyai+pdDmMiqnmcpSXA89aGFJPvuMHkgZOR8Tx0zHdmkXZyPN/KIWBPQQac5EGBuG4hA04KezFxLs3vGOwY24eMLNq8di2KigDDpkJU5ZzWndz8sVKz5CCDIH35hqU/fIYWWftATLyaN0JQACkNsCOCwzpwSKJD4TwSnpObwuwhCnyPnVZ29qXgehsl5fVdoTn6NhVkSVjYU/BTOHsuJEqXuVqRKI0JYS5xMEjE5fAfK/2pQsKhwUw6JCAEdEzc9Q2pqcPtn08o2bYZ9wOAYMmGpSiA5LaNqK6Yz7VfPysgW2YEJJDZgkM/P1/UUm3RuVgBcuWG9jogr1KSSqnJXAsDeMYlXERwmmOLbmUIxhRm84KCggwdeHz0www8YS4l8TLz4HV4vXA/E13Y2eytHEOm2mNxX2lpQQn2eJu7u0FUhATAxMBGOvxvfJYZE9DZ8fpXWSiLAYJlAMGi5WtPol5S3NDaeq0x52wjjaGsWbeGDkNE6FwIPifAkck/IgykckHx3v4imxDuW9yV+OtgcC2CshFqeLS5Ho6xsdEy3wn5X6S+j3l4RJx+JDGlHiwtLSlDieArAEFXBs6PW97fT4eCY7QHePXTs9j2M1tIrCNFatwI0tOXrz2BsqbWepXqcUtiZhLZAMP+C935SGmuahSZBBEk4dyo5QRd+etP0hanHBveiZrFJ58xY8UlapQdp6emLlp7BpZk9zWrWq8mLjU539tYXXkIRbmz3V3d+cmIQcuXjJ3DH7GfjiAmf3yBDqHz6AZ5EUbwKfKejQ21qifmE5eabO7bUdqbS0KdqOrqgoNioJYPmTHi78eYIHj2xKuQxAvH2CCxOi8N9oO0vC7cbzrrK1XXuhGXnO4Y3FdTnI2yfoCgPxkIBITvSKyjvx9cRzvG46tgT/ho+AQzcfT66TzUCBanVb2CCgraVKrbL7ldd2Cw+EhPdeY+1BO6AQKUHG36momJx4c/Xc+ME36HUwLbht9nQ8JwKgwHaWvS8lA/2AFcwROXnisA8eahfT2tucibnajq71JnwOUCOEjCzq+KzYvXrwIN4tWD7TheogaRCgikr8npfx+1lNyGkdYnAolLUHfs2FvSm41iQlV/vxqOEdjJkf1nW9AsAcbRvhP4wKoBhsm3w+kAQV5WzgDyHEpVQ+vI7ZNjFlxovYAr/kXNP7SnqXUUGfzVgLo/H64XfMlOF+W3IC+IfMXvR8ktm1sGmDRx5w9dAEFOcn7ORjxdUtc6ot0PRM5iB0dHH6c5ejYCukRvgmw0V8pdxe7eYJVZ7BqC/LWznnOkQDNPctbTM6azH/ARKSDSWjOrCIRnODlPlR8J7xvdW9CJesIXVWq1Gk0cMhW9On9X/0bG5FUnU460twwwIWH/yaL05anJABheVz8wMnataOLN3UOD5SSUTnAQnaj7+wUb8BTs4sSbwLBIsLOnSCjK088cGOphH+wVaq2R0ZrbGwRHYBoJ9gZYLraGZrFiS+7BQV4GfNknTJWyeYxmDxXgSgfNQJ2TnNTyHdPd2/PBQQrdEw6u3ni4PWfgRDl9/HP78uVrMujxREptvWpsAaEpt3ApSdFjGErHAxfqe1Ia4i15zgnyVCrlzKiPNHAmCBlJkVbGGu0qiqTk4RhBKEkxUpJyE7M5LAI/SkNk0FQIAm8u76ksRUa9AhCoszblM939WHt+xtYvU5ie0H7m9fY1amb2KHvbig2pyUmFH6OeUtpQ21o5IS+yiYErpTqe9ib2nlJK4kojgGNoHU4SBoEo2lMuT5TLpegC3UTSDjhXJypRbuimgcBUmahDTx6aUcytFBSAJvcSMwjs4EOk7EOUZlMhEDqWK2t6Sagf+1vy1Tm7vqYDQsonEAEbBXe+9dYPRYvVX9FrSsrfVmyAjQDzam1oHbt9Qj+Io+D2wghfvQBnX595diEsAoVJrLcjKxqNdQxqLF5mDnOcA/SMPKK8giKngUBuB29lHu+ni57mzEMQxj0kwkMwZWrwtLKxdQdqBh9vzcnJyf8ep0MgBAIEm7q3kExPGO5OXaxe9hkN6NcVi9ip9dG2vsrKCc7Qxg+8hq0R04WdhSwCyk87eFqbwhVB3QR/9l1dPWymgYAMpz1jHJqMM+cQyKe/T1t4nzK7uJiE+ubr/PycgY9T6Gr/tCo/Kavqc3bWeDOcNe/+gmkVp9QZTCJZ0DA2dtuE5NhfF7yGB7+EQ6CnFQfDUSWKNf36dBCYsotQYEaJNLThEDgR05bT0+QhVQ+q2S+3ZiVVHaa3Xn77VgvYV9PycQqtjWu70tLSuo/Rh+u3t2QUfozCQQ9oBCOPT2hrMimYIJ07KQJbLQRGEuAGvIA7mzkCIowEd46cEQLRQ0plcQWq+vVfFya1nHwd6+RqdQ5Q+uu0fj5dBAaHXc+/S+utfGaxuaZh98htgYQ2Ap0500NgaapEU4kXhcAc7WyeEQLi7r1kqWofCfX51qSs9hexhtcuXrMmZ03X8Iu0Tq/NW7Ys/fRLWC8W5RfiIWVPX93Y+AJigsRSuGYsmgYCvKNAESS6OASmFLhz4MwQCOKVZG+xEvm8LwuT8tWpqXlIi6HSwIdUoHQwIoD/LFqyZMOGDUsXqdVbcUBUFhwYGb9NayOlMdpbEu88DQQCRwo0An3iohBEuoCjMCGHQEZcgHxHyR2VO3B+9HVhRrI6DViOzE9Lgx/SgPLAROEyxGHRouXLlyzKz2mhu0FjQ9/Y+CRjxGiYFlFW7tZaCKwCJiAIU8CVg4tCEAj2LigkTjOICPiKp0CGW5CCu0LhpuSkvGV5aZzy8qD1QOmAAAKwcoM6v2UrnTjubhir5VZQOBmHyiEDqaGDm0ADgcJA5q/PyJiOnwpTYkYIokRAkXO8/XQSFTqxQg6Bwpx9iHjuNAZLLmCo14mng74sTE7Oz0sFFKDp4C8UtD+VAbBk5cpU2A1w/tB5oHn37iuJSRSZIMf5sW0c0xK0s0PY/ANAmdx7RggSPf1sbW0NpIC13CtaoJEdslLETMMbuCvJ6krsET94HzDISYWClmOlAyEAmEC6Wj3wPR5Ajda1jYyfY+JYFOGCBglyeZgvHwFfEMFcmEK4zwgBKx3bWH+C4BDwRcVPJzCGkikVqnI8O/J9YXKWGhmNbMcC5sMWAHzhyqWL+tUD9NxJynjD7vHbjIlzKMDHSg5XdUh790lbQaIOQiC5CAQUEHiENJ7xJdpjBHkMMQ3525N7CjpIpPe+3pWTk7cIOD5kO9ZyoCWIwMpF/f0D/fRYquNA8/g9U82XBfrYooqwt+B8QbC7vpiRMdMRfCZFoJyIwFITgcIW7kq3gutJYSGaCGL9xbSm/lEkF5eUZGllI82gpWXN4jxQ7XzzaftXLl3b319VRQ+oG+vqxpsfEEx55xBvezlg4BfAIMAfOWF3GD7pUB60AquQqdxhrBDIOs4TLNk6CjgEKDm/QNmEgiyvdS+Jw0K/Oi0tfTmtJcB+qJWYQFdXVdWHOBiU1x4Yr70thDiP5tgCBjre584LzEBLtposKFok4l37nGwSAIIIraAYraB/zjeT1IjbLkuSZcUkzaCrH+wcWMJpAzAf2L8UE2D2WxQcaK695xrivNIHO0OV8YJzIogAnVp3zmQXSsFuSo1m7AbslnprIQgxgGHwIhEQd3uS5aoSZidNehdYMN2wAaWCK5H5EMCGtd3dVd3MTFIJIFB7F3F+WQaRiUpDm3MmyEZSuPtKOEm9mMgTsRfhkkB5oq4THwE3OxHsPGMEXGTcMdbBLKGdXQu6ADAc24/0PPgZSvfms+/RBGoO9NU2T28hNQwisD4nApsw2AwcJkkt4HaiaA2/DTemG02SHcLOFn6RCAjLeJIs3Z3LzB8fLNrA2I4BLAW/xinafJbZjdbU0Fbb/IAbMc1WQAaJJkeASuEcm4GRdt5qBtmJ+L+7paDb0EYgcCThHS4SAXEVcIm5I03M6sknq4HdQOC/UPD3SJs3n2CmlKvrAYHb5k9vEAJiAhU1xXyBKEwJxxPa7sAHDrl5xszxhL9kILQQ4J8Cy8MF/GHSzBiALHGE6Qvrjjx/+nmwsXI7AgC26Ba1f3qE2YjV0VBf23fbVcS5NTeAfW8/Cu604oZJkdo5lCEFk4fwubyfrcEuZg32oirsHRg3IYZezyBwMgSCKIDAxJlDIJ7havvNShLuRcRK2fnJ6R+2b3/77bd/WA226K5u/+RHkiPQ3HfPlVMOwf3CnVyNLUP8zYPh/K6ZiEuNot0dGLk700+2Q5vmXEwt5rqJrPX848KCEEJ9CUAjSbAIAIMh/ygTGF1lhBYCZtsq6S1gU6MoB1ZxYsGFMage71SSWK8e3X7qbaBVAMHwH2fYbci55yVACEC96trbWrl46siBcS5zuQRZR6rLSCqJY/xZmA4klSjxsrXy85JIme7iowvTYN1gsANJkgg8hjLCUhsBPoT+JJBLkHVZUaEiYvryv7k8e7C2pJzdcLft1Jun3lg1PLxqG7srV1lxfgKEyIBSsMsi0iBXgl1KUfAkl7qzLT/ONpGkuN1nXvgSgcyAYksp0oslQAhDSTkZxZ+nkitIcwFeSlHwRYZaXtD8yc17swdHeveyW65/+fnNN18c/uSzbKakvGwaBAg3U1sJBXCRZKKnnY8b6/u9dDXk6c5rgo5BXjr4GjJRN0iPcSoxLlKKVIJSHYMwfX64UOhmm/KO54H7oRRRaKX5EAVaSpm+Ah7au2dH2Xg1yejVLT8d28Ltvy1tPlDXV/fYVefNMwKNZBHhprGOFq7WvBTA1UhTxprLsHPiwDXh5t4WRsZc/w30jTMPNzX39tfT6NN64PJAfhYBjn0hbIGz5jN88XXT11UPj/b0lNQih4C1jgOQktvW0NdX98CN05uPsrQUTvfp3DXMRdp3+td008Ol+3pya8H2Ey31FDTU99XVPWBN/M8lvOORxsZqVe3QHk0Ayty+A219bY/edUn9P6xmqGvuKx08VLN7PJdPoLq2oaGuru6xK4nLQpEP5jZV55Y1q0q5PlDfUF9X3wbcwGUi4Z3gdzu5NWPNmY3ZwAvu6K07UN/WVv/oXULi8tH8+4c6Ojtqdjerqg+VtR1oaKtve+aBq4jLSsI7r+/sBD9m3N1cDwHU1z92WTUBrJvuvH5oqKOjpK2hvgEA+N+Hwkl144InK4aG+g4AJ3DTJbi99m+R4KYF1z/5zGUMAHcHo2suh1xoVrOa1axmNatZzWpWs5rVrGZ1ueovNjzkc6Ue1XUAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 5.375em 2.5em;
    width: 5.375em;
    height: 2.5em
}

.gh-footer__secured-item_norton {
    background-image: url(/static/media/norton.cd98e66b.svg);
    background-repeat: no-repeat;
    background-size: 5.5em 2.5em;
    width: 5.5em;
    height: 2.5em
}

.gh-footer__address {
    margin-top: 1.5em
}

.gh-footer__address-item {
    width: 20.28571em;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    font-size: .875em;
    line-height: 1.53;
    color: #d4d9ed
}

.gh-footer__address-item+.gh-footer__address-item {
    margin-left: 4.0625em
}

.gh-footer__address-item span:first-child {
    display: block
}

.gh-footer__social {
    margin-top: 1.5em
}

.gh-footer__social-item {
    width: 2.125em;
    height: 2.125em;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.gh-footer__social-item+.gh-footer__social-item {
    margin-left: 1em
}

.gh-footer__social-item-link {
    background-size: 2.125em 2.125em;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: inherit;
    height: inherit;
    display: block
}

.gh-footer__social-item-link_fb {
    background-image: url(/static/media/fb.1c67850d.svg)
}

.gh-footer__social-item-link_tw {
    background-image: url(/static/media/tw.34fc3aa3.svg)
}

.gh-footer__copyright {
    font-size: .875em;
    margin-top: 1.71429em;
    line-height: 1.43;
    color: #d4d9ed
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-footer__holder {
        width:57.75rem
    }

    .gh-footer__logos {
        max-width: 12.5rem
    }

    .gh-footer__secured {
        margin-top: 1.5rem;
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-footer__holder {
        width:44rem
    }

    .gh-footer {
        height: auto;
        margin-top: 0
    }

    .gh-footer__column+.gh-footer__column {
        display: none
    }

    .gh-footer__icons {
        width: 205px
    }

    .gh-footer__address-item {
        width: 220px
    }

    .gh-footer__address-item+.gh-footer__address-item {
        margin-left: 24px
    }
}

@media only screen and (max-width: 767px) {
    .gh-footer__holder {
        width:90%
    }

    .gh-footer {
        height: auto;
        margin-top: 0
    }

    .gh-footer__column+.gh-footer__column {
        display: none
    }

    .gh-footer__logos {
        left: 0;
        right: auto;
        top: 115px
    }

    .gh-footer__secured {
        margin-top: 32px;
        margin-left: 0;
        display: block
    }

    .gh-footer__address {
        margin-top: 190px
    }

    .gh-footer__address-item {
        width: 100%
    }

    .gh-footer__address-item+.gh-footer__address-item {
        margin-top: 16px;
        margin-left: 0
    }
}

.aboutUs-v2 {
    padding-top: 152px;
    padding-bottom: 5rem
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2 {
        padding-top:112px;
        padding-bottom: 2.5rem
    }
}

.aboutUs-v2-title {
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.aboutUs-v2-description {
    margin-top: 2rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 2.5rem
}

.aboutUs-v2-description ul {
    margin-top: 24px
}
.aboutUs-v2-description ul li {
    font-size: 18px;
    margin-bottom: 1.5rem;
    line-height: 30px;
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2-description {
        margin-top:1.5rem;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.aboutUs-v2__mission {
    margin-top: 5rem;
    overflow: hidden;
    position: relative;
    background: #f5f6fc;
    width: 100%;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__mission {
        margin-top:4rem;
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.aboutUs-v2__mission:before {
    top: 4.125rem;
    -webkit-transform: translateX(-29.75rem);
    transform: translateX(-29.75rem);
    background: rgba(144,19,254,.38);
    width: 5rem;
    height: 5rem
}

.aboutUs-v2__mission:after,.aboutUs-v2__mission:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    border-radius: 50%;
    opacity: .3;
    z-index: 0
}

.aboutUs-v2__mission:after {
    top: 12.1875rem;
    -webkit-transform: translateX(-41rem);
    transform: translateX(-41rem);
    background: #1ed761;
    width: 10.25rem;
    height: 10.25rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .aboutUs-v2__mission:after {
        left:-6.25rem;
        top: auto;
        bottom: -1.25rem;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__mission:after {
        left:-6.25rem;
        top: auto;
        bottom: -1.25rem;
        -webkit-transform: none;
        transform: none
    }
}

.aboutUs-v2__mission-holder {
    width: 63.9375rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .aboutUs-v2__mission-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .aboutUs-v2__mission-holder {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__mission-holder {
        width:90%
    }
}

.aboutUs-v2__mission-block {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__mission-block {
        width:100%;
        min-height: 0
    }
}

.aboutUs-v2__mission-title {
    color: #15191c;
    font-family: "CircularStd";
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__mission-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .aboutUs-v2__mission-title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__mission-title {
        font-size:24px;
        line-height: 32px
    }
}

.aboutUs-v2__mission-title:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 3.75rem;
    -webkit-transform: translateX(28.875rem);
    transform: translateX(28.875rem);
    background: rgba(41,52,249,.38);
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 50%;
    opacity: .3;
    z-index: 0
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .aboutUs-v2__mission-title:before {
        left:calc(100vw - 6.25rem);
        top: -8.125rem;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__mission-title:before {
        left:calc(100vw - 6.25rem);
        top: -8.125rem;
        -webkit-transform: none;
        transform: none
    }
}

.aboutUs-v2__mission-title:after {
    content: "";
    display: block;
    background-image: url(/static/media/grid.911b758a.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    position: absolute;
    left: 50%;
    top: -3.5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .4;
    z-index: 0
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__mission-title:after {
        background-size:6rem 6rem;
        width: 6rem;
        height: 6rem;
        top: -1rem
    }
}

.aboutUs-v2-holder {
    width: 63.9375rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .aboutUs-v2-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .aboutUs-v2-holder {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2-holder {
        width:90%
    }
}

.aboutUs-v2__text-img {
    margin-top: 5rem;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__text-img {
        margin-top:4rem
    }
}

.aboutUs-v2__text-img-holder {
    width: 63.9375rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .aboutUs-v2__text-img-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .aboutUs-v2__text-img-holder {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__text-img-holder {
        width:90%
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .aboutUs-v2__text-img-holder {
        flex-direction:column
    }
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__text-img-holder {
        flex-direction:column
    }
}

@media only screen and (min-width: 1024px) {
    .aboutUs-v2__text-img-holder_2 {
        flex-direction:row-reverse
    }
}

@media only screen and (min-width: 1024px) {
    .aboutUs-v2__text-img-list {
        width:504px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .aboutUs-v2__text-img-list {
        width:400px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .aboutUs-v2__text-img-img {
        margin-top:40px
    }
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__text-img-img {
        margin-top:40px
    }
}

.aboutUs-v2__text-img-title {
    color: #15191c;
    font-family: "CircularStd";
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .aboutUs-v2__text-img-title {
        font-size:32px;
        line-height: 44px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .aboutUs-v2__text-img-title {
        font-size:24px;
        line-height: 32px;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2__text-img-title {
        font-size:24px;
        line-height: 32px;
        text-align: center
    }
}

.aboutUs-v2-item-text {
    max-width: 50.9375rem;
    margin-top: 1.5rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem
}

.aboutUs-v2-item-text-item {
    margin-top: 24px
}

.aboutUs-v2-item-text-item:first-child {
    margin-top: 0
}

.aboutUs-v2-item-text-item-title {
    font-weight: 700;
    color: #15191c;
    position: relative;
    padding-left: 36px
}

@media only screen and (min-width: 1024px) {
    .aboutUs-v2-item-text-item-title {
        font-size:20px;
        line-height: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .aboutUs-v2-item-text-item-title {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2-item-text-item-title {
        font-size:16px;
        line-height: 24px
    }
}

.aboutUs-v2-item-text-item-title:before {
    content: "";
    background: url(/static/media/ic-check.451d69c4.svg) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px
}

.aboutUs-v2-item-text-item-text {
    font-size: 16px;
    line-height: 24px;
    color: #637293;
    margin-top: 8px;
    padding-left: 36px
}

.aboutUs-v2-form {
    margin-top: 7.5rem
}

@media only screen and (max-width: 767px) {
    .aboutUs-v2-form {
        margin-top:3.75rem
    }
}

@media only screen and (min-width: 1024px) {
    .sc {
        width:816px;
        margin: 0 auto;
        padding-bottom: 80px;
        padding-top: 80px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .sc {
        padding-bottom:64px;
        padding-top: 72px
    }
}

@media only screen and (max-width: 767px) {
    .sc {
        padding-bottom:64px;
        padding-top: 72px
    }
}

.sc__title-date {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #3251ef
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .sc__title-date {
        padding:0 16px;
        margin-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .sc__title-date {
        padding:0 16px;
        margin-top: 80px
    }
}

.sc__title {
    font-family: CircularStd;
    font-weight: 700;
    color: #272d4e;
    letter-spacing: -.02em;
    font-size: 48px;
    line-height: 60px;
    margin: 24px 0 0
}

@media only screen and (max-width: 1023px) {
    .sc__title {
        padding:24px 16px;
        text-align: left
    }
}

.sc__subtitle {
    font-family: CircularStd;
    color: #637293
}

@media only screen and (min-width: 1024px) {
    .sc__subtitle {
        font-size:16px;
        line-height: 24px;
        margin-top: 32px
    }
}

@media only screen and (max-width: 1023px) {
    .sc__subtitle {
        font-size:16px;
        line-height: 24px;
        padding: 0 16px;
        margin-bottom: 32px
    }
}

.sc__subtitle a {
    color: #1ed760
}

@media only screen and (min-width: 1024px) {
    .sc__table-of-contents {
        margin-top:48px
    }
}

.sc__table-of-contents ol {
    color: #fff;
    list-style-type: none;
    line-height: 1.5625em;
    counter-reset: item
}

.sc__table-of-contents li {
    display: block;
    font-family: CircularStd;
    font-size: 24px;
    padding: 12px 0;
    line-height: 36px
}

.sc__table-of-contents li:first-child {
    padding-top: 0
}

.sc__table-of-contents a {
    color: #031b4e;
    text-decoration: none;
    cursor: pointer
}

.sc__table-of-contents a:hover {
    color: #1ed760;
    text-decoration: underline
}

.sc__section-title {
    font-family: CircularStd;
    color: #272d4e;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    margin-top: 48px
}

@media only screen and (max-width: 1023px) {
    .sc__section-title {
        padding:0 16px
    }

    .collapsible .sc__section-title {
        border-top: 1px solid #eff1f6;
        border-bottom: 1px solid transparent;
        cursor: pointer;
        height: 90px;
        padding: 0 10px;
        font-size: 16px;
        line-height: 24px;
        margin-top: 0
    }
}

.sc__section-title i {
    width: 26px;
    height: 26px;
    position: relative;
    margin-right: 20px
}

.collapsible_open .sc__section-title i {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sc__section-title i:before {
    content: "";
    display: block;
    background: #13cf77;
    width: 16px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.collapsible_open .sc__section-title i:before {
    background: #fa540a
}

.sc__section-title i:after {
    content: "";
    display: block;
    background: #13cf77;
    width: 2px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.collapsible_open .sc__section-title i:after {
    background: #fa540a
}

.sc__section-subtitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -.02em;
    margin-top: 48px;
    color: #272d4e
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .sc__section-subtitle {
        padding:0 16px
    }
}

@media only screen and (max-width: 767px) {
    .sc__section-subtitle {
        padding:0 16px
    }
}

.sc__content {
    font-family: CircularStd;
    color: #94a2b3;
    line-height: 24px
}

@media only screen and (max-width: 1023px) {
    .sc__content {
        padding:0 16px
    }

    .collapsible .sc__content {
        padding-bottom: 32px
    }
}

.sc__content strong {
    font-weight: 700
}

.sc__content h3 {
    font-size: 24px;
    line-height: 1.33;
    color: #637293
}

.sc__content a {
    color: #94a2b3;
    text-decoration: underline
}

.sc__content a[href^="tel:"] {
    white-space: nowrap
}

@media only screen and (max-width: 1023px) {
    .sc__content h3:first-child,.sc__content ul:first-child {
        margin-top:0
    }
}

@media only screen and (min-width: 1024px) {
    .sc__content p,.sc__content ul {
        margin-top:24px
    }
}

@media only screen and (max-width: 1023px) {
    .sc__content p,.sc__content ul {
        font-size:14px;
        margin-top: 16px
    }
}

@media only screen and (min-width: 1024px) {
    .sc__content h3 {
        margin-top:24px
    }
}

@media only screen and (max-width: 1023px) {
    .sc__content h3 {
        margin-top:16px
    }
}

.sc__content li {
    margin-bottom: 0;
    margin-top: 16px;
    position: relative;
    padding-left: 16px
}

.sc__content li:first-child {
    margin-top: 0
}

.sc__content li:before {
    content: "";
    background: #94a2b3;
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 50%;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 8px
}

.sc__content-sub {
    padding-top: 24px
}

@media only screen and (min-width: 1024px) {
    .sc__table {
        margin-top:24px;
        border: 1px solid #d4d9ed
    }
}

@media only screen and (max-width: 1023px) {
    .sc__table {
        width:100%;
        margin-left: 0
    }
}

.sc__table th {
    font-weight: 700;
    color: #637293;
    padding: 16px;
    border-left: 1px solid #d4d9ed
}

.sc__table td {
    vertical-align: top
}

@media only screen and (min-width: 1024px) {
    .sc__table td {
        border-top:1px solid #d4d9ed;
        padding: 16px;
        border-left: 1px solid #d4d9ed
    }
}

.sc__table td:first-child {
    color: #031b4e;
    font-weight: 700
}

@media only screen and (min-width: 1024px) {
    .sc__table td:first-child {
        width:236px
    }
}

@media only screen and (max-width: 1023px) {
    .sc__table td:first-child {
        padding-top:16px
    }
}

@media only screen and (max-width: 1023px) {
    .sc__table td:nth-child(2) {
        padding-top:8px;
        font-size: 14px
    }
}

@media only screen and (min-width: 1024px) {
    .sc__table td:nth-child(3) {
        width:155px
    }
}

@media only screen and (max-width: 1023px) {
    .sc__table td:nth-child(3) {
        color:#031b4e;
        font-size: 14px
    }
}

@media only screen and (max-width: 1023px) {
    .sc__table thead {
        display:none
    }
}

@media only screen and (max-width: 1023px) {
    .sc__table tr {
        margin-top:16px;
        border-top: 1px solid #d4d9ed
    }
}

@media only screen and (max-width: 1023px) {
    .sc__table tbody,.sc__table td,.sc__table tr {
        display:block
    }
}

.collapsible .collapsible-content {
    display: none
}

.collapsible.collapsible_open .collapsible-content {
    display: block
}

.gh-twg-title {
    font-size: 2.5rem;
    line-height: 3.5rem;
    color: #15191c;
    font-family: "CircularStd";
    font-weight: 700;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .gh-twg-title {
        font-size:1.5rem;
        line-height: 2rem;
        text-align: center;
        text-align-last: center
    }
}

.gh-twg-title:before {
    content: "";
    display: block;
    background: url(/static/media/grid-2.64c52fac.svg) no-repeat;
    position: absolute;
    top: -2.5625rem;
    left: -2.6875rem;
    width: 9.25rem;
    height: 9.25rem;
    z-index: -1
}

@media only screen and (max-width: 767px) {
    .gh-twg-title:before {
        background-size:5.5rem 5.5rem;
        width: 5.5rem;
        height: 5.5rem;
        top: -1.25rem;
        left: -5%
    }
}

.gh-twg-description {
    margin-top: 1.375rem;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 2rem;
    color: #637293;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .gh-twg-description {
        margin-top:1rem;
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: center;
        text-align-last: center
    }
}

.howItWorks-list-item-title {
    font-size: 2rem;
    line-height: 2.75rem
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-title {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.howItWorks-list-item-subtitle {
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 2rem
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-subtitle {
        font-size:1rem;
        line-height: 1.5rem;
        text-align: center;
        text-align-last: center
    }
}

.howItWorks-list-item-description {
    margin-top: 1.5rem;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-description {
        margin-top:1rem;
        font-size: .875rem;
        line-height: 1.5rem;
        text-align: center;
        text-align-last: center
    }
}

.gh-taskExamples {
    margin-top: 7.5rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-taskExamples {
        margin-top:2.5rem
    }
}

.gh-taskExamples:before {
    content: "";
    display: block;
    background: url(/static/media/grid.58a3e04e.svg) no-repeat;
    position: absolute;
    top: 4.375rem;
    left: 50%;
    width: 9.25rem;
    height: 9.25rem;
    -webkit-transform: translateX(-23.125rem);
    transform: translateX(-23.125rem);
    z-index: 0
}

@media only screen and (max-width: 767px) {
    .gh-taskExamples:before {
        background-size:5.5rem 5.5rem;
        width: 5.5rem;
        height: 5.5rem;
        top: -1.25rem;
        left: -5%
    }
}

.gh-taskExamples__custom {
    margin-top: 5rem
}

@media only screen and (max-width: 767px) {
    .gh-taskExamples__custom {
        margin-top:4rem
    }
}

.gh-taskExamples-title {
    font-family: "CircularStd";
    color: #15191c;
    font-size: 2.5rem;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-taskExamples-title {
        font-size:1.5rem;
        line-height: 1.875rem
    }
}

.gh-taskExamples-slider {
    height: 13.5rem;
    margin-top: 3.5rem;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .gh-taskExamples-slider {
        height:10.5rem;
        margin-top: 1.5rem
    }
}

.gh-taskExamples-slider .gh-taskExamples-slider-item {
    background: #eaebff;
    width: 18.625rem;
    height: 10.5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    padding: 1rem;
    border-radius: 1.25rem 1.25rem 1.25rem 0;
    box-sizing: border-box
}

@media only screen and (max-width: 767px) {
    .gh-taskExamples-slider .gh-taskExamples-slider-item {
        width:17rem;
        margin-left: .25rem;
        margin-right: .25rem
    }
}

.gh-taskExamples-slider .slick-slide:nth-child(odd) {
    margin-top: 3rem
}

@media only screen and (max-width: 767px) {
    .gh-taskExamples-slider .slick-slide:nth-child(odd) {
        margin-top:0
    }
}

.gh-taskExamples-slider .slick-list {
    width: 100%;
    margin: 0 auto
}

.gh-taskExamples-slider .slick-list:before {
    content: "";
    left: 0;
    width: 4rem;
    height: 13.5rem;
    background-image: linear-gradient(90deg,#fff,hsla(0,0%,100%,0));
    position: absolute;
    z-index: 1;
    top: 0
}

@media only screen and (max-width: 767px) {
    .gh-taskExamples-slider .slick-list:before {
        display:none
    }
}

.gh-taskExamples-slider .slick-list:after {
    content: "";
    right: 0;
    width: 4rem;
    height: 13.5rem;
    background-image: linear-gradient(270deg,#fff,hsla(0,0%,100%,0));
    position: absolute;
    z-index: 1;
    top: 0
}

@media only screen and (max-width: 767px) {
    .gh-taskExamples-slider .slick-list:after {
        display:none
    }
}

.gh-taskExamples-slider-item-title {
    height: 3rem;
    position: relative
}

.gh-taskExamples-slider-item-title span {
    color: #15191c;
    font-family: "CircularStd";
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
    .gh-taskExamples-slider-item-title span {
        font-size:1rem
    }
}

.gh-taskExamples-slider-item-description {
    color: #637293;
    font-family: "CircularStd";
    font-size: .875rem;
    line-height: 1.71
}

.btnLink {
    color: #15191c;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.25rem
}

.btnLink:hover {
    color: #2934f9
}

.btnLink:active {
    color: #141a80
}

.btnLink:active .svg-icon {
    fill: #141a80
}

.btnLink .svg-icon {
    fill: #2934f9;
    width: .75rem;
    height: .75rem;
    margin-left: .5rem;
    margin-top: .375rem;
    vertical-align: top
}

.gh-disclaimer-block {
    width: 51rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-disclaimer-block {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-disclaimer-block {
        width:90%
    }
}

.gh-disclaimer-title {
    color: #000;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 700
}

.gh-disclaimer-description {
    color: #637293;
    font-family: "CircularStd";
    font-size: 16px;
    line-height: 24px;
    max-width: 600px;
    margin: 16px auto 0
}

@media only screen and (max-width: 767px) {
    .gh-disclaimer-description {
        margin-top:24px;
        font-size: 14px;
        line-height: 24px
    }
}

.gh-disclaimer-link {
    margin-top: 1rem
}

.howItWorks {
    padding-bottom: 5rem;
    position: relative;
    padding-top: 150px
}

@media only screen and (max-width: 767px) {
    .howItWorks {
        padding-top:110px;
        padding-bottom: 2.5rem
    }
}

.howItWorks-holder {
    width: 63.375rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .howItWorks-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .howItWorks-holder {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .howItWorks-holder {
        width:90%
    }
}

.howItWorks-list-item-title {
    font-family: "CircularStd";
    font-size: 32px;
    line-height: 44px;
    font-weight: 700;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-title {
        font-size:20px;
        line-height: 24px;
        text-align: center;
        text-align-last: center;
        margin-top: 24px
    }
}

.howItWorks-list-item-title__free:after {
    content: "FREE";
    background: #eff1f6;
    width: 4.125rem;
    height: 1.75rem;
    margin-left: .5rem;
    color: #12b268;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    text-align: center;
    text-align-last: center;
    font-size: .8125rem;
    line-height: 1.75rem;
    font-weight: 500;
    border-radius: 1.25rem;
    letter-spacing: .03125rem
}

.howItWorks-list-item-subtitle {
    margin-top: 16px;
    font-size: 24px;
    line-height: 32px;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-subtitle {
        font-size:20px;
        line-height: 24px;
        text-align: center;
        text-align-last: center
    }
}

.howItWorks-list-item-title__desktop {
    display: block
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-title__desktop {
        display:none
    }
}

.howItWorks-list-item-title__mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-title__mobile {
        display:block
    }
}

.howItWorks-list-item-subtitle__desktop {
    display: block
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-subtitle__desktop {
        display:none
    }
}

.howItWorks-list-item-subtitle__mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-subtitle__mobile {
        display:block
    }
}

.howItWorks-list-item-description {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
    color: #637293
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-description {
        margin-top:16px;
        text-align: center;
        text-align-last: center
    }
}

.howItWorks-list-item-description a {
    color: #637293;
    text-decoration: underline
}

.howItWorks-list-item-description__desktop {
    display: block
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-description__desktop {
        display:none
    }
}

.howItWorks-list-item-description__mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-description__mobile {
        display:block
    }
}

.howItWorks-list-item {
    margin-top: 4rem;
    position: relative
}

.howItWorks-list-item:nth-child(2n) {
    text-align: left;
    text-align-last: left
}

.howItWorks-list-item:nth-child(2n) .howItWorks-list-item-block {
    right: 0
}

.howItWorks-list-item:nth-child(odd) {
    text-align: right;
    text-align-last: right
}

.howItWorks-list-item:nth-child(odd) .howItWorks-list-item-block {
    left: 0
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .howItWorks-list-item {
        min-height:18.75rem
    }
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item {
        margin-top:2.5rem
    }
}

.howItWorks-list-item-block {
    max-width: 25rem;
    text-align: left;
    text-align-last: left;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .howItWorks-list-item-block {
        max-width:19rem
    }
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-block {
        max-width:100%;
        text-align: center;
        text-align-last: center;
        position: relative;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.howItWorks-list-item-image {
    width: 31.5rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .howItWorks-list-item-image {
        width:29rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .howItWorks-list-item-image {
        width:24rem;
        margin-top: 1.5rem
    }
}

@media only screen and (max-width: 767px) {
    .howItWorks-list-item-image {
        width:100%;
        margin-top: 1rem;
        display: block
    }
}

.howItWorks-form {
    margin-top: 7.5rem
}

@media only screen and (max-width: 767px) {
    .howItWorks-form {
        margin-top:4rem
    }
}

.howItWorks__section-3 {
    padding-top: 64px
}

.t-form {
    width: calc(100% - 312px);
    padding: 40px 60px;
    position: relative;
    text-align: left;
    height: 100%;
    min-height: 512px
}

.t-form.t-form--success {
    width: 100%
}

@media only screen and (max-width: 1023px) {
    .t-form {
        width:100%
    }
}

@media only screen and (max-width: 600px) {
    .t-form {
        padding:16px;
        min-height: auto
    }
}

.t-form:after {
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    display: block;
    width: 312px;
    height: 100%
}

@media only screen and (max-width: 1023px) {
    .t-form:after {
        display:none
    }
}

.t-form.t-form--success:after {
    display: none
}

.t-form .t-form__desc {
    position: absolute;
    left: 100%;
    top: 38px;
    z-index: 1;
    padding: 0 16px;
    width: 312px
}

@media only screen and (max-width: 1023px) {
    .t-form .t-form__desc {
        display:none
    }
}

.t-form .t-form__desc-title {
    font-size: 24px;
    line-height: 1.33;
    color: #031b4e;
    text-align: center
}

.t-form .t-form__desc-subtitle {
    font-size: 16px;
    text-align: center;
    color: #637293;
    margin-top: 16px
}

.t-form .t-form__title {
    font-size: 24px;
    line-height: 1.33;
    color: #424347;
    font-weight: 700;
    margin-bottom: 8px
}

.t-form .t-form__subtitle {
    font-size: 14px;
    line-height: 1.71;
    color: #71747a;
    margin-bottom: 24px;
    margin-top: 8px
}

.t-form .t-form__field-list {
    margin-bottom: 56px
}

.t-form .t-form__field {
    margin-bottom: 24px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .t-form .t-form__field {
        position:static
    }
}

.t-form .t-form__label {
    font-size: 16px;
    color: #424347;
    margin-bottom: 8px;
    display: block
}

.t-form .t-form__input {
    display: block;
    width: 100%;
    height: 44px;
    border-radius: 2px;
    border: 1px solid #dadce0;
    padding: 12px 16px
}

.t-form .t-form__input.t-form__input--error {
    border: 1px solid #fa540a
}

.t-form .t-form__input.t-form__input--error.placeholder {
    color: #fa540a
}

.t-form .t-form__input.t-form__input--error:-moz-placeholder,.t-form .t-form__input.t-form__input--error::-moz-placeholder {
    color: #fa540a
}

.t-form .t-form__input.t-form__input--error:-ms-input-placeholder {
    color: #fa540a
}

.t-form .t-form__input.t-form__input--error::-webkit-input-placeholder,.t-form .t-form__input.t-form__input--error::-webkit-text-fill-color {
    color: #fa540a
}

.t-form .t-form__input.t-form__textarea {
    height: 88px
}

.t-form .t-form__error-text {
    position: absolute;
    border-radius: 2px;
    left: calc(100% + 25px);
    height: 56px;
    box-shadow: 0 8px 24px 0 rgba(0,53,136,.14901960784313725);
    background-color: #fff;
    border: 1px solid #d4d9ed;
    min-width: 235px;
    z-index: 2;
    top: 26px;
    display: flex;
    align-items: center;
    padding: 0 16px;
    white-space: nowrap;
    opacity: 0;
    -webkit-animation: showMenu .3s linear 1;
    animation: showMenu .3s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@media only screen and (max-width: 767px) {
    .t-form .t-form__error-text {
        left:60px;
        top: 68px;
        width: calc(100% - 120px)
    }
}

@media only screen and (max-width: 600px) {
    .t-form .t-form__error-text {
        left:8px;
        width: calc(100% - 16px);
        top: 65px;
        padding: 0 10px;
        font-size: 13px
    }
}

@-webkit-keyframes showMenu {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showMenu {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.t-form .t-form__error-text:after {
    content: "";
    display: block;
    position: absolute;
    border-left: 1px solid #d4d9ed;
    border-bottom: 1px solid #d4d9ed;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
    border-radius: 1px;
    width: 10px;
    height: 10px;
    left: -6px
}

@media only screen and (max-width: 767px) {
    .t-form .t-form__error-text:after {
        display:none
    }
}

.t-form__bottom {
    font-family: CircularStd;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #71747a;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #eff1f6;
    padding: 16px
}

@media only screen and (max-width: 767px) {
    .t-form__bottom {
        position:static;
        border: 0
    }
}

.t-form__link {
    font-weight: 700;
    color: #1ed760;
    cursor: pointer
}

.t-form__steps {
    font-family: CircularStd;
    font-size: 16px;
    font-weight: 700;
    color: #637293;
    position: absolute;
    top: 20px
}

.ic-lamp {
    width: 24px;
    height: 24px;
    margin-right: 16px
}

@media only screen and (max-width: 600px) {
    .ic-lamp {
        margin-right:5px
    }
}

.t-form--success {
    text-align: center
}

.t-form--success__img {
    text-align: center;
    margin-bottom: 32px
}

.t-form--success__img img {
    display: inline;
    width: 80px
}

.t-form--success__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33;
    text-align: center;
    color: #424347;
    margin-bottom: 8px
}

.t-form--success__text {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #474747;
    max-width: 288px;
    margin: 8px auto 48px
}

.t-form--success .t-button--block {
    max-width: 256px;
    margin: 0 auto
}

.t-button {
    border-radius: 4px;
    height: 48px
}

.t-button--block {
    display: block;
    width: 100%
}

.t-button--type1 {
    padding: 0 16px;
    background-color: #13cf77;
    box-shadow: 0 4px 12px 0 rgba(18,173,100,.4);
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

.t-button--type1:hover {
    background-color: #12b368;
    box-shadow: 0 4px 16px 0 rgba(18,173,100,.4)
}

.t-button--type1:active {
    background-color: #0f9959;
    box-shadow: 0 1px 4px 0 rgba(18,173,100,.4)
}

.t-button--type2 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    height: 56px;
    background-color: #13cf77;
    box-shadow: 0 4px 12px 0 rgba(18,173,100,.4);
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

@media only screen and (max-width: 1023px) {
    .t-button--type2 {
        width:100%
    }
}

@media only screen and (min-width: 1024px) {
    .t-button--type2 {
        padding:0 45px
    }
}

.t-button--type2:hover {
    background-color: #12b368;
    box-shadow: 0 4px 16px 0 rgba(18,173,100,.4)
}

.t-button--type2:active {
    background-color: #0f9959;
    box-shadow: 0 1px 4px 0 rgba(18,173,100,.4)
}

.t-form_reg-form {
    padding-top: 64px;
    padding-bottom: 84px
}

.t-form_reg-form:after {
    background: #c3d5f4 url(/static/media/ill-signup.eaa6aaf1.svg) 0 100% no-repeat
}

.t-form_reg-form_1 {
    padding-top: 74px
}

@media only screen and (min-width: 1024px) {
    .t-form_reg-form_1 {
        height:560px
    }
}

.t-form_reg-form_1 .t-form__steps {
    top: 45px;
    color: #474747;
    font-size: 14px;
    line-height: 20px
}

.t-form_reg-form_1 .t-form__field-list {
    margin-top: 40px
}

.t-form_reg-form_1 .t-button--type1 {
    position: absolute;
    bottom: 40px;
    left: 60px;
    right: 60px;
    width: calc(100% - 120px)
}

.t-form_reg-form_1:after {
    background: #c3d5f4 url(/static/media/ill-signup1.d027a290.svg) 0 100% no-repeat
}

.t-form_reg-form_1 .t-form__desc-subtitle {
    font-size: 14px;
    line-height: 20px
}

.t-form--success_1 {
    padding-top: 90px
}

.t-form--success_1 .t-form--success__text {
    font-size: 16px;
    line-height: 24px;
    color: #71737a
}

.t-form--success_1 .t-button--type1 {
    width: 164px;
    margin: 40px auto 0
}

.t-form_log-form {
    padding-top: 64px;
    padding-bottom: 84px
}

.t-form_log-form:after {
    background: #c3d5f4 url(/static/media/ill-signup.eaa6aaf1.svg) 0 100% no-repeat
}

.gh-forTutors {
    padding-bottom: 5rem
}

.gh-forTutors .gh-disclaimer-block {
    margin-top: 3rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-forTutors .gh-disclaimer-block {
        width:100%;
        margin-top: 5rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTutors .gh-disclaimer-block {
        width:100%;
        margin-top: 4rem
    }
}

.gh-forTutors__section-5 {
    margin-top: 7.5rem
}

@media only screen and (max-width: 767px) {
    .gh-forTutors__section-5 {
        margin-top:4rem
    }
}

.gh-forTutors-holder {
    width: 77rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-forTutors-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-forTutors-holder {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-holder {
        width:90%
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-holder .gh-forTutors-holder2 {
        width:100%
    }
}

.gh-forTutors-holder2 {
    width: 64rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-forTutors-holder2 {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-forTutors-holder2 {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-holder2 {
        width:100%
    }
}

.gh-forTutors-hero {
    background-image: url(/static/media/tlp.8d2a8f83.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .gh-forTutors-hero {
        height:720px;
        padding-top: 164px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-forTutors-hero {
        height:720px;
        padding-top: 164px
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-hero {
        padding-top:90px;
        height: 660px;
        padding-left: 8px;
        padding-right: 8px
    }
}

.gh-forTutors-hero .gh-forTutors-holder {
    width: 1024px
}

.gh-forTutors-hero-item {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    text-align: left;
    text-align-last: left
}

@media only screen and (min-width: 1024px) {
    .gh-forTutors-hero-item:first-child {
        width:518px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-forTutors-hero-item:last-child {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-hero-item:last-child {
        display:none
    }
}

.gh-forTutors-hero-title {
    color: #fff;
    font-family: "CircularStd";
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-hero-title {
        font-size:2rem;
        line-height: 2.5rem;
        text-align: center;
        text-align-last: center;
        margin: 0
    }
}

.gh-forTutors-hero-subtitle {
    margin-top: 1.875rem;
    color: #fff;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 2rem
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-hero-subtitle {
        margin-top:90px;
        font-size: 1rem;
        text-align: center;
        text-align-last: center;
        padding: 0 20px
    }
}

.gh-forTutors-hero-text {
    margin-top: 1.875rem;
    color: #fff;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-hero-text {
        margin-top:24px;
        text-align: center;
        text-align-last: center;
        font-size: 14px
    }
}

.gh-forTutors-hero-text a {
    color: #fff;
    text-decoration: underline
}

.gh-forTutors-hero-rate {
    background: #fff;
    width: 18.5rem;
    height: 13.5rem;
    margin-top: 3.5rem;
    padding-top: 3.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    border-radius: .25rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-hero-rate {
        display:none
    }
}

.gh-forTutors-hero-rate:before {
    content: "";
    background-image: url(/static/media/ic-lighting.0bfd6539.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 4rem 4rem;
    width: 4rem;
    height: 4rem;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.gh-forTutors-hero-rate-text {
    color: #637293;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.gh-forTutors-hero-rate-price,.gh-forTutors-hero-rate-text {
    font-family: "CircularStd";
    text-align: center;
    text-align-last: center
}

.gh-forTutors-hero-rate-price {
    margin-top: 1rem;
    color: #15191c;
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700
}

.gh-forTutors-hero-rate-price span {
    font-size: 1rem
}

.gh-why-block {
    margin-top: 5rem
}

@media only screen and (max-width: 767px) {
    .gh-why-block {
        margin-top:4rem
    }
}

.gh-why-title {
    color: #15191c;
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-why-title {
        padding-left:3.125rem;
        padding-right: 3.125rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-why-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.gh-why-list {
    margin-top: 3rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-why-list {
        margin-top:1.5rem
    }
}

.gh-why-list:before {
    content: "";
    display: block;
    background: url(/static/media/grid-2.64c52fac.svg) no-repeat;
    position: absolute;
    top: -3rem;
    left: -2.75rem;
    width: 9.25rem;
    height: 9.25rem;
    z-index: 0
}

.gh-why-list-item {
    background: #fff;
    width: 25rem;
    height: 12.5rem;
    padding: 2.5rem 1.5rem 1.5rem;
    border-radius: .125rem;
    box-shadow: 0 .25rem 1rem 0 rgba(92,102,133,.16);
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative;
    text-align: left;
    text-align-last: left
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-why-list-item {
        width:18.75rem;
        height: 13.5rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-why-list-item {
        width:14rem;
        height: 15rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-why-list-item {
        width:100%;
        height: 12.5rem;
        padding: 2.5rem 1rem 1rem
    }
}

.gh-why-list-item:before {
    content: "";
    background-position: top;
    background-repeat: no-repeat;
    width: 3rem;
    height: 3rem;
    display: block
}

.gh-why-list-item:first-child:before {
    background-image: url(/static/media/ic-people.a0a650e0.svg);
    background-size: 3rem 3rem
}

.gh-why-list-item:nth-child(2):before {
    background-image: url(/static/media/ic-money.2207358b.svg);
    background-size: 2.375rem 2.375rem
}

.gh-why-list-item:nth-child(3):before {
    background-image: url(/static/media/ic-plan.a3c8751d.svg);
    background-size: 1.9375rem 2.0625rem
}

@media only screen and (max-width: 767px) {
    .gh-why-list-item:nth-child(3) .gh-why-list-item-text {
        margin-top:1.5rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-why-list-item+.gh-why-list-item {
        margin-top:.5rem
    }
}

.gh-why-list-item-text {
    margin-top: 2.5rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem
}

.gh-twg-block {
    margin-top: 7.5rem
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-twg-block {
        margin-top:6.5rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-twg-block {
        margin-top:6.5rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-twg-block {
        margin-top:4rem
    }
}

.gh-twg-block .gh-twg-title {
    text-align: center;
    text-align-last: center
}

.gh-twg-block .gh-twg-title:before {
    left: 50%;
    -webkit-transform: translateX(14.375rem);
    transform: translateX(14.375rem)
}

@media only screen and (max-width: 767px) {
    .gh-twg-block .gh-twg-title:before {
        display:none
    }
}

.gh-apm-block {
    background: #f5f6fc;
    margin-top: 5rem;
    padding-top: 5rem;
    padding-bottom: 5rem
}

@media only screen and (max-width: 767px) {
    .gh-apm-block {
        margin-top:4rem;
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.gh-apm-holder {
    width: 31rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .gh-apm-holder {
        width:100%
    }
}

.gh-apm-title {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    color: #15191c;
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    text-align: center;
    text-align-last: center;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-apm-title {
        font-size:1.5rem;
        line-height: 1.875rem
    }
}

.gh-apm-title:before {
    content: "";
    display: block;
    background: url(/static/media/grid.58a3e04e.svg) no-repeat;
    position: absolute;
    top: -1.5rem;
    left: 0;
    width: 9.25rem;
    height: 9.25rem;
    z-index: 0;
    opacity: .4
}

@media only screen and (max-width: 767px) {
    .gh-apm-title:before {
        top:0;
        left: -5.625rem
    }
}

.gh-apm-list {
    margin-top: 2.5rem;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .gh-apm-list {
        width:9.25rem;
        margin-left: auto;
        margin-right: auto
    }
}

.gh-apm-list-item {
    background-color: #fff;
    width: 9.25rem;
    height: 5.625rem;
    border-radius: .25rem;
    box-shadow: 0 .5rem 1.25rem 0 rgba(0,53,136,.15),0 .25rem .375rem 0 rgba(0,38,96,.06);
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.gh-apm-list-item:first-child {
    background-image: url(/static/media/payoneer-logo.be4d47ec.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 5.75rem 2rem
}

.gh-apm-list-item:nth-child(2) {
    background-image: url(/static/media/paypal-logo.d61152d4.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 4.625rem 1.375rem
}

.gh-apm-list-item:nth-child(3) {
    background-image: url(/static/media/skrill-logo.56e35641.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 3.75rem 1.25rem
}

@media only screen and (max-width: 767px) {
    .gh-apm-list-item+.gh-apm-list-item {
        margin-top:1rem
    }
}

.gh-forTutors-form {
    margin-top: 5rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-form {
        margin-top:4rem
    }
}

.gh-forTutors-form-title {
    color: #15191c;
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-form-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.gh-forTutors-form-subtitle {
    margin-top: 1rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: 1.25rem;
    line-height: 3rem
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-form-subtitle {
        margin-top:.5rem;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.gh-forTutors-form-avatars {
    background-image: url(/static/media/geek@3x.81a99d26.jpg);
    background-size: 7rem 3.25rem;
    background-repeat: no-repeat;
    width: 7rem;
    height: 3.25rem;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto
}

.gh-forTutors-form-button {
    width: 11.25rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .gh-forTutors-form-button_1 {
        margin-top:36px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-forTutors-form-button_1 {
        margin-top:36px
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTutors-form-button_1 {
        margin:40px auto 0
    }
}

.gh-forTutors-form-button_2 {
    margin: 40px auto 0
}

.gh-topGeeks-list {
    margin-top: 2rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-topGeeks-list {
        display:block;
        margin-top: 2.5rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-list {
        display:block;
        margin-top: 2.5rem
    }
}

.gh-topGeeks-list-item {
    background-color: #fff;
    width: 31.5rem;
    height: 15.3125rem;
    margin-top: 1rem;
    padding: 1.5rem;
    border-radius: .125rem;
    box-shadow: 0 .25rem 1rem 0 rgba(92,102,133,.16);
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    text-align: left;
    text-align-last: left
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-topGeeks-list-item {
        width:29rem;
        height: 17.3125rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-topGeeks-list-item {
        width:100%;
        height: 13.8125rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-list-item {
        width:100%;
        height: auto;
        padding: 1rem
    }
}

.gh-topGeeks-list-item:nth-child(odd) {
    margin-right: .5rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-topGeeks-list-item:nth-child(odd) {
        margin-right:0
    }
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-list-item:nth-child(odd) {
        margin-right:0
    }
}

.gh-topGeeks-list-item:nth-child(2n) {
    margin-left: .5rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-topGeeks-list-item:nth-child(2n) {
        margin-left:0
    }
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-list-item:nth-child(2n) {
        margin-left:0
    }
}

.gh-topGeeks-list-item-top {
    min-height: 4.5rem;
    padding-left: 5rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-list-item-top {
        padding-left:0
    }
}

.gh-topGeeks-list-item-image-wrapper {
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
    position: absolute;
    left: 0;
    top: 0
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-list-item-image-wrapper {
        position:relative;
        left: auto;
        top: auto;
        display: -moz-inline-stack;
        display: inline-block;
        *display: inline;
        *zoom:1;vertical-align: top
    }
}

.gh-topGeeks-list-item-image {
    width: inherit;
    border-radius: 50%;
    display: block
}

.gh-topGeeks-list-item-rate {
    background-color: #fff;
    min-width: 2.0625rem;
    padding: .1875rem .25rem;
    color: #71747a;
    font-family: "CircularStd";
    font-size: .625rem;
    line-height: 1;
    text-align: center;
    text-align-last: center;
    position: absolute;
    bottom: -.4375rem;
    left: 50%;
    border-radius: 6.25rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.1)
}

.gh-topGeeks-list-item-rate .svg-icon {
    width: .5rem;
    height: .5rem
}

.gh-topGeeks-list-item-title {
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-list-item-title {
        display:-moz-inline-stack;
        display: inline-block;
        *display: inline;
        *zoom:1;vertical-align: top
    }
}

.gh-topGeeks-list-item-title strong {
    margin-top: .125rem;
    color: #15191c;
    font-family: "CircularStd";
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 700;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-list-item-title strong {
        margin-top:2.5rem;
        display: block
    }
}

.gh-topGeeks-list-item-title span {
    background-color: rgba(19,207,119,.1);
    margin-left: .5rem;
    padding-left: .625rem;
    padding-right: .625rem;
    color: #0fa861;
    font-size: .75rem;
    line-height: 1.375rem;
    border-radius: .75rem;
    border: .0625rem solid #12b368;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-list-item-title span {
        position:absolute;
        left: 0;
        top: .5rem;
        margin-left: 0
    }
}

.gh-topGeeks-list-item-on {
    font-family: "CircularStd";
    font-size: .875rem;
    line-height: 1.5rem;
    color: #15191c;
    margin-top: .25rem
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-list-item-on {
        font-size:.75rem;
        line-height: 2
    }
}

.gh-topGeeks-list-item-on span {
    color: #637293
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-list-item-on {
        margin-top:1.25rem;
        display: block
    }
}

.gh-topGeeks-list-item-pos {
    font-family: "CircularStd";
    font-size: .875rem;
    line-height: 1.43;
    color: #15191c;
    margin-top: .25rem
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-list-item-pos {
        font-size:.75rem;
        line-height: 1.67
    }
}

.gh-topGeeks-list-item-pos strong {
    font-weight: 700
}

.gh-topGeeks-list-item-pos span {
    color: #637293
}

.gh-topGeeks-list-item-pos .svg-icon {
    width: .875rem;
    height: .6875rem;
    margin-right: .25rem
}

.gh-topGeeks-list-item-text {
    margin-top: 1rem;
    padding-top: 1rem;
    font-family: "CircularStd";
    font-size: .875rem;
    line-height: 1.71;
    color: #637293;
    border-top: .0625rem solid #eff1f6
}

.gh-topGeeks-show-more {
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.25;
    color: #15191c;
    text-align: center;
    cursor: pointer;
    margin-top: 1.5rem
}

.gh-topGeeks-show-more .svg-icon {
    width: .75rem;
    height: .75rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: .5rem
}

@media only screen and (min-width: 1024px) {
    .gh-topGeeks {
        padding-top:130px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-topGeeks {
        padding-top:130px
    }
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks {
        padding-top:110px
    }
}

.gh-topGeeks-holder {
    width: 64rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-topGeeks-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-topGeeks-holder {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-holder {
        width:90%
    }
}

.gh-topGeeks-form {
    margin-top: 5rem
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-form {
        margin-top:4rem
    }
}

.gh-topGeeks-banner {
    background-image: url(/static/media/skilled-enough-im@1x.9ee1b405.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    width: 100%;
    height: 20.75rem;
    margin-top: 5rem;
    padding-top: 3.375rem
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .gh-topGeeks-banner {
        background-image:url(/static/media/skilled-enough-im@2x.72267d58.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),only screen and (min-device-pixel-ratio:3),only screen and (min-resolution:3dppx),only screen and (min-resolution:288dpi) {
    .gh-topGeeks-banner {
        background-image:url(/static/media/skilled-enough-im@3x.457eed62.jpg)
    }
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-banner {
        background-position:62%;
        margin-top: 6rem;
        padding-top: 2.5rem
    }
}

.gh-topGeeks-banner-title {
    color: #fff;
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-family: "CircularStd";
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-banner-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.gh-topGeeks-banner-subtitle {
    padding-top: 1rem;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: "CircularStd"
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-banner-subtitle {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.gh-topGeeks-banner-button {
    width: 11.25rem;
    margin-top: 4rem
}

@media only screen and (max-width: 767px) {
    .gh-topGeeks-banner-button {
        margin-top:4.5rem
    }
}

.gh-topGeeks__section-3 {
    padding-top: 64px
}

.gh-hiw-holder {
    width: 77rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-hiw-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-hiw-holder {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-hiw-holder {
        width:90%
    }
}

.gh-hiw-title {
    max-width: 655px;
    font-family: "CircularStd";
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
    text-align: center;
    text-align-last: center;
    color: #15191c;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-hiw-title {
        font-size:24px;
        line-height: 32px
    }
}

.gh-hiw-title:before {
    content: "";
    display: block;
    background-image: url(/static/media/grid-2.64c52fac.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    position: absolute;
    right: 0;
    top: -2.5rem;
    z-index: -1
}

@media only screen and (max-width: 767px) {
    .gh-hiw-title:before {
        background-size:6rem 6rem;
        width: 6rem;
        height: 6rem;
        top: -1.5rem
    }
}

.gh-hiw-subtitle {
    font-family: "CircularStd";
    font-size: 1.25rem;
    line-height: 3rem;
    text-align: center;
    text-align-last: center;
    color: #637293;
    margin-top: 1rem
}

@media only screen and (max-width: 767px) {
    .gh-hiw-subtitle {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.gh-hiw-list {
    position: relative;
    margin-top: 5rem
}

@media only screen and (max-width: 767px) {
    .gh-hiw-list {
        margin-top:2.5rem
    }
}

.gh-hiw-list .slick-dots {
    height: .4375rem;
    margin-top: 1.5rem;
    position: relative;
    bottom: auto;
    line-height: 0
}

.gh-hiw-list .slick-dots li {
    width: .4375rem;
    height: .4375rem;
    margin-left: .25rem;
    margin-right: .25rem
}

.gh-hiw-list .slick-dots li.slick-active button:before {
    background: #637293;
    color: transparent;
    opacity: 1
}

.gh-hiw-list .slick-dots li button {
    width: inherit;
    height: inherit;
    padding: 0;
    position: relative
}

.gh-hiw-list .slick-dots li button:before {
    width: .4375rem;
    height: .4375rem;
    line-height: .4375rem;
    border-radius: 50%;
    background: rgba(99,114,147,.3);
    color: transparent;
    opacity: 1
}

.gh-hiw-list .slick-initialized .gh-hiw-list-item-image {
    z-index: 1
}

.gh-hiw-list-item {
    max-width: 25rem;
    transition: all .3s linear;
    cursor: pointer
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-hiw-list-item {
        max-width:100%;
        text-align: center;
        text-align-last: center
    }
}

@media only screen and (max-width: 767px) {
    .gh-hiw-list-item {
        max-width:100%;
        text-align: center;
        text-align-last: center
    }
}

.gh-hiw-list-item+.gh-hiw-list-item {
    margin-top: 1rem
}

.gh-hiw-list-item-holder {
    padding: 1rem;
    position: relative;
    margin-top: 24px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-hiw-list-item-holder {
        min-height:0;
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .gh-hiw-list-item-holder {
        min-height:0;
        padding: 0
    }
}

.gh-hiw-list-item_active {
    border-radius: .125rem;
    box-shadow: 0 .25rem 1rem 0 rgba(92,102,133,.16);
    background-color: #fff
}

.gh-hiw-list-item_active .gh-hiw-list-item-arrow,.gh-hiw-list-item_active .gh-hiw-list-item-image {
    opacity: 1
}

@media only screen and (max-width: 1023px) {
    .gh-hiw-list-item_active {
        box-shadow:none;
        border-radius: 0
    }
}

.gh-hiw-list-item-title-text {
    font-family: "CircularStd";
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #15191c;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .gh-hiw-list-item-title-text {
        font-size:1rem;
        line-height: 1.5
    }
}

.gh-hiw-list-item-title-free {
    background: #eff1f6;
    margin-left: .625rem;
    padding: .3125rem 1rem;
    color: #12b368;
    border-radius: .875rem;
    text-transform: uppercase;
    vertical-align: middle
}

.gh-hiw-list-item-subtitle {
    margin-top: .5rem;
    padding-right: 1.875rem;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem;
    color: #637293;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-hiw-list-item-subtitle {
        padding-right:0
    }
}

@media only screen and (max-width: 767px) {
    .gh-hiw-list-item-subtitle {
        padding-right:0;
        font-size: .875rem
    }
}

.gh-hiw-description {
    margin-top: 3rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-hiw-description {
        width:15.625rem;
        margin-top: 2.5rem;
        margin-left: auto;
        margin-right: auto
    }
}

.gh-hiw-list-item-image {
    width: 100%;
    height: auto;
    max-height: 27.375rem;
    max-width: 44.5rem;
    transition: all .3s linear;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    z-index: -1
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-hiw-list-item-image {
        max-width:29rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-hiw-list-item-image {
        max-width:44rem;
        top: auto;
        -webkit-transform: none;
        transform: none;
        position: relative;
        opacity: 1
    }
}

@media only screen and (max-width: 767px) {
    .gh-hiw-list-item-image {
        display: none;
    }
}

.map {
    margin-top: 120px
}

@media only screen and (max-width: 767px) {
    .map {
        margin-top:6rem;
        background-size: 90vw 7.8125vw
    }
}

.map-holder {
    max-width: 1232px
}

.map-holder,.map-title {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.map-title {
    color: #15191c;
    font-weight: 700;
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 1024px) {
    .map-title {
        width:608px;
        font-size: 40px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .map-title {
        width:90%;
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .map-title {
        width:90%;
        font-size: 24px;
        line-height: 32px
    }
}

.map-title:before {
    content: "";
    background-image: url(/static/media/grid.58a3e04e.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    display: block;
    position: absolute;
    left: -.9375rem;
    top: -2.5rem;
    opacity: .4
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .map-title:before {
        background-size:96px 96px;
        width: 96px;
        height: 96px;
        top: -16px;
        left: -16px
    }
}

@media only screen and (max-width: 767px) {
    .map-title:before {
        background-size:96px 96px;
        width: 96px;
        height: 96px;
        top: -16px;
        left: -16px
    }
}

.map-subtitle {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    color: #637293;
    font-size: 16px;
    line-height: 24px;
    z-index: 1;
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .map-subtitle {
        max-width:944px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .map-subtitle {
        max-width:704px
    }
}

@media only screen and (max-width: 767px) {
    .map-subtitle {
        max-width:90%;
        margin-top: 24px;
        font-size: 14px;
        line-height: 24px
    }
}

.map-img-holder {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .map-img-holder {
        margin-top:-30px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .map-img-holder {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .map-img-holder {
        margin-top:24px
    }
}

.map-img-holder img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.map-img-holder-wrapper {
    position: relative
}

.map-geek {
    position: absolute
}

.map-geek-image {
    cursor: pointer;
    border-radius: 6.25rem;
    overflow: hidden
}

@media only screen and (max-width: 1023px) {
    .map-geek-image {
        cursor:default
    }
}

.map-geek__0 {
    top: 18.86792%;
    left: 3.24675%;
    width: 2.5974%
}

.map-geek__1 {
    left: 13.39286%;
    top: 22.64151%;
    width: 4.70779%
}

.map-geek__2 {
    top: 34.59119%;
    left: 8.52273%;
    width: 3.8961%
}

.map-geek__3 {
    bottom: 27.04403%;
    left: 24.75649%;
    width: 3.24675%
}

.map-geek__4 {
    top: 11.94969%;
    left: 36.93182%;
    width: 3.40909%
}

.map-geek__5 {
    top: 53.45912%;
    left: 40.17857%;
    width: 3.8961%
}

.map-geek__6 {
    top: 34.59119%;
    left: 48.13312%;
    width: 3.8961%
}

.map-geek__7 {
    bottom: 23.89937%;
    left: 51.94805%;
    width: 3.08442%
}

.map-geek__8 {
    top: 25.53459%;
    left: 57.30519%;
    width: 4.70779%
}

.map-geek__9 {
    top: 61.63522%;
    left: 56.65584%;
    width: 3.8961%
}

.map-geek__10 {
    top: 40.25157%;
    left: 66.1526%;
    width: 4.70779%
}

.map-geek__11 {
    top: 16.98113%;
    right: 15.82792%;
    width: 4.05844%
}

.map-geek__12 {
    top: 31.69811%;
    right: 6.33117%;
    width: 3.24675%
}

.map-geek__13 {
    top: 40.25157%;
    right: 16.07143%;
    width: 3.8961%
}

.map-geek__14 {
    bottom: 17.61006%;
    right: 7.71104%;
    width: 3.8961%
}

.map-geek__15 {
    bottom: 20.75472%;
    right: 1.21753%;
    width: 3.08442%
}

.map-geek__with-right-pos .map-geek-description {
    left: auto;
    right: 0
}

.map-geek-description {
    box-shadow: 0 1rem 2.5rem 0 rgba(0,53,136,.15),0 .5rem .75rem 0 rgba(0,38,96,.06);
    background-color: #fff;
    width: 16.6875rem;
    height: 8.375rem;
    border-radius: 1.25rem 1.25rem 1.25rem 0;
    position: absolute;
    bottom: -8.75rem;
    padding: .75rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s linear;
    z-index: 1
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .map-geek-description {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .map-geek-description {
        display:none
    }
}

.map-geek__active .map-geek-description {
    opacity: 1;
    visibility: visible
}

.map-geek-description-desc-top {
    width: 100%
}

.map-geek-description-desc-top,.map-geek-description-image {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle
}

.map-geek-description-image {
    width: 2.5rem;
    margin-right: .5rem;
    position: relative
}

.map-geek-description-title,.map-geek-description-title strong {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle
}

.map-geek-description-title strong {
    color: #000;
    font-family: "CircularStd";
    font-size: 1.25rem;
    font-weight: 700
}

.map-geek-description-title span {
    background-color: rgba(19,207,119,.1);
    margin-left: .5rem;
    margin-top: -.125rem;
    padding-left: .625rem;
    padding-right: .625rem;
    color: #0fa861;
    font-size: .75rem;
    line-height: 1.375rem;
    border-radius: .75rem;
    border: .0625rem solid #12b368;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .map-geek-description-title span {
        position:absolute;
        left: 0;
        top: .5rem;
        margin-left: 0
    }
}

.map-geek-rate {
    font-family: "CircularStd";
    font-size: .625rem;
    line-height: 1;
    text-align: center;
    color: #71747a;
    border-radius: 6.25rem;
    box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.13);
    background-color: #fff;
    position: absolute;
    padding: .1875rem 0;
    width: 2rem;
    left: 0;
    right: 0;
    bottom: -.5rem;
    margin-left: auto;
    margin-right: auto
}

.map-geek-rate .svg-icon {
    width: .5rem;
    height: .5rem
}

.map-geek-description-on {
    margin-top: 1.25rem;
    color: #15191c;
    font-family: "CircularStd";
    font-size: .75rem;
    line-height: 1.5rem
}

.map-geek-description-on span {
    color: #637293
}

.map-geek-description-pos {
    margin-top: .1875rem;
    font-family: "CircularStd";
    font-size: .75rem;
    line-height: 1.67
}

.map-geek-description-pos .svg-icon {
    width: .875rem;
    height: .6875rem;
    margin-right: .25rem
}

.map-geek-description-pos span {
    color: #637293
}

.map-geek-description-pos strong {
    color: #15191c
}

.map-link {
    position: absolute;
    bottom: 2.875rem;
    left: 0;
    right: 0;
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .map-link {
        margin-top:.375rem;
        left: auto;
        right: auto;
        bottom: auto;
        position: relative
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .map-link {
        margin-top:0;
        left: auto;
        right: auto;
        bottom: auto;
        position: relative
    }
}

@media only screen and (max-width: 767px) {
    .map-link {
        margin-top:1.875rem;
        left: auto;
        right: auto;
        bottom: auto;
        position: relative
    }
}

.map__logos {
    max-width: 676px;
    margin: 48px auto 0;
    width: 100%;
    padding: 0 16px
}

.gh-other-say {
    background: #f5f6fc;
    margin-top: 5rem;
    padding-top: 5rem;
    padding-bottom: 2.5rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-other-say {
        padding-top:4rem;
        margin-top: 4rem
    }
}

.gh-other-say__holder {
    width: 64rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-other-say__holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-other-say__holder {
        width:40.625rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-other-say__holder {
        width:90%
    }
}

.gh-other-say-wrap {
    position: relative
}

.gh-other-say-wrap:before {
    content: "";
    background-image: url(/static/media/grid.58a3e04e.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    display: block;
    position: absolute;
    left: -4.6875rem;
    top: -4.6875rem;
    opacity: .4
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-other-say-wrap:before {
        top:-3.75rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-other-say-wrap:before {
        top:-3.75rem;
        left: -3.75rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-other-say-wrap:before {
        background-size:6rem 6rem;
        width: 6rem;
        height: 6rem;
        top: -6.375rem;
        left: -2.5rem
    }
}

.gh-other-say__title {
    max-width: 44.25rem;
    color: #15191c;
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.gh-other-say__title img {
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .gh-other-say__title img {
        width:25px
    }
}

@media only screen and (max-width: 767px) {
    .gh-other-say__title {
        font-size:24px;
        line-height: 32px
    }
}

.gh-other-say__subtitle {
    color: #71747a;
    margin-bottom: 23px;
    margin-top: 16px
}

@media only screen and (min-width: 1024px) {
    .gh-other-say__subtitle {
        font-size:20px;
        line-height: 1.6
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-other-say__subtitle {
        font-size:20px;
        line-height: 1.6
    }
}

@media only screen and (max-width: 767px) {
    .gh-other-say__subtitle {
        font-size:16px;
        line-height: 24px
    }
}

.gh-other-say-list {
    margin-top: 2.5rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-other-say-list {
        margin-top:.5rem
    }
}

.gh-other-say-list-item {
    width: 504px;
    background: #fff;
    margin-top: 16px;
    padding: 16px;
    box-shadow: 0 4px 16px 0 rgba(0,38,96,.06);
    border-radius: 2px;
    text-align: left;
    text-align-last: left;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    min-height: 185px
}

.gh-other-say-list-item:nth-child(2n) {
    margin-left: 16px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-other-say-list-item:nth-child(2n) {
        margin-left:0
    }
}

@media only screen and (max-width: 767px) {
    .gh-other-say-list-item:nth-child(2n) {
        margin-left:0
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-other-say-list-item {
        width:29rem;
    }
}

@media only screen and (max-width: 767px) {
    .gh-other-say-list-item {
        width:100%
    }
}

.gh-other-say-list-item-main {
    width: 100%;
    min-height: 2.5rem;
    padding-left: 3rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-other-say-list-item-main {
        padding-left:0
    }
}

.gh-other-say-list-item-user-avatar {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (max-width: 767px) {
    .gh-other-say-list-item-user-avatar {
        position:relative;
        top: auto;
        left: auto
    }
}

.gh-other-say-list-item-user-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

@media only screen and (max-width: 767px) {
    .gh-other-say-list-item-user-info {
        position:absolute;
        top: 0;
        bottom: 0;
        left: 3rem;
        right: 0
    }
}

.gh-other-say-list-item-user-info-top {
    width: 100%;
    padding-top: .625rem;
    color: #71747a;
    font-size: .8125rem;
    line-height: 1.125rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-other-say-list-item-user-info-top {
        padding-top:0;
        line-height: 1rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0
    }
}

.gh-other-say-list-item-user-name {
    font-family: "CircularStd";
    font-size: .8125rem;
    font-weight: 700;
    color: #365799;
    margin-right: .375rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

@media only screen and (max-width: 767px) {
    .gh-other-say-list-item-user-name {
        display:block;
        margin-right: 0;
        padding-right: 2.5rem
    }
}

.gh-other-say-list-item-user-name span {
    color: #71747a;
    font-weight: 400
}

.gh-other-say-list-item-star {
    background-color: #5890ff;
    background-image: url(/static/media/home-other-say-star.fbae6c4b.svg);
    background-repeat: no-repeat;
    background-position: 17px 5px;
    background-size: 10px 10px;
    height: 20px;
    margin-top: -2px;
    font-size: 12px;
    line-height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    padding-left: 6px;
    padding-right: 20px;
    color: #fff;
    border-radius: 100px
}

@media only screen and (max-width: 767px) {
    .gh-other-say-list-item-star {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }
}

.gh-other-say-list-item-post {
    font-size: .875rem;
    line-height: 1.57;
    color: #45454d;
    margin-top: .5rem
}

.gh-other-say-more {
    margin-top: 2.5rem;
    text-align: center;
    text-align-last: center
}

.gh-other-say-more-text {
    color: #71747a;
    font-size: .875rem;
    line-height: 1.57
}

.gh-other-say-more-link {
    background-image: url(/static/media/facebook-logo.7f5efb11.svg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 6.1875rem 1.3125rem;
    width: 6.1875rem;
    height: 1.3125rem;
    margin-top: .5rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.gh-getAGeek-pp {
    margin-top: 7.5rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-pp {
        margin-top:4rem
    }
}

.gh-getAGeek-pp-title {
    color: #15191c;
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-pp-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.gh-getAGeek-pp-list {
    margin-top: 4rem
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-pp-list {
        margin-top:3.5rem
    }
}

.gh-getAGeek-pp-list-item {
    text-align: left;
    text-align-last: left;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-pp-list-item {
        display:block
    }
}

.gh-getAGeek-pp-list-item:first-child {
    z-index: 2
}

.gh-getAGeek-pp-list-item:last-child {
    z-index: 1
}

.gh-getAGeek-pp-green {
    background: #fff;
    width: 25rem;
    height: 16.5rem;
    padding: 1.5rem;
    margin-top: 1.5rem;
    margin-right: -1.5rem;
    border-radius: .125rem;
    box-shadow: 0 1rem 2.5rem 0 rgba(0,53,136,.15),0 .5rem .75rem 0 rgba(0,38,96,.06);
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-pp-green {
        display:none
    }
}

.gh-getAGeek-pp-green:before {
    content: "";
    background-image: url(/static/media/grid-2.64c52fac.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    display: block;
    position: absolute;
    left: -5rem;
    top: -6rem;
    z-index: -1
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-pp-green:before {
        left:-2rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-pp-green:before {
        background-size:6rem 6rem;
        width: 6rem;
        height: 6rem;
        top: -1rem
    }
}

.gh-getAGeek-pp-green-total {
    color: #71747a;
    font-family: "CircularStd";
    font-size: .75rem;
    line-height: 1rem
}

.gh-getAGeek-pp-green-price {
    color: #424347;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700
}

.gh-getAGeek-pp-green-prepay,.gh-getAGeek-pp-green-prepay span,.gh-getAGeek-pp-green-price {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.gh-getAGeek-pp-green-prepay span {
    padding-top: .375rem;
    padding-bottom: .375rem;
    color: #424347;
    font-family: "CircularStd";
    font-size: .875rem;
    line-height: 1.25rem
}

.gh-getAGeek-pp-green-prepay i {
    width: 3rem;
    height: 2rem;
    margin-left: .375rem;
    border: .125rem solid #13cf77;
    border-radius: 1rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative
}

.gh-getAGeek-pp-green-prepay-icon {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: .125rem;
    right: .125rem
}

.gh-getAGeek-pp-green-progress {
    background: rgba(212,217,237,.5);
    width: 100%;
    height: .5rem;
    margin-top: 1.5rem;
    border-radius: .25rem;
    position: relative
}

.gh-getAGeek-pp-green-progress:after {
    content: "";
    display: block;
    background: #13cf77;
    width: 36%;
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: .25rem
}

.gh-getAGeek-pp-green-text {
    margin-top: 1.5rem
}

.gh-getAGeek-pp-green-text-left {
    color: #474747;
    font-weight: 500
}

.gh-getAGeek-pp-green-text-left,.gh-getAGeek-pp-green-text-right {
    font-family: "CircularStd";
    font-size: .875rem;
    line-height: 1.125rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    text-align: left;
    text-align-last: left
}

.gh-getAGeek-pp-green-text-right {
    width: 13.125rem;
    margin-left: 1.875rem;
    color: #77787a
}

.gh-getAGeek-pp-green-button {
    margin-top: 24px;
    background: #13cf77;
    padding: 1.0625rem 2.5rem;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    box-shadow: 0 4px 12px 0 rgba(18,173,100,.4);
    font-weight: 700;
    font-family: "CircularStd";
    border-radius: .25rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-getAGeek-pp-green-button {
        padding-left:16px;
        padding-right: 16px
    }
}

@media only screen and (max-width: 1023px) {
    .gh-getAGeek-pp-green-button {
        padding-left:16px;
        padding-right: 16px
    }
}

.gh-getAGeek-pp-blue {
    background: #fff;
    width: 27.4375rem;
    height: 19.5rem;
    border: .1875rem solid #2934f9;
    border-radius: .125rem;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-pp-blue {
        width:20.625rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-pp-blue {
        width:80vw;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding: 3.5rem 1rem 1.5rem;
        z-index: auto;
        border-radius: 0
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-pp-blue:before {
        content:"";
        background-image: url(/static/media/grid-2.64c52fac.svg);
        background-repeat: no-repeat;
        background-size: 6rem 6rem;
        width: 6rem;
        height: 6rem;
        display: block;
        position: absolute;
        left: -3.125rem;
        top: -2.875rem;
        z-index: -1
    }
}

.gh-getAGeek-pp-blue-top {
    background: #fff;
    width: 9.375rem;
    height: 4rem;
    padding-top: .5rem;
    border: .1875rem solid #2934f9;
    border-radius: 2rem;
    text-align: center;
    text-align-last: center;
    position: absolute;
    top: -2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 1rem 2.5rem 0 rgba(0,53,136,.15),0 .5rem .75rem 0 rgba(0,38,96,.06);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.gh-getAGeek-pp-blue-top-from {
    color: #637293;
    font-family: "CircularStd";
    font-size: .75rem;
    line-height: .9375rem
}

.gh-getAGeek-pp-blue-top-price {
    color: #000;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 700
}

.gh-getAGeek-pp-blue-top-price span {
    font-size: .875rem
}

.gh-getAGeek-pp-blue-bottom {
    position: absolute;
    left: 3rem;
    right: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-pp-blue-bottom {
        position:relative;
        left: auto;
        right: auto;
        top: auto;
        -webkit-transform: none;
        transform: none
    }
}

.gh-getAGeek-pp-blue-bottom-text {
    color: #637293;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-pp-blue-bottom-text {
        font-size:.875rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-pp-blue-bottom-text p {
        display:inline
    }
}

.gh-getAGeek-pp-blue-bottom-subtext {
    margin-top: 1.5rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: .75rem;
    line-height: 1.5rem
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-pp-blue-bottom-subtext {
        margin-top:1rem
    }
}

@media only screen and (min-width: 1024px) {
    .other {
        padding-top:80px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .other {
        padding:64px 16px 0
    }
}

@media only screen and (max-width: 767px) {
    .other {
        padding:64px 16px 0
    }
}

.other-title {
    font-weight: 700;
    text-align: center;
    color: #15191c
}

@media only screen and (min-width: 1024px) {
    .other-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .other-title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .other-title {
        font-size:24px;
        line-height: 32px
    }
}

.other-items {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .other-items {
        margin-top:48px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .other-items {
        flex-direction:column;
        margin-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .other-items {
        flex-direction:column;
        margin-top: 24px
    }
}

.other-item {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    box-shadow: 0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15)
}

@media only screen and (min-width: 1024px) {
    .other-item {
        padding:40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .other-item {
        padding:24px
    }
}

@media only screen and (max-width: 767px) {
    .other-item {
        padding:24px
    }
}

.other-item-title {
    font-weight: 700;
    color: #fff;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .other-item-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .other-item-title {
        font-size:24px;
        line-height: 30px
    }
}

@media only screen and (max-width: 767px) {
    .other-item-title {
        font-size:24px;
        line-height: 30px
    }
}

.other-item-link {
    display: flex;
    align-items: center;
    color: #fff;
    position: relative
}

.other-item-link img {
    margin-left: 4px
}

.other-item {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .other-item {
        width:608px;
        height: 520px;
        margin-right: 16px
    }

    .other-item:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .other-item {
        width:468px;
        height: 400px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .other-item {
        width:288px;
        height: 246px;
        margin-top: 8px
    }

    .other-item:first-child {
        margin-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .other-item {
        width:288px;
        height: 246px;
        margin-top: 8px
    }

    .other-item:first-child {
        margin-top: 0
    }
}

.other-item-img {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: contain;
    height: inherit
}

.gh-getAGeek {
    padding-bottom: 5rem
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek {
        padding-bottom:4rem
    }
}

.gh-getAGeek .landing-input-error-msg {
    color: #fff
}

.gh-getAGeek .gh-landing-form-aux .landing-input-error-msg {
    color: #6f7a7c
}

.gh-getAGeek .gh-disclaimer-block {
    margin-top: 5rem
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek .gh-disclaimer-block {
        margin-top:4rem
    }
}

.gh-getAGeek .gh-landing-form-wrapper {
    margin-top: 5rem
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek .gh-landing-form-wrapper {
        margin-top:4rem
    }
}

.gh-getAGeek .gh-hiw {
    padding-top: 7.5rem
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek .gh-hiw {
        padding-top:5rem
    }
}

.gh-getAGeek-holder {
    width: 77rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-getAGeek-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-holder {
        width:45rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-holder {
        width:90%
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-holder .gh-getAGeek-holder2 {
        width:100%
    }
}

.gh-getAGeek-holder2 {
    width: 64rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-getAGeek-holder2 {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-holder2 {
        width:45rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-holder2 {
        width:90%
    }
}

.gh-getAGeek-hero {
    background-image: url(/static/media/bg-main-photo.ca3ce908.jpg);
    background-color: #000;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .gh-getAGeek-hero {
        background-image:url(/static/media/bg-main-photo@2x.0868d7d0.jpg)
    }
}

@media only screen and (min-width: 1024px) {
    .gh-getAGeek-hero {
        padding-top:184px;
        height: 720px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-hero {
        padding-top:184px;
        height: 720px
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-hero {
        height:667px;
        padding-top: 184px
    }
}

.gh-getAGeek-hero-title {
    color: #fff;
    font-family: "CircularStd";
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-hero-title {
        font-size:2rem;
        line-height: 2.5rem
    }
}

.gh-getAGeek-hero-subtitle {
    margin-top: 1.5rem;
    color: #fff;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-hero-subtitle {
        margin-top:1rem;
        font-size: 1rem;
        line-height: 2rem
    }
}

.gh-getAGeek-form {
    margin-top: 7.5rem
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-form {
        margin-top:4rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-form .is-open {
        width:100%;
        margin: 0
    }
}

.gh-getAGeek-hero-description {
    margin-top: 3rem;
    color: #d4d9ed;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-hero-description {
        font-size:.875rem;
        line-height: 1.125rem
    }
}

.gh-getAGeek-wgi {
    padding-top: 3rem;
    padding-bottom: 5rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-wgi {
        padding-top:5rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-wgi {
        padding-top:3rem;
        padding-bottom: 2.5rem
    }
}

.gh-getAGeek-wgi-wrapper {
    background-image: url(/static/media/ill-we-get-it-college-life-is-not-easy.ef761848.svg);
    background-repeat: no-repeat;
    background-size: 25rem 21.25rem;
    background-position: 100% 0;
    min-height: 21.25rem;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-wgi-wrapper {
        background-size:18.5rem 16.125rem;
        min-height: 0;
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-wgi-wrapper {
        background-position:center 5rem;
        background-size: 73vw 63.75vw;
        padding-top: calc(63.75vw + 5rem)
    }
}

.gh-getAGeek-wgi-title {
    max-width: 29.5625rem;
    padding-top: 2rem;
    color: #15191c;
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-wgi-title {
        max-width:24rem;
        padding-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-wgi-title {
        padding-top:0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        font-size: 1.5rem;
        line-height: 2rem;
        text-align: center;
        text-align-last: center
    }
}

.gh-getAGeek-wgi-title:before {
    content: "";
    background-image: url(/static/media/grid.58a3e04e.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    display: block;
    position: absolute;
    left: -2.875rem;
    top: 0;
    opacity: .4
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-wgi-title:before {
        top:-2rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-wgi-title:before {
        background-size:6rem 6rem;
        width: 6rem;
        height: 6rem;
        top: -1rem
    }
}

.gh-getAGeek-wgi-list {
    max-width: 488px;
    margin-top: 20px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-wgi-list {
        max-width:384px
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-wgi-list {
        text-align:center;
        text-align-last: center;
        margin-left: auto;
        margin-right: auto
    }
}

.gh-getAGeek-wgi-list-item {
    color: #637293;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem
}

.gh-getAGeek-wgi-list-item+.gh-getAGeek-wgi-list-item {
    margin-top: 1.5rem
}

.gh-getAGeek-st {
    background: #f5f6fc;
    padding-top: 5rem;
    padding-bottom: 4rem;
    text-align: center;
    text-align-last: center;
    overflow-x: hidden
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st {
        padding-top:4rem
    }
}

.gh-getAGeek-st-title {
    color: #15191c;
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    text-align: center;
    text-align-last: center;
    position: relative
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.gh-getAGeek-st-subtitle {
    margin-top: 1rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-align-last: center
}

.gh-getAGeek-st-list {
    margin-top: 2.5rem
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st-list {
        margin-top:1.5rem
    }
}

.gh-getAGeek-st-list-item {
    width: 26rem;
    height: 28.125rem;
    margin-left: .5rem;
    margin-right: .5rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-st-list-item {
        width:21.5rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st-list-item {
        width:48%;
        height: 15rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st-list-item:first-child {
        margin-right:1%;
        margin-left: 0
    }
}

.gh-getAGeek-st-list-item:first-child:before {
    content: "";
    background: #1ed761;
    width: 10.25rem;
    height: 10.25rem;
    display: block;
    position: absolute;
    left: -14.5rem;
    top: 5.625rem;
    opacity: .3;
    border-radius: 50%
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-getAGeek-st-list-item:first-child:before {
        left:-4rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st-list-item:first-child:before {
        top:7.75rem;
        left: -5rem
    }
}

.gh-getAGeek-st-list-item:first-child:after {
    content: "";
    background: rgba(144,19,254,.38);
    width: 5rem;
    height: 5rem;
    display: block;
    position: absolute;
    left: -3.25rem;
    top: -2.4375rem;
    opacity: .3;
    border-radius: 50%
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-getAGeek-st-list-item:first-child:after {
        left:8rem;
        top: -2.875rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st-list-item:first-child:after {
        top:-.875rem
    }
}

.gh-getAGeek-st-list-item:first-child .gh-getAGeek-st-list-item-image {
    background-image: url(/static/media/ill-spend-hours-researching.fdbd0d60.svg)
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st-list-item:last-child {
        margin-left:1%;
        margin-right: 0
    }
}

.gh-getAGeek-st-list-item:last-child:before {
    content: "";
    background: rgba(41,52,249,.38);
    width: 12.5rem;
    height: 12.5rem;
    display: block;
    position: absolute;
    right: -14.875rem;
    top: -7.25rem;
    opacity: .3;
    border-radius: 50%
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-getAGeek-st-list-item:last-child:before {
        right:-10rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st-list-item:last-child:before {
        right:-6.875rem;
        top: -6.25rem
    }
}

.gh-getAGeek-st-list-item:last-child .gh-getAGeek-st-list-item-image {
    background-image: url(/static/media/ill-save-time-and-ask-an-expert.b0bb0f3d.svg)
}

.gh-getAGeek-st-list-item-content {
    background: #fff;
    padding: 1.5rem 1rem;
    border-radius: .125rem;
    box-shadow: 0 1rem 2.5rem 0 rgba(0,53,136,.15),0 .5rem .75rem 0 rgba(0,38,96,.06);
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st-list-item-content {
        height:inherit;
        padding: 1rem .375rem 1.5rem
    }
}

.gh-getAGeek-st-list-item-icon {
    width: 3rem;
    height: 3rem;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.gh-getAGeek-st-list-item-title {
    margin-top: 1rem;
    color: #15191c;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 700;
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-st-list-item-title {
        font-size:1.25rem;
        line-height: 1.5rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st-list-item-title {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

.gh-getAGeek-st-list-item-description {
    margin-top: 1rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-getAGeek-st-list-item-description {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st-list-item-description {
        font-size:.75rem;
        line-height: 1.25rem
    }
}

.gh-getAGeek-st-list-item-image {
    background-size: 17rem 13.875rem;
    background-repeat: no-repeat;
    width: 17rem;
    height: 13.875rem;
    margin-top: 1.5rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .gh-getAGeek-st-list-item-image {
        display:none
    }
}

@-webkit-keyframes falsum {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }
}

@keyframes falsum {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }
}

.demoSubjects {
    background: url(/static/media/bg.d80a7538.svg) no-repeat #061264;
    background-size: cover;
    overflow: hidden;
    margin-top: 80px;
    padding: 64px 0
}

.demoSubjects .demoRow {
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 8px;
    -webkit-animation-name: falsum;
    animation-name: falsum;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 0ms;
    animation-duration: 0ms;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.demoSubjects .demoRow.mounted.mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .demoSubjects .demoRow.mounted.desktop {
        display:none
    }

    .demoSubjects .demoRow.mounted.mobile {
        display: inline-block
    }
}

.demoSubjects .demoItem {
    display: inline-flex;
    align-items: center;
    height: 48px;
    background: #172387;
    border: 2px solid #3251ef;
    box-sizing: border-box;
    border-radius: 16px 16px 16px 1px;
    margin-right: 8px;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    padding: 0 12px
}

.demoSubjects .demoSubjects__list {
    visibility: hidden;
    margin-top: 40px
}

.demoSubjects .demoSubjects__list_mounted {
    visibility: unset
}

.demoSubjects .demoSubjects__title {
    font-weight: 700;
    text-align: center;
    color: #fff;
    max-width: 800px;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .demoSubjects .demoSubjects__title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .demoSubjects .demoSubjects__title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .demoSubjects .demoSubjects__title {
        font-size:24px;
        line-height: 32px
    }
}

.demoSubjects .demoSubjects__subtitle {
    font-weight: 450;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #94a2b3;
    margin-top: 40px
}

.homeworkhelp {
    padding-bottom: 80px
}

@media only screen and (max-width: 767px) {
    .homeworkhelp {
        padding-bottom:64px
    }
}

.homeworkhelp .landing-input-error-msg {
    color: #fff
}

.homeworkhelp .gh-landing-form-aux .landing-input-error-msg {
    color: #6f7a7c
}

.homeworkhelp .gh-disclaimer-block {
    margin-top: 5rem
}

@media only screen and (max-width: 767px) {
    .homeworkhelp .gh-disclaimer-block {
        margin-top:4rem
    }
}

.homeworkhelp .gh-landing-form-wrapper {
    margin-top: 5rem
}

@media only screen and (max-width: 767px) {
    .homeworkhelp .gh-landing-form-wrapper {
        margin-top:4rem
    }
}

.homeworkhelp .gh-hiw {
    padding-top: 7.5rem
}

@media only screen and (max-width: 767px) {
    .homeworkhelp .gh-hiw {
        padding-top:5rem
    }
}

.homeworkhelp-holder {
    width: 77rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .homeworkhelp-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homeworkhelp-holder {
        width:45rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-holder {
        width:90%
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-holder .homeworkhelp-holder2 {
        width:100%
    }
}

.homeworkhelp-holder2 {
    width: 64rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .homeworkhelp-holder2 {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homeworkhelp-holder2 {
        width:45rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-holder2 {
        width:90%
    }
}

.homeworkhelp-hero {
    background-image: url(/static/media/bg-main-photo.ca3ce908.jpg);
    background-color: #000;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .homeworkhelp-hero {
        background-image:url(/static/media/bg-main-photo@2x.0868d7d0.jpg)
    }
}

@media only screen and (min-width: 1024px) {
    .homeworkhelp-hero {
        padding-top:184px;
        height: 720px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homeworkhelp-hero {
        padding-top:184px;
        height: 720px
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-hero {
        height:667px;
        padding-top: 140px
    }
}

.homeworkhelp-hero-title {
    color: #fff;
    font-family: "CircularStd";
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-hero-title {
        font-size:2rem;
        line-height: 2.5rem
    }
}

.homeworkhelp-hero-subtitle {
    margin-top: 1.5rem;
    color: #fff;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-hero-subtitle {
        margin-top:1rem;
        font-size: 1rem;
        line-height: 2rem
    }
}

.homeworkhelp-form {
    margin-top: 7.5rem
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-form {
        margin-top:4rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-form .is-open {
        width:100%;
        margin: 0
    }
}

.homeworkhelp-hero-description {
    margin-top: 24px;
    color: #d4d9ed;
    font-family: "CircularStd";
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homeworkhelp-hero-description {
        font-size:16px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .homeworkhelp-hero-description {
        font-size:16px;
        line-height: 20px
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-hero-description {
        font-size:14px;
        line-height: 18px
    }
}

.homeworkhelp-wgi {
    padding-top: 3rem;
    padding-bottom: 5rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homeworkhelp-wgi {
        padding-top:5rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-wgi {
        padding-top:3rem;
        padding-bottom: 2.5rem
    }
}

.homeworkhelp-wgi-wrapper {
    background-image: url(/static/media/ill-we-get-it-college-life-is-not-easy.ef761848.svg);
    background-repeat: no-repeat;
    background-size: 25rem 21.25rem;
    background-position: 100% 0;
    min-height: 21.25rem;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homeworkhelp-wgi-wrapper {
        background-size:18.5rem 16.125rem;
        min-height: 0;
        margin-right: 1rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-wgi-wrapper {
        background-position:center 5rem;
        background-size: 73vw 63.75vw;
        padding-top: calc(63.75vw + 5rem)
    }
}

.homeworkhelp-wgi-title {
    max-width: 29.5625rem;
    padding-top: 2rem;
    color: #15191c;
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homeworkhelp-wgi-title {
        max-width:24rem;
        padding-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-wgi-title {
        padding-top:0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        font-size: 1.5rem;
        line-height: 2rem;
        text-align: center;
        text-align-last: center;
        max-width: auto
    }
}

.homeworkhelp-wgi-title:before {
    content: "";
    background-image: url(/static/media/grid.58a3e04e.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    display: block;
    position: absolute;
    left: -2.875rem;
    top: 0;
    opacity: .4
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homeworkhelp-wgi-title:before {
        top:-2rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-wgi-title:before {
        background-size:6rem 6rem;
        width: 6rem;
        height: 6rem;
        top: -1rem
    }
}

.homeworkhelp-wgi-list {
    max-width: 25rem;
    margin-top: 1.25rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homeworkhelp-wgi-list {
        max-width:19rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-wgi-list {
        text-align:center;
        text-align-last: center;
        margin-left: auto;
        margin-right: auto
    }
}

.homeworkhelp-wgi-list-item {
    color: #637293;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem
}

.homeworkhelp-wgi-list-item+.homeworkhelp-wgi-list-item {
    margin-top: 1.5rem
}

.homeworkhelp-st {
    background: #f5f6fc;
    padding-top: 5rem;
    padding-bottom: 4rem;
    text-align: center;
    text-align-last: center;
    overflow-x: hidden
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st {
        padding-top:4rem
    }
}

.homeworkhelp-st-title {
    color: #15191c;
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    text-align: center;
    text-align-last: center;
    position: relative;
    max-width: 380px;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.homeworkhelp-st-title:before {
    content: "";
    background-image: url(/static/media/grid-blue.354b4e24.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    display: block;
    position: absolute;
    left: 50%;
    top: -1rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .4
}

.homeworkhelp-st-subtitle {
    margin-top: 1rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
    text-align-last: center
}

.homeworkhelp-st-list {
    margin-top: 2.5rem
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st-list {
        margin-top:1.5rem
    }
}

.homeworkhelp-st-list-item {
    width: 26rem;
    height: 28.125rem;
    margin-left: .5rem;
    margin-right: .5rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homeworkhelp-st-list-item {
        width:21.5rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st-list-item {
        width:48%;
        height: 15rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st-list-item:first-child {
        margin-right:1%;
        margin-left: 0
    }
}

.homeworkhelp-st-list-item:first-child:before {
    content: "";
    background: #1ed761;
    width: 10.25rem;
    height: 10.25rem;
    display: block;
    position: absolute;
    left: -14.5rem;
    top: 5.625rem;
    opacity: .3;
    border-radius: 50%
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .homeworkhelp-st-list-item:first-child:before {
        left:-4rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st-list-item:first-child:before {
        top:7.75rem;
        left: -5rem
    }
}

.homeworkhelp-st-list-item:first-child:after {
    content: "";
    background: rgba(144,19,254,.38);
    width: 5rem;
    height: 5rem;
    display: block;
    position: absolute;
    left: -3.25rem;
    top: -2.4375rem;
    opacity: .3;
    border-radius: 50%
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .homeworkhelp-st-list-item:first-child:after {
        left:8rem;
        top: -2.875rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st-list-item:first-child:after {
        top:-.875rem
    }
}

.homeworkhelp-st-list-item:first-child .homeworkhelp-st-list-item-image {
    background-image: url(/static/media/ill-spend-hours-researching.fdbd0d60.svg)
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st-list-item:last-child {
        margin-left:1%;
        margin-right: 0
    }
}

.homeworkhelp-st-list-item:last-child:before {
    content: "";
    background: rgba(41,52,249,.38);
    width: 12.5rem;
    height: 12.5rem;
    display: block;
    position: absolute;
    right: -14.875rem;
    top: -7.25rem;
    opacity: .3;
    border-radius: 50%
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .homeworkhelp-st-list-item:last-child:before {
        right:-10rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st-list-item:last-child:before {
        right:-6.875rem;
        top: -6.25rem
    }
}

.homeworkhelp-st-list-item:last-child .homeworkhelp-st-list-item-image {
    background-image: url(/static/media/ill-save-time-and-ask-an-expert.b0bb0f3d.svg)
}

.homeworkhelp-st-list-item-content {
    background: #fff;
    padding: 1.5rem 1rem;
    border-radius: .125rem;
    box-shadow: 0 1rem 2.5rem 0 rgba(0,53,136,.15),0 .5rem .75rem 0 rgba(0,38,96,.06);
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st-list-item-content {
        height:inherit;
        padding: 1rem .375rem 1.5rem
    }
}

.homeworkhelp-st-list-item-icon {
    width: 3rem;
    height: 3rem;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.homeworkhelp-st-list-item-title {
    margin-top: 1rem;
    color: #15191c;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 700;
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homeworkhelp-st-list-item-title {
        font-size:1.25rem;
        line-height: 1.5rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st-list-item-title {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

.homeworkhelp-st-list-item-description {
    margin-top: 1rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homeworkhelp-st-list-item-description {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st-list-item-description {
        font-size:.75rem;
        line-height: 1.25rem
    }
}

.homeworkhelp-st-list-item-image {
    background-size: 17rem 13.875rem;
    background-repeat: no-repeat;
    width: 17rem;
    height: 13.875rem;
    margin-top: 1.5rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .homeworkhelp-st-list-item-image {
        display:none
    }
}

.reportAbuse {
    padding-top: 150px;
    padding-bottom: 5rem
}

@media only screen and (max-width: 767px) {
    .reportAbuse {
        padding-top:120px;
        padding-bottom: 4rem
    }
}

.reportAbuse-holder {
    width: 64rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .reportAbuse-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reportAbuse-holder {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .reportAbuse-holder {
        width:90%
    }
}

.reportAbuse-title {
    color: #15191c;
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .reportAbuse-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.reportAbuse-subtitle {
    margin-top: 1.5rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 2.5rem
}

@media only screen and (max-width: 767px) {
    .reportAbuse-subtitle {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.reportAbuse-form {
    margin-top: 3rem
}

.reportAbuse-form-title {
    color: #15191c;
    font-family: "CircularStd";
    font-size: 2rem;
    line-height: 2.75rem;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .reportAbuse-form-title {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.reportAbuse-radio-item {
    margin-top: 1rem;
    position: relative
}

.reprotAbuse-radio {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.reprotAbuse-radio:checked+.reportAbuse-label {
    border: .1875rem solid #2934f9
}

.reprotAbuse-radio:checked+.reportAbuse-label:before {
    border-color: #1ed760
}

.reprotAbuse-radio:checked+.reportAbuse-label:after {
    opacity: 1
}

.reportAbuse-label {
    background: #fff;
    padding: 1.5rem 1.5rem 1.5rem 4rem;
    box-shadow: 0 .25rem 1rem 0 rgba(92,102,133,.16);
    border-radius: .125rem;
    color: #15191c;
    font-family: "CircularStd";
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700;
    display: block;
    position: relative;
    cursor: pointer;
    border: .1875rem solid transparent;
    transition: border .3s linear
}

@media only screen and (max-width: 767px) {
    .reportAbuse-label {
        font-size:1rem;
        line-height: 1.5rem;
        padding: 1rem 1rem 1rem 3.5rem
    }
}

.reportAbuse-label:before {
    content: "";
    display: block;
    position: absolute;
    top: 1.375rem;
    left: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    border: .0625rem solid #637293;
    border-radius: 50%;
    transition: border .3s linear
}

@media only screen and (max-width: 767px) {
    .reportAbuse-label:before {
        top:1rem;
        left: 1rem
    }
}

.reportAbuse-label:after {
    content: "";
    display: block;
    background: #1ed760;
    position: absolute;
    top: 1.6875rem;
    left: 1.8125rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s linear
}

@media only screen and (max-width: 767px) {
    .reportAbuse-label:after {
        top:1.3125rem;
        left: 1.3125rem
    }
}

.reportAbuse-label span {
    margin-top: .5rem;
    color: #637293;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    display: block
}

@media only screen and (max-width: 767px) {
    .reportAbuse-label span {
        font-size:.875rem
    }
}

.reportAbuse-field-item {
    margin-top: 3rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .reportAbuse-field-item {
        margin-top:2.5rem
    }
}

.reportAbuse-form-item-label {
    color: #15191c;
    font-family: "CircularStd";
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 700;
    display: block
}

@media only screen and (max-width: 767px) {
    .reportAbuse-form-item-label {
        font-size:1rem
    }
}

.reportAbuse-input-wrapper {
    width: 25rem;
    margin-top: 1rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .reportAbuse-input-wrapper {
        width:100%
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reportAbuse-input-wrapper .form-input__error {
        position:absolute;
        right: auto;
        left: 100%;
        top: -.375rem;
        -webkit-transform: translateX(.625rem);
        transform: translateX(.625rem)
    }

    .reportAbuse-input-wrapper .form-input__error:before {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .reportAbuse-input-wrapper .form-input__error {
        width:100%;
        position: absolute;
        right: auto;
        left: 50%;
        top: -100%;
        -webkit-transform: translate(-50%,-1.25rem);
        transform: translate(-50%,-1.25rem)
    }

    .reportAbuse-input-wrapper .form-input__error:before {
        display: block;
        left: 50%;
        top: 100%;
        -webkit-transform: translate(-50%,-.25rem) rotate(225deg);
        transform: translate(-50%,-.25rem) rotate(225deg)
    }
}

.reportAbuse-textarea {
    height: 7.75rem;
    border: .0625rem solid #dadce0;
    margin-top: 1rem
}

.reportAbuse-textarea.textarea_error {
    border-color: #fa540a
}

.reportAbuse-textarea:focus:not(.textarea_error) {
    border-color: #5e6067;
    color: #424347
}

.reportAbuse-before-submit {
    margin-top: 1.5rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem
}

@media only screen and (max-width: 767px) {
    .reportAbuse-before-submit {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

.reportAbuse-submit {
    width: 13rem;
    height: 3rem;
    margin-top: 2.5rem;
    margin-left: auto;
    margin-right: auto
}

.reportAbuse-submit .button-wrapper {
    height: inherit
}

.reportAbuse-submit .button {
    padding-top: .5625rem;
    padding-bottom: .5625rem
}

.reportAbuse-success {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.maintenance-page {
    background-color: #eff1f6
}

.maintenance {
    text-align: center;
    text-align-last: center;
    padding-top: 6.25rem;
    padding-bottom: 16.875rem
}

@media only screen and (max-width: 1023px) {
    .maintenance {
        padding-top:5rem;
        padding-bottom: 6.5rem
    }
}

.maintenance__title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.33;
    color: #424347;
    margin-bottom: 1rem
}

.maintenance__desc {
    font-size: 1rem;
    line-height: 1.5;
    color: #474747
}

@media only screen and (max-width: 1023px) {
    .maintenance__desc {
        margin:0 1rem
    }
}

.maintenance__img {
    margin-bottom: 1.625rem
}

.maintenance__img img {
    margin: 0 auto;
    max-width: 100%
}

.not-found-page {
    background-color: #eff1f6
}

.not-found {
    text-align: center;
    padding-top: 9.0625rem;
    padding-bottom: 18.75rem
}

.not-found__title {
    font-family: "CircularStd";
    font-size: 5.5rem;
    font-weight: 700;
    line-height: 1;
    color: #424347;
    margin-bottom: .5rem
}

.not-found__desc {
    font-family: "CircularStd";
    line-height: 1.5;
    color: #474747;
    font-size: 1rem;
    margin-bottom: 1.5rem
}

.not-found__img {
    margin-bottom: 1rem
}

.not-found__img img {
    margin: 0 auto;
    max-width: 100%
}

.not-found__button-wrapper {
    display: inline-block
}

.t-st-management {
    padding-top: 14px
}

.t-st-management .t-content {
    margin: 0 2.25rem;
    max-width: 100%;
    position: relative
}

@media only screen and (max-width: 767px) {
    .t-st-management .t-content {
        margin:0 1rem
    }
}

@media only screen and (max-width: 1023px) {
    .t-st-management {
        display:none
    }
}

@media only screen and (max-width: 1024px) {
    .gl-landing-page--teachers .t-st-management .t-content {
        margin:0
    }
}

.t-st-management .t-landing-title {
    text-align: center;
    margin-bottom: 28px
}

.t-st-management .t-st-management__ic-wrap {
    text-align: center;
    padding: 42px 0 11px
}

@media only screen and (max-width: 600px) {
    .t-st-management .t-st-management__ic-wrap {
        padding-top:15px
    }
}

.t-st-management .t-st-management__ic {
    width: 64px;
    height: 64px
}

.t-st-management__list {
    position: relative;
    padding: 0 80px
}

@media only screen and (max-width: 1024px) {
    .t-st-management__list {
        padding:0
    }
}

.t-st-management__item {
    background-position: 10px top;
    background-repeat: no-repeat;
    display: flex
}

@media only screen and (max-width: 768px) {
    .t-st-management__item {
        margin-bottom:12px
    }
}

.t-st-management__item .t-st-management__item__info {
    padding: 12px 20px;
    position: relative;
    z-index: 1;
    max-width: 470px
}

.t-st-management__item .t-st-management__title {
    font-size: 20px;
    font-weight: 700;
    color: #71747a;
    margin-bottom: 8px
}

.t-st-management__item .t-st-management__desc {
    font-size: 16px;
    line-height: 1.5;
    color: #71747a
}

.t-st-management__item img {
    height: 452px;
    position: absolute;
    right: 0;
    top: 40px;
    opacity: 0
}

@media only screen and (max-width: 1231px) and (min-width:1025px) {
    .t-st-management__item img {
        height:auto;
        width: 45%;
        top: 80px
    }
}

@media only screen and (max-width: 1024px) {
    .t-st-management__item img {
        width:50%;
        height: auto;
        top: 100px
    }
}

.t-st-management__item.active img {
    opacity: 1;
    transition: opacity .3s ease
}

.t-st-management__item.active .t-st-management__title {
    color: #13cf77
}

@media only screen and (max-width: 768px) {
    .t-st-management__item.active .t-st-management__title {
        color:#71747a
    }
}

@media only screen and (max-width: 768px) {
    .t-st-management__item .t-st-management__img {
        display:none
    }
}

.t-st-management__item span {
    display: block
}

@media only screen and (max-width: 768px) {
    .t-st-management__item span {
        display:inline
    }
}

.t-st-management__item .background {
    display: block;
    width: 4px;
    height: 106px;
    border-radius: 2px;
    background-color: #13cf77;
    position: absolute;
    z-index: 0;
    transition: all .15s ease-out
}

.t-student-management {
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .t-student-management {
        display:none
    }
}

@media only screen and (min-width: 1024px) {
    .t-student-management.t-container {
        width:51.875rem;
        margin: 0 auto
    }
}

.t-student-management .t-landing-title {
    text-align: center;
    margin-bottom: 28px
}

@media only screen and (max-width: 1023px) {
    .t-student-management .t-landing-title {
        margin-bottom:5px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .t-student-management .t-landing-title {
        margin-bottom:24px
    }
}

@media only screen and (max-width: 767px) {
    .t-student-management .t-landing-title {
        margin-bottom:24px
    }
}

.t-student-management .t-st-management__ic-wrap {
    text-align: center;
    padding: 42px 0 11px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .t-student-management .t-st-management__ic-wrap {
        padding-top:15px
    }
}

@media only screen and (max-width: 767px) {
    .t-student-management .t-st-management__ic-wrap {
        padding-top:15px
    }
}

.t-student-management .t-st-management__ic {
    width: 64px;
    height: 64px
}

.t-student-management .t-st-management__title {
    font-size: 20px;
    font-weight: 700;
    color: #71747a;
    margin-bottom: 8px
}

.t-student-management .t-st-management__desc {
    font-size: 16px;
    line-height: 1.5;
    color: #71747a
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .t-student-management .t-st-management__desc {
        max-width:280px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .t-student-management .t-st-management__desc {
        max-width:280px;
        margin: 0 auto
    }
}

.t-student-management .slick-slider {
    position: relative;
    max-width: 58.5rem
}

.t-student-management .slick-list {
    overflow-x: hidden;
    border-radius: 4px;
    background-color: #fff;
    touch-action: none
}

.t-student-management .slick-arrow {
    display: none!important
}

.t-student-management .slick-track {
    display: flex
}

.t-student-management .slick-slide .t-title--type-3 {
    margin-bottom: 1.3125rem;
    text-align: left
}

.t-student-management .slick-dots {
    text-align: center;
    position: absolute;
    width: 100%
}

.t-student-management .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px;
    width: auto;
    height: auto
}

.t-student-management .slick-dots li button {
    text-indent: -9999px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #b8c8cc;
    display: block
}

.t-student-management .slick-dots li.slick-active button {
    background-color: #637293
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .t-student-management .t-container__img__wrap {
        width:100%;
        max-height: 230px;
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .t-student-management .t-container__img__wrap {
        width:100%;
        max-height: 230px;
        margin-bottom: 50px
    }
}

.t-student-management .t-container__img {
    display: inline;
    width: auto;
    max-height: 454px;
    margin-bottom: 50px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .t-student-management .t-container__img {
        width:auto;
        max-height: 230px;
        max-width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .t-student-management .t-container__img {
        width:auto;
        max-height: 230px;
        max-width: 100%
    }
}

.price1 {
    margin: 0 8px
}

.price1__img {
    margin: 0 auto
}

.price1__title {
    font-weight: 700;
    text-align: center;
    color: #424347;
    margin-top: 16px
}

@media only screen and (min-width: 1024px) {
    .price1__title {
        font-size:32px;
        line-height: 44px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .price1__title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .price1__title {
        font-size:24px;
        line-height: 32px
    }
}

.price1__items {
    justify-content: center;
    margin-top: 40px;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .price1__items {
        flex-direction:column
    }
}

@media only screen and (max-width: 767px) {
    .price1__items {
        flex-direction:column
    }
}

.price1__item img {
    margin: 0 auto
}

.price1__item_1 {
    padding: 40px 32px 0;
    background: #fff;
    box-shadow: 0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15);
    border-radius: 4px
}

@media only screen and (min-width: 1024px) {
    .price1__item_1 {
        width:460px;
        height: 524px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .price1__item_1 {
        position:relative;
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .price1__item_1 {
        position:relative;
        padding-bottom: 40px
    }
}

.price1__item_2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 26px;
    background: #eff1f6;
    border-radius: 0 4px 4px 0
}

@media only screen and (min-width: 1024px) {
    .price1__item_2 {
        width:400px;
        height: 456px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .price1__item_2 {
        padding-bottom:40px;
        padding-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .price1__item_2 {
        padding-bottom:40px;
        padding-top: 40px
    }
}

.price1__item-img {
    margin: 0 auto
}

.price1__item-title {
    font-weight: 700;
    font-size: 20px;
    color: #424347
}

.price1__item-text,.price1__item-title {
    line-height: 24px;
    text-align: center;
    margin-top: 16px
}

.price1__item-text {
    font-size: 16px;
    color: #71747a
}

.price1__item-price {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #424347;
    text-align: center;
    margin-top: 32px
}

.price1__list {
    border-top: 1px solid #eff1f6;
    padding-top: 32px;
    margin-top: 16px
}

.price1__list-item {
    font-size: 16px;
    line-height: 20px;
    color: #637293;
    margin-top: 14px;
    position: relative;
    padding-left: 28px
}

.price1__list-item:first-child {
    margin-top: 0
}

.price1__list-item:before {
    content: "";
    background: url(/static/media/ic-check.ee4fab6c.svg) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0
}

.price1__item-btn {
    display: inline-block;
    margin: 40px auto 0;
    min-width: 188px
}

.price1__item-desc {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #71747a
}

.t-landing__banner {
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 600px) {
    .t-landing__banner {
        font-size:32px;
        align-items: flex-start;
        padding-top: 120px
    }
}

.t-landing__banner .t-landing-title {
    margin: 0 auto;
    text-align: center;
    font-size: 32px;
    color: #fff;
    line-height: 1.65;
    font-weight: 700
}

@media only screen and (max-width: 600px) {
    .t-landing__banner .t-landing-title {
        font-size:32px
    }
}

.t-landing__banner .t-content {
    margin: 0 2.25rem;
    max-width: 100%;
    position: relative
}

@media only screen and (max-width: 767px) {
    .t-landing__banner .t-content {
        margin:0 1rem
    }
}

.t-access-box {
    position: relative;
    padding-top: 57px;
    overflow: hidden
}

@media only screen and (max-width: 600px) {
    .t-access-box {
        padding-top:8px
    }
}

.t-access-box .t-access-box__img-mobile {
    display: block;
    width: 100%;
    max-width: 693px;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .t-access-box .t-access-box__img-mobile {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .t-access-box .t-access-box__img-mobile {
        margin-top:40px
    }
}

@media only screen and (max-width: 767px) {
    .t-access-box .t-access-box__img-mobile {
        margin-top:40px
    }
}

.t-access-box .t-container {
    display: flex
}

@media only screen and (max-width: 1023px) {
    .t-access-box .t-container {
        flex-direction:column;
        text-align: center;
        justify-content: center
    }
}

.t-access-box .t-container:after {
    content: "";
    display: block;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    height: 94%;
    position: absolute;
    left: 47%;
    top: 50px
}

@media only screen and (max-width: 1024px) {
    .t-access-box .t-container:after {
        left:47%;
        width: 76%
    }
}

@media only screen and (max-width: 1023px) {
    .t-access-box .t-container:after {
        display:none
    }
}

.t-access-box .t-landing-title--type2 {
    max-width: 420px;
    margin: 0 auto
}

.t-access-box .t-landing-title--type4 {
    margin-top: 40px
}

.t-access-box .t-access-box__space {
    margin-bottom: 40px
}

.t-access-box p {
    font-size: 20px;
    line-height: 1.6;
    color: #71747a;
    z-index: 1;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .t-access-box p {
        margin-bottom:30px
    }
}

@media only screen and (max-width: 600px) {
    .t-access-box p {
        font-size:16px
    }
}

.t-access-box .t-access-box__desc {
    font-size: 16px;
    margin-top: 16px
}

@media only screen and (max-width: 1023px) {
    .t-access-box .t-access-box__desc {
        margin-bottom:10px
    }
}

.t-access-box .t-access-box__desc b {
    color: #424347
}

.t-access-box__col {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .t-access-box__col:first-child {
        padding:64px 0 155px 104px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .t-access-box__col:first-child {
        padding:40px 16px 68px
    }
}

@media only screen and (max-width: 767px) {
    .t-access-box__col:first-child {
        padding:40px 16px 68px
    }
}

.t-access-box__img {
    width: 100%;
    position: absolute
}

.t-access-box__scale {
    max-width: 504px;
    display: block;
    height: 6px;
    border-radius: 3px;
    background-color: #eff1f6;
    position: relative;
    margin-top: 6px
}

@media only screen and (max-width: 1023px) {
    .t-access-box__scale {
        max-width:68%;
        margin: 0 auto
    }
}

@media only screen and (max-width: 600px) {
    .t-access-box__scale {
        max-width:100%
    }
}

.t-access-box__scale:after {
    content: "";
    display: block;
    width: 386px;
    height: 6px;
    border-radius: 3px;
    background-color: #13cf77;
    position: absolute;
    left: 0;
    top: 0
}

@media only screen and (max-width: 1023px) {
    .t-access-box__scale:after {
        width:76%
    }
}

.t-apply-form {
    padding: 40px 0 0
}

@media only screen and (max-width: 1023px) {
    .t-apply-form {
        padding-top:0
    }
}

.t-access-box__info {
    font-size: 14px;
    line-height: 20px;
    color: #71747a;
    margin-top: 16px
}

@media only screen and (min-width: 1024px) {
    .t-access-box__info {
        max-width:460px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .t-access-box__info {
        max-width:400px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .t-access-box__info {
        padding:0 16px
    }
}

@media only screen and (max-width: 767px) {
    .t-access-box__info {
        padding:0 16px
    }
}

.t-access-box__btn {
    padding: 0 16px;
    background-color: #13cf77;
    box-shadow: 0 4px 12px 0 rgba(18,173,100,.4);
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .t-access-box__btn {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .t-access-box__btn {
        margin-top:24px
    }
}

.t-access-box__btn:hover {
    background-color: #12b368;
    box-shadow: 0 4px 16px 0 rgba(18,173,100,.4)
}

.t-access-box__btn:active {
    background-color: #0f9959;
    box-shadow: 0 1px 4px 0 rgba(18,173,100,.4)
}

.t-form--reg:after {
    background: url(/static/media/ill-signup@2x.19344c9e.png) 0 0;
    background-size: cover
}

.t-benefit-box {
    margin-bottom: 40px
}

.t-benefit-box .t-landing-title {
    margin-bottom: 13px
}

@media only screen and (max-width: 600px) {
    .t-benefit-box .t-landing-title {
        font-size:20px
    }
}

.t-benefit-box p {
    font-size: 16px;
    line-height: 1.5;
    color: #71747a;
    margin-top: 16px
}

.t-benefits {
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .t-benefits {
        margin-bottom:25px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .t-benefits {
        flex-direction:column;
        padding: 0 12px
    }
}

@media only screen and (max-width: 767px) {
    .t-benefits {
        flex-direction:column;
        padding: 0 12px
    }
}

.t-benefits .t-benefits__item {
    padding: 24px
}

@media only screen and (min-width: 1024px) {
    .t-benefits .t-benefits__item {
        padding:0;
        max-width: 380px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .t-benefits .t-benefits__item {
        max-width:100%;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .t-benefits .t-benefits__item {
        max-width:100%;
        text-align: center
    }
}

@media only screen and (min-width: 1024px) {
    .t-benefits .t-benefits__item+.t-benefits__item {
        margin-left: 52px
    }
}

.t-benefits__ic {
    width: 33px;
    height: 33px;
    margin-bottom: 8px
}

.t-benefits__ic.t-benefits__ic--group {
    width: 40px
}

.t-benefits__title {
    font-size: 20px;
    line-height: 24px;
    color: #424347;
    font-weight: 700
}

.t-info-box {
    text-align: center;
    padding: 70px 0 80px
}

.t-info-box .t-landing-title {
    margin-bottom: 16px
}

.t-info-box .t-ic-wrap {
    margin-bottom: 10px
}

.t-info-box p {
    max-width: 800px;
    font-size: 20px;
    line-height: 1.6;
    color: #71747a;
    margin: 0 auto 24px
}

@media only screen and (max-width: 600px) {
    .t-info-box p {
        font-size:16px
    }
}

.t-info-box .t-button {
    min-width: 188px
}

.t-info-box .t-ic-wrap {
    text-align: center
}

.t-info-box .t-ic-wrap .t-ic__title {
    width: 64px;
    height: 64px
}

@media only screen and (min-width: 1024px) {
    .educational-form {
        height:560px;
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .educational-form {
        height:100%
    }
}

@media only screen and (max-width: 767px) {
    .educational-form {
        height:100%
    }
}

.educational-form__left {
    position: relative;
    height: 100%
}

@media only screen and (min-width: 1024px) {
    .educational-form__left {
        padding:40px 68px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .educational-form__left {
        padding:64px 16px 120px
    }
}

@media only screen and (max-width: 767px) {
    .educational-form__left {
        padding:64px 16px 120px
    }
}

.educational-form__left-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #474747
}

.educational-form__left-text {
    font-size: 14px;
    line-height: 20px;
    color: #71737a;
    margin-top: 8px
}

.educational-form__form {
    margin-top: 24px;
    height: 400px;
    overflow: auto
}

.educational-form__item_2,.educational-form__item_3 {
    margin-top: 24px
}

.educational-form__label {
    font-size: 16px;
    line-height: 20px;
    color: #474747
}

.educational-form__input {
    margin-top: 8px;
    height: 44px;
    padding: 10px 12px;
    border: 1px solid #dadce0;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

.educational-form__btn {
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .educational-form__btn {
        bottom:40px;
        width: calc(100% - 136px)
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .educational-form__btn {
        width:calc(100% - 32px);
        bottom: 16px;
        left: 16px;
        right: 16px
    }
}

@media only screen and (max-width: 767px) {
    .educational-form__btn {
        width:calc(100% - 32px);
        bottom: 16px;
        left: 16px;
        right: 16px
    }
}

.educational-form__right {
    width: 312px;
    background: #d4d9ed url(/static/media/bg.0f5854f3.svg) no-repeat center 70%
}

.educational-form__right-title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    margin-top: 40px;
    color: #637293;
    padding: 0 16px
}

.educational-form__right-title strong {
    color: #031b4e
}

.educational-form-thank-you {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .educational-form-thank-you {
        height:560px;
        padding-top: 96px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .educational-form-thank-you {
        height:100%;
        padding: 96px 16px 0
    }
}

@media only screen and (max-width: 767px) {
    .educational-form-thank-you {
        height:100%;
        padding: 96px 16px 0
    }
}

.educational-form-thank-you img {
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .educational-form-thank-you__btn {
        width:164px;
        margin: 40px auto 0;
        display: block
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .educational-form-thank-you__btn {
        position:absolute;
        width: calc(100% - 32px);
        bottom: 16px;
        left: 16px;
        right: 16px
    }
}

@media only screen and (max-width: 767px) {
    .educational-form-thank-you__btn {
        position:absolute;
        width: calc(100% - 32px);
        bottom: 16px;
        left: 16px;
        right: 16px
    }
}

.educational-form-thank-you__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #474747;
    margin-top: 32px;
    text-align: center
}

.educational-form-thank-you__text {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #71737a;
    margin-top: 8px
}

.gh-forTeachers {
    font-family: "CircularStd"
}

.gh-forTeachers .t-container {
    max-width: 1232px;
    margin: 0 15px;
}

.gh-forTeachers .t-landing-title--type2 {
    font-size: 32px;
    line-height: 1.38;
    color: #424347;
    font-weight: 700
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-forTeachers .t-landing-title--type2 {
        font-size:24px;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTeachers .t-landing-title--type2 {
        font-size:24px;
        text-align: center
    }
}

.gh-forTeachers .t-landing-title--type4 {
    font-size: 20px;
    line-height: 1.6;
    color: #424347;
    font-weight: 700
}

@media only screen and (max-width: 600px) {
    .gh-forTeachers .t-landing-title--type4 {
        font-size:16px
    }
}

.gh-forTeachers .t-landing-title--type5 {
    font-size: 20px;
    line-height: 1.6;
    color: #71747a;
    font-weight: 700
}

.gh-forTeachers .t-landing-title--type6 {
    font-size: 24px;
    line-height: 1.33;
    color: #424347;
    font-weight: 700
}

.gh-forTeachers .t-landing__banner {
    background-image: url(/static/media/bg@2x.1da7adcc.jpg);
    background-size: cover
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-forTeachers .t-landing__banner {
        background-image:url(/static/media/hero-image.d255a53b.jpg);
        height: 424px
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTeachers .t-landing__banner {
        background-image:url(/static/media/hero-image.d255a53b.jpg);
        height: 424px
    }
}

.gh-forTeachers .t-landing__banner .t-landing-title {
    display: inline-block
}

@media only screen and (min-width: 1024px) {
    .gh-forTeachers .t-landing__banner .t-landing-title {
        text-align:left;
        max-width: 580px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-forTeachers .t-landing__banner .t-landing-title {
        text-align:center
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTeachers .t-landing__banner .t-landing-title {
        text-align:center;
        font-size: 20px;
        line-height: 39px;
    }
}

.gh-forTeachers .t-landing__banner .t-content {
    width: 64rem
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .gh-forTeachers .t-landing__banner .t-content {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-forTeachers .t-landing__banner .t-content {
        width:44rem
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTeachers .t-landing__banner .t-content {
        width:90%
    }
}

.gh-forTeachers .gh-faq {
    padding-bottom: 80px
}

@media only screen and (min-width: 1024px) {
    .gh-forTeachers .gh-faq {
        padding-top:60px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-forTeachers .gh-faq {
        padding-top:64px
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTeachers .gh-faq {
        padding-top:64px
    }
}

.gh-forTeachers .t-access-box .t-container:after {
    background-image: url(/static/media/macbook.161578bc.svg)
}

@media only screen and (min-width: 1024px) {
    .gh-forTeachers__section-8 {
        padding-top:43px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .gh-forTeachers__section-8 {
        padding-top:64px
    }
}

@media only screen and (max-width: 767px) {
    .gh-forTeachers__section-8 {
        padding-top:64px
    }
}

.our-geeks {
    background: #f5f6fc;
    margin: 80px auto 0;
    height: 528px;
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .our-geeks:before {
        content:"";
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
        position: absolute;
        width: 148px;
        height: 84px;
        bottom: -17px;
        right: 146px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .our-geeks:before {
        content:"";
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
        position: absolute;
        width: 148px;
        height: 84px;
        bottom: 0;
        right: 32px
    }
}

@media only screen and (max-width: 767px) {
    .our-geeks:before {
        content:"";
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
        background-size: 96px 96px;
        position: absolute;
        width: 148px;
        height: 148px;
        top: 35px;
        left: -15px
    }
}

.our-geeks .landing-form {
    margin-top: 25px
}

@media only screen and (max-width: 1023px) {
    .our-geeks {
        height:auto;
        background: #f5f6fc;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .our-geeks {
        padding:64px 0
    }
}

.our-geeks__items {
    display: flex;
    justify-content: space-between;
    width: 1128px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .our-geeks__items {
        padding-left:40px;
        padding-right: 40px
    }
}

@media only screen and (max-width: 1023px) {
    .our-geeks__items {
        display:block;
        width: auto
    }
}

.our-geeks__item-left {
    width: 550px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .our-geeks__item-left {
        width:504px
    }
}

@media only screen and (max-width: 1023px) {
    .our-geeks__item-left {
        width:auto
    }
}

@media only screen and (max-width: 767px) {
    .our-geeks__item-left {
        padding-left:16px;
        padding-right: 16px
    }
}

.our-geeks__item-right {
    width: 648px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .our-geeks__item-right {
        margin-right:-150px
    }
}

@media only screen and (max-width: 1023px) {
    .our-geeks__item-right {
        width:auto
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .our-geeks__item-right {
        margin-top:40px
    }
}

@media only screen and (max-width: 767px) {
    .our-geeks__item-right {
        margin-top:32px
    }
}

.our-geeks__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .our-geeks__title {
        font-size:24px;
        line-height: 1.33
    }
}

.our-geeks__stars {
    display: flex;
    margin-top: 16px
}

@media only screen and (max-width: 1023px) {
    .our-geeks__stars {
        justify-content:center
    }
}

.our-geeks__stars img {
    margin-right: 12px
}

@media only screen and (max-width: 767px) {
    .our-geeks__stars img {
        width:16px;
        height: 16px
    }
}

.our-geeks__rate-text {
    font-size: 20px;
    line-height: 24px;
    color: #15191c;
    margin-top: 8px
}

@media only screen and (max-width: 767px) {
    .our-geeks__rate-text {
        font-size:16px;
        line-height: 24px
    }
}

.our-geeks__text-1,.our-geeks__text-2 {
    font-size: 16px;
    line-height: 24px;
    color: #637293
}

.our-geeks__text-1 {
    margin-top: 24px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .our-geeks__text-1 {
        width:504px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 767px) {
    .our-geeks__text-1 {
        font-size:16px;
        line-height: 1.5;
        margin-top: 16px
    }
}

.our-geeks__text-2 {
    margin-top: 40px
}

@media only screen and (max-width: 1023px) {
    .our-geeks__text-2 {
        margin-top:32px
    }
}

@media only screen and (max-width: 767px) {
    .our-geeks__text-2 {
        font-size:16px;
        line-height: 1.5
    }
}

.our-geeks__geek-items {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 1023px) {
    .our-geeks__geek-items {
        display:block
    }
}

.our-geeks__geek-items .slick-slider {
    height: 180px
}

.our-geeks__geek-items .our-geeks__geek-item {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.our-geeks__geek-items .slick-slide {
    margin-right: 8px
}

.our-geeks__geek-items .slick-list {
    height: 100vh
}

.our-geeks__geek-items .slick-dots {
    bottom: 0;
    top: 155px
}

.our-geeks__geek-items .slick-dots li {
    margin: 0 4px;
    width: auto
}

.our-geeks__geek-items .slick-dots button {
    width: 8px;
    height: 8px;
    background-color: rgba(92,109,145,.3);
    border-radius: 100%;
    padding: 0
}

.our-geeks__geek-items .slick-dots button:before {
    display: none
}

.our-geeks__geek-items .slick-dots .slick-active button {
    background-color: #637293
}

.our-geeks__geek-item {
    box-shadow: 0 16px 40px 0 rgba(0,53,136,.15),0 8px 12px 0 rgba(0,38,96,.06);
    background-color: #fff;
    width: 296px!important;
    height: 132px;
    margin-bottom: 16px;
    margin-right: 16px;
    text-align: center;
    display: flex!important;
    align-items: center;
    padding: 24px 16px;
    text-align: left
}

@media only screen and (min-width: 1024px) {
    .our-geeks__geek-item:nth-child(2n) {
        margin-right:0
    }
}

@media only screen and (max-width: 1023px) {
    .our-geeks__geek-item {
        margin-bottom:0
    }
}

.our-geeks__geek-item-item_1 {
    margin-right: 16px
}

.our-geeks__geek-item-img {
    margin-top: 8px
}

.our-geeks__geek-item-rate {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 20px;
    border-radius: 100px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    border: 1px solid #fff;
    background-color: #fff;
    margin: -8px auto 0;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .our-geeks__geek-item-rate {
        width:44px;
        height: 24px;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.1)
    }
}

.our-geeks__geek-item-rate__img {
    margin-right: 1px
}

@media only screen and (max-width: 1023px) {
    .our-geeks__geek-item-rate__img img {
        width:11px;
        height: 12px
    }
}

.our-geeks__geek-item-rate__value {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #474747
}

.our-geeks__geek-item-title {
    display: flex;
    align-items: center;
    margin-top: 8px
}

.our-geeks__geek-item-title__name {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #474747;
    margin-right: 4px
}

@media only screen and (max-width: 1023px) {
    .our-geeks__geek-item-title__img img {
        width:47px;
        height: 26px
    }
}

.our-geeks__geek-item-spec {
    display: flex;
    align-items: center
}

.our-geeks__geek-item-spec__img img {
    margin-right: 4px;
    margin-top: -3px
}

@media only screen and (max-width: 1023px) {
    .our-geeks__geek-item-spec__img img {
        width:16px;
        height: 12px
    }
}

.our-geeks__geek-item-spec__title {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #474747
}

.our-geeks__geek-item-date {
    font-size: 12px;
    line-height: 16px;
    color: #474747
}

.our-geeks__geek-item-date span {
    color: #969aa3
}

.time-waste {
    margin: 96px auto 0;
    position: relative
}

@media only screen and (max-width: 767px) {
    .time-waste {
        height:auto;
        padding: 64px 16px;
        margin-top: 64px
    }
}

.time-waste .landing-form {
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .time-waste .landing-form {
        margin-top:24px
    }
}

.time-waste__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c;
    text-align: center;
    max-width: 708px;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .time-waste__title {
        font-size:24px;
        line-height: 1.33
    }
}

.time-waste__geeks,.time-waste__geeks-avarage {
    display: flex;
    justify-content: center
}

.time-waste__geeks-avarage {
    font-size: 16px;
    line-height: 24px;
    color: #637293;
    align-items: center;
    margin-top: -35px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .time-waste__geeks-avarage {
        flex-direction:column
    }
}

@media only screen and (max-width: 767px) {
    .time-waste__geeks-avarage {
        flex-direction:column
    }
}

.time-waste__geeks-stars {
    display: flex
}

.time-waste__geeks-stars-text {
    margin-left: 12px
}

.lp-goole-retargeting__hero {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 240px;
    text-align: center;
    background-image: url(/static/media/hero.45e49397.jpg)
}

@media only screen and (min-width: 1024px) {
    .lp-goole-retargeting__hero {
        height:776px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__hero {
        height:776px;
        padding-top: 145px;
        padding-bottom: 70px
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__hero {
        padding:145px 16px 40px;
        height: 720px
    }
}

.lp-goole-retargeting__hero-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 64px;
    color: #fff;
    margin: 0
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__hero-title {
        max-width:720px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__hero-title {
        font-size:32px;
        line-height: 40px
    }
}

.lp-goole-retargeting__hero-subtitle {
    font-size: 24px;
    line-height: 1.33;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .lp-goole-retargeting__hero-subtitle {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__hero-subtitle {
        font-size:16px;
        line-height: 24px;
        margin: 15px auto 0
    }
}

.lp-goole-retargeting__hero-subtitle img {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle
}

.lp-goole-retargeting__hero-form {
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__hero-form {
        margin-top:25px
    }
}

.lp-goole-retargeting__hero-form .landing-input-error-msg {
    color: #fff
}

.lp-goole-retargeting__hero-desc {
    font-size: 16px;
    color: #d4d9ed;
    margin-top: 24px
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__hero-desc {
        font-size:14px
    }
}

.lp-goole-retargeting__geek-spec-in {
    background: #fff;
    width: 1230px;
    padding: 40px 24px 24px;
    border-radius: 2px;
    box-shadow: 0 16px 40px 0 rgba(0,53,136,.15),0 8px 12px 0 rgba(0,38,96,.06);
    margin: -210px auto 0;
    text-align: center;
    height: 320px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-goole-retargeting__geek-spec-in {
        width:976px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__geek-spec-in {
        width:720px;
        height: auto
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__geek-spec-in {
        width:304px;
        height: auto;
        margin-top: -130px;
        padding: 32px 16px 16px
    }
}

.lp-goole-retargeting__geek-spec-in__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__geek-spec-in__title {
        font-size:24px;
        line-height: 32px
    }
}

.lp-goole-retargeting__geek-spec-in__items {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__geek-spec-in__items {
        flex-wrap:wrap;
        position: relative;
        padding: 0 90px
    }

    .lp-goole-retargeting__geek-spec-in__items:before {
        position: absolute;
        content: "";
        width: 454px;
        border-top: 1px solid #eff1f6;
        top: 180px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .lp-goole-retargeting__geek-spec-in__items:after {
        content: "";
        height: 365px;
        border-left: 1px solid #eff1f6;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        top: 50%;
        margin-top: -5px
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__geek-spec-in__items {
        flex-wrap:wrap;
        position: relative;
        flex-direction: column;
        align-items: center
    }
}

.lp-goole-retargeting__geek-spec-in__item {
    text-align: center;
    position: relative;
    width: 240px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__geek-spec-in__item {
        margin-bottom:25px
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__geek-spec-in__item {
        margin-bottom:25px
    }

    .lp-goole-retargeting__geek-spec-in__item:after {
        content: "";
        background: #eff1f6;
        width: 94px;
        bottom: -15px;
        position: absolute;
        height: 1px;
        margin: 0 auto;
        left: 0;
        right: 0
    }

    .lp-goole-retargeting__geek-spec-in__item:last-child:after {
        display: none
    }
}

.lp-goole-retargeting__geek-spec-in__item:before {
    content: "";
    height: 112px;
    position: absolute;
    border-right: 1px solid #eff1f6;
    left: -50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -18px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-goole-retargeting__geek-spec-in__item:before {
        left:0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__geek-spec-in__item:before {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__geek-spec-in__item:before {
        display:none
    }
}

.lp-goole-retargeting__geek-spec-in__item:first-child:before {
    display: none
}

.lp-goole-retargeting__geek-spec-in__img img {
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__geek-spec-in__img img {
        width:96px;
        height: 108px
    }
}

.lp-goole-retargeting__geek-spec-in__text {
    font-size: 20px;
    line-height: 48px;
    color: #637293;
    margin-top: -15px
}

.lp-goole-retargeting__you-voted {
    margin: 80px auto 0;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__you-voted {
        margin-top:64px
    }
}

.lp-goole-retargeting__you-voted__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c;
    position: relative;
    max-width: 580px;
    margin: 0 auto
}

.lp-goole-retargeting__you-voted__title:before {
    content: "";
    background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
    position: absolute;
    z-index: -1;
    width: 148px;
    height: 148px;
    top: -30px;
    left: -195px
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__you-voted__title:before {
        background:url(/static/media/grid-green-mobile.64c52fac.svg) no-repeat 0 0;
        width: 96px;
        height: 96px;
        left: -34px;
        top: -72px;
        background-size: 96px 96px
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__you-voted__title {
        font-size:24px;
        line-height: 1.33;
        max-width: 230px
    }
}

.lp-goole-retargeting__you-voted__items {
    margin-top: 40px;
    display: flex;
    justify-content: center
}

@media only screen and (max-width: 1023px) {
    .lp-goole-retargeting__you-voted__items {
        display:block
    }
}

.lp-goole-retargeting__you-voted__item-left,.lp-goole-retargeting__you-voted__item-right {
    padding: 0 20px
}

@media only screen and (max-width: 1023px) {
    .lp-goole-retargeting__you-voted__item-left {
        margin-bottom:80px
    }
}

.lp-goole-retargeting__you-voted__img {
    position: relative;
    width: 264px;
    margin: 0 auto
}

.lp-goole-retargeting__you-voted__img img {
    margin: 0 auto
}

.lp-goole-retargeting__you-voted__images>div {
    position: absolute
}

.lp-goole-retargeting__you-voted__img-1 {
    bottom: 70px;
    left: -10px
}

.lp-goole-retargeting__you-voted__img-2 {
    bottom: 19px;
    left: 127px
}

.lp-goole-retargeting__you-voted__img-3 {
    right: -10px;
    top: 113px
}

.lp-goole-retargeting__you-voted__img-3 img+img {
    bottom: 0;
    left: 30px;
    position: absolute
}

.lp-goole-retargeting__you-voted__img-4 {
    right: 34px;
    top: 47px
}

.lp-goole-retargeting__you-voted__img-5 {
    top: 0;
    left: 39px
}

.lp-goole-retargeting__you-voted__img-5 img+img {
    bottom: 0;
    left: 30px;
    position: absolute
}

.lp-goole-retargeting__you-voted__item-title {
    margin-top: 24px;
    font-size: 24px;
    font-weight: 700;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__you-voted__item-title {
        font-size:18px;
        line-height: 1.33
    }
}

.lp-goole-retargeting__you-voted__text {
    font-size: 16px;
    line-height: 24px;
    color: #637293;
    max-width: 304px;
    margin: 16px auto 0
}

.lp-goole-retargeting__clients-choose {
    margin: 80px auto 0;
    text-align: center
}

.lp-goole-retargeting__clients-choose__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__clients-choose__title {
        padding-left:40px;
        padding-right: 40px
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__clients-choose__title {
        padding-left:12px;
        padding-right: 12px;
        font-size: 24px;
        line-height: 1.33
    }
}

.lp-goole-retargeting__clients-choose__items {
    display: flex;
    justify-content: space-between;
    width: 920px;
    margin: 40px auto 0
}

@media only screen and (max-width: 1023px) {
    .lp-goole-retargeting__clients-choose__items {
        display:block;
        width: auto
    }
}

.lp-goole-retargeting__clients-choose__item {
    width: 296px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(92,102,133,.16);
    border-radius: 2px;
    padding: 24px 20px;
    height: 232px
}

@media only screen and (max-width: 1023px) {
    .lp-goole-retargeting__clients-choose__item {
        margin:0 auto 16px
    }
}

.lp-goole-retargeting__clients-choose__img img {
    margin: 0 auto
}

.lp-goole-retargeting__clients-choose__item-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #15191c;
    margin-top: 24px
}

.lp-goole-retargeting__clients-choose__text {
    font-size: 16px;
    margin-top: 16px;
    line-height: 1.5;
    color: #637293
}

.lp-goole-retargeting__hiw {
    margin-top: 80px
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__hiw {
        margin-top:64px
    }
}

.lp-goole-retargeting__hiw .gh-hiw-list {
    height: 550px;
    margin: 0;
    padding-top: 104px
}

@media only screen and (max-width: 1023px) {
    .lp-goole-retargeting__hiw .gh-hiw-list {
        height:auto;
        padding-top: 0;
        margin-top: 40px
    }

    .lp-goole-retargeting__hiw .gh-hiw-list .slick-dots {
        margin-top: 0
    }
}

@media only screen and (max-width: 1023px) and (max-width:767px) {
    .lp-goole-retargeting__hiw .gh-hiw-list .slick-dots {
        margin-top:10px
    }
}

.lp-goole-retargeting__hiw .gh-hiw-list-item-holder {
    padding-top: 28px;
    padding-bottom: 28px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__hiw .gh-hiw-list-item-holder {
        padding-top:20px
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__hiw .gh-hiw-list-item-holder {
        padding:0
    }
}

.lp-goole-retargeting__hiw .gh-hiw-list-item+.gh-hiw-list-item {
    margin-top: 0
}

.lp-goole-retargeting__hiw .gh-hiw-title {
    max-width: 630px
}

.lp-goole-retargeting__hiw .gh-hiw-title:before {
    right: auto;
    left: 0;
    top: -50px
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__hiw .gh-hiw-title:before {
        left:auto;
        right: 0;
        top: -25px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__hiw .landing-form {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__hiw .landing-form {
        margin-top:32px
    }
}

.lp-goole-retargeting__students {
    background: #f5f6fc;
    margin: 80px auto 0;
    height: 764px;
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 1024px) {
    .lp-goole-retargeting__students:before {
        content:"";
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
        position: absolute;
        width: 148px;
        height: 148px;
        top: 175px;
        left: 112px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-goole-retargeting__students:before {
        content:"";
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
        position: absolute;
        width: 148px;
        height: 148px;
        top: 125px;
        left: -75px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__students:before {
        content:"";
        position: absolute;
        left: 0;
        top: 173px;
        width: 148px;
        height: 148px;
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0
    }
}

@media only screen and (max-width: 1023px) {
    .lp-goole-retargeting__students {
        height:auto
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__students {
        padding:64px 16px;
        margin-top: 64px
    }
}

.lp-goole-retargeting__students__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__students__title {
        max-width:200px;
        margin: 0 auto;
        font-size: 24px;
        line-height: 1.33
    }
}

.lp-goole-retargeting__students__title img {
    margin: 0 10px;
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__students__title img {
        width:24px;
        height: 24px;
        margin: 0
    }
}

.lp-goole-retargeting__students__subtitle {
    font-size: 20px;
    line-height: 2.4;
    text-align: center;
    color: #637293;
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__students__subtitle {
        font-size:16px;
        line-height: 1.5
    }
}

.lp-goole-retargeting__students__items {
    display: flex;
    width: 1024px;
    margin: 40px auto 0;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-goole-retargeting__students__items {
        padding-left:40px;
        padding-right: 40px
    }
}

@media only screen and (max-width: 1023px) {
    .lp-goole-retargeting__students__items {
        width:auto;
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__students__items {
        margin-top:32px
    }
}

.lp-goole-retargeting__students__item {
    width: 504px;
    min-height: 185px;
    border-radius: 2px;
    box-shadow: 0 4px 16px 0 rgba(0,38,96,.06);
    background-color: #fff;
    padding: 16px;
    margin-bottom: 16px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-goole-retargeting__students__item {
        width:464px
    }
}

@media only screen and (max-width: 1023px) {
    .lp-goole-retargeting__students__item {
        margin-left:auto;
        margin-right: auto;
        position: relative
    }
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__students__item {
        width:auto
    }
}

.lp-goole-retargeting__students__item-title {
    display: flex;
    align-items: center
}

.lp-goole-retargeting__students__item-title__img {
    margin-right: 8px
}

.lp-goole-retargeting__students__item-title__name {
    font-size: 13px;
    font-weight: 700;
    color: #365799;
    margin-right: 5px
}

.lp-goole-retargeting__students__item-title__name span {
    color: #71747a;
    font-weight: 400
}

.lp-goole-retargeting__students__item-title__rate {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 20px;
    border-radius: 10px;
    background-color: #5890ff
}

.lp-goole-retargeting__students__item-title__rate__value {
    font-size: 12px;
    color: #fff;
    margin-right: 4px
}

.lp-goole-retargeting__students__item-text {
    font-size: 14px;
    line-height: 1.57;
    color: #45454d;
    margin-top: 8px
}

.lp-goole-retargeting__students__fb-text {
    font-size: 14px;
    line-height: 22px;
    color: #637293;
    margin-top: 8px;
    text-align: center
}

.lp-goole-retargeting__students__fb-img img {
    margin: 8px auto 0
}

.lp-goole-retargeting__payment-plan {
    margin: 80px auto 0
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__payment-plan {
        margin-top:64px
    }
}

.lp-goole-retargeting__payment-plan__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c;
    position: relative;
    text-align: center;
    max-width: 490px;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__payment-plan__title {
        font-size:24px;
        line-height: 1.33
    }
}

.lp-goole-retargeting__payment-plan__title:after {
    content: "";
    background: url(/static/media/grid-payment-plan.ccfa8dda.svg) no-repeat 0 0;
    position: absolute;
    right: 0;
    width: 148px;
    height: 148px;
    top: -40px
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__payment-plan__title:after {
        width:96px;
        height: 96px;
        left: 0;
        right: auto;
        background: url(/static/media/grid-payment-plan-mobile.976d2064.svg) no-repeat 0 0;
        top: 20px
    }
}

.lp-goole-retargeting__payment-plan__block {
    width: 439px;
    height: 264px;
    border-radius: 2px;
    border: 3px solid #2934f9;
    position: relative;
    margin: 72px auto 0;
    padding: 0 40px;
    text-align: left;
    background: #fff
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__payment-plan__block {
        width:256px;
        height: 216px;
        padding: 0 16px;
        margin-top: 50px
    }
}

.lp-goole-retargeting__payment-plan__block-title {
    width: 150px;
    height: 64px;
    border-radius: 32px;
    box-shadow: 0 16px 40px 0 rgba(0,53,136,.15),0 8px 12px 0 rgba(0,38,96,.06);
    border: 3px solid #2934f9;
    margin: -32px auto 0;
    background: #fff;
    text-align: center
}

.lp-goole-retargeting__payment-plan__block-title__text {
    font-size: 12px;
    line-height: 15px;
    color: #637293;
    margin-top: 8px
}

.lp-goole-retargeting__payment-plan__block-title__value {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

.lp-goole-retargeting__payment-plan__block-text {
    font-size: 16px;
    line-height: 1.5;
    color: #15191c;
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__payment-plan__block-text {
        font-size:14px;
        line-height: 1.71;
        margin-top: 24px
    }
}

.lp-goole-retargeting__payment-plan__block-subtext {
    font-size: 12px;
    line-height: 24px;
    color: #637293;
    margin-top: 24px
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__payment-plan__block-subtext {
        margin-top:16px
    }
}

.lp-goole-retargeting__payment-plan__block-images>div {
    position: absolute
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__payment-plan__block-images>div {
        display:none
    }
}

.lp-goole-retargeting__payment-plan__block-img-master {
    left: -155px;
    top: -27px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__payment-plan__block-img-master {
        left:-175px
    }
}

.lp-goole-retargeting__payment-plan__block-img-discover {
    left: -90px;
    top: 105px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__payment-plan__block-img-discover {
        left:-105px;
        top: 95px
    }

    .lp-goole-retargeting__payment-plan__block-img-discover img {
        width: 155px
    }
}

.lp-goole-retargeting__payment-plan__block-img-amex {
    right: -65px;
    top: 28px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__payment-plan__block-img-amex {
        right:-105px
    }

    .lp-goole-retargeting__payment-plan__block-img-amex img {
        width: 155px
    }
}

.lp-goole-retargeting__payment-plan__block-img-visa {
    right: -85px;
    bottom: -75px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__payment-plan__block-img-visa {
        right:-65px
    }
}

.lp-goole-retargeting__payment-plan__block-img-apple-pay {
    left: -180px;
    bottom: -45px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__payment-plan__block-img-apple-pay {
        left:-160px;
        bottom: -35px
    }

    .lp-goole-retargeting__payment-plan__block-img-apple-pay img {
        width: 150px
    }
}

.lp-goole-retargeting__payment-plan__block-img-google-pay {
    right: -173px;
    bottom: 58px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-goole-retargeting__payment-plan__block-img-google-pay {
        right:-150px;
        bottom: 70px
    }

    .lp-goole-retargeting__payment-plan__block-img-google-pay img {
        width: 150px
    }
}

.lp-goole-retargeting__disclaimer {
    text-align: center;
    padding: 80px 0
}

@media only screen and (max-width: 767px) {
    .lp-goole-retargeting__disclaimer {
        padding:64px 16px
    }
}

.lp-goole-retargeting__faq {
    padding-bottom: 80px
}

@media only screen and (max-width: 767px) {
    .lp-3 .landing-form {
        width:auto
    }
}

@media only screen and (max-width: 767px) {
    .lp-3 .landing-form .landing-form__btn {
        width:100%
    }
}

.lp-3__hero {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 572px;
    padding-top: 180px;
    text-align: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__hero {
        padding-top:145px;
        padding-bottom: 70px
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__hero {
        padding:145px 16px 40px;
        height: 628px
    }
}

.lp-3__hero_1 {
    background-image: url(/static/media/hero-block.ea4ba4c7.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .lp-3__hero_1 {
        background-image:url(/static/media/hero-block@3x.4105d01f.jpg)
    }
}

.lp-3__hero_2 {
    background-image: url(/static/media/hero-image.6eb9dd19.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .lp-3__hero_2 {
        background-image:url(/static/media/hero-image@3x.3768998f.jpg)
    }
}

.lp-3__hero-title {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.33;
    color: #fff;
    margin: 0
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__hero-title {
        max-width:720px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__hero-title {
        font-size:32px;
        line-height: 1.25
    }
}

.lp-3__hero-subtitle {
    font-size: 24px;
    line-height: 1.33;
    color: #fff;
    margin-top: 25px
}

@media only screen and (max-width: 767px) {
    .lp-3__hero-subtitle {
        font-size:16px;
        line-height: 2;
        max-width: 240px;
        margin: 15px auto 0
    }
}

.lp-3__hero-subtitle img {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle
}

.lp-3__hero-form {
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .lp-3__hero-form {
        margin-top:25px
    }
}

.lp-3__hero-form .landing-input-error-msg {
    color: #fff
}

.lp-3__hero-desc {
    font-size: 16px;
    color: #d4d9ed;
    margin-top: 24px
}

@media only screen and (max-width: 767px) {
    .lp-3__hero-desc {
        font-size:14px
    }
}

.lp-3__geek-spec-in {
    background: #fff;
    width: 1230px;
    padding: 32px 20px 0;
    border-radius: 2px;
    box-shadow: 0 16px 40px 0 rgba(0,53,136,.15),0 8px 12px 0 rgba(0,38,96,.06);
    margin: -70px auto 0;
    text-align: center;
    height: 310px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__geek-spec-in {
        width:976px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__geek-spec-in {
        width:720px;
        height: auto
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__geek-spec-in {
        width:304px;
        height: auto;
        margin-top: -40px;
        padding: 32px 16px 16px
    }
}

.lp-3__geek-spec-in__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .lp-3__geek-spec-in__title {
        font-size:24px;
        line-height: 1.33
    }
}

.lp-3__geek-spec-in__items {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__geek-spec-in__items {
        flex-wrap:wrap;
        position: relative;
        padding: 0 90px
    }

    .lp-3__geek-spec-in__items:before {
        position: absolute;
        content: "";
        width: 454px;
        border-top: 1px solid #eff1f6;
        top: 180px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .lp-3__geek-spec-in__items:after {
        content: "";
        height: 365px;
        border-left: 1px solid #eff1f6;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        top: 50%;
        margin-top: -5px
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__geek-spec-in__items {
        flex-wrap:wrap;
        position: relative
    }

    .lp-3__geek-spec-in__items:before {
        position: absolute;
        content: "";
        width: 272px;
        border-top: 1px solid #eff1f6;
        top: 155px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .lp-3__geek-spec-in__items:after {
        content: "";
        height: 310px;
        border-left: 1px solid #eff1f6;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        top: 50%;
        margin-top: -5px
    }
}

.lp-3__geek-spec-in__item {
    text-align: center;
    width: 240px;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__geek-spec-in__item {
        margin-bottom:25px
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__geek-spec-in__item {
        width:115px;
        margin-bottom: 25px
    }
}

.lp-3__geek-spec-in__item:before {
    content: "";
    height: 112px;
    position: absolute;
    border-right: 1px solid #eff1f6;
    left: -40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -18px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__geek-spec-in__item:before {
        left:0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__geek-spec-in__item:before {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__geek-spec-in__item:before {
        display:none
    }
}

.lp-3__geek-spec-in__item:first-child:before {
    display: none
}

.lp-3__geek-spec-in__img img {
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .lp-3__geek-spec-in__img img {
        width:96px;
        height: 108px
    }
}

.lp-3__geek-spec-in__text {
    font-size: 20px;
    line-height: 2.4;
    color: #637293;
    margin-top: -15px
}

@media only screen and (max-width: 767px) {
    .lp-3__geek-spec-in__text {
        font-size:16px;
        line-height: 1.5;
        width: 115px;
        margin-left: auto;
        margin-right: auto
    }
}

.lp-3__you-voted {
    margin: 80px auto 0;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .lp-3__you-voted {
        margin-top:64px
    }
}

.lp-3__you-voted__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c;
    position: relative;
    max-width: 580px;
    margin: 0 auto
}

.lp-3__you-voted__title:before {
    content: "";
    background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
    position: absolute;
    z-index: -1;
    width: 148px;
    height: 148px;
    top: -30px;
    left: -195px
}

@media only screen and (max-width: 767px) {
    .lp-3__you-voted__title:before {
        background:url(/static/media/grid-green-mobile.64c52fac.svg) no-repeat 0 0;
        width: 96px;
        height: 96px;
        left: -34px;
        top: -72px;
        background-size: 96px 96px
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__you-voted__title {
        font-size:24px;
        line-height: 1.33;
        max-width: 230px
    }
}

.lp-3__you-voted__items {
    margin-top: 40px;
    display: flex;
    justify-content: center
}

@media only screen and (max-width: 1023px) {
    .lp-3__you-voted__items {
        display:block
    }
}

.lp-3__you-voted__item-left,.lp-3__you-voted__item-right {
    padding: 0 20px
}

@media only screen and (max-width: 1023px) {
    .lp-3__you-voted__item-left {
        margin-bottom:80px
    }
}

.lp-3__you-voted__img {
    position: relative;
    width: 264px;
    margin: 0 auto
}

.lp-3__you-voted__img img {
    margin: 0 auto
}

.lp-3__you-voted__images>div {
    position: absolute
}

.lp-3__you-voted__img-1 {
    bottom: 70px;
    left: -10px
}

.lp-3__you-voted__img-2 {
    bottom: 19px;
    left: 127px
}

.lp-3__you-voted__img-3 {
    right: -10px;
    top: 113px
}

.lp-3__you-voted__img-3 img+img {
    bottom: 0;
    left: 30px;
    position: absolute
}

.lp-3__you-voted__img-4 {
    right: 34px;
    top: 47px
}

.lp-3__you-voted__img-5 {
    top: 0;
    left: 39px
}

.lp-3__you-voted__img-5 img+img {
    bottom: 0;
    left: 30px;
    position: absolute
}

.lp-3__you-voted__item-title {
    margin-top: 24px;
    font-size: 24px;
    font-weight: 700;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .lp-3__you-voted__item-title {
        font-size:18px;
        line-height: 1.33
    }
}

.lp-3__you-voted__text {
    font-size: 24px;
    line-height: 1.67;
    color: #637293;
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .lp-3__you-voted__text {
        font-size:16px;
        line-height: 1.5;
        margin-top: 8px
    }
}

.lp-3__clients-choose {
    margin: 80px auto 0;
    text-align: center
}

.lp-3__clients-choose__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__clients-choose__title {
        padding-left:40px;
        padding-right: 40px
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__clients-choose__title {
        padding-left:12px;
        padding-right: 12px;
        font-size: 24px;
        line-height: 1.33
    }
}

.lp-3__clients-choose__items {
    display: flex;
    justify-content: space-between;
    width: 920px;
    margin: 40px auto 0
}

@media only screen and (max-width: 1023px) {
    .lp-3__clients-choose__items {
        display:block;
        width: auto
    }
}

.lp-3__clients-choose__item {
    width: 296px;
    border-radius: 4px;
    border: 4px solid #3251ef;
    padding: 24px 20px;
    height: 232px
}

@media only screen and (max-width: 1023px) {
    .lp-3__clients-choose__item {
        margin:0 auto 16px
    }
}

.lp-3__clients-choose__img img {
    margin: 0 auto
}

.lp-3__clients-choose__item-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #15191c;
    margin-top: 24px
}

.lp-3__clients-choose__text {
    font-size: 16px;
    margin-top: 16px;
    line-height: 1.5;
    color: #637293
}

.lp-3__our-geeks {
    background: #f5f6fc;
    margin: 80px auto 0;
    height: 606px;
    padding: 80px 0;
    position: relative
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__our-geeks:before {
        content:"";
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
        position: absolute;
        width: 148px;
        height: 84px;
        bottom: 0;
        left: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__our-geeks:before {
        content:"";
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
        position: absolute;
        width: 148px;
        height: 84px;
        bottom: 0;
        right: 32px
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks:before {
        content:"";
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
        background-size: 96px 96px;
        position: absolute;
        width: 148px;
        height: 148px;
        top: 35px;
        left: -15px
    }
}

.lp-3__our-geeks .landing-form {
    margin-top: 25px
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks {
        height:auto;
        background: #f5f6fc;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks {
        padding:64px 0
    }
}

.lp-3__our-geeks__oval-1 {
    width: 52px;
    height: 52px;
    opacity: .3;
    background-color: rgba(144,19,254,.38);
    border-radius: 100%;
    position: absolute;
    top: 204px;
    left: 30px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__our-geeks__oval-1 {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__our-geeks__oval-1 {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks__oval-1 {
        display:none
    }
}

.lp-3__our-geeks__oval-2 {
    width: 104px;
    height: 104px;
    opacity: .3;
    border-radius: 100%;
    position: absolute;
    background-color: #1ed761;
    top: 296px;
    left: 24px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__our-geeks__oval-2 {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__our-geeks__oval-2 {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks__oval-2 {
        display:none
    }
}

.lp-3__our-geeks__oval-3 {
    width: 248px;
    height: 182px;
    position: absolute;
    background: url(/static/media/oval.69653892.svg) no-repeat;
    right: 64px;
    bottom: 0
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__our-geeks__oval-3 {
        right:0;
        width: 144px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__our-geeks__oval-3 {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks__oval-3 {
        display:none
    }
}

.lp-3__our-geeks__items {
    display: flex;
    justify-content: space-between;
    width: 1024px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__our-geeks__items {
        padding-left:40px;
        padding-right: 40px
    }
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__items {
        display:block;
        width: auto
    }
}

.lp-3__our-geeks__item-left {
    width: 550px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__our-geeks__item-left {
        width:504px
    }
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__item-left {
        width:auto
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks__item-left {
        padding-left:16px;
        padding-right: 16px
    }
}

.lp-3__our-geeks__item-right {
    width: 400px
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__item-right {
        width:auto
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__our-geeks__item-right {
        margin-top:40px
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks__item-right {
        margin-top:32px
    }
}

.lp-3__our-geeks__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks__title {
        font-size:24px;
        line-height: 1.33
    }
}

.lp-3__our-geeks__stars {
    display: flex;
    margin-top: 16px
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__stars {
        justify-content:center
    }
}

.lp-3__our-geeks__stars img {
    margin-right: 12px
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks__stars img {
        width:16px;
        height: 16px
    }
}

.lp-3__our-geeks__rate-text {
    font-size: 24px;
    line-height: 1.25;
    color: #15191c;
    margin-top: 8px
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks__rate-text {
        font-size:16px;
        line-height: 1.5
    }
}

.lp-3__our-geeks__text-1,.lp-3__our-geeks__text-2 {
    font-size: 24px;
    line-height: 1.67;
    color: #637293
}

.lp-3__our-geeks__text-1 {
    margin-top: 24px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__our-geeks__text-1 {
        width:504px;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks__text-1 {
        font-size:16px;
        line-height: 1.5;
        margin-top: 16px
    }
}

.lp-3__our-geeks__text-2 {
    margin-top: 40px
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__text-2 {
        margin-top:32px
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks__text-2 {
        font-size:16px;
        line-height: 1.5
    }
}

.lp-3__our-geeks__geek-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-items {
        display:block
    }
}

.lp-3__our-geeks__geek-items .slick-slider {
    height: 310px
}

.lp-3__our-geeks__geek-items .slick-current .lp-3__our-geeks__geek-item {
    -webkit-transform: translateX(32px);
    transform: translateX(32px)
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks__geek-items .slick-current .lp-3__our-geeks__geek-item {
        -webkit-transform:translateX(8px);
        transform: translateX(8px)
    }
}

.lp-3__our-geeks__geek-items .slick-current+.slick-slide .lp-3__our-geeks__geek-item {
    margin-left: 32px
}

@media only screen and (max-width: 767px) {
    .lp-3__our-geeks__geek-items .slick-current+.slick-slide .lp-3__our-geeks__geek-item {
        margin-left:8px
    }
}

.lp-3__our-geeks__geek-items .slick-slide {
    margin-right: 8px
}

.lp-3__our-geeks__geek-items .slick-list {
    height: 100vh
}

.lp-3__our-geeks__geek-items .slick-dots {
    bottom: 0
}

.lp-3__our-geeks__geek-items .slick-dots li {
    margin: 0 4px;
    width: auto
}

.lp-3__our-geeks__geek-items .slick-dots button {
    width: 8px;
    height: 8px;
    background-color: rgba(92,109,145,.3);
    border-radius: 100%;
    padding: 0
}

.lp-3__our-geeks__geek-items .slick-dots button:before {
    display: none
}

.lp-3__our-geeks__geek-items .slick-dots .slick-active button {
    background-color: #637293
}

.lp-3__our-geeks__geek-item {
    box-shadow: 0 16px 40px 0 rgba(0,53,136,.15),0 8px 12px 0 rgba(0,38,96,.06);
    background-color: #fff;
    width: 192px;
    height: 170px;
    margin-bottom: 16px;
    text-align: center
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-item {
        width:288px!important;
        height: 258px;
        box-shadow: 0 25px 63px 0 rgba(0,53,136,.15),0 13px 19px 0 rgba(0,38,96,.06);
        background-color: #fff;
        margin-bottom: 0
    }
}

.lp-3__our-geeks__geek-item-img {
    margin-top: 8px
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-item-img {
        margin-top:16px
    }
}

.lp-3__our-geeks__geek-item-img img {
    margin: 0 auto
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-item-img img {
        width:80px
    }
}

.lp-3__our-geeks__geek-item-rate {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 16px;
    border-radius: 100px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    border: 1px solid #fff;
    background-color: #fff;
    margin: -8px auto 0;
    position: relative
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-item-rate {
        width:44px;
        height: 24px;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.1)
    }
}

.lp-3__our-geeks__geek-item-rate__img {
    margin-right: 1px
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-item-rate__img img {
        width:11px;
        height: 12px
    }
}

.lp-3__our-geeks__geek-item-rate__value {
    font-size: 10px;
    line-height: 1;
    color: #71747a
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-item-rate__value {
        font-size:15px
    }
}

.lp-3__our-geeks__geek-item-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px
}

.lp-3__our-geeks__geek-item-title__name {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.14;
    color: #15191c;
    margin-right: 4px
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-item-title__name {
        font-size:22.2px
    }
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-item-title__img img {
        width:47px;
        height: 26px
    }
}

.lp-3__our-geeks__geek-item-spec {
    display: flex;
    justify-content: center;
    align-items: center
}

.lp-3__our-geeks__geek-item-spec__img img {
    margin-right: 4px
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-item-spec__img img {
        width:16px;
        height: 12px
    }
}

.lp-3__our-geeks__geek-item-spec__title {
    font-size: 10px;
    font-weight: 700;
    color: #15191c
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-item-spec__title {
        font-size:15.8px
    }
}

.lp-3__our-geeks__geek-item-spec__title span {
    font-weight: 400;
    color: #637293
}

.lp-3__our-geeks__geek-item-delim {
    height: 1px;
    background-color: #eff1f6;
    margin: 5px 0 8px
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-item-delim {
        margin:16px 0
    }
}

.lp-3__our-geeks__geek-item-date {
    font-size: 10px;
    line-height: 1.4;
    color: #15191c;
    padding: 0 38px
}

@media only screen and (max-width: 1023px) {
    .lp-3__our-geeks__geek-item-date {
        font-size:14px;
        line-height: 1.5
    }
}

.lp-3__our-geeks__geek-item-date span {
    color: #637293
}

.lp-3__hiw {
    margin-top: 80px
}

@media only screen and (max-width: 767px) {
    .lp-3__hiw {
        margin-top:64px
    }
}

.lp-3__hiw .gh-hiw-list {
    height: 550px;
    margin: 0;
    padding-top: 104px
}

@media only screen and (max-width: 1023px) {
    .lp-3__hiw .gh-hiw-list {
        height:auto;
        padding-top: 0;
        margin-top: 40px
    }

    .lp-3__hiw .gh-hiw-list .slick-dots {
        margin-top: 0
    }
}

@media only screen and (max-width: 1023px) and (max-width:767px) {
    .lp-3__hiw .gh-hiw-list .slick-dots {
        margin-top:10px
    }
}

.lp-3__hiw .gh-hiw-list-item-holder {
    padding-top: 28px;
    padding-bottom: 28px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__hiw .gh-hiw-list-item-holder {
        padding-top:20px
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__hiw .gh-hiw-list-item-holder {
        padding:0
    }
}

.lp-3__hiw .gh-hiw-list-item+.gh-hiw-list-item {
    margin-top: 0
}

.lp-3__hiw .gh-hiw-title {
    max-width: 630px
}

.lp-3__hiw .gh-hiw-title:before {
    right: auto;
    left: 0;
    top: -50px
}

@media only screen and (max-width: 767px) {
    .lp-3__hiw .gh-hiw-title:before {
        left:auto;
        right: 0;
        top: -25px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__hiw .landing-form {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__hiw .landing-form {
        margin-top:32px
    }
}

.lp-3__students {
    background: #f5f6fc;
    margin: 80px auto 0;
    height: 733px;
    padding: 80px 0;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__students:before {
        content:"";
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
        position: absolute;
        width: 148px;
        height: 148px;
        top: 125px;
        left: -75px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__students:before {
        content:"";
        position: absolute;
        left: 0;
        top: 173px;
        width: 148px;
        height: 148px;
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0
    }
}

@media only screen and (max-width: 1023px) {
    .lp-3__students {
        height:auto
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__students {
        padding:64px 16px;
        margin-top: 64px
    }
}

.lp-3__students__oval-1 {
    width: 108px;
    height: 108px;
    opacity: .3;
    background-color: #1ed761;
    border-radius: 100%;
    position: absolute;
    top: 517px;
    left: 30px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__students__oval-1 {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__students__oval-1 {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__students__oval-1 {
        display:none
    }
}

.lp-3__students__oval-2 {
    width: 64px;
    height: 64px;
    opacity: .3;
    background-color: rgba(41,52,249,.38);
    border-radius: 100%;
    position: absolute;
    top: 196px;
    right: 72px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__students__oval-2 {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__students__oval-2 {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__students__oval-2 {
        display:none
    }
}

.lp-3__students__oval-3 {
    width: 156px;
    height: 156px;
    opacity: .3;
    background-color: rgba(144,19,254,.38);
    border-radius: 100%;
    position: absolute;
    right: 43px;
    top: 564px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__students__oval-3 {
        top:auto;
        bottom: 32px;
        right: -125px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__students__oval-3 {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__students__oval-3 {
        display:none
    }
}

.lp-3__students__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .lp-3__students__title {
        max-width:200px;
        margin: 0 auto;
        font-size: 24px;
        line-height: 1.33
    }
}

.lp-3__students__title img {
    margin: 0 10px;
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .lp-3__students__title img {
        width:24px;
        height: 24px;
        margin: 0
    }
}

.lp-3__students__subtitle {
    font-size: 20px;
    line-height: 2.4;
    text-align: center;
    color: #637293;
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .lp-3__students__subtitle {
        font-size:16px;
        line-height: 1.5
    }
}

.lp-3__students__items {
    display: flex;
    width: 1024px;
    margin: 40px auto 0;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__students__items {
        padding-left:40px;
        padding-right: 40px
    }
}

@media only screen and (max-width: 1023px) {
    .lp-3__students__items {
        width:auto;
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__students__items {
        margin-top:32px
    }
}

.lp-3__students__item {
    width: 504px;
    min-height: 185px;
    border-radius: 2px;
    box-shadow: 0 4px 16px 0 rgba(0,38,96,.06);
    background-color: #fff;
    padding: 16px;
    margin-bottom: 16px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__students__item {
        width:464px
    }
}

@media only screen and (max-width: 1023px) {
    .lp-3__students__item {
        margin-left:auto;
        margin-right: auto;
        position: relative
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__students__item {
        width:auto
    }
}

.lp-3__students__item-title {
    display: flex;
    align-items: center
}

.lp-3__students__item-title__img {
    margin-right: 8px
}

.lp-3__students__item-title__name {
    font-size: 13px;
    font-weight: 700;
    color: #365799;
    margin-right: 5px
}

.lp-3__students__item-title__name span {
    color: #71747a;
    font-weight: 400
}

.lp-3__students__item-title__rate {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 20px;
    border-radius: 10px;
    background-color: #5890ff
}

.lp-3__students__item-title__rate__value {
    font-size: 12px;
    color: #fff;
    margin-right: 4px
}

.lp-3__students__item-text {
    font-size: 14px;
    line-height: 1.57;
    color: #45454d;
    margin-top: 8px
}

.lp-3__students__fb-text {
    font-size: 14px;
    line-height: 1.57;
    color: #71747a;
    margin-top: 24px;
    text-align: center
}

.lp-3__students__fb-img img {
    margin: 8px auto 0
}

.lp-3__payment-plan {
    margin: 80px auto 0
}

@media only screen and (max-width: 767px) {
    .lp-3__payment-plan {
        margin-top:64px
    }
}

.lp-3__payment-plan__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c;
    position: relative;
    text-align: center;
    max-width: 490px;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .lp-3__payment-plan__title {
        font-size:24px;
        line-height: 1.33
    }
}

.lp-3__payment-plan__title:after {
    content: "";
    background: url(/static/media/grid-payment-plan.ccfa8dda.svg) no-repeat 0 0;
    position: absolute;
    right: 0;
    width: 148px;
    height: 148px;
    top: -40px
}

@media only screen and (max-width: 767px) {
    .lp-3__payment-plan__title:after {
        width:96px;
        height: 96px;
        left: 0;
        right: auto;
        background: url(/static/media/grid-payment-plan-mobile.976d2064.svg) no-repeat 0 0;
        top: 20px
    }
}

.lp-3__payment-plan__block {
    width: 439px;
    height: 264px;
    border-radius: 2px;
    border: 3px solid #2934f9;
    position: relative;
    margin: 72px auto 0;
    padding: 0 40px;
    text-align: left;
    background: #fff
}

@media only screen and (max-width: 767px) {
    .lp-3__payment-plan__block {
        width:256px;
        height: 216px;
        padding: 0 16px;
        margin-top: 50px
    }
}

.lp-3__payment-plan__block-title {
    width: 150px;
    height: 64px;
    border-radius: 32px;
    box-shadow: 0 16px 40px 0 rgba(0,53,136,.15),0 8px 12px 0 rgba(0,38,96,.06);
    border: 3px solid #2934f9;
    margin: -32px auto 0;
    background: #fff;
    text-align: center
}

.lp-3__payment-plan__block-title__text {
    font-size: 12px;
    color: #15191c
}

.lp-3__payment-plan__block-title__value {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

.lp-3__payment-plan__block-text {
    font-size: 16px;
    line-height: 1.5;
    color: #15191c;
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .lp-3__payment-plan__block-text {
        font-size:14px;
        line-height: 1.71;
        margin-top: 24px
    }
}

.lp-3__payment-plan__block-subtext {
    font-size: 12px;
    line-height: 2;
    color: #15191c;
    margin-top: 24px
}

@media only screen and (max-width: 767px) {
    .lp-3__payment-plan__block-subtext {
        margin-top:16px
    }
}

.lp-3__payment-plan__block-images>div {
    position: absolute
}

@media only screen and (max-width: 767px) {
    .lp-3__payment-plan__block-images>div {
        display:none
    }
}

.lp-3__payment-plan__block-img-master {
    left: -155px;
    top: -27px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__payment-plan__block-img-master {
        left:-175px
    }
}

.lp-3__payment-plan__block-img-discover {
    left: -90px;
    top: 105px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__payment-plan__block-img-discover {
        left:-105px;
        top: 95px
    }

    .lp-3__payment-plan__block-img-discover img {
        width: 155px
    }
}

.lp-3__payment-plan__block-img-amex {
    right: -65px;
    top: 28px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__payment-plan__block-img-amex {
        right:-105px
    }

    .lp-3__payment-plan__block-img-amex img {
        width: 155px
    }
}

.lp-3__payment-plan__block-img-visa {
    right: -85px;
    bottom: -75px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__payment-plan__block-img-visa {
        right:-65px
    }
}

.lp-3__payment-plan__block-img-apple-pay {
    left: -180px;
    bottom: -45px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__payment-plan__block-img-apple-pay {
        left:-160px;
        bottom: -35px
    }

    .lp-3__payment-plan__block-img-apple-pay img {
        width: 150px
    }
}

.lp-3__payment-plan__block-img-google-pay {
    right: -173px;
    bottom: 58px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__payment-plan__block-img-google-pay {
        right:-150px;
        bottom: 70px
    }

    .lp-3__payment-plan__block-img-google-pay img {
        width: 150px
    }
}

.lp-3__time-waste {
    background: #f5f6fc;
    margin: 136px auto 0;
    height: 360px;
    padding: 80px 0;
    position: relative
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__time-waste:before {
        content:"";
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
        position: absolute;
        width: 148px;
        height: 148px;
        top: 188px;
        right: 74px;
        bottom: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__time-waste:before {
        content:"";
        background: url(/static/media/grid-blue.d1ffdbe2.svg) no-repeat 0 0;
        position: absolute;
        width: 84px;
        height: 148px;
        top: 188px;
        right: 0;
        bottom: 24px
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__time-waste {
        height:auto;
        padding: 64px 16px;
        margin-top: 64px
    }
}

.lp-3__time-waste .landing-form {
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .lp-3__time-waste .landing-form {
        margin-top:24px
    }
}

.lp-3__time-waste__oval-1 {
    width: 60px;
    height: 60px;
    opacity: .3;
    background-color: rgba(144,19,254,.38);
    border-radius: 100%;
    position: absolute;
    top: 48px;
    left: 103px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__time-waste__oval-1 {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__time-waste__oval-1 {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__time-waste__oval-1 {
        display:none
    }
}

.lp-3__time-waste__oval-2 {
    width: 114px;
    height: 114px;
    opacity: .3;
    background-color: rgba(41,52,249,.38);
    border-radius: 100%;
    position: absolute;
    top: 148px;
    left: 17px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__time-waste__oval-2 {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__time-waste__oval-2 {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__time-waste__oval-2 {
        display:none
    }
}

.lp-3__time-waste__oval-3 {
    width: 118px;
    height: 118px;
    opacity: .3;
    background-color: #1ed761;
    border-radius: 100%;
    position: absolute;
    top: 74px;
    right: 12px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .lp-3__time-waste__oval-3 {
        display:none
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__time-waste__oval-3 {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__time-waste__oval-3 {
        display:none
    }
}

.lp-3__time-waste__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    color: #15191c;
    text-align: center;
    max-width: 708px;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .lp-3__time-waste__title {
        font-size:24px;
        line-height: 1.33
    }
}

.lp-3__disclaimer {
    text-align: center;
    padding: 80px 0
}

@media only screen and (max-width: 767px) {
    .lp-3__disclaimer {
        padding:64px 16px
    }
}

.lp-3__disclaimer__title {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

.lp-3__disclaimer__text {
    font-size: 20px;
    line-height: 1.6;
    color: #637293;
    max-width: 816px;
    margin: 16px auto 0
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .lp-3__disclaimer__text {
        margin-left:auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 767px) {
    .lp-3__disclaimer__text {
        font-size:14px;
        line-height: 1.71;
        margin-top: 22px
    }
}

.lp-3__disclaimer__link {
    margin-top: 16px
}

.lp-3__disclaimer__link a {
    font-size: 16px;
    line-height: 1.25;
    color: #15191c;
    position: relative;
    padding-right: 26px
}

.lp-3__disclaimer__link a:after {
    background: url(/static/media/ic-blue-arrow.7f905eb8.svg) no-repeat 0 0;
    content: "";
    position: absolute;
    right: 0;
    width: 18px;
    height: 18px;
    top: -1px
}

.lp-3__faq {
    padding-bottom: 80px
}

.lp-3__faq .gh-faq {
    margin: 0
}

.review-block {
    max-width: 1024px;
    margin: 0 auto
}

.review-indicators {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .review-indicators {
        display:grid;
        grid-template-columns: 1fr 1fr;
        -webkit-column-count: 2;
        column-count: 2;
        grid-row-gap: 16px;
        row-gap: 16px;
        justify-content: center
    }

    .review-indicators .review-indicator-btn:nth-child(odd) {
        place-self: end
    }
}

@media only screen and (max-width: 767px) {
    .review-indicators {
        padding-left:16px;
        padding-right: 16px
    }
}

.review-block-items {
    position: relative
}

.review-indicator-btn {
    border-radius: 124px;
    width: 180px;
    height: 56px;
    display: flex;
    justify-content: center;
    background: transparent;
    margin: 0 8px;
    border: 2px solid #0acf83
}

.review-indicator-btn.active {
    background: #13cf77;
    box-shadow: 0 4px 12px rgba(18,173,100,.402627)
}

@media only screen and (max-width: 767px) {
    .review-indicator-btn {
        align-items:center;
        margin: 0 4px
    }
}

@media only screen and (min-width: 1024px) {
    .review-indicator-btn {
        align-items:flex-start
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .review-indicator-btn {
        align-items:flex-start
    }
}

@media only screen and (min-width: 1024px) {
    .review-indicator-btn.trustpilot {
        padding-top:10px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .review-indicator-btn.trustpilot {
        padding-top:10px
    }
}

.review-indicator-btn.trustpilot.active .trustpilot-logo-img {
    --color-1: #fff;
    --color-2: #fff;
    --color-3: #13cf77
}

.review-indicator-btn .trustpilot-logo-img {
    --color-1: #323231;
    --color-2: #00b67a;
    --color-3: #005128
}

@media only screen and (max-width: 767px) {
    .review-indicator-btn .trustpilot-logo-img {
        width:30px;
        height: 28px
    }
}

@media only screen and (min-width: 1024px) {
    .review-indicator-btn .trustpilot-logo-img {
        width:126.38px;
        height: 29.16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .review-indicator-btn .trustpilot-logo-img {
        width:126.38px;
        height: 29.16px
    }
}

@media only screen and (min-width: 1024px) {
    .review-indicator-btn.sitejabber {
        padding-top:13px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .review-indicator-btn.sitejabber {
        padding-top:13px
    }
}

.review-indicator-btn.sitejabber.active .sitejabber-logo-img {
    --color-1: #fff;
    --color-2: #fff
}

.review-indicator-btn .sitejabber-logo-img {
    --color-1: #ef6a23;
    --color-2: #323231
}

@media only screen and (max-width: 767px) {
    .review-indicator-btn .sitejabber-logo-img {
        width:25px;
        height: 23px
    }
}

@media only screen and (min-width: 1024px) {
    .review-indicator-btn .sitejabber-logo-img {
        width:141px;
        height: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .review-indicator-btn .sitejabber-logo-img {
        width:141px;
        height: 30px
    }
}

@media only screen and (min-width: 1024px) {
    .review-indicator-btn.fb {
        padding-top:17px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .review-indicator-btn.fb {
        padding-top:17px
    }
}

.review-indicator-btn.fb.active .fb-logo-img {
    --color-1: #fff
}

.review-indicator-btn .fb-logo-img {
    --color-1: #3b5998
}

@media only screen and (max-width: 767px) {
    .review-indicator-btn .fb-logo-img {
        width:22px;
        height: 22px
    }
}

@media only screen and (min-width: 1024px) {
    .review-indicator-btn .fb-logo-img {
        width:92px;
        height: 19px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .review-indicator-btn .fb-logo-img {
        width:92px;
        height: 19px
    }
}

@media only screen and (min-width: 1024px) {
    .review-indicator-btn.google {
        padding-top:15px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .review-indicator-btn.google {
        padding-top:15px
    }
}

.review-indicator-btn.google.active .google-logo-img {
    --color-1: #fff;
    --color-2: #fff;
    --color-3: #fff;
    --color-4: #fff
}

.review-indicator-btn .google-logo-img {
    --color-1: #3780ff;
    --color-2: #38b137;
    --color-3: #fa3913;
    --color-4: #fcbd06
}

@media only screen and (max-width: 767px) {
    .review-indicator-btn .google-logo-img {
        width:25px;
        height: 25px
    }
}

@media only screen and (min-width: 1024px) {
    .review-indicator-btn .google-logo-img {
        width:80.89px;
        height: 26.63px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .review-indicator-btn .google-logo-img {
        width:80.89px;
        height: 26.63px
    }
}

.review-block-item {
    overflow: hidden;
    position: relative;
    max-height: 800px;
    transition: max-height .5s cubic-bezier(0,1,0,1)
}

.review-block-item:not(.full):after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 172px;
    width: 100%;
    background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.56) 40%,#fff 79%)
}

.review-list {
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 767px) {
    .review-list {
        padding:16px 8px
    }
}

@media only screen and (min-width: 1024px) {
    .review-list {
        -webkit-column-count:2;
        column-count: 2;
        grid-column-gap: 16px;
        -webkit-column-gap: 16px;
        column-gap: 16px;
        padding: 32px 20px 0;
        -webkit-column-fill: balance;
        column-fill: balance
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .review-list {
        -webkit-column-count:2;
        column-count: 2;
        grid-column-gap: 16px;
        -webkit-column-gap: 16px;
        column-gap: 16px;
        padding: 32px 20px 0;
        -webkit-column-fill: balance;
        column-fill: balance
    }
}

.review-list-item {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,53,136,.15);
    border-radius: 4px;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .review-list-item {
        margin-top:8px
    }
}

@media only screen and (min-width: 1024px) {
    .review-list-item {
        margin:8px 0;
        display: inline-block;
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .review-list-item {
        margin:8px 0;
        display: inline-block;
        width: 100%
    }
}

.more-rewiew-btn {
    font-size: 16px;
    line-height: 20px;
    color: #15191c;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: initial;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .more-rewiew-btn {
        margin-top:48px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .more-rewiew-btn {
        margin-top:48px
    }
}

.more-rewiew-btn img {
    display: block;
    margin-left: 8px
}

.trustpilot-item .review-part {
    padding: 20px;
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .trustpilot-item .review-part {
        padding:24px 16px
    }
}

.trustpilot-item .review-part-top {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.trustpilot-item .review-star {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap
}

.trustpilot-item .review-star-img {
    display: block;
    width: 24px;
    height: 24px;
    --color-1: #dcdce5
}

.trustpilot-item .review-star-img:not(:first-child) {
    margin-left: 2px
}

.trustpilot-item .review-star-5 .review-star-img {
    --color-1: #00b778
}

.trustpilot-item .review-star-4 .review-star-img:nth-child(-n+4) {
    --color-1: #6ed30b
}

.trustpilot-item .review-star-3 .review-star-img:nth-child(-n+3) {
    --color-1: #ffce00
}

.trustpilot-item .review-star-2 .review-star-img:nth-child(-n+2) {
    --color-1: #ff8521
}

.trustpilot-item .review-star-1 .review-star-img:nth-child(-n+1) {
    --color-1: #ff3524
}

.trustpilot-item .review-date {
    font-size: 14px;
    line-height: 20px;
    color: #73738f
}

.trustpilot-item .review-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #454554;
    margin-top: 12px
}

.trustpilot-item .review-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #32323d;
    margin-top: 24px
}

.trustpilot-item .review-message {
    font-size: 16px;
    line-height: 24px;
    color: #32323d;
    margin-top: 8px
}

.trustpilot-item .reply-part {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-top: 1px solid #eff1f6
}

@media only screen and (max-width: 767px) {
    .trustpilot-item .reply-part {
        padding:24px 16px
    }
}

.trustpilot-item .reply-inner {
    background: #f2f2f5;
    border-radius: 2px;
    border-left: 3px solid #236bfb;
    padding: 24px 24px 24px 41px
}

.trustpilot-item .reply-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #454554;
    position: relative
}

.trustpilot-item .reply-img {
    display: block;
    width: 12px;
    height: 10px;
    position: absolute;
    left: -24px;
    top: 2px
}

.trustpilot-item .reply-message {
    font-size: 14px;
    line-height: 20px;
    color: #515174;
    margin-top: 6px
}

.review-check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 16px
}

.review-check-img {
    display: block;
    width: 14px;
    height: 14px
}

.review-check-msg {
    font-size: 14px;
    line-height: 20px;
    color: #73738f;
    margin-left: 7px
}

.sitejabber-item {
    padding: 24px;
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .sitejabber-item {
        padding:24px 16px
    }
}

.sitejabber-item .review-name {
    font-size: 14px;
    line-height: 20px;
    color: #6c757d
}

.sitejabber-item .review-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #2b2b2b;
    margin-top: 12px
}

.sitejabber-item .review-part-top {
    margin-top: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.sitejabber-item .review-star {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap
}

.sitejabber-item .review-star-img {
    display: block;
    width: 18px;
    height: 18px;
    --color-1: #dcdce5
}

.sitejabber-item .review-star-img:not(:first-child) {
    margin-left: 4px
}

.sitejabber-item .review-star-4 .review-star-img:nth-child(-n+4),.sitejabber-item .review-star-5 .review-star-img {
    --color-1: #f16a0a
}

.sitejabber-item .review-star-3 {
    --color1: #dcdce5
}

.sitejabber-item .review-star-1 .review-star-img:nth-child(-n+1),.sitejabber-item .review-star-2 .review-star-img:nth-child(-n+2),.sitejabber-item .review-star-3 .review-star-img:nth-child(-n+3) {
    --color-1: #f16a0a
}

.sitejabber-item .review-date {
    font-size: 14px;
    line-height: 18px;
    color: #999;
    margin-left: 8px
}

.sitejabber-item .review-message {
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    color: #2b2b2b
}

.sitejabber-item .reply-part {
    display: flex;
    flex-direction: column;
    padding-top: 24px
}

.sitejabber-item .reply-inner {
    background: #f8f8f8;
    border: 1px solid rgba(206,212,218,.5);
    padding: 24px
}

.sitejabber-item .reply-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #2b2b2b
}

.sitejabber-item .reply-message {
    font-size: 14px;
    line-height: 20px;
    color: #2b2b2b;
    margin-top: 6px
}

.google-item {
    background-color: #fff
}

.google-item .review-part {
    padding: 24px
}

@media only screen and (max-width: 767px) {
    .google-item .review-part {
        padding:24px 16px
    }
}

.google-item .review-name-line {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.google-item .review-name-capital {
    font-family: "Roboto";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    background-color: #445964
}

.google-item .review-name-capital.type0 {
    background-color: #445964
}

.google-item .review-name-capital.type1 {
    background-color: #78909c
}

.google-item .review-name-capital.type2 {
    background-color: #a94187
}

.google-item .review-name-capital.type3 {
    background-color: #8f9c24
}

.google-item .review-name-capital.type4 {
    background-color: #3d8fb9
}

.google-item .review-name-capital.type5 {
    background-color: #4e8649
}

.google-item .review-name-capital.type6 {
    background-color: #ee3918
}

.google-item .review-name-capital.type7 {
    background-color: #435864
}

.google-item .review-name-capital.type8 {
    background-color: #5d4037
}

.google-item .review-name-capital.type9 {
    background-color: #7b1fa2
}

.google-item .review-name {
    margin-left: 12px;
    font-size: 16px;
    line-height: 24px;
    color: #212121
}

.google-item .review-star-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 18px
}

.google-item .review-star {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap
}

.google-item .review-star-img {
    display: block;
    width: 13px;
    height: 13px;
    --color-1: #dadce0
}

.google-item .review-star-img:not(:first-child) {
    margin-left: 3px
}

.google-item .review-star-1 .review-star-img:nth-child(-n+1),.google-item .review-star-2 .review-star-img:nth-child(-n+2),.google-item .review-star-3 .review-star-img:nth-child(-n+3),.google-item .review-star-4 .review-star-img:nth-child(-n+4),.google-item .review-star-5 .review-star-img {
    --color-1: #fabb2d
}

.google-item .review-date {
    margin-left: 8px;
    font-size: 14px;
    line-height: 14px;
    color: #757575
}

.google-item .review-message {
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #212121
}

.google-item .reply-part {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-top: 1px solid #eff1f6
}

@media only screen and (max-width: 767px) {
    .google-item .reply-part {
        padding:24px 16px
    }
}

.google-item .reply-inner {
    border-left: 2px solid #e0e0e0;
    padding-left: 16px
}

.google-item .reply-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #212121
}

.google-item .reply-message {
    font-size: 14px;
    line-height: 20px;
    color: #212121;
    margin-top: 6px
}

.fb-item {
    background-color: #fff
}

.fb-item .review-part {
    padding: 24px
}

@media only screen and (max-width: 767px) {
    .fb-item .review-part {
        padding:24px 16px
    }
}

.fb-item .review-name-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap
}

.fb-item .review-name {
    margin-right: 5px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #050505
}

.fb-item .fb-bubble {
    display: block;
    width: 17px;
    height: 15px;
    --color-1: #979797;
    margin-right: 8px
}

.fb-item .fb-bubble.recommend {
    --color-1: #ff3f65
}

.fb-item .review-recommend {
    font-size: 16px;
    line-height: 24px;
    color: #65676b
}

.fb-item .review-recommend .strong {
    font-weight: 700;
    color: #050505
}

.fb-item .review-date-line {
    margin-top: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.fb-item .review-date {
    font-size: 14px;
    line-height: 14px;
    color: #65676b;
    margin-right: 7px
}

.fb-item .earth-icon {
    display: block;
    width: 12px;
    height: 12px
}

.fb-item .review-message {
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    color: #050505
}

.fb-item .reply-part {
    display: flex;
    justify-content: space-between;
    padding: 24px;
    border-top: 1px solid #eff1f6
}

@media only screen and (max-width: 767px) {
    .fb-item .reply-part {
        padding:24px 16px
    }
}

.fb-item .reply-img {
    display: block;
    width: 40px;
    height: 40px
}

.fb-item .reply-message-part {
    margin-left: 12px;
    background: #f0f2f5;
    border-radius: 18px;
    padding: 8px 12px;
    flex: 1 1
}

.fb-item .reply-name {
    font-weight: 700
}

.fb-item .reply-message,.fb-item .reply-name {
    font-size: 14px;
    line-height: 20px;
    color: #050505
}

.scroll-up-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: rgba(19,207,119,.16);
    border-radius: 50%;
    position: absolute;
    z-index: 10
}

@media only screen and (max-width: 767px) {
    .scroll-up-btn {
        right:16px;
        bottom: 100px
    }
}

@media only screen and (min-width: 1024px) {
    .scroll-up-btn {
        right:20px;
        bottom: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .scroll-up-btn {
        right:20px;
        bottom: 40px
    }
}

.arrow-up-img {
    display: block;
    width: 12px;
    height: 7px;
    fill: #13cf77
}

.reviews__section-1 {
    background-image: url(/static/media/hero.0436abc2.svg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 720px;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .reviews__section-1 {
        padding-top:184px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-1 {
        padding-top:184px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-1 {
        padding-top:112px
    }
}

.reviews__section-1 h1 {
    font-weight: 700;
    letter-spacing: -1px;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .reviews__section-1 h1 {
        font-size:48px;
        line-height: 64px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-1 h1 {
        font-size:48px;
        line-height: 64px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-1 h1 {
        font-size:32px;
        line-height: 40px;
        margin: 0 0 16px
    }
}

.reviews__section-1 h2 {
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .reviews__section-1 h2 {
        font-size:24px;
        line-height: 32px;
        margin-top: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-1 h2 {
        font-size:24px;
        line-height: 32px;
        margin-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-1 h2 {
        font-size:16px;
        line-height: 24px;
        margin-top: 16px
    }
}

.reviews__section-1-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .reviews__section-1-btns {
        flex-direction:column
    }
}

.reviews__section-1-btn-1 {
    background: #13cf77;
    box-shadow: 0 4px 12px rgba(18,173,100,.402627);
    border-radius: 4px;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    width: 192px;
    height: 48px
}

@media only screen and (min-width: 1024px) {
    .reviews__section-1-btn-1 {
        margin-right:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-1-btn-1 {
        margin-right:16px
    }
}

.reviews__section-1-btn-2 {
    border: 2px solid #13cf77;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #13cf77;
    background: transparent;
    width: 192px;
    height: 48px
}

@media only screen and (max-width: 767px) {
    .reviews__section-1-btn-2 {
        margin-top:16px
    }
}

.reviews__section-1-stars {
    display: flex;
    margin-top: 56px;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .reviews__section-1-stars {
        margin-top:45px
    }
}

.reviews__section-1-stars li:not(:first-child) {
    margin-left: -7px
}

.reviews__section-1-text {
    font-size: 18px;
    line-height: 32px;
    color: #d4d9ed
}

@media only screen and (max-width: 767px) {
    .reviews__section-1-text {
        font-size:14px;
        line-height: 20px
    }
}

.reviews__section-2 {
    position: relative;
    padding-bottom: 120px
}

@media only screen and (min-width: 1024px) {
    .reviews__section-2 {
        padding-top:310px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-2 {
        padding-top:370px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-2 {
        padding-top:384px;
        padding-bottom: 64px
    }
}

.reviews__section-2 .grid-layout-img {
    display: block;
    width: 308px;
    height: 148px;
    position: absolute;
    top: 164px;
    left: 0;
    z-index: 0
}

.reviews__section-2 h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    text-align: center;
    letter-spacing: -.827586px;
    color: #15191c;
    max-width: 712px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-2 h2 {
        max-width:576px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-2 h2 {
        font-size:24px;
        line-height: 32px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.reviews__section-2-block-1-btn,.reviews__section-2-block-1-btns {
    display: flex;
    align-items: center;
    justify-content: center
}

.reviews__section-2-block-1-btn {
    border-radius: 124px;
    width: 180px;
    height: 56px;
    background: transparent;
    margin: 0 8px;
    border: 2px solid #0acf83
}

.reviews__section-2-block-1-btn_1 {
    background: #13cf77;
    box-shadow: 0 4px 12px rgba(18,173,100,.402627)
}

.reviews__section-2-block-1-btns {
    margin-top: 40px
}

.reviews__section-2-block-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15);
    border-radius: 4px
}

@media only screen and (min-width: 1024px) {
    .reviews__section-2-block-2 {
        padding:64px;
        top: -40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-2-block-2 {
        padding:64px;
        top: -40px
    }
}

@media only screen and (min-width: 1024px) {
    .reviews__section-2-block-2 {
        height:246px;
        max-width: 944px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-2-block-2 {
        flex-direction:column-reverse
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-2-block-2 {
        flex-direction:column-reverse
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-2-block-2 {
        margin:0 32px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-2-block-2 {
        margin:0 8px;
        padding: 64px 16px;
        top: -105px
    }
}

.reviews__section-2-block-2-items {
    display: flex
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-2-block-2-items {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-2-block-2-items {
        flex-direction:column
    }
}

@media only screen and (min-width: 1024px) {
    .reviews__section-2-block-2-item-1 {
        margin-right:37px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-2-block-2-item-1 {
        margin-right:37px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-2-block-2-item-1,.reviews__section-2-block-2-item-2 {
        margin-top:32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-2-block-2-item-3 {
        text-align:center
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-2-block-2-item-3 {
        text-align:center
    }
}

.reviews__section-2-block-2-item {
    display: flex
}

.reviews__section-2-block-2-item img {
    margin-right: 12px;
    align-self: flex-start;
    margin-top: 10px
}

.reviews__section-2-block-2-text-val-1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 64px;
    letter-spacing: -1px;
    color: #15191c
}

.reviews__section-2-block-2-text-val-2 {
    font-size: 16px;
    line-height: 24px;
    color: #637293
}

.reviews__section-2-block-2-text-2 {
    font-weight: 700;
    letter-spacing: -.586207px;
    color: #15191c;
    max-width: 384px
}

@media only screen and (min-width: 1024px) {
    .reviews__section-2-block-2-text-2 {
        font-size:32px;
        line-height: 42px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-2-block-2-text-2 {
        font-size:32px;
        line-height: 42px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-2-block-2-text-2 {
        font-size:24px;
        line-height: 32px
    }
}

.reviews__section-3 {
    background: #f5f6fc;
    overflow: hidden
}

@media only screen and (min-width: 1024px) {
    .reviews__section-3 {
        padding-top:120px;
        padding-bottom: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-3 {
        padding-top:120px;
        padding-bottom: 56px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-3 {
        padding-top:64px;
        padding-bottom: 40px
    }
}

.reviews__section-3 h2 {
    font-weight: 700;
    text-align: center;
    letter-spacing: -.827586px;
    color: #15191c
}

@media only screen and (min-width: 1024px) {
    .reviews__section-3 h2 {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-3 h2 {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-3 h2 {
        font-size:24px;
        line-height: 32px
    }
}

.reviews__section-3-items {
    margin: 56px auto 0;
    display: flex;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .reviews__section-3-items {
        width:1024px;
        justify-content: space-between
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-3-items {
        flex-direction:column
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-3-items {
        flex-direction:column;
        margin-top: 40px;
        position: relative;
        justify-content: center
    }
}

@media only screen and (min-width: 1024px) {
    .reviews__section-3-list-item {
        display:flex;
        align-items: center;
        margin-top: 46px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-3-list-item {
        display:flex;
        align-items: center;
        margin-top: 46px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-3-list-item {
        margin-top:40px;
        text-align: center
    }
}

@media only screen and (min-width: 1024px) {
    .reviews__section-3-list-item img {
        align-self:flex-start;
        margin-right: 20px;
        flex-direction: column;
        justify-content: center;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-3-list-item img {
        align-self:flex-start;
        margin-right: 20px;
        flex-direction: column;
        justify-content: center;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-3-list-item img {
        margin:0 auto
    }
}

.reviews__section-3-list-item-0 {
    margin-top: 0
}

@media only screen and (min-width: 1024px) {
    .reviews__section-3-item-1 {
        max-width:475px
    }
}

.reviews__section-3-item-2 {
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-3-item-2 {
        margin-top:64px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-3-list-item-text {
        margin-top:24px
    }
}

.reviews__section-3-list-item-text-val-1 {
    font-weight: 700;
    color: #15191c
}

@media only screen and (min-width: 1024px) {
    .reviews__section-3-list-item-text-val-1 {
        font-size:24px;
        line-height: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-3-list-item-text-val-1 {
        font-size:24px;
        line-height: 30px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-3-list-item-text-val-1 {
        font-size:20px;
        line-height: 24px
    }
}

.reviews__section-3-list-item-text-val-2 {
    font-size: 16px;
    line-height: 24px;
    color: #637293
}

@media only screen and (max-width: 767px) {
    .reviews__section-3-list-item-text-val-2 {
        margin-top:12px
    }
}

.reviews__section-3-text {
    color: #637293;
    text-align: center;
    padding-top: 40px;
    position: relative;
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .reviews__section-3-text {
        margin-left:24px;
        margin-right: 24px
    }
}

.reviews__section-3-text a {
    color: #15191c;
    align-items: center;
    font-weight: 500
}

@media only screen and (min-width: 1024px) {
    .reviews__section-3-text a {
        display:inline-flex
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-3-text a {
        display:inline-flex
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-3-text a {
        display:flex;
        margin-top: 16px;
        justify-content: center;
        font-size: 16px
    }
}

.reviews__section-3-text a img {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 6px
}

.reviews__section-3-text:before {
    content: "";
    background: linear-gradient(90deg,rgba(212,217,237,0),#d4d9ed 50.39%,rgba(212,217,237,0));
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

@media only screen and (min-width: 1024px) {
    .reviews__section-3-text {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-3-text {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-3-text {
        font-size:14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .reviews__section-3-img {
        width:475px;
        height: 498px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-3-img {
        width:475px;
        height: 498px
    }
}

.reviews__section-3-layout {
    width: 792px;
    height: 514px;
    pointer-events: none;
    position: absolute;
    top: -18px;
    left: -176px
}

.reviews__section-3-element1 {
    width: 58px;
    height: 58px;
    pointer-events: none;
    position: absolute;
    top: 180px;
    right: -18px
}

.reviews__section-3-element2 {
    width: 148px;
    height: 148px;
    pointer-events: none;
    position: absolute;
    bottom: 62px;
    left: -108px
}

.reviews__section-4 {
    padding: 120px 0;
    background-image: url(/static/media/grid.db23bb44.svg);
    background-repeat: no-repeat
}

@media only screen and (min-width: 1024px) {
    .reviews__section-4 {
        background-position:170px 120px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-4 {
        background-position:-85px 130px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-4 {
        background:none;
        padding: 64px 16px
    }
}

.reviews__section-4 h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    text-align: center;
    color: #15191c
}

@media only screen and (max-width: 767px) {
    .reviews__section-4 h2 {
        font-size:24px;
        line-height: 32px
    }
}

.reviews__section-4 .button-wrapper {
    width: 192px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) {
    .reviews__section-4 .button-wrapper {
        margin-top:27px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-4 .button-wrapper {
        margin-top:27px
    }
}

.reviews__section-4-geeks-img {
    margin: 24px auto 0
}

.reviews__section-4-block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .reviews__section-4-block {
        flex-direction:column
    }
}

.reviews__section-4-stars {
    display: flex;
    align-items: center
}

.reviews__section-4-block-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #637293
}

@media only screen and (max-width: 767px) {
    .reviews__section-4-block-text {
        margin:5px 0 24px
    }
}

@media only screen and (min-width: 1024px) {
    .reviews__section-4-block-1 {
        margin-top:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-4-block-1 {
        margin-top:16px
    }
}

.reviews__section-5 {
    background: url(/static/media/bg.e10e05d7.svg) no-repeat 50%;
    background-size: cover
}

@media only screen and (min-width: 1024px) {
    .reviews__section-5 {
        padding:120px 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-5 {
        padding:120px 0
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-5 {
        padding:64px 0
    }
}

.reviews__section-5 h2 {
    font-weight: 700;
    text-align: center;
    letter-spacing: -.827586px;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .reviews__section-5 h2 {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-5 h2 {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-5 h2 {
        font-size:24px;
        line-height: 32px
    }
}

.reviews__section-5-text {
    text-align: center;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .reviews__section-5-text {
        font-size:18px;
        line-height: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-5-text {
        font-size:18px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-5-text {
        font-size:16px;
        line-height: 24px;
        padding: 8px 12px 0
    }
}

.reviews__section-5-form {
    background: #fff;
    border-radius: 4px
}

@media only screen and (min-width: 1024px) {
    .reviews__section-5-form {
        width:640px;
        margin: 40px auto 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-5-form {
        width:640px;
        margin: 40px auto 0
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-5-form {
        margin:40px 8px 0
    }
}

.reviews__section-5-form input,.reviews__section-5-form textarea {
    background: #fff;
    border: 1px solid #d4d9ed;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 16px;
    line-height: 20px;
    color: #637293;
    padding: 17px 24px;
    width: 100%
}

.reviews__section-5-form textarea {
    resize: none;
    height: 156px
}

.reviews__section-5-form label {
    font-size: 16px;
    line-height: 20px;
    color: rgba(99,114,147,.6);
    position: absolute;
    top: 18px;
    left: 24px
}

.reviews__section-5-form input:focus+label,.reviews__section-5-form textarea:focus+label {
    display: none
}

.reviews__section-5-form input[required]+label:after,.reviews__section-5-form textarea[required]+label:after {
    content: "*"
}

.reviews__section-5-form-item_1 input,.reviews__section-5-form-item_1 textarea {
    border: 1px solid #ffa40a
}

.reviews__section-5-form-holder {
    position: relative
}

@media only screen and (min-width: 1024px) {
    .reviews__section-5-form-holder {
        padding:40px 40px 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-5-form-holder {
        padding:40px 40px 0
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-5-form-holder {
        padding:40px 16px 0
    }
}

.reviews__section-5-form-text {
    font-weight: 700;
    color: #15191c;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .reviews__section-5-form-text {
        font-size:24px;
        line-height: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-5-form-text {
        font-size:24px;
        line-height: 30px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-5-form-text {
        font-size:20px;
        line-height: 24px
    }
}

.reviews__section-5-form-items {
    margin-top: 16px
}

@media only screen and (min-width: 1024px) {
    .reviews__section-5-form-items {
        display:flex;
        align-items: center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-5-form-items {
        display:flex;
        align-items: center
    }
}

.reviews__section-5-form-item {
    width: 100%;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .reviews__section-5-form-item-1 {
        margin-right:8px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-5-form-item-1 {
        margin-right:8px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-5-form-item-2 {
        margin-top:8px
    }
}

.reviews__section-5-form-item-3 {
    margin-top: 8px
}

.reviews__section-5-form-req {
    background: rgba(239,241,246,.6);
    border-radius: 2px;
    padding: 12px 24px;
    font-size: 14px;
    line-height: 20px;
    color: rgba(99,114,147,.6)
}

.reviews__section-5-form-btn-holder {
    border-top: 1px solid #eff1f6;
    margin-top: 16px;
    height: auto;
    padding: 16px 0;
    text-align: center
}

.reviews__section-5-form-btn {
    width: 192px;
    margin: 0 auto
}

.reviews__section-5-form-btn_1 button {
    background: #d4d9ed;
    box-shadow: none;
    cursor: default
}

.reviews__section-5-form-btn_1 button:active,.reviews__section-5-form-btn_1 button:focus,.reviews__section-5-form-btn_1 button:hover {
    background: #d4d9ed;
    box-shadow: none
}

@-webkit-keyframes width {
    0% {
        width: 0
    }

    to {
        width: 188px
    }
}

@keyframes width {
    0% {
        width: 0
    }

    to {
        width: 188px
    }
}

.reviews__section-5-form-error {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #15191c;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0,53,136,.15);
    border-radius: 2px;
    padding: 12px 16px;
    width: 272px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 100
}

@media only screen and (max-width: 767px) {
    .reviews__section-5-form-error {
        top:80px;
        width: calc(100% - 32px)
    }
}

.reviews__section-5-form-error img {
    margin-right: 8px;
    align-self: flex-start
}

.reviews__section-5-form-error div {
    background: #ffa40a;
    border-radius: 0 0 0 2px;
    width: 188px;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-animation: width .5s ease;
    animation: width .5s ease
}

.reviews__section-5-form-error_1 {
    top: 130px
}

.reviews__section-5-form-error_2 {
    top: 20px
}

.reviews__section-5-stars {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .reviews__section-5-stars {
        margin-top:16px
    }
}

.reviews__section-5-stars-item {
    cursor: pointer
}

@media only screen and (min-width: 1024px) {
    .reviews__section-5-stars-item {
        margin:0 -8px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .reviews__section-5-stars-item {
        margin:0 -8px
    }
}

@media only screen and (max-width: 767px) {
    .reviews__section-5-stars-item:not(:first-child) {
        margin-left:-8px
    }
}

.reviews__section-5-star-img {
    display: block
}

@media only screen and (max-width: 767px) {
    .reviews__section-5-star-img {
        width:63.86px;
        height: 66.23px
    }
}

.lp4 {
    padding-bottom: 80px
}

.lp4__section-2 {
    margin-top: 44px
}

.lp4__section-3 {
    padding-top: 120px
}

.lp4__section-5 {
    padding-top: 80px
}

.lp4__hero {
    height: 240px;
    background: url(/static/media/hero-bg.c795fdfc.svg) no-repeat;
    background-size: cover;
    margin-top: 56px
}

.geek {
    max-width: 1088px;
    margin: -176px auto 0;
    background: #fff;
    box-shadow: 0 8px 12px rgba(0,38,96,.06),0 16px 40px rgba(0,53,136,.15);
    border-radius: 16px;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .geek {
        padding:32px
    }
}

@media only screen and (min-width: 1024px) {
    .geek {
        padding:32px
    }
}

@media only screen and (max-width: 767px) {
    .geek {
        padding:16px
    }
}

@media only screen and (min-width: 1024px) {
    .geek__top {
        display:flex
    }
}

@media only screen and (max-width: 767px) {
    .geek-btns__assign {
        margin-top:16px
    }
}

@media only screen and (min-width: 768px) {
    .geek-btns__assign {
        position:absolute;
        top: 44px;
        right: 32px;
        width: 170px
    }
}

.geek-item__bottom {
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .geek-item__bottom {
        border-top:1px solid #eff1f6;
        margin-top: 24px;
        padding-top: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .geek-item__bottom {
        border-top:1px solid #eff1f6;
        margin-top: 24px;
        padding-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .geek-item__bottom {
        flex-direction:column;
        margin-top: 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .geek-item__bottom-left {
        order:-1
    }
}

@media only screen and (min-width: 1024px) {
    .geek-item__bottom-left {
        order:-1
    }
}

.geek__subjects-title {
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    font-weight: 700;
    margin-bottom: 8px
}

@media only screen and (max-width: 1023px) {
    .geek__subjects {
        margin-top:24px
    }
}

.geek__subjects-list {
    display: flex;
    flex-wrap: wrap
}

.geek__subjects-item {
    font-size: 14px;
    line-height: 20px;
    background: #f6f7ff;
    border: 1px solid #ccd0ee;
    border-radius: 16px 16px 16px 1px;
    color: #474747;
    padding: 6px 12px;
    margin-right: 8px;
    margin-top: 8px
}

.geek__subjects-item:last-child {
    margin-right: 0
}

.geek__counter {
    display: flex;
    border: 1px solid #eff1f6;
    border-radius: 2px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .geek__counter-item {
        padding:30px 20px;
        width: 200px
    }
}

@media only screen and (min-width: 1024px) {
    .geek__counter-item {
        padding:30px 20px;
        width: 200px
    }
}

@media only screen and (max-width: 767px) {
    .geek__counter-item {
        padding:18px 15px;
        width: 100%
    }
}

.geek__counter-time {
    border-right: 1px solid #eff1f6
}

.geek__counter-title {
    display: flex;
    align-items: center;
    color: #474747;
    font-weight: 700
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .geek__counter-title {
        font-size:24px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1024px) {
    .geek__counter-title {
        font-size:24px;
        line-height: 24px
    }
}

@media only screen and (max-width: 767px) {
    .geek__counter-title {
        font-size:18px;
        line-height: 24px
    }
}

.geek__counter-icon {
    margin-right: 8px
}

.geek__counter-desc {
    font-size: 14px;
    line-height: 20px;
    color: #71737a;
    margin-top: 8px
}

.learning-center__hero {
    background: url(/static/media/hero.1cc2a456.svg) no-repeat 50%;
    background-size: cover;
    text-align: center
}

.learning-center__hero-holder {
    height: 720px;
    max-width: 745px;
    margin: 0 auto
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__hero-holder {
        padding:0 8px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__hero-holder {
        padding:0 8px
    }
}

.learning-center__hero-title {
    font-weight: 700;
    color: #fff;
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .learning-center__hero-title {
        font-size:48px;
        line-height: 64px;
        padding-top: 184px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__hero-title {
        font-size:32px;
        line-height: 40px;
        padding-top: 112px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__hero-title {
        font-size:32px;
        line-height: 40px;
        padding-top: 112px
    }
}

.learning-center__hero-text {
    color: #fff;
    margin-top: 24px
}

@media only screen and (min-width: 1024px) {
    .learning-center__hero-text {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__hero-text {
        font-size:16px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__hero-text {
        font-size:16px;
        line-height: 32px
    }
}

.learning-center__how {
    max-width: 1024px
}

@media only screen and (min-width: 1024px) {
    .learning-center__how {
        margin:-180px auto 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__how {
        margin:-280px 16px 0
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__how {
        margin:-280px 16px 0
    }
}

.learning-center__how-title {
    font-weight: 700;
    color: #fff;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .learning-center__how-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__how-title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__how-title {
        font-size:24px;
        line-height: 32px
    }
}

.learning-center__how-items {
    display: flex;
    align-items: center;
    box-shadow: 0 4px 16px rgba(92,102,133,.16);
    border-radius: 2px;
    background: #fff
}

@media only screen and (min-width: 1024px) {
    .learning-center__how-items {
        height: 318px;
        margin-top: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__how-items {
        flex-direction:column;
        margin-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__how-items {
        flex-direction:column;
        margin-top: 24px
    }
}

.learning-center__how-item {
    text-align: center;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .learning-center__how-item {
        padding:0 50px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__how-item {
        padding:28px 24px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__how-item {
        padding:28px 24px
    }
}

.learning-center__how-item:after {
    content: "";
    position: absolute;
    background: linear-gradient(90deg,rgba(212,217,237,0),#d4d9ed 50.39%,rgba(212,217,237,0));
    height: 1px
}

@media only screen and (min-width: 1024px) {
    .learning-center__how-item:after {
        -webkit-transform:rotate(-90deg);
        transform: rotate(-90deg);
        width: 124px;
        top: 62px;
        right: -60px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__how-item:after {
        width:100%;
        bottom: 0;
        left: 0;
        right: 0
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__how-item:after {
        width:100%;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.learning-center__how-item:last-child:after {
    display: none
}

.learning-center__how-step {
    margin: 0 auto
}

.learning-center__how-text {
    font-size: 16px;
    line-height: 24px;
    color: #637293;
    margin-top: 20px
}

@media only screen and (min-width: 1024px) {
    .learning-center__playlists {
        margin-top:80px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__playlists {
        margin-top:64px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__playlists {
        margin-top:64px
    }
}

.learning-center__playlists-title {
    font-weight: 700;
    text-align: center;
    color: #15191c;
    max-width: 870px;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .learning-center__playlists-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__playlists-title {
        padding:0 16px;
        font-size: 24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__playlists-title {
        padding:0 16px;
        font-size: 24px;
        line-height: 32px
    }
}

.learning-center__playlists-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1260px;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .learning-center__playlists-items {
        margin-top:48px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__playlists-items {
        margin-top:24px;
        margin-left: 8px;
        margin-right: 8px;
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__playlists-items {
        margin-top:24px;
        margin-left: 8px;
        margin-right: 8px;
        flex-direction: column
    }
}

.learning-center__playlists-item {
    box-shadow: 0 4px 16px rgba(92,102,133,.16);
    border-radius: 2px;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px 24px;
    align-items: flex-start
}

@media only screen and (min-width: 1024px) {
    .learning-center__playlists-item {
        margin:8px;
        width: 286px
    }
}

@media only screen and (max-width: 1225px) {
    .learning-center__playlists-item {
        margin:8px;
        width: 405px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__playlists-item {
        margin:0 auto 8px;
        width: 304px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__playlists-item {
        margin:0 auto 8px;
        width: 304px
    }
}

.learning-center__playlists-item-1 {
    background: url(/static/media/math.f21c6b3c.svg) no-repeat
}

.learning-center__playlists-item-2 {
    background: url(/static/media/statistics.427b51ce.svg) no-repeat
}

.learning-center__playlists-item-3 {
    background: url(/static/media/biology.c92f226e.svg) no-repeat
}

.learning-center__playlists-item-4 {
    background: url(/static/media/physics.a478d534.svg) no-repeat
}

.learning-center__playlists-item-5 {
    background: url(/static/media/chemistry.c5a45055.svg) no-repeat
}

.learning-center__playlists-item-6 {
    background: url(/static/media/economics.05a77d81.svg) no-repeat
}

.learning-center__playlists-item-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #fff
}

.learning-center__playlists-item-link {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: 16px
}

.learning-center__playlists-item-link img {
    margin-left: 8px
}

.learning-center__get-a-geek {
    background: #f5f6fc;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .learning-center__get-a-geek {
        margin-top:80px;
        padding: 80px 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__get-a-geek {
        margin-top:64px;
        padding: 64px 16px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__get-a-geek {
        margin-top:64px;
        padding: 64px 16px
    }
}

.learning-center__get-a-geek-title {
    font-weight: 700;
    color: #15191c;
    max-width: 608px;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .learning-center__get-a-geek-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center__get-a-geek-title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center__get-a-geek-title {
        font-size:24px;
        line-height: 32px
    }
}

.learning-center__get-a-geek-text {
    font-size: 18px;
    line-height: 32px;
    color: #637293;
    margin: 16px auto 0 auto;
    width: 62%;
}

.learning-center__get-a-geek-form {
    margin-top: 40px
}

.learning-center-items__header,.learning-center-playlists__header {
    min-height: 256px;
    margin-top: 72px
}

@media only screen and (min-width: 1024px) {
    .learning-center-items__header,.learning-center-playlists__header {
        padding:40px 104px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-items__header,.learning-center-playlists__header {
        padding:40px 16px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-items__header,.learning-center-playlists__header {
        padding:40px 16px
    }
}

.learning-center-items__header_1,.learning-center-playlists__header_1 {
    background: #2572e4
}

.learning-center-items__header_2,.learning-center-playlists__header_2 {
    background: #faa05a
}

.learning-center-items__header_3,.learning-center-playlists__header_3 {
    background: #f7ac28
}

.learning-center-items__header_4,.learning-center-playlists__header_4 {
    background: #bd1eeb
}

.learning-center-items__header_5,.learning-center-playlists__header_5 {
    background: #42c256
}

.learning-center-items__header_6,.learning-center-playlists__header_6 {
    background: #5b2eff
}

.learning-center-items__header-back,.learning-center-playlists__header-back {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    display: flex;
    align-items: center
}

.learning-center-items__header-back img,.learning-center-playlists__header-back img {
    margin-right: 8px
}

.learning-center-items__header-title,.learning-center-playlists__header-title {
    font-weight: 700;
    color: #fff;
    margin-top: 40px
}

@media only screen and (min-width: 1024px) {
    .learning-center-items__header-title,.learning-center-playlists__header-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-items__header-title,.learning-center-playlists__header-title {
        font-size:32px;
        line-height: 40px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-items__header-title,.learning-center-playlists__header-title {
        font-size:32px;
        line-height: 40px
    }
}

.learning-center-items__header-count {
    color: hsla(0,0%,100%,.6);
    margin-top: 8px
}

@media only screen and (min-width: 1024px) {
    .learning-center-items__header-count {
        font-size:18px;
        line-height: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-items__header-count {
        font-size:16px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-items__header-count {
        font-size:16px;
        line-height: 32px
    }
}

.learning-center-items__list-items,.learning-center-playlists__list-items {
    display: flex;
    max-width: 1232px
}

@media only screen and (min-width: 1024px) {
    .learning-center-items__list-items,.learning-center-playlists__list-items {
        flex-wrap:wrap;
        margin: 80px auto 0
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .learning-center-items__list-items,.learning-center-playlists__list-items {
        justify-content:center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-items__list-items,.learning-center-playlists__list-items {
        margin-top:24px;
        margin-left: 8px;
        margin-right: 8px;
        flex-direction: column;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-items__list-items,.learning-center-playlists__list-items {
        margin-top:24px;
        margin-left: 8px;
        margin-right: 8px;
        flex-direction: column;
        align-items: center
    }
}

.learning-center-items__list-item,.learning-center-playlists__list-item {
    box-shadow: 0 4px 16px rgba(92,102,133,.16);
    border-radius: 2px;
    margin-right: 16px;
    margin-bottom: 16px
}

@media only screen and (min-width: 1024px) {
    .learning-center-items__list-item,.learning-center-playlists__list-item {
        width:400px;
        min-height: 320px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-items__list-item,.learning-center-playlists__list-item {
        width:300px;
        min-height: 267px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-items__list-item,.learning-center-playlists__list-item {
        width:300px;
        min-height: 267px
    }
}

@media only screen and (min-width: 1024px) {
    .learning-center-items__list-item:nth-child(3n),.learning-center-playlists__list-item:nth-child(3n) {
        margin-right:0
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .learning-center-items__list-item:nth-child(2n),.learning-center-playlists__list-item:nth-child(2n) {
        margin-right:0
    }

    .learning-center-items__list-item:nth-child(3n),.learning-center-playlists__list-item:nth-child(3n) {
        margin-right: 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-items__list-item,.learning-center-playlists__list-item {
        margin-right:0
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-items__list-item,.learning-center-playlists__list-item {
        margin-right:0
    }
}

@media only screen and (min-width: 1024px) {
    .learning-center-items__list-img,.learning-center-playlists_list-img {
        width:400px;
        height: 225px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-items__list-img,.learning-center-playlists_list-img {
        width:300px;
        height: 170px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-items__list-img,.learning-center-playlists_list-img {
        width:300px;
        height: 170px
    }
}

.learning-center-items__list-img img,.learning-center-playlists_list-img img {
    width: inherit;
    height: inherit;
    object-fit: cover
}

.learning-center-items__list-info {
    padding: 24px
}

.learning-center-items__list-title,.learning-center-playlists__list-title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.learning-center-items__list-count {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
    color: #637293
}

.learning-center-items__list-title-value,.learning-center-playlists__list-title-value {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #15191c;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.learning-center-items__list-more,.learning-center-playlists__list-more {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    cursor: pointer
}

.learning-center-items__list-more img,.learning-center-playlists__list-more img {
    margin-left: 8px
}

.learning-center-video {
    margin: 112px auto 0;
    max-width: 1232px
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .learning-center-video {
        padding:0 8px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-video {
        padding:0 8px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-video {
        padding:0 8px
    }
}

.learning-center-video__back {
    font-size: 16px;
    line-height: 20px;
    color: #15191c;
    display: flex;
    align-items: center
}

.learning-center-video__back img {
    margin-right: 8px
}

.learning-center-video__player {
    margin: 40px auto 0
}

.learning-center-video__player iframe {
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .learning-center-video__player iframe {
        height:693px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-video__player iframe {
        height:346px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-video__player iframe {
        height:162px
    }
}

.learning-center-video__category {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding: 4px 12px;
    display: inline-block;
    border-radius: 4px
}

@media only screen and (min-width: 1024px) {
    .learning-center-video__category {
        margin-top:40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-video__category {
        margin-top:28px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-video__category {
        margin-top:28px
    }
}

.learning-center-video__category_1 {
    background: #2572e4
}

.learning-center-video__category_2 {
    background: #faa05a
}

.learning-center-video__category_3 {
    background: #f7ac28
}

.learning-center-video__category_4 {
    background: #bd1eeb
}

.learning-center-video__category_5 {
    background: #42c256
}

.learning-center-video__category_6 {
    background: #5b2eff
}

.learning-center-video__title {
    font-weight: 700;
    color: #15191c;
    margin-top: 28px
}

@media only screen and (min-width: 1024px) {
    .learning-center-video__title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-video__title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-video__title {
        font-size:24px;
        line-height: 32px
    }
}

.learning-center-video__date {
    color: #637293;
    margin-top: 8px
}

@media only screen and (min-width: 1024px) {
    .learning-center-video__date {
        font-size:18px;
        line-height: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-video__date {
        font-size:16px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-video__date {
        font-size:16px;
        line-height: 32px
    }
}

.learning-center-video__desc-title {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e6e8ed;
    font-weight: 700;
    color: #15191c
}

@media only screen and (min-width: 1024px) {
    .learning-center-video__desc-title {
        font-size:24px;
        line-height: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-video__desc-title {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-video__desc-title {
        font-size:16px;
        line-height: 24px
    }
}

.learning-center-video__desc {
    font-size: 16px;
    line-height: 24px;
    color: #637293;
    margin-top: 16px
}

.learning-center-video__list {
    margin-top: 64px
}

.learning-center-video__list-title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.learning-center-video__list-title-value {
    font-weight: 700;
    color: #15191c
}

@media only screen and (min-width: 1024px) {
    .learning-center-video__list-title-value {
        font-size:24px;
        line-height: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-video__list-title-value {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-video__list-title-value {
        font-size:16px;
        line-height: 24px
    }
}

.learning-center-video__list-link {
    font-size: 16px;
    line-height: 20px;
    color: #15191c;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.learning-center-video__list-link img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 8px
}

.learning-center-video__list-items {
    display: flex;
    max-width: 1232px
}

@media only screen and (min-width: 1024px) {
    .learning-center-video__list-items {
        flex-wrap:wrap;
        margin: 24px auto 0
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .learning-center-video__list-items {
        justify-content:center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .learning-center-video__list-items {
        margin-top:24px;
        margin-left: 8px;
        margin-right: 8px;
        flex-direction: column;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .learning-center-video__list-items {
        margin-top:24px;
        margin-left: 8px;
        margin-right: 8px;
        flex-direction: column;
        align-items: center
    }
}

.for-students__hero {
    background-image: url(/static/media/hero.ee0de94f.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (min-width: 1024px) {
    .for-students__hero {
        font-size:48px;
        line-height: 64px;
        padding: 184px 0 0 208px;
        height: 520px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__hero {
        font-size:32px;
        line-height: 40px;
        padding-top: 112px;
        height: 425px
    }
}

@media only screen and (max-width: 767px) {
    .for-students__hero {
        font-size:32px;
        line-height: 40px;
        padding-top: 112px;
        height: 425px
    }
}

.for-students__hero-holder {
    max-width: 1400px;
    margin: 0 auto
}

.for-students__hero-title {
    font-weight: 700;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .for-students__hero-title {
        font-size:48px;
        line-height: 64px;
        max-width: 574px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__hero-title {
        font-size:32px;
        line-height: 40px;
        text-align: center;
        max-width: 304px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .for-students__hero-title {
        font-size:32px;
        line-height: 40px;
        text-align: center;
        max-width: 304px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .for-students__section-2 {
        padding:80px;
        overflow: hidden
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__section-2 {
        padding:64px 0
    }
}

@media only screen and (max-width: 767px) {
    .for-students__section-2 {
        padding:64px 0
    }
}

.for-students__hw-planner {
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__hw-planner {
        overflow:hidden
    }
}

@media only screen and (max-width: 767px) {
    .for-students__hw-planner {
        overflow:hidden
    }
}

.for-students__hw-planner-title {
    font-weight: 700;
    text-align: center;
    color: #15191c;
    margin: 0 15px;
    position: relative
}

.for-students__hw-planner-title:after {
    content: "";
    width: 148px;
    height: 148px;
    position: absolute;
    background: url(/static/media/grid2.1bb99199.svg) no-repeat 0 0
}

@media only screen and (min-width: 1024px) {
    .for-students__hw-planner-title:after {
        right:137px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__hw-planner-title:after {
        right:-60px
    }
}

@media only screen and (max-width: 767px) {
    .for-students__hw-planner-title:after {
        right:-60px
    }
}

@media only screen and (min-width: 1024px) {
    .for-students__hw-planner-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__hw-planner-title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .for-students__hw-planner-title {
        font-size:24px;
        line-height: 32px
    }
}

.for-students__hw-planner-subtitle {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-top: 16px;
    color: #637293
}

@media only screen and (max-width: 767px) {
    .for-students__hw-planner-subtitle {
        max-width:288px;
        margin: 16px auto 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__hw-planner-subtitle {
        max-width:288px;
        margin: 16px auto 0
    }
}

.for-students__hw-planner-items {
    display: flex;
    max-width: 1400px
}

@media only screen and (min-width: 1024px) {
    .for-students__hw-planner-items {
        margin:50px auto 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__hw-planner-items {
        flex-direction:column
    }
}

@media only screen and (max-width: 767px) {
    .for-students__hw-planner-items {
        flex-direction:column
    }
}

@media only screen and (min-width: 1024px) {
    .for-students__hw-planner-items-item:last-child:before {
        content:"";
        display: block;
        width: 100%;
        background-repeat: no-repeat;
        height: 94%;
        position: absolute;
        left: 44%;
        top: 116px;
        background-image: url(/static/media/managment-tool.78aa7df9.svg)
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__hw-planner-items-item:last-child {
        margin-top:64px;
        position: relative
    }

    .for-students__hw-planner-items-item:last-child img {
        min-width: 462px;
        max-width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .for-students__hw-planner-items-item:last-child {
        margin-top:64px;
        position: relative
    }

    .for-students__hw-planner-items-item:last-child img {
        min-width: 462px;
        max-width: 100%
    }
}


.for-students__hw-planner-list-item {
    margin-top: 40px
}

@media only screen and (min-width: 1024px) {
    .for-students__hw-planner-list-item {
        max-width:470px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__hw-planner-list-item {
        text-align:center
    }

    .for-students__hw-planner-list-item img {
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .for-students__hw-planner-list-item {
        text-align:center
    }

    .for-students__hw-planner-list-item img {
        margin: 0 auto
    }
}

.for-students__hw-planner-list-item:first-child {
    margin-top: 18px
}

.for-students__hw-planner-list-item-title {
    font-weight: 700;
    color: #15191c
}

@media only screen and (min-width: 1024px) {
    .for-students__hw-planner-list-item-title {
        font-size:20px;
        line-height: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__hw-planner-list-item-title {
        font-size:16px;
        line-height: 24px;
        max-width: 288px;
        margin: 0 auto 0
    }
}

@media only screen and (max-width: 767px) {
    .for-students__hw-planner-list-item-title {
        font-size:16px;
        line-height: 24px;
        max-width: 288px;
        margin: 17px auto 0
    }
}

.for-students__hw-planner-more {
    font-size: 16px;
    line-height: 20px;
    color: #15191c;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .for-students__hw-planner-more {
        margin-top:90px
    }
}

.for-students__hw-planner-more img {
    margin-left: 8px
}

.for-students__learning-center {
    background-image: url(/static/media/learning-center-bg.505b4778.svg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (min-width: 1024px) {
    .for-students__learning-center {
        padding:80px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__learning-center {
        padding:64px 16px
    }
}

@media only screen and (max-width: 767px) {
    .for-students__learning-center {
        padding:64px 16px
    }
}

.for-students__learning-center-title {
    font-weight: 700;
    text-align: center;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .for-students__learning-center-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__learning-center-title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .for-students__learning-center-title {
        font-size:24px;
        line-height: 32px
    }
}

.for-students__learning-center-subtitle {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin-top: 16px
}

.for-students__learning-center-items {
    display: flex;
    max-width: 1400px;
    margin: 48px auto 0
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__learning-center-items {
        flex-direction:column-reverse
    }
}

@media only screen and (max-width: 767px) {
    .for-students__learning-center-items {
        flex-direction:column-reverse
    }
}

.for-students__learning-center-item:first-child img {
    max-width: 100%
}

@media only screen and (min-width: 1024px) {
    .for-students__learning-center-item:first-child {
        margin-right:80px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__learning-center-item:first-child {
        margin:40px auto 0
    }
}

@media only screen and (max-width: 767px) {
    .for-students__learning-center-item:first-child {
        margin:40px auto 0
    }
}

.for-students__learning-center-list {
    background: #fff;
    box-shadow: 0 4px 16px rgba(92,102,133,.16);
    border-radius: 2px;
    padding: 15px 16px
}

@media only screen and (min-width: 1024px) {
    .for-students__learning-center-list {
        width:540px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .for-students__learning-center-list {
        max-width:540px;
        width: auto
    }
}

.for-students__learning-center-list-item {
    text-align: center;
    position: relative;
    padding: 24px 0
}

.for-students__learning-center-list-item:after {
    content: "";
    position: absolute;
    height: 1px;
    background: linear-gradient(90deg,rgba(212,217,237,0),#d4d9ed 50.39%,rgba(212,217,237,0));
    max-width: 472px;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0
}

.for-students__learning-center-list-item:last-child:after {
    display: none
}

.for-students__learning-center-list-item img {
    margin: 0 auto
}

.for-students__learning-center-list-item-title {
    font-size: 16px;
    line-height: 24px;
    color: #637293;
    margin-top: 20px
}

.for-students__learning-center-list-item-title a {
    color: #637293;
    text-decoration: underline
}

.for-students__learning-center-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .for-students__learning-center-more {
        margin-top:90px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__learning-center-more {
        margin-top:40px
    }
}

@media only screen and (max-width: 767px) {
    .for-students__learning-center-more {
        margin-top:40px
    }
}

.for-students__learning-center-more img {
    margin-left: 8px
}

.for-students__section-4 {
    padding-top: 80px
}

.for-students__section-5 {
    position: relative;
    padding-bottom: 80px
}

.for-students__section-5:before {
    content: "";
    top: -145px;
    position: absolute;
    background: url(/static/media/grid.8c5b80fd.svg) 0 0 no-repeat;
    width: 148px;
    height: 148px;
    z-index: -1
}

@media only screen and (min-width: 1024px) {
    .for-students__section-5:before {
        left:280px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-students__section-5:before {
        left:-65px
    }
}

@media only screen and (max-width: 767px) {
    .for-students__section-5:before {
        left:-65px
    }
}

.for-students__section-5 .map {
    background: none
}

.for-students__section-6 {
    padding-bottom: 80px
}

@media only screen and (min-width: 1024px) {
    .access-form {
        height:560px;
        display: flex
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .access-form {
        height:100%
    }
}

@media only screen and (max-width: 767px) {
    .access-form {
        height:100%
    }
}

.access-form__left {
    position: relative;
    height: 100%
}

@media only screen and (min-width: 1024px) {
    .access-form__left {
        padding:40px 68px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .access-form__left {
        padding:80px 16px
    }
}

@media only screen and (max-width: 767px) {
    .access-form__left {
        padding:80px 16px
    }
}

.access-form__left-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #474747
}

.access-form__left-text {
    font-size: 14px;
    line-height: 20px;
    color: #71737a;
    margin-top: 8px
}

.access-form__form {
    margin-top: 40px
}

.access-form__item_2 {
    margin-top: 24px
}

.access-form__label {
    font-size: 16px;
    line-height: 20px;
    color: #474747
}

.access-form__input {
    margin-top: 8px;
    height: 44px;
    padding: 10px 12px;
    border: 1px solid #dadce0;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

.access-form__btn {
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .access-form__btn {
        bottom:40px;
        width: calc(100% - 136px)
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .access-form__btn {
        width:calc(100% - 32px);
        bottom: 16px;
        left: 16px;
        right: 16px
    }
}

@media only screen and (max-width: 767px) {
    .access-form__btn {
        width:calc(100% - 32px);
        bottom: 16px;
        left: 16px;
        right: 16px
    }
}

.access-form__right {
    width: 330px;
    background: #d4d9ed url(/static/media/bg.5e0a9218.svg) no-repeat center 70%
}

.access-form__right-title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    margin-top: 40px;
    color: #637293;
    padding: 0 16px
}

.access-form__right-title strong {
    color: #031b4e
}

.access-form-thank-you {
    position: relative;
    padding-top: 96px;
    padding-left: 16px;
    padding-right: 16px
}

@media only screen and (min-width: 1024px) {
    .access-form-thank-you {
        height:560px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .access-form-thank-you {
        height:100%
    }
}

@media only screen and (max-width: 767px) {
    .access-form-thank-you {
        height:100%
    }
}

.access-form-thank-you img {
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .access-form-thank-you__btn {
        width:164px;
        margin: 40px auto 0;
        display: block
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .access-form-thank-you__btn {
        position:absolute;
        width: calc(100% - 32px);
        bottom: 16px;
        left: 16px;
        right: 16px
    }
}

@media only screen and (max-width: 767px) {
    .access-form-thank-you__btn {
        position:absolute;
        width: calc(100% - 32px);
        bottom: 16px;
        left: 16px;
        right: 16px
    }
}

.access-form-thank-you__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #474747;
    margin-top: 32px;
    text-align: center
}

.access-form-thank-you__text {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #71737a;
    margin-top: 8px
}

.feedbacks__title {
    font-weight: 700;
    text-align: center;
    color: #15191c;
    max-width: 820px;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .feedbacks__title {
        font-size:26px;
        line-height: 48px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .feedbacks__title {
        font-size:24px;
        line-height: 32px;
        letter-spacing: .3px
    }
}

@media only screen and (max-width: 767px) {
    .feedbacks__title {
        font-size:24px;
        line-height: 32px;
        letter-spacing: .3px
    }
}

.feedbacks__items {
    display: flex
}

@media only screen and (min-width: 1024px) {
    .feedbacks__items {
        margin-top:48px;
        justify-content: center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .feedbacks__items {
        flex-direction:column;
        margin-top: 24px;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .feedbacks__items {
        flex-direction:column;
        margin-top: 24px;
        align-items: center
    }
}

.feedbacks__item {
    min-height: 252px;
    padding: 48px 24px 24px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(92,102,133,.16);
    border-radius: 4px
}

@media only screen and (min-width: 1024px) {
    .feedbacks__item {
        margin-right:40px;
        width: 400px
    }

    .feedbacks__item:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .feedbacks__item {
        margin-top:16px;
        width: 296px
    }

    .feedbacks__item:first-child {
        margin-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .feedbacks__item {
        margin-top:16px;
        width: 296px
    }

    .feedbacks__item:first-child {
        margin-top: 0
    }
}

.feedbacks__item-stars {
    margin-left: -10px
}

.feedbacks__item-text {
    font-size: 16px;
    line-height: 32px;
    color: #637293;
    min-height: 128px
}

.feedbacks__item-info {
    display: flex;
    align-items: center;
    margin-top: 48px
}

.feedbacks__item-info img {
    margin-right: 16px
}

.feedbacks__item-name {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .2px
}

.feedbacks__item-label {
    margin-top: 4px;
    font-size: 16px;
    line-height: 28px;
    color: #637293
}

.for-parents {
    padding-bottom: 80px
}

.for-parents__hero {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 700px
}

@media only screen and (min-width: 1024px) {
    .for-parents__hero {
        font-size:48px;
        line-height: 64px;
        padding: 184px 0 0 208px;
        background-image: url(/static/media/hero.10e8bf02.jpg)
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__hero {
        font-size:32px;
        line-height: 40px;
        padding-top: 112px;
        background-image: url(/static/media/hero-1.d70d496d.jpg)
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__hero {
        font-size:32px;
        line-height: 40px;
        padding-top: 112px;
        background-image: url(/static/media/hero-1.d70d496d.jpg)
    }
}

.for-parents__hero-holder {
    max-width: 1400px;
    margin: 0 auto
}

.for-parents__hero-title {
    font-weight: 700;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .for-parents__hero-title {
        font-size:48px;
        line-height: 64px;
        max-width: 550px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__hero-title {
        font-size:32px;
        line-height: 40px;
        text-align: center;
        max-width: 288px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__hero-title {
        font-size:32px;
        line-height: 70px;
        text-align: center;
        max-width: 288px;
        margin: 0 auto
    }
}

.for-parents__hero-text {
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .for-parents__hero-text {
        font-size:24px;
        line-height: 32px;
        margin-top: 24px;
        max-width: 570px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__hero-text {
        font-size:16px;
        line-height: 24px;
        margin: 16px auto 0;
        max-width: 270px;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__hero-text {
        font-size:16px;
        line-height: 24px;
        margin: 16px auto 0;
        max-width: 270px;
        text-align: center
    }
}

.for-parents__hero-photos-text {
    display: flex;
    align-items: center;
    margin-top: 40px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__hero-photos-text {
        flex-direction:column;
        justify-content: center
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__hero-photos-text {
        flex-direction:column;
        justify-content: center
    }
}

@media only screen and (min-width: 1024px) {
    .for-parents__hero-photos-text img {
        margin-right:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__hero-photos-text img {
        margin-bottom:16px
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__hero-photos-text img {
        margin-bottom:16px
    }
}

.for-parents__hero-photos-text-value {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .3px;
    color: #fff;
    opacity: .6
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__hero-photos-text-value {
        padding:0 32px;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__hero-photos-text-value {
        padding:0 32px;
        text-align: center
    }
}

@media only screen and (min-width: 1024px) {
    .for-parents__section-2 {
        padding:80px 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__section-2 {
        padding:64px 0
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__section-2 {
        padding:64px 0
    }
}

@media only screen and (min-width: 1024px) {
    .for-parents__get-start {
        padding:80px 64px;
        background: url(/static/media/get-start.6ed04d99.svg) no-repeat 0 0;
        background-size: cover;
        height: 470px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__get-start {
        padding:64px 12px;
        flex-direction: column;
        background: #f5f6fc
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__get-start {
        padding:64px 12px;
        flex-direction: column;
        background: #f5f6fc
    }
}

.for-parents__get-start-title {
    font-weight: 700;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .for-parents__get-start-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__get-start-title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__get-start-title {
        font-size:24px;
        line-height: 32px
    }
}

.for-parents__get-start-items {
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .for-parents__get-start-items {
        margin-top:48px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__get-start-items {
        flex-direction:column;
        margin-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__get-start-items {
        flex-direction:column;
        margin-top: 24px
    }
}

.for-parents__get-start-item {
    width: 296px;
    height: 206px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 28px 24px
}

@media only screen and (min-width: 1024px) {
    .for-parents__get-start-item {
        margin-right:16px
    }

    .for-parents__get-start-item:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__get-start-item {
        margin:16px auto 0
    }

    .for-parents__get-start-item:first-child {
        margin-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__get-start-item {
        margin:16px auto 0
    }

    .for-parents__get-start-item:first-child {
        margin-top: 0
    }
}

.for-parents__get-start-item-title {
    margin-top: 36px;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    letter-spacing: .2px;
    color: #15191c
}

@media only screen and (min-width: 1024px) {
    .for-parents__section-4 {
        padding:80px 64px 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__section-4 {
        padding:80px 12px 0
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__section-4 {
        padding:80px 12px 0
    }
}

.for-parents__pricing {
    overflow: hidden
}

@media only screen and (min-width: 1024px) {
    .for-parents__pricing {
        padding-top:80px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__pricing {
        padding-top:64px
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__pricing {
        padding-top:64px
    }
}

.for-parents__pricing-title {
    font-weight: 700;
    text-align: center;
    color: #15191c;
    max-width: 600px;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .for-parents__pricing-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__pricing-title {
        font-size:24px;
        line-height: 32px;
        margin: 0 12px
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__pricing-title {
        font-size:24px;
        line-height: 32px;
        margin: 0 12px
    }
}

.for-parents__pricing-items {
    display: flex;
    align-items: start;
    max-width: 1016px;
    margin: 48px auto 18px;
    position: relative
}

.for-parents__pricing-items:before {
    content: "";
    background: url(/static/media/grid.8c5b80fd.svg) no-repeat 0 0;
    top: -110px;
    width: 148px;
    height: 148px;
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .for-parents__pricing-items:before {
        right:-30px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__pricing-items:before {
        right:-115px
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__pricing-items:before {
        right:-115px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__pricing-items {
        justify-content:center;
        margin: 48px 8px 18px
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__pricing-items {
        justify-content:center;
        margin: 48px 8px 18px
    }
}

.for-parents__pricing-item_1 {
    width: 608px;
    height: 488px;
    margin-right: 16px
}

@media only screen and (max-width: 767px) {
    .for-parents__pricing-item_1 {
        display: none;
    }
}
.for-parents__pricing-item_2 {
    background: #fff;
    box-shadow: 0 4px 16px rgba(92,102,133,.16);
    border-radius: 2px;
    padding: 32px 24px;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 1024px) {
    .for-parents__pricing-item_2 {
        width:400px;
        height: 427px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .for-parents__pricing-item_2 {
        font-size:24px;
        line-height: 32px;
        min-width: 304px
    }
}

@media only screen and (max-width: 767px) {
    .for-parents__pricing-item_2 {
        font-size:24px;
        line-height: 32px;
        min-width: 304px
    }
}

.for-parents__pricing-list {
    margin-top: 24px
}

.for-parents__pricing-list-item {
    display: flex;
    font-size: 16px;
    line-height: 20px;
    color: #637293;
    margin-top: 14px
}

.for-parents__pricing-list-item:first-child {
    margin-top: 0
}

.for-parents__pricing-list-item img {
    margin-right: 14px;
    align-self: flex-start;
    margin-top: 1px
}

.for-parents__pricing-price {
    font-weight: 700;
    color: #15191c;
    opacity: .96
}

.for-parents__pricing-price strong {
    font-size: 40px;
    line-height: 56px
}

.for-parents__pricing-price span {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .2px
}

.for-parents__pricing-btn {
    margin-top: 40px;
    min-width: 272px
}

.for-parents__pricing-text {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -.02em;
    color: #637293;
    opacity: .68;
    margin-top: 16px
}

.homework-planner {
    padding-bottom: 80px;
    overflow: hidden
}

.homework-planner__hero {
    background-image: url(/static/media/hero.8247ef67.jpg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

@media only screen and (min-width: 1024px) {
    .homework-planner__hero {
        padding:165px 0 0 210px;
        height: 700px
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .homework-planner__hero {
        padding:165px 0 0 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__hero {
        padding:112px 16px;
        height: 700px
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__hero {
        padding:112px 16px;
        height: 700px
    }
}

.homework-planner__hero-holder {
    max-width: 1440px;
    margin: 0 auto;
    position: relative
}

.homework-planner__hero-holder:after {
    content: "";
    width: 100%;
    position: absolute;
    background: url(/static/media/macbook.1264aca0.svg) no-repeat 0 0
}

@media only screen and (min-width: 1024px) {
    .homework-planner__hero-holder:after {
        height:870px;
        top: -90px;
        right: -35%
    }
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .homework-planner__hero-holder:after {
        right:-40%
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__hero-holder:after {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__hero-holder:after {
        display:none
    }
}

.homework-planner__hero-title {
    font-weight: 700;
    color: #fff;
    margin: 0
}

@media only screen and (min-width: 1024px) {
    .homework-planner__hero-title {
        font-size:48px;
        line-height: 64px;
        max-width: 574px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__hero-title {
        font-size:32px;
        line-height: 40px;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__hero-title {
        font-size:32px;
        line-height: 40px;
        text-align: center
    }
}

.homework-planner__hero-subtitle {
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .homework-planner__hero-subtitle {
        font-size:24px;
        line-height: 32px;
        max-width: 504px;
        margin-top: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__hero-subtitle {
        font-size:16px;
        line-height: 24px;
        text-align: center;
        max-width: 272px;
        margin: 16px auto 0
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__hero-subtitle {
        font-size:16px;
        line-height: 24px;
        text-align: center;
        max-width: 272px;
        margin: 16px auto 0
    }
}

.homework-planner__hero-btn {
    width: 184px;
    height: 48px;
    padding: 0;
    display: block
}

@media only screen and (min-width: 1024px) {
    .homework-planner__hero-btn {
        margin-top:52px
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__hero-btn {
        margin:40px auto 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__hero-btn {
        margin:40px auto 0
    }
}

.homework-planner__benefits {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding-bottom: 60px
}

@media only screen and (min-width: 1024px) {
    .homework-planner__benefits {
        padding-top:120px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__benefits {
        margin-top:-290px;
        margin-left: 8px;
        margin-right: 8px
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__benefits {
        margin-left:8px;
        margin-right: 8px;
        margin-top: -205px
    }
}

.homework-planner__benefits__mac-img {
    min-width: 462px;
    max-width: 100%
}

@media only screen and (max-width: 767px) {
    .homework-planner__benefits__mac-img {
        right:-20%;
        position: relative
    }
}

.homework-planner__benefits-item {
    display: flex;
    align-items: center;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .homework-planner__benefits-item_1 {
        left:-45px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__benefits-item_1 {
        flex-direction:column-reverse
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__benefits-item_1 {
        flex-direction:column-reverse
    }
}

@media only screen and (min-width: 1024px) {
    .homework-planner__benefits-item_2 {
        right:-45px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__benefits-item_2 {
        flex-direction:column
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__benefits-item_2 {
        flex-direction:column
    }
}

.homework-planner__benefits-item_2 {
    margin-top: 60px
}

.homework-planner__benefits-item-title {
    font-weight: 700;
    color: #15191c
}

@media only screen and (min-width: 1024px) {
    .homework-planner__benefits-item-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__benefits-item-title {
        font-size:24px;
        line-height: 32px;
        letter-spacing: .3px;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__benefits-item-title {
        font-size:24px;
        line-height: 32px;
        letter-spacing: .3px;
        text-align: center
    }
}

.homework-planner__benefits-item-img img {
    max-width: 100%
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__benefits-item-img {
        margin-top:24px
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__benefits-item-img {
        margin-top:24px
    }
}

.homework-planner__benefits-item-info {
    max-width: 540px
}

@media only screen and (min-width: 1024px) {
    .homework-planner__benefits-item-info_1 {
        margin-left:80px
    }
}

@media only screen and (min-width: 1024px) {
    .homework-planner__benefits-item-info_2 {
        margin-right:80px
    }
}

.homework-planner__benefits-item-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .3px;
    color: #637293;
    margin-top: 16px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__benefits-item-text {
        text-align:center
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__benefits-item-text {
        text-align:center
    }
}

.homework-planner__academic {
    min-height: 664px;
    padding: 80px 0
}

@media only screen and (min-width: 1024px) {
    .homework-planner__academic {
        background:url(/static/media/bg.6a5215c7.svg) no-repeat 0 0;
        background-size: cover
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__academic {
        padding-left:8px;
        padding-right: 8px;
        background: #f5f6fc
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__academic {
        padding-left:8px;
        padding-right: 8px;
        background: #f5f6fc
    }
}

.homework-planner__academic-title {
    font-weight: 700;
    text-align: center;
    color: #15191c;
    max-width: 700px;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .homework-planner__academic-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__academic-title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__academic-title {
        font-size:24px;
        line-height: 32px
    }
}

.homework-planner__academic-subtitle {
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    letter-spacing: .3px;
    color: #637293;
    margin-top: 16px
}

.homework-planner__academic-items {
    display: flex;
    justify-content: center;
    margin-top: 48px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__academic-items {
        flex-direction:column;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__academic-items {
        flex-direction:column;
        align-items: center
    }
}

.homework-planner__academic-item {
    padding: 24px;
    background: #fff;
    border-radius: 4px;
    width: 296px;
    min-height: 296px
}

@media only screen and (min-width: 1024px) {
    .homework-planner__academic-item {
        margin-right:16px
    }

    .homework-planner__academic-item:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__academic-item {
        margin-top:8px
    }

    .homework-planner__academic-item:first-child {
        margin-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__academic-item {
        margin-top:8px
    }

    .homework-planner__academic-item:first-child {
        margin-top: 0
    }
}

.homework-planner__academic-item-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .2px;
    color: #15191c;
    margin-top: 40px;
    max-width: 160px
}

.homework-planner__academic-item-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .3px;
    color: #637293;
    opacity: .98;
    margin-top: 16px
}

.homework-planner__section-4 {
    padding-top: 80px
}

.homework-planner__cta {
    max-width: 618px;
    margin: 0 auto;
    overflow: hidden
}

.homework-planner__cta-title {
    font-weight: 700;
    position: relative;
    text-align: center;
    color: #15191c;
    padding-top: 80px
}

.homework-planner__cta-title:before {
    content: "";
    width: 148px;
    height: 148px;
    position: absolute;
    top: 20px;
    background: url(/static/media/grid.8c5b80fd.svg) no-repeat 0 0
}

@media only screen and (min-width: 1024px) {
    .homework-planner__cta-title:before {
        right:-22px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__cta-title:before {
        right:-75px
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__cta-title:before {
        right:-75px
    }
}

@media only screen and (min-width: 1024px) {
    .homework-planner__cta-title {
        font-size:34px;
        line-height: 56px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__cta-title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__cta-title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__cta {
        padding:0 16px
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__cta {
        padding:0 16px
    }
}

.homework-planner__cta-photos {
    display: flex;
    align-items: center;
    margin-top: 26px;
    justify-content: center;
    font-size: 16px;
    letter-spacing: .3px;
    color: #637293
}

@media only screen and (min-width: 1024px) {
    .homework-planner__cta-photos img {
        margin-right:16px;
        line-height: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__cta-photos img {
        margin-bottom:16px
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__cta-photos img {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .homework-planner__cta-photos {
        flex-direction:column;
        text-align: center;
        line-height: 24px
    }
}

@media only screen and (max-width: 767px) {
    .homework-planner__cta-photos {
        flex-direction:column;
        text-align: center;
        line-height: 24px
    }
}

.homework-planner__cta-btn {
    display: block;
    width: 184px;
    height: 48px;
    padding: 0;
    margin: 42px auto 0
}

.access-denied {
    padding-top: 74px;
    padding-bottom: 158px
}

.access-denied img {
    margin: 0 auto
}

.access-denied__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    color: #474747;
    margin-top: 40px
}

.access-denied__text {
    font-weight: 450;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #71737a;
    max-width: 420px;
    margin: 8px auto 0
}

.access-denied__text a {
    color: #12b368;
    font-weight: 700
}

.tr-homeworkhelp {
    padding-bottom: 80px
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp {
        padding-bottom:64px
    }
}

.tr-homeworkhelp .landing-input-error-msg {
    color: #fff
}

.tr-homeworkhelp .gh-landing-form-aux .landing-input-error-msg {
    color: #6f7a7c
}

.tr-homeworkhelp .gh-disclaimer-block {
    margin-top: 5rem
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp .gh-disclaimer-block {
        margin-top:4rem
    }
}

.tr-homeworkhelp .gh-landing-form-wrapper {
    margin-top: 5rem
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp .gh-landing-form-wrapper {
        margin-top:4rem
    }
}

.tr-homeworkhelp .gh-hiw {
    padding-top: 7.5rem
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp .gh-hiw {
        padding-top:5rem
    }
}

.tr-homeworkhelp-hero {
    background-image: url(/static/media/bg-main-photo.ca3ce908.jpg);
    background-color: #000;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    height: 762px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .tr-homeworkhelp-hero {
        background-image:url(/static/media/bg-main-photo@2x.0868d7d0.jpg)
    }
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp-hero {
        padding-top:184px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-hero {
        padding-top:184px
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-hero {
        padding-top:140px
    }
}

.tr-homeworkhelp-holder {
    width: 77rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .tr-homeworkhelp-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-holder {
        width:45rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-holder {
        width:90%
    }
}

.tr-homeworkhelp-hero-title {
    color: #fff;
    font-family: "CircularStd";
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-hero-title {
        font-size:2rem;
        line-height: 2.5rem
    }
}

.tr-homeworkhelp-hero-subtitle {
    margin-top: 1.5rem;
    color: #fff;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-hero-subtitle {
        margin-top:1rem;
        font-size: 1rem;
        line-height: 2rem
    }
}

.tr-homeworkhelp-form {
    margin-top: 7.5rem
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-form {
        margin-top:4rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-form .is-open {
        width:100%;
        margin: 0
    }
}

.tr-homeworkhelp-hero-description {
    margin-top: 24px;
    color: #d4d9ed;
    font-family: "CircularStd";
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-hero-description {
        font-size:16px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp-hero-description {
        font-size:16px;
        line-height: 20px
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-hero-description {
        font-size:14px;
        line-height: 18px
    }
}

.tr-homeworkhelp-trusted {
    margin-top: -112px;
    position: relative
}

.tr-homeworkhelp-trusted__title {
    font-weight: 450;
    text-align: center;
    color: #fff
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp-trusted__title {
        font-size:24px;
        line-height: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-trusted__title {
        font-size:18px;
        line-height: 28px
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-trusted__title {
        font-size:18px;
        line-height: 28px
    }
}

.tr-homeworkhelp-trusted__title span {
    color: #fdd835
}

.tr-homeworkhelp-trusted__items {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-trusted__items {
        flex-direction:column
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-trusted__items {
        flex-direction:column
    }
}

.tr-homeworkhelp-trusted__item {
    display: flex;
    background: #fff;
    box-shadow: 0 4px 16px rgba(92,102,133,.16);
    border-radius: 2px;
    padding: 16px;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp-trusted__item {
        margin-left:8px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-trusted__item {
        margin-top:8px
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-trusted__item {
        margin-top:8px
    }
}

.tr-homeworkhelp-trusted__item:first-child {
    margin-left: 0
}

.tr-homeworkhelp-trusted__img {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.tr-homeworkhelp-trusted__rate {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #3251ef
}

.tr-homeworkhelp-trusted__rate img {
    width: 100px;
    height: 20px;
    margin-left: 8px
}

.tr-homeworkhelp-trusted__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: #15191c;
    margin-top: -5px
}

.tr-homeworkhelp-wgi {
    padding-top: 48px
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-wgi {
        padding-top:80px
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-wgi {
        padding-top:48px
    }
}

.tr-homeworkhelp-wgi-holder {
    width: 64rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .tr-homeworkhelp-wgi-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-wgi-holder {
        width:45rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-wgi-holder {
        width:90%
    }
}

.tr-homeworkhelp-wgi-wrapper {
    background-image: url(/static/media/ill-we-get-it-college-life-is-not-easy.ef761848.svg);
    background-repeat: no-repeat;
    background-size: 25rem 21.25rem;
    background-position: 100% 0;
    min-height: 21.25rem;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-wgi-wrapper {
        background-size:18.5rem 16.125rem;
        min-height: 0;
        margin-right: 1rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-wgi-wrapper {
        background-position:center 5rem;
        background-size: 73vw 63.75vw;
        padding-top: calc(63.75vw + 5rem)
    }
}

.tr-homeworkhelp-wgi-title {
    color: #15191c;
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp-wgi-title {
        max-width:473px;
        padding-top: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-wgi-title {
        padding-top:0
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-wgi-title {
        padding-top:0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        font-size: 1.5rem;
        line-height: 2rem;
        text-align: center;
        text-align-last: center
    }
}

.tr-homeworkhelp-wgi-title:before {
    content: "";
    background-image: url(/static/media/grid.58a3e04e.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    display: block;
    position: absolute;
    left: -2.875rem;
    top: 0;
    opacity: .4
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-wgi-title:before {
        top:-2rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-wgi-title:before {
        background-size:6rem 6rem;
        width: 6rem;
        height: 6rem;
        top: -1rem
    }
}

.tr-homeworkhelp-wgi-list {
    max-width: 25rem;
    margin-top: 1.25rem
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-wgi-list {
        max-width:19rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-wgi-list {
        text-align:center;
        text-align-last: center;
        margin-left: auto;
        margin-right: auto
    }
}

.tr-homeworkhelp-wgi-list-item {
    color: #637293;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem
}

.tr-homeworkhelp-wgi-list-item+.tr-homeworkhelp-wgi-list-item {
    margin-top: 1.5rem
}

.tr-homeworkhelp__platforms {
    overflow: hidden;
    margin-top: 80px
}

.tr-homeworkhelp__platforms-title {
    font-weight: 700;
    text-align: center;
    color: #15191c
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp__platforms-title {
        font-size:34px;
        line-height: 56px;
        max-width: 800px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp__platforms-title {
        font-size:24px;
        line-height: 32px;
        margin: 0 8px
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp__platforms-title {
        font-size:24px;
        line-height: 32px;
        margin: 0 8px
    }
}

.tr-homeworkhelp__platforms-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    flex-wrap: wrap
}

.tr-homeworkhelp__platforms-btn {
    margin-left: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 20px;
    color: #15191c;
    background: #fff;
    border: 2px solid #0acf83;
    border-radius: 124px;
    height: 44px;
    padding: 0 24px;
    margin-top: 8px
}

.tr-homeworkhelp__platforms-btn img {
    margin-right: 4px
}

.tr-homeworkhelp__platforms-btn:first-child {
    margin-left: 0
}

.tr-homeworkhelp__platforms-btn_1 {
    color: #fff;
    background: #13cf77;
    box-shadow: 0 4px 12px rgba(18,173,100,.402627)
}

.tr-homeworkhelp__platforms-slider {
    padding-bottom: 80px
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp__platforms-slider .slick-list {
        padding-left:64px
    }
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp__platforms-slider .slick-prev {
        left:64px;
        bottom: -34px;
        top: auto;
        width: 64px;
        height: 64px;
        background: url(/static/media/prev1.dc83bb20.svg) no-repeat 0 0;
        opacity: 1;
        z-index: 1
    }

    .tr-homeworkhelp__platforms-slider .slick-prev.slick-disabled {
        background: url(/static/media/prev.a04ea41e.svg) no-repeat 0 0
    }

    .tr-homeworkhelp__platforms-slider .slick-prev:before {
        content: ""
    }
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp__platforms-slider .slick-next {
        right:64px;
        bottom: -34px;
        top: auto;
        width: 64px;
        height: 64px;
        background: url(/static/media/next1.185234ba.svg) no-repeat 0 0;
        opacity: 1;
        z-index: 1
    }

    .tr-homeworkhelp__platforms-slider .slick-next.slick-disabled {
        background: url(/static/media/next.1cf58e3b.svg) no-repeat 0 0
    }

    .tr-homeworkhelp__platforms-slider .slick-next:before {
        content: ""
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp__platforms-slider .slick-dots {
        bottom:44px
    }

    .tr-homeworkhelp__platforms-slider .slick-dots li {
        width: 7px;
        height: 7px
    }

    .tr-homeworkhelp__platforms-slider .slick-dots button {
        background: #eff1f6;
        border-radius: 50%;
        margin: 4px;
        padding: 0;
        width: 7px;
        height: 7px
    }

    .tr-homeworkhelp__platforms-slider .slick-dots button:before {
        content: ""
    }

    .tr-homeworkhelp__platforms-slider .slick-dots .slick-active button {
        background: #637293
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp__platforms-slider .slick-dots {
        bottom:44px
    }

    .tr-homeworkhelp__platforms-slider .slick-dots li {
        width: 7px;
        height: 7px
    }

    .tr-homeworkhelp__platforms-slider .slick-dots button {
        background: #eff1f6;
        border-radius: 50%;
        margin: 4px;
        padding: 0;
        width: 7px;
        height: 7px
    }

    .tr-homeworkhelp__platforms-slider .slick-dots button:before {
        content: ""
    }

    .tr-homeworkhelp__platforms-slider .slick-dots .slick-active button {
        background: #637293
    }
}

.tr-homeworkhelp__platforms-link {
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp__platforms-link {
        position:relative;
        top: -46px
    }
}

.tr-homeworkhelp__platforms-link a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 450;
    font-size: 16px;
    line-height: 20px;
    color: #15191c
}

.tr-homeworkhelp__platforms-link img {
    margin-left: 4px
}

.tr-homeworkhelp__platforms-items {
    margin-top: 48px
}

.tr-homeworkhelp__platforms-item {
    background: #fff;
    border: 2px solid #3251ef;
    border-radius: 1px 16px 16px 16px;
    padding: 20px;
    margin-left: 8px;
    position: relative
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp__platforms-item {
        width:400px!important;
        height: 310px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp__platforms-item {
        width:296px!important;
        height: 406px
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp__platforms-item {
        width:296px!important;
        height: 406px
    }
}

.tr-homeworkhelp__platforms-top {
    display: flex;
    justify-content: space-between
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp__platforms-top {
        align-items:center
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp__platforms-top {
        flex-direction:column
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp__platforms-top {
        flex-direction:column
    }
}

.tr-homeworkhelp__platforms-info {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #15191c
}

.tr-homeworkhelp__platforms-info img {
    width: 40px;
    margin-right: 10px
}

.tr-homeworkhelp__platforms-star {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap
}

@media only screen and (min-width: 1024px) {
    .tr-homeworkhelp__platforms-star {
        position:relative;
        top: -10px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp__platforms-star {
        margin-top:10px
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp__platforms-star {
        margin-top:10px
    }
}

.tr-homeworkhelp__platforms-item-trustpilot .tr-homeworkhelp__platforms-star-img {
    display: block;
    width: 20px;
    height: 20px;
    --color-1: #dcdce5
}

.tr-homeworkhelp__platforms-item-trustpilot .tr-homeworkhelp__platforms-star-img:not(:first-child) {
    margin-left: 2px
}

.tr-homeworkhelp__platforms-item-trustpilot .tr-homeworkhelp__platforms-star-5 .tr-homeworkhelp__platforms-star-img {
    --color-1: #00b778
}

.tr-homeworkhelp__platforms-item-trustpilot .tr-homeworkhelp__platforms-star-4 .tr-homeworkhelp__platforms-star-img:nth-child(-n+4) {
    --color-1: #6ed30b
}

.tr-homeworkhelp__platforms-item-trustpilot .review-star-3 .review-star-img:nth-child(-n+3) {
    --color-1: #ffce00
}

.tr-homeworkhelp__platforms-item-trustpilot .tr-homeworkhelp__platforms-star-2 .tr-homeworkhelp__platforms-star-img:nth-child(-n+2) {
    --color-1: #ff8521
}

.tr-homeworkhelp__platforms-item-trustpilot .tr-homeworkhelp__platforms-star-1 .tr-homeworkhelp__platforms-star-img:nth-child(-n+1) {
    --color-1: #ff3524
}

.tr-homeworkhelp__platforms-item-fb .tr-homeworkhelp__platforms-star-img {
    display: block;
    width: 20px;
    height: 20px
}

.tr-homeworkhelp__platforms-item-fb .tr-homeworkhelp__platforms-star-img:not(:first-child) {
    margin-left: 1px
}

.tr-homeworkhelp__platforms-item-sitejabber .tr-homeworkhelp__platforms-star-img {
    display: block;
    width: 20px;
    height: 20px;
    --color-1: #dcdce5
}

.tr-homeworkhelp__platforms-item-sitejabber .tr-homeworkhelp__platforms-star-img:not(:first-child) {
    margin-left: 1px
}

.tr-homeworkhelp__platforms-item-sitejabber .tr-homeworkhelp__platforms-star-4 .tr-homeworkhelp__platforms-star-img:nth-child(-n+4),.tr-homeworkhelp__platforms-item-sitejabber .tr-homeworkhelp__platforms-star-5 .tr-homeworkhelp__platforms-star-img {
    --color-1: #f16a0a
}

.tr-homeworkhelp__platforms-item-sitejabber .tr-homeworkhelp__platforms-star-3 {
    --color1: #dcdce5
}

.tr-homeworkhelp__platforms-item-sitejabber .tr-homeworkhelp__platforms-star-1 .tr-homeworkhelp__platforms-star-img:nth-child(-n+1),.tr-homeworkhelp__platforms-item-sitejabber .tr-homeworkhelp__platforms-star-2 .tr-homeworkhelp__platforms-star-img:nth-child(-n+2),.tr-homeworkhelp__platforms-item-sitejabber .tr-homeworkhelp__platforms-star-3 .tr-homeworkhelp__platforms-star-img:nth-child(-n+3) {
    --color-1: #f16a0a
}

.tr-homeworkhelp__platforms-review {
    margin-top: 24px;
    font-weight: 450;
    font-size: 16px;
    line-height: 140%;
    color: #15191c
}

.tr-homeworkhelp__platforms-verified {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 16px;
    width: 100%;
    left: 0;
    padding: 0 20px
}

.tr-homeworkhelp__platforms-verified-text {
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -.25px;
    color: rgba(99,114,147,.5)
}

.tr-homeworkhelp__platforms-verified-text img {
    margin-right: 4px
}

.tr-homeworkhelp__platforms-verified-date {
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.25px;
    color: rgba(99,114,147,.5)
}

.tr-homeworkhelp-st {
    background: #f5f6fc;
    padding-top: 5rem;
    padding-bottom: 4rem;
    margin-top: 90px;
    text-align: center;
    text-align-last: center;
    overflow-x: hidden
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st {
        padding-top:4rem
    }
}

.tr-homeworkhelp-st-holder {
    width: 77rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .tr-homeworkhelp-st-holder {
        width:59rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-st-holder {
        width:45rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-holder {
        width:90%
    }
}

.tr-homeworkhelp-st-title {
    color: #15191c;
    font-family: "CircularStd";
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 700;
    text-align: center;
    text-align-last: center;
    position: relative;
    max-width: 380px;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-title {
        font-size:1.5rem;
        line-height: 2rem
    }
}

.tr-homeworkhelp-st-title:before {
    content: "";
    background-image: url(/static/media/grid-blue.354b4e24.svg);
    background-repeat: no-repeat;
    background-size: 9.25rem 9.25rem;
    width: 9.25rem;
    height: 9.25rem;
    display: block;
    position: absolute;
    left: 50%;
    top: -1rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: .4
}

.tr-homeworkhelp-st-subtitle {
    margin-top: 1rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
    text-align-last: center
}

.tr-homeworkhelp-st-list {
    margin-top: 2.5rem
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-list {
        margin-top:1.5rem
    }
}

.tr-homeworkhelp-st-list-item {
    width: 26rem;
    height: 28.125rem;
    margin-left: .5rem;
    margin-right: .5rem;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-st-list-item {
        width:21.5rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-list-item {
        width:48%;
        height: 15rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-list-item:first-child {
        margin-right:1%;
        margin-left: 0
    }
}

.tr-homeworkhelp-st-list-item:first-child:before {
    content: "";
    background: #1ed761;
    width: 10.25rem;
    height: 10.25rem;
    display: block;
    position: absolute;
    left: -14.5rem;
    top: 5.625rem;
    opacity: .3;
    border-radius: 50%
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .tr-homeworkhelp-st-list-item:first-child:before {
        left:-4rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-list-item:first-child:before {
        top:7.75rem;
        left: -5rem
    }
}

.tr-homeworkhelp-st-list-item:first-child:after {
    content: "";
    background: rgba(144,19,254,.38);
    width: 5rem;
    height: 5rem;
    display: block;
    position: absolute;
    left: -3.25rem;
    top: -2.4375rem;
    opacity: .3;
    border-radius: 50%
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .tr-homeworkhelp-st-list-item:first-child:after {
        left:8rem;
        top: -2.875rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-list-item:first-child:after {
        top:-.875rem
    }
}

.tr-homeworkhelp-st-list-item:first-child .tr-homeworkhelp-st-list-item-image {
    background-image: url(/static/media/ill-spend-hours-researching.fdbd0d60.svg)
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-list-item:last-child {
        margin-left:1%;
        margin-right: 0
    }
}

.tr-homeworkhelp-st-list-item:last-child:before {
    content: "";
    background: rgba(41,52,249,.38);
    width: 12.5rem;
    height: 12.5rem;
    display: block;
    position: absolute;
    right: -14.875rem;
    top: -7.25rem;
    opacity: .3;
    border-radius: 50%
}

@media only screen and (min-width: 1024px) and (max-width:1279px) {
    .tr-homeworkhelp-st-list-item:last-child:before {
        right:-10rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-list-item:last-child:before {
        right:-6.875rem;
        top: -6.25rem
    }
}

.tr-homeworkhelp-st-list-item:last-child .tr-homeworkhelp-st-list-item-image {
    background-image: url(/static/media/ill-save-time-and-ask-an-expert.b0bb0f3d.svg)
}

.tr-homeworkhelp-st-list-item-content {
    background: #fff;
    padding: 1.5rem 1rem;
    border-radius: .125rem;
    box-shadow: 0 1rem 2.5rem 0 rgba(0,53,136,.15),0 .5rem .75rem 0 rgba(0,38,96,.06);
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-list-item-content {
        height:inherit;
        padding: 1rem .375rem 1.5rem
    }
}

.tr-homeworkhelp-st-list-item-icon {
    width: 3rem;
    height: 3rem;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.tr-homeworkhelp-st-list-item-title {
    margin-top: 1rem;
    color: #15191c;
    font-family: "CircularStd";
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 700;
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-st-list-item-title {
        font-size:1.25rem;
        line-height: 1.5rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-list-item-title {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

.tr-homeworkhelp-st-list-item-description {
    margin-top: 1rem;
    color: #637293;
    font-family: "CircularStd";
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    text-align-last: center
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .tr-homeworkhelp-st-list-item-description {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-list-item-description {
        font-size:.75rem;
        line-height: 1.25rem
    }
}

.tr-homeworkhelp-st-list-item-image {
    background-size: 17rem 13.875rem;
    background-repeat: no-repeat;
    width: 17rem;
    height: 13.875rem;
    margin-top: 1.5rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .tr-homeworkhelp-st-list-item-image {
        display:none
    }
}

@media only screen and (min-width: 1024px) {
    .main {
        padding-bottom:408px;
        padding-top: 16px
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .main {
        padding-bottom:144px;
        padding-top: 48px
    }
}

@media only screen and (max-width: 767px) {
    .main {
        padding-bottom:144px;
        padding-top: 48px
    }
}