@charset 'UTF-8';

@font-face
{
    font-family: 'Roboto';
    font-weight: 800;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.woff2') format('woff2');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 100;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto-Thin.woff2') format('woff2');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.woff2') format('woff2');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 600;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.woff2') format('woff2');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 200;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.woff2') format('woff2');
}

@font-face
{
    font-family: 'Roboto';
    font-weight: 300;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.woff2') format('woff2');
}

/* Slider */

.slick-slider
{
    position: relative;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;

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

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

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus
{
    outline: none;
}

.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

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

    display: block;

    margin-right: auto;
    margin-left: auto;
}

.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}

.slick-track:after
{
    clear: both;
}

.slick-loading .slick-track
{
    visibility: hidden;
}

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

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide img
{
    display: block;
}

.slick-slide.slick-loading img
{
    display: none;
}

.slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized .slick-slide
{
    display: block;
}

.slick-loading .slick-slide
{
    visibility: hidden;
}

.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden
{
    display: none;
}

/* Slider */

.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */

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

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 24px;
    height: 24px;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);

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

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

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

    opacity: .75;
    color: white;

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

.slick-prev
{
    left: -25px;
}

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

.slick-prev:before
{
    display: block;

    width: 24px;
    height: 24px;

    content: '';

    background-image: url('data:image/svg+xml,%3Csvg width=\'24\' height=\'25\' viewBox=\'0 0 24 25\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg clip-path=\'url(%23clip0)\'%3E%3Cpath d=\'M12 0.875C5.57812 0.875 0.375 6.07812 0.375 12.5C0.375 18.9219 5.57812 24.125 12 24.125C18.4219 24.125 23.625 18.9219 23.625 12.5C23.625 6.07812 18.4219 0.875 12 0.875ZM6.66094 11.7031L13.0125 5.35156C13.4531 4.91094 14.1656 4.91094 14.6016 5.35156L15.3984 6.14844C15.8391 6.58906 15.8391 7.30156 15.3984 7.7375L10.6359 12.5L15.3984 17.2625C15.8391 17.7031 15.8391 18.4156 15.3984 18.8516L14.6016 19.6484C14.1609 20.0891 13.4484 20.0891 13.0125 19.6484L6.66094 13.2969C6.22031 12.8562 6.22031 12.1438 6.66094 11.7031Z\' fill=\'%23AFB2C3\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0\'%3E%3Crect width=\'24\' height=\'24\' transform=\'matrix(-1 0 0 1 24 0.5)\' fill=\'white\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
    background-repeat: no-repeat;
}

[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}

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

.slick-next:before
{
    display: block;

    width: 24px;
    height: 24px;

    content: '';

    background-image: url('data:image/svg+xml,%3Csvg width=\'24\' height=\'25\' viewBox=\'0 0 24 25\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg clip-path=\'url(%23clip0)\'%3E%3Cpath d=\'M12 0.875C18.4219 0.875 23.625 6.07812 23.625 12.5C23.625 18.9219 18.4219 24.125 12 24.125C5.57812 24.125 0.375 18.9219 0.375 12.5C0.375 6.07812 5.57812 0.875 12 0.875ZM17.3391 11.7031L10.9875 5.35156C10.5469 4.91094 9.83438 4.91094 9.39844 5.35156L8.60156 6.14844C8.16094 6.58906 8.16094 7.30156 8.60156 7.7375L13.3641 12.5L8.60156 17.2625C8.16094 17.7031 8.16094 18.4156 8.60156 18.8516L9.39844 19.6484C9.83906 20.0891 10.5516 20.0891 10.9875 19.6484L17.3391 13.2969C17.7797 12.8562 17.7797 12.1438 17.3391 11.7031Z\' fill=\'%23AFB2C3\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0\'%3E%3Crect y=\'0.5\' width=\'24\' height=\'24\' fill=\'white\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
    background-repeat: no-repeat;
}

[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */

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

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

    display: block;

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

    list-style: none;

    text-align: center;
}

.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

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

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

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

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

.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}

.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

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

.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

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

*:after,
*:before
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html,
body
{
    font-size: 16px;

    min-height: 100%;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
}

.navbar
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 8px 16px;
    padding: .5rem 1rem;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar > .container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar > .container-fluid
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-brand
{
    font-size: 20px;
    font-size: 1.25rem;
    line-height: inherit;

    display: inline-block;

    margin-right: 16px;
    margin-right: 1rem;
    padding-top: 5px;
    padding-top: .3125rem;
    padding-bottom: 5px;
    padding-bottom: .3125rem;

    white-space: nowrap;
}

.navbar-brand:hover
{
    text-decoration: none;
}

.navbar-brand:focus
{
    text-decoration: none;
}

.navbar-nav
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-left: 0;

    -webkit-box-direction: normal;
}

.navbar-nav .nav-link
{
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .dropdown-menu
{
    position: static;

    float: none;
}

.navbar-text
{
    display: inline-block;

    padding-top: 8px;
    padding-top: .5rem;
    padding-bottom: 8px;
    padding-bottom: .5rem;
}

.navbar-collapse
{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler
{
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;

    padding: 4px 12px;
    padding: .25rem .75rem;

    border: 1px solid transparent;
    border-radius: .25rem;
    background-color: transparent;
}

.navbar-toggler:hover
{
    text-decoration: none;
}

.navbar-toggler:focus
{
    text-decoration: none;
}

.navbar-toggler-icon
{
    display: inline-block;

    width: 1.5em;
    height: 1.5em;

    content: '';
    vertical-align: middle;

    background: no-repeat center center;
    background-size: 100% 100%;
}

.navbar-expand
{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.navbar-expand > .container
{
    padding-right: 0;
    padding-left: 0;

    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.navbar-expand > .container-fluid
{
    padding-right: 0;
    padding-left: 0;

    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.navbar-expand .navbar-nav
{
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu
{
    position: absolute;
}

.navbar-expand .navbar-nav .nav-link
{
    padding-right: 8px;
    padding-right: .5rem;
    padding-left: 8px;
    padding-left: .5rem;
}

.navbar-expand .navbar-collapse
{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;

    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler
{
    display: none;
}

.navbar-light .navbar-brand
{
    color: #000;
    color: rgba(0, 0, 0, .9);
}

.navbar-light .navbar-brand:hover
{
    color: #000;
    color: rgba(0, 0, 0, .9);
}

.navbar-light .navbar-brand:focus
{
    color: #000;
    color: rgba(0, 0, 0, .9);
}

.navbar-light .navbar-nav .nav-link
{
    color: #000;
    color: rgba(0, 0, 0, .5);
}

.navbar-light .navbar-nav .nav-link:hover
{
    color: #000;
    color: rgba(0, 0, 0, .7);
}

.navbar-light .navbar-nav .nav-link:focus
{
    color: #000;
    color: rgba(0, 0, 0, .7);
}

.navbar-light .navbar-nav .nav-link.disabled
{
    color: #000;
    color: rgba(0, 0, 0, .3);
}

.navbar-light .navbar-nav .show > .nav-link
{
    color: #000;
    color: rgba(0, 0, 0, .9);
}

.navbar-light .navbar-nav .active > .nav-link
{
    color: #000;
    color: rgba(0, 0, 0, .9);
}

.navbar-light .navbar-nav .nav-link.show
{
    color: #000;
    color: rgba(0, 0, 0, .9);
}

.navbar-light .navbar-nav .nav-link.active
{
    color: #000;
    color: rgba(0, 0, 0, .9);
}

.navbar-light .navbar-toggler
{
    color: #000;
    color: rgba(0, 0, 0, .5);
    border-color: #000;
    border-color: rgba(0, 0, 0, .1);
}

.navbar-light .navbar-text
{
    color: #000;
    color: rgba(0, 0, 0, .5);
}

.navbar-light .navbar-text a
{
    color: #000;
    color: rgba(0, 0, 0, .9);
}

.navbar-light .navbar-text a:hover
{
    color: #000;
    color: rgba(0, 0, 0, .9);
}

.navbar-light .navbar-text a:focus
{
    color: #000;
    color: rgba(0, 0, 0, .9);
}

.navbar-dark .navbar-brand
{
    color: #fff;
}

.navbar-dark .navbar-brand:hover
{
    color: #fff;
}

.navbar-dark .navbar-brand:focus
{
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link
{
    color: #fff;
    color: rgba(255, 255, 255, .5);
}

.navbar-dark .navbar-nav .nav-link:hover
{
    color: #fff;
    color: rgba(255, 255, 255, .75);
}

.navbar-dark .navbar-nav .nav-link:focus
{
    color: #fff;
    color: rgba(255, 255, 255, .75);
}

.navbar-dark .navbar-nav .nav-link.disabled
{
    color: #fff;
    color: rgba(255, 255, 255, .25);
}

.navbar-dark .navbar-nav .show > .nav-link
{
    color: #fff;
}

.navbar-dark .navbar-nav .active > .nav-link
{
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link.show
{
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link.active
{
    color: #fff;
}

.navbar-dark .navbar-toggler
{
    color: #fff;
    color: rgba(255, 255, 255, .5);
    border-color: #fff;
    border-color: rgba(255, 255, 255, .1);
}

.navbar-dark .navbar-text
{
    color: #fff;
    color: rgba(255, 255, 255, .5);
}

.navbar-dark .navbar-text a
{
    color: #fff;
}

.navbar-dark .navbar-text a:hover
{
    color: #fff;
}

.navbar-dark .navbar-text a:focus
{
    color: #fff;
}

.custom-menu-light
{
    position: relative !important;
    z-index: 9999;

    width: 100%;

    background-color: #fff;
}

.custom-menu-light .container
{
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.custom-menu-light .btn-outline-success
{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;

    padding: 14px 24px;
    padding: .875rem 1.5rem;

    text-align: center;
    letter-spacing: .5px;
    letter-spacing: .03125rem;
    text-transform: uppercase;

    color: #8dc63f;
    border: 1px solid #87be3d;
    border-radius: 5px;
}

.custom-menu-light .btn-outline-success:hover
{
    color: #fff;
    background-color: #87be3d;
}

.custom-menu-light .navbar-brand
{
    width: 80px;
    width: 5rem;
    height: 43px;
    height: 2.6875rem;
}

.custom-menu-light .navbar-brand img
{
    max-width: 100%;
    height: 32px;
}

.custom-menu-light .btn-success
{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;

    padding: 14px 20px;
    padding: .875rem 1.25rem;

    text-align: center;
    letter-spacing: .5px;
    letter-spacing: .03125rem;
    text-transform: uppercase;

    color: #fff;
    border: 1px solid #87be3d;
    border-radius: 5px;
    background: #87be3d;
}

.custom-menu-light .btn-success:hover
{
    color: #87be3d;
    background: #87be3d;
    background: rgba(135, 190, 61, 0);
}

.custom-menu-light .navbar-toggler
{
    color: #fff;
    border: 1px solid transparent;
}

.custom-menu-light li.show > a
{
    color: #8dc63f !important;
}

.custom-menu-light .nav-link
{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 600;

    margin: 0 8px;
    padding: 8px 5px;

    letter-spacing: .4px;
    letter-spacing: .025rem;
    text-transform: uppercase;

    color: #2e3340 !important;
}

.custom-menu-light .dropdown
{
    position: inherit;
}

.custom-menu-light .dropdown .dropdown-menu
{
    top: 95%;

    width: 100%;
    padding: 10px;
    padding: .625rem;

    border: none;
    border-radius: 0;
    background-color: #363a45;
}

.custom-menu-light .dropdown .dropdown-menu .dropdown-item
{
    -webkit-transition: .3s;
         -o-transition: .3s;
            transition: .3s;

    color: #fff;
}

.custom-menu-light .dropdown .dropdown-menu .dropdown-item:hover
{
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
}

.custom-menu-light .dropdown-menu-ul
{
    padding: 30px 0;
    padding: 1.875rem 0;
}

.custom-menu-light .dropdown-menu-ul .row
{
    width: 100%;
}

.custom-menu-light .dropdown-menu-ul span.h2
{
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
    font-size: 1.3125rem;

    display: block;

    margin: 0 0 10px;

    color: #fff;
}

.custom-menu-light .dropdown-menu-ul span.h3
{
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: normal;

    margin: 0;

    color: #fff;
}

.custom-menu-light .dropdown-menu-ul p
{
    font-size: 13px;
    font-size: .8125rem;

    margin: 0 0 20px;

    color: #fff;
}

.custom-menu-light .dropdown-menu-ul .first-ul
{
    list-style: none;
}

.custom-menu-light .dropdown-menu-ul .first-ul li a
{
    font-size: 17px;
    font-size: 1.0625rem;

    display: block;

    margin: 0 0 15px;

    color: #87be3d;
}

.custom-menu-light .dropdown-menu-ul .inner-menu
{
    list-style: none;
}

.custom-menu-light .dropdown-menu-ul .inner-menu span
{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;

    display: block;

    margin: 0 0 7px;

    text-transform: uppercase;

    color: #fff;
}

.custom-menu-light .dropdown-menu-ul .inner-menu li
{
    border-bottom: 1px dotted rgba(135, 190, 61, .3);
}

.custom-menu-light .dropdown-menu-ul .inner-menu li a
{
    font-size: 13px;
    font-size: .8125rem;

    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 3px;
    padding: 4px 0;
    padding: .25rem 0;

    text-decoration: none;

    color: #87be3d;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.custom-menu-light .dropdown-menu-ul .inner-menu li a:hover
{
    color: #d0f79a;
    color: rgba(208, 247, 154, .5);
}

.custom-menu-light .dropdown-menu-ul .inner-menu li a .fa-download
{
    margin-left: auto;
}

.custom-menu-light .loginned-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.custom-menu-light .loginned-list .login-dropdown button
{
    width: 100%;
    padding: 10px 20px;

    color: #333;
    border: 1px solid #87be3d !important;
    border-radius: 4px;
    background-color: transparent;
}

.custom-menu-light .loginned-list .login-dropdown .dropdown-menu
{
    left: inherit;

    width: auto;
}

.custom-menu-light .loginned-list .login-dropdown .dropdown-menu li span
{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;

    display: block;

    margin: 0 0 7px;

    text-transform: uppercase;

    color: #fff;
}

.custom-menu-light .loginned-list .login-dropdown .dropdown-menu li a
{
    font-size: 13px;
    font-size: .8125rem;

    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 3px;
    padding: 4px 0;
    padding: .25rem 0;

    color: #87be3d;
}

.custom-menu-light .loginned-list .login-dropdown .dropdown-menu li a:hover
{
    color: #87be3d;
    color: rgba(135, 190, 61, .5);
}

.custom-menu-light .loginned-list .login-dropdown .dropdown-menu:last-child button
{
    color: #fff !important;
}

.custom-menu-light .top-cart
{
    margin-left: 10px;
}

.custom-menu-light .top-cart span a
{
    display: block;

    padding: 10px;

    -webkit-transition: .3s;
         -o-transition: .3s;
            transition: .3s;

    color: #fff;
    border: 1px solid #87be3d;
    border-radius: 4px;
    background-color: #87be3d;
}

.custom-menu-light .top-cart span a:hover
{
    background-color: #87be3d;
    background-color: rgba(135, 190, 61, .1);
}

.hero
{
    height: 100vh;
    padding: 65px 0;

    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}

.hero .logo
{
    margin-bottom: 31px;
}

.hero__title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-bottom: 43px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hero__title h1
{
    font-family: Roboto;
    font-size: calc(20px + 18 * ((100vw - 420px) / 860));
    font-weight: normal;
    font-style: normal;
    line-height: 45px;
    /* identical to box height */

    letter-spacing: -1px;

    color: #fff;
}

@media screen and (min-width: 1280px){

    .hero__title h1{
        font-size: 38px;
    }
}

@media screen and (max-width: 420px){

    .hero__title h1{
        font-size: 20px;
    }
}

.hero__title h1 span
{
    font-weight: 600;
}

.hero .search
{
    margin-bottom: 42px;
}

.hero .search__title
{
    font-family: Roboto;
    font-size: calc(18px + 4 * ((100vw - 420px) / 860));
    font-weight: 600;
    font-style: normal;
    line-height: 26px;

    margin: 0;
    /* identical to box height */

    text-transform: capitalize;

    color: #fff;
}

@media screen and (min-width: 1280px){

    .hero .search__title{
        font-size: 22px;
    }
}

@media screen and (max-width: 420px){

    .hero .search__title{
        font-size: 18px;
    }
}

.hero .search .form-inline
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 32px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hero .search .form-inline .form-group
{
    width: calc(100% - 224px - 16px);
    margin-right: 16px;
}

.hero .search .form-inline .form-group .form-control
{
    width: 100%;
    height: 60px;

    border: 1px solid #555;
}

.hero .search .form-inline .btn-custom-green
{
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    font-style: 400;
    line-height: 16px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 224px;
    height: 60px;
    /* identical to box height, or 100% */

    text-align: center;
    text-transform: capitalize;

    color: #fff;
    background-color: #28a745;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hero .search .form-inline .btn-custom-green:before
{
    display: block;

    width: 16px;
    height: 16px;
    margin-right: 4px;

    content: '';

    background-image: url('data:image/svg+xml,%3Csvg width=\'16\' height=\'17\' viewBox=\'0 0 16 17\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M15.7812 13.9672L12.6656 10.8516C12.525 10.7109 12.3344 10.6328 12.1344 10.6328H11.625C12.4875 9.52969 13 8.14219 13 6.63281C13 3.04219 10.0906 0.132812 6.5 0.132812C2.90937 0.132812 0 3.04219 0 6.63281C0 10.2234 2.90937 13.1328 6.5 13.1328C8.00937 13.1328 9.39688 12.6203 10.5 11.7578V12.2672C10.5 12.4672 10.5781 12.6578 10.7188 12.7984L13.8344 15.9141C14.1281 16.2078 14.6031 16.2078 14.8938 15.9141L15.7781 15.0297C16.0719 14.7359 16.0719 14.2609 15.7812 13.9672ZM6.5 10.6328C4.29063 10.6328 2.5 8.84531 2.5 6.63281C2.5 4.42344 4.2875 2.63281 6.5 2.63281C8.70938 2.63281 10.5 4.42031 10.5 6.63281C10.5 8.84219 8.7125 10.6328 6.5 10.6328Z\' fill=\'white\'/%3E%3C/svg%3E%0A');
}

.hero .search__botom-links
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.hero .search__botom-links a
{
    font-family: Roboto;
    font-size: calc(12px + 3 * ((100vw - 420px) / 860));
    font-weight: 500;
    font-style: normal;
    line-height: 150%;

    margin-right: 16px;
    margin-bottom: 6px;
    /* identical to box height, or 22px */

    color: #fff;
}

@media screen and (min-width: 1280px){

    .hero .search__botom-links a{
        font-size: 15px;
    }
}

@media screen and (max-width: 420px){

    .hero .search__botom-links a{
        font-size: 12px;
    }
}

.hero .hr-section
{
    padding-top: 63px;

    border-top: 1px solid rgba(255, 255, 255, .12);
}

.hero .hr-section .hr-block
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    text-decoration: none;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hero .hr-section .hr-block__icon
{
    margin-bottom: 18px;
}

.hero .hr-section .hr-block__icon img
{
    display: block;

    width: 100%;
}

.hero .hr-section .hr-block__content
{
    text-align: center;
}

.hero .hr-section .hr-block__title
{
    font-family: Roboto;
    font-size: calc(14px + 3 * ((100vw - 420px) / 860));
    font-weight: bold;
    font-style: normal;
    line-height: 15px;

    margin-bottom: 10px;
    /* identical to box height, or 88% */

    letter-spacing: .5px;
    text-transform: uppercase;

    color: #fff;
}

@media screen and (min-width: 1280px){

    .hero .hr-section .hr-block__title{
        font-size: 17px;
    }
}

@media screen and (max-width: 420px){

    .hero .hr-section .hr-block__title{
        font-size: 14px;
    }
}

.hero .hr-section .hr-block__text
{
    font-family: Roboto;
    font-size: calc(12px + 1 * ((100vw - 420px) / 860));
    font-weight: 500;
    font-style: normal;
    line-height: 22px;
    /* or 169% */
    /* Text Secondary on black  */

    color: #b8b8b8;
}

@media screen and (min-width: 1280px){

    .hero .hr-section .hr-block__text{
        font-size: 13px;
    }
}

@media screen and (max-width: 420px){

    .hero .hr-section .hr-block__text{
        font-size: 12px;
    }
}

.tlds
{
    padding: 108px 0;
}

.tlds .tdls-headline__link
{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tlds .tdls-headline__link
{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 32px;

    text-align: right;
    /* identical to box height, or 100% */

    color: #08c;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tlds .tdls-headline__link:after
{
    display: block;

    width: 6px;
    height: 12px;
    margin-left: 8px;

    content: '';

    background-image: url('data:image/svg+xml,%3Csvg width=\'6\' height=\'16\' viewBox=\'0 0 6 16\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M5.8687 8.26543L1.2812 12.8904C1.13432 13.0373 0.896823 13.0373 0.749948 12.8904L0.131198 12.2717C-0.0156769 12.1248 -0.0156769 11.8873 0.131198 11.7404L3.83432 7.9998L0.131198 4.25918C-0.0156769 4.1123 -0.0156769 3.8748 0.131198 3.72793L0.749948 3.10918C0.896823 2.9623 1.13432 2.9623 1.2812 3.10918L5.8687 7.73418C6.01557 7.88105 6.01557 8.11855 5.8687 8.26543Z\' fill=\'%230088CC\'/%3E%3C/svg%3E%0A');
}

.tlds__top
{
    margin-bottom: 40px;
}

.tlds .tlds-headline__title
{
    font-family: Roboto;
    font-size: calc(20px + 12 * ((100vw - 420px) / 860));
    font-weight: bold;
    font-style: normal;
    line-height: 150%;
    /* identical to box height, or 48px */

    color: #323232;
}

@media screen and (min-width: 1280px){

    .tlds .tlds-headline__title{
        font-size: 32px;
    }
}

@media screen and (max-width: 420px){

    .tlds .tlds-headline__title{
        font-size: 20px;
    }
}

.tlds .tlds-headline__description
{
    font-family: Roboto;
    font-size: calc(17px + 5 * ((100vw - 420px) / 860));
    font-weight: normal;
    font-style: normal;
    line-height: 22px;
    /* or 129% */

    color: #323232;
}

@media screen and (min-width: 1280px){

    .tlds .tlds-headline__description{
        font-size: 22px;
    }
}

@media screen and (max-width: 420px){

    .tlds .tlds-headline__description{
        font-size: 17px;
    }
}

.tlds .tlds-headline__link
{
    font-family: Roboto;
    font-size: calc(14px + 2 * ((100vw - 420px) / 860));
    font-weight: 500;
    font-style: normal;
    line-height: 16px;

    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    text-align: right;
    /* identical to box height, or 100% */

    color: #08c;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (min-width: 1280px){

    .tlds .tlds-headline__link{
        font-size: 16px;
    }
}

@media screen and (max-width: 420px){

    .tlds .tlds-headline__link{
        font-size: 14px;
    }
}

.tlds .tlds-headline__link:after
{
    display: block;

    width: 6px;
    height: 12px;
    margin-left: 8px;

    content: '';

    background-image: url('data:image/svg+xml,%3Csvg width=\'6\' height=\'16\' viewBox=\'0 0 6 16\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M5.8687 8.26543L1.2812 12.8904C1.13432 13.0373 0.896823 13.0373 0.749948 12.8904L0.131198 12.2717C-0.0156769 12.1248 -0.0156769 11.8873 0.131198 11.7404L3.83432 7.9998L0.131198 4.25918C-0.0156769 4.1123 -0.0156769 3.8748 0.131198 3.72793L0.749948 3.10918C0.896823 2.9623 1.13432 2.9623 1.2812 3.10918L5.8687 7.73418C6.01557 7.88105 6.01557 8.11855 5.8687 8.26543Z\' fill=\'%230088CC\'/%3E%3C/svg%3E%0A');
}

.tlds .tlds-block-wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 0;

    list-style: none;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.tlds .tlds-block-wrapper .tlds-block-wrapper__link
{
    width: calc(100% / 6 - 30px);
    min-width: 104px;
    margin-right: 30px;
    margin-bottom: 24px;
}

.tlds .tlds-block
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 12px;

    text-decoration: none;

    border: 1px solid #d0d0d0;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
            box-shadow: 0 4px 4px rgba(0, 0, 0, .05);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tlds .tlds-block__budge
{
    font-family: Roboto;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    line-height: 10px;

    width: 100%;
    max-width: 100px;
    padding: 6px 11px;

    text-align: center;
    /* identical to box height, or 100% */
    text-transform: uppercase;

    color: #fff;
    border-radius: 3px;
}

.tlds .tlds-block__budge.bg-suc
{
    background: #3dc47e;
}

.tlds .tlds-block__budge.bg-error
{
    background: #c43d3d;
}

.tlds .tlds-block__title
{
    font-family: Roboto;
    font-size: calc(20px + 12 * ((100vw - 420px) / 860));
    font-weight: bold;
    font-style: normal;
    line-height: 32px;

    margin-top: 6px;
    margin-bottom: 9px;
    /* identical to box height, or 100% */

    text-align: center;

    color: #000;
}

@media screen and (min-width: 1280px){

    .tlds .tlds-block__title{
        font-size: 32px;
    }
}

@media screen and (max-width: 420px){

    .tlds .tlds-block__title{
        font-size: 20px;
    }
}

.tlds .tlds-block__price
{
    font-family: Roboto;
    font-size: calc(14px + 8 * ((100vw - 420px) / 860));
    font-weight: normal;
    font-style: normal;
    line-height: 22px;
    /* identical to box height, or 100% */

    text-align: center;

    color: #000;
}

@media screen and (min-width: 1280px){

    .tlds .tlds-block__price{
        font-size: 22px;
    }
}

@media screen and (max-width: 420px){

    .tlds .tlds-block__price{
        font-size: 14px;
    }
}

.marketplace .marketplace-headline__title
{
    font-family: Roboto;
    font-size: calc(20px + 12 * ((100vw - 420px) / 860));
    font-weight: bold;
    font-style: normal;
    line-height: 150%;
    /* identical to box height, or 48px */

    color: #fff;
}

@media screen and (min-width: 1280px){

    .marketplace .marketplace-headline__title{
        font-size: 32px;
    }
}

@media screen and (max-width: 420px){

    .marketplace .marketplace-headline__title{
        font-size: 20px;
    }
}

.marketplace .marketplace-headline__description
{
    font-family: Roboto;
    font-size: calc(17px + 5 * ((100vw - 420px) / 860));
    font-weight: normal;
    font-style: normal;
    line-height: 22px;
    /* or 129% */

    color: #b8b8b8;
}

@media screen and (min-width: 1280px){

    .marketplace .marketplace-headline__description{
        font-size: 22px;
    }
}

@media screen and (max-width: 420px){

    .marketplace .marketplace-headline__description{
        font-size: 17px;
    }
}

.marketplace .marketplace-headline__link
{
    font-family: Roboto;
    font-size: calc(14px + 2 * ((100vw - 420px) / 860));
    font-weight: 500;
    font-style: normal;
    line-height: 16px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    text-align: right;
    /* identical to box height, or 100% */

    color: #08c;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (min-width: 1280px){

    .marketplace .marketplace-headline__link{
        font-size: 16px;
    }
}

@media screen and (max-width: 420px){

    .marketplace .marketplace-headline__link{
        font-size: 14px;
    }
}

.marketplace .marketplace-headline__link:after
{
    display: block;

    width: 6px;
    height: 12px;
    margin-left: 8px;

    content: '';

    background-image: url('data:image/svg+xml,%3Csvg width=\'6\' height=\'16\' viewBox=\'0 0 6 16\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M5.8687 8.26543L1.2812 12.8904C1.13432 13.0373 0.896823 13.0373 0.749948 12.8904L0.131198 12.2717C-0.0156769 12.1248 -0.0156769 11.8873 0.131198 11.7404L3.83432 7.9998L0.131198 4.25918C-0.0156769 4.1123 -0.0156769 3.8748 0.131198 3.72793L0.749948 3.10918C0.896823 2.9623 1.13432 2.9623 1.2812 3.10918L5.8687 7.73418C6.01557 7.88105 6.01557 8.11855 5.8687 8.26543Z\' fill=\'%230088CC\'/%3E%3C/svg%3E%0A');
}

.marketplace .marketplace-block
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    min-height: 164px;

    text-decoration: none;

    border-radius: 10px;
    background: #333;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
            box-shadow: 0 4px 4px rgba(0, 0, 0, .05);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.marketplace .marketplace-block__content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 160px;
    padding-top: 28px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.marketplace .marketplace-block__content .top-text
{
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    line-height: 18px;
    /* identical to box height, or 120% */

    text-align: center;
}

.marketplace .marketplace-block__content .num
{
    font-family: Roboto;
    font-size: 26px;
    font-weight: 900;
    font-style: normal;
    line-height: 22px;

    margin-top: 12px;
    margin-bottom: 10px;
    /* identical to box height, or 85% */

    text-align: center;

    color: #fff;
}

.marketplace .marketplace-block__content .bottom-text
{
    font-family: Roboto;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    line-height: 11px;
    /* identical to box height */

    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;

    opacity: .5;
    color: #fff;

    mix-blend-mode: normal;
}

.marketplace .marketplace-block__action
{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 22px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 42px;
    margin-top: auto;
    /* identical to box height, or 137% */

    text-align: center;

    color: #fff;
    border-radius: 0 0 10px 10px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.marketplace .marketplace-block.blue .top-text
{
    color: #1665d8;
}

.marketplace .marketplace-block.blue .marketplace-block__action
{
    background-color: #1665d8;
}

.marketplace .marketplace-block.green .top-text
{
    color: #34aa44;
}

.marketplace .marketplace-block.green .marketplace-block__action
{
    background-color: #34aa44;
}

.marketplace .marketplace-block.orange .top-text
{
    color: #f6aa2f;
}

.marketplace .marketplace-block.orange .marketplace-block__action
{
    background-color: #f6aa2f;
}

.marketplace .marketplace-block.red .top-text
{
    color: #e6492d;
}

.marketplace .marketplace-block.red .marketplace-block__action
{
    background-color: #e6492d;
}

.marketplace .marketplace-block.light-blue .top-text
{
    color: #2f89f6;
}

.marketplace .marketplace-block.light-blue .marketplace-block__action
{
    background-color: #2f89f6;
}

.marketplace .marketplace-block.purple .top-text
{
    color: #8a7dff;
}

.marketplace .marketplace-block.purple .marketplace-block__action
{
    background-color: #8a7dff;
}

.services
{
    padding: 100px 0;
}

.services .services-top-block
{
    position: relative;

    display: block;

    margin-bottom: 35px;

    text-decoration: none;
}

.services .services-top-block img
{
    display: block;

    width: 100%;
    height: 296px;

    border-radius: 20px;

    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
}

.services .services-top-block__content
{
    position: absolute;
    top: 50%;

    max-width: 600px;
    padding-left: 55px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.services .services-top-block .services-top-block__premium
{
    font-family: Roboto;
    font-size: calc(10px + 2 * ((100vw - 420px) / 860));
    font-weight: bold;
    font-style: normal;
    line-height: 15px;
    /* identical to box height, or 125% */

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    letter-spacing: .5px;
    text-transform: uppercase;

    color: #f90;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 1280px){

    .services .services-top-block .services-top-block__premium{
        font-size: 12px;
    }
}

@media screen and (max-width: 420px){

    .services .services-top-block .services-top-block__premium{
        font-size: 10px;
    }
}

.services .services-top-block .services-top-block__title
{
    font-family: Roboto;
    font-size: calc(20px + 12 * ((100vw - 420px) / 860));
    font-weight: 900;
    font-style: normal;
    line-height: 150%;
    /* identical to box height, or 48px */

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 1280px){

    .services .services-top-block .services-top-block__title{
        font-size: 32px;
    }
}

@media screen and (max-width: 420px){

    .services .services-top-block .services-top-block__title{
        font-size: 20px;
    }
}

.services .services-top-block .services-top-block__text
{
    font-family: Roboto;
    font-size: calc(15px + 6 * ((100vw - 420px) / 860));
    font-weight: normal;
    font-style: normal;
    line-height: 150%;
    /* or 31px */

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    color: #fff;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 1280px){

    .services .services-top-block .services-top-block__text{
        font-size: 21px;
    }
}

@media screen and (max-width: 420px){

    .services .services-top-block .services-top-block__text{
        font-size: 15px;
    }
}

.services .services-top-block .services-top-block__more
{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* identical to box height, or 100% */

    color: #08c;
}

.services .services-top-block .services-top-block__more:after
{
    display: block;

    width: 6px;
    height: 16px;
    margin-left: 8px;

    content: '';

    background-image: url('data:image/svg+xml,%3Csvg width=\'7\' height=\'16\' viewBox=\'0 0 7 16\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg clip-path=\'url(%23clip0)\'%3E%3Cpath d=\'M6.04413 8.26543L1.45663 12.8904C1.30975 13.0373 1.07225 13.0373 0.925378 12.8904L0.306628 12.2717C0.159753 12.1248 0.159753 11.8873 0.306628 11.7404L4.00975 7.9998L0.306628 4.25918C0.159753 4.1123 0.159753 3.8748 0.306628 3.72793L0.925378 3.10918C1.07225 2.9623 1.30975 2.9623 1.45663 3.10918L6.04413 7.73418C6.191 7.88105 6.191 8.11855 6.04413 8.26543Z\' fill=\'%230088CC\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0\'%3E%3Crect x=\'0.175415\' width=\'6\' height=\'16\' fill=\'white\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
}

.services .domain-escrow
{
    position: relative;

        flex-direction: column;

    height: 392px;
    padding: 75px 0 75px 45px;

    text-decoration: none;

    border-radius: 10px;
    background-image: url(../img/de-bg.jpg);
    background-repeat: no-repeat;
    background-position: 100% 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.services .domain-escrow__title
{
    font-family: Roboto;
    font-size: calc(20px + 12 * ((100vw - 420px) / 860));
    font-weight: bold;
    font-style: normal;
    line-height: 150%;

    color: #323232;
}

@media screen and (min-width: 1280px){

    .services .domain-escrow__title{
        font-size: 32px;
    }
}

@media screen and (max-width: 420px){

    .services .domain-escrow__title{
        font-size: 20px;
    }
}

.services .domain-escrow__text
{
    font-family: Roboto;
    font-size: calc(16px + 5 * ((100vw - 420px) / 860));
    font-weight: normal;
    font-style: normal;
    line-height: 150%;

    max-width: 273px;
    /* or 31px */

    color: #323232;
}

@media screen and (min-width: 1280px){

    .services .domain-escrow__text{
        font-size: 21px;
    }
}

@media screen and (max-width: 420px){

    .services .domain-escrow__text{
        font-size: 16px;
    }
}

.services .domain-escrow__more
{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* identical to box height, or 100% */

    color: #08c;
}

.services .domain-escrow__more:after
{
    display: block;

    width: 6px;
    height: 16px;
    margin-left: 8px;

    content: '';

    background-image: url('data:image/svg+xml,%3Csvg width=\'7\' height=\'16\' viewBox=\'0 0 7 16\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg clip-path=\'url(%23clip0)\'%3E%3Cpath d=\'M6.04413 8.26543L1.45663 12.8904C1.30975 13.0373 1.07225 13.0373 0.925378 12.8904L0.306628 12.2717C0.159753 12.1248 0.159753 11.8873 0.306628 11.7404L4.00975 7.9998L0.306628 4.25918C0.159753 4.1123 0.159753 3.8748 0.306628 3.72793L0.925378 3.10918C1.07225 2.9623 1.30975 2.9623 1.45663 3.10918L6.04413 7.73418C6.191 7.88105 6.191 8.11855 6.04413 8.26543Z\' fill=\'%230088CC\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0\'%3E%3Crect x=\'0.175415\' width=\'6\' height=\'16\' fill=\'white\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A');
}

.labs
{
    padding: 100px 0;

    background-color: #eee;
}

.labs .labs__title
{
    font-family: Roboto;
    font-size: calc(14px + 3 * ((100vw - 420px) / 860));
    font-weight: bold;
    font-style: normal;
    line-height: 150%;
    /* identical to box height, or 25px */

    letter-spacing: 5px;
    text-transform: uppercase;

    color: #000;
}

@media screen and (min-width: 1280px){

    .labs .labs__title{
        font-size: 17px;
    }
}

@media screen and (max-width: 420px){

    .labs .labs__title{
        font-size: 14px;
    }
}

.labs .labs__subtitle
{
    font-family: Roboto;
    font-size: calc(18px + 9 * ((100vw - 420px) / 860));
    font-weight: bold;
    font-style: normal;
    line-height: 150%;
    /* identical to box height, or 40px */

    color: #323232;
}

@media screen and (min-width: 1280px){

    .labs .labs__subtitle{
        font-size: 27px;
    }
}

@media screen and (max-width: 420px){

    .labs .labs__subtitle{
        font-size: 18px;
    }
}

.labs .labs__bottom-text
{
    font-family: Roboto;
    font-size: calc(14px + 3 * ((100vw - 420px) / 860));
    font-weight: normal;
    font-style: normal;
    line-height: 150%;
    /* or 25px */

    color: #323232;
}

@media screen and (min-width: 1280px){

    .labs .labs__bottom-text{
        font-size: 17px;
    }
}

@media screen and (max-width: 420px){

    .labs .labs__bottom-text{
        font-size: 14px;
    }
}

.labs .labs__more
{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /* identical to box height, or 100% */

    color: #08c;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.labs .labs__more:after
{
    width: 6px;
    height: 16px;
    margin-left: 8px;

    content: '';

    background-image: url('data:image/svg+xml,%3Csvg width=\'6\' height=\'16\' viewBox=\'0 0 6 16\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M5.86871 8.26543L1.28121 12.8904C1.13434 13.0373 0.896838 13.0373 0.749963 12.8904L0.131213 12.2717C-0.0156616 12.1248 -0.0156616 11.8873 0.131213 11.7404L3.83434 7.9998L0.131213 4.25918C-0.0156616 4.1123 -0.0156616 3.8748 0.131213 3.72793L0.749963 3.10918C0.896838 2.9623 1.13434 2.9623 1.28121 3.10918L5.86871 7.73418C6.01559 7.88105 6.01559 8.11855 5.86871 8.26543Z\' fill=\'%230088CC\'/%3E%3C/svg%3E%0A');
    background-repeat: no-repeat;
    background-position: center;
}

.labs .labs-icon-block
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: 100%;
    max-width: 160px;
    height: 160px;
    margin-right: auto;
    margin-left: auto;

    text-decoration: none;

    border-radius: 10px;
    /* Rectangle 1 */
    background: #fff;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
            box-shadow: 0 4px 4px rgba(0, 0, 0, .05);

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.labs .labs-icon-block img
{
    display: block;

    width: 100%;
    height: 67px;
    margin-bottom: 27px;
}

.labs .labs-icon-block span
{
    font-family: Roboto;
    font-size: calc(10px + 5 * ((100vw - 420px) / 860));
    font-weight: 500;
    font-style: normal;
    line-height: 13px;
    /* or 87% */

    text-align: center;

    color: #08c;
}

@media screen and (min-width: 1280px){

    .labs .labs-icon-block span{
        font-size: 15px;
    }
}

@media screen and (max-width: 420px){

    .labs .labs-icon-block span{
        font-size: 10px;
    }
}

.labs .labs-carousel
{
    margin-top: 51px;
    margin-bottom: 27px;
}

.support
{
    padding: 100px 0;
}

.support .title
{
    font-family: Roboto;
    font-size: calc(14px + 3 * ((100vw - 420px) / 860));
    font-weight: bold;
    font-style: normal;
    line-height: 150%;
    /* identical to box height, or 25px */

    letter-spacing: 5px;
    text-transform: uppercase;

    color: #000;
}

@media screen and (min-width: 1280px){

    .support .title{
        font-size: 17px;
    }
}

@media screen and (max-width: 420px){

    .support .title{
        font-size: 14px;
    }
}

.support .subtitle
{
    font-family: Roboto;
    font-size: calc(18px + 9 * ((100vw - 420px) / 860));
    font-weight: bold;
    font-style: normal;
    line-height: 150%;

    margin-bottom: 38px;
    /* identical to box height, or 40px */

    text-align: center;

    color: #323232;
}

@media screen and (min-width: 1280px){

    .support .subtitle{
        font-size: 27px;
    }
}

@media screen and (max-width: 420px){

    .support .subtitle{
        font-size: 18px;
    }
}

.support .title-link-list
{
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;

    margin-bottom: 19px;
    /* identical to box height, or 94% */

    color: #323232;
}

.support .link-list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.support .link-list__item
{
    margin-bottom: 16px;
}

.support .link-list__item a
{
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* identical to box height, or 100% */

    color: #08c;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.support .link-list__item a:after
{
    display: block;

    width: 6px;
    height: 16px;
    margin-left: 8px;

    content: '';

    background-image: url('data:image/svg+xml,%3Csvg width=\'6\' height=\'16\' viewBox=\'0 0 6 16\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M5.86871 8.26543L1.28121 12.8904C1.13434 13.0373 0.896838 13.0373 0.749963 12.8904L0.131213 12.2717C-0.0156616 12.1248 -0.0156616 11.8873 0.131213 11.7404L3.83434 7.9998L0.131213 4.25918C-0.0156616 4.1123 -0.0156616 3.8748 0.131213 3.72793L0.749963 3.10918C0.896838 2.9623 1.13434 2.9623 1.28121 3.10918L5.86871 7.73418C6.01559 7.88105 6.01559 8.11855 5.86871 8.26543Z\' fill=\'%230088CC\'/%3E%3C/svg%3E%0A');
    background-repeat: no-repeat;
    background-position: center;
}

.support .popular-articles__title
{
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;

    margin-bottom: 19px;
    /* identical to box height, or 94% */

    color: #323232;
}

.support .popular-articles__list
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.support .popular-articles__item
{
    margin-bottom: 16px;
}

.support .popular-articles__item a
{
    font-family: Roboto;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    line-height: 150%;
    /* identical to box height, or 25px */

    color: #08c;
}

.customer-support
{
    padding: 32px 0;

    color: #fff;
    background-color: #1e1e20;
}

.customer-support .phones
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.customer-support .phones .tel-wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-left: 32px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.customer-support__title
{
    font-size: calc(16px + 6 * ((100vw - 420px) / 860));
}

@media screen and (min-width: 1280px){

    .customer-support__title{
        font-size: 22px;
    }
}

@media screen and (max-width: 420px){

    .customer-support__title{
        font-size: 16px;
    }
}

.customer-support__tel
{
    font-size: calc(18px + 14 * ((100vw - 420px) / 860));

    margin-left: 32px;
}

@media screen and (min-width: 1280px){

    .customer-support__tel{
        font-size: 32px;
    }
}

@media screen and (max-width: 420px){

    .customer-support__tel{
        font-size: 18px;
    }
}

.customer-support__tel:first-child
{
    margin-left: 0;
}

.customer-support .social
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

    list-style: none;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.customer-support .social__item
{
    width: calc(100% / 3 - 16px);
    max-width: 42px;
    margin-right: 16px;
}

.customer-support .social__item:last-child
{
    margin-right: 0;
}

.customer-support .social__item__link
{
    display: block;

    width: 100%;

    border: 1px solid tomato;
}

.customer-support .social__item__link svg
{
    display: block;

    width: 13px;
    height: auto;
}

.bottom-links
{
    padding: 32px 0;

    background-color: #171718;
}

.bottom-links .title-links
{
    font-family: Roboto;
    font-size: 13px;
    font-weight: 900;
    font-style: normal;
    line-height: 15px;

    text-transform: uppercase;

    color: #fff;
}

.bottom-links__link
{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;

    display: block;

    margin-bottom: 12px;
    /* identical to box height, or 21px */

    color: #868686;
}

.bottom-links__link:hover
{
    -webkit-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
    text-decoration: none;

    color: #fff;
}

.bottom-links .links-wrapper .link
{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;

    margin-right: 16px;
    /* identical to box height, or 21px */

    color: #fff;
}

.footer .footer-banner
{
    display: block;

    max-width: 100%;
    margin: 34px auto 24px;
}

.footer .copy
{
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    line-height: 150%;
    /* identical to box height, or 22px */

    text-align: center;

    color: #323232;
}

@media (min-width: 768px)
{
    .services .flip-card
    {
        position: relative;

        width: 100%;
        height: 392px;

        cursor: pointer;
    }

    .services .flip-card:hover > .front
    {
        -webkit-transform: perspective(600px) rotateY(-180deg);
                transform: perspective(600px) rotateY(-180deg);
    }

    .services .flip-card:hover > .back
    {
        -webkit-transform: perspective(600px) rotateY(0deg);
                transform: perspective(600px) rotateY(0deg);
    }

    .services .flip-card .front,
    .services .flip-card .back
    {
        position: absolute;

        overflow: hidden;

        width: 100%;
        height: 100%;

        -webkit-transition: -webkit-transform .3s linear;
             -o-transition:         transform .3s linear;
                transition: -webkit-transform .3s linear;
                transition:         transform .3s linear;
                transition:         transform .3s linear, -webkit-transform .3s linear;

        border-radius: 20px;

        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
    }

    .services .flip-card .front img
    {
        display: block;

        width: 100%;
        height: 100%;

        border-radius: 20px;

        -o-object-fit: cover;
           object-fit: cover;
    }

    .services .flip-card .front
    {
        -webkit-transform: perspective(600px) rotateY(0deg);
                transform: perspective(600px) rotateY(0deg);
    }

    .services .flip-card .back
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-transform: perspective(600px) rotateY(180deg);
                transform: perspective(600px) rotateY(180deg);

        background-color: #041b29;
    }

    .services .flip-card .front-content
    {
        position: absolute;
        bottom: 44px;

        width: 196px;
        margin: 0 24px;
    }

    .services .flip-card .front-content span
    {
        font-family: Roboto;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        line-height: 15px;
        /* identical to box height, or 125% */

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin-bottom: 8px;

        letter-spacing: .5px;
        text-transform: uppercase;

        color: #f90;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .services .flip-card .front-content h3
    {
        font-family: Roboto;
        font-size: calc(20px + 12 * ((100vw - 420px) / 860));
        font-weight: 900;
        font-style: normal;
        line-height: 32px;
        /* or 100% */

        color: #fff;
    }

    @media screen and (min-width: 1280px){

        .services .flip-card .front-content h3{
            font-size: 32px;
        }
    }

    @media screen and (max-width: 420px){

        .services .flip-card .front-content h3{
            font-size: 20px;
        }
    }

    .services .flip-card .back-content
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: auto;
        padding: 20px;
    }

    .services .flip-card .back-content h3
    {
        font-family: Roboto;
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        line-height: 32px;
        /* identical to box height, or 213% */

        color: #fff;
    }

    .services .flip-card .back-content ul
    {
        margin: 0;
        padding: 0;

        list-style: none;
    }

    .services .flip-card .back-content ul li
    {
        margin-bottom: 16px;
    }

    .services .flip-card .back-content ul li a
    {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        line-height: 16px;

        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        /* identical to box height, or 100% */

        color: #fff;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .services .flip-card .back-content ul li a:after
    {
        display: block;

        width: 5px;
        height: 10px;
        margin-left: 8px;

        content: '';

        background-image: url('data:image/svg+xml,%3Csvg width=\'6\' height=\'10\' viewBox=\'0 0 6 10\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M5.86871 5.26543L1.28121 9.89042C1.13434 10.0373 0.896838 10.0373 0.749963 9.89042L0.131213 9.27167C-0.0156616 9.1248 -0.0156616 8.8873 0.131213 8.74042L3.83434 4.9998L0.131213 1.25918C-0.0156616 1.1123 -0.0156616 0.874804 0.131213 0.727929L0.749963 0.10918C0.896838 -0.0376953 1.13434 -0.0376953 1.28121 0.10918L5.86871 4.73418C6.01559 4.88105 6.01559 5.11855 5.86871 5.26543Z\' fill=\'white\'/%3E%3C/svg%3E%0A');
        background-repeat: no-repeat;
        background-position: center;
    }
}

@media (min-width: 992px)
{
    .navigation
    {
        position: fixed;
        z-index: 10;

        width: 100%;

        background-color: #fff;
    }
}

@media (max-width: 1199px)
{
    .customer-support .phones .tel-wrapper
    {
        margin-left: 0;
    }
}

@media (max-width: 991px)
{
    .hero
    {
        height: auto;
    }

    .tlds .tlds-block-wrapper .tlds-block-wrapper__link
    {
        width: calc(100% / 5 - 8px);
        margin-right: 8px;
        margin-bottom: 16px;
    }
}

@media (max-width: 767px)
{
    .hero__title
    {
        margin-bottom: 0;
    }

    .hero .search
    {
        margin-bottom: 32px;
    }

    .hero .search .form-inline
    {
            flex-direction: column;

        margin-top: 13px;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .hero .search .form-inline .form-group
    {
        width: 100%;
        margin-right: 0;
    }

    .hero .search .form-inline .btn-custom-green
    {
        width: 100%;
        max-width: 100%;
    }

    .hero .search__botom-links
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .hero .hr-section
    {
        padding-top: 37px;
    }

    .hero .hr-section .hr-block
    {
            flex-direction: row;

        max-width: 100%;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .hero .hr-section .hr-block__icon img
    {
        width: 48px;
    }

    .hero .hr-section .hr-block__content
    {
        width: 100%;
        margin-left: 20px;

        text-align: left;
        -moz-text-align-last: left;
             text-align-last: left;
    }

    .tlds
    {
        padding: 64px 0;
    }

    .tlds .tlds-headline__link
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .tlds .tlds-block-wrapper .tlds-block-wrapper__link
    {
        width: calc(100% / 4 - 8px);
        margin-right: 8px;
        margin-bottom: 16px;
    }

    .marketplace
    {
        padding: 64px 0;
    }

    .marketplace .marketplace-headline__link
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .services
    {
        padding: 65px 0;
    }

    .services .flip-card
    {
        position: relative;

        width: 100%;
        height: 392px;
        margin-bottom: 35px;

        cursor: pointer;
    }

    .services .flip-card .front,
    .services .flip-card .back
    {
        position: absolute;

        overflow: hidden;

        width: 100%;
        height: 100%;

        border-radius: 20px;

        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
    }

    .services .flip-card .back
    {
        bottom: 0;

        height: 70%;

        border-radius: 0 0 20px 20px;
    }

    .services .flip-card .front img
    {
        display: block;

        width: 100%;
        height: 100%;

        border-radius: 20px;

        -o-object-fit: cover;
           object-fit: cover;
    }

    .services .flip-card .back
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        background-color: #041b29;
    }

    .services .flip-card .front-content
    {
        position: absolute;
        top: 20px;

        margin: 0 24px;
    }

    .services .flip-card .front-content span
    {
        font-family: Roboto;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        line-height: 15px;
        /* identical to box height, or 125% */

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        margin-bottom: 8px;

        letter-spacing: .5px;
        text-transform: uppercase;

        color: #f90;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .services .flip-card .front-content h3
    {
        font-family: Roboto;
        font-size: calc(20px + 12 * ((100vw - 420px) / 860));
        font-weight: 900;
        font-style: normal;
        line-height: 32px;
        /* or 100% */

        color: #fff;
    }

    @media screen and (min-width: 1280px){

        .services .flip-card .front-content h3{
            font-size: 32px;
        }
    }

    @media screen and (max-width: 420px){

        .services .flip-card .front-content h3{
            font-size: 20px;
        }
    }

    .services .flip-card .back-content
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: auto;
        padding: 20px;
    }

    .services .flip-card .back-content h3
    {
        display: none;
    }

    .services .flip-card .back-content ul
    {
        margin: 0;
        padding: 0;

        list-style: none;
    }

    .services .flip-card .back-content ul li
    {
        margin-bottom: 16px;
    }

    .services .flip-card .back-content ul li a
    {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        line-height: 16px;

        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        /* identical to box height, or 100% */

        color: #fff;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .services .flip-card .back-content ul li a:after
    {
        display: block;

        width: 5px;
        height: 10px;
        margin-left: 8px;

        content: '';

        background-image: url('data:image/svg+xml,%3Csvg width=\'6\' height=\'10\' viewBox=\'0 0 6 10\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M5.86871 5.26543L1.28121 9.89042C1.13434 10.0373 0.896838 10.0373 0.749963 9.89042L0.131213 9.27167C-0.0156616 9.1248 -0.0156616 8.8873 0.131213 8.74042L3.83434 4.9998L0.131213 1.25918C-0.0156616 1.1123 -0.0156616 0.874804 0.131213 0.727929L0.749963 0.10918C0.896838 -0.0376953 1.13434 -0.0376953 1.28121 0.10918L5.86871 4.73418C6.01559 4.88105 6.01559 5.11855 5.86871 5.26543Z\' fill=\'white\'/%3E%3C/svg%3E%0A');
        background-repeat: no-repeat;
        background-position: center;
    }

    .support
    {
        padding: 64px 0;
    }

    .customer-support .phones .tel-wrapper
    {
        width: 100%;
        margin-bottom: 16px;
        margin-left: 0;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .customer-support__title
    {
        width: 100%;
        margin-left: 0;

        text-align: center;
    }

    .customer-support__tel
    {
        margin-left: 20px;
    }

    .customer-support .social__item
    {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 767)
{
    .labs
    {
        padding: 65px 0;
    }
}

@media (max-width: 600px)
{
    .tlds .tlds-block-wrapper .tlds-block-wrapper__link
    {
        width: calc(100% / 3 - 8px);
        margin-right: 8px;
        margin-bottom: 16px;
    }
}

@media (max-width: 375px)
{
    .tlds .tlds-block-wrapper .tlds-block-wrapper__link
    {
        width: calc(100% / 2 - 8px);
        margin-right: 8px;
        margin-bottom: 16px;
    }
}

@media (max-width: 350px)
{
    .custom-menu-light .btn-outline-success
    {
        margin-top: 10px !important;
    }

    .custom-menu-light .btn-success
    {
        margin-top: 10px !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 328px)
{
    .services .services-top-block__content
    {
        padding: 24px;
    }

    .services .domain-escrow
    {
        padding: 24px;
    }
}

.webp .services .domain-escrow
{
    background-image: url(../img/de-bg.webp);
}


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

.marketplace {
    padding: 100px 0;
}

.marketplace .marketplace-headline__title {
    font-family: Roboto;
    font-size: calc(20px + 12 * ((100vw - 420px) / 860));
    font-weight: bold;
    font-style: normal;
    line-height: 150%;
    /* identical to box height, or 48px */

    color: #323232;
}

@media screen and (min-width: 1280px) {

    .marketplace .marketplace-headline__title {
        font-size: 32px;
    }
}

@media screen and (max-width: 420px) {

    .marketplace .marketplace-headline__title {
        font-size: 20px;
    }
}

.marketplace .marketplace-headline__description {
    font-family: Roboto;
    font-size: calc(17px + 5 * ((100vw - 420px) / 860));
    font-weight: normal;
    font-style: normal;
    line-height: 22px;
    /* or 129% */

    color: #323232;
}

@media screen and (min-width: 1280px) {

    .marketplace .marketplace-headline__description {
        font-size: 22px;
    }
}

@media screen and (max-width: 420px) {

    .marketplace .marketplace-headline__description {
        font-size: 17px;
    }
}

.marketplace .marketplace-headline__link {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    margin-top: 32px;

    text-align: right;
    /* identical to box height, or 100% */

    color: #08c;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.marketplace .marketplace-headline__link:after {
    display: block;

    width: 6px;
    height: 12px;
    margin-left: 8px;

    content: '';

    background-image: url('data:image/svg+xml,%3Csvg width=\'6\' height=\'16\' viewBox=\'0 0 6 16\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M5.8687 8.26543L1.2812 12.8904C1.13432 13.0373 0.896823 13.0373 0.749948 12.8904L0.131198 12.2717C-0.0156769 12.1248 -0.0156769 11.8873 0.131198 11.7404L3.83432 7.9998L0.131198 4.25918C-0.0156769 4.1123 -0.0156769 3.8748 0.131198 3.72793L0.749948 3.10918C0.896823 2.9623 1.13432 2.9623 1.2812 3.10918L5.8687 7.73418C6.01557 7.88105 6.01557 8.11855 5.8687 8.26543Z\' fill=\'%230088CC\'/%3E%3C/svg%3E%0A');
}

.marketplace .marketplace-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    min-height: 164px;

    text-decoration: none;

    border-radius: 10px;
    background: rgba(158, 160, 165, .1);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .05);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.marketplace .marketplace-block__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 160px;
    padding-top: 28px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.marketplace .marketplace-block__content .top-text {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    line-height: 18px;
    /* identical to box height, or 120% */

    text-align: center;
}

.marketplace .marketplace-block__content .num {
    font-family: Roboto;
    font-size: 26px;
    font-weight: 900;
    font-style: normal;
    line-height: 22px;

    margin-top: 12px;
    margin-bottom: 10px;
    /* identical to box height, or 85% */

    text-align: center;

    color: #323232;
}

.marketplace .marketplace-block__content .bottom-text {
    font-family: Roboto;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    line-height: 11px;
    /* identical to box height */

    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;

    opacity: .5;
    color: #6b6c6f;

    mix-blend-mode: normal;
}

.marketplace .marketplace-block__action {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 22px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 42px;
    margin-top: auto;
    /* identical to box height, or 137% */

    text-align: center;

    color: #fff;
    border-radius: 0 0 10px 10px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.marketplace .marketplace-block.blue .top-text {
    color: #1665d8;
}

.marketplace .marketplace-block.blue .marketplace-block__action {
    background-color: #1665d8;
}

.marketplace .marketplace-block.green .top-text {
    color: #34aa44;
}

.marketplace .marketplace-block.green .marketplace-block__action {
    background-color: #34aa44;
}

.marketplace .marketplace-block.orange .top-text {
    color: #f6aa2f;
}

.marketplace .marketplace-block.orange .marketplace-block__action {
    background-color: #f6aa2f;
}

.marketplace .marketplace-block.red .top-text {
    color: #e6492d;
}

.marketplace .marketplace-block.red .marketplace-block__action {
    background-color: #e6492d;
}

.marketplace .marketplace-block.light-blue .top-text {
    color: #2f89f6;
}

.marketplace .marketplace-block.light-blue .marketplace-block__action {
    background-color: #2f89f6;
}

.marketplace .marketplace-block.purple .top-text {
    color: #8a7dff;
}

.marketplace .marketplace-block.purple .marketplace-block__action {
    background-color: #8a7dff;
}

.best-domain-block {
    margin-bottom: 64px;
}

.best-domain-block__list {
    margin: 0;
    padding: 0;

    list-style: none;
}

.best-domain-block__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 18px 0;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.best-domain-block__left {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 24px;

    color: #6b6c6f;
}

.best-domain-block__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.best-domain-block__right div {
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    line-height: 24px;
    /* identical to box height, or 200% */

    text-align: right;
    text-transform: uppercase;

    color: #9ea0a5;
}

.best-domain-block__right div:not(:last-child) {
    margin-right: calc(64px + 16px);
}

.best-domain-block__item:not(:last-child) {
    margin-bottom: 16px;
}

.best-domain-block__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 16px;

    border: 1px solid rgba(137, 144, 165, .25);
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 2px rgba(0, 0, 0, .05);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.best-domain-block__item a:hover {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    text-decoration: none;

    border: 1px solid #0d66d0;
    -webkit-box-shadow: 0 4px 4px rgba(22, 101, 216, .15);
    box-shadow: 0 4px 4px rgba(22, 101, 216, .15);
}

.best-domain-block__domain {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 24px;
    /* identical to box height, or 150% */

    color: #323232;
}

.best-domain-block__prices-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.best-domain-block__price {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    line-height: 24px;

    text-align: right;

    color: #323232;
}

.best-domain-block__price:not(:last-child) {
    margin-right: 64px;
}

@media (max-width: 991px) {
    .best-domain-block__right div:not(:last-child) {
        margin-right: calc(16px + 16px);
    }

    .best-domain-block__price:not(:last-child) {
        margin-right: 16px;
    }
}

@media (max-width: 767px) {
    .marketplace {
        padding: 64px 0;
    }

    .marketplace .marketplace-headline__link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}