a.all {
    color: #9d9d9c;
    position: relative
}

a.all:after {
    content: "";
    opacity: 0;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    background: #00B5F1;
    transition: .3s!important
}

a.all:hover {
    color: #00B5F1
}

a.all:hover:after {
    opacity: 1;
    left: 0;
    background: #00B5F1;
    width: 100%;
    transition: .3s!important
}

a.all.active {
    color: #00B5F1
}

a.all.active:after {
    opacity: 1;
    left: 0;
    background: #00B5F1;
    width: 100%;
    transition: .3s!important
}

a.square {
    color: #9d9d9c;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid transparent
}

a.square:hover {
    border: 1px solid #00B5F1;
    color: #00B5F1;
    transition: .3s!important
}

a.square.active {
    color: #fff;
    background: #00B5F1;
    border: 1px solid #00B5F1
}

.ornek,
a.square.active:hover {
    color: #fff
}

.ornek {
    position: relative;
    height: 49px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    border-radius: 4.60317px;
    padding: 0 30px;
    margin-top: 50px;
    outline: none;
    transition: .3s;
    margin-left: 2.7rem
}

@media (max-width:400px) {
    .ornek {
        margin-left: 0;
        font-size: 1.4rem
    }
}

.ornek:hover {
    transition: .3s!important
}

@media (max-width:400px) {
    .ornek-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }
}

.ornek.ornek-blue {
    border: 1.15079px solid #2091f9
}

.ornek.ornek-blue:hover {
    color: #fff;
    background: #2091f9
}

.ornek.ornek-blue:before {
    right: 100%;
    transform: translateY(-50%)
}

.ornek.ornek-blue:after,
.ornek.ornek-blue:before {
    content: "";
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='27' height='35' viewBox='0 0 27 35' fill='none'><path fill='rgba(32, 145, 249, 1)' d='M11.1855 18.9578C5.92664 21.7083 1.7344 20.8636 -7.60739e-07 17.1757C3.29258 12.2825 7.24367 13.8174 11.2968 15.6305C10.9208 15.1529 10.5181 14.7022 10.0911 14.281C9.43785 13.527 8.94023 12.6241 8.63272 11.635C8.3252 10.646 8.21518 9.59442 8.31028 8.55339C8.71837 3.72204 12.6973 -0.748761 17.6686 0.178363C21.258 0.837653 24.2723 4.69037 21.5733 9.44962C21.2552 9.9669 20.7668 10.3248 20.2135 10.4461C19.6601 10.5675 19.086 10.4427 18.6147 10.0986C18.3989 10.0182 18.2026 9.88409 18.0407 9.70655C17.8788 9.529 17.7556 9.31271 17.6804 9.07418C17.6052 8.83566 17.5801 8.58121 17.607 8.33027C17.6339 8.07933 17.7121 7.83854 17.8356 7.62628C17.9659 7.42031 18.0545 7.1854 18.0952 6.93773C18.1359 6.69007 18.1278 6.43554 18.0713 6.19171C18.0149 5.94788 17.9115 5.72054 17.7684 5.52537C17.6252 5.3302 17.4456 5.17185 17.242 5.06122C16.398 4.47404 14.8212 4.49465 14.2647 5.32906C13.2352 6.87427 12.4932 8.6049 13.0312 10.6137C14.1534 14.7548 17.7243 15.8777 21.2765 14.8991C22.335 14.6315 23.3326 14.1247 24.2069 13.41C25.0813 12.6954 25.9235 11.7883 26.4683 10.7454L26.4683 24.1666C25.8312 22.8025 24.8891 21.6433 23.7324 20.8003C22.5756 19.9572 21.2432 19.4586 19.8629 19.3525C18.4827 19.2463 17.1011 19.5361 15.8507 20.194C15.104 20.575 14.4512 21.1507 13.9479 21.8722C13.4446 22.5937 13.1056 23.4395 12.9599 24.3378C12.8142 25.236 12.866 26.16 13.111 27.0313C13.3559 27.9025 13.7867 28.6951 14.3668 29.3416C14.7894 29.732 15.3153 29.9583 15.8645 29.9862C16.4136 30.0141 16.9559 29.842 17.4089 29.4961C17.769 29.2243 18.0178 28.8055 18.1012 28.3308C18.1846 27.8562 18.0958 27.3642 17.8541 26.962C17.7498 26.7869 17.6775 26.5906 17.6416 26.3845C17.6056 26.1783 17.6066 25.9663 17.6445 25.7606C17.6824 25.5548 17.7565 25.3594 17.8625 25.1855C17.9685 25.0116 18.1043 24.8627 18.2622 24.7472C19.2175 24.0055 20.3769 23.717 21.1652 24.7472C21.7416 25.409 22.1605 26.2199 22.3839 27.1065C22.6074 27.9932 22.6285 28.9278 22.4452 29.8258C21.7774 32.8441 19.2824 34.4614 16.5 34.5747C15.1951 34.6228 13.9013 34.2952 12.7442 33.6237C11.587 32.9523 10.6059 31.9597 9.89628 30.7426C7.72596 27.4255 7.54974 23.0784 10.258 19.9879L11.1855 18.9578Z' ></path></svg>");
    position: absolute;
    width: 27px;
    height: 35px;
    top: 50%
}

.ornek.ornek-blue:after {
    left: 100%;
    transform: translateY(-50%) rotate(180deg)
}

.ornek.ornek-yellow {
    border: 1.15079px solid #f9e320
}

.ornek.ornek-yellow:hover {
    color: #fff;
    background: #f9e320
}

.ornek.ornek-yellow:before {
    right: 100%;
    transform: translateY(-50%)
}

.ornek.ornek-yellow:after,
.ornek.ornek-yellow:before {
    content: "";
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='27' height='35' viewBox='0 0 27 35' fill='none'><path fill='rgba(249, 227, 32, 1)' d='M11.1855 18.9578C5.92664 21.7083 1.7344 20.8636 -7.60739e-07 17.1757C3.29258 12.2825 7.24367 13.8174 11.2968 15.6305C10.9208 15.1529 10.5181 14.7022 10.0911 14.281C9.43785 13.527 8.94023 12.6241 8.63272 11.635C8.3252 10.646 8.21518 9.59442 8.31028 8.55339C8.71837 3.72204 12.6973 -0.748761 17.6686 0.178363C21.258 0.837653 24.2723 4.69037 21.5733 9.44962C21.2552 9.9669 20.7668 10.3248 20.2135 10.4461C19.6601 10.5675 19.086 10.4427 18.6147 10.0986C18.3989 10.0182 18.2026 9.88409 18.0407 9.70655C17.8788 9.529 17.7556 9.31271 17.6804 9.07418C17.6052 8.83566 17.5801 8.58121 17.607 8.33027C17.6339 8.07933 17.7121 7.83854 17.8356 7.62628C17.9659 7.42031 18.0545 7.1854 18.0952 6.93773C18.1359 6.69007 18.1278 6.43554 18.0713 6.19171C18.0149 5.94788 17.9115 5.72054 17.7684 5.52537C17.6252 5.3302 17.4456 5.17185 17.242 5.06122C16.398 4.47404 14.8212 4.49465 14.2647 5.32906C13.2352 6.87427 12.4932 8.6049 13.0312 10.6137C14.1534 14.7548 17.7243 15.8777 21.2765 14.8991C22.335 14.6315 23.3326 14.1247 24.2069 13.41C25.0813 12.6954 25.9235 11.7883 26.4683 10.7454L26.4683 24.1666C25.8312 22.8025 24.8891 21.6433 23.7324 20.8003C22.5756 19.9572 21.2432 19.4586 19.8629 19.3525C18.4827 19.2463 17.1011 19.5361 15.8507 20.194C15.104 20.575 14.4512 21.1507 13.9479 21.8722C13.4446 22.5937 13.1056 23.4395 12.9599 24.3378C12.8142 25.236 12.866 26.16 13.111 27.0313C13.3559 27.9025 13.7867 28.6951 14.3668 29.3416C14.7894 29.732 15.3153 29.9583 15.8645 29.9862C16.4136 30.0141 16.9559 29.842 17.4089 29.4961C17.769 29.2243 18.0178 28.8055 18.1012 28.3308C18.1846 27.8562 18.0958 27.3642 17.8541 26.962C17.7498 26.7869 17.6775 26.5906 17.6416 26.3845C17.6056 26.1783 17.6066 25.9663 17.6445 25.7606C17.6824 25.5548 17.7565 25.3594 17.8625 25.1855C17.9685 25.0116 18.1043 24.8627 18.2622 24.7472C19.2175 24.0055 20.3769 23.717 21.1652 24.7472C21.7416 25.409 22.1605 26.2199 22.3839 27.1065C22.6074 27.9932 22.6285 28.9278 22.4452 29.8258C21.7774 32.8441 19.2824 34.4614 16.5 34.5747C15.1951 34.6228 13.9013 34.2952 12.7442 33.6237C11.587 32.9523 10.6059 31.9597 9.89628 30.7426C7.72596 27.4255 7.54974 23.0784 10.258 19.9879L11.1855 18.9578Z' ></path></svg>");
    position: absolute;
    width: 27px;
    height: 35px;
    top: 50%
}

.ornek.ornek-yellow:after {
    left: 100%;
    transform: translateY(-50%) rotate(180deg)
}

.ornek.ornek-light {
    border: 1.15079px solid #fff
}

.ornek.ornek-light:hover {
    color: #0379b7;
    background: #fff
}

.ornek.ornek-light:before {
    right: 100%;
    transform: translateY(-50%)
}

.ornek.ornek-light:after,
.ornek.ornek-light:before {
    content: "";
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='27' height='35' viewBox='0 0 27 35' fill='none'><path fill='white' d='M11.1855 18.9578C5.92664 21.7083 1.7344 20.8636 -7.60739e-07 17.1757C3.29258 12.2825 7.24367 13.8174 11.2968 15.6305C10.9208 15.1529 10.5181 14.7022 10.0911 14.281C9.43785 13.527 8.94023 12.6241 8.63272 11.635C8.3252 10.646 8.21518 9.59442 8.31028 8.55339C8.71837 3.72204 12.6973 -0.748761 17.6686 0.178363C21.258 0.837653 24.2723 4.69037 21.5733 9.44962C21.2552 9.9669 20.7668 10.3248 20.2135 10.4461C19.6601 10.5675 19.086 10.4427 18.6147 10.0986C18.3989 10.0182 18.2026 9.88409 18.0407 9.70655C17.8788 9.529 17.7556 9.31271 17.6804 9.07418C17.6052 8.83566 17.5801 8.58121 17.607 8.33027C17.6339 8.07933 17.7121 7.83854 17.8356 7.62628C17.9659 7.42031 18.0545 7.1854 18.0952 6.93773C18.1359 6.69007 18.1278 6.43554 18.0713 6.19171C18.0149 5.94788 17.9115 5.72054 17.7684 5.52537C17.6252 5.3302 17.4456 5.17185 17.242 5.06122C16.398 4.47404 14.8212 4.49465 14.2647 5.32906C13.2352 6.87427 12.4932 8.6049 13.0312 10.6137C14.1534 14.7548 17.7243 15.8777 21.2765 14.8991C22.335 14.6315 23.3326 14.1247 24.2069 13.41C25.0813 12.6954 25.9235 11.7883 26.4683 10.7454L26.4683 24.1666C25.8312 22.8025 24.8891 21.6433 23.7324 20.8003C22.5756 19.9572 21.2432 19.4586 19.8629 19.3525C18.4827 19.2463 17.1011 19.5361 15.8507 20.194C15.104 20.575 14.4512 21.1507 13.9479 21.8722C13.4446 22.5937 13.1056 23.4395 12.9599 24.3378C12.8142 25.236 12.866 26.16 13.111 27.0313C13.3559 27.9025 13.7867 28.6951 14.3668 29.3416C14.7894 29.732 15.3153 29.9583 15.8645 29.9862C16.4136 30.0141 16.9559 29.842 17.4089 29.4961C17.769 29.2243 18.0178 28.8055 18.1012 28.3308C18.1846 27.8562 18.0958 27.3642 17.8541 26.962C17.7498 26.7869 17.6775 26.5906 17.6416 26.3845C17.6056 26.1783 17.6066 25.9663 17.6445 25.7606C17.6824 25.5548 17.7565 25.3594 17.8625 25.1855C17.9685 25.0116 18.1043 24.8627 18.2622 24.7472C19.2175 24.0055 20.3769 23.717 21.1652 24.7472C21.7416 25.409 22.1605 26.2199 22.3839 27.1065C22.6074 27.9932 22.6285 28.9278 22.4452 29.8258C21.7774 32.8441 19.2824 34.4614 16.5 34.5747C15.1951 34.6228 13.9013 34.2952 12.7442 33.6237C11.587 32.9523 10.6059 31.9597 9.89628 30.7426C7.72596 27.4255 7.54974 23.0784 10.258 19.9879L11.1855 18.9578Z' ></path></svg>");
    position: absolute;
    width: 27px;
    height: 35px;
    top: 50%
}

.ornek.ornek-light:after {
    left: 100%;
    transform: translateY(-50%) rotate(180deg)
}

.button-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00B5F1;
    border-radius: 3px;
    padding: 7px 24px;
    color: #fff;
    outline: none!important;
    border: none!important;
    cursor: pointer
}

.button-main:hover {
    color: #fff;
    background: -o-linear-gradient(138.1deg, #0099CC .05%, #0099CC 100%);
    background: linear-gradient(311.9deg, #0099CC .05%, #0099CC);
    transition: all .3s ease!important
}

.button-main_width_full {
    width: 100%
}

.button-main i {
    display: none;
    padding-left: -12px;
    margin-right: 8px
}

.button-main.disabled,
.button-main:disabled {
    background: #ececec;
    color: #484848;
    cursor: not-allowed;
    pointer-events: none
}

.button-white {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #fff;
    border-radius: 3px;
    padding: 7px 24px;
    color: #00B5F1;
    outline: none!important;
    border: 1px solid #00B5F1;
    transition: all .3s ease
}

.button-white i {
    display: none;
    padding-left: -12px;
    margin-right: 8px
}

.button-white:hover {
    color: #fff;
    background: -o-linear-gradient(138.1deg, #0099CC .05%, #0099CC 100%);
    background: linear-gradient(311.9deg, #0099CC .05%, #0099CC);
    transition: all .3s ease!important
}

.button-white_width_full {
    width: 100%
}

.button-white_practice {
    padding: 7px 8px;
    text-align: center
}

.button-white.disabled,
.button-white:disabled {
    background: #ececec;
    color: #484848;
    cursor: not-allowed;
    border: 1px solid transparent
}

.button-dotted {
    border-bottom: 3px dotted #00B5F1;
    color: #00B5F1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

input.grey {
    background: #f2f2f2;
    border-radius: 3px;
    color: #484848;
    padding: 10px 20px;
    border: none;
    outline-color: rgba(11, 88, 141, .15);
    width: 100%;
    margin-top: 1rem
}

input.grey::-moz-placeholder {
    font-size: 1.4rem;
    line-height: 100%;
    color: #a9a9a9
}

input.grey:-ms-input-placeholder {
    font-size: 1.4rem;
    line-height: 100%;
    color: #a9a9a9
}

input.grey::placeholder {
    font-size: 1.4rem;
    line-height: 100%;
    color: #a9a9a9
}

input.grey:focus {
    background: #fff;
    border: #f2f2f2
}

.checkbox-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    margin-right: 2rem
}

.checkbox-wrap input[type=checkbox],
.checkbox-wrap input[type=radio] {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.checkbox-wrap input[type=checkbox]:checked~label,
.checkbox-wrap input[type=radio]:checked~label {
    color: #484848
}

.checkbox-wrap input[type=checkbox]:checked~label:before,
.checkbox-wrap input[type=radio]:checked~label:before {
    color: #fff;
    border-color: #00B5F1;
    background-color: #00B5F1
}

.checkbox-wrap label {
    position: relative;
    z-index: 5;
    padding-left: 27px;
    margin-bottom: 0;
    cursor: pointer;
    border-radius: 4px;
    color: #b5b5b5
}

.checkbox-wrap label:after {
    background: no-repeat 50%/50% 50%;
    border-radius: 4px
}

.checkbox-wrap label:after,
.checkbox-wrap label:before {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    content: ""
}

.checkbox-wrap label:before {
    pointer-events: none;
    background-color: #f2f2f2;
    border: 1px solid transparent;
    border-radius: 4px
}

.select2-full {
    width: 100%
}

.select2-full .select2 {
    width: 100%!important
}

.select2-selection:focus {
    outline: none
}

.select2-selection--single,
.select2-selection__arrow {
    height: 40px!important
}

.select2-selection__rendered {
    line-height: 40px!important
}

.select2-selection--single {
    border: none!important;
    background-color: #f9f9f9!important
}

.select2-search__field {
    border: none!important
}

.select2-search__field:focus {
    outline: none
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border: 1px solid transparent!important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    background-color: #fff!important
}

.select2-results__option--selectable {
    color: #484848!important
}

.select2-container--default .select2-results__option--selected {
    background-color: #f9f9f9!important
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: #fff!important
}

.select2-dropdown {
    border: 1px solid transparent!important;
    border-top: none!important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1)
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #00B5F1!important
}

body {
    color: #9d9d9c
}

.slider {
    align-items: center;
    color: #fff
}

.slider .main-slick {
    outline: none!important
}

.slider .slick-slide {
    outline: none
}

.slider .slider-banner {
    align-items: center;
    justify-content: space-between;
    height: -webkit-calc(100vh - 80px);
    height: calc(100vh - 80px)
}

@media (max-width:1200px) {
    .slider .slider-banner {
        height: 100%;
        padding: 7rem 0
    }
}

.slider .slider-banner:first-child {
    background: #00B5F1
}

.slider .slider-banner:nth-child(2) {
    background: -webkit-gradient(linear, left top, left bottom, from(#dcb656), to(#c28c00));
    background: -o-linear-gradient(top, #dcb656 0, #c28c00 100%);
    background: linear-gradient(180deg, #dcb656, #c28c00)
}

.slider .slider-banner:nth-child(3) {
    background: #0379b7
}

.slider .slider-banner .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.slider .slider-banner .container div:first-child {
    width: 55%
}

@media (max-width:768px) {
    .slider .slider-banner .container div:first-child {
        width: 100%
    }
}

.slider .slider-banner .container div:first-child img {
    margin-bottom: 2rem
}

@media (min-width:1201px) {
    .slider .slider-banner .container div:first-child img {
        display: none
    }
}

.slider .slider-banner .container div:first-child p.p-top {
    font-size: 18px;
    line-height: 22px
}

@media (max-width:400px) {
    .slider .slider-banner .container div:first-child p.p-top {
        font-size: 1.2rem;
        line-height: 1.5rem
    }
}

.slider .slider-banner .container div:first-child p.p-bottom {
    font-size: 16px;
    line-height: 140%
}

@media (max-width:400px) {
    .slider .slider-banner .container div:first-child p.p-bottom {
        font-size: 1.4rem!important
    }
}

.slider .slider-banner .container div:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center
}

.slider .slider-banner .container div:nth-child(2) svg {
    margin-top: 30px
}

@media (max-width:768px) {
    .slider .slider-banner .container div:nth-child(2) svg {
        display: none
    }
}

.slider .slider-banner .container div:nth-child(2) img {
    position: relative
}

.slider .slider-banner .container div:nth-child(2) img:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    background: #112950;
    opacity: 1;
    filter: blur(14px);
    width: 256px;
    height: 29px
}

@media (max-width:768px) {
    .slider .slider-banner .container div:nth-child(2) img {
        display: none
    }
}

.slider .slider-banner h1,
.slider .slider-banner h2 {
    font-weight: 700;
    font-size: 4rem;
    line-height: 4.8rem;
    color: #fff
}

@media (max-width:400px) {
    .slider .slider-banner h1,
    .slider .slider-banner h2 {
        font-size: 2.5rem;
        line-height: 3.2rem;
        margin: 2rem 0
    }
}

.blog-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.blog-list__wrapper {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

@media (max-width:768px) {
    .blog-list__wrapper {
        margin-bottom: 30px
    }
}

.blog-list__img {
    height: 210px;
    overflow: hidden
}

.blog-list__img img {
    width: 100%;
    height: 210px;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-list__info {
    padding: 30px 15px 22px
}

.blog-list__info h6 {
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 100%;
    color: #484848;
    height: 33px;
    overflow: hidden
}

.blog-list__info p {
    margin: 14px 0;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 140%;
    color: #aaa;
    height: 74px;
    overflow: hidden
}

.level-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

@media (max-width:768px) {
    .level-list {
        flex-direction: column
    }
}

.level-list__title {
    position: relative;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    font-weight: 700;
    font-size: 1.6rem;
    height: 123px;
    color: #484848;
    width: 180px
}

@media (max-width:768px) {
    .level-list__title {
        width: 100%;
        height: 80px
    }
}

.level-list__title:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: 40px;
    height: 2px;
    background: #2091f9
}

@media (max-width:768px) {
    .level-list__title:after {
        top: 100%;
        left: 50%;
        height: 30px;
        width: 2px
    }
}

.level-list__description {
    background: #fff;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 0 61.5px 61.5px 0;
    height: 123px;
    color: #aaa;
    font-size: 1.4rem;
    line-height: 1.7rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0 33px;
    margin-left: 40px
}

.level-list__description ul {
    list-style: none;
    margin-bottom: 0
}

.level-list__description ul li:not(:last-child) {
    margin-bottom: 10px
}

@media (max-width:768px) {
    .level-list__description {
        margin-left: 0;
        margin-top: 30px;
        height: unset;
        border-radius: 0;
        padding: 15px
    }
    .level-list__description ul {
        list-style: unset
    }
}

.faq {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    padding: 15px 15px 15px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    min-height: 113px
}

@media (max-width:768px) {
    .faq {
        flex-direction: column;
        padding: 15px
    }
}

.faq__question {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding-left: 40px;
    color: #484848;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3rem;
    letter-spacing: .1px
}

@media (max-width:768px) {
    .faq__question {
        margin-bottom: 30px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0 15px;
        font-size: 1.6rem;
        line-height: 1.7rem
    }
}

.faq__question span {
    background: -o-linear-gradient(138.1deg, #203466 .05%, #01669c 100%);
    background: linear-gradient(311.9deg, #203466 .05%, #01669c);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    border-radius: 50%;
    margin-right: 2.5rem
}

@media (max-width:768px) {
    .faq__question span {
        margin-right: 0;
        margin-bottom: 15px;
        font-size: 1.6rem;
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px
    }
}

.faq__answer {
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #aaa;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.computer {
    margin-top: 100px
}

.computer-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.computer-wrapper .ornek_computer_center {
    position: absolute;
    margin: 0
}

@media (max-width:768px) {
    .computer {
        display: none
    }
}

* {
    box-sizing: border-box
}

html {
    font-size: 10px!important;
    scroll-behavior: smooth
}

body {
    font-family: Inter, sans-serif;
    font-size: 1.6rem!important;
    overflow-x: hidden;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

main {
    flex-grow: 1;
    padding-bottom: 9rem
}

footer,
header,
main {
    flex-shrink: 0
}

a,
a:hover {
    text-decoration: none
}

.text-gray {
    color: #aaa!important
}

.text-red {
    color: red!important
}

.text-blue {
    color: #00B5F1!important
}

.text-dark {
    color: #484848!important
}

.text8 {
    font-size: .8rem!important
}

.text12 {
    font-size: 1.2rem!important
}

.text14 {
    font-size: 1.4rem!important
}

.text18 {
    font-size: 1.8rem!important
}

.bg-white {
    background: #fff!important
}

.bg-blue {
    background: #00B5F1!important
}

.bg-yellow {
    background: #dcb656!important
}

.bg-dark {
    background: #484848!important
}

.bg-gray {
    background: #aaa!important
}

.title {
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 3.1rem;
    font-style: normal;
    color: #484848;
    text-align: center;
    margin: 60px 0
}

.select-wrapper {
    margin-top: 2rem
}

.select-wrapper_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

@media (max-width:540px) {
    .select-wrapper_flex {
        flex-direction: column;
        margin-top: 2rem
    }
    .select-wrapper_flex:not(:last-child) {
        margin-right: 0
    }
}

@media (max-width:540px) {
    .select-wrapper_flex_always {
        flex-direction: row;
        margin-top: 0
    }
    .select-wrapper_flex_always:not(:last-child) {
        margin-right: 2rem
    }
}

.select-wrapper .checkbox-wrap,
.select-wrapper select {
    cursor: pointer
}

@media (max-width:540px) {
    .select-wrapper select:not(:last-child) {
        margin-right: 0;
        margin-bottom: 2rem
    }
}

.input-title {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem
}

::-webkit-scrollbar {
    width: 5px;
    height: 3px;
    background: transparent
}

::-webkit-scrollbar-thumb {
    background: -webkit-gradient(linear, left top, left bottom, from(#203466), to(#01669c));
    background: linear-gradient(180deg, #203466, #01669c);
    border-radius: 10px
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100%);
    width: 250px;
    height: 100vh;
    background: #fff;
    z-index: 13;
    padding: 20px;
    transition: transform 1s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.mobile-menu.active {
    transform: translateX(0);
    transition: transform 1s ease
}

.mobile-menu_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.mobile-menu .copy {
    font-size: 12px;
    line-height: 134.52%;
    text-align: center;
    color: #9d9d9c
}

.mobile-menu .burger {
    float: right
}

.mobile-menu img {
    margin-top: 0
}

.mobile-menu__lang {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%
}

.mobile-menu .auth a {
    margin-top: 2rem
}

.mobile-menu .lang {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%
}

.mobile-menu .lang a {
    border-radius: 4px
}

.mobile-menu .lang a:not(:last-child) {
    margin-right: 3px
}

@media (max-width:1200px) {
    .mobile-menu .lang {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.mobile-menu nav {
    margin: 1rem 0
}

@media (max-width:1200px) {
    .mobile-menu nav {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        flex-direction: column;
        align-items: center
    }
    .mobile-menu nav a {
        margin-top: 2rem
    }
}

.lang {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.lang a {
    border-radius: 4px
}

.lang a:not(:last-child) {
    margin-right: 3px
}

@media (max-width:1200px) {
    .lang {
        margin-right: 30px
    }
    .lang a {
        width: 30px;
        height: 30px;
        margin-left: 5px
    }
}

.opacity {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    transform: translateX(-100%)
}

.opacity.active {
    transform: translateX(0)
}

.burger {
    height: 28px;
    width: 28px;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    transition: all .2s;
    z-index: 12123;
    -webkit-tap-highlight-color: transparent
}

@media (min-width:1201px) {
    .burger {
        display: none
    }
}

.burger:after {
    content: "";
    display: block;
    position: absolute;
    height: 150%;
    width: 150%;
    top: -25%;
    left: -25%
}

.burger .burger-lines {
    top: 50%;
    margin-top: -.125em;
    background-color: #00B5F1
}

.burger .burger-lines,
.burger .burger-lines:after,
.burger .burger-lines:before {
    pointer-events: none;
    display: block;
    content: "";
    width: 100%;
    border-radius: .25em;
    background-color: #00B5F1;
    height: .25em;
    position: absolute;
    transform: rotate(0)
}

.burger .burger-lines:after {
    left: 0;
    top: -7px;
    background-color: #00B5F1
}

.burger .burger-lines:before {
    left: 0;
    top: 7px;
    background-color: #00B5F1
}

.burger.burger-squeeze .burger-lines,
.burger.burger-squeeze .burger-lines:after,
.burger.burger-squeeze .burger-lines:before {
    transition: top .2s .2s, left .1s, transform .2s, background-color .4s .2s
}

.burger.burger-squeeze .burger-lines:after,
.burger.burger-squeeze .burger-lines:before {
    width: 28px
}

.burger.burger-squeeze.open .burger-lines,
.burger.burger-squeeze.open .burger-lines:after,
.burger.burger-squeeze.open .burger-lines:before {
    transition: background-color .2s, top .2s, left .2s, transform .2s .15s
}

.burger.burger-squeeze.open .burger-lines:after,
.burger.burger-squeeze.open .burger-lines:before {
    left: .5em;
    top: 0
}

.burger.burger-squeeze.open .burger-lines {
    background-color: transparent
}

.burger.burger-squeeze.open .burger-lines:before {
    transform: rotate(-45deg)
}

.burger.burger-squeeze.open .burger-lines:after {
    transform: rotate(45deg)
}

.authorized {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-left: 30px;
    position: relative
}

@media (max-width:1200px) {
    .authorized {
        position: unset;
        margin-right: 2rem
    }
}

.authorized:hover .authorized__dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

.authorized:hover .dropdown__svg {
    transform: rotate(180deg)
}

@media (max-width:1200px) {
    .authorized .dropdown__svg {
        display: none
    }
}

.authorized span {
    color: #4e4e4e;
    margin: 0 1rem;
    min-width: 125px
}

@media (max-width:1200px) {
    .authorized span {
        display: none
    }
}

.authorized__avatar {
    width: 37.5px;
    height: 37.5px;
    min-width: 37.5px;
    min-height: 37.5px;
    border-radius: 50%;
    overflow: hidden
}

.authorized__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.authorized__dropdown {
    position: absolute;
    top: 100%;
    right: -8px;
    width: 100%;
    min-width: 198px;
    background: #fff;
    display: none;
    border: 1px solid #fff;
    padding-top: 10px;
    border-radius: 0 0 7px 7px;
    overflow: hidden;
    box-shadow: 0 19px 18px 0 rgba(0, 0, 0, .1)
}

@media (max-width:1200px) {
    .authorized__dropdown {
        right: 0
    }
}

.authorized__dropdown ul {
    padding: 0;
    margin-bottom: 0
}

.authorized__dropdown ul li {
    list-style: none
}

.authorized__dropdown ul li a {
    color: #00B5F1;
    padding: 10px;
    display: block
}

.authorized__dropdown ul li:hover {
    background: #00B5F1
}

.authorized__dropdown ul li:hover a {
    color: #fff
}

.error {
    display: none;
    position: absolute;
    right: 0;
    color: red;
    font-size: 12px;
    line-height: 26px;
    padding: 0;
    top: 0;
    margin: 0
}

.header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9
}

.header-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px
}

.header-wrapper .logo img {
    width: 110px
}

.header-wrapper nav a:not(:last-child) {
    margin-right: 3rem
}

@media (max-width:1200px) {
    .header-wrapper nav {
        display: none
    }
}

.header-right,
.header-right .auth {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.header-right .auth {
    margin-left: 30px
}

@media (max-width:1200px) {
    .header-right .auth {
        display: none
    }
}

.header-right .auth .button-main {
    height: 40px;
    padding: 0 30px;
    margin-right: 20px
}

.header-right .auth .sign-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 20px;
    border: 1px solid #00B5F1;
    border-radius: 4px;
    color: #134b7f;
    transition: .3s
}

.header-right .auth .sign-in:hover {
    background: #00B5F1;
    color: #fff;
    transition: .3s
}

.footer {
    background: #1e1e1e url(/img/oyu.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 50px 0;
    color: #fff;
    font-size: 14px
}

.footer-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:992px) {
    .footer-top {
        flex-direction: column
    }
}

.footer-top p {
    margin-bottom: 0;
    margin-right: 10px
}

@media (max-width:992px) {
    .footer-top p {
        margin: 10px 0
    }
}

.footer-top img {
    margin-right: 7px
}

.footer-top img:first-child {
    margin-top: 4px
}

@media (max-width:992px) {
    .footer-top img:first-child {
        width: 80px
    }
}

@media (max-width:992px) {
    .footer-top img:last-child {
        width: 70px
    }
}

.footer-top a {
    font-size: 1.4rem;
    text-align: center;
    color: #dcb656
}

.footer-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-content: space-between
}

@media (max-width:992px) {
    .footer-bottom {
        flex-direction: column
    }
}

.footer-bottom_left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width:992px) {
    .footer-bottom_left {
        flex-direction: column;
        width: 100%;
        margin-top: 20px
    }
}

.footer-bottom_left a {
    display: block;
    font-size: 1.4rem;
    margin-left: 15px;
    color: #fff
}

.footer-bottom_left a:hover {
    color: #dcb656
}

.footer-bottom_center {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.footer-bottom_center a {
    color: #dcb656
}

@media (max-width:992px) {
    .footer-bottom_center {
        width: 100%;
        margin-top: 20px
    }
}

.footer-bottom_right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: column
}

@media (max-width:992px) {
    .footer-bottom_right {
        width: 100%;
        margin-top: 20px;
        flex-direction: column;
        align-items: center
    }
}

.footer-bottom_right div p {
    font-size: 1.4rem;
    color: #777;
    margin-bottom: 5px
}

@media (max-width:992px) {
    .footer-bottom_right div p {
        text-align: center;
        margin-top: 10px
    }
}

.footer-bottom_right div a {
    color: #fff
}

.footer-bottom_right div a:hover {
    color: #dcb656
}

.footer-bottom_right div:not(:last-child) {
    margin-right: 40px
}

@media (max-width:992px) {
    .footer-bottom_right div:not(:last-child) {
        margin-right: 0
    }
}

.auth-modal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center
}

.auth-modal__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #484848;
    padding: 12px 0;
    margin-bottom: 0
}

.auth-modal__ecp {
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

@media (max-width:540px) {
    .auth-modal__ecp {
        flex-direction: column
    }
}

.auth-modal__ecp a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    align-items: center;
    color: #fcca26
}

.auth-modal__ecp a svg {
    margin-right: 5px
}

@media (max-width:540px) {
    .auth-modal__ecp a {
        margin-top: 10px
    }
}

.auth-modal p {
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-align: center
}

.auth-modal label {
    position: relative;
    width: 100%
}

.auth-modal__remember {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2.7rem
}

@media (max-width:340px) {
    .auth-modal__remember {
        flex-direction: column
    }
}

.auth-modal__link {
    color: #00B5F1;
    font-size: 1.4rem
}

.auth-modal__link_size_large {
    font-size: 1.6rem
}

.auth-modal__link_decoration_underline {
    text-decoration: underline;
    font-size: 1.4rem
}

.auth-modal .button-main {
    margin-top: 4rem;
    margin-bottom: 2rem
}

.auth-modal .form-group {
    margin-bottom: 0
}

.auth-modal .ecp-wrap {
    min-height: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.auth-modal .nav-item {
    width: 127px;
    margin-top: 20px
}

.auth-modal .tab-item {
    color: #878787;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    white-space: nowrap
}

.auth-modal .tab-item.active {
    border-bottom: 3px solid #00B5F1;
    border-radius: 2px;
    color: #484848
}

.auth-modal .socialite {
    margin: 30px 0
}

.auth-modal .socialite,
.auth-modal .socialite__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.auth-modal .socialite__btn {
    width: 4rem;
    height: 4rem;
    min-height: 4rem;
    min-width: 4rem;
    box-shadow: 0 0 2.34737px rgba(0, 0, 0, .15);
    border: 1.17368px solid transparent;
    border-radius: 50%
}

.auth-modal .socialite__btn:hover {
    border: 1.17368px solid #00B5F1;
    box-sizing: border-box
}

.auth-modal .socialite__btn:not(:last-child) {
    margin-right: 2rem
}

#payment-modal {
    background: rgba(0, 0, 0, .7)
}

#payment-modal .modal-body {
    padding: 0
}

.payment-modal h2 {
    margin-bottom: 2.4rem;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 100%;
    color: #484848
}

.payment-modal .payment__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    margin: 3rem 0
}

.payment-modal .payment__info img {
    margin-right: .6rem
}

.payment-modal .payment__info p {
    font-size: 1.4rem;
    color: #aaa
}

.payment-modal .payment__info p span {
    color: #00B5F1
}

.payment-modal .select-wrapper {
    padding: 0 3rem
}

.payment-modal .payment-footer {
    background: #fafafa;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    min-height: 8.2rem;
    margin-top: 3rem;
    padding: 3rem;
    border-radius: 0 0 12px 12px
}

@media (max-width:992px) {
    .payment-modal .payment-footer {
        flex-direction: column
    }
}

.payment-modal .payment-footer .promo-circle {
    display: none;
    -webkit-animation: rotation 2s linear infinite;
    animation: rotation 2s linear infinite
}

@-webkit-keyframes rotation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.payment-modal .payment-footer h6 {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #00B5F1;
    min-height: 1.84rem;
    margin-bottom: 1.8rem
}

.payment-modal .payment-footer h6 span {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 100%;
    color: #e40000;
    display: none
}

.payment-modal .payment-footer h5 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 100%
}

.payment-modal .payment-footer .h44 {
    height: 4.4rem;
    min-height: 4.4rem;
    width: 4.4rem;
    min-width: 4.4rem
}

.payment-modal .payment-footer p {
    font-size: 1.2rem;
    line-height: 130%;
    color: #484848
}

.payment-modal .payment-footer__promo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.payment-modal .payment-footer__promo input {
    margin-right: 10px;
    margin-top: 0
}

.payment-modal .payment-footer__wrap {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width:992px) {
    .payment-modal .select-wrapper_flex {
        align-items: unset
    }
    .payment-modal .select-wrapper_flex .checkbox-wrap {
        margin-top: 1rem
    }
}

.certificate-check {
    margin-top: 9rem
}

.certificate-result {
    min-width: 400px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #484848;
    padding: 30px;
    margin: 50px 0 30px
}

@media (max-width:450px) {
    .certificate-result {
        min-width: 300px
    }
}

.certificate-result_wrapper {
    display: none
}

.certificate-result_wrapper a {
    text-align: center
}

.certificate-result h4 {
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 1.4rem
}

@media (max-width:540px) {
    .certificate-result h4 {
        text-align: center;
        font-size: 20px
    }
}

.certificate-result h5 {
    font-size: 24px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #7c63d4;
    margin-bottom: 0
}

.certificate-result img {
    margin: 20px 0
}

.certificate-result p {
    margin-bottom: 1px
}

.certificate-result p:last-child {
    color: #00B5F1
}

.error-wrapper {
    margin-top: 80px
}

.error-wrapper a {
    font-size: 16px
}

.white_underline_text {
    color: white;
    text-decoration: underline;
}

select.grey {
    background: #f2f2f2;
    border-radius: 3px;
    color: #484848;
    padding: 10px 20px;
    border: none;
    outline-color: rgba(11, 88, 141, .15);
    width: 100%;
}

select.grey::-moz-placeholder {
    font-size: 1.4rem;
    line-height: 100%;
    color: #a9a9a9
}

select.grey:-ms-input-placeholder {
    font-size: 1.4rem;
    line-height: 100%;
    color: #a9a9a9
}

select.grey::placeholder {
    font-size: 1.4rem;
    line-height: 100%;
    color: #a9a9a9
}

select.grey:focus {
    background: #fff;
    border: #f2f2f2
}