@font-face {
    font-family: 'wekihost'; /* Name the font-family as you like */
    src: url('../fonts/wekihost-regular.woff2') format('woff2');
  }

@font-face{font-family:iconmoon;src:url('../fonts/iconmoon.eot?qgkstp');src:url('../fonts/iconmoon.eot?qgkstp#iefix') format('embedded-opentype'),url('../fonts/iconmoon.ttf?qgkstp') format('truetype'),url('../fonts/iconmoon.woff?qgkstp') format('woff'),url('../fonts/iconmoon.svg?qgkstp#iconmoon') format('svg');font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:iconmoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-facebook:before{content:"\e900"}.icon-twitter:before{content:"\e901"}.icon-linkedin:before{content:"\e902"}.icon-share:before{content:"\e903"}.icon-close:before{content:"\e904"}.icon-arrow-prev:before{content:"\e905"}.icon-arrow-next:before{content:"\e906"}.icon-arrow-bottom:before{content:"\e907"}.icon-arrow-triangle-top:before{content:"\e908"}.icon-arrow-triangle-bottom:before{content:"\e909"}.icon-arrow-triangle-select:before{content:"\e90a"}.icon-ok:before{content:"\e90b"}.icon-nok:before{content:"\e90c"}.icon-point:before{content:"\e90d"}.icon-square:before{content:"\e90e"}.icon-label:before{content:"\e90f"}.icon-search:before{content:"\e910"}.icon-download:before{content:"\e911"}.icon-view:before{content:"\e912"}.icon-comment:before{content:"\e913"}.icon-quote:before{content:"\e914"}.icon-marker:before{content:"\e915"}.icon-location:before{content:"\e916"}.icon-envelope-o:before{content:"\e917"}.icon-newsletter:before{content:"\e918"}.icon-email-archive:before{content:"\e919"}.icon-quality:before{content:"\e91a"}.icon-uptime:before{content:"\e91b"}.icon-speed:before{content:"\e91c"}.icon-performance:before{content:"\e91d"}.icon-script-installer:before{content:"\e91e"}.icon-firewall:before{content:"\e91f"}.icon-dns:before{content:"\e920"}.icon-security:before{content:"\e921"}.icon-ssl:before{content:"\e922"}.icon-data:before{content:"\e923"}.icon-scalable:before{content:"\e924"}.icon-privacy:before{content:"\e925"}.icon-tag:before{content:"\e926"}.icon-control:before{content:"\e927"}.icon-login:before{content:"\e928"}.icon-flexible:before{content:"\e929"}.icon-collaboration:before{content:"\e92a"}.icon-sharing:before{content:"\e92b"}.icon-access:before{content:"\e92c"}.icon-dashboard:before{content:"\e92d"}.icon-web-customise:before{content:"\e92e"}.icon-website-config:before{content:"\e92f"}.icon-website:before{content:"\e930"}.icon-syncing:before{content:"\e931"}.icon-migration:before{content:"\e932"}.icon-update:before{content:"\e933"}.icon-wp-config:before{content:"\e934"}.icon-support:before{content:"\e935"}.icon-support-qa:before{content:"\e936"}.icon-canada:before{content:"\e937"}.icon-logo-windows:before{content:"\e938"}.icon-logo-outlook:before{content:"\e939"}.icon-logo-lunix:before{content:"\e93a"}.icon-logo-cloudlinux:before{content:"\e93b"}.icon-logo-cpanel:before{content:"\e93c"}.icon-logo-imunify:before{content:"\e93d"}.icon-logo-litespeed:before{content:"\e93e"}.icon-logo-woo:before{content:"\e93f"}.icon-quality-garanteed:before{content:"\e940"}.icon-arrow-comment:before{content:"\e941"}.icon-department:before{content:"\e943"}.icon-phone-call:before{content:"\e944"}.icon-play:before{content:"\e945"}.icon-award-winning-support:before{content:"\e946"}.icon-server-secured:before{content:"\e947"}.icon-server:before{content:"\e948"}.icon-os-combinations:before{content:"\e949"}.icon-console:before{content:"\e94a"}.icon-tap:before{content:"\e94b"}.icon-logo-ubuntu:before{content:"\e94c"}.icon-logo-freebsd:before{content:"\e94d"}.icon-logo-fedora:before{content:"\e94e"}.icon-logo-centos:before{content:"\e94f"}.icon-logo-debian:before{content:"\e950"}.icon-logo-openbsd:before{content:"\e951"}.icon-logo-freepbx:before{content:"\e952"}.icon-dedicated-single:before{content:"\e953"}.icon-dedicated-resources:before{content:"\e954"}.icon-care:before{content:"\e955"}.icon-together:before{content:"\e956"}.icon-solution:before{content:"\e957"}.icon-invest:before{content:"\e958"}.icon-knowledge:before{content:"\e959"}.icon-future:before{content:"\e95a"}.icon-server-isolated:before{content:"\e95b"}.icon-wp-optimized:before{content:"\e95c"}.icon-cms:before{content:"\e95d"}.icon-server-star:before{content:"\e95e"}.icon-affiliates:before{content:"\e95f"}.icon-email-security:before{content:"\e960"}.icon-cloud:before{content:"\e961"}.icon-service:before{content:"\e962"}.icon-logo-wordpress:before{content:"\e963"}.icon-domain:before{content:"\e964"}.icon-transfer:before{content:"\e965"}.icon-star:before{content:"\e966"}.icon-monitoring:before{content:"\e967"}.icon-centralized-dashboard:before{content:"\e968"}.icon-malware-detection:before{content:"\e969"}.icon-prevention:before{content:"\e96a"}.icon-patch:before{content:"\e96b"}.icon-sandboxing:before{content:"\e96c"}.icon-license:before{content:"\e96d"}.icon-blacklist:before{content:"\e96e"}.icon-backup:before{content:"\e96f"}.icon-cloud-backup:before{content:"\e970"}.icon-logo-m365:before{content:"\e971"}.icon-google:before{content:"\e972"}.icon-calendar:before{content:"\e973"}.icon-note:before{content:"\e974"}.icon-chat:before{content:"\e975"}.icon-user:before{content:"\e976"}.icon-apple:before{content:"\e977"}.icon-performance-fill:before{content:"\e978"}.icon-cloud-fill:before{content:"\e979"}.icon-folder:before{content:"\e97a"}.icon-image:before{content:"\e97b"}.icon-image-config:before{content:"\e97c"}.icon-cdn-captcha:before{content:"\e97d"}.icon-ddos:before{content:"\e97e"}.icon-cloud-server:before{content:"\e97f"}.icon-fingerprint:before{content:"\e980"}.icon-minify:before{content:"\e981"}.icon-rocket:before{content:"\e982"}.icon-heat:before{content:"\e983"}.icon-warning:before{content:"\e984"}.icon-envelope-canada:before{content:"\e985"}.icon-cloud-config:before{content:"\e986"}.icon-cloud-deploy:before{content:"\e987"}.icon-cloud-open:before{content:"\e988"}.icon-cloud-private-server:before{content:"\e989"}.icon-environments:before{content:"\e98a"}.icon-traffic-distr:before{content:"\e98b"}.icon-load-balancing:before{content:"\e98c"}.icon-scaling:before{content:"\e98d"}.icon-marketplace:before{content:"\e98e"}.icon-chipset:before{content:"\e98f"}.icon-file:before{content:"\e990"}.icon-objects:before{content:"\e991"}.icon-connecting:before{content:"\e99d"}.icon-integration-ci-cd:before{content:"\e99f"}.icon-logo-docker:before{content:"\e9a0"}.icon-uniF111:before{content:"\f111"}.icon-uniF11B:before{content:"\f11b"}.icon-uniF102:before{content:"\f102"}.icon-uniF129:before{content:"\f129"}.icon-uniF112:before{content:"\f112"}.icon-uniF110:before{content:"\f110"}.icon-uniF11C:before{content:"\f11c"}.icon-uniF105:before{content:"\f105"}.icon-uniF12F:before{content:"\f12f"}.icon-uniF126:before{content:"\f126"}.icon-uniF103:before{content:"\f103"}.icon-uniF109:before{content:"\f109"}.icon-uniF115:before{content:"\f115"}.icon-uniF11F:before{content:"\f11f"}.icon-uniF10E:before{content:"\f10e"}.icon-uniF107:before{content:"\f107"}.icon-uniF119:before{content:"\f119"}.icon-uniF128:before{content:"\f128"}.icon-uniF12B:before{content:"\f12b"}.icon-uniF101:before{content:"\f101"}.icon-uniF122:before{content:"\f122"}.icon-uniF10F:before{content:"\f10f"}.icon-uniF11A:before{content:"\f11a"}.icon-uniF124:before{content:"\f124"}.icon-uniF121:before{content:"\f121"}.icon-uniF113:before{content:"\f113"}.icon-uniF114:before{content:"\f114"}.icon-uniF12E:before{content:"\f12e"}.icon-uniF11D:before{content:"\f11d"}.icon-uniF100:before{content:"\f100"}.icon-uniF11E:before{content:"\f11e"}.icon-uniF106:before{content:"\f106"}.icon-uniF10D:before{content:"\f10d"}.icon-uniF10C:before{content:"\f10c"}.icon-uniF10A:before{content:"\f10a"}.icon-uniF120:before{content:"\f120"}.icon-uniF10B:before{content:"\f10b"}.icon-uniF118:before{content:"\f118"}.icon-uniF130:before{content:"\f130"}.icon-uniF127:before{content:"\f127"}.icon-uniF104:before{content:"\f104"}.icon-uniF123:before{content:"\f123"}.icon-uniF125:before{content:"\f125"}.icon-uniF12A:before{content:"\f12a"}.icon-uniF131:before{content:"\f131"}.icon-uniF117:before{content:"\f117"}.icon-uniF108:before{content:"\f108"}.icon-uniF12D:before{content:"\f12d"}.icon-uniF116:before{content:"\f116"}.icon-uniF12C:before{content:"\f12c"}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Thin/font.woff2) format("woff2"), url(../fonts/AvertaStdPE-Thin/font.woff) format("woff");
    font-weight: 200
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Light/font.woff2) format("woff2"), url(../fonts/AvertaStdPE-Light/font.woff) format("woff");
    font-weight: 300
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Regular/font.woff2) format("woff2"), url(../fonts/AvertaStdPE-Regular/font.woff) format("woff");
    font-weight: 400
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Semibold/font.woff2) format("woff2"), url(../fonts/AvertaStdPE-Semibold/font.woff) format("woff");
    font-weight: 600
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Bold/font.woff2) format("woff2"), url(../fonts/AvertaStdPE-Bold/font.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Extrabold/font.woff2) format("woff2"), url(../fonts/AvertaStdPE-Extrabold/font.woff) format("woff");
    font-weight: 800
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPE-Black/font.woff2) format("woff2"), url(../fonts/AvertaStdPE-Black/font.woff) format("woff");
    font-weight: 900
}

/*!normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css*/

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

audio,
canvas,
progress,
video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

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

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

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

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}
.banner__content.home.land1 {
    max-width: 700px;
}
img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

hr {
    overflow: visible;
    box-sizing: content-box;
    height: 0
}
section.section.section--sides.section--graphic-left.section--migrate-website .section__title {
    color: #fff;
}
section.section.section--sides.section--graphic-left.section--migrate-website .migrate {
    color: #fff;
}
.migrate-towekihost img {
    width: 38% !important;
}
.section--powerful-add-ons h2 {
    color: #fff;
}
button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

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

textarea {
    overflow: auto
}

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

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

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

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

::-webkit-input-placeholder {
    opacity: .54;
    color: inherit
}

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

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

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

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

[tabindex="-1"]:focus {
    outline: none !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    cursor: help
}

address {
    font-style: normal;
    line-height: inherit
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem
}

dl,
ol,
ul {
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

a,
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: none
}

pre {
    overflow: auto;
    margin-top: 0;
    margin-bottom: 1rem
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

caption {
    caption-side: bottom
}

caption,
th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
select,
textarea {
    line-height: inherit
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}


.banner__actions-btn.migrate {
    text-align: center;
    margin-top: 70px;
}
.migrate {
    margin-top: 32px !important;
}


.migrate-towekihost {
    text-align: center;
}  
section.section.section--sides.section--graphic-left.section--migrate-website {
 
        background: linear-gradient(90deg, #093899, #040d70);
} 
.site-banner.home {
    padding-bottom: 41px;
}
 
.section--graphic-right.home {
    padding-top: 0;
    padding-bottom: 80px;
}
.section--graphic-left.home {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.illustration-banner.illustration-banner--homepage svg {
    height: 100% !important;
}
.service-box {
    transition: 0.3s;
    border: 1px solid #ccc;
    padding: 20px;
    text-align: center;
    border-radius: 15px;
    background: linear-gradient(90deg, #f0eef9 .21%, #efedf5 36.63%, #fdfdff 90.75%);
}
.pro-services {
    padding-bottom: 100px;
    padding-top: 81px;
}
.pro-services h2 {
    padding-bottom: 65px;
}
.hm1 {
    padding-bottom: 90px !important;
    padding-top: 57px !important;
    margin-top: 0 !important;
}
.service-box:hover {
    transform: translateY(-10px);
}

.service-icon {
    font-size: 50px;
    margin-bottom: 10px;
}


textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    font-size: 1.5rem;
    line-height: inherit;
    display: block;
    width: 100%;
    margin-bottom: .5rem;
    padding: 0
}

input[type=search] {
    -webkit-appearance: none
}

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

/*!* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden*/

.animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}
.footer .nav__item a , .copyrights-wrapper a {
    color: #fff !important;
}
.footer .nav__item a:hover, .copyrcopyrights-wrapperights a:hover  {
    color: #b5d1ef !important;
}
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px
}

@media(max-width:1387px) {
    .container {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media(max-width:1011px) {
    .container {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media(max-width:751px) {
    .container {
        padding-right: 24px;
        padding-left: 24px
    }
    .site-banner.overlap-lg+.section {
        padding-top: 70px !important;
    }
    .pricing-row {
        margin-bottom: 30px;
    }
    .plan .plan__header {
        align-items: flex-start !important;
    }
    .features.features--centered .col-lg-4.col-sm-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media(min-width:514px) {
    .container {
        max-width: 514px
    }
}

@media(min-width:752px) {
    .container {
        max-width: 752px
    }
}

@media(min-width:1012px) {
    .container {
        max-width: 1012px
    }
}

@media(min-width:1388px) {
    .container {
        max-width: 1304px
    }
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px
}

@media(max-width:1387px) {
    .container-fluid {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media(max-width:1011px) {
    .container-fluid {
        padding-right: 32px;
        padding-left: 32px
    }
}

@media(max-width:751px) {
    .container-fluid {
        padding-right: 24px;
        padding-left: 24px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px
}

.flex-1 {
    flex: 1
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-20p {
    flex: 0 0 20%;
    max-width: 20%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media(min-width:514px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-20p {
        flex: 0 0 20%;
        max-width: 20%
    }
    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
}
.feature__icon svg {
    width: 126px;
    height: 106px;
   
}
@media(min-width:752px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-20p {
        flex: 0 0 20%;
        max-width: 20%
    }
    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:1012px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-20p {
        flex: 0 0 20%;
        max-width: 20%
    }
    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media(min-width:1388px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-20p {
        flex: 0 0 20%;
        max-width: 20%
    }
    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.row--xs {
    margin-left: -8px;
    margin-right: -8px
}

.row--xs [class*=col-] {
    padding: 0 8px
}

.row--sm {
    margin-left: -12px;
    margin-right: -12px
}

.row--sm [class*=col-] {
    padding: 0 12px
}

.row--lg {
    margin-right: -24px;
    margin-left: -24px
}

.row--lg [class*=col-] {
    padding: 0 24px
}

.row--eq-height>* {
    display: flex;
    flex-direction: column
}

.row--eq-height>*>* {
    flex-grow: 1
}

@media(max-width:751px) {
    .row--mob-xs {
        margin-left: -16px;
        margin-right: -16px
    }
    .row--mob-xs>* {
        padding: 0 16px
    }
    .row--mob-sm {
        margin-left: -24px;
        margin-right: -24px
    }
    .row--mob-sm>* {
        padding: 0 24px
    }
    .row--mob-lg {
        margin-right: -48px;
        margin-left: -48px
    }
    .row--mob-lg>* {
        padding: 0 48px
    }
    .row--mob.no-gutters {
        margin-right: 0;
        margin-left: 0
    }
    .row--mob.no-gutters>.col,
    .row--mob.no-gutters>[class*=col-] {
        padding-right: 0;
        padding-left: 0
    }
}

.w-100 {
    width: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

@media(max-width:1387px) {
    .row {
        margin-left: -12px;
        margin-right: -12px
    }
    .row [class*=col-] {
        padding: 0 12px
    }
    .row--xs {
        margin-left: -4px;
        margin-right: -4px
    }
    .row--xs [class*=col-] {
        padding: 0 4px
    }
    .row--sm {
        margin-left: -8px;
        margin-right: -8px
    }
    .row--sm [class*=col-] {
        padding: 0 8px
    }
    .row--lg {
        margin-right: -16px;
        margin-left: -16px
    }
    .row--lg [class*=col-] {
        padding: 0 16px
    }
}

@media(max-width:1011px) {
    .row {
        margin-left: -12px;
        margin-right: -12px
    }
    .row [class*=col-] {
        padding: 0 12px
    }
    .row--xs {
        margin-left: -4px;
        margin-right: -4px
    }
    .row--xs [class*=col-] {
        padding: 0 4px
    }
    .row--sm {
        margin-left: -8px;
        margin-right: -8px
    }
    .row--sm [class*=col-] {
        padding: 0 8px
    }
    .row--lg {
        margin-right: -16px;
        margin-left: -16px
    }
    .row--lg [class*=col-] {
        padding: 0 16px
    }
}

@media(max-width:751px) {
    .row {
        margin-left: -12px;
        margin-right: -12px
    }
    .row [class*=col-] {
        padding: 0 12px
    }
    .row--xs {
        margin-left: -4px;
        margin-right: -4px
    }
    .row--xs [class*=col-] {
        padding: 0 4px
    }
    .row--sm {
        margin-left: -8px;
        margin-right: -8px
    }
    .row--sm [class*=col-] {
        padding: 0 8px
    }
    .row--lg {
        margin-right: -16px;
        margin-left: -16px
    }
    .row--lg [class*=col-] {
        padding: 0 16px
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2b1f51;
    font-weight: 300;
    margin-bottom: 0
}

.h1,
h1 {
    font-size: 64px;
    font-weight: 900;
    line-height: 74px;
    margin: 0 0 24px
}

@media(max-width:1387px) {
    .h1,
    h1 {
        font-size: 52px;
        font-weight: 900;
        line-height: 68px
    }
}

@media(max-width:1011px) {
    .h1,
    h1 {
        font-size: 46px;
        font-weight: 900;
        line-height: 58px
    }
}

@media(max-width:751px) {
    .h1,
    h1 {
        font-size: 46px;
        font-weight: 900;
        line-height: 58px
    }
}

.h2,
h2 {
    font-size: 50px;
    font-weight: 800;
    line-height: 62px;
    margin: 0 0 24px
}

@media(max-width:1387px) {
    .h2,
    h2 {
        font-size: 44px;
        font-weight: 800;
        line-height: 56px
    }
}

@media(max-width:1011px) {
    .h2,
    h2 {
        font-size: 38px;
        font-weight: 800;
        line-height: 52px
    }
}

@media(max-width:751px) {
    .h2,
    h2 {
        font-size: 38px;
        font-weight: 800;
        line-height: 52px
    }
}

.h3,
h3 {
    font-size: 40px;
    font-weight: 800;
    line-height: 52px;
    margin: 0 0 15px
}

@media(max-width:1387px) {
    .h3,
    h3 {
        font-size: 38px;
        font-weight: 800;
        line-height: 50px
    }
}

@media(max-width:1011px) {
    .h3,
    h3 {
        font-size: 30px;
        font-weight: 800;
        line-height: 44px
    }
}

@media(max-width:751px) {
    .h3,
    h3 {
        font-size: 30px;
        font-weight: 800;
        line-height: 44px
    }
}

.h4,
h4 {
    font-size: 36px;
    font-weight: 800;
    line-height: 44px;
    margin: 0 0 16px
}

@media(max-width:1387px) {
    .h4,
    h4 {
        font-size: 32px;
        font-weight: 800;
        line-height: 42px
    }
}

@media(max-width:1011px) {
    .h4,
    h4 {
        font-size: 26px;
        font-weight: 800;
        line-height: 38px
    }
}

@media(max-width:751px) {
    .h4,
    h4 {
        font-size: 26px;
        font-weight: 800;
        line-height: 38px
    }
}

.h5,
h5 {
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
    margin: 0 0 16px
}

@media(max-width:1387px) {
    .h5,
    h5 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }
}

@media(max-width:1011px) {
    .h5,
    h5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px
    }
}

@media(max-width:751px) {
    .h5,
    h5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px
    }
}

.h6,
h6 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 16px
}

@media(max-width:1387px) {
    .h6,
    h6 {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

@media(max-width:1011px) {
    .h6,
    h6 {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px
    }
}

@media(max-width:751px) {
    .h6,
    h6 {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px
    }
}

*+.h1,
*+h1 {
    margin-top: 32px
}

*+.h2,
*+.h3,
*+.h4,
*+.h5,
*+.h6,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
    margin-top: 24px
}

.type-1,
.type-2,
.type-3,
.type-4,
.type-5,
.type-6,
.type-7,
.type-8,
.type-9 {
    color: #2b1f51
}

.type-1 {
    font-size: 64px !important;
    font-weight: 900 !important;
    line-height: 74px !important
}

@media(max-width:1387px) {
    .type-1 {
        font-size: 52px !important;
        font-weight: 900 !important;
        line-height: 68px !important
    }
}

@media(max-width:1011px) {
    .type-1 {
        font-size: 46px !important;
        font-weight: 900 !important;
        line-height: 58px !important
    }
}

@media(max-width:751px) {
    .type-1 {
        font-size: 46px !important;
        font-weight: 900 !important;
        line-height: 58px !important
    }
}

.type-2 {
    font-size: 50px !important;
    font-weight: 800 !important;
    line-height: 62px !important
}

@media(max-width:1387px) {
    .type-2 {
        font-size: 44px !important;
        font-weight: 800 !important;
        line-height: 56px !important
    }
}

@media(max-width:1011px) {
    .type-2 {
        font-size: 38px !important;
        font-weight: 800 !important;
        line-height: 52px !important
    }
}

@media(max-width:751px) {
    .type-2 {
        font-size: 38px !important;
        font-weight: 800 !important;
        line-height: 52px !important
    }
}

.type-3 {
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 52px !important
}

@media(max-width:1387px) {
    .type-3 {
        font-size: 38px !important;
        font-weight: 800 !important;
        line-height: 50px !important
    }
}

@media(max-width:1011px) {
    .type-3 {
        font-size: 30px !important;
        font-weight: 800 !important;
        line-height: 44px !important
    }
}

@media(max-width:751px) {
    .type-3 {
        font-size: 30px !important;
        font-weight: 800 !important;
        line-height: 44px !important
    }
}

.type-4 {
    font-size: 36px !important;
    font-weight: 800 !important;
    line-height: 44px !important
}

@media(max-width:1387px) {
    .type-4 {
        font-size: 32px !important;
        font-weight: 800 !important;
        line-height: 42px !important
    }
}

@media(max-width:1011px) {
    .type-4 {
        font-size: 26px !important;
        font-weight: 800 !important;
        line-height: 38px !important
    }
}

@media(max-width:751px) {
    .type-4 {
        font-size: 26px !important;
        font-weight: 800 !important;
        line-height: 38px !important
    }
}

.type-5 {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 34px !important
}

@media(max-width:1387px) {
    .type-5 {
        font-size: 24px !important;
        font-weight: 700 !important;
        line-height: 32px !important
    }
}

@media(max-width:1011px) {
    .type-5 {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 30px !important
    }
}

@media(max-width:751px) {
    .type-5 {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 30px !important
    }
}

.type-6 {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 30px !important
}

@media(max-width:1387px) {
    .type-6 {
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 28px !important
    }
}

@media(max-width:1011px) {
    .type-6 {
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 26px !important
    }
}

@media(max-width:751px) {
    .type-6 {
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 26px !important
    }
}

.h1 .heading,
.h2 .heading,
.h3 .heading,
.h4 .heading,
.type-1 .heading,
.type-2 .heading,
.type-3 .heading,
.type-4 .heading,
h1 .heading,
h2 .heading,
h3 .heading,
h4 .heading {
    font-size: 13px;
    line-height: 16px;
    color: #2b1f51;
    display: block
}

.h1 .suffix,
.h2 .suffix,
.h3 .suffix,
.h4 .suffix,
.type-1 .suffix,
.type-2 .suffix,
.type-3 .suffix,
.type-4 .suffix,
h1 .suffix,
h2 .suffix,
h3 .suffix,
h4 .suffix {
    font-size: 16px;
    line-height: 1
}

.h1 small,
.h2 small,
.h3 small,
.h4 small,
.type-1 small,
.type-2 small,
.type-3 small,
.type-4 small,
h1 small,
h2 small,
h3 small,
h4 small {
    font-size: 50%
}

.h1 sup,
.h2 sup,
.h3 sup,
.h4 sup,
.type-1 sup,
.type-2 sup,
.type-3 sup,
.type-4 sup,
h1 sup,
h2 sup,
h3 sup,
h4 sup {
    font-size: 50%;
    line-height: inherit;
    margin-right: 5px;
    vertical-align: super;
    top: -.1em
}

.h5 .type-6 .heading,
.h6 .heading,
.type-5 .heading,
h5 .heading,
h6 .heading {
    font-size: 11px;
    line-height: 16px;
    color: #2b1f51;
    display: block
}

.h5 .type-6 .suffix,
.h6 .suffix,
.type-5 .suffix,
h5 .suffix,
h6 .suffix {
    font-weight: 300;
    font-size: 80%
}

.h5 .type-6 small,
.h6 small,
.type-5 small,
h5 small,
h6 small {
    font-size: 85%
}

.h5 .type-6 sup,
.h6 sup,
.type-5 sup,
h5 sup,
h6 sup {
    font-size: 50%;
    line-height: inherit;
    margin-right: 5px;
    vertical-align: super;
    top: 0
}

.font-medium,
b,
strong {
    font-weight: 700
}

p {
    color: #242b34;
}

p a {
    color: #0d3c9f;
    text-decoration: underline
}

.p-1 {
    font-size: 24px;
    font-weight: 300;
    line-height: 40px
}

@media(max-width:1387px) {
    .p-1 {
        font-size: 20px;
        font-weight: 300;
        line-height: 32px
    }
}

@media(max-width:1011px) {
    .p-1 {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px
    }
}

@media(max-width:751px) {
    .p-1 {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px
    }
}

.p-2 {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px
}

@media(max-width:1387px) {
    .p-2 {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px
    }
}

@media(max-width:1011px) {
    .p-2 {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

@media(max-width:751px) {
    .p-2 {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

.p-3 {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px
}

@media(max-width:1387px) {
    .p-3 {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

@media(max-width:1011px) {
    .p-3 {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

@media(max-width:751px) {
    .p-3 {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

.p-4 {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

@media(max-width:1387px) {
    .p-4 {
        font-size: 15px;
        line-height: 24px
    }
}

@media(max-width:1011px) {
    .p-4 {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:751px) {
    .p-4 {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

.lead {
    font-size: 18px;
    line-height: 28px
}

a {
    color: #2b1f51;
    transition: color .3s
}

a:hover {
    color: #0d3c9f
}

a:active,
a:focus {
    outline: none;
    color: #0d3c9f
}

* {
    box-sizing: border-box
}

.app,
body {
    margin: 0;
    padding: 0;
    background: 0 0;
    font-family: roboto,sans-serif;
    font-size: 19px;
    font-weight: 4000;
    line-height: 30px;
}

@media(max-width:1387px) {
    .app,
    body {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

@media(max-width:1011px) {
    .app,
    body {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

@media(max-width:751px) {
    .app,
    body {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

.app.is-open,
body.is-open {
    overflow-y: hidden
}

.app.no-scroll,
body.no-scroll {
    overflow: hidden;
    position: fixed;
    min-height: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

img {
    max-width: 100%
}

code {
    background-color: #f5f5f5;
    color: #ff3860;
    font-weight: 400;
    padding: .25em .5em
}

code,
pre {
    font-size: inherit
}

pre {
    padding: 16px;
    background: #fff;
    border: none;
    color: #524972
}

hr {
    border: 0;
    padding: 0;
    margin: 30px 0;
    border-bottom: 1px solid #fff
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.box-shadow-sm {
    box-shadow: 0 2px 5px -1px rgba(30, 45, 70, .05) !important
}

.box-shadow-d {
    box-shadow: 0 2px 10px -1px rgba(30, 45, 70, .05) !important
}

.box-shadow-lg {
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06) !important
}

.is-boxed {
    background: #fff;
    box-shadow: 0 2px 10px -1px rgba(30, 45, 70, .05);
    border-radius: 0;
    border: 1px solid #fff;
    padding: 24px
}

.is-condensed {
    padding: 0 !important;
    margin: 0 !important
}

.is-right {
    justify-content: end;
    float: right !important;
    margin-left: auto !important
}

.is-left {
    justify-content: start;
    float: left !important;
    margin-right: auto !important
}

.is-fixed {
    position: fixed !important;
    z-index: 999
}

.is-absolute {
    position: absolute !important
}

.hidden,
.is-hidden {
    display: none !important
}

.animated {
    visibility: visible !important
}

.is-disabled,
:disabled,
[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .5
}

.is-read-only {
    cursor: auto
}

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

.border-white {
    border-color: #fff !important
}

.alert {
    margin-bottom: 16px;
    border: 1px solid transparent;
    width: 100%;
    padding: 13px 16px;
    font-size: 18px;
    border-radius: 12px;
    text-align: left
}

.alert,
.alert>.container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap
}

.alert__body {
    flex: 1;
    margin-right: auto
}

.alert__body p {
    margin-bottom: 0
}

.alert__body *+ul {
    padding-top: 8px
}

.alert__body>:last-child {
    margin-bottom: 0
}

.alert__title {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 8px;
    color: inherit
}

@media(max-width:1387px) {
    .alert__title {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

@media(max-width:1011px) {
    .alert__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

@media(max-width:751px) {
    .alert__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

.alert__actions {
    display: flex;
    flex: 0 1 auto;
    white-space: nowrap
}

.alert__actions:first-child {
    margin-right: 16px
}

.alert__actions:last-child {
    margin-left: 16px
}

.alert__actions--block {
    flex: auto;
    width: 100%
}

.alert__actions--block:last-child {
    margin: 16px 0 0
}

.alert__actions--block:first-child {
    margin: 0 0 16px
}

.alert__actions>*+* {
    margin-left: 16px
}

.alert__addon,
.alert__icon {
    flex: 0 1 auto;
    white-space: nowrap
}

.alert__addon:first-child,
.alert__icon:first-child {
    margin-right: 16px !important
}

.alert__addon:last-child,
.alert__icon:last-child {
    margin-left: 16px !important
}

.alert__icon {
    align-self: center
}

.alert.has-negative-actions .alert__actions:first-child,
.alert.has-negative-actions .alert__actions:last-child {
    margin: -10px 0
}

.alert .btn--close .btn__icon {
    color: hsla(0, 0%, 100%, .5) !important
}

.alert .btn--close:hover .btn__icon {
    color: hsla(0, 0%, 100%, .8) !important
}

.alert--faded .btn--close .btn__icon,
.alert--outline .btn--close .btn__icon {
    color: rgba(0, 0, 0, .5) !important
}

.alert--faded .btn--close:hover .btn__icon,
.alert--outline .btn--close:hover .btn__icon {
    color: rgba(0, 0, 0, .8) !important
}

.alert--outline {
    border: 1px solid
}

.alert--border-left:after,
.alert--border-right:after {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    content: "";
    border-radius: 12px 0 0 12px;
    border-left: 4px solid
}

.alert--border-left.alert--float,
.alert--border-right.alert--float {
    border-radius: 12px 0 0 12px
}

.alert--border-right:after {
    right: -1px;
    left: auto
}

.alert--border-right.alert--float,
.alert--border-right:after {
    border-radius: 0 12px 12px 0
}

.alert--success {
    color: #fff;
    background: #009a64
}

.alert--success.alert--faded {
    color: #009a64;
    background: #cfeae0
}

.alert--info {
    color: #fff;
    background: #4685ef
}

.alert--info.alert--faded {
    color: #4685ef;
    background: #c6d8f5
}

.alert--warning {
    color: #fff;
    background: #ea862b
}

.alert--warning.alert--faded {
    color: #ea862b;
    background: #f4cfad
}

.alert--danger {
    color: #fff;
    background: #d83a3a
}

.alert--danger.alert--faded {
    color: #d83a3a;
    background: #eaadad
}

.alert--outline {
    background: #fff
}

.alert--outline.alert--success {
    color: #009a64;
    border-color: #009a64
}

.alert--outline.alert--info {
    color: #4685ef;
    border-color: #4685ef
}

.alert--outline.alert--warning {
    color: #ea862b;
    border-color: #ea862b
}

.alert--outline.alert--danger {
    color: #d83a3a;
    border-color: #d83a3a
}

.alert--dismiss {
    align-items: flex-start;
    padding-right: 68px
}

.alert--dismiss .btn--close {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -26px
}

.alert--dismiss .btn--close.btn--xs {
    margin-top: -22px
}

.alert--dismiss .btn--close.btn--sm {
    margin-top: -24px
}

.alert--dismiss .btn--close.btn--lg {
    margin-top: -30px
}

.alert--dismiss .btn--close.btn--xlg {
    margin-top: -32px
}

.alert--float {
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .2);
    flex-direction: column;
    align-items: flex-start;
    width: 320px;
    max-width: 320px;
    border: none
}

.alert--float .alert__actions {
    margin: 12px 0 0
}

.alert--float.alert--icon:before {
    top: 50%;
    margin-top: -12px
}

.alert--fixed {
    position: fixed;
    left: 0;
    z-index: 10001;
    display: none;
    overflow: hidden;
    width: 100%;
    margin: 0;
    border-color: transparent;
    border-radius: 0
}

.alert--fixed>.container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.alert--fixed.alert--fixed-top {
    top: 0
}

.alert--fixed.alert--fixed-bottom {
    bottom: 0
}

.alert--fixed.is-active {
    display: flex
}

.alert--xs {
    padding: 7px 10px;
    font-size: 16px;
    line-height: 26px;
    border-radius: 8px
}

.alert--xs .alert__title {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

@media(max-width:1387px) {
    .alert--xs .alert__title {
        font-size: 15px;
        line-height: 24px
    }
}

@media(max-width:1011px) {
    .alert--xs .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:751px) {
    .alert--xs .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

.alert--sm {
    padding: 10px;
    font-size: 16px;
    line-height: 26px;
    border-radius: 8px
}

.alert--sm .alert__title {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

@media(max-width:1387px) {
    .alert--sm .alert__title {
        font-size: 15px;
        line-height: 24px
    }
}

@media(max-width:1011px) {
    .alert--sm .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:751px) {
    .alert--sm .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

.alert--lg {
    padding: 16px 15px;
    font-size: 20px;
    line-height: 32px;
    border-radius: 16px
}

.alert--lg .alert__title {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px
}

@media(max-width:1387px) {
    .alert--lg .alert__title {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

@media(max-width:1011px) {
    .alert--lg .alert__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

@media(max-width:751px) {
    .alert--lg .alert__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

.alert--xlg {
    padding: 23px;
    font-size: 20px;
    line-height: 32px
}

.alert--xlg .alert__title {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

@media(max-width:1387px) {
    .alert--xlg .alert__title {
        font-size: 15px;
        line-height: 24px
    }
}

@media(max-width:1011px) {
    .alert--xlg .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:751px) {
    .alert--xlg .alert__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

.alert.has-negative-actions.alert--sm .alert__actions:first-child,
.alert.has-negative-actions.alert--sm .alert__actions:last-child {
    margin: -7px 0
}

.alert.has-negative-actions.alert--lg .alert__actions:first-child,
.alert.has-negative-actions.alert--lg .alert__actions:last-child,
.alert.has-negative-actions.alert--xlg .alert__actions:first-child,
.alert.has-negative-actions.alert--xlg .alert__actions:last-child {
    margin: -10px 0
}

.alert.has-icon.alert--xs {
    padding-left: 32px
}

.alert.has-icon.alert--xs:before {
    left: 7px;
    height: 16px;
    width: 16px;
    margin-top: -8px;
    font-size: 16px;
    line-height: 14px
}

.alert.has-icon.alert--sm {
    padding-left: 40px
}

.alert.has-icon.alert--sm:before {
    left: 7px
}

.alert.has-icon.alert--lg {
    padding-left: 56px
}

.alert.has-icon.alert--lg:before {
    left: 15px
}

.alert.has-icon.alert--xlg {
    padding-left: 72px
}

.alert.has-icon.alert--xlg:before {
    left: 23px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    font-size: 32px;
    line-height: 30px
}

@media(max-width:751px) {
    .alert {
        flex-direction: column;
        align-items: flex-start
    }
    .alert .alert__actions {
        padding-top: 16px;
        padding-bottom: 8px
    }
    .alert--dismiss {
        flex-direction: row
    }
    .alert--dismiss .alert__actions {
        padding: 0
    }
    .alert--dismiss .alert__body {
        padding-right: 8px
    }
    .alert--float {
        width: 290px
    }
    .alert.alert--fixed-bottom>.container {
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
        width: 100%
    }
    .alert.alert--fixed-bottom .alert__actions {
        margin: 12px -2px 0
    }
    .alert.alert--fixed-top>.container {
        margin: 0;
        width: 100%
    }
    .alert.alert--fixed-top .alert__actions .btn {
        margin-bottom: 0
    }
    .alert.alert--fixed .alert__actions {
        padding: 0
    }
}

@media(max-width:513px) {
    .alert .alert__actions {
        padding-bottom: 0;
        white-space: normal
    }
    .alert .alert__actions>* {
        margin-left: 0;
        margin-bottom: 8px
    }
    .alert .alert__actions>:last-child {
        margin-bottom: 0
    }
}

.avatar {
    height: 48px;
    width: 48px;
    min-width: 48px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden
}

.avatar--square {
    border-radius: 4px
}

.account {
    display: flex;
    align-items: center;
    align-self: stretch
}

.account:active,
.account:focus,
.account:hover {
    text-decoration: none
}

.account__avatar+.account__details,
.account__avatar+.account__name,
.account__details+.account__avatar,
.account__name+.account__avatar {
    margin-left: 16px
}

.account__link {
    display: flex;
    text-decoration: none;
    align-items: center
}

.account__details {
    flex-grow: 1
}

.account__name {
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.preloader-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    width: 100%
}

.preloader {
    position: relative
}

.preloader,
.preloader:before {
    display: inline-block;
    width: 24px;
    height: 24px
}

.preloader:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    animation: rotation .6s linear infinite;
    border: 3px solid rgba(0, 0, 0, .1);
    border-top: 2px solid #0d3c9f;
    border-radius: 100%
}

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

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

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

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

.btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color .3s, background .3s, color .3s;
    vertical-align: top;
    white-space: nowrap;
    border: 1px solid transparent;
    outline: 0;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    padding: 0 24px;
    height: 52px;
    border-radius: 6px
}

.btn .btn__icon {
    font-size: 24px
}

.btn .btn__icon:first-child {
    margin-left: -16px
}

.btn .btn__icon:last-child {
    margin-right: -16px
}

.btn .btn__icon+.btn__text,
.btn .btn__text+.btn__icon {
    margin-left: 8px
}

@media(max-width:1387px) {
    .btn {
        font-size: 17px;
        line-height: 28px;
        height: 48px;
        border-radius: 4px
    }
}

@media(max-width:1011px) {
    .btn {
        font-size: 16px;
        line-height: 26px;
        height: 46px;
        border-radius: 4px
    }
}

@media(max-width:751px) {
    .btn {
        font-size: 16px;
        line-height: 26px;
        height: 46px;
        border-radius: 4px
    }
}

.btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: inherit;
    font-size: 24px;
    line-height: 24px
}

.btn__icon-arrow {
    opacity: .4;
    font-size: 19px
}

.btn__icon-arrow:last-child {
    margin-right: -6px
}

.btn__text+.btn__icon {
    order: 2
}

.btn__preloader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    margin: auto
}

.btn__text .badge {
    background: #fff;
    border: 1px solid #fff;
    margin-left: 8px
}

.btn__label {
    color: #9d9da6;
    font-weight: 400
}

.btn__label+.btn__text {
    margin-left: 8px
}

.btn.drop-enabled,
.btn:active,
.btn:focus,
.btn:hover {
    cursor: pointer;
    text-decoration: none;
    outline: 0
}

.btn.btn--block {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex: 1 auto
}

.btn.btn--outline {
    border: 1px solid
}

.btn.btn--outline .btn__preloader:before {
    border-top: 2px solid #0d3c9f
}

.btn.btn--rounded {
    border-radius: 100px
}

.btn.btn--icon {
    padding: 0 !important
}

.btn.btn--icon .btn__icon {
    margin: 0 !important
}

.btn.btn--link {
    background: 0 0;
    box-shadow: none;
    border: transparent;
}

.btn.btn--link.drop-enabled,
.btn.btn--link.is-active,
.btn.btn--link:active,
.btn.btn--link:focus,
.btn.btn--link:hover {
    background: 0 0;
    color: #0d3c9f
}

 
.btn.is-loading .btn__preloader {
    visibility: visible
}

.btn.is-loading .btn__icon,
.btn.is-loading .btn__text {
    visibility: hidden
}

@media(max-width:751px) {
    .btn.btn--mob-link {
        background: 0 0;
        box-shadow: none;
        border: transparent;
        color: #524972
    }
    .btn.btn--mob-link.drop-enabled,
    .btn.btn--mob-link.is-active,
    .btn.btn--mob-link:active,
    .btn.btn--mob-link:focus,
    .btn.btn--mob-link:hover {
        background: 0 0;
        color: #0d3c9f
    }
    .btn.btn--mob-link.btn--plain {
        color: #524972
    }
    .btn.btn--mob-icon {
        padding: 0
    }
    .btn.btn--mob-icon .btn__icon {
        margin: 0 !important
    }
    .btn.btn--mob-icon .btn__text {
        display: none
    }
    .btn.btn--mob-block {
        display: flex;
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
        flex: 1 auto
    }
}

.btn--xs {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    padding: 0 24px;
    height: 44px;
    border-radius: 4px
}

.btn--xs .btn__icon {
    font-size: 24px
}

.btn--xs .btn__icon:first-child {
    margin-left: -16px
}

.btn--xs .btn__icon:last-child {
    margin-right: -16px
}

.btn--xs .btn__icon+.btn__text,
.btn--xs .btn__text+.btn__icon {
    margin-left: 8px
}

@media(max-width:1387px) {
    .btn--xs {
        font-size: 15px;
        line-height: 24px;
        height: 40px
    }
}

@media(max-width:1011px) {
    .btn--xs {
        font-size: 14px;
        line-height: 22px;
        height: 40px
    }
}

@media(max-width:751px) {
    .btn--xs {
        font-size: 14px;
        line-height: 22px;
        height: 40px
    }
}

.btn--sm {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    padding: 0 24px;
    height: 48px;
    border-radius: 6px
}

.btn--sm .btn__icon {
    font-size: 24px
}

.btn--sm .btn__icon:first-child {
    margin-left: -16px
}

.btn--sm .btn__icon:last-child {
    margin-right: -16px
}

.btn--sm .btn__icon+.btn__text,
.btn--sm .btn__text+.btn__icon {
    margin-left: 8px
}

@media(max-width:1387px) {
    .btn--sm {
        font-size: 15px;
        line-height: 24px;
        height: 44px;
        border-radius: 4px
    }
}

@media(max-width:1011px) {
    .btn--sm {
        font-size: 14px;
        line-height: 22px;
        height: 42px;
        border-radius: 4px
    }
}

@media(max-width:751px) {
    .btn--sm {
        font-size: 14px;
        line-height: 22px;
        height: 42px;
        border-radius: 4px
    }
}

.btn--d {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    padding: 0 24px;
    height: 52px;
    border-radius: 6px
}

.btn--d .btn__icon {
    font-size: 24px
}

.btn--d .btn__icon:first-child {
    margin-left: -16px
}

.btn--d .btn__icon:last-child {
    margin-right: -16px
}

.btn--d .btn__icon+.btn__text,
.btn--d .btn__text+.btn__icon {
    margin-left: 8px
}

@media(max-width:1387px) {
    .btn--d {
        font-size: 17px;
        line-height: 28px;
        height: 48px;
        border-radius: 4px
    }
}

@media(max-width:1011px) {
    .btn--d {
        font-size: 16px;
        line-height: 26px;
        height: 46px;
        border-radius: 4px
    }
}

@media(max-width:751px) {
    .btn--d {
        font-size: 16px;
        line-height: 26px;
        height: 46px;
        border-radius: 4px
    }
}

.btn--lg {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    padding: 0 32px;
    height: 60px;
    border-radius: 6px
}

.btn--lg .btn__icon {
    font-size: 24px
}

.btn--lg .btn__icon:first-child {
    margin-left: -24px
}

.btn--lg .btn__icon:last-child {
    margin-right: -24px
}

.btn--lg .btn__icon+.btn__text,
.btn--lg .btn__text+.btn__icon {
    margin-left: 8px
}

@media(max-width:1387px) {
    .btn--lg {
        font-size: 18px;
        line-height: 30px;
        height: 56px;
        border-radius: 4px
    }
}

@media(max-width:1011px) {
    .btn--lg {
        font-size: 17px;
        line-height: 28px;
        height: 50px;
        border-radius: 4px
    }
}

@media(max-width:751px) {
    .btn--lg {
        font-size: 17px;
        line-height: 28px;
        height: 50px;
        border-radius: 4px
    }
}

.btn--xlg {
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    padding: 0 40px;
    height: 64px;
    border-radius: 8px
}

.btn--xlg .btn__icon {
    font-size: 24px
}

.btn--xlg .btn__icon:first-child {
    margin-left: -32px
}

.btn--xlg .btn__icon:last-child {
    margin-right: -32px
}

.btn--xlg .btn__icon+.btn__text,
.btn--xlg .btn__text+.btn__icon {
    margin-left: 8px
}

@media(max-width:1387px) {
    .btn--xlg {
        font-size: 18px;
        line-height: 30px;
        height: 56px;
        border-radius: 6px
    }
}

@media(max-width:1011px) {
    .btn--xlg {
        font-size: 18px;
        line-height: 30px;
        height: 56px;
        border-radius: 6px
    }
}

@media(max-width:751px) {
    .btn--xlg {
        font-size: 18px;
        line-height: 30px;
        height: 56px;
        border-radius: 6px
    }
}

.btn--icon {
    width: 52px;
    min-width: 52px
}

.btn--icon.btn--xs {
    width: 44px;
    min-width: 44px
}

.btn--icon.btn--sm {
    width: 48px;
    min-width: 48px
}

.btn--icon.btn--d {
    width: 52px;
    min-width: 52px
}

.btn--icon.btn--lg {
    width: 60px;
    min-width: 60px
}

.btn--icon.btn--xlg {
    width: 64px;
    min-width: 64px
}

.btn--rounded {
    padding: 0 24px
}

.btn--rounded.btn--xs {
    padding: 0 16px
}

.btn--rounded.btn--sm {
    padding: 0
}

.btn--rounded.btn--d {
    padding: 0 24px
}

.btn--rounded.btn--lg {
    padding: 0 32px
}

.btn--rounded.btn--xlg {
    padding: 0 40px
}

@media(max-width:1011px) {
    .btn--tab-xs {
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        padding: 0 24px;
        height: 44px;
        border-radius: 4px
    }
    .btn--tab-xs .btn__icon {
        font-size: 24px
    }
    .btn--tab-xs .btn__icon:first-child {
        margin-left: -16px
    }
    .btn--tab-xs .btn__icon:last-child {
        margin-right: -16px
    }
    .btn--tab-xs .btn__icon+.btn__text,
    .btn--tab-xs .btn__text+.btn__icon {
        margin-left: 8px
    }
}

@media(max-width:1011px) and (max-width:1387px) {
    .btn--tab-xs {
        font-size: 15px;
        line-height: 24px;
        height: 40px
    }
}

@media(max-width:1011px) and (max-width:1011px) {
    .btn--tab-xs {
        font-size: 14px;
        line-height: 22px;
        height: 40px
    }
}

@media(max-width:1011px) and (max-width:751px) {
    .btn--tab-xs {
        font-size: 14px;
        line-height: 22px;
        height: 40px
    }
}

@media(max-width:1011px) {
    .btn--tab-sm {
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        padding: 0 24px;
        height: 48px;
        border-radius: 6px
    }
    .btn--tab-sm .btn__icon {
        font-size: 24px
    }
    .btn--tab-sm .btn__icon:first-child {
        margin-left: -16px
    }
    .btn--tab-sm .btn__icon:last-child {
        margin-right: -16px
    }
    .btn--tab-sm .btn__icon+.btn__text,
    .btn--tab-sm .btn__text+.btn__icon {
        margin-left: 8px
    }
}

@media(max-width:1011px) and (max-width:1387px) {
    .btn--tab-sm {
        font-size: 15px;
        line-height: 24px;
        height: 44px;
        border-radius: 4px
    }
}

@media(max-width:1011px) and (max-width:1011px) {
    .btn--tab-sm {
        font-size: 14px;
        line-height: 22px;
        height: 42px;
        border-radius: 4px
    }
}

@media(max-width:1011px) and (max-width:751px) {
    .btn--tab-sm {
        font-size: 14px;
        line-height: 22px;
        height: 42px;
        border-radius: 4px
    }
}

@media(max-width:1011px) {
    .btn--tab-d {
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
        padding: 0 24px;
        height: 52px;
        border-radius: 6px
    }
    .btn--tab-d .btn__icon {
        font-size: 24px
    }
    .btn--tab-d .btn__icon:first-child {
        margin-left: -16px
    }
    .btn--tab-d .btn__icon:last-child {
        margin-right: -16px
    }
    .btn--tab-d .btn__icon+.btn__text,
    .btn--tab-d .btn__text+.btn__icon {
        margin-left: 8px
    }
}

@media(max-width:1011px) and (max-width:1387px) {
    .btn--tab-d {
        font-size: 17px;
        line-height: 28px;
        height: 48px;
        border-radius: 4px
    }
}

@media(max-width:1011px) and (max-width:1011px) {
    .btn--tab-d {
        font-size: 16px;
        line-height: 26px;
        height: 46px;
        border-radius: 4px
    }
}

@media(max-width:1011px) and (max-width:751px) {
    .btn--tab-d {
        font-size: 16px;
        line-height: 26px;
        height: 46px;
        border-radius: 4px
    }
}

@media(max-width:1011px) {
    .btn--tab-lg {
        font-size: 20px;
        font-weight: 600;
        line-height: 32px;
        padding: 0 32px;
        height: 60px;
        border-radius: 6px
    }
    .btn--tab-lg .btn__icon {
        font-size: 24px
    }
    .btn--tab-lg .btn__icon:first-child {
        margin-left: -24px
    }
    .btn--tab-lg .btn__icon:last-child {
        margin-right: -24px
    }
    .btn--tab-lg .btn__icon+.btn__text,
    .btn--tab-lg .btn__text+.btn__icon {
        margin-left: 8px
    }
}

@media(max-width:1011px) and (max-width:1387px) {
    .btn--tab-lg {
        font-size: 18px;
        line-height: 30px;
        height: 56px;
        border-radius: 4px
    }
}

@media(max-width:1011px) and (max-width:1011px) {
    .btn--tab-lg {
        font-size: 17px;
        line-height: 28px;
        height: 50px;
        border-radius: 4px
    }
}

@media(max-width:1011px) and (max-width:751px) {
    .btn--tab-lg {
        font-size: 17px;
        line-height: 28px;
        height: 50px;
        border-radius: 4px
    }
}

@media(max-width:1011px) {
    .btn--tab-xlg {
        font-size: 20px;
        font-weight: 600;
        line-height: 32px;
        padding: 0 40px;
        height: 64px;
        border-radius: 8px
    }
    .btn--tab-xlg .btn__icon {
        font-size: 24px
    }
    .btn--tab-xlg .btn__icon:first-child {
        margin-left: -32px
    }
    .btn--tab-xlg .btn__icon:last-child {
        margin-right: -32px
    }
    .btn--tab-xlg .btn__icon+.btn__text,
    .btn--tab-xlg .btn__text+.btn__icon {
        margin-left: 8px
    }
}

@media(max-width:1011px) and (max-width:1387px) {
    .btn--tab-xlg {
        font-size: 18px;
        line-height: 30px;
        height: 56px;
        border-radius: 6px
    }
}

@media(max-width:1011px) and (max-width:1011px) {
    .btn--tab-xlg {
        font-size: 18px;
        line-height: 30px;
        height: 56px;
        border-radius: 6px
    }
}

@media(max-width:1011px) and (max-width:751px) {
    .btn--tab-xlg {
        font-size: 18px;
        line-height: 30px;
        height: 56px;
        border-radius: 6px
    }
}

.btn--default,
.btn--default:hover {
    color: #524972;
    background: #fff
}

.btn--default.drop-enabled,
.btn--default.is-active,
.btn--default:active,
.btn--default:focus {
    color: #524972;
    background: #f7f7f7
}

.btn--primary {
    color: #fff;
    background: #0d3c9f
}

.btn--primary:hover {
    color: #fff;
    background: #0d3c9f
}

.btn--primary.drop-enabled,
.btn--primary.is-active,
.btn--primary:active,
.btn--primary:focus {
    color: #fff;
    background: #0d3c9f
}

.btn--secondary {
    color: #fff;
    background: #f67a3c !important;
    border: 1px solid transparent !important;
}

.btn--secondary:hover {
    color: #fff;
    background: #f8905c !important
}

.btn--secondary.drop-enabled,
.btn--secondary.is-active,
.btn--secondary:active,
.btn--secondary:focus {
    color: #fff;
    background: #ba4409
}

.btn--success {
    color: #fff;
    background: #009a64
}

.btn--success:hover {
    color: #fff;
    background: #28c08b
}

.btn--success.drop-enabled,
.btn--success.is-active,
.btn--success:active,
.btn--success:focus {
    color: #fff;
    background: #067850
}

.btn--info {
    color: #fff;
    background: #4685ef
}

.btn--info:hover {
    color: #fff;
    background: #79a9fb
}

.btn--info.drop-enabled,
.btn--info.is-active,
.btn--info:active,
.btn--info:focus {
    color: #fff;
    background: #2160c9
}

.btn--warning {
    color: #fff;
    background: #ea862b
}

.btn--warning:hover {
    color: #fff;
    background: #faa556
}

.btn--warning.drop-enabled,
.btn--warning.is-active,
.btn--warning:active,
.btn--warning:focus {
    color: #fff;
    background: #c16917
}

.btn--danger {
    color: #fff;
    background: #d83a3a
}

.btn--danger:hover {
    color: #fff;
    background: #f46a6a
}

.btn--danger.drop-enabled,
.btn--danger.is-active,
.btn--danger:active,
.btn--danger:focus {
    color: #fff;
    background: #af1c1c
}

.btn--light-overlay {
    color: #fff;
    background: hsla(0, 0%, 100%, .3)
}

.btn--light-overlay:hover {
    color: #fff;
    background: hsla(0, 0%, 100%, .4)
}

.btn--light-overlay.drop-enabled,
.btn--light-overlay.is-active,
.btn--light-overlay:active,
.btn--light-overlay:focus {
    color: #fff;
    background: hsla(0, 0%, 100%, .1)
}

.btn--dark-overlay {
    color: #fff;
    background: rgba(0, 0, 0, .15)
}

.btn--dark-overlay:hover {
    color: #fff;
    background: rgba(0, 0, 0, .1)
}

.btn--dark-overlay.drop-enabled,
.btn--dark-overlay.is-active,
.btn--dark-overlay:active,
.btn--dark-overlay:focus {
    color: #fff;
    background: rgba(0, 0, 0, .2)
}

.btn--plain {
    background-color: #fff;
    color: #524972
}

.btn--outline {
    background: 0 0;
    box-shadow: none
}

.btn--outline.btn--default {
    color: #524972;
    border-color: #fff
}

.btn--outline.btn--default:hover {
    color: #524972;
    background: 0 0;
    border-color: #fff
}

.btn--outline.btn--default.drop-enabled,
.btn--outline.btn--default.is-active,
.btn--outline.btn--default:active,
.btn--outline.btn--default:focus {
    color: #524972;
    background: 0 0;
    border-color: #f7f7f7
}

.btn--outline.btn--primary {
    color: #0d3c9f;
    border-color: #0d3c9f
}

.btn--outline.btn--primary.drop-enabled,
.btn--outline.btn--primary.is-active,
.btn--outline.btn--primary:active,
.btn--outline.btn--primary:focus,
.btn--outline.btn--primary:hover {
    color: #0d3c9f;
    background: 0 0;
    border-color: #0d3c9f
}

.btn--outline.btn--secondary {
    color: #f67a3c;
    border-color: #f67a3c
}

.btn--outline.btn--secondary:hover {
    color: #f8905c;
    background: 0 0;
    border-color: #f8905c
}

.btn--outline.btn--secondary.drop-enabled,
.btn--outline.btn--secondary.is-active,
.btn--outline.btn--secondary:active,
.btn--outline.btn--secondary:focus {
    color: #ba4409;
    background: 0 0;
    border-color: #ba4409
}

.btn--outline.btn--success {
    color: #009a64;
    border-color: #009a64
}

.btn--outline.btn--success:hover {
    color: #28c08b;
    background: 0 0;
    border-color: #28c08b
}

.btn--outline.btn--success.drop-enabled,
.btn--outline.btn--success.is-active,
.btn--outline.btn--success:active,
.btn--outline.btn--success:focus {
    color: #067850;
    background: 0 0;
    border-color: #067850
}

.btn--outline.btn--info {
    color: #4685ef;
    border-color: #4685ef
}

.btn--outline.btn--info:hover {
    color: #79a9fb;
    background: 0 0;
    border-color: #79a9fb
}

.btn--outline.btn--info.drop-enabled,
.btn--outline.btn--info.is-active,
.btn--outline.btn--info:active,
.btn--outline.btn--info:focus {
    color: #2160c9;
    background: 0 0;
    border-color: #2160c9
}

.btn--outline.btn--warning {
    color: #ea862b;
    border-color: #ea862b
}

.btn--outline.btn--warning:hover {
    color: #faa556;
    background: 0 0;
    border-color: #faa556
}

.btn--outline.btn--warning.drop-enabled,
.btn--outline.btn--warning.is-active,
.btn--outline.btn--warning:active,
.btn--outline.btn--warning:focus {
    color: #c16917;
    background: 0 0;
    border-color: #c16917
}

.btn--outline.btn--danger {
    color: #d83a3a;
    border-color: #d83a3a
}

.btn--outline.btn--danger:hover {
    color: #f46a6a;
    background: 0 0;
    border-color: #f46a6a
}

.btn--outline.btn--danger.drop-enabled,
.btn--outline.btn--danger.is-active,
.btn--outline.btn--danger:active,
.btn--outline.btn--danger:focus {
    color: #af1c1c;
    background: 0 0;
    border-color: #af1c1c
}

.btn--outline.btn--light-overlay {
    color: #fff;
    border-color: hsla(0, 0%, 100%, .4)
}

.btn--outline.btn--light-overlay.drop-enabled,
.btn--outline.btn--light-overlay.is-active,
.btn--outline.btn--light-overlay:active,
.btn--outline.btn--light-overlay:focus,
.btn--outline.btn--light-overlay:hover {
    color: #fff;
    background: 0 0;
    border-color: hsla(0, 0%, 100%, .3)
}

.btn--outline.btn--dark-overlay {
    color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .15)
}

.btn--outline.btn--dark-overlay:hover {
    color: rgba(0, 0, 0, .6);
    background: 0 0;
    border-color: rgba(0, 0, 0, .1)
}

.btn--outline.btn--dark-overlay.drop-enabled,
.btn--outline.btn--dark-overlay.is-active,
.btn--outline.btn--dark-overlay:active,
.btn--outline.btn--dark-overlay:focus {
    color: rgba(0, 0, 0, .6);
    background: 0 0;
    border-color: rgba(0, 0, 0, .2)
}

.btn--outline.btn--plain {
    color: #524972;
    border-color: #fff
}

.btn--outline .btn__icon {
    color: inherit
}

.btn--link.btn--default,
.btn--link.btn--default:hover {
    color: #524972
}

.btn--link.btn--default.drop-enabled,
.btn--link.btn--default.is-active,
.btn--link.btn--default:active,
.btn--link.btn--default:focus {
    background: 0 0 !important;
    color: #524972
}

.btn--link.btn--primary {
    color: #0d3c9f
}

.btn--link.btn--primary:hover {
    color: #0d3c9f
}

.btn--link.btn--primary.drop-enabled,
.btn--link.btn--primary.is-active,
.btn--link.btn--primary:active,
.btn--link.btn--primary:focus {
    background: 0 0 !important;
    color: #0d3c9f
}

.btn--link.btn--secondary {
    color: #f67a3c
}

.btn--link.btn--secondary:hover {
    color: #f8905c
}

.btn--link.btn--secondary.drop-enabled,
.btn--link.btn--secondary.is-active,
.btn--link.btn--secondary:active,
.btn--link.btn--secondary:focus {
    background: 0 0 !important;
    color: #ba4409
}

.btn--link.btn--success {
    color: #009a64
}

.btn--link.btn--success:hover {
    color: #28c08b
}

.btn--link.btn--success.drop-enabled,
.btn--link.btn--success.is-active,
.btn--link.btn--success:active,
.btn--link.btn--success:focus {
    background: 0 0 !important;
    color: #067850
}

.btn--link.btn--info {
    color: #4685ef
}

.btn--link.btn--info:hover {
    color: #79a9fb
}

.btn--link.btn--info.drop-enabled,
.btn--link.btn--info.is-active,
.btn--link.btn--info:active,
.btn--link.btn--info:focus {
    background: 0 0 !important;
    color: #2160c9
}

.btn--link.btn--warning {
    color: #ea862b
}

.btn--link.btn--warning:hover {
    color: #faa556
}

.btn--link.btn--warning.drop-enabled,
.btn--link.btn--warning.is-active,
.btn--link.btn--warning:active,
.btn--link.btn--warning:focus {
    background: 0 0 !important;
    color: #c16917
}

.btn--link.btn--danger {
    color: #d83a3a
}

.btn--link.btn--danger:hover {
    color: #f46a6a
}

.btn--link.btn--danger.drop-enabled,
.btn--link.btn--danger.is-active,
.btn--link.btn--danger:active,
.btn--link.btn--danger:focus {
    background: 0 0 !important;
    color: #af1c1c
}

.btn--link.btn--light-overlay,
.btn--link.btn--light-overlay:hover {
    color: #fff
}

.btn--link.btn--light-overlay.drop-enabled,
.btn--link.btn--light-overlay.is-active,
.btn--link.btn--light-overlay:active,
.btn--link.btn--light-overlay:focus {
    background: 0 0 !important;
    color: #fff
}

.btn--link.btn--dark-overlay,
.btn--link.btn--dark-overlay:hover {
    color: rgba(0, 0, 0, .6)
}

.btn--link.btn--dark-overlay.drop-enabled,
.btn--link.btn--dark-overlay.is-active,
.btn--link.btn--dark-overlay:active,
.btn--link.btn--dark-overlay:focus {
    background: 0 0 !important;
    color: rgba(0, 0, 0, .6)
}

.btn-group {
    display: inline-flex
}

.btn-group .btn {
    flex: 0 1 auto
}

.btn-group .btn+.btn {
    margin-left: -1px !important
}

.btn-group .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
    margin-right: 0
}

.btn-group:not(.btn-group--vertical) .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group:not(.btn-group--vertical) .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group--vertical {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group--vertical .btn,
.btn-group--vertical .btn-group {
    width: 100%
}

.btn-group--vertical>.btn+.btn,
.btn-group--vertical>.btn+.btn-group,
.btn-group--vertical>.btn-group+.btn,
.btn-group--vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0 !important
}

.btn-group--vertical .btn:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group--vertical .btn:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group--space-between .btn:first-child {
    border-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 16px
}

.btn-group--space-between .btn:not(:first-child):not(:last-child) {
    margin-right: 16px;
    border-radius: 4px
}

.btn-group--space-between .btn:last-child {
    border-radius: 4px
}

.btn-group[data-toggle=buttons]>.btn,
.btn-group[data-toggle=buttons]>.btn-group>.btn {
    margin: 0
}

.btn-group[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
.btn-group[data-toggle=buttons]>.btn-group>.btn input[type=radio],
.btn-group[data-toggle=buttons]>.btn input[type=checkbox],
.btn-group[data-toggle=buttons]>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.actions-group {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px
}

.actions-group .btn {
    margin-right: 16px;
    margin-bottom: 16px
}

.actions-group--spacing-1x {
    margin-right: -8px
}

.actions-group--spacing-1x .btn {
    margin-right: 8px;
    margin-bottom: 8px
}

.actions-group--spacing-3x {
    margin-right: -24px
}

.actions-group--spacing-3x .btn {
    margin-right: 24px;
    margin-bottom: 24px
}

.actions-group--spacing-4x {
    margin-right: -32px
}

.actions-group--spacing-4x .btn {
    margin-right: 32px;
    margin-bottom: 32px
}

.actions-group--spacing-5x {
    margin-right: -40px
}

.actions-group--spacing-5x .btn {
    margin-right: 40px;
    margin-bottom: 40px
}

*>.actions-group:last-child {
    margin-bottom: -16px
}

*>.actions-group--spacing-1x:last-child {
    margin-bottom: -8px
}

*>.actions-group--spacing-3x:last-child {
    margin-bottom: -24px
}

*>.actions-group--spacing-4x:last-child {
    margin-bottom: -32px
}

*>.actions-group--spacing-5x:last-child {
    margin-bottom: -40px
}

.btn.btn--min-width-sm {
    min-width: 90px
}

@media(max-width:1387px) {
    .btn.btn--min-width-sm {
        min-width: 88px
    }
}

@media(max-width:1011px) {
    .btn.btn--min-width-sm {
        min-width: 84px
    }
}

@media(max-width:751px) {
    .btn.btn--min-width-sm {
        min-width: 80px
    }
}

.btn.btn--min-width-md {
    min-width: 190px
}

@media(max-width:1387px) {
    .btn.btn--min-width-md {
        min-width: 180px
    }
}

@media(max-width:1011px) {
    .btn.btn--min-width-md {
        min-width: 150px
    }
}

@media(max-width:751px) {
    .btn.btn--min-width-md {
        min-width: 140px
    }
}

.btn.btn--min-width-lg {
    min-width: 230px
}

@media(max-width:1387px) {
    .btn.btn--min-width-lg {
        min-width: 210px
    }
}

@media(max-width:1011px) {
    .btn.btn--min-width-lg {
        min-width: 190px
    }
}

@media(max-width:751px) {
    .btn.btn--min-width-lg {
        min-width: 180px
    }
}

.btn.btn--min-width-xlg {
    min-width: 270px
}

@media(max-width:1387px) {
    .btn.btn--min-width-xlg {
        min-width: 250px
    }
}

@media(max-width:1011px) {
    .btn.btn--min-width-xlg {
        min-width: 230px
    }
}

@media(max-width:751px) {
    .btn.btn--min-width-xlg {
        min-width: 220px
    }
}

.btn.btn--min-width-xxlg {
    min-width: 326px
}

@media(max-width:1387px) {
    .btn.btn--min-width-xxlg {
        min-width: 310px
    }
}

@media(max-width:1011px) {
    .btn.btn--min-width-xxlg {
        min-width: 280px
    }
}

@media(max-width:751px) {
    .btn.btn--min-width-xxlg {
        min-width: 270px
    }
}

@media(max-width:751px) {
    .btn--responsive {
        border: none;
        padding: 8px
    }
    .btn--responsive .btn__icon {
        display: inline-flex;
        margin-left: auto !important;
        margin-right: auto !important
    }
    .btn--responsive .btn__text {
        display: none
    }
    .btn-group--space-between .btn {
        font-size: 11px;
        max-height: 40px;
        white-space: normal;
        line-height: 14px;
        text-align: left;
        margin-bottom: 16px
    }
    .btn-group--space-between .btn:last-child {
        margin-bottom: 0
    }
}

@media(max-width:513px) {
    .btn-group--space-between {
        flex-direction: column;
        margin-right: 0 !important
    }
}

.range-slider {
    position: relative;
    width: 100%
}

.range-slider,
.range-slider * {
    user-select: none;
    touch-action: none
}

.range-slider[disabled] .range-slider-connect {
    background: #b8b8b8
}

.range-slider[disabled].range-slider,
.range-slider[disabled].range-slider-handle {
    cursor: not-allowed
}

.range-slider__base {
    cursor: pointer
}

.range-slider__base,
.range-slider__connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.range-slider__connects {
    background: #efefef;
    border-radius: 200px;
    z-index: 0
}

.range-slider__connects:after,
.range-slider__connects:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 100%;
    background: #efefef
}

.range-slider__connects:before {
    background: #efefef;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    right: -12px
}

.range-slider__connects:after {
    background: #0d3c9f;
    left: auto;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    left: -12px
}

.range-slider__connect,
.range-slider__origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform-origin: 0 0
}

.range-slider__connect {
    background: #0d3c9f;
    border-radius: 200px
}

.range-slider__origin {
    right: 0;
    left: auto
}

.range-slider__handle {
    position: absolute;
    right: -9px;
    left: auto;
    width: 34px;
    height: 28px;
    top: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    background: #0d3c9f;
    height: 32px;
    width: 21px;
    border-radius: 3px
}

.range-slider__handle:active,
.range-slider__handle:focus,
.range-slider__handle:hover {
    outline: none;
    cursor: pointer
}

.range-slider__state-tap,
.range-slider__state-tap .range-slider-connect,
.range-slider__state-tap .range-slider-origin {
    transition: transform .3s
}

.range-slider__state-drag * {
    cursor: inherit !important
}

.range-slider--horizontal {
    height: 18px
}

.range-slider__pips {
    position: relative;
    height: 80px;
    top: 50%;
    left: 0;
    width: 100%
}

@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .range-slider__pips {
        top: 50%
    }
}

.range-slider__marker {
    display: none
}

.range-slider__value {
    top: 0;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    padding: 0 10px;
    transform: translate(-50%, 50%)
}

.range-slider__value.is-active {
    color: #0d3c9f
}

.collapse {
    display: none !important;
    transition: all .15s ease
}

.collapse.show {
    display: block !important
}

.collapse.show+.form-section {
    margin-top: 32px
}

.collapse__wrapper {
    width: 100%
}

.collapse+.form-section .form-section__title {
    padding-top: 0
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: all .15s ease
}

.collapse-icon {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    cursor: pointer
}

.collapse-icon:after,
.collapse-icon:before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 2px;
    background-color: #1b1c21;
    left: 4px;
    top: 10px
}

.collapse-icon:after {
    transform: rotate(90deg);
    transition: all .4s
}

.collapse-icon.rail__addon {
    margin-right: 0
}

.collapse-icon.is-active,
[aria-expanded=true] .collapse-icon {
    transition: all .4s
}

.collapse-icon.is-active:after,
[aria-expanded=true] .collapse-icon:after {
    transform: rotate(0deg)
}

.accordion--border-left .accordion__collapse {
    position: relative;
    padding-left: 40px
}

.accordion--border-left .accordion__collapse:before {
    position: absolute;
    left: 10px;
    right: 0;
    bottom: 0;
    top: 16px;
    display: block;
    width: 1px;
    content: "";
    background-color: #fff
}

.accordion--border-left .accordion__collapse>.accordion__content {
    padding-top: 16px
}

.off-canvas {
    overflow: auto;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    transform: translateX(calc(-100% - 20px));
    max-width: 380px;
    background: #fff;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    transition: transform .3s, box-shadow .3s
}

.off-canvas.is-open {
    transform: translateX(0)
}

@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .off-canvas {
        transform: translateX(-110%)
    }
}

.off-canvas__top {
    padding: 16px 24px
}

.off-canvas__top+.off-canvas__body {
    border-top: 1px solid #fff
}

.off-canvas__body {
    overflow-x: auto
}

.off-canvas__body .list-group {
    border: none
}

.off-canvas__body .list-group__item {
    padding: 16px 24px
}

.off-canvas__content {
    padding: 24px
}

.off-canvas--right {
    left: auto;
    right: 0;
    transform: translateX(calc(100% + 20px))
}

@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .off-canvas--right {
        transform: translateX(100%)
    }
}

.off-canvas--bottom,
.off-canvas--top {
    transform: translateX(0);
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 350px
}

.off-canvas--bottom.is-open,
.off-canvas--top.is-open {
    transform: translateX(0);
    transform: translateY(0)
}

.off-canvas--top {
    top: 0;
    transform: translateY(-100%)
}

.off-canvas--bottom {
    top: auto;
    bottom: 0;
    transform: translateY(100%)
}

.off-canvas-is-active {
    overflow: hidden
}

.off-canvas-is-active:after {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: block;
    content: "";
    background: hsla(0, 0%, 100%, .85)
}

.off-canvas-is-active .navbar__burger span:first-child {
    top: 50%;
    transform: rotate(135deg)
}

.off-canvas-is-active .navbar__burger span:nth-child(2) {
    left: -60px;
    opacity: 0
}

.off-canvas-is-active .navbar__burger span:nth-child(3) {
    top: 50%;
    transform: rotate(-135deg)
}

@media(max-width:1011px) {
    .off-canvas-responsive {
        overflow: auto;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 1000;
        transform: translateX(calc(-100% - 20px));
        max-width: 380px;
        background: #fff;
        box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
        transition: transform .3s, box-shadow .3s
    }
    .off-canvas-responsive.is-open {
        transform: translateX(0)
    }
}

@media(max-width:1011px) and (-ms-high-contrast:none),
screen and (max-width:1011px) and (-ms-high-contrast:active) {
    .off-canvas-responsive {
        transform: translateX(-110%)
    }
}

@media(max-width:1011px) {
    .off-canvas-responsive--right {
        left: auto;
        right: 0;
        transform: translateX(calc(100% + 20px))
    }
}

@media(max-width:1011px) and (-ms-high-contrast:none),
screen and (max-width:1011px) and (-ms-high-contrast:active) {
    .off-canvas-responsive--right {
        transform: translateX(100%)
    }
}

@media(max-width:1011px) {
    .off-canvas-responsive--bottom,
    .off-canvas-responsive--top {
        transform: translateX(0);
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 350px
    }
    .off-canvas-responsive--bottom.is-open,
    .off-canvas-responsive--top.is-open {
        transform: translateX(0);
        transform: translateY(0)
    }
    .off-canvas-responsive--top {
        top: 0;
        transform: translateY(-100%)
    }
    .off-canvas-responsive--bottom {
        top: auto;
        bottom: 0;
        transform: translateY(100%)
    }
}

.nav {
    flex-direction: column;
    margin-bottom: 0
}

.nav,
.nav__item {
    display: flex;
    flex-shrink: 0
}

.nav__item {
    position: relative;
    min-height: 52px
}

.nav__item>.btn {
    margin: 0 16px
}

.nav__item>.btn+.btn {
    margin-left: 0
}

.nav__item.is-active>.nav__link,
.nav__item.is-active>.nav__link>.nav__link-icon,
.nav__item.is-open>.nav__link,
.nav__item.is-open>.nav__link>.nav__link-icon {
    color: #0d3c9f
}

.nav__link {
    min-height: 100%;
    width: 100%;
    color: #2b1f51;
    transition: color .3s
}

.nav__link-icon {
    position: relative;
    height: 24px;
    width: 24px;
    min-width: 24px;
    font-size: 24px;
    line-height: 24px;
    color: #efefef;
    transition: color .3s;
    text-align: center
}

.nav__link-icon>.badge {
    position: absolute;
    top: -8px;
    right: -8px
}

.nav__link-icon+.nav__link-text {
    margin-left: 16px
}

.nav__link-text {
    flex-grow: 1
}

.nav__link-text+.nav__link-icon {
    margin-left: 16px
}

.nav__link-text+.nav__link-arrow {
    margin-left: 8px
}

.nav__link-arrow {
    margin-left: 8px;
    margin-right: -4px;
    opacity: .4;
    font-size: 16px;
    line-height: 24px
}

.nav__link-arrow+.nav__link-text {
    margin-left: 8px
}

.nav__link:hover,
.nav__link:hover>.nav__link-icon {
    color: #0d3c9f;
    text-decoration: none
}

.nav__link:active,
.nav__link:focus {
    color: #0d3c9f;
    outline: none
}

.nav__divider {
    margin: 8px 0;
    height: 1px;
    background: #fff
}

.nav__header {
    min-height: 52px;
    margin-top: 8px
}

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

.nav__title {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px
}

@media(max-width:1387px) {
    .nav__title {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

@media(max-width:1011px) {
    .nav__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

@media(max-width:751px) {
    .nav__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

.nav__content,
.nav__header,
.nav__link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 6px 16px
}

.nav--xs .nav__header,
.nav--xs .nav__item,
.nav .nav__sub--xs .nav__header,
.nav .nav__sub--xs .nav__item {
    min-height: 44px
}

.nav--xs .nav__link,
.nav .nav__sub--xs .nav__link {
    font-size: 16px
}

.nav--xs .nav__header,
.nav--xs .nav__link,
.nav .nav__sub--xs .nav__header,
.nav .nav__sub--xs .nav__link {
    padding: 4px 16px
}

.nav--xs .nav__divider,
.nav .nav__sub--xs .nav__divider {
    margin: 4px 0
}

.nav--sm .nav__header,
.nav--sm .nav__item,
.nav .nav__sub--sm .nav__header,
.nav .nav__sub--sm .nav__item {
    min-height: 48px
}

.nav--sm .nav__link,
.nav .nav__sub--sm .nav__link {
    font-size: 16px
}

.nav--sm .nav__header,
.nav--sm .nav__link,
.nav .nav__sub--sm .nav__header,
.nav .nav__sub--sm .nav__link {
    padding: 4px 16px
}

.nav--sm .nav__divider,
.nav .nav__sub--sm .nav__divider {
    margin: 4px 0
}

.nav--md .nav__header,
.nav--md .nav__item,
.nav .nav__sub--md .nav__header,
.nav .nav__sub--md .nav__item {
    min-height: 52px
}

.nav--md .nav__link,
.nav .nav__sub--md .nav__link {
    font-size: 18px
}

.nav--md .nav__header,
.nav--md .nav__link,
.nav .nav__sub--md .nav__header,
.nav .nav__sub--md .nav__link {
    padding: 8px 16px
}

.nav--md .nav__divider,
.nav .nav__sub--md .nav__divider {
    margin: 8px 0
}

.nav--lg .nav__header,
.nav--lg .nav__item,
.nav .nav__sub--lg .nav__header,
.nav .nav__sub--lg .nav__item {
    min-height: 60px
}

.nav--lg .nav__link,
.nav .nav__sub--lg .nav__link {
    font-size: 20px
}

.nav--lg .nav__header,
.nav--lg .nav__link,
.nav .nav__sub--lg .nav__header,
.nav .nav__sub--lg .nav__link {
    padding: 8px 16px
}

.nav--lg .nav__divider,
.nav .nav__sub--lg .nav__divider {
    margin: 8px 0
}

.nav:not(.nav--h)+.nav:not(.nav--h) {
    margin-top: 8px
}

.nav__sub {
    padding: 6px 0
}

.nav__item .nav__sub {
    position: relative;
    padding-left: 16px
}

.nav__item .nav__sub:after {
    position: absolute;
    top: 8px;
    bottom: 8px;
    display: block;
    content: "";
    width: 1px;
    background: rgba(0, 0, 0, .1)
}

.nav__item.has-dropdown>.nav__dropdown,
.nav__item.has-dropdown>.nav__sub {
    display: none
}

.nav__item.has-dropdown.is-open>.nav__dropdown,
.nav__item.has-dropdown.is-open>.nav__sub {
    display: block
}

.nav__item.has-dropdown.has-no-icon>.nav__link:after {
    display: none
}

.nav__item.is-active>.nav__link .drop-arrow,
.nav__item.is-open>.nav__link .drop-arrow {
    display: block
}

.nav__item.is-open .drop-arrow {
    z-index: 1000
}

.nav__link-caret {
    color: #fff;
    min-width: unset;
    min-height: unset;
    height: unset;
    width: unset;
    margin-left: 8px;
    position: relative
}

.nav.has-icons>.nav__item>.nav__dropdown>.nav__sub,
.nav.has-icons>.nav__item>.nav__sub {
    padding-left: 40px
}

.nav.has-icons>.nav__item>.nav__dropdown>.nav__sub:after,
.nav.has-icons>.nav__item>.nav__sub:after {
    left: 26px
}

.nav.has-icons.nav--sm>.nav__item>.nav__sub {
    padding-left: 40px
}

.nav.has-icons.nav--sm>.nav__item>.nav__sub:after {
    left: 26px
}

.nav.has-icons.nav--md>.nav__item>.nav__sub {
    padding-left: 40px
}

.nav.has-icons.nav--md>.nav__item>.nav__sub:after {
    left: 26px
}

.nav.has-icons.nav--lg>.nav__item>.nav__sub {
    padding-left: 40px
}

.nav.has-icons.nav--lg>.nav__item>.nav__sub:after {
    left: 26px
}

.nav--h {
    padding: 0;
    margin: 0;
    flex-direction: row
}

.nav--h.is-right+.nav--h.is-right {
    margin-left: 0 !important
}

.nav--tabs .nav__item {
    position: relative;
    width: auto;
    white-space: nowrap
}

.nav--tabs .nav__item.is-active,
.nav--tabs .nav__link.is-active>.nav__link {
    position: relative
}

.nav--tabs .nav__item.is-active:after,
.nav--tabs .nav__link.is-active>.nav__link:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    content: "";
    height: 2px;
    background: #0d3c9f
}

.nav--tabs.nav--h .nav__item.is-active:after,
.nav--tabs.nav--h .nav__link.is-active>.nav__link:after {
    left: 12px;
    right: 12px
}

.nav--border-left .nav__item.is-active:after,
.nav--border-left .nav__link.is-active>.nav__link:after {
    left: 0;
    right: auto;
    height: 100%;
    width: 2px
}

.nav--arrow .nav__item.is-active:after,
.nav--arrow .nav__item.is-active>.nav__link:after {
    display: block;
    position: absolute;
    bottom: -16px;
    left: 50% !important;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    content: "";
    background: #fff;
    border: 1px solid #e4e6f0;
    transform: rotate(45deg)
}

.nav--p-x-0 .nav__item,
.nav--p-x-0 .nav__link {
    padding-left: 0;
    padding-right: 0
}

.nav--p-x-0.has-icons .nav__sub:before {
    left: 8px !important
}

@media(min-width:1012px) {
    .nav--h .nav__dropdown {
        position: absolute;
        top: 100%;
        left: 16px;
        z-index: 999;
        margin: 0;
        display: none;
        min-width: 260px;
        background: #fff;
        box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
        border-radius: 3px;
        animation-name: fadeInUp;
        animation-duration: .3s;
        animation-fill-mode: both
    }
    .nav--h .nav__dropdown:after {
        display: none
    }
    .nav--h .nav__dropdown--right {
        left: auto;
        right: 0
    }
    .nav--h .nav__dropdown--left {
        left: 0;
        right: auto
    }
    .nav--h .nav__dropdown .nav__item.has-dropdown>.nav__link:after {
        content: "\f2fb"
    }
    .nav--h .nav__dropdown .nav__item.has-dropdown>.nav__link .drop-arrow--right {
        right: -8px
    }
    .nav--h .nav__dropdown .nav__item.has-dropdown>.nav__link .drop-arrow--left {
        left: -8px
    }
    .nav--h .nav__dropdown .nav__item.has-dropdown>.nav__dropdown {
        top: 0
    }
    .nav--h .nav__dropdown .nav__item.has-dropdown>.nav__dropdown--right {
        left: 100%;
        right: auto;
        margin-left: 8px
    }
    .nav--h .nav__dropdown .nav__item.has-dropdown>.nav__dropdown--left {
        left: auto;
        right: 100%;
        margin-right: 8px
    }
    .nav--h .is-open .drop-arrow {
        animation-name: fadeInUp;
        animation-duration: .3s;
        animation-fill-mode: both
    }
    .nav--h .nav__sub {
        padding-left: 0
    }
    .nav--h .nav__sub:after {
        display: none
    }
}

.brand {
    display: inline-flex;
    align-items: center
}

.brand .brand__logo {
    display: flex;
    align-items: center
}

.navbar {
    width: 100%;
    margin: 0;
    border-radius: 0;
    border: none
}

.navbar,
.navbar>.container,
.navbar>.container-fluid,
.navbar__top,
.navbar__top>.container,
.navbar__top>.container-fluid {
    display: flex;
    flex-flow: row wrap;
    align-content: start
}

.navbar,
.navbar>.container,
.navbar>.container-fluid {
    align-items: center
}

.navbar__top {
    width: 100%;
    padding: 16px 0
}

.navbar__brand {
    flex-shrink: 0;
    padding: 8px 16px
}

.navbar__burger span {
    background: hsla(0, 0%, 100%, .8)
}

.navbar__menu,
.navbar__menu>.container,
.navbar__menu>.container-fluid,
.navbar__off-canvas,
.navbar__off-canvas>.container,
.navbar__off-canvas>.container-fluid {
    display: flex;
    flex-grow: 1
}

.navbar__nav {
    display: flex
}

.navbar__nav .nav__item>.nav__link {
    padding-left: 16px;
    padding-right: 16px
}

.navbar>.container-fluid>.navbar__brand:first-child,
.navbar>.container-fluid>.navbar__menu:first-child,
.navbar>.container-fluid>.navbar__nav:first-child,
.navbar>.container>.navbar__brand:first-child,
.navbar>.container>.navbar__menu:first-child,
.navbar>.container>.navbar__nav:first-child,
.navbar__top>.container-fluid>.navbar__brand:first-child,
.navbar__top>.container-fluid>.navbar__menu:first-child,
.navbar__top>.container-fluid>.navbar__nav:first-child,
.navbar__top>.container>.navbar__brand:first-child,
.navbar__top>.container>.navbar__menu:first-child,
.navbar__top>.container>.navbar__nav:first-child {
    margin-left: -16px
}

.navbar>.container-fluid>.navbar__brand:last-child,
.navbar>.container-fluid>.navbar__burger,
.navbar>.container-fluid>.navbar__menu:last-child,
.navbar>.container-fluid>.navbar__nav:last-child,
.navbar>.container>.navbar__brand:last-child,
.navbar>.container>.navbar__burger,
.navbar>.container>.navbar__menu:last-child,
.navbar>.container>.navbar__nav:last-child,
.navbar__top>.container-fluid>.navbar__brand:last-child,
.navbar__top>.container-fluid>.navbar__burger,
.navbar__top>.container-fluid>.navbar__menu:last-child,
.navbar__top>.container-fluid>.navbar__nav:last-child,
.navbar__top>.container>.navbar__brand:last-child,
.navbar__top>.container>.navbar__burger,
.navbar__top>.container>.navbar__menu:last-child,
.navbar__top>.container>.navbar__nav:last-child {
    margin-right: -16px
}

.navbar__collapse>.navbar__menu>.container-fluid>.nav:first-child,
.navbar__collapse>.navbar__menu>.container>.nav:first-child,
.navbar__menu>.container-fluid>.nav:first-child,
.navbar__menu>.container>.nav:first-child,
.navbar__off-canvas>.navbar__menu>.container-fluid>.nav:first-child,
.navbar__off-canvas>.navbar__menu>.container>.nav:first-child {
    margin-left: -16px
}

.navbar__collapse>.navbar__menu>.container-fluid>.nav:last-child,
.navbar__collapse>.navbar__menu>.container>.nav:last-child,
.navbar__menu>.container-fluid>.nav:last-child,
.navbar__menu>.container>.nav:last-child,
.navbar__off-canvas>.navbar__menu>.container-fluid>.nav:last-child,
.navbar__off-canvas>.navbar__menu>.container>.nav:last-child {
    margin-right: -16px
}

.navbar>.container-fluid .navbar__burger,
.navbar>.container .navbar__burger {
    order: 2;
    margin-left: 16px
}

@media(min-width:1012px) {
    .navbar {
        min-height: 72px
    }
    .navbar:not(.navbar--v) {
        align-content: center
    }
    .navbar__top+.navbar__collapse,
    .navbar__top+.navbar__menu,
    .navbar__top+.navbar__off-canvas {
        background: rgba(0, 0, 0, .1)
    }
    .navbar__collapse {
        flex-grow: 1;
        max-width: 100%
    }
    .navbar__collapse.collapse {
        display: flex !important
    }
    .navbar__brand,
    .navbar__menu,
    .navbar__nav>.nav__item {
        min-height: 46px
    }
}

@media(max-width:1011px) {
    .navbar {
        flex-wrap: nowrap;
        min-height: 56px
    }
    .navbar__top {
        padding: 0
    }
    .navbar__brand {
        flex-grow: 1
    }
    .navbar__brand .brand__logo,
    .navbar__brand .brand__logo>img {
        max-height: 40px
    }
    .navbar__brand,
    .navbar__menu,
    .navbar__nav>.nav__item {
        min-height: 56px
    }
    .navbar__collapse {
        width: 100%;
        background: rgba(0, 0, 0, .1)
    }
    .navbar__collapse.collapse {
        display: none
    }
    .navbar__collapse .navbar__nav .nav__sub .nav__hedaer,
    .navbar__collapse .navbar__nav .nav__sub .nav__link {
        color: hsla(0, 0%, 100%, .7)
    }
    .navbar__collapse .navbar__nav .nav__sub .nav__link .badge {
        color: #fff;
        border-color: hsla(0, 0%, 100%, .3)
    }
    .navbar__collapse .navbar__nav .nav__sub .nav__link:focus,
    .navbar__collapse .navbar__nav .nav__sub .nav__link:hover {
        color: hsla(0, 0%, 100%, .9)
    }
    .navbar__collapse .navbar__nav .nav__sub .nav__link:active {
        color: hsla(0, 0%, 100%, .6)
    }
    .navbar__off-canvas {
        top: 56px;
        width: 320px;
        max-width: 100%
    }
    .navbar__off-canvas .navbar__menu {
        overflow: auto
    }
    .navbar__menu .nav>.nav__item.has-dropdown>.nav__link:after {
        margin-left: auto
    }
    .navbar__menu .nav>.nav__item.is-active>.nav__link .drop-arrow,
    .navbar__menu .nav>.nav__item.is-open>.nav__link .drop-arrow {
        display: none
    }
    .navbar__menu .nav__item.is-open>.nav__dropdown.off-canvas-responsive {
        transform: translateX(0)
    }
    .navbar__menu .nav__link:after {
        display: block !important;
        margin-left: auto
    }
    .navbar__menu .nav__dropdown {
        animation: none
    }
    .navbar__menu .nav__dropdown.off-canvas-responsive {
        overflow-y: auto;
        display: block !important;
        width: calc(100% - 56px)
    }
    .navbar__menu .nav__dropdown.off-canvas-responsive .nav__header.is-hidden-responsive-up .top__addon:first-child .btn {
        margin-left: -8px
    }
    .navbar .container .navbar__collapse>.navbar__menu>.nav,
    .navbar .navbar__collapse>.navbar__menu>.container>.nav {
        margin: 0 -16px
    }
    .navbar>.container>.navbar__collapse {
        background: 0 0
    }
    .navbar .nav>.nav__item>.nav__dropdown.off-canvas-responsive>.nav__sub {
        padding-left: 0
    }
    .navbar .nav>.nav__item>.nav__dropdown.off-canvas-responsive>.nav__sub:after {
        display: none
    }
    .navbar.off-canvas-responsive,
    .navbar__off-canvas {
        top: 56px;
        width: 320px;
        max-width: 100%
    }
    .navbar.off-canvas-responsive .navbar__menu,
    .navbar__off-canvas .navbar__menu {
        max-height: 100%;
        overflow: auto
    }
    .navbar.off-canvas-responsive .navbar__nav,
    .navbar__off-canvas .navbar__nav {
        width: 100%
    }
    .navbar.off-canvas-responsive .nav__link-arrow:before,
    .navbar__off-canvas .nav__link-arrow:before {
        width: 100%;
        transform: rotate(-90deg)
    }
    .navbar__collapse .navbar__menu,
    .navbar__collapse .navbar__nav,
    .navbar__off-canvas .navbar__menu,
    .navbar__off-canvas .navbar__nav {
        flex-direction: column;
        flex-grow: 1;
        width: 100%
    }
}

.navbar--main {
    height: 112px;
    min-height: 112px;
    background: 0 0
}

.navbar--main .navbar__nav .nav__link {
    color: #1b1c21;
    font-size: 20px;
    font-weight: 600
}

.navbar--main .navbar__nav .nav__link .drop-arrow {
    bottom: -32px
}

.navbar--main .navbar__burger span {
    background: #1b1c21
}

.navbar--main .nav__dropdown {
    top: 88px;
    min-width: 310px
}

.navbar--main .nav__dropdown .nav__link {
    transition: background .3s ease
}

.navbar--main .nav__dropdown .nav__link .nav__link-text {
    color: #2b1f51;
    font-size: 20px;
    line-height: 32px;
    transition: .3s ease
}

.navbar--main .nav__dropdown .nav__link .nav__link-desc {
    color: #524972;
    font-size: 16px;
    line-height: 26px
}

.navbar--main .nav__dropdown+.nav__item .nav__link {
    margin-top: 8px
}

@media(max-width:1387px) {
    .navbar--main {
        height: 94px;
        min-height: 94px
    }
}

@media(max-width:1011px) {
    .navbar--main {
        height: 70px;
        min-height: 70px
    }
}

@media(min-width:1012px) {
    .navbar--v,
    .navbar--v>.navbar__collapse {
        flex-flow: column nowrap
    }
    .navbar--v .navbar__brand {
        width: 100%
    }
    .navbar--v .navbar__brand+.navbar__menu {
        padding-top: 0
    }
    .navbar--v .navbar__actions {
        width: 100%
    }
    .navbar--v .navbar__menu {
        overflow-y: hidden;
        flex-direction: column;
        max-height: 100%;
        width: 100%
    }
    .navbar--v .navbar__nav>.nav__item {
        min-height: 56px
    }
}

@media(max-width:1011px) {
    .navbar--v {
        width: 100%
    }
    .navbar--v .navbar__actions,
    .navbar--v .navbar__brand {
        width: auto
    }
}

.navbar--v-wide .navbar__nav>.nav__item.is-active.has-dropdown,
.navbar--v-wide .navbar__nav>.nav__item.is-open.has-dropdown {
    background: rgba(0, 0, 0, .1)
}

.navbar--v-wide .navbar__nav>.nav__item.is-active.has-dropdown .nav__dropdown,
.navbar--v-wide .navbar__nav>.nav__item.is-open.has-dropdown .nav__dropdown {
    padding-bottom: 8px
}

.navbar--v-wide .navbar__nav>.nav__item.is-active.has-dropdown .nav__dropdown {
    display: block
}

.navbar--v-wide .navbar__nav.has-icons>.nav__sub {
    padding-left: 40px
}

.navbar--v-wide .navbar__nav.has-icons>.nav__sub:after {
    left: 26px
}

.navbar--v-wide .navbar__actions {
    background: rgba(0, 0, 0, .1)
}

.navbar--v-wide .nav__sub:after {
    display: block
}

.navbar--v-wide .nav__sub .nav__hedaer,
.navbar--v-wide .nav__sub .nav__link {
    color: hsla(0, 0%, 100%, .7)
}

.navbar--v-wide .nav__sub .nav__link .badge {
    color: #fff;
    border-color: hsla(0, 0%, 100%, .3)
}

.navbar--v-wide .nav__sub .nav__link:focus,
.navbar--v-wide .nav__sub .nav__link:hover {
    color: hsla(0, 0%, 100%, .9)
}

.navbar--v-wide .nav__sub .nav__link:active {
    color: hsla(0, 0%, 100%, .6)
}

.navbar--v-wide.navbar--main .nav>.nav__header .nav__title {
    opacity: .8;
    color: hsla(0, 0%, 100%, .8)
}

@media(min-width:1012px) {
    .navbar--v-wide {
        width: 270px
    }
    .navbar--v-wide .navbar__brand {
        height: 96px
    }
}

@media(max-width:1011px) {
    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub>.nav__item>.nav__link {
        color: #524972
    }
    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub>.nav__item>.nav__link:hover {
        color: #0d3c9f
    }
    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub>.nav__item>.nav__link:active,
    .navbar--v-wide .nav__dropdown.off-canvas-responsive .nav__sub>.nav__item>.nav__link:focus {
        color: #0d3c9f
    }
}

.navbar--v-thin .navbar__menu .navbar__nav.is-active>.nav__link>.drop-arrow,
.navbar--v-thin .navbar__menu .navbar__nav.is-open>.nav__link>.drop-arrow {
    display: block
}

@media(min-width:1012px) {
    .navbar--v-thin {
        position: relative;
        width: 110px
    }
    .navbar--v-thin .navbar__brand {
        height: 112px;
        justify-content: center
    }
    .navbar--v-thin .navbar__nav>.nav__item {
        overflow: hidden;
        position: static
    }
    .navbar--v-thin .navbar__nav>.nav__item>.nav__link {
        position: relative;
        flex-direction: column;
        width: 100%;
        padding: 16px 8px
    }
    .navbar--v-thin .navbar__nav>.nav__item>.nav__link .nav__link-icon {
        margin: 0
    }
    .navbar--v-thin .navbar__nav>.nav__item>.nav__link .nav__link-icon+.nav__link-text {
        margin-top: 16px
    }
    .navbar--v-thin .navbar__nav>.nav__item>.nav__link .nav__link-text {
        margin: 0;
        text-align: center
    }
    .navbar--v-thin .navbar__nav>.nav__item.has-dropdown>.nav__link:after,
    .navbar--v-thin .navbar__nav>.nav__item>.nav__link .nav__link-arrow {
        display: none
    }
    .navbar--v-thin .navbar__nav>.nav__item>.nav__dropdown .nav__header,
    .navbar--v-thin .navbar__nav>.nav__item>.nav__dropdown .nav__link {
        width: 100%;
        padding-left: 24px;
        padding-right: 24px
    }
    .navbar--v-thin .navbar__nav>.nav__item>.nav__dropdown>.nav__sub {
        padding-left: 0
    }
    .navbar--v-thin .navbar__nav.has-open-item>.nav__item.is-active:not(.is-open)>.nav__link .drop-arrow,
    .navbar--v-thin .navbar__nav>.nav__item>.nav__dropdown>.nav__sub:after {
        display: none
    }
    .navbar--v-thin .nav__dropdown {
        overflow-y: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1002;
        left: 110px;
        width: 300px;
        margin: 0;
        padding: 8px 0;
        background: #fff;
        box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
        animation-name: fadeInRight;
        animation-duration: .3s;
        animation-fill-mode: both
    }
}

@media(max-width:1011px) {
    .navbar--v-thin .navbar__menu .nav>.nav__item {
        position: unset
    }
    .navbar--v-thin .navbar__menu .nav>.nav__item>.nav__link {
        flex-flow: row;
        padding: 8px 16px
    }
}

.burger {
    position: relative;
    align-self: center;
    width: 56px;
    height: 56px;
    padding: 0;
    margin: 0;
    background: 0 0;
    box-shadow: none;
    border: none;
    cursor: pointer
}

.burger span {
    position: absolute;
    left: calc(50% - 10px);
    display: block;
    width: 20px;
    height: 2px;
    transition: .25s ease-in-out;
    transform: rotate(0deg);
    opacity: 1;
    border-radius: 9px;
    background: #efefef
}

.burger span:first-child {
    top: calc(50% - 8px)
}

.burger span:nth-child(2) {
    top: 50%
}

.burger span:nth-child(3) {
    top: calc(50% + 8px)
}

.burger:active,
.burger:focus {
    outline: none
}

.burger.is-active span:first-child,
.burger[aria-expanded=true] span:first-child {
    top: 50%;
    transform: rotate(135deg)
}

.burger.is-active span:nth-child(2),
.burger[aria-expanded=true] span:nth-child(2) {
    left: -60px;
    opacity: 0
}

.burger.is-active span:nth-child(3),
.burger[aria-expanded=true] span:nth-child(3) {
    top: 50%;
    transform: rotate(-135deg)
}

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

@media(max-width:1011px) {
    .burger {
        display: flex
    }
}

.badge {
    text-align: center;
    font-weight: 400;
    border: 1px solid;
    border-radius: 25px;
    display: inline-block;
    font-size: 10px;
    line-height: 18px;
    padding: 0 4px;
    min-width: 18px;
    height: 18px
}

.badge--sm,
.badge--xs {
    font-size: 8px;
    line-height: 16px;
    padding: 0 4px;
    min-width: 16px;
    height: 16px
}

.badge--d {
    font-size: 10px;
    line-height: 18px;
    padding: 0 4px;
    min-width: 18px;
    height: 18px
}

.badge--lg {
    font-size: 12px;
    line-height: 24px;
    padding: 0 8px;
    min-width: 24px;
    height: 24px
}

.badge--xlg {
    font-size: 14px;
    line-height: 38px;
    padding: 0 2px;
    min-width: 40px;
    height: 40px
}

@media(max-width:751px) {
    .badge--mob-sm,
    .badge--mob-xs {
        font-size: 8px;
        line-height: 16px;
        padding: 0 4px;
        min-width: 16px;
        height: 16px
    }
    .badge--mob-d {
        font-size: 10px;
        line-height: 18px;
        padding: 0 4px;
        min-width: 18px;
        height: 18px
    }
    .badge--mob-lg {
        font-size: 12px;
        line-height: 24px;
        padding: 0 8px;
        min-width: 24px;
        height: 24px
    }
    .badge--mob-xlg {
        font-size: 14px;
        line-height: 38px;
        padding: 0 2px;
        min-width: 40px;
        height: 40px
    }
}

.badge,
.badge--default {
    color: #524972;
    background: #fff;
    border-color: #fff
}

.badge--primary {
    color: #fff;
    background: #0d3c9f;
    border-color: #0d3c9f
}

.badge--secondary {
    color: #fff;
    background: #f67a3c;
    border-color: #f67a3c
}

.badge--success {
    color: #fff;
    background: #009a64;
    border-color: #009a64
}

.badge--info {
    color: #fff;
    background: #4685ef;
    border-color: #4685ef
}

.badge--warning {
    color: #fff;
    background: #ea862b;
    border-color: #ea862b
}

.badge--danger {
    color: #fff;
    background: #d83a3a;
    border-color: #d83a3a
}

.badge--light-overlay {
    color: #fff;
    background: hsla(0, 0%, 100%, .3)
}

.badge--dark-overlay {
    color: #fff;
    background: rgba(0, 0, 0, .15)
}

.badge--outline,
.badge--outline.badge--default {
    color: #524972;
    background: 0 0;
    border-color: #fff
}

.badge--outline.badge--primary {
    color: #0d3c9f;
    border-color: #0d3c9f
}

.badge--outline.badge--secondary {
    color: #f67a3c;
    border-color: #f67a3c
}

.badge--outline.badge--success {
    color: #009a64;
    border-color: #009a64
}

.badge--outline.badge--info {
    color: #4685ef;
    border-color: #4685ef
}

.badge--outline.badge--warning {
    color: #ea862b;
    border-color: #ea862b
}

.badge--outline.badge--danger {
    color: #d83a3a;
    border-color: #d83a3a
}

.badge--outline.badge--light-overlay {
    color: #fff;
    border-color: hsla(0, 0%, 100%, .3)
}

.badge--outline.badge--dark-overlay {
    color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .15)
}

.label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 12px;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
    font-size: 12px;
    padding: 0 12px;
    height: 24px
}

.label--sm {
    font-size: 10px;
    padding: 0 8px;
    height: 20px
}

.label--lg {
    font-size: 13px;
    padding: 0 16px;
    height: 32px
}

.label,
.label--default {
    color: #524972;
    background: #fff
}

.label--primary {
    color: #fff;
    background: #0d3c9f
}

.label--secondary {
    color: #fff;
    background: #f67a3c
}

.label--success {
    color: #fff;
    background: #009a64
}

.label--info {
    color: #fff;
    background: #4685ef
}

.label--warning {
    color: #fff;
    background: #ea862b
}

.label--danger {
    color: #fff;
    background: #d83a3a
}

.label--light-overlay {
    color: #fff;
    background: hsla(0, 0%, 100%, .3)
}

.label--dark-overlay {
    color: #fff;
    background: rgba(0, 0, 0, .15)
}

.label--outline {
    background: 0 0
}

.label--outline,
.label--outline.label--default {
    color: #524972;
    border-color: #fff
}

.label--outline.label--primary {
    color: #0d3c9f;
    border-color: #0d3c9f
}

.label--outline.label--secondary {
    color: #f67a3c;
    border-color: #f67a3c
}

.label--outline.label--success {
    color: #009a64;
    border-color: #009a64
}

.label--outline.label--info {
    color: #4685ef;
    border-color: #4685ef
}

.label--outline.label--warning {
    color: #ea862b;
    border-color: #ea862b
}

.label--outline.label--danger {
    color: #d83a3a;
    border-color: #d83a3a
}

.label--outline.label--light-overlay {
    color: #fff;
    border-color: hsla(0, 0%, 100%, .3)
}

.label--outline.label--dark-overlay {
    color: rgba(0, 0, 0, .6);
    border-color: rgba(0, 0, 0, .15)
}

.label--status {
    background: 0 0;
    border: none;
    padding: 0;
    height: auto;
    color: #524972
}

.label--status:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid;
    border-radius: 6px;
    margin-right: 8px
}

.label--status.label--default {
    color: #524972
}

.label--status.label--primary {
    color: #0d3c9f
}

.label--status.label--secondary {
    color: #f67a3c
}

.label--status.label--success {
    color: #009a64
}

.label--status.label--info {
    color: #4685ef
}

.label--status.label--warning {
    color: #ea862b
}

.label--status.label--danger {
    color: #d83a3a
}

.label--status.label--light-overlay {
    color: #fff
}

.label--status.label--dark-overlay {
    color: rgba(0, 0, 0, .6)
}

.breadcrumb {
    display: flex;
    align-items: center;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    background: 0 0
}

.breadcrumb__item:before {
    padding: 0 8px;
    color: #9d9da6;
    content: "/\00a0"
}

.breadcrumb__item:first-child:before {
    display: none
}

.breadcrumb__item.is-active .breadcrumb__link {
    color: #524972
}

.breadcrumb__item>a {
    opacity: .8
}

.breadcrumb__link {
    display: inline-block;
    color: #2b1f51
}

.breadcrumb--sm {
    font-size: 16px
}

.breadcrumb--lg {
    font-size: 20px
}

ul {
    margin-bottom: 16px;
    list-style: none
}

.list,
ul {
    padding: 0
}

.list {
    margin: 0
}

.list:after {
    display: block;
    content: "";
    clear: both
}

.list .list__item {
    padding: 4px 0
}

.list .list__label {
    color: #9d9da6
}

.list .list__label:first-child {
    margin-right: 6px
}

.list .list__label:last-child {
    margin-left: 6px
}

.list--sm li {
    font-size: 16px;
    line-height: 26px;
    padding: 1px 0
}

.list--lg li {
    font-size: 20px;
    line-height: 32px;
    padding: 4px 0 4px 32px
}

.list--lg .list__item {
    margin-bottom: 13px
}

.list--icon.list--sm li .list__icon,
.list--icon.list--sm li:before {
    font-size: 14px;
    top: 2px;
    width: 16px;
    height: 16px
}

.list--icon.list--md li .list__icon,
.list--icon.list--md li:before {
    font-size: 24px;
    top: 0
}

.list--icon.list--lg li .list__icon,
.list--icon.list--lg li:before {
    font-size: 24px;
    top: 2px
}

.list--icon li {
    position: relative;
    padding: 2px 0 2px 32px
}

.list--icon li .list__icon,
.list--icon li:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 19px;
    text-align: center;
    line-height: 24px
}

.list--info .list__item {
    display: flex
}

.list--info .list__label {
    width: 50%;
    flex-basis: 50%;
    max-width: 300px
}

.list--info .list__value {
    width: 50%;
    flex-basis: 50%
}

.list--h li {
    float: left
}

.list--h li+li {
    margin-left: 16px
}

@media(min-width:752px) {
    .list--p-1x .list__item {
        padding: 8px 0
    }
}

.pagination {
    align-items: center;
    justify-content: center
}

.pagination__item {
    display: flex;
    align-content: center;
    justify-content: center;
    height: 32px;
    min-width: 32px;
    padding: 4px;
    cursor: pointer;
    color: #2b1f51;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px
}

.pagination__item:last-child {
    margin-right: 0
}

.pagination__item--active,
.pagination__item.is-active {
    color: #0d3c9f
}

.pagination--article .pagination__item {
    width: 36px;
    height: 36px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
    margin-right: 12px;
    border-radius: 50%;
    cursor: auto
}

.pagination--article .pagination__item:nth-last-child(2) {
    margin-right: 0
}

.pagination--article .pagination__item.pagination__item--active {
    background: #fff
}

.pagination--article .pagination__item--previous {
    margin-right: auto
}

.pagination--article .pagination__item--next {
    margin-left: auto
}

.package {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 24px;
    border: 1px solid #fff;
    box-shadow: 0 2px 10px -1px rgba(30, 45, 70, .05);
    text-align: center
}

.package__header {
    padding: 24px
}

.package__header+.package__content {
    padding-top: 0
}

.package__title {
    margin-bottom: 8px
}

.package__price .price__value {
    font-weight: 800
}

.package__price .price__prefix {
    font-weight: 700
}

.package__price .price__cycle {
    font-weight: 400
}

.package__icon {
    margin-bottom: 24px
}

.package__content {
    padding: 24px;
    font-size: 15px;
    line-height: 24px
}

.package__content>:last-child {
    margin-bottom: 0
}

.package__content .package__title {
    margin-bottom: 16px
}

.package__footer {
    padding: 0 24px 24px
}

.package--addon .package__footer {
    display: flex;
    justify-content: space-between
}

.package--addon .package__footer>* {
    margin-bottom: 0
}

.package--addon-icon .package__body {
    display: flex;
    text-align: left
}

.package--addon-icon .package__body .package__icon {
    padding: 24px
}

.package--addon-icon .package__body .package__content+.package__icon,
.package--addon-icon .package__body .package__icon+.package__content {
    padding-left: 0
}

@media(max-width:1011px) {
    .package {
        padding: 8px 2px
    }
}

@media(max-width:1011px) {
    .switcher.switcher--packages {
        margin-bottom: 10px
    }
}

.switcher {
    position: relative;
    height: 44px;
    padding: 0 3px;
    border: 1px solid #fff;
    border-radius: 40px
}

.switcher.switcher--packages {
    margin-bottom: 40px
}

.switcher .switcher__items {
    display: flex;
    height: 100%;
    align-items: center
}

.switcher .switcher__item {
    font-size: 13px;
    font-weight: 600;
    color: #524972;
    position: relative;
    z-index: 20;
    display: inline-flex;
    height: 48px;
    margin: 0;
    padding: 0 52px;
    cursor: pointer;
    transition: color .5s;
    border: 0;
    border-radius: 40px;
    background: 0 0;
    align-items: center
}

.switcher .switcher__item:focus {
    outline: 0
}

.switcher .switcher__item:first-child {
    margin-left: 0
}

.switcher .switcher__item:last-child {
    margin-right: 0
}

.switcher .switcher__item.is-active {
    color: #fff;
    padding: 0 34px
}

.switcher .switcher__description {
    font-weight: 300
}

.switcher .switcher__highlight {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    height: 48px;
    margin: auto;
    border-radius: 40px;
    background: #f67a3c
}

.switcher--sm .switcher__items .switcher__item {
    padding: 0 20px
}

.has-ribbon {
    overflow: hidden
}

.ribbon {
    width: 130px;
    background: #0d3c9f;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 18px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    font-size: 10px
}

.ribbon--sticky {
    position: fixed
}

.ribbon--shadow {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.ribbon--top-left {
    top: 25px;
    left: -50px;
    transform: rotate(-45deg)
}

.ribbon--top-right {
    top: 10px;
    right: -47px;
    left: auto;
    transform: rotate(45deg)
}

.ribbon--bottom-left {
    top: auto;
    bottom: 25px;
    left: -50px;
    transform: rotate(45deg)
}

.ribbon--bottom-right {
    top: auto;
    right: -50px;
    bottom: 25px;
    left: auto;
    transform: rotate(-45deg)
}

.table {
    width: 100%;
    max-width: 100%
}

.table tbody td,
.table tbody th,
.table tfoot td,
.table tfoot th,
.table thead td,
.table thead th {
    padding: 8px;
    height: 48px
}

.table thead td,
.table thead th {
    font-size: 11px
}

.table tbody td,
.table tbody th,
.table tfoot td,
.table tfoot th {
    font-size: 18px
}

.table tbody td,
.table tbody th,
.table tfoot td,
.table tfoot th,
.table thead td,
.table thead th {
    border-top: 1px solid #fff
}

.table thead td,
.table thead th {
    border-bottom: 2px solid #fff
}

.table tbody td,
.table tbody th {
    border-bottom: 1px solid #fff
}

.table tbody tr td,
.table tbody tr th,
.table tfoot tr td,
.table tfoot tr th,
.table thead tr td,
.table thead tr th {
    vertical-align: middle
}

.table tbody tr td:first-child,
.table tbody tr th:first-child,
.table tfoot tr td:first-child,
.table tfoot tr th:first-child,
.table thead tr td:first-child,
.table thead tr th:first-child {
    padding-left: 16px
}

.table tbody tr td:last-child,
.table tbody tr th:last-child,
.table tfoot tr td:last-child,
.table tfoot tr th:last-child,
.table thead tr td:last-child,
.table thead tr th:last-child {
    padding-right: 16px
}

.table tbody tr td:focus,
.table tbody tr td:hover,
.table tbody tr th:focus,
.table tbody tr th:hover,
.table tfoot tr td:focus,
.table tfoot tr td:hover,
.table tfoot tr th:focus,
.table tfoot tr th:hover,
.table thead tr td:focus,
.table thead tr td:hover,
.table thead tr th:focus,
.table thead tr th:hover {
    outline: 0
}

.table tbody tr td,
.table tfoot tr td,
.table thead tr td {
    border-bottom: none
}

.table tbody .form-check,
.table tfoot .form-check,
.table thead .form-check {
    margin-bottom: 0
}

.table thead tr td,
.table thead tr th {
    border-top: none;
    border-bottom-width: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 300
}

.table thead tr td:after,
.table thead tr th:after {
    display: none
}

.table thead .sorting,
.table thead .sorting_asc:not(.no-sort),
.table thead .sorting_desc:not(.no-sort) {
    cursor: pointer
}

.table thead .sorting .table__text,
.table thead .sorting>span,
.table thead .sorting_asc:not(.no-sort) .table__text,
.table thead .sorting_asc:not(.no-sort)>span,
.table thead .sorting_desc:not(.no-sort) .table__text,
.table thead .sorting_desc:not(.no-sort)>span {
    display: block
}

.table thead .sorting .table__text:after,
.table thead .sorting>span:after,
.table thead .sorting_asc:not(.no-sort) .table__text:after,
.table thead .sorting_asc:not(.no-sort)>span:after,
.table thead .sorting_desc:not(.no-sort) .table__text:after,
.table thead .sorting_desc:not(.no-sort)>span:after {
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 8px
}

.table thead .sorting_desc:not(.no-sort) .table__text:after,
.table thead .sorting_desc:not(.no-sort)>span:after {
    content: "\f2fe"
}

.table thead .sorting_asc:not(.no-sort) .table__text:after,
.table thead .sorting_asc:not(.no-sort)>span:after {
    content: "\f303"
}

.table tbody tr[data-url] {
    cursor: pointer
}

.table .cell-actions {
    text-align: right;
    white-space: nowrap
}

.table .cell-actions .btn .btn__icon i {
    font-size: 24px
}

.table .cell-actions .btn+.btn {
    margin-left: 8px
}

.table .cell-wrap {
    white-space: normal
}

.table--xs tbody td,
.table--xs tbody th,
.table--xs tfoot td,
.table--xs tfoot th,
.table--xs thead td,
.table--xs thead th {
    padding: 3px 8px;
    height: 32px
}

.table--xs tbody td,
.table--xs tbody th,
.table--xs tfoot td,
.table--xs tfoot th {
    font-size: 16px
}

.table--sm tbody td,
.table--sm tbody th,
.table--sm tfoot td,
.table--sm tfoot th,
.table--sm thead td,
.table--sm thead th {
    height: 40px
}

.table--border {
    border: 1px solid
}

.table--border tbody td:first-child,
.table--border tbody th:first-child,
.table--border tfoot td:first-child,
.table--border tfoot th:first-child,
.table--border thead td:first-child,
.table--border thead th:first-child {
    padding-left: 16px
}

.table--border tbody td:last-child,
.table--border tbody th:last-child,
.table--border tfoot td:last-child,
.table--border tfoot th:last-child,
.table--border thead td:last-child,
.table--border thead th:last-child {
    padding-right: 16px
}

.table--responsive {
    display: block;
    width: 100%;
    overflow-x: auto
}

.t-c {
    width: 100%
}

.t-c,
.t-c__top {
    position: relative
}

.t-c__top .top__search {
    width: 262px
}

.t-c__top .top__filter .status {
    vertical-align: bottom
}

.t-c__top+.t-c__body {
    margin-top: 24px
}

.t-c__alert {
    margin: 0;
    border-radius: 0
}

.t-c__mass-actions {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 48px;
    padding: 2px 16px 2px 56px;
    background: #fff;
    box-shadow: 0 2px 5px -1px rgba(30, 45, 70, .05);
    border-radius: 12px;
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both
}

@media(max-width:1387px) {
    .t-c__mass-actions {
        border-radius: 12px
    }
}

@media(max-width:1011px) {
    .t-c__mass-actions {
        border-radius: 10px
    }
}

@media(max-width:751px) {
    .t-c__mass-actions {
        border-radius: 8px
    }
}

.t-c__mass-actions.is-open {
    display: flex !important
}

.t-c__mass-actions .drop-arrow {
    display: block;
    left: 16px;
    animation: none
}

.t-c__mass-actions .drop-arrow:after {
    background: #fff
}

.t-c__mass-actions .value {
    margin-right: 8px
}

.t-c__body--boxed {
    background: #fff;
    border-radius: 0;
    box-shadow: 0 2px 10px -1px rgba(30, 45, 70, .05);
    border: 1px solid #fff
}

.t-c__body--boxed .t-c__alert {
    width: auto;
    margin: -1px -1px 0
}

.t-c__footer {
    display: flex;
    padding: 8px 10px;
    border-top: 1px solid #fff;
    justify-content: space-between
}

.t-c__footer .dataTables_paginate {
    display: flex
}

.t-c__footer .dt-button,
.t-c__footer .paginate_button {
    justify-content: center;
    font-weight: 600;
    color: #2b1f51;
    display: inline-flex !important;
    width: 32px;
    height: 32px;
    cursor: pointer;
    align-items: center
}

.t-c__footer .dt-button+.dt-button,
.t-c__footer .dt-button+.paginate_button,
.t-c__footer .paginate_button+.dt-button,
.t-c__footer .paginate_button+.paginate_button {
    margin-left: 4px
}

.t-c__footer .dt-button.active,
.t-c__footer .dt-button.current,
.t-c__footer .paginate_button.active,
.t-c__footer .paginate_button.current {
    color: #0d3c9f
}

.t-c__footer .dt-button.active:active,
.t-c__footer .dt-button.active:focus,
.t-c__footer .dt-button.active:hover,
.t-c__footer .dt-button.current:active,
.t-c__footer .dt-button.current:focus,
.t-c__footer .dt-button.current:hover,
.t-c__footer .paginate_button.active:active,
.t-c__footer .paginate_button.active:focus,
.t-c__footer .paginate_button.active:hover,
.t-c__footer .paginate_button.current:active,
.t-c__footer .paginate_button.current:focus,
.t-c__footer .paginate_button.current:hover {
    text-decoration: none;
    outline: 0
}

.t-c__footer .paginate_button.disabled {
    opacity: .3
}

.t-c__footer .dt-buttons {
    display: flex;
    align-items: center
}

.dataTables_wrapper {
    overflow: auto
}

.dataTables_empty {
    width: 100% !important;
    text-align: center !important
}

@media(min-width:752px) {
    .t-c__body .table td:first-child {
        padding-left: 24px
    }
    .t-c__body .table td:last-child {
        padding-right: 24px
    }
    .t-c__body .table-footer {
        border-right: 0;
        border-left: 0
    }
}

.msg {
    flex-direction: column;
    text-align: center;
    max-width: 480px;
    margin: auto
}

.msg,
.msg__icon {
    display: flex;
    align-items: center
}

.msg__icon {
    justify-content: center;
    height: 64px;
    width: 64px;
    min-width: 64px;
    margin: 0 auto
}

.msg__icon+.msg__body {
    margin-top: 16px
}

.msg__body {
    flex-grow: 1
}

.msg__body>:last-child {
    margin-bottom: 0
}

.msg__title {
    margin-top: 0;
    margin-bottom: 16px
}

@media(min-width:752px) {
    .msg__title {
        font-size: 26px;
        font-weight: 700;
        line-height: 34px
    }
}

@media(max-width:751px) {
    .msg__title {
        font-size: 22px;
        font-weight: 600;
        line-height: 30px
    }
}

.msg__title+.msg__actions {
    margin-top: 0
}

.msg__description {
    margin: 0
}

.msg__actions {
    width: 100%;
    margin-top: 16px
}

.zero-data {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px
}

.msg.msg--h {
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    justify-content: normal
}

.msg.msg--h .msg__icon {
    align-self: flex-start;
    margin-right: 24px
}

.msg.msg--h .msg__icon+.msg__body {
    margin-top: 0
}

.msg.msg--h-right .msg__icon,
.msg.msg--h .msg__icon:last-child {
    margin-right: 0;
    margin-left: 24px
}

.msg.msg--h-right .msg__icon {
    order: 2
}

.msg.msg--sm {
    max-width: 270px
}

.msg.msg--sm .msg__title {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px
}

@media(max-width:1387px) {
    .msg.msg--sm .msg__title {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

@media(max-width:1011px) {
    .msg.msg--sm .msg__title {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px
    }
}

@media(max-width:751px) {
    .msg.msg--sm .msg__title {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px
    }
}

.msg.msg--sm .msg__title+.msg__actions .btn--link:first-child {
    margin-top: 0
}

.msg.msg--sm .msg__title+.msg__actions .btn:not(.btn--link):first-child {
    margin-top: 8px
}

.msg.msg--sm .msg__description {
    font-size: 16px;
    line-height: 18px
}

.msg.msg--lg .msg__actions {
    margin-top: 24px
}

@media(max-width:751px) {
    .msg.mob-msg--h {
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0;
        text-align: left;
        justify-content: normal;
        max-width: none
    }
    .msg.mob-msg--h .msg__icon {
        align-self: flex-start;
        margin-right: 16px
    }
    .msg.mob-msg--h .msg__icon+.msg__body {
        margin-top: 0
    }
    .msg.mob-msg--h .msg__title {
        margin-top: 0;
        margin-bottom: 6px;
        width: 100%
    }
    .msg.mob-msg--h .msg__description {
        width: 100%;
        margin-bottom: 0
    }
    .msg.mob-msg--h .msg__actions {
        display: none
    }
    .msg.mob-msg--h :last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }
    .msg.mob-msg--h-right .msg__icon {
        order: 2;
        margin-left: 16px;
        margin-right: 0
    }
    .msg--no-date {
        -webkit-box-orient: horizontal
    }
    .msg--no-date span.btn {
        min-height: 44px !important;
        height: auto
    }
}

.widget {
    position: relative;
    margin-bottom: 16px;
    border-radius: 0;
    box-shadow: 0 2px 10px -1px rgba(30, 45, 70, .05);
    overflow: hidden
}

.widget,
.widget__header {
    display: flex;
    flex-direction: column
}

.widget__header {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%
}

.widget__header+.widget__body {
    border-top: 0
}

.widget__top {
    position: relative;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    height: 48px;
    padding: 0 16px
}

.widget__top .top__title-text {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px
}

.widget__top+.widget__body,
.widget__top+.widget__header {
    border-top: 0;
    height: auto
}

.widget__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.widget__body>.widget__actions,
.widget__body>.widget__media {
    border: 0
}

.widget__body>.widget__alert {
    margin: -1px -1px 0
}

.widget__body+.widget__body {
    border-top: 0
}

.widget__body+.widget__body[class*=bg-] {
    border-color: transparent;
    margin-top: -1px
}

.widget__body .list-group {
    border: none;
    overflow: auto
}

.widget .widget__body .widget__top,
.widget .widget__header .widget__top,
.widget .widget__popup .widget__top {
    border-width: 0
}

.widget .widget__body .widget__top+.widget__content,
.widget .widget__header .widget__top+.widget__content,
.widget .widget__popup .widget__top+.widget__content {
    padding-top: 0
}

.widget__nav {
    margin-bottom: -1px
}

.widget__content {
    flex-grow: 1;
    padding: 16px
}

.widget__actions {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    min-height: 52px;
    margin-top: -1px
}

.widget__actions--xs {
    height: 44px;
    min-height: 44px
}

.widget__actions--sm {
    height: 48px;
    min-height: 48px
}

.widget__actions--lg {
    height: 60px;
    min-height: 60px
}

.widget__actions:not(.widget__actions--raised)>* {
    min-width: 0;
    padding: 0 16px
}

.widget__actions+.widget__body {
    border-top: 0
}

.widget__actions .btn+.btn {
    margin-left: 8px
}

.widget__actions--raised {
    height: auto;
    padding: 10px 16px
}

.widget__actions,
.widget__body,
.widget__header,
.widget__top {
    border-width: 1px;
    border-style: solid
}

.widget__alert {
    width: auto;
    border-radius: 0
}

.widget__alert.is-absolute {
    top: 0;
    left: 0;
    right: 0;
    z-index: 3
}

.widget__divider {
    height: 1px;
    margin: 24px -16px 19px
}

.widget__media {
    flex: 1;
    position: relative;
    overflow: hidden;
    margin-bottom: -1px;
    background: #fff;
    text-align: center
}

.widget__media .widget__overlay:before,
.widget__media:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(0, 0, 0, .05)
}

.widget__media>img {
    max-height: 100%;
    max-width: 100%
}

.widget__media .widget__alert {
    margin: 0
}

.widget__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(-60deg, rgba(228, 236, 242, .9), rgba(239, 242, 245, .6));
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out
}

.widget__overlay>.widget__content {
    transform: translateY(10px);
    transition: .3s ease-in-out
}

.has-overlay .widget__media>img,
.has-overlay .widget__overlay+.widget__content,
.has-overlay>img {
    transition: .3s ease-in-out
}

.has-overlay:hover .widget__overlay {
    opacity: 1;
    visibility: visible
}

.has-overlay:hover .widget__overlay>.widget__content {
    transform: translateY(0)
}

.has-overlay:hover .widget__media>img,
.has-overlay:hover .widget__overlay+.widget__content,
.has-overlay:hover>img {
    filter: blur(2px);
    transform: scale(1.05)
}

.widget--dashed {
    box-shadow: none
}

.widget--dashed .widget__body,
.widget--dashed .widget__header {
    border-style: dashed
}

.widget--popup {
    overflow: hidden
}

.widget--group .widget {
    margin-bottom: -1px
}

.widget--check,
.widget--link {
    cursor: pointer
}

.widget--check .widget__actions,
.widget--check .widget__body,
.widget--check .widget__header,
.widget--check .widget__media,
.widget--check .widget__top,
.widget--dashed .widget__actions,
.widget--dashed .widget__body,
.widget--dashed .widget__header,
.widget--dashed .widget__media,
.widget--dashed .widget__top,
.widget--link .widget__actions,
.widget--link .widget__body,
.widget--link .widget__header,
.widget--link .widget__media,
.widget--link .widget__top {
    transition: .3s
}

.widget {
    background: #fff
}

.widget__actions,
.widget__body,
.widget__header,
.widget__media,
.widget__top {
    border-color: #fff
}

.widget__top__title-text {
    color: #2b1f51
}

.widget--check:hover,
.widget--dashed:hover,
.widget--link:hover {
    color: #524972
}

.widget--check:hover .widget__actions,
.widget--check:hover .widget__body,
.widget--check:hover .widget__header,
.widget--check:hover .widget__media,
.widget--check:hover .widget__top,
.widget--dashed:hover .widget__actions,
.widget--dashed:hover .widget__body,
.widget--dashed:hover .widget__header,
.widget--dashed:hover .widget__media,
.widget--dashed:hover .widget__top,
.widget--link:hover .widget__actions,
.widget--link:hover .widget__body,
.widget--link:hover .widget__header,
.widget--link:hover .widget__media,
.widget--link:hover .widget__top {
    border-color: #0d3c9f
}

.widget--check:hover .btn,
.widget--check:hover .btn__icon,
.widget--dashed:hover .btn,
.widget--dashed:hover .btn__icon,
.widget--link:hover .btn,
.widget--link:hover .btn__icon,
.widget.is-active {
    color: #0d3c9f
}

.widget.is-active .widget__actions,
.widget.is-active .widget__body,
.widget.is-active .widget__header,
.widget.is-active .widget__media,
.widget.is-active .widget__top {
    border-color: #0d3c9f
}

.widget.is-active .btn--icon .btn__icon {
    color: #0d3c9f
}

.widget.is-active-success {
    color: #009a64
}

.widget.is-active-success .widget__actions,
.widget.is-active-success .widget__body,
.widget.is-active-success .widget__header,
.widget.is-active-success .widget__media,
.widget.is-active-success .widget__top {
    border-color: #009a64
}

.widget.is-active-success .btn--icon .btn__icon {
    color: #009a64
}

.has-dark-bg[class*=widget] {
    overflow: visible;
    border: 0
}

.has-dark-bg[class*=widget]>* {
    border: 0
}

.has-dark-bg[class*=widget] .top__title-text,
.has-dark-bg[class*=widget] div,
.has-dark-bg[class*=widget] label,
.has-dark-bg[class*=widget] p,
.has-dark-bg[class*=widget] span,
.has-dark-bg[class*=widget] sub {
    color: #fff
}

.has-dark-bg[class*=widget] .form-control {
    border-color: transparent
}

.has-dark-bg.widget {
    background: 0 0
}

.list-group {
    margin: 0;
    border: 1px solid #fff
}

.list-group__item {
    display: flex;
    align-items: center;
    padding: 5px 16px;
    border-bottom: 1px solid #fff;
    color: #524972
}

.list-group__item>:last-child {
    margin-bottom: 0
}

.list-group__item:last-child {
    border-bottom: 0
}

.list-group__label {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
    color: #dbdbdb
}

.list-group__content {
    flex-grow: 1
}

.list-group__content>:last-child {
    margin-bottom: 0
}

.list-group__addon {
    flex-grow: 0
}

.list-group__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap
}

.list-group__toolbar>*+* {
    margin-left: 16px
}

.list-group__addon:first-child,
.list-group__toolbar:first-child {
    margin-right: 16px
}

.list-group__addon:last-child,
.list-group__toolbar:last-child {
    margin-left: 16px
}

.list-group__top {
    flex: auto;
    width: 100%
}

.list-group__top+.list-group__content {
    margin-top: 16px
}

.list-group__footer {
    flex: auto;
    width: 100%;
    margin-top: 16px
}

.list-group__collapse {
    position: relative;
    width: 100%
}

.list-group__collapse>.list-group__content {
    margin-top: 16px;
    padding-left: 40px
}

.list-group__collapse>.list-group__content:before {
    position: absolute;
    left: 10px;
    right: 0;
    bottom: 0;
    top: 16px;
    display: block;
    width: 1px;
    content: "";
    background-color: #fff
}

a.list-group__item {
    transition: all .3s
}

a.list-group__item:hover {
    color: #524972;
    background: #fff
}

.list-group--simple,
.list-group--simple .list-group__item {
    border: none
}

.list-group--v-middle>.list-group__item {
    align-items: center
}

.list-group--v-top>.list-group__item {
    align-items: flex-start
}

.list-group--nowrap>.list-group__item {
    flex-flow: row nowrap
}

.list-group--collapse {
    flex-direction: column
}

.list-group--collapse .list-group__top {
    cursor: pointer
}

.list-group--collapse .list-group__top:hover .top__title {
    color: #f67a3c
}

.list-group--spacing-1x .list-group__item>.list-group__addon:first-child,
.list-group--spacing-1x .list-group__item>.list-group__toolbar:first-child {
    margin-right: 8px
}

.list-group--spacing-1x .list-group__item>.list-group__addon:last-child,
.list-group--spacing-1x .list-group__item>.list-group__toolbar:last-child {
    margin-left: 8px
}

.list-group--spacing-3x .list-group__item>.list-group__addon:first-child,
.list-group--spacing-3x .list-group__item>.list-group__toolbar:first-child {
    margin-right: 24px
}

.list-group--spacing-3x .list-group__item>.list-group__addon:last-child,
.list-group--spacing-3x .list-group__item>.list-group__toolbar:last-child {
    margin-left: 24px
}

.list-group--spacing-4x .list-group__item>.list-group__addon:first-child,
.list-group--spacing-4x .list-group__item>.list-group__toolbar:first-child {
    margin-right: 32px
}

.list-group--spacing-4x .list-group__item>.list-group__addon:last-child,
.list-group--spacing-4x .list-group__item>.list-group__toolbar:last-child {
    margin-left: 32px
}

.list-group--p-h-0x>.list-group__item {
    padding-left: 0;
    padding-right: 0
}

.list-group--p-v-3x>.list-group__item {
    padding-top: 24px;
    padding-bottom: 24px
}

.list-group--p-3x>.list-group__item {
    padding: 24px
}

.list-group--p-v-4x>.list-group__item {
    padding-top: 32px;
    padding-bottom: 32px
}

.list-group--p-4x>.list-group__item {
    padding: 32px
}

@media(max-width:751px) {
    .list-group--mob-p-v-2x>.list-group__item {
        padding-top: 16px;
        padding-bottom: 16px
    }
    .list-group--mob-p-2x>.list-group__item {
        padding: 16px
    }
    .list-group--mob-p-v-3x>.list-group__item {
        padding-top: 24px;
        padding-bottom: 24px
    }
    .list-group--mob-p-3x>.list-group__item {
        padding: 24px
    }
}

.list-group--xs>.list-group__item {
    line-height: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 11px
}

.list-group--sm {
    font-size: 16px;
    line-height: 16px
}

.list-group--sm>.list-group__item {
    padding-top: 6px;
    padding-bottom: 6px
}

@media(max-width:751px) {
    .list-group--lg .list-group__item {
        padding: 16px
    }
}

@media(max-width:751px) {
    .mob-list-group--collapse {
        padding-left: 0
    }
    .mob-list-group--collapse :before {
        display: none
    }
    .mob-list-group--collapse .list-group__content--collapse {
        padding-left: 0
    }
}

.tree-view .list-group {
    border: none
}

.tree-view .list-group__item {
    padding: 0;
    border: none;
    cursor: pointer;
    transition: color .3s
}

.tree-view .list-group__item:hover {
    color: #2b1f51
}

.tree-view .list-group__item.is-open>.top .toggle-icon:before {
    transform: rotate(0)
}

.tree-view .list-group__item.is-open>.list-group {
    display: block
}

.tree-view .list-group__item.is-active>.top .top__title {
    color: #009a64
}

.tree-view .list-group__item.is-active>.top .top__title>i {
    color: inherit
}

.tree-view .list-group__item>.list-group {
    display: none;
    margin-left: 24px
}

.tree-view .list-group__top {
    position: relative;
    height: 32px;
    padding: 8px 0 8px 24px
}

.tree-view .list-group__top .top__title {
    font-size: 16px;
    line-height: 18px
}

.tree-view .list-group__top .top__title>i {
    margin-right: 8px
}

.tree-view .list-group__top .toggle-icon {
    position: absolute;
    top: 8px;
    left: 0;
    height: 16px;
    width: 16px;
    text-align: center;
    background: #fff
}

.tree-view .list-group__top .toggle-icon:before {
    line-height: 16px;
    transform: rotate(-90deg)
}

.tree-view--bordered .list-group {
    position: relative
}

.tree-view--bordered .list-group__top:before {
    position: absolute;
    top: 16px;
    left: 7px;
    display: block;
    content: "";
    height: 1px;
    width: 8px;
    background: #fff
}

.tree-view--bordered .list-group:before {
    position: absolute;
    top: 8px;
    bottom: 16px;
    left: 7px;
    display: block;
    content: "";
    width: 1px;
    background: #fff
}

body.modal-open {
    overflow: hidden !important
}

.modal {
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: flex !important;
    outline: 0;
    opacity: 0;
    visibility: hidden
}

.modal.show {
    overflow: auto;
    opacity: 1;
    visibility: visible
}

.modal__dialog {
    max-height: 100vh;
    width: 584px;
    transform: scale(.5);
    transition: all .3s
}

.modal__content {
    background-color: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .2)
}

.modal__body {
    padding: 16px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.modal__body--scroll {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

.modal__top {
    height: 48px;
    min-height: 48px;
    padding: 8px 16px
}

.modal__nav {
    margin-bottom: -1px
}

.modal__actions {
    padding: 16px
}

.modal__actions .btn {
    margin-right: 8px
}

.modal__actions .btn:last-child {
    margin-right: 0
}

.modal--hero .modal__content,
.modal--info .modal__content {
    padding: 14px 24px 24px
}

.modal--hero .modal__content>.top,
.modal--info .modal__content>.top {
    padding: 0
}

.modal--hero .modal__content>.top__title,
.modal--info .modal__content>.top__title {
    overflow: initial;
    white-space: normal;
    font-size: 18px;
    text-overflow: clip
}

.modal--hero .modal__body,
.modal--info .modal__body {
    padding: 0;
    border: 0;
    margin: 24px 0 16px
}

.modal--hero .modal__body+.modal__actions,
.modal--info .modal__body+.modal__actions {
    margin-top: 32px
}

.modal--hero .modal__actions,
.modal--info .modal__actions {
    padding: 0
}

.modal.show .modal__dialog {
    transform: scale(1)
}

.modal .close.is-absolute {
    top: 8px;
    right: 8px
}

.modal--xs .modal__dialog {
    width: 360px
}

.modal--sm .modal__dialog {
    width: 480px
}

.modal--lg .modal__dialog,
.modal--xl .modal__dialog {
    width: 894px
}

.modal--xlg .modal__dialog {
    width: 1012px
}

.modal--lg.modal--default .modal__actions,
.modal--lg.modal--default .modal__body,
.modal--lg.modal--default .modal__content .top,
.modal--xlg.modal--default .modal__actions,
.modal--xlg.modal--default .modal__body,
.modal--xlg.modal--default .modal__content .top {
    padding-left: 32px;
    padding-right: 32px
}

.modal--lg.modal--hero .modal__content,
.modal--lg.modal--info .modal__content,
.modal--xlg.modal--hero .modal__content,
.modal--xlg.modal--info .modal__content {
    padding: 22px 32px 32px
}

.modal--full .modal__dialog {
    width: 100%
}

.modal--preview .modal__dialog {
    width: auto;
    max-width: 1012px
}

@media(max-width:513px) {
    .modal--lg .modal__dialog,
    .modal--sm .modal__dialog,
    .modal .modal__dialog {
        width: 100%
    }
}

.is-open .modal,
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, .5)
}

.modal-backdrop.fade {
    opacity: 0;
    visibility: hidden
}

.modal-backdrop.show {
    opacity: .5;
    visibility: visible
}

.modal.fade.show {
    opacity: 1
}

.modal.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.nav--tabs.nav--horizontal:after {
    background: 0 0
}

.tabs-container {
    margin-bottom: 64px;
    border-bottom: 1px solid #fff
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.tab-pane.is-active {
    display: block
}

.tabs {
    display: flex;
    margin-bottom: 0;
    flex-direction: column
}

.tabs__nav:first-child {
    margin-bottom: 24px
}

.tabs__nav:last-child {
    margin-top: 24px
}

.tabs__nav>.nav.nav--tabs .nav__item {
    margin-right: 4px
}

.tabs--boxed>.tabs__nav {
    margin: 0
}

.tabs--boxed>.tabs__nav .nav .nav__item {
    margin-right: 6px;
    background-color: #fff
}

.tabs--boxed>.tab-content,
.tabs--boxed>.tabs__nav .nav .nav__item.is-active {
    background-color: #fff
}

.tabs--boxed>.tab-content>.tab-pane {
    padding: 24px
}

.tabs--boxed .tabs--secondary>.tab-content,
.tabs--boxed .tabs--secondary>.tabs__nav .nav .nav__item.is-active {
    background: #f67a3c
}

.tabs-vertical li {
    margin-bottom: 10px
}

.tabs-vertical .active .tabs__link {
    border-bottom: 3px solid #0d3c9f
}

.tabs-vertical .tabs__link {
    font-size: 15px;
    display: inline-flex;
    margin-bottom: 8px;
    padding: 3px 0
}

.tabs-vertical .tabs__link:active,
.tabs-vertical .tabs__link:focus,
.tabs-vertical .tabs__link:hover {
    text-decoration: none
}

[data-content-slider] {
    overflow: hidden
}

.steps {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 100%
}

.steps__item {
    flex: 1 0 auto;
    padding: 0 16px 0 0
}

.steps__item,
.steps__item-count {
    display: flex;
    align-items: center;
    position: relative
}

.steps__item-count {
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    font-size: 24px
}

.steps__item:last-child {
    padding-right: 0
}

.steps__item.is-completed .steps__item-count {
    background: #0d3c9f;
    border-radius: 50%
}

.steps__item.is-completed .steps__item-count strong {
    display: none
}

.steps__item.is-completed .steps__item-count:before {
    display: block
}

.steps--circled .steps__item-count {
    border: 2px solid #f7f7f7;
    border-radius: 50%;
    font-size: 12px
}

.steps--circled .steps__item-count i,
.steps--circled .steps__item-count i.zmdi {
    font-size: 16px
}

.steps--circled .steps__item.is-active .steps__item-count,
.steps--circled .steps__item.is-completed .steps__item-count {
    border-color: #0d3c9f
}

.steps--circled .steps__item.is-active .steps__item-count {
    color: #0d3c9f
}

.steps--vertical {
    flex-direction: column
}

.steps--vertical .steps__item {
    padding-right: 0
}

.steps--sm.steps--vertical .steps__item,
.steps--vertical .steps__item:not(:last-child) {
    margin-bottom: 10px
}

.steps--sm .steps__item-count {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 8px
}

.steps--sm .steps__item-count:before {
    font-size: 16px
}

.steps--md.steps--vertical .steps__item {
    margin-bottom: 10px
}

.steps--md .steps__item {
    min-height: 52px
}

.steps--md .steps__item-count {
    width: 32px;
    height: 32px;
    min-width: 32px
}

.steps--lg.steps--vertical .steps__item {
    margin-bottom: 10px
}

.steps--lg .steps__item-count {
    width: 40px;
    height: 40px;
    min-width: 40px
}

@media(max-width:751px) {
    .steps.mob-steps .steps__item {
        padding-right: 8px
    }
    .steps.mob-steps .steps__item .steps__item-count {
        margin-right: 0
    }
    .steps.mob-steps .steps__item.is-active .steps__item-count {
        margin-right: 8px
    }
    .steps.mob-steps .is-completed .steps__item-content,
    .steps.mob-steps .is-disabled .steps__item-content {
        display: none
    }
}

.progress {
    display: flex;
    flex-direction: column
}

.progress__bar {
    position: relative;
    background: rgba(0, 0, 0, .1);
    height: 16px;
    display: flex;
    flex: 1;
    border-radius: 10px
}

.progress__fill {
    height: inherit;
    background: #0d3c9f;
    border-radius: 10px;
    transition: width .3s linear
}

.progress__fill--weak {
    background: #d83a3a
}

.progress__fill--medium {
    background: #ea862b
}

.progress__fill--good {
    background: #4685ef
}

.progress__fill--strong {
    background: #009a64
}

.progress__label {
    display: flex;
    align-items: center
}

.progress--xs .progress__bar {
    height: 4px
}

.progress--sm .progress__bar {
    height: 8px
}

.progress--h {
    flex-direction: row;
    align-items: center
}

.progress--h>.progress__label:first-child {
    padding-right: 16px
}

.progress--h>.progress__label:last-child {
    padding-left: 16px;
    text-align: right
}

.content-slider {
    width: 100%
}

.content-slider__wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    flex-wrap: nowrap;
    transition-property: transform
}

.content-slider__slide {
    position: relative;
    width: 100%;
    height: 100%;
    flex-shrink: 0
}

.content-slider {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto
}

@media(max-width:751px) {
    .content-slider--mob-full {
        margin-left: -24px;
        margin-right: -24px
    }
    .content-slider--mob-full .content-slider__wrapper {
        margin: 0
    }
    .content-slider--mob-full .content-slider__wrapper .content-slider__slide:first-child {
        padding-left: 24px
    }
    .content-slider--mob-full .content-slider__wrapper .content-slider__slide:last-child {
        padding-right: 24px
    }
}

.content-slider-vertical>.content-slider__wrapper {
    flex-direction: column
}

.content-slider-android .content-slider__slide,
.content-slider__wrapper {
    transform: translateZ(0)
}

.content-slider-multirow>.content-slider__wrapper {
    flex-wrap: wrap
}

.content-slider-free-mode>.content-slider__wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.content-slider-autoheight,
.content-slider-autoheight .content-slider__slide {
    height: auto
}

.content-slider-autoheight .content-slider__wrapper {
    transition-property: transform, height;
    align-items: flex-start
}

.content-slider-wp8-horizontal {
    touch-action: pan-y
}

.content-slider-wp8-vertical {
    touch-action: pan-x
}

.content-slider-nav {
    display: inline-flex;
    align-items: center
}

.content-slider-nav>* {
    margin-right: 8px
}

.content-slider-nav>:last-child {
    margin-right: 0
}

.content-slider__slide-val {
    display: inline-flex;
    align-self: center
}

.i-c,
.mob-i-c,
[class*=i-c-],
[class*=l-i-],
[class*=tab-i-c-] [class*=mob-i-c-] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #efefef;
    line-height: 1
}

.i-c img,
.mob-i-c img,
[class*=i-c-] img,
[class*=l-i-] img,
[class*=tab-i-c-] [class*=mob-i-c-] img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%
}

.i-circled {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.i-circled--border {
    border: 1px solid #0d3c9f
}

.i-circled[class*=-faded]>i {
    color: #524972
}

.i-c {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important
}

.i-c-0x {
    height: 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important
}

.i-c-1x {
    height: 8px !important;
    width: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    font-size: 8px !important;
    line-height: 8px !important
}

.i-c-2x {
    height: 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    font-size: 16px !important;
    line-height: 16px !important
}

.i-c-3x {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important
}

.i-c-4x {
    height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: 32px !important;
    line-height: 32px !important
}

.i-c-5x {
    height: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    font-size: 40px !important;
    line-height: 40px !important
}

.i-c-6x {
    height: 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    font-size: 48px !important;
    line-height: 48px !important
}

.i-c-7x {
    height: 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    font-size: 56px !important;
    line-height: 56px !important
}

.i-c-8x {
    height: 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    font-size: 64px !important;
    line-height: 64px !important
}

.i-c-9x {
    height: 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    font-size: 72px !important;
    line-height: 72px !important
}

.i-c-10x {
    height: 80px !important;
    width: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    font-size: 80px !important;
    line-height: 80px !important
}

.i-c-11x {
    height: 88px !important;
    width: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    font-size: 88px !important;
    line-height: 88px !important
}

.i-c-12x {
    height: 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    font-size: 96px !important;
    line-height: 96px !important
}

.i-c-13x {
    height: 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    font-size: 104px !important;
    line-height: 104px !important
}

.i-c-14x {
    height: 112px !important;
    width: 112px !important;
    min-width: 112px !important;
    min-height: 112px !important;
    font-size: 112px !important;
    line-height: 112px !important
}

.i-c-15x {
    height: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    font-size: 120px !important;
    line-height: 120px !important
}

.i-c-16x {
    height: 128px !important;
    width: 128px !important;
    min-width: 128px !important;
    min-height: 128px !important;
    font-size: 128px !important;
    line-height: 128px !important
}

@media(max-width:1011px) {
    .md-i-c-0x {
        height: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important
    }
}

@media(max-width:1011px) {
    .md-i-c-1x {
        height: 8px !important;
        width: 8px !important;
        min-width: 8px !important;
        min-height: 8px !important;
        font-size: 8px !important;
        line-height: 8px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-2x {
        height: 16px !important;
        width: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        font-size: 16px !important;
        line-height: 16px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-3x {
        height: 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 24px !important;
        line-height: 24px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-4x {
        height: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        font-size: 32px !important;
        line-height: 32px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-5x {
        height: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 40px !important;
        line-height: 40px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-6x {
        height: 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        font-size: 48px !important;
        line-height: 48px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-7x {
        height: 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        font-size: 56px !important;
        line-height: 56px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-8x {
        height: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        min-height: 64px !important;
        font-size: 64px !important;
        line-height: 64px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-9x {
        height: 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
        font-size: 72px !important;
        line-height: 72px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-10x {
        height: 80px !important;
        width: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        font-size: 80px !important;
        line-height: 80px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-11x {
        height: 88px !important;
        width: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        font-size: 88px !important;
        line-height: 88px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-12x {
        height: 96px !important;
        width: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        font-size: 96px !important;
        line-height: 96px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-13x {
        height: 104px !important;
        width: 104px !important;
        min-width: 104px !important;
        min-height: 104px !important;
        font-size: 104px !important;
        line-height: 104px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-14x {
        height: 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        font-size: 112px !important;
        line-height: 112px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-15x {
        height: 120px !important;
        width: 120px !important;
        min-width: 120px !important;
        min-height: 120px !important;
        font-size: 120px !important;
        line-height: 120px !important
    }
}

@media(max-width:1011px) {
    .md-i-c-16x {
        height: 128px !important;
        width: 128px !important;
        min-width: 128px !important;
        min-height: 128px !important;
        font-size: 128px !important;
        line-height: 128px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-0x {
        height: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important
    }
}

@media(max-width:751px) {
    .sm-i-c-1x {
        height: 8px !important;
        width: 8px !important;
        min-width: 8px !important;
        min-height: 8px !important;
        font-size: 8px !important;
        line-height: 8px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-2x {
        height: 16px !important;
        width: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        font-size: 16px !important;
        line-height: 16px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-3x {
        height: 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 24px !important;
        line-height: 24px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-4x {
        height: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        font-size: 32px !important;
        line-height: 32px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-5x {
        height: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 40px !important;
        line-height: 40px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-6x {
        height: 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        font-size: 48px !important;
        line-height: 48px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-7x {
        height: 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        font-size: 56px !important;
        line-height: 56px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-8x {
        height: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        min-height: 64px !important;
        font-size: 64px !important;
        line-height: 64px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-9x {
        height: 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
        font-size: 72px !important;
        line-height: 72px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-10x {
        height: 80px !important;
        width: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        font-size: 80px !important;
        line-height: 80px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-11x {
        height: 88px !important;
        width: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        font-size: 88px !important;
        line-height: 88px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-12x {
        height: 96px !important;
        width: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        font-size: 96px !important;
        line-height: 96px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-13x {
        height: 104px !important;
        width: 104px !important;
        min-width: 104px !important;
        min-height: 104px !important;
        font-size: 104px !important;
        line-height: 104px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-14x {
        height: 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        font-size: 112px !important;
        line-height: 112px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-15x {
        height: 120px !important;
        width: 120px !important;
        min-width: 120px !important;
        min-height: 120px !important;
        font-size: 120px !important;
        line-height: 120px !important
    }
}

@media(max-width:751px) {
    .sm-i-c-16x {
        height: 128px !important;
        width: 128px !important;
        min-width: 128px !important;
        min-height: 128px !important;
        font-size: 128px !important;
        line-height: 128px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-0x {
        height: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-1x {
        height: 8px !important;
        width: 8px !important;
        min-width: 8px !important;
        min-height: 8px !important;
        font-size: 8px !important;
        line-height: 8px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-2x {
        height: 16px !important;
        width: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        font-size: 16px !important;
        line-height: 16px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-3x {
        height: 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 24px !important;
        line-height: 24px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-4x {
        height: 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        font-size: 32px !important;
        line-height: 32px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-5x {
        height: 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 40px !important;
        line-height: 40px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-6x {
        height: 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        font-size: 48px !important;
        line-height: 48px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-7x {
        height: 56px !important;
        width: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        font-size: 56px !important;
        line-height: 56px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-8x {
        height: 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        min-height: 64px !important;
        font-size: 64px !important;
        line-height: 64px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-9x {
        height: 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
        font-size: 72px !important;
        line-height: 72px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-10x {
        height: 80px !important;
        width: 80px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        font-size: 80px !important;
        line-height: 80px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-11x {
        height: 88px !important;
        width: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        font-size: 88px !important;
        line-height: 88px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-12x {
        height: 96px !important;
        width: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        font-size: 96px !important;
        line-height: 96px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-13x {
        height: 104px !important;
        width: 104px !important;
        min-width: 104px !important;
        min-height: 104px !important;
        font-size: 104px !important;
        line-height: 104px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-14x {
        height: 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        font-size: 112px !important;
        line-height: 112px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-15x {
        height: 120px !important;
        width: 120px !important;
        min-width: 120px !important;
        min-height: 120px !important;
        font-size: 120px !important;
        line-height: 120px !important
    }
}

@media(max-width:1387px) {
    .lg-i-c-16x {
        height: 128px !important;
        width: 128px !important;
        min-width: 128px !important;
        min-height: 128px !important;
        font-size: 128px !important;
        line-height: 128px !important
    }
}

.well {
    border: none;
    box-shadow: none;
    color: #524972;
    font-size: 18px;
    padding: 16px;
    background: #fff;
    margin-bottom: 40px
}

.well--lg {
    padding: 32px
}

.well--hero {
    background: linear-gradient(180deg, #f9dccd, rgba(255, 216, 197, .3) 92.19%);
    border-radius: 4px
}

.toast-message .alert {
    border: none
}

.toast-message .alert--border-left:after {
    top: 0;
    bottom: 0
}

.toast--left-top {
    position: fixed;
    top: 60px;
    left: 0
}

.toast--left-bottom {
    position: fixed;
    bottom: 60px;
    left: 0
}

.toast--right-top {
    position: fixed;
    top: 60px;
    right: 0
}

.toast--right-bottom {
    position: fixed;
    right: 0;
    bottom: 60px
}

#toast-container {
    z-index: 1002
}

.input-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
    font-size: 18px;
    border-radius: 6px;
    padding: 0 24px;
    transition: border .3s linear;
    padding: 0 !important
}

@media(max-width:1387px) {
    .input-group {
        height: 48px;
        font-size: 17px;
        border-radius: 4px
    }
}

.input-group .form-control,
.input-group .selectize-control.form-control,
.input-group .selectize-control.form-control .selectize-input {
    min-height: 100%;
    border: none !important;
    background: 0 0 !important
}

.input-group .form-control {
    height: auto;
    flex: 1 1 auto
}

.input-group .selectize-control,
.input-group .selectize-input {
    height: 100%
}

.input-group__icon {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.input-group__icon:first-child {
    margin-left: 16px
}

.input-group__icon:last-child {
    margin-right: 16px
}

.input-group:not(.input-group--boxed)__btn:not(.btn--rounded) {
    margin-right: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group__addon {
    height: 100%;
    display: flex;
    align-items: center;
    min-height: inherit;
    padding: 0 16px;
    background: #fff;
    border-radius: inherit
}

.input-group__addon+.form-control {
    padding-left: 16px
}

.input-group__addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group__addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group__actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: 100%
}

.input-group__actions>.selectize-control:before {
    position: absolute;
    top: 25%;
    left: 0;
    content: "";
    display: block;
    align-items: center;
    width: 1px;
    height: 50%;
    background-color: #fff
}

.input-group.input-group--simple,
.input-group.input-group--simple.is-focus,
.input-group.input-group--simple:active,
.input-group.input-group--simple:focus,
.input-group.input-group--simple:hover {
    border-color: transparent
}

.input-group.is-focus,
.input-group.is-focus:active,
.input-group.is-focus:hover {
    border: 1px solid #0d3c9f
}

.input-group--rounded {
    border-radius: 70px
}

.input-group--rounded>.btn.btn--rounded {
    margin-right: -1px
}

.input-group--toggle:not(.is-open),
.input-group--toggle:not(.is-open).is-focus,
.input-group--toggle:not(.is-open):acive,
.input-group--toggle:not(.is-open):focus,
.input-group--toggle:not(.is-open):hover {
    background: 0 0;
    border-color: transparent;
    transition: none
}

.input-group--boxed {
    height: auto !important;
    padding: 8px !important
}

.input-group--boxed .input-group__actions {
    padding: 4px
}

.input-group--boxed .input-group__actions>* {
    margin-left: 4px
}

.input-group--xs {
    height: 44px
}

.input-group--xs .input-group__icon {
    font-size: 19px
}

.input-group--xs .input-group__icon:first-child {
    margin-left: 4px;
    margin-right: -4px
}

.input-group--xs .input-group__addon {
    padding: 0 8px
}

.input-group--xs .input-group__addon+.form-control {
    padding-left: 8px
}

.input-group--xs.input-group--boxed .input-group__actions {
    padding: 2px
}

.input-group--xs.input-group--boxed .input-group__actions>* {
    margin-left: 2px
}

.input-group--sm {
    height: 48px
}

.input-group--sm.input-group--boxed .input-group__actions {
    padding: 3px
}

.input-group--sm.input-group--boxed .input-group__actions>* {
    margin-left: 3px
}

.input-group--d {
    height: 52px
}

.input-group--lg {
    height: 60px
}

.input-group--lg .input-group__icon {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important
}

.input-group--lg .input-group__icon:first-child {
    margin-right: -8px
}

.input-group--lg .input-group__icon:last-child {
    margin-left: -8px
}

.input-group--lg.input-group--boxed .input-group__actions {
    padding: 6px
}

.input-group--xlg {
    height: 64px
}

.input-group--xlg .input-group__icon:first-child {
    margin-left: 16px
}

.input-group--xlg .input-group__addon {
    padding: 0 24px
}

.input-group--xlg .input-group__addon+.form-control {
    padding-left: 24px
}

.input-group--xlg.input-group--boxed .input-group__actions {
    padding: 8px
}

.input-group--xlg.input-group--boxed .input-group__actions>* {
    margin-left: 8px
}

@media(max-width:751px) {
    .input-group--mob-xs {
        height: 44px
    }
    .input-group--mob-xs .input-group__icon {
        font-size: 19px
    }
    .input-group--mob-xs .input-group__icon:first-child {
        margin-left: 4px;
        margin-right: -4px
    }
    .input-group--mob-xs .input-group__addon {
        padding: 0 8px
    }
    .input-group--mob-xs .input-group__addon+.form-control {
        padding-left: 8px
    }
    .input-group--mob-xs.input-group--boxed .input-group__actions {
        padding: 2px
    }
    .input-group--mob-xs.input-group--boxed .input-group__actions>* {
        margin-left: 2px
    }
    .input-group--mob-sm {
        height: 48px
    }
    .input-group--mob-sm.input-group--boxed .input-group__actions {
        padding: 3px
    }
    .input-group--mob-sm.input-group--boxed .input-group__actions>* {
        margin-left: 3px
    }
    .input-group--mob-d {
        height: 52px
    }
    .input-group--mob-lg {
        height: 60px
    }
    .input-group--mob-lg .input-group__icon {
        height: 24px !important;
        width: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        font-size: 24px !important;
        line-height: 24px !important
    }
    .input-group--mob-lg .input-group__icon:first-child {
        margin-right: -8px
    }
    .input-group--mob-lg .input-group__icon:last-child {
        margin-left: -8px
    }
    .input-group--mob-lg.input-group--boxed .input-group__actions {
        padding: 6px
    }
    .input-group--mob-xlg {
        height: 64px
    }
    .input-group--mob-xlg .input-group__icon:first-child {
        margin-left: 16px
    }
    .input-group--mob-xlg .input-group__addon {
        padding: 0 24px
    }
    .input-group--mob-xlg .input-group__addon+.form-control {
        padding-left: 24px
    }
    .input-group--mob-xlg.input-group--boxed .input-group__actions {
        padding: 8px
    }
    .input-group--mob-xlg.input-group--boxed .input-group__actions>* {
        margin-left: 8px
    }
}

.form {
    width: 100%
}

.form-control,
.form-indicator,
.input-group {
    color: #524972;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: none
}

.form-control .form-check label:hover .form-indicator,
.form-control:hover,
.form-indicator .form-check label:hover .form-indicator,
.form-indicator:hover,
.input-group .form-check label:hover .form-indicator,
.input-group:hover {
    border-color: #0d3c9f
}

.form-control .form-check label:active .form-indicator,
.form-control .form-check label:focus .form-indicator,
.form-control:active,
.form-control:focus,
.form-indicator .form-check label:active .form-indicator,
.form-indicator .form-check label:focus .form-indicator,
.form-indicator:active,
.form-indicator:focus,
.input-group .form-check label:active .form-indicator,
.input-group .form-check label:focus .form-indicator,
.input-group:active,
.input-group:focus {
    border-color: #0d3c9f;
    outline: 0
}

.form-feedback,
.form-label {
    color: #9d9da6
}

.form-group {
    position: relative;
    margin-bottom: 16px
}

.form-group>:last-child {
    margin-bottom: 0 !important
}

.form-control {
    height: 52px;
    font-size: 18px;
    border-radius: 6px;
    padding: 0 24px;
    display: block;
    width: 100%;
    transition: border .3s linear;
    appearance: none
}

@media(max-width:1387px) {
    .form-control {
        height: 48px;
        font-size: 17px;
        border-radius: 4px
    }
}

.form-check>label,
.form-group>label,
.form-label {
    display: flex;
    align-items: center;
    flex-basis: auto;
    margin-bottom: 4px;
    line-height: 30px;
    font-weight: 400
}

.form-check>label+.form-check,
.form-group>label+.form-check,
.form-label+.form-check {
    margin-top: 8px
}

.form-feedback {
    margin-top: 4px;
    font-size: 8px;
    line-height: 11px
}

.form-feedback--icon {
    display: flex;
    align-items: center
}

.form-tooltip-helper {
    cursor: pointer;
    color: #b3b5b9;
    vertical-align: text-bottom;
    margin-left: 8px
}

.form-upload {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    border: 1px dashed #0d3c9f
}

.form-upload .msg {
    padding: 16px 0
}

.form-upload .msg__title {
    margin: 10px 0
}

.form-separator {
    display: inline-flex;
    align-items: center
}

textarea.form-control {
    line-height: 1.4;
    max-width: 100%;
    min-height: 150px;
    padding: 10px 12px;
    resize: none
}

textarea.form-control--lg {
    padding: 17px 16px
}

.help-block {
    margin-top: 8px;
    color: #9d9da6;
    font-size: 16px;
    line-height: 26px
}

.form-control--xs,
.input-group--xs,
.input-group--xs .form-control {
    height: 44px;
    font-size: 16px;
    border-radius: 4px;
    padding: 0 16px
}

@media(max-width:1387px) {
    .form-control--xs,
    .input-group--xs,
    .input-group--xs .form-control {
        height: 40px;
        font-size: 15px
    }
}

.form-control--sm,
.input-group--sm,
.input-group--sm .form-control {
    height: 48px;
    font-size: 16px;
    border-radius: 6px;
    padding: 0 24px
}

@media(max-width:1387px) {
    .form-control--sm,
    .input-group--sm,
    .input-group--sm .form-control {
        height: 44px;
        font-size: 15px;
        border-radius: 4px
    }
}

.form-control--d,
.input-group--d,
.input-group--d .form-control {
    height: 52px;
    font-size: 18px;
    border-radius: 6px;
    padding: 0 24px
}

@media(max-width:1387px) {
    .form-control--d,
    .input-group--d,
    .input-group--d .form-control {
        height: 48px;
        font-size: 17px;
        border-radius: 4px
    }
}

.form-control--lg,
.input-group--lg,
.input-group--lg .form-control {
    height: 60px;
    font-size: 20px;
    border-radius: 6px;
    padding: 0 32px
}

@media(max-width:1387px) {
    .form-control--lg,
    .input-group--lg,
    .input-group--lg .form-control {
        height: 56px;
        font-size: 18px;
        border-radius: 4px
    }
}

.form-control--xlg,
.input-group--xlg,
.input-group--xlg .form-control {
    height: 64px;
    font-size: 20px;
    border-radius: 8px;
    padding: 0 32px
}

@media(max-width:1387px) {
    .form-control--xlg,
    .input-group--xlg,
    .input-group--xlg .form-control {
        height: 56px;
        font-size: 18px;
        border-radius: 6px
    }
}

@media(max-width:751px) {
    .form-control--mob-xs,
    .input-group--mob-xs,
    .input-group--mob-xs .form-control {
        height: 44px;
        font-size: 16px;
        border-radius: 4px;
        padding: 0 16px
    }
}

@media(max-width:751px) and (max-width:1387px) {
    .form-control--mob-xs,
    .input-group--mob-xs,
    .input-group--mob-xs .form-control {
        height: 40px;
        font-size: 15px
    }
}

@media(max-width:751px) {
    .form-control--mob-sm,
    .input-group--mob-sm,
    .input-group--mob-sm .form-control {
        height: 48px;
        font-size: 16px;
        border-radius: 6px;
        padding: 0 24px
    }
}

@media(max-width:751px) and (max-width:1387px) {
    .form-control--mob-sm,
    .input-group--mob-sm,
    .input-group--mob-sm .form-control {
        height: 44px;
        font-size: 15px;
        border-radius: 4px
    }
}

@media(max-width:751px) {
    .form-control--mob-d,
    .input-group--mob-d,
    .input-group--mob-d .form-control {
        height: 52px;
        font-size: 18px;
        border-radius: 6px;
        padding: 0 24px
    }
}

@media(max-width:751px) and (max-width:1387px) {
    .form-control--mob-d,
    .input-group--mob-d,
    .input-group--mob-d .form-control {
        height: 48px;
        font-size: 17px;
        border-radius: 4px
    }
}

@media(max-width:751px) {
    .form-control--mob-lg,
    .input-group--mob-lg,
    .input-group--mob-lg .form-control {
        height: 60px;
        font-size: 20px;
        border-radius: 6px;
        padding: 0 32px
    }
}

@media(max-width:751px) and (max-width:1387px) {
    .form-control--mob-lg,
    .input-group--mob-lg,
    .input-group--mob-lg .form-control {
        height: 56px;
        font-size: 18px;
        border-radius: 4px
    }
}

@media(max-width:751px) {
    .form-control--mob-xlg,
    .input-group--mob-xlg,
    .input-group--mob-xlg .form-control {
        height: 64px;
        font-size: 20px;
        border-radius: 8px;
        padding: 0 32px
    }
}

@media(max-width:751px) and (max-width:1387px) {
    .form-control--mob-xlg,
    .input-group--mob-xlg,
    .input-group--mob-xlg .form-control {
        height: 56px;
        font-size: 18px;
        border-radius: 6px
    }
}

.form-control--rounded {
    border-radius: 100px;
    padding: 0 18px
}

.form-control--rounded.form-control--xs {
    padding: 0 16px
}

.form-control--rounded.form-control--xlg {
    padding: 0 34px
}

.form-group .is-loading {
    position: relative
}

.form-group .is-loading .preloader {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    display: block;
    height: 100%
}

.form-group.is-loading .preloader {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: hsla(0, 0%, 100%, .6)
}

.form-group.is-success .form-control,
.form-group.is-success .form-indicator,
.form-group.is-success .input-group {
    color: #009a64;
    border: 1px solid #009a64;
    background-color: #fff;
    box-shadow: none
}

.form-group.is-success .form-control .form-check label:hover .form-indicator,
.form-group.is-success .form-control:hover,
.form-group.is-success .form-indicator .form-check label:hover .form-indicator,
.form-group.is-success .form-indicator:hover,
.form-group.is-success .input-group .form-check label:hover .form-indicator,
.form-group.is-success .input-group:hover {
    border-color: #009a64
}

.form-group.is-success .form-control .form-check label:active .form-indicator,
.form-group.is-success .form-control .form-check label:focus .form-indicator,
.form-group.is-success .form-control:active,
.form-group.is-success .form-control:focus,
.form-group.is-success .form-indicator .form-check label:active .form-indicator,
.form-group.is-success .form-indicator .form-check label:focus .form-indicator,
.form-group.is-success .form-indicator:active,
.form-group.is-success .form-indicator:focus,
.form-group.is-success .input-group .form-check label:active .form-indicator,
.form-group.is-success .input-group .form-check label:focus .form-indicator,
.form-group.is-success .input-group:active,
.form-group.is-success .input-group:focus {
    border-color: #009a64;
    outline: 0
}

.form-group.is-success .form-feedback,
.form-group.is-success .form-label {
    color: #9d9da6
}

.form-group.is-success .form-feedback--icon:before {
    content: ""
}

.form-group.is-warning .form-control,
.form-group.is-warning .form-indicator,
.form-group.is-warning .input-group {
    color: #ea862b;
    border: 1px solid #ea862b;
    background-color: #fff;
    box-shadow: none
}

.form-group.is-warning .form-control .form-check label:hover .form-indicator,
.form-group.is-warning .form-control:hover,
.form-group.is-warning .form-indicator .form-check label:hover .form-indicator,
.form-group.is-warning .form-indicator:hover,
.form-group.is-warning .input-group .form-check label:hover .form-indicator,
.form-group.is-warning .input-group:hover {
    border-color: #ea862b
}

.form-group.is-warning .form-control .form-check label:active .form-indicator,
.form-group.is-warning .form-control .form-check label:focus .form-indicator,
.form-group.is-warning .form-control:active,
.form-group.is-warning .form-control:focus,
.form-group.is-warning .form-indicator .form-check label:active .form-indicator,
.form-group.is-warning .form-indicator .form-check label:focus .form-indicator,
.form-group.is-warning .form-indicator:active,
.form-group.is-warning .form-indicator:focus,
.form-group.is-warning .input-group .form-check label:active .form-indicator,
.form-group.is-warning .input-group .form-check label:focus .form-indicator,
.form-group.is-warning .input-group:active,
.form-group.is-warning .input-group:focus {
    border-color: #ea862b;
    outline: 0
}

.form-group.is-warning .form-feedback,
.form-group.is-warning .form-label {
    color: #9d9da6
}

.form-group.is-warning .form-feedback--icon:before {
    content: ""
}

.form-group.is-error .form-control,
.form-group.is-error .form-indicator,
.form-group.is-error .input-group {
    color: #d83a3a;
    border: 1px solid #d83a3a;
    background-color: #fff;
    box-shadow: none
}

.form-group.is-error .form-control .form-check label:hover .form-indicator,
.form-group.is-error .form-control:hover,
.form-group.is-error .form-indicator .form-check label:hover .form-indicator,
.form-group.is-error .form-indicator:hover,
.form-group.is-error .input-group .form-check label:hover .form-indicator,
.form-group.is-error .input-group:hover {
    border-color: #d83a3a
}

.form-group.is-error .form-control .form-check label:active .form-indicator,
.form-group.is-error .form-control .form-check label:focus .form-indicator,
.form-group.is-error .form-control:active,
.form-group.is-error .form-control:focus,
.form-group.is-error .form-indicator .form-check label:active .form-indicator,
.form-group.is-error .form-indicator .form-check label:focus .form-indicator,
.form-group.is-error .form-indicator:active,
.form-group.is-error .form-indicator:focus,
.form-group.is-error .input-group .form-check label:active .form-indicator,
.form-group.is-error .input-group .form-check label:focus .form-indicator,
.form-group.is-error .input-group:active,
.form-group.is-error .input-group:focus {
    border-color: #d83a3a;
    outline: 0
}

.form-group.is-error .form-feedback,
.form-group.is-error .form-label {
    color: #9d9da6
}

.form-group.is-error .form-feedback--icon:before {
    content: ""
}

.form-group.is-info .form-control,
.form-group.is-info .form-indicator,
.form-group.is-info .input-group {
    color: #4685ef;
    border: 1px solid #4685ef;
    background-color: #fff;
    box-shadow: none
}

.form-group.is-info .form-control .form-check label:hover .form-indicator,
.form-group.is-info .form-control:hover,
.form-group.is-info .form-indicator .form-check label:hover .form-indicator,
.form-group.is-info .form-indicator:hover,
.form-group.is-info .input-group .form-check label:hover .form-indicator,
.form-group.is-info .input-group:hover {
    border-color: #4685ef
}

.form-group.is-info .form-control .form-check label:active .form-indicator,
.form-group.is-info .form-control .form-check label:focus .form-indicator,
.form-group.is-info .form-control:active,
.form-group.is-info .form-control:focus,
.form-group.is-info .form-indicator .form-check label:active .form-indicator,
.form-group.is-info .form-indicator .form-check label:focus .form-indicator,
.form-group.is-info .form-indicator:active,
.form-group.is-info .form-indicator:focus,
.form-group.is-info .input-group .form-check label:active .form-indicator,
.form-group.is-info .input-group .form-check label:focus .form-indicator,
.form-group.is-info .input-group:active,
.form-group.is-info .input-group:focus {
    border-color: #4685ef;
    outline: 0
}

.form-group.is-info .form-feedback,
.form-group.is-info .form-label {
    color: #9d9da6
}

.form-group.is-info .form-feedback--icon:before {
    content: ""
}

.form-group--horizontal {
    display: flex
}

.form-group--horizontal .form-label {
    flex-basis: 0;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 120px;
    margin-right: 16px;
    margin-bottom: 0
}

.form-group--horizontal .form-label+.form-check {
    margin-top: 0
}

.form-group--horizontal .form-controls {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1
}

.form-group--horizontal .form-check {
    margin-bottom: 0
}

.form-group--horizontal>* {
    margin-right: 16px
}

.form-group--horizontal>* :last-child {
    margin-right: 0
}

.form-group.row>.form-label[class*=col-] {
    margin-bottom: 0
}

.form--inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form--inline .form-group {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.form--inline .form-group+.form-group {
    margin-left: 16px
}

.form-control--rounded {
    border-radius: 70px
}

.form-boxed {
    padding: 16px;
    background-color: #fff
}

select.form-control {
    opacity: 0
}

.selectize-control {
    position: relative;
    padding: 0;
    border: 0
}

.selectize-control .selectize-input {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    padding-right: 40px
}

.selectize-control .selectize-input.dropdown-active {
    border-color: #0d3c9f
}

.selectize-control .selectize-input.dropdown-active input {
    z-index: 0;
    border-color: #0d3c9f
}

.selectize-control .selectize-input .item {
    position: relative;
    white-space: nowrap;
    margin-right: 4px
}

.selectize-control .selectize-input .item+input {
    position: absolute
}

.selectize-control .selectize-input input {
    color: #0d3c9f;
    height: 100%;
    border: 0;
    background: 0 0
}

.selectize-control .selectize-input input:active,
.selectize-control .selectize-input input:focus {
    outline: 0
}

.selectize-control.multi .selectize-input {
    flex-wrap: wrap;
    align-items: center;
    min-height: 44px;
    height: auto;
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 4px
}

.selectize-control.multi .item {
    padding: 0 8px;
    margin: 0 4px 4px 0;
    background: #fff;
    line-height: 24px
}

.selectize-control.multi .item.active {
    color: inherit
}

.selectize-control.multi.plugin-remove_button .item {
    position: relative;
    padding-right: 32px !important
}

.selectize-control.multi.plugin-remove_button .item>.remove {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    text-align: center;
    transition: all .3s ease-in-out
}

.selectize-control.multi.plugin-remove_button .item>.remove:hover {
    background: rgba(0, 0, 0, .05)
}

.selectize-dropdown {
    position: absolute;
    z-index: 1002;
    display: none;
    min-width: 260px;
    background: #fff;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 3px;
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both
}

.selectize-dropdown-content {
    max-height: 200px;
    overflow-y: auto
}

.selectize-dropdown .option {
    overflow: hidden;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.selectize-dropdown .option .badge {
    margin-left: auto
}

.selectize-dropdown .option.active,
.selectize-dropdown .option:hover {
    background: 0 0;
    color: #0d3c9f
}

.has-dark-background .selectize-input {
    border-color: #fff
}

.selectize-dropdown .optgroup-header,
.selectize-dropdown .option {
    min-height: 36px;
    padding: 10px 16px
}

.selectize-control.form-control--sm:before,
.selectize-control.form-control--xs:before {
    font-size: 16px
}

.selectize-control.form-control--sm .selectize-dropdown .option,
.selectize-control.form-control--xs .selectize-dropdown .option {
    min-height: 24px;
    padding: 4px 16px
}

.selectize-control.form-control--lg:before,
.selectize-control.form-control--xlg:before {
    font-size: 24px
}

.selectize-control.form-control--lg .selectize-dropdown .option,
.selectize-control.form-control--xlg .selectize-dropdown .option {
    min-height: 40px;
    padding: 8px 16px
}

.form-check label {
    cursor: pointer;
    margin: 0
}

.form-check label+.form-check {
    margin-top: 16px
}

.form-check:not(.form-check--basic) {
    position: relative;
    display: inline-block;
    margin-bottom: 8px
}

.form-check:not(.form-check--basic) .form-checkbox,
.form-check:not(.form-check--basic) .form-radio {
    display: none
}

.form-check>.form-check {
    margin-left: 40px
}

.form-check--switcher label {
    width: 100%
}

.form-check--inline {
    display: inline-flex !important;
    margin-bottom: 0 !important
}

.form-check--inline+.form-check--inline {
    margin-left: 16px
}

.form-checkbox:checked+.form-indicator {
    border: 2px solid #0d3c9f !important;
    background: #0d3c9f !important
}

.form-checkbox:checked+.form-indicator:after {
    display: inline-flex
}

.form-checkbox+.form-indicator {
    position: relative;
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.form-radio:checked+.form-indicator:after {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    z-index: 1;
    border: 6px solid #0d3c9f;
    border-radius: 100%
}

.form-radio+.form-indicator {
    position: relative;
    display: flex;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    align-items: center;
    justify-content: center
}

.form-checkbox.is-disabled+.form-indicator,
.form-checkbox:disabled+.form-indicator,
.form-radio.is-disabled+.form-indicator,
.form-radio:disabled+.form-indicator {
    opacity: .5;
    cursor: not-allowed
}

.form-checkbox.is-disabled+.form-indicator+.form-text,
.form-checkbox:disabled+.form-indicator+.form-text,
.form-radio.is-disabled+.form-indicator+.form-text,
.form-radio:disabled+.form-indicator+.form-text {
    opacity: .5
}

.form-checkbox.is-disabled:not(:checked)+.form-indicator,
.form-checkbox:disabled:not(:checked)+.form-indicator,
.form-radio.is-disabled:not(:checked)+.form-indicator,
.form-radio:disabled:not(:checked)+.form-indicator {
    border-color: #fff !important
}

.form-indicator {
    border-width: 2px
}

.form-text {
    margin-left: 16px
}

.form-text:first-child {
    margin-left: 0;
    margin-right: 16px
}

.form-check.is-success .form-indicator,
.form-check.is-success:not(.form-check--basic) label:active .form-indicator,
.form-check.is-success:not(.form-check--basic) label:focus .form-indicator,
.form-check.is-success:not(.form-check--basic) label:hover .form-indicator {
    border-color: #009a64
}

.form-check.is-success .form-checkbox:checked+.form-indicator {
    border-color: #009a64 !important;
    background-color: #009a64 !important
}

.form-check.is-success .form-text {
    color: #009a64
}

.form-check.is-warning .form-indicator,
.form-check.is-warning:not(.form-check--basic) label:active .form-indicator,
.form-check.is-warning:not(.form-check--basic) label:focus .form-indicator,
.form-check.is-warning:not(.form-check--basic) label:hover .form-indicator {
    border-color: #ea862b
}

.form-check.is-warning .form-checkbox:checked+.form-indicator {
    border-color: #ea862b !important;
    background-color: #ea862b !important
}

.form-check.is-warning .form-text {
    color: #ea862b
}

.form-check.is-error .form-indicator,
.form-check.is-error:not(.form-check--basic) label:active .form-indicator,
.form-check.is-error:not(.form-check--basic) label:focus .form-indicator,
.form-check.is-error:not(.form-check--basic) label:hover .form-indicator {
    border-color: #d83a3a
}

.form-check.is-error .form-checkbox:checked+.form-indicator {
    border-color: #d83a3a !important;
    background-color: #d83a3a !important
}

.form-check.is-error .form-text {
    color: #d83a3a
}

.form-check.is-info .form-indicator,
.form-check.is-info:not(.form-check--basic) label:active .form-indicator,
.form-check.is-info:not(.form-check--basic) label:focus .form-indicator,
.form-check.is-info:not(.form-check--basic) label:hover .form-indicator {
    border-color: #4685ef
}
.banner--search .input-group--actions .actions-switch#showPremiumDomains .fa-toggle-off:not(.fa-toggle-on) + .switch__container:after {
    position: absolute;
    top: 1px;
    bottom: 0;
    display: flex;
    left: 8px;
    z-index: 1;
    align-items: center;
    content: "on";
    color: #fff !important;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}
.banner--search .input-group--actions .actions-switch#showTakenDomains .fa-toggle-on + .switch__container:after {
    color: #536080 !important;
 
}
.form-check.is-info .form-checkbox:checked+.form-indicator {
    border-color: #4685ef !important;
    background-color: #4685ef !important
}

.form-check.is-info .form-text {
    color: #4685ef
}

.switch {
    position: relative;
    height: 24px;
    width: 40px;
    cursor: pointer
}

.switch+.form-text {
    margin-left: 16px
}

.switch__checkbox {
    position: absolute;
    opacity: 0
}

.switch__checkbox+.switch__container .switch__handle {
    right: 18px
}

.switch__checkbox:checked+.switch__container {
    background-color: #009a64
}

.switch__checkbox:checked+.switch__container .switch__handle {
    right: 2px
}

.switch__handle {
    top: 2px;
    right: 2px;
    z-index: 2;
    display: block;
    height: 20px;
    width: 20px
}

.switch__container,
.switch__handle {
    position: absolute;
    background-color: #fff;
    border-radius: 12px;
    transition: all .3s ease
}

.switch__container {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.switch--icon {
    width: 45px
}

.switch--icon .switch__checkbox+.switch__container .switch__handle {
    right: 23px
}

.switch--icon .switch__checkbox:checked+.switch__container {
    background-color: #0d3c9f
}

.switch--icon .switch__checkbox:checked+.switch__container .switch__handle {
    right: 2px
}

.switch--text {
    width: 50px
}

.switch--text .switch__checkbox+.switch__container .switch__handle {
    right: 28px
}
 

.switch--text .switch__checkbox:checked+.switch__container {
    background-color: #0d3c9f
}

 
.switch--text .switch__checkbox:checked+.switch__container .switch__handle {
    right: 2px
}

.switch--primary .switch__handle {
    background: #0d3c9f
}

.switch--primary .switch__checkbox:checked+.switch__container .switch__handle,
.switch--primary .switch__container {
    background: #fff
}

.form-text+.switch {
    margin-left: auto
}

.app {
    background: #fff;
    position: relative
}

.app.app--100vh {
    min-height: 100vh
}

@media(min-width:752px) {
    .app-main__top .top>*+* {
        margin-left: 24px;
        margin-right: 24px
    }
}

.app-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    padding: 0;
    background: #fff
}

@media(min-width:1012px) {
    .app-header {
        height: 64px
    }
}

@media(max-width:1011px) {
    .app-header {
        height: 56px
    }
}

.app-header>.nav>.nav__item,
.app-header>.nav>.nav__item>.nav__link {
    height: 100%
}

@media(min-width:1012px) {
    .app--header-top {
        padding-top: 64px
    }
    .app--header-top .app-navbar {
        top: 64px
    }
}

@media(max-width:1011px) {
    .app--header-top {
        padding-top: 56px
    }
}

.app-navbar {
    position: absolute;
    top: 0;
    z-index: 1001
}

@media(max-width:1011px) {
    .app--navbar-left .app-main,
    .app--navbar-right .app-main {
        padding-top: 56px
    }
}

.app--navbar-left .app-main__nav:after,
.app--navbar-right .app-main__nav:after {
    width: auto
}

@media(min-width:1012px) {
    .app--navbar-left .app-navbar.navbar--v,
    .app--navbar-right .app-navbar.navbar--v {
        bottom: 0
    }
    .app--navbar-left .app-navbar.navbar--v {
        left: 0;
        right: auto
    }
    .app--navbar-left.app--navbar-v-thin .app-main {
        padding-left: 110px
    }
    .app--navbar-left.app--navbar-v-thin .app-main__actions.is-fixed {
        right: 0;
        left: 110px;
        width: auto
    }
    .app--navbar-left.app--navbar-v-wide .app-main {
        padding-left: 270px
    }
    .app--navbar-left.app--navbar-v-wide .app-main__actions.is-fixed {
        right: 0;
        left: 270px;
        width: auto
    }
    .app--navbar-right .app-navbar.navbar--v {
        right: 0;
        left: auto
    }
    .app--navbar-right.app--navbar-v-thin .app-main {
        padding-right: 110px
    }
    .app--navbar-right.app--navbar-v-thin .app-main__actions {
        right: 110px
    }
    .app--navbar-right.app--navbar-v-wide .app-main {
        padding-right: 270px
    }
    .app--navbar-right.app--navbar-v-wide .app-main__actions {
        right: 270px
    }
    .app--navbar-top.app--navbar-h-extended {
        padding-top: 124px
    }
    .app--navbar-top.app--navbar-h-simple {
        padding-top: 72px
    }
    .app--navbar-left .app-main,
    .app--navbar-right .app-main {
        min-height: 100vh
    }
    .app--main-toolbar-top.app--navbar-left.app--navbar-v-wide .app-main__toolbar {
        right: 0;
        left: 270px
    }
    .app--main-toolbar-top.app--navbar-left.app--navbar-v-thin .app-main__toolbar {
        right: 0;
        left: 110px
    }
    .app--main-toolbar-top.app--navbar-right.app--navbar-v-wide .app-main__toolbar {
        left: 0;
        right: 270px
    }
    .app--main-toolbar-top.app--navbar-right.app--navbar-v-thin .app-main__toolbar {
        left: 0;
        right: 110px
    }
}

@media(min-width:1012px) {
    .app-main__top {
        padding-top: 40px
    }
}

@media(max-width:1011px) {
    .app-main__top {
        padding-top: 24px
    }
}

@media(max-width:751px) {
    .app-main__top {
        padding-top: 16px
    }
}

@media(min-width:752px) {
    .app-main__top .top {
        min-height: 52px
    }
}

@media(max-width:751px) {
    .app-main__top .top {
        min-height: 46px
    }
}

.app-main__top .top__content .top__title+.top__desc {
    padding-top: 4px
}

.app-main__top .top__content .list {
    margin-bottom: -8px
}

.app-main__top .top__title-text {
    margin: auto 0
}

@media(min-width:1012px) {
    .app-main__top .top__title-text {
        font-size: 40px;
        font-weight: 800;
        line-height: 52px
    }
}

@media(max-width:1011px) {
    .app-main__top .top__title-text {
        font-size: 36px;
        font-weight: 800;
        line-height: 44px
    }
}

@media(max-width:751px) {
    .app-main__top .top__title-text {
        font-size: 26px;
        font-weight: 700;
        line-height: 34px
    }
}

@media(max-width:751px) {
    .app-main__top .top__addon,
    .app-main__top .top__content,
    .app-main__top .top__toolbar {
        align-self: center
    }
}

.app-main__nav,
.app-main__steps {
    position: relative
}

@media(min-width:1012px) {
    .app-main__nav,
    .app-main__steps {
        margin-top: 32px
    }
}

@media(min-width:752px) and (max-width:1011px) {
    .app-main__nav,
    .app-main__steps {
        margin-top: 16px
    }
}

.app-main__nav:after,
.app-main__steps:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #fff;
    width: 100%
}

.app-main__nav>.container>.nav-swiper:first-child,
.app-main__nav>.container>.nav:first-child {
    margin-left: -16px
}

.app-main__nav>.container>.nav-swiper:last-child,
.app-main__nav>.container>.nav:last-child {
    margin-right: -16px
}

@media(max-width:1011px) {
    .app-main__nav .nav--md>.nav__item>.nav__link {
        font-size: 18px
    }
}

.app-main__steps {
    padding-bottom: 8px
}

@media(min-width:1012px) {
    .app-main__body {
        padding: 40px 0
    }
}

@media(max-width:1011px) {
    .app-main__body {
        padding: 24px 0
    }
}

.app-main__actions {
    bottom: 0;
    z-index: 999;
    transform: translateZ(0);
    padding: 16px 0;
    background: #fff;
    border-top: 1px solid #fff
}

.app-main__actions>.container {
    display: flex;
    flex-wrap: wrap
}

.app-main__actions.is-fixed {
    box-shadow: 0 -2px 5px -1px rgba(30, 45, 70, .05)
}

.app-main__actions .btn+.btn {
    margin-left: 16px
}

@media(max-width:513px) {
    .app-main__actions>.container {
        margin-right: 0;
        margin-left: 0;
        width: inherit
    }
}

.app-main__footer {
    padding: 16px 0;
    background: #fff;
    border-top: 1px solid #fff
}

.app-main.has-actions {
    padding-bottom: 84px
}

.app-main.has-sm-actions {
    padding-bottom: 80px
}

.app-main__notification .notification__body {
    padding: 24px 0
}

.app-main__notification .notification__nav {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.app-main__toolbar {
    min-height: auto;
    width: auto;
    background: #fff;
    padding: 0 16px;
    border-bottom: 1px solid #fff
}

@media(min-width:1012px) {
    .app--main-toolbar-top .app-main {
        padding-top: 64px
    }
}

@media(max-width:1011px) {
    .app--main-toolbar-top .app-main {
        padding-top: 56px
    }
}

.app--main-toolbar-top .app-main__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

@media(min-width:1012px) {
    .app--main-toolbar-top .app-main__toolbar {
        height: 64px
    }
}

@media(max-width:1011px) {
    .app--main-toolbar-top .app-main__toolbar {
        z-index: 1001;
        background: #1b1c21;
        height: 56px
    }
    .app--main-toolbar-top .app-main__toolbar .navbar__burger span {
        background: hsla(0, 0%, 100%, .8)
    }
    .app--main-toolbar-top .app-main__toolbar .nav>.nav__item>.nav__link {
        color: hsla(0, 0%, 100%, .8)
    }
    .app--main-toolbar-top .app-main__toolbar .nav>.nav__item>.nav__link:active,
    .app--main-toolbar-top .app-main__toolbar .nav>.nav__item>.nav__link:active>.nav__link-icon,
    .app--main-toolbar-top .app-main__toolbar .nav>.nav__item>.nav__link:focus,
    .app--main-toolbar-top .app-main__toolbar .nav>.nav__item>.nav__link:focus>.nav__link-icon,
    .app--main-toolbar-top .app-main__toolbar .nav>.nav__item>.nav__link:hover,
    .app--main-toolbar-top .app-main__toolbar .nav>.nav__item>.nav__link:hover>.nav__link-icon {
        color: #fff
    }
    .app--main-toolbar-top .app-main__toolbar .nav>.nav__item .nav__link-icon {
        color: hsla(0, 0%, 100%, .5)
    }
    .app--main-toolbar-top .app-main__toolbar .nav>.nav__item.is-open>.nav__link,
    .app--main-toolbar-top .app-main__toolbar .nav>.nav__item.is-open>.nav__link>.nav__link-icon {
        color: #fff
    }
    .app--main-toolbar-top .app-main__toolbar .nav>.nav__item.is-active>.nav__link,
    .app--main-toolbar-top .app-main__toolbar .nav>.nav__item.is-active>.nav__link>.nav__link-icon {
        color: #0d3c9f
    }
}

@media(max-width:1011px) {
    .app-header>.container,
    .app-main__actions>.container,
    .app-main__body>.container,
    .app-main__header>.container,
    .app-main__nav>.container,
    .app-main__steps>.container,
    .app-main__top>.container,
    .app-navbar>.container,
    .app-navbar>.navbar__collapse>.container,
    .app-navbar>.navbar__menu>.container,
    .app-navbar>.navbar__off-canvas>.container,
    .app-navbar>.navbar__top>.container {
        max-width: 100%;
        width: 100%
    }
}

.app--footer-bottom .app-main {
    padding-bottom: 77px
}

.app--footer-bottom .app-main__footer {
    background: #fff;
    z-index: 1000;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.block {
    flex-wrap: wrap;
    flex-shrink: 1;
    justify-content: space-between
}

.block__header {
    width: 100%;
    padding: 16px 16px 10px
}

.block__body {
    flex-shrink: 1;
    max-width: 100%
}

@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .block__body {
        flex: 1 1 auto
    }
}

.block__body+.block__sidebar {
    margin-left: 24px
}

.block__sidebar {
    flex-shrink: 0;
    width: 270px
}

@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .block__sidebar {
        flex: 1 1 auto
    }
}

.block__sidebar:first-child {
    margin-right: 24px
}

.block__sidebar:first-child+.block__sidebar,
.block__sidebar:last-child {
    margin-left: 24px
}

.block__sidebar--sm {
    width: 150px
}

.block__sidebar--md {
    width: 320px
}

.block__sidebar--lg {
    width: 386px
}

.block__sidebar.has-bg {
    background-color: #0d3c9f
}

.block__sidebar.has-bg .has-dark-bg.widget {
    box-shadow: none;
    margin-bottom: 8px
}

.block__sidebar.has-bg .has-dark-bg.widget .widget__body+.widget__body {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.block__sidebar.has-bg .has-dark-bg.widget+.widget {
    padding-top: 8px;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

@media(min-width:1012px) {
    .block {
        align-items: flex-start
    }
    .block__sidebar {
        align-self: stretch
    }
}

@media(min-width:752px) {
    .block__header {
        margin-bottom: 48px
    }
}

@media(max-width:1011px) {
    .block {
        flex-direction: column
    }
    .block__sidebar {
        width: 100%;
        margin: 16px 0 0
    }
    .block__sidebar:first-child {
        margin: 0 0 16px
    }
    .block__sidebar:last-child {
        margin: 16px 0 0
    }
}

@media(max-width:751px) {
    .block {
        flex-direction: column
    }
    .block__body {
        border: none
    }
    .block__body>.list-group {
        margin: -24px -16px
    }
    .block__body>.list-group .list-group__item {
        padding: 16px
    }
    .block__body>:not(.well)+.list-group {
        margin-top: 0;
        margin-bottom: 0
    }
}

.top {
    display: flex;
    align-items: center
}

.top>*+* {
    margin-left: 16px;
    margin-right: 16px
}

.top__content {
    flex-grow: 1
}

.top__content>:last-child {
    margin-bottom: 0
}

.top__addon {
    flex-grow: 0
}

.top__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap
}

.top__toolbar>*+* {
    margin-left: 16px
}

.top__title {
    display: flex;
    flex-grow: 1;
    align-items: center;
    height: 100%;
    max-width: 100%
}

@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .top__title {
        width: 100%;
        flex: 1 1 auto
    }
}

.top__title-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.top__title-icon {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 24px !important;
    line-height: 24px !important;
    margin-right: 16px;
    vertical-align: middle
}

.top__content {
    flex-direction: column
}

@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .top__content {
        width: 100%;
        flex: 1 1 auto
    }
}

.top__addon,
.top__content,
.top__toolbar {
    align-self: end
}

.top__toolbar--middle {
    align-self: center
}

@media(max-width:751px) {
    .top__toolbar .btn+.btn {
        margin-left: 0
    }
    .top.top--tools {
        margin-bottom: 0
    }
    .top.top--tools .top__toolbar--left {
        display: none
    }
    .top.top--tools .top__toolbar {
        margin-left: 0;
        width: 100%
    }
    .top.top--tools .top__toolbar .has-dropdown {
        border-bottom: 1px solid #fff
    }
    .top.top--tools .top__toolbar .has-dropdown .btn {
        width: 100%;
        background: 0 0;
        padding-left: 0;
        padding-right: 0
    }
    .top.top--tools .top__toolbar .has-dropdown .btn__icon {
        margin-left: auto
    }
    .top__values {
        display: none
    }
}

.rail {
    display: flex;
    align-items: center
}

.rail>*+* {
    margin-left: 16px
}

.rail__content {
    flex-grow: 1
}

.rail__content>:last-child {
    margin-bottom: 0
}

.rail__addon {
    flex-grow: 0
}

.rail__toolbar {
    display: flex;
    flex-grow: 0;
    align-items: center;
    white-space: nowrap
}

.rail__toolbar>*+* {
    margin-left: 16px
}

.rail--space-between {
    justify-content: space-between
}

.rail--spacing-1x>*+* {
    margin-left: 8px
}

.rail--spacing-3x>*+* {
    margin-left: 24px
}

.rail--spacing-4x>*+* {
    margin-left: 32px
}

.rail--spacing-5x>*+* {
    margin-left: 40px
}

@media(min-width:1012px) {
    .rail-responsive-up {
        display: flex;
        align-items: center
    }
    .rail-responsive-up>*+* {
        margin-left: 16px
    }
    .rail-responsive-up__content {
        flex-grow: 1
    }
    .rail-responsive-up__content>:last-child {
        margin-bottom: 0
    }
    .rail-responsive-up__addon {
        flex-grow: 0
    }
    .rail-responsive-up__toolbar {
        display: flex;
        flex-grow: 0;
        align-items: center;
        white-space: nowrap
    }
    .rail-responsive-up__toolbar>*+* {
        margin-left: 16px
    }
}

@media(max-width:1011px) {
    .rail-responsive-down {
        display: flex;
        align-items: center
    }
    .rail-responsive-down>*+* {
        margin-left: 16px
    }
    .rail-responsive-down__content {
        flex-grow: 1
    }
    .rail-responsive-down__content>:last-child {
        margin-bottom: 0
    }
    .rail-responsive-down__addon {
        flex-grow: 0
    }
    .rail-responsive-down__toolbar {
        display: flex;
        flex-grow: 0;
        align-items: center;
        white-space: nowrap
    }
    .rail-responsive-down__toolbar>*+* {
        margin-left: 16px
    }
}

@media(min-width:752px) {
    .rail-mob-up {
        display: flex;
        align-items: center
    }
    .rail-mob-up>*+* {
        margin-left: 16px
    }
    .rail-mob-up__content {
        flex-grow: 1
    }
    .rail-mob-up__content>:last-child {
        margin-bottom: 0
    }
    .rail-mob-up__addon {
        flex-grow: 0
    }
    .rail-mob-up__toolbar {
        display: flex;
        flex-grow: 0;
        align-items: center;
        white-space: nowrap
    }
    .rail-mob-up__toolbar>*+* {
        margin-left: 16px
    }
}

@media(max-width:751px) {
    .rail-mob-down {
        display: flex;
        align-items: center
    }
    .rail-mob-down>*+* {
        margin-left: 16px
    }
    .rail-mob-down__content {
        flex-grow: 1
    }
    .rail-mob-down__content>:last-child {
        margin-bottom: 0
    }
    .rail-mob-down__addon {
        flex-grow: 0
    }
    .rail-mob-down__toolbar {
        display: flex;
        flex-grow: 0;
        align-items: center;
        white-space: nowrap
    }
    .rail-mob-down__toolbar>*+* {
        margin-left: 16px
    }
}

@media(min-width:514px) {
    .rail-xs-up {
        display: flex;
        align-items: center
    }
    .rail-xs-up>*+* {
        margin-left: 16px
    }
    .rail-xs-up__content {
        flex-grow: 1
    }
    .rail-xs-up__content>:last-child {
        margin-bottom: 0
    }
    .rail-xs-up__addon {
        flex-grow: 0
    }
    .rail-xs-up__toolbar {
        display: flex;
        flex-grow: 0;
        align-items: center;
        white-space: nowrap
    }
    .rail-xs-up__toolbar>*+* {
        margin-left: 16px
    }
}

@media(max-width:513px) {
    .rail-xs-down {
        display: flex;
        align-items: center
    }
    .rail-xs-down>*+* {
        margin-left: 16px
    }
    .rail-xs-down__content {
        flex-grow: 1
    }
    .rail-xs-down__content>:last-child {
        margin-bottom: 0
    }
    .rail-xs-down__addon {
        flex-grow: 0
    }
    .rail-xs-down__toolbar {
        display: flex;
        flex-grow: 0;
        align-items: center;
        white-space: nowrap
    }
    .rail-xs-down__toolbar>*+* {
        margin-left: 16px
    }
}

.cell-actions:first-child>.btn--link:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link,
.list-group__toolbar:first-child>.btn--link:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link,
.rail__toolbar:first-child>.btn--link:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link,
.top__toolbar:first-child>.btn--link:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link {
    margin-left: -24px
}

.cell-actions:first-child>.btn--link.btn--icon:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--icon,
.list-group__toolbar:first-child>.btn--link.btn--icon:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon,
.rail__toolbar:first-child>.btn--link.btn--icon:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon,
.top__toolbar:first-child>.btn--link.btn--icon:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon {
    margin-left: -14px
}

.cell-actions:first-child>.btn--link.btn--icon.btn--xs:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--xs,
.list-group__toolbar:first-child>.btn--link.btn--icon.btn--xs:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--xs,
.rail__toolbar:first-child>.btn--link.btn--icon.btn--xs:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--xs,
.top__toolbar:first-child>.btn--link.btn--icon.btn--xs:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--xs {
    margin-left: -10px
}

.cell-actions:first-child>.btn--link.btn--xs:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--xs,
.list-group__toolbar:first-child>.btn--link.btn--xs:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--xs,
.rail__toolbar:first-child>.btn--link.btn--xs:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--xs,
.top__toolbar:first-child>.btn--link.btn--xs:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--xs {
    margin-left: -24px
}

.cell-actions:first-child>.btn--link.btn--icon.btn--sm:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--sm,
.list-group__toolbar:first-child>.btn--link.btn--icon.btn--sm:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--sm,
.rail__toolbar:first-child>.btn--link.btn--icon.btn--sm:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--sm,
.top__toolbar:first-child>.btn--link.btn--icon.btn--sm:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--sm {
    margin-left: -12px
}

.cell-actions:first-child>.btn--link.btn--sm:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--sm,
.list-group__toolbar:first-child>.btn--link.btn--sm:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--sm,
.rail__toolbar:first-child>.btn--link.btn--sm:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--sm,
.top__toolbar:first-child>.btn--link.btn--sm:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--sm {
    margin-left: -24px
}

.cell-actions:first-child>.btn--link.btn--icon.btn--d:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--d,
.list-group__toolbar:first-child>.btn--link.btn--icon.btn--d:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--d,
.rail__toolbar:first-child>.btn--link.btn--icon.btn--d:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--d,
.top__toolbar:first-child>.btn--link.btn--icon.btn--d:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--d {
    margin-left: -14px
}

.cell-actions:first-child>.btn--link.btn--d:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--d,
.list-group__toolbar:first-child>.btn--link.btn--d:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--d,
.rail__toolbar:first-child>.btn--link.btn--d:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--d,
.top__toolbar:first-child>.btn--link.btn--d:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--d {
    margin-left: -24px
}

.cell-actions:first-child>.btn--link.btn--icon.btn--lg:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--lg,
.list-group__toolbar:first-child>.btn--link.btn--icon.btn--lg:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--lg,
.rail__toolbar:first-child>.btn--link.btn--icon.btn--lg:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--lg,
.top__toolbar:first-child>.btn--link.btn--icon.btn--lg:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--lg {
    margin-left: -18px
}

.cell-actions:first-child>.btn--link.btn--lg:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--lg,
.list-group__toolbar:first-child>.btn--link.btn--lg:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--lg,
.rail__toolbar:first-child>.btn--link.btn--lg:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--lg,
.top__toolbar:first-child>.btn--link.btn--lg:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--lg {
    margin-left: -32px
}

.cell-actions:first-child>.btn--link.btn--icon.btn--xlg:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--xlg,
.list-group__toolbar:first-child>.btn--link.btn--icon.btn--xlg:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--xlg,
.rail__toolbar:first-child>.btn--link.btn--icon.btn--xlg:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--xlg,
.top__toolbar:first-child>.btn--link.btn--icon.btn--xlg:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--icon.btn--xlg {
    margin-left: -20px
}

.cell-actions:first-child>.btn--link.btn--xlg:first-child,
.cell-actions:first-child>.has-dropdown:first-child>.btn--link.btn--xlg,
.list-group__toolbar:first-child>.btn--link.btn--xlg:first-child,
.list-group__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--xlg,
.rail__toolbar:first-child>.btn--link.btn--xlg:first-child,
.rail__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--xlg,
.top__toolbar:first-child>.btn--link.btn--xlg:first-child,
.top__toolbar:first-child>.has-dropdown:first-child>.btn--link.btn--xlg {
    margin-left: -40px
}

.cell-actions:last-child>.btn--link:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link,
.list-group__toolbar:last-child>.btn--link:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link,
.rail__toolbar:last-child>.btn--link:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link,
.top__toolbar:last-child>.btn--link:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link {
    margin-right: -24px
}

.cell-actions:last-child>.btn--link.btn--icon:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--icon,
.list-group__toolbar:last-child>.btn--link.btn--icon:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon,
.rail__toolbar:last-child>.btn--link.btn--icon:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon,
.top__toolbar:last-child>.btn--link.btn--icon:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon {
    margin-right: -14px
}

.cell-actions:last-child>.btn--link.btn--icon.btn--xs:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xs,
.list-group__toolbar:last-child>.btn--link.btn--icon.btn--xs:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xs,
.rail__toolbar:last-child>.btn--link.btn--icon.btn--xs:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xs,
.top__toolbar:last-child>.btn--link.btn--icon.btn--xs:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xs {
    margin-right: -10px
}

.cell-actions:last-child>.btn--link.btn--xs:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--xs,
.list-group__toolbar:last-child>.btn--link.btn--xs:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--xs,
.rail__toolbar:last-child>.btn--link.btn--xs:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--xs,
.top__toolbar:last-child>.btn--link.btn--xs:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--xs {
    margin-right: -24px
}

.cell-actions:last-child>.btn--link.btn--icon.btn--sm:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--sm,
.list-group__toolbar:last-child>.btn--link.btn--icon.btn--sm:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--sm,
.rail__toolbar:last-child>.btn--link.btn--icon.btn--sm:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--sm,
.top__toolbar:last-child>.btn--link.btn--icon.btn--sm:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--sm {
    margin-right: -12px
}

.cell-actions:last-child>.btn--link.btn--sm:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--sm,
.list-group__toolbar:last-child>.btn--link.btn--sm:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--sm,
.rail__toolbar:last-child>.btn--link.btn--sm:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--sm,
.top__toolbar:last-child>.btn--link.btn--sm:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--sm {
    margin-right: -24px
}

.cell-actions:last-child>.btn--link.btn--icon.btn--d:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--d,
.list-group__toolbar:last-child>.btn--link.btn--icon.btn--d:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--d,
.rail__toolbar:last-child>.btn--link.btn--icon.btn--d:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--d,
.top__toolbar:last-child>.btn--link.btn--icon.btn--d:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--d {
    margin-right: -14px
}

.cell-actions:last-child>.btn--link.btn--d:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--d,
.list-group__toolbar:last-child>.btn--link.btn--d:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--d,
.rail__toolbar:last-child>.btn--link.btn--d:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--d,
.top__toolbar:last-child>.btn--link.btn--d:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--d {
    margin-right: -24px
}

.cell-actions:last-child>.btn--link.btn--icon.btn--lg:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg,
.list-group__toolbar:last-child>.btn--link.btn--icon.btn--lg:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg,
.rail__toolbar:last-child>.btn--link.btn--icon.btn--lg:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg,
.top__toolbar:last-child>.btn--link.btn--icon.btn--lg:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg {
    margin-right: -18px
}

.cell-actions:last-child>.btn--link.btn--lg:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--lg,
.list-group__toolbar:last-child>.btn--link.btn--lg:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--lg,
.rail__toolbar:last-child>.btn--link.btn--lg:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--lg,
.top__toolbar:last-child>.btn--link.btn--lg:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--lg {
    margin-right: -32px
}

.cell-actions:last-child>.btn--link.btn--icon.btn--xlg:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xlg,
.list-group__toolbar:last-child>.btn--link.btn--icon.btn--xlg:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xlg,
.rail__toolbar:last-child>.btn--link.btn--icon.btn--xlg:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xlg,
.top__toolbar:last-child>.btn--link.btn--icon.btn--xlg:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xlg {
    margin-right: -20px
}

.cell-actions:last-child>.btn--link.btn--xlg:last-child,
.cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--xlg,
.list-group__toolbar:last-child>.btn--link.btn--xlg:last-child,
.list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--xlg,
.rail__toolbar:last-child>.btn--link.btn--xlg:last-child,
.rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--xlg,
.top__toolbar:last-child>.btn--link.btn--xlg:last-child,
.top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--xlg {
    margin-right: -40px
}

@media(max-width:751px) {
    .cell-actions:first-child>.btn--mob-link:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link,
    .list-group__toolbar:first-child>.btn--mob-link:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link,
    .rail__toolbar:first-child>.btn--mob-link:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link,
    .top__toolbar:first-child>.btn--mob-link:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link {
        margin-left: -24px
    }
    .cell-actions:first-child>.btn--mob-link.btn--icon:first-child,
    .cell-actions:first-child>.btn--mob-link.btn--mob-icon:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon,
    .list-group__toolbar:first-child>.btn--mob-link.btn--icon:first-child,
    .list-group__toolbar:first-child>.btn--mob-link.btn--mob-icon:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon,
    .rail__toolbar:first-child>.btn--mob-link.btn--icon:first-child,
    .rail__toolbar:first-child>.btn--mob-link.btn--mob-icon:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon,
    .top__toolbar:first-child>.btn--mob-link.btn--icon:first-child,
    .top__toolbar:first-child>.btn--mob-link.btn--mob-icon:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon {
        margin-left: -14px
    }
    .cell-actions:first-child>.btn--mob-link.btn--icon.btn--xs:first-child,
    .cell-actions:first-child>.btn--mob-link.btn--mob-icon.btn--xs:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--xs,
    .list-group__toolbar:first-child>.btn--mob-link.btn--icon.btn--xs:first-child,
    .list-group__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--xs:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--xs,
    .rail__toolbar:first-child>.btn--mob-link.btn--icon.btn--xs:first-child,
    .rail__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--xs:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--xs,
    .top__toolbar:first-child>.btn--mob-link.btn--icon.btn--xs:first-child,
    .top__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--xs:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--xs {
        margin-left: -10px
    }
    .cell-actions:first-child>.btn--mob-link.btn--xs:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link.btn--xs,
    .list-group__toolbar:first-child>.btn--mob-link.btn--xs:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--xs,
    .rail__toolbar:first-child>.btn--mob-link.btn--xs:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--xs,
    .top__toolbar:first-child>.btn--mob-link.btn--xs:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--xs {
        margin-left: -24px
    }
    .cell-actions:first-child>.btn--mob-link.btn--icon.btn--sm:first-child,
    .cell-actions:first-child>.btn--mob-link.btn--mob-icon.btn--sm:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--sm,
    .list-group__toolbar:first-child>.btn--mob-link.btn--icon.btn--sm:first-child,
    .list-group__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--sm:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--sm,
    .rail__toolbar:first-child>.btn--mob-link.btn--icon.btn--sm:first-child,
    .rail__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--sm:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--sm,
    .top__toolbar:first-child>.btn--mob-link.btn--icon.btn--sm:first-child,
    .top__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--sm:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--sm {
        margin-left: -12px
    }
    .cell-actions:first-child>.btn--mob-link.btn--sm:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link.btn--sm,
    .list-group__toolbar:first-child>.btn--mob-link.btn--sm:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--sm,
    .rail__toolbar:first-child>.btn--mob-link.btn--sm:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--sm,
    .top__toolbar:first-child>.btn--mob-link.btn--sm:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--sm {
        margin-left: -24px
    }
    .cell-actions:first-child>.btn--mob-link.btn--icon.btn--d:first-child,
    .cell-actions:first-child>.btn--mob-link.btn--mob-icon.btn--d:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--d,
    .list-group__toolbar:first-child>.btn--mob-link.btn--icon.btn--d:first-child,
    .list-group__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--d:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--d,
    .rail__toolbar:first-child>.btn--mob-link.btn--icon.btn--d:first-child,
    .rail__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--d:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--d,
    .top__toolbar:first-child>.btn--mob-link.btn--icon.btn--d:first-child,
    .top__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--d:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--d {
        margin-left: -14px
    }
    .cell-actions:first-child>.btn--mob-link.btn--d:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link.btn--d,
    .list-group__toolbar:first-child>.btn--mob-link.btn--d:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--d,
    .rail__toolbar:first-child>.btn--mob-link.btn--d:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--d,
    .top__toolbar:first-child>.btn--mob-link.btn--d:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--d {
        margin-left: -24px
    }
    .cell-actions:first-child>.btn--mob-link.btn--icon.btn--lg:first-child,
    .cell-actions:first-child>.btn--mob-link.btn--mob-icon.btn--lg:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--lg,
    .list-group__toolbar:first-child>.btn--mob-link.btn--icon.btn--lg:first-child,
    .list-group__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--lg:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--lg,
    .rail__toolbar:first-child>.btn--mob-link.btn--icon.btn--lg:first-child,
    .rail__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--lg:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--lg,
    .top__toolbar:first-child>.btn--mob-link.btn--icon.btn--lg:first-child,
    .top__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--lg:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--lg {
        margin-left: -18px
    }
    .cell-actions:first-child>.btn--mob-link.btn--lg:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link.btn--lg,
    .list-group__toolbar:first-child>.btn--mob-link.btn--lg:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--lg,
    .rail__toolbar:first-child>.btn--mob-link.btn--lg:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--lg,
    .top__toolbar:first-child>.btn--mob-link.btn--lg:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--lg {
        margin-left: -32px
    }
    .cell-actions:first-child>.btn--mob-link.btn--icon.btn--xlg:first-child,
    .cell-actions:first-child>.btn--mob-link.btn--mob-icon.btn--xlg:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--xlg,
    .list-group__toolbar:first-child>.btn--mob-link.btn--icon.btn--xlg:first-child,
    .list-group__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--xlg:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--xlg,
    .rail__toolbar:first-child>.btn--mob-link.btn--icon.btn--xlg:first-child,
    .rail__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--xlg:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--xlg,
    .top__toolbar:first-child>.btn--mob-link.btn--icon.btn--xlg:first-child,
    .top__toolbar:first-child>.btn--mob-link.btn--mob-icon.btn--xlg:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--mob-icon.btn--xlg {
        margin-left: -20px
    }
    .cell-actions:first-child>.btn--mob-link.btn--xlg:first-child,
    .cell-actions:first-child>.has-dropdown:first-child>.btn--mob-link.btn--xlg,
    .list-group__toolbar:first-child>.btn--mob-link.btn--xlg:first-child,
    .list-group__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--xlg,
    .rail__toolbar:first-child>.btn--mob-link.btn--xlg:first-child,
    .rail__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--xlg,
    .top__toolbar:first-child>.btn--mob-link.btn--xlg:first-child,
    .top__toolbar:first-child>.has-dropdown:first-child>.btn--mob-link.btn--xlg {
        margin-left: -40px
    }
    .cell-actions:last-child>.btn--link:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--link,
    .list-group__toolbar:last-child>.btn--link:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link,
    .rail__toolbar:last-child>.btn--link:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--link,
    .top__toolbar:last-child>.btn--link:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link {
        margin-right: -24px
    }
    .cell-actions:last-child>.btn--mob-link.btn--icon:last-child,
    .cell-actions:last-child>.btn--mob-link.btn--mob-icon:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--mob-link.btn--mob-icon,
    .list-group__toolbar:last-child>.btn--mob-link.btn--icon:last-child,
    .list-group__toolbar:last-child>.btn--mob-link.btn--mob-icon:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--mob-link.btn--mob-icon,
    .rail__toolbar:last-child>.btn--mob-link.btn--icon:last-child,
    .rail__toolbar:last-child>.btn--mob-link.btn--mob-icon:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--mob-link.btn--mob-icon,
    .top__toolbar:last-child>.btn--mob-link.btn--icon:last-child,
    .top__toolbar:last-child>.btn--mob-link.btn--mob-icon:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--mob-link.btn--mob-icon {
        margin-right: -14px
    }
    .cell-actions:last-child>.btn--mob-link.btn--icon.btn--mob-xs:last-child,
    .cell-actions:last-child>.btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xs,
    .list-group__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-xs:last-child,
    .list-group__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xs,
    .rail__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-xs:last-child,
    .rail__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xs,
    .top__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-xs:last-child,
    .top__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-xs:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xs {
        margin-right: -10px
    }
    .cell-actions:last-child>.btn--mob-link.btn--mob-xs:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--xs,
    .list-group__toolbar:last-child>.btn--mob-link.btn--mob-xs:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--xs,
    .rail__toolbar:last-child>.btn--mob-link.btn--mob-xs:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--xs,
    .top__toolbar:last-child>.btn--mob-link.btn--mob-xs:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--xs {
        margin-right: -24px
    }
    .cell-actions:last-child>.btn--mob-link.btn--icon.btn--mob-sm:last-child,
    .cell-actions:last-child>.btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--sm,
    .list-group__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-sm:last-child,
    .list-group__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--sm,
    .rail__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-sm:last-child,
    .rail__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--sm,
    .top__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-sm:last-child,
    .top__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-sm:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--sm {
        margin-right: -12px
    }
    .cell-actions:last-child>.btn--mob-link.btn--mob-sm:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--sm,
    .list-group__toolbar:last-child>.btn--mob-link.btn--mob-sm:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--sm,
    .rail__toolbar:last-child>.btn--mob-link.btn--mob-sm:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--sm,
    .top__toolbar:last-child>.btn--mob-link.btn--mob-sm:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--sm {
        margin-right: -24px
    }
    .cell-actions:last-child>.btn--mob-link.btn--icon.btn--mob-d:last-child,
    .cell-actions:last-child>.btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--d,
    .list-group__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-d:last-child,
    .list-group__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--d,
    .rail__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-d:last-child,
    .rail__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--d,
    .top__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-d:last-child,
    .top__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-d:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--d {
        margin-right: -14px
    }
    .cell-actions:last-child>.btn--mob-link.btn--mob-d:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--d,
    .list-group__toolbar:last-child>.btn--mob-link.btn--mob-d:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--d,
    .rail__toolbar:last-child>.btn--mob-link.btn--mob-d:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--d,
    .top__toolbar:last-child>.btn--mob-link.btn--mob-d:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--d {
        margin-right: -24px
    }
    .cell-actions:last-child>.btn--mob-link.btn--icon.btn--mob-lg:last-child,
    .cell-actions:last-child>.btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg,
    .list-group__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-lg:last-child,
    .list-group__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg,
    .rail__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-lg:last-child,
    .rail__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg,
    .top__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-lg:last-child,
    .top__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-lg:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--lg {
        margin-right: -18px
    }
    .cell-actions:last-child>.btn--mob-link.btn--mob-lg:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--lg,
    .list-group__toolbar:last-child>.btn--mob-link.btn--mob-lg:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--lg,
    .rail__toolbar:last-child>.btn--mob-link.btn--mob-lg:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--lg,
    .top__toolbar:last-child>.btn--mob-link.btn--mob-lg:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--lg {
        margin-right: -32px
    }
    .cell-actions:last-child>.btn--mob-link.btn--icon.btn--mob-xlg:last-child,
    .cell-actions:last-child>.btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xlg,
    .list-group__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-xlg:last-child,
    .list-group__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xlg,
    .rail__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-xlg:last-child,
    .rail__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xlg,
    .top__toolbar:last-child>.btn--mob-link.btn--icon.btn--mob-xlg:last-child,
    .top__toolbar:last-child>.btn--mob-link.btn--mob-icon.btn--mob-xlg:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--icon.btn--xlg {
        margin-right: -20px
    }
    .cell-actions:last-child>.btn--mob-link.btn--mob-xlg:last-child,
    .cell-actions:last-child>.has-dropdown:last-child>.btn--link.btn--xlg,
    .list-group__toolbar:last-child>.btn--mob-link.btn--mob-xlg:last-child,
    .list-group__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--xlg,
    .rail__toolbar:last-child>.btn--mob-link.btn--mob-xlg:last-child,
    .rail__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--xlg,
    .top__toolbar:last-child>.btn--mob-link.btn--mob-xlg:last-child,
    .top__toolbar:last-child>.has-dropdown:last-child>.btn--link.btn--xlg {
        margin-right: -40px
    }
}

.tooltip.drop-target {
    cursor: pointer
}

.tooltip.drop-target [title] {
    display: none
}

.tooltip.drop-element {
    z-index: 1001
}

.tooltip.drop {
    pointer-events: none
}

.tooltip.drop .drop-content {
    max-width: 165px;
    padding: 6px 8px;
    background: #1b1c21;
    color: #fff;
    font-size: 11px;
    line-height: 16px
}

.tooltip.drop.drop-target-attached-top {
    top: -8px !important
}

.tooltip.drop.drop-target-attached-bottom {
    top: 8px !important
}

.tooltip.drop.drop-target-attached-bottom .tooltip__arrow {
    top: -6px;
    bottom: auto;
    transform: rotate(180deg)
}

.tooltip.drop.drop-target-attached-left.drop-target-attached-middle .tooltip__arrow {
    bottom: auto;
    top: 50%;
    left: auto;
    margin-left: 0;
    right: -8px;
    margin-top: -2px;
    transform: rotate(-90deg)
}

.tooltip.drop.drop-target-attached-right.drop-target-attached-middle .tooltip__arrow {
    bottom: auto;
    top: auto;
    top: 50%;
    left: -5px;
    right: auto;
    margin-right: 0;
    margin-top: -2px;
    transform: rotate(90deg)
}

.tooltip .tooltip__arrow {
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -3px;
    width: 0;
    height: 0;
    content: "";
    border-color: #1b1c21 transparent transparent;
    border-style: solid;
    border-width: 6px 6.5px 0
}

.tooltip.tooltip--opacity {
    transition: all .6s
}

.tooltip.tooltip--opacity:hover {
    opacity: .7
}

.dropdown {
    position: relative;
    display: none;
    min-width: 260px;
    background: #fff;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 3px;
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both;
    max-width: 320px
}

.dropdown .dropdown__body>.list-group,
.dropdown>.list-group {
    border: none
}

.dropdown__header:first-child {
    border-radius: 3px 3px 0 0
}

.dropdown__content {
    padding: 16px
}

.dropdown__content :last-child {
    margin-bottom: 0
}

.dropdown__menu {
    overflow: auto;
    max-height: 50vh;
    padding: 8px 0;
    margin: 0
}

.dropdown__item {
    cursor: pointer;
    position: relative;
    display: flex;
    flex-shrink: 0;
    min-height: 52px
}

.dropdown__item>.btn {
    margin: 0 16px
}

.dropdown__item>.btn+.btn {
    margin-left: 0
}

.dropdown__item.is-active>.dropdown__link,
.dropdown__item.is-active>.dropdown__link>.dropdown__link-icon,
.dropdown__item.is-open>.dropdown__link,
.dropdown__item.is-open>.dropdown__link>.dropdown__link-icon {
    color: #0d3c9f
}

.dropdown__link {
    min-height: 100%;
    width: 100%;
    color: #2b1f51;
    transition: color .3s
}

.dropdown__link-icon {
    position: relative;
    height: 24px;
    width: 24px;
    min-width: 24px;
    font-size: 24px;
    line-height: 24px;
    color: #efefef;
    transition: color .3s;
    text-align: center
}

.dropdown__link-icon>.badge {
    position: absolute;
    top: -8px;
    right: -8px
}

.dropdown__link-icon+.nav__link-text {
    margin-left: 16px
}

.dropdown__link-text {
    flex-grow: 1
}

.dropdown__link-text+.nav__link-icon {
    margin-left: 16px
}

.dropdown__link-text+.nav__link-arrow {
    margin-left: 8px
}

.dropdown__link-arrow {
    margin-left: 8px;
    margin-right: -4px;
    opacity: .4;
    font-size: 16px;
    line-height: 24px
}

.dropdown__link-arrow+.nav__link-text {
    margin-left: 8px
}

.dropdown__link:hover,
.dropdown__link:hover>.dropdown__link-icon {
    color: #0d3c9f;
    text-decoration: none
}

.dropdown__link:active,
.dropdown__link:focus {
    color: #0d3c9f;
    outline: none
}

.dropdown__divider {
    margin: 8px 0;
    height: 1px;
    background: #fff
}

.dropdown__header {
    min-height: 52px;
    margin-top: 8px
}

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

.dropdown__title {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px
}

@media(max-width:1387px) {
    .dropdown__title {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

@media(max-width:1011px) {
    .dropdown__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

@media(max-width:751px) {
    .dropdown__title {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

.dropdown__content,
.dropdown__header,
.dropdown__link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 6px 16px
}

.dropdown--xs .dropdown__header,
.dropdown--xs .dropdown__item,
.dropdown .nav__sub--xs .dropdown__header,
.dropdown .nav__sub--xs .dropdown__item {
    min-height: 44px
}

.dropdown--xs .dropdown__link,
.dropdown .nav__sub--xs .dropdown__link {
    font-size: 16px
}

.dropdown--xs .dropdown__header,
.dropdown--xs .dropdown__link,
.dropdown .nav__sub--xs .dropdown__header,
.dropdown .nav__sub--xs .dropdown__link {
    padding: 4px 16px
}

.dropdown--xs .dropdown__divider,
.dropdown .nav__sub--xs .dropdown__divider {
    margin: 4px 0
}

.dropdown--sm .dropdown__header,
.dropdown--sm .dropdown__item,
.dropdown .nav__sub--sm .dropdown__header,
.dropdown .nav__sub--sm .dropdown__item {
    min-height: 48px
}

.dropdown--sm .dropdown__link,
.dropdown .nav__sub--sm .dropdown__link {
    font-size: 16px
}

.dropdown--sm .dropdown__header,
.dropdown--sm .dropdown__link,
.dropdown .nav__sub--sm .dropdown__header,
.dropdown .nav__sub--sm .dropdown__link {
    padding: 4px 16px
}

.dropdown--sm .dropdown__divider,
.dropdown .nav__sub--sm .dropdown__divider {
    margin: 4px 0
}

.dropdown--md .dropdown__header,
.dropdown--md .dropdown__item,
.dropdown .nav__sub--md .dropdown__header,
.dropdown .nav__sub--md .dropdown__item {
    min-height: 52px
}

.dropdown--md .dropdown__link,
.dropdown .nav__sub--md .dropdown__link {
    font-size: 18px
}

.dropdown--md .dropdown__header,
.dropdown--md .dropdown__link,
.dropdown .nav__sub--md .dropdown__header,
.dropdown .nav__sub--md .dropdown__link {
    padding: 8px 16px
}

.dropdown--md .dropdown__divider,
.dropdown .nav__sub--md .dropdown__divider {
    margin: 8px 0
}

.dropdown--lg .dropdown__header,
.dropdown--lg .dropdown__item,
.dropdown .nav__sub--lg .dropdown__header,
.dropdown .nav__sub--lg .dropdown__item {
    min-height: 60px
}

.dropdown--lg .dropdown__link,
.dropdown .nav__sub--lg .dropdown__link {
    font-size: 20px
}

.dropdown--lg .dropdown__header,
.dropdown--lg .dropdown__link,
.dropdown .nav__sub--lg .dropdown__header,
.dropdown .nav__sub--lg .dropdown__link {
    padding: 8px 16px
}

.dropdown--lg .dropdown__divider,
.dropdown .nav__sub--lg .dropdown__divider {
    margin: 8px 0
}

.drop {
    position: absolute;
    z-index: 1002;
    display: none
}

.drop-content .drop-nav,
.drop-content .dropdown,
.drop-open,
.drop .dropdown__arrow {
    display: block
}

.drop-element-attached-bottom .dropdown__arrow {
    top: auto;
    bottom: -8px
}

.drop-element-attached-bottom .dropdown__arrow:after {
    top: -16px
}

.drop-element-attached-top .dropdown__arrow {
    top: -8px;
    bottom: auto
}

.drop-target-attached-bottom.drop-element .dropdown {
    margin: 8px 0 0
}

.drop-target-attached-top.drop-element .dropdown,
.drop-target-attached-top.drop-target-attached-center.drop-element .dropdown {
    margin: 0 0 8px
}

.drop-target-attached-left.drop-target-attached-middle.drop-element .dropdown {
    margin: 0 8px 0 0
}

.drop-target-attached-right.drop-target-attached-middle.drop-element .dropdown {
    margin: 0 0 0 8px
}

.drop-arrow,
.dropdown__arrow {
    position: absolute;
    bottom: 0;
    right: 16px;
    z-index: 1000;
    height: 8px;
    width: 16px;
    overflow: hidden;
    display: none
}

.drop-arrow:after,
.dropdown__arrow:after {
    display: block;
    content: "";
    position: absolute;
    top: 4px;
    left: -2px;
    width: 20px;
    height: 20px;
    background: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;
    transform: rotate(45deg)
}

.drop-arrow--right,
.dropdown__arrow--right {
    bottom: 50%;
    right: 0;
    height: 16px;
    width: 8px;
    margin-bottom: -8px
}

.drop-arrow--right:after,
.dropdown__arrow--right:after {
    top: -2px;
    left: 4px
}

.drop-arrow--left,
.dropdown__arrow--left {
    bottom: 50%;
    left: 0;
    height: 16px;
    width: 8px;
    margin-bottom: -8px
}

.drop-arrow--left:after,
.dropdown__arrow--left:after {
    top: -2px;
    left: 4px
}

.drop-arrow--bottom,
.dropdown__arrow--bottom {
    bottom: -8px;
    left: 0
}

.drop-arrow--bottom:after,
.dropdown__arrow--bottom:after {
    top: -16px
}

.drop-arrow {
    animation-name: fadeInUp;
    animation-duration: .3s;
    animation-fill-mode: both
}

.is-open>.drop-arrow,
.is-open>.nav__link>.drop-arrow {
    display: block
}

.fade-in-right {
    animation-name: fadeInRight;
    animation-duration: .3s;
    animation-fill-mode: both
}

.fade-in-left {
    animation-name: fadeInLeft;
    animation-duration: .3s;
    animation-fill-mode: both
}

@media(min-width:752px) {
    .mob-dropdown-toggle,
    .mob-dropdown .btn>.btn__text {
        display: none
    }
}

@media(max-width:751px) {
    .has-mob-dropdown {
        position: relative
    }
    .mob-dropdown {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 999;
        flex-direction: column
    }
    .mob-dropdown>.btn {
        width: auto;
        background: 0 0;
        border: none;
        box-shadow: none;
        text-align: left
    }
    .mob-dropdown>.btn .btn__icon+.btn__text {
        margin-left: 16px
    }
    .is-open .mob-dropdown {
        display: flex
    }
}

.is-hidden-xs-up {
    display: none !important
}

@media(max-width:513px) {
    .is-hidden-xs-down {
        display: none !important
    }
}

@media(min-width:514px) {
    .is-hidden-sm-up {
        display: none !important
    }
}

@media(max-width:751px) {
    .is-hidden-sm-down {
        display: none !important
    }
}

@media(min-width:752px) {
    .is-hidden-md-up {
        display: none !important
    }
}

@media(max-width:1011px) {
    .is-hidden-md-down {
        display: none !important
    }
}

@media(min-width:1012px) {
    .is-hidden-lg-up {
        display: none !important
    }
}

@media(max-width:1387px) {
    .is-hidden-lg-down {
        display: none !important
    }
}

@media(min-width:1388px) {
    .is-hidden-xl-up {
        display: none !important
    }
}

.is-hidden-xl-down {
    display: none !important
}

@media(min-width:1012px) {
    .is-hidden-responsive-up {
        display: none !important
    }
}

@media(max-width:1011px) {
    .is-hidden-responsive-down {
        display: none !important
    }
}

@media(min-width:752px) {
    .is-hidden-mob-up {
        display: none !important
    }
}

@media(max-width:751px) {
    .is-hidden-mob-down {
        display: none !important
    }
}

.m-h-a {
    margin-right: auto !important
}

.m-h-a,
.m-l-a {
    margin-left: auto !important
}

.m-r-a {
    margin-right: auto !important
}

.m-v-0x {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-h-0x {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.m-t-0x {
    margin-top: 0 !important
}

.m-r-0x {
    margin-right: 0 !important
}

.m-b-0x {
    margin-bottom: 0 !important
}

.m-l-0x {
    margin-left: 0 !important
}

.m-0x {
    margin: 0 !important
}

.p-v-0x {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-h-0x {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.p-t-0x {
    padding-top: 0 !important
}

.p-r-0x {
    padding-right: 0 !important
}

.p-b-0x {
    padding-bottom: 0 !important
}

.p-l-0x {
    padding-left: 0 !important
}

.p-0x {
    padding: 0 !important
}

.m-v-1x {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.m-h-1x {
    margin-left: 8px !important;
    margin-right: 8px !important
}

.m-t-1x {
    margin-top: 8px !important
}

.m-r-1x {
    margin-right: 8px !important
}

.m-b-1x {
    margin-bottom: 8px !important
}

.m-l-1x {
    margin-left: 8px !important
}

.m-1x {
    margin: 8px !important
}

.p-v-1x {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.p-h-1x {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.p-t-1x {
    padding-top: 8px !important
}

.p-r-1x {
    padding-right: 8px !important
}

.p-b-1x {
    padding-bottom: 8px !important
}

.p-l-1x {
    padding-left: 8px !important
}

.p-1x {
    padding: 8px !important
}

.m-v-2x {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.m-h-2x {
    margin-left: 16px !important;
    margin-right: 16px !important
}

.m-t-2x {
    margin-top: 16px !important
}

.m-r-2x {
    margin-right: 16px !important
}

.m-b-2x {
    margin-bottom: 16px !important
}

.m-l-2x {
    margin-left: 16px !important
}

.m-2x {
    margin: 16px !important
}

.p-v-2x {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.p-h-2x {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.p-t-2x {
    padding-top: 16px !important
}

.p-r-2x {
    padding-right: 16px !important
}

.p-b-2x {
    padding-bottom: 16px !important
}

.p-l-2x {
    padding-left: 16px !important
}

.p-2x {
    padding: 16px !important
}

.m-v-3x {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.m-h-3x {
    margin-left: 24px !important;
    margin-right: 24px !important
}

.m-t-3x {
    margin-top: 24px !important
}

.m-r-3x {
    margin-right: 24px !important
}

.m-b-3x {
    margin-bottom: 24px !important
}

.m-l-3x {
    margin-left: 24px !important
}

.m-3x {
    margin: 24px !important
}

.p-v-3x {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.p-h-3x {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.p-t-3x {
    padding-top: 24px !important
}

.p-r-3x {
    padding-right: 24px !important
}

.p-b-3x {
    padding-bottom: 24px !important
}

.p-l-3x {
    padding-left: 24px !important
}

.p-3x {
    padding: 24px !important
}

.m-v-4x {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.m-h-4x {
    margin-left: 32px !important;
    margin-right: 32px !important
}

.m-t-4x {
    margin-top: 32px !important
}

.m-r-4x {
    margin-right: 32px !important
}

.m-b-4x {
    margin-bottom: 32px !important
}

.m-l-4x {
    margin-left: 32px !important
}

.m-4x {
    margin: 32px !important
}

.p-v-4x {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.p-h-4x {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.p-t-4x {
    padding-top: 32px !important
}

.p-r-4x {
    padding-right: 32px !important
}

.p-b-4x {
    padding-bottom: 32px !important
}

.p-l-4x {
    padding-left: 32px !important
}

.p-4x {
    padding: 32px !important
}

.m-v-5x {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.m-h-5x {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.m-t-5x {
    margin-top: 40px !important
}

.m-r-5x {
    margin-right: 40px !important
}

.m-b-5x {
    margin-bottom: 40px !important
}

.m-l-5x {
    margin-left: 40px !important
}

.m-5x {
    margin: 40px !important
}

.p-v-5x {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.p-h-5x {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.p-t-5x {
    padding-top: 40px !important
}

.p-r-5x {
    padding-right: 40px !important
}

.p-b-5x {
    padding-bottom: 40px !important
}

.p-l-5x {
    padding-left: 40px !important
}

.p-5x {
    padding: 40px !important
}

.m-v-6x {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.m-h-6x {
    margin-left: 48px !important;
    margin-right: 48px !important
}

.m-t-6x {
    margin-top: 48px !important
}

.m-r-6x {
    margin-right: 48px !important
}

.m-b-6x {
    margin-bottom: 48px !important
}

.m-l-6x {
    margin-left: 48px !important
}

.m-6x {
    margin: 48px !important
}

.p-v-6x {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.p-h-6x {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.p-t-6x {
    padding-top: 48px !important
}

.p-r-6x {
    padding-right: 48px !important
}

.p-b-6x {
    padding-bottom: 48px !important
}

.p-l-6x {
    padding-left: 48px !important
}

.p-6x {
    padding: 48px !important
}

.m-v-7x {
    margin-top: 56px !important;
    margin-bottom: 56px !important
}

.m-h-7x {
    margin-left: 56px !important;
    margin-right: 56px !important
}

.m-t-7x {
    margin-top: 56px !important
}

.m-r-7x {
    margin-right: 56px !important
}

.m-b-7x {
    margin-bottom: 56px !important
}

.m-l-7x {
    margin-left: 56px !important
}

.m-7x {
    margin: 56px !important
}

.p-v-7x {
    padding-top: 56px !important;
    padding-bottom: 56px !important
}

.p-h-7x {
    padding-left: 56px !important;
    padding-right: 56px !important
}

.p-t-7x {
    padding-top: 56px !important
}

.p-r-7x {
    padding-right: 56px !important
}

.p-b-7x {
    padding-bottom: 56px !important
}

.p-l-7x {
    padding-left: 56px !important
}

.p-7x {
    padding: 56px !important
}

.m-v-8x {
    margin-top: 64px !important;
    margin-bottom: 64px !important
}

.m-h-8x {
    margin-left: 64px !important;
    margin-right: 64px !important
}

.m-t-8x {
    margin-top: 64px !important
}

.m-r-8x {
    margin-right: 64px !important
}

.m-b-8x {
    margin-bottom: 64px !important
}

.m-l-8x {
    margin-left: 64px !important
}

.m-8x {
    margin: 64px !important
}

.p-v-8x {
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.p-h-8x {
    padding-left: 64px !important;
    padding-right: 64px !important
}

.p-t-8x {
    padding-top: 64px !important
}

.p-r-8x {
    padding-right: 64px !important
}

.p-b-8x {
    padding-bottom: 64px !important
}

.p-l-8x {
    padding-left: 64px !important
}

.p-8x {
    padding: 64px !important
}

.m-v-9x {
    margin-top: 72px !important;
    margin-bottom: 72px !important
}

.m-h-9x {
    margin-left: 72px !important;
    margin-right: 72px !important
}

.m-t-9x {
    margin-top: 72px !important
}

.m-r-9x {
    margin-right: 72px !important
}

.m-b-9x {
    margin-bottom: 72px !important
}

.m-l-9x {
    margin-left: 72px !important
}

.m-9x {
    margin: 72px !important
}

.p-v-9x {
    padding-top: 72px !important;
    padding-bottom: 72px !important
}

.p-h-9x {
    padding-left: 72px !important;
    padding-right: 72px !important
}

.p-t-9x {
    padding-top: 72px !important
}

.p-r-9x {
    padding-right: 72px !important
}

.p-b-9x {
    padding-bottom: 72px !important
}

.p-l-9x {
    padding-left: 72px !important
}

.p-9x {
    padding: 72px !important
}

.m-v-10x {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.m-h-10x {
    margin-left: 80px !important;
    margin-right: 80px !important
}

.m-t-10x {
    margin-top: 80px !important
}

.m-r-10x {
    margin-right: 80px !important
}

.m-b-10x {
    margin-bottom: 80px !important
}

.m-l-10x {
    margin-left: 80px !important
}

.m-10x {
    margin: 80px !important
}

.p-v-10x {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.p-h-10x {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.p-t-10x {
    padding-top: 80px !important
}

.p-r-10x {
    padding-right: 80px !important
}

.p-b-10x {
    padding-bottom: 80px !important
}

.p-l-10x {
    padding-left: 80px !important
}

.p-10x {
    padding: 80px !important
}

.m-v-11x {
    margin-top: 88px !important;
    margin-bottom: 88px !important
}

.m-h-11x {
    margin-left: 88px !important;
    margin-right: 88px !important
}

.m-t-11x {
    margin-top: 88px !important
}

.m-r-11x {
    margin-right: 88px !important
}

.m-b-11x {
    margin-bottom: 88px !important
}

.m-l-11x {
    margin-left: 88px !important
}

.m-11x {
    margin: 88px !important
}

.p-v-11x {
    padding-top: 88px !important;
    padding-bottom: 88px !important
}

.p-h-11x {
    padding-left: 88px !important;
    padding-right: 88px !important
}

.p-t-11x {
    padding-top: 88px !important
}

.p-r-11x {
    padding-right: 88px !important
}

.p-b-11x {
    padding-bottom: 88px !important
}

.p-l-11x {
    padding-left: 88px !important
}

.p-11x {
    padding: 88px !important
}

.m-v-12x {
    margin-top: 96px !important;
    margin-bottom: 96px !important
}

.m-h-12x {
    margin-left: 96px !important;
    margin-right: 96px !important
}

.m-t-12x {
    margin-top: 96px !important
}

.m-r-12x {
    margin-right: 96px !important
}

.m-b-12x {
    margin-bottom: 96px !important
}

.m-l-12x {
    margin-left: 96px !important
}

.m-12x {
    margin: 96px !important
}

.p-v-12x {
    padding-top: 96px !important;
    padding-bottom: 96px !important
}

.p-h-12x {
    padding-left: 96px !important;
    padding-right: 96px !important
}

.p-t-12x {
    padding-top: 96px !important
}

.p-r-12x {
    padding-right: 96px !important
}

.p-b-12x {
    padding-bottom: 96px !important
}

.p-l-12x {
    padding-left: 96px !important
}

.p-12x {
    padding: 96px !important
}

.m-v-13x {
    margin-top: 104px !important;
    margin-bottom: 104px !important
}

.m-h-13x {
    margin-left: 104px !important;
    margin-right: 104px !important
}

.m-t-13x {
    margin-top: 104px !important
}

.m-r-13x {
    margin-right: 104px !important
}

.m-b-13x {
    margin-bottom: 104px !important
}

.m-l-13x {
    margin-left: 104px !important
}

.m-13x {
    margin: 104px !important
}

.p-v-13x {
    padding-top: 104px !important;
    padding-bottom: 104px !important
}

.p-h-13x {
    padding-left: 104px !important;
    padding-right: 104px !important
}

.p-t-13x {
    padding-top: 104px !important
}

.p-r-13x {
    padding-right: 104px !important
}

.p-b-13x {
    padding-bottom: 104px !important
}

.p-l-13x {
    padding-left: 104px !important
}

.p-13x {
    padding: 104px !important
}

.m-v-14x {
    margin-top: 112px !important;
    margin-bottom: 112px !important
}

.m-h-14x {
    margin-left: 112px !important;
    margin-right: 112px !important
}

.m-t-14x {
    margin-top: 112px !important
}

.m-r-14x {
    margin-right: 112px !important
}

.m-b-14x {
    margin-bottom: 112px !important
}

.m-l-14x {
    margin-left: 112px !important
}

.m-14x {
    margin: 112px !important
}

.p-v-14x {
    padding-top: 112px !important;
    padding-bottom: 112px !important
}

.p-h-14x {
    padding-left: 112px !important;
    padding-right: 112px !important
}

.p-t-14x {
    padding-top: 112px !important
}

.p-r-14x {
    padding-right: 112px !important
}

.p-b-14x {
    padding-bottom: 112px !important
}

.p-l-14x {
    padding-left: 112px !important
}

.p-14x {
    padding: 112px !important
}

.m-v-15x {
    margin-top: 120px !important;
    margin-bottom: 120px !important
}

.m-h-15x {
    margin-left: 120px !important;
    margin-right: 120px !important
}

.m-t-15x {
    margin-top: 120px !important
}

.m-r-15x {
    margin-right: 120px !important
}

.m-b-15x {
    margin-bottom: 120px !important
}

.m-l-15x {
    margin-left: 120px !important
}

.m-15x {
    margin: 120px !important
}

.p-v-15x {
    padding-top: 120px !important;
    padding-bottom: 120px !important
}

.p-h-15x {
    padding-left: 120px !important;
    padding-right: 120px !important
}

.p-t-15x {
    padding-top: 120px !important
}

.p-r-15x {
    padding-right: 120px !important
}

.p-b-15x {
    padding-bottom: 120px !important
}

.p-l-15x {
    padding-left: 120px !important
}

.p-15x {
    padding: 120px !important
}

.m-v-16x {
    margin-top: 128px !important;
    margin-bottom: 128px !important
}

.m-h-16x {
    margin-left: 128px !important;
    margin-right: 128px !important
}

.m-t-16x {
    margin-top: 128px !important
}

.m-r-16x {
    margin-right: 128px !important
}

.m-b-16x {
    margin-bottom: 128px !important
}

.m-l-16x {
    margin-left: 128px !important
}

.m-16x {
    margin: 128px !important
}

.p-v-16x {
    padding-top: 128px !important;
    padding-bottom: 128px !important
}

.p-h-16x {
    padding-left: 128px !important;
    padding-right: 128px !important
}

.p-t-16x {
    padding-top: 128px !important
}

.p-r-16x {
    padding-right: 128px !important
}

.p-b-16x {
    padding-bottom: 128px !important
}

.p-l-16x {
    padding-left: 128px !important
}

.p-16x {
    padding: 128px !important
}

.neg-m-t-0x {
    margin-top: 0 !important
}

.neg-m-b-0x {
    margin-bottom: 0 !important
}

.neg-m-h-0x {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.neg-m-t-1x {
    margin-top: -8px !important
}

.neg-m-b-1x {
    margin-bottom: -8px !important
}

.neg-m-h-1x {
    margin-left: -8px !important;
    margin-right: -8px !important
}

.neg-m-t-2x {
    margin-top: -16px !important
}

.neg-m-b-2x {
    margin-bottom: -16px !important
}

.neg-m-h-2x {
    margin-left: -16px !important;
    margin-right: -16px !important
}

.neg-m-t-3x {
    margin-top: -24px !important
}

.neg-m-b-3x {
    margin-bottom: -24px !important
}

.neg-m-h-3x {
    margin-left: -24px !important;
    margin-right: -24px !important
}

.neg-m-t-4x {
    margin-top: -32px !important
}

.neg-m-b-4x {
    margin-bottom: -32px !important
}

.neg-m-h-4x {
    margin-left: -32px !important;
    margin-right: -32px !important
}

.neg-m-t-5x {
    margin-top: -40px !important
}

.neg-m-b-5x {
    margin-bottom: -40px !important
}

.neg-m-h-5x {
    margin-left: -40px !important;
    margin-right: -40px !important
}

.neg-m-t-6x {
    margin-top: -48px !important
}

.neg-m-b-6x {
    margin-bottom: -48px !important
}

.neg-m-h-6x {
    margin-left: -48px !important;
    margin-right: -48px !important
}

.neg-m-t-7x {
    margin-top: -56px !important
}

.neg-m-b-7x {
    margin-bottom: -56px !important
}

.neg-m-h-7x {
    margin-left: -56px !important;
    margin-right: -56px !important
}

.neg-m-t-8x {
    margin-top: -64px !important
}

.neg-m-b-8x {
    margin-bottom: -64px !important
}

.neg-m-h-8x {
    margin-left: -64px !important;
    margin-right: -64px !important
}

.neg-m-t-9x {
    margin-top: -72px !important
}

.neg-m-b-9x {
    margin-bottom: -72px !important
}

.neg-m-h-9x {
    margin-left: -72px !important;
    margin-right: -72px !important
}

.neg-m-t-10x {
    margin-top: -80px !important
}

.neg-m-b-10x {
    margin-bottom: -80px !important
}

.neg-m-h-10x {
    margin-left: -80px !important;
    margin-right: -80px !important
}

.neg-m-t-11x {
    margin-top: -88px !important
}

.neg-m-b-11x {
    margin-bottom: -88px !important
}

.neg-m-h-11x {
    margin-left: -88px !important;
    margin-right: -88px !important
}

.neg-m-t-12x {
    margin-top: -96px !important
}

.neg-m-b-12x {
    margin-bottom: -96px !important
}

.neg-m-h-12x {
    margin-left: -96px !important;
    margin-right: -96px !important
}

.neg-m-t-13x {
    margin-top: -104px !important
}

.neg-m-b-13x {
    margin-bottom: -104px !important
}

.neg-m-h-13x {
    margin-left: -104px !important;
    margin-right: -104px !important
}

.neg-m-t-14x {
    margin-top: -112px !important
}

.neg-m-b-14x {
    margin-bottom: -112px !important
}

.neg-m-h-14x {
    margin-left: -112px !important;
    margin-right: -112px !important
}

.neg-m-t-15x {
    margin-top: -120px !important
}

.neg-m-b-15x {
    margin-bottom: -120px !important
}

.neg-m-h-15x {
    margin-left: -120px !important;
    margin-right: -120px !important
}

.neg-m-t-16x {
    margin-top: -128px !important
}

.neg-m-b-16x {
    margin-bottom: -128px !important
}

.neg-m-h-16x {
    margin-left: -128px !important;
    margin-right: -128px !important
}

@media(max-width:751px) {
    .mob-m-v-0x {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .mob-m-h-0x {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .mob-m-t-0x {
        margin-top: 0 !important
    }
    .mob-m-r-0x {
        margin-right: 0 !important
    }
    .mob-m-b-0x {
        margin-bottom: 0 !important
    }
    .mob-m-l-0x {
        margin-left: 0 !important
    }
    .mob-m-0x {
        margin: 0 !important
    }
    .mob-p-v-0x {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .mob-p-h-0x {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .mob-p-t-0x {
        padding-top: 0 !important
    }
    .mob-p-r-0x {
        padding-right: 0 !important
    }
    .mob-p-b-0x {
        padding-bottom: 0 !important
    }
    .mob-p-l-0x {
        padding-left: 0 !important
    }
    .mob-p-0x {
        padding: 0 !important
    }
    .mob-m-v-1x {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }
    .mob-m-h-1x {
        margin-left: 8px !important;
        margin-right: 8px !important
    }
    .mob-m-t-1x {
        margin-top: 8px !important
    }
    .mob-m-r-1x {
        margin-right: 8px !important
    }
    .mob-m-b-1x {
        margin-bottom: 8px !important
    }
    .mob-m-l-1x {
        margin-left: 8px !important
    }
    .mob-m-1x {
        margin: 8px !important
    }
    .mob-p-v-1x {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }
    .mob-p-h-1x {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
    .mob-p-t-1x {
        padding-top: 8px !important
    }
    .mob-p-r-1x {
        padding-right: 8px !important
    }
    .mob-p-b-1x {
        padding-bottom: 8px !important
    }
    .mob-p-l-1x {
        padding-left: 8px !important
    }
    .mob-p-1x {
        padding: 8px !important
    }
    .mob-m-v-2x {
        margin-top: 16px !important;
        margin-bottom: 16px !important
    }
    .mob-m-h-2x {
        margin-left: 16px !important;
        margin-right: 16px !important
    }
    .mob-m-t-2x {
        margin-top: 16px !important
    }
    .mob-m-r-2x {
        margin-right: 16px !important
    }
    .mob-m-b-2x {
        margin-bottom: 16px !important
    }
    .mob-m-l-2x {
        margin-left: 16px !important
    }
    .mob-m-2x {
        margin: 16px !important
    }
    .mob-p-v-2x {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }
    .mob-p-h-2x {
        padding-left: 16px !important;
        padding-right: 16px !important
    }
    .mob-p-t-2x {
        padding-top: 16px !important
    }
    .mob-p-r-2x {
        padding-right: 16px !important
    }
    .mob-p-b-2x {
        padding-bottom: 16px !important
    }
    .mob-p-l-2x {
        padding-left: 16px !important
    }
    .mob-p-2x {
        padding: 16px !important
    }
    .mob-m-v-3x {
        margin-top: 24px !important;
        margin-bottom: 24px !important
    }
    .mob-m-h-3x {
        margin-left: 24px !important;
        margin-right: 24px !important
    }
    .mob-m-t-3x {
        margin-top: 24px !important
    }
    .mob-m-r-3x {
        margin-right: 24px !important
    }
    .mob-m-b-3x {
        margin-bottom: 24px !important
    }
    .mob-m-l-3x {
        margin-left: 24px !important
    }
    .mob-m-3x {
        margin: 24px !important
    }
    .mob-p-v-3x {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }
    .mob-p-h-3x {
        padding-left: 24px !important;
        padding-right: 24px !important
    }
    .mob-p-t-3x {
        padding-top: 24px !important
    }
    .mob-p-r-3x {
        padding-right: 24px !important
    }
    .mob-p-b-3x {
        padding-bottom: 24px !important
    }
    .mob-p-l-3x {
        padding-left: 24px !important
    }
    .mob-p-3x {
        padding: 24px !important
    }
    .mob-m-v-4x {
        margin-top: 32px !important;
        margin-bottom: 32px !important
    }
    .mob-m-h-4x {
        margin-left: 32px !important;
        margin-right: 32px !important
    }
    .mob-m-t-4x {
        margin-top: 32px !important
    }
    .mob-m-r-4x {
        margin-right: 32px !important
    }
    .mob-m-b-4x {
        margin-bottom: 32px !important
    }
    .mob-m-l-4x {
        margin-left: 32px !important
    }
    .mob-m-4x {
        margin: 32px !important
    }
    .mob-p-v-4x {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }
    .mob-p-h-4x {
        padding-left: 32px !important;
        padding-right: 32px !important
    }
    .mob-p-t-4x {
        padding-top: 32px !important
    }
    .mob-p-r-4x {
        padding-right: 32px !important
    }
    .mob-p-b-4x {
        padding-bottom: 32px !important
    }
    .mob-p-l-4x {
        padding-left: 32px !important
    }
    .mob-p-4x {
        padding: 32px !important
    }
    .mob-m-v-5x {
        margin-top: 40px !important;
        margin-bottom: 40px !important
    }
    .mob-m-h-5x {
        margin-left: 40px !important;
        margin-right: 40px !important
    }
    .mob-m-t-5x {
        margin-top: 40px !important
    }
    .mob-m-r-5x {
        margin-right: 40px !important
    }
    .mob-m-b-5x {
        margin-bottom: 40px !important
    }
    .mob-m-l-5x {
        margin-left: 40px !important
    }
    .mob-m-5x {
        margin: 40px !important
    }
    .mob-p-v-5x {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }
    .mob-p-h-5x {
        padding-left: 40px !important;
        padding-right: 40px !important
    }
    .mob-p-t-5x {
        padding-top: 40px !important
    }
    .mob-p-r-5x {
        padding-right: 40px !important
    }
    .mob-p-b-5x {
        padding-bottom: 40px !important
    }
    .mob-p-l-5x {
        padding-left: 40px !important
    }
    .mob-p-5x {
        padding: 40px !important
    }
    .mob-m-v-6x {
        margin-top: 48px !important;
        margin-bottom: 48px !important
    }
    .mob-m-h-6x {
        margin-left: 48px !important;
        margin-right: 48px !important
    }
    .mob-m-t-6x {
        margin-top: 48px !important
    }
    .mob-m-r-6x {
        margin-right: 48px !important
    }
    .mob-m-b-6x {
        margin-bottom: 48px !important
    }
    .mob-m-l-6x {
        margin-left: 48px !important
    }
    .mob-m-6x {
        margin: 48px !important
    }
    .mob-p-v-6x {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }
    .mob-p-h-6x {
        padding-left: 48px !important;
        padding-right: 48px !important
    }
    .mob-p-t-6x {
        padding-top: 48px !important
    }
    .mob-p-r-6x {
        padding-right: 48px !important
    }
    .mob-p-b-6x {
        padding-bottom: 48px !important
    }
    .mob-p-l-6x {
        padding-left: 48px !important
    }
    .mob-p-6x {
        padding: 48px !important
    }
    .mob-m-v-7x {
        margin-top: 56px !important;
        margin-bottom: 56px !important
    }
    .mob-m-h-7x {
        margin-left: 56px !important;
        margin-right: 56px !important
    }
    .mob-m-t-7x {
        margin-top: 56px !important
    }
    .mob-m-r-7x {
        margin-right: 56px !important
    }
    .mob-m-b-7x {
        margin-bottom: 56px !important
    }
    .mob-m-l-7x {
        margin-left: 56px !important
    }
    .mob-m-7x {
        margin: 56px !important
    }
    .mob-p-v-7x {
        padding-top: 56px !important;
        padding-bottom: 56px !important
    }
    .mob-p-h-7x {
        padding-left: 56px !important;
        padding-right: 56px !important
    }
    .mob-p-t-7x {
        padding-top: 56px !important
    }
    .mob-p-r-7x {
        padding-right: 56px !important
    }
    .mob-p-b-7x {
        padding-bottom: 56px !important
    }
    .mob-p-l-7x {
        padding-left: 56px !important
    }
    .mob-p-7x {
        padding: 56px !important
    }
    .mob-m-v-8x {
        margin-top: 64px !important;
        margin-bottom: 64px !important
    }
    .mob-m-h-8x {
        margin-left: 64px !important;
        margin-right: 64px !important
    }
    .mob-m-t-8x {
        margin-top: 64px !important
    }
    .mob-m-r-8x {
        margin-right: 64px !important
    }
    .mob-m-b-8x {
        margin-bottom: 64px !important
    }
    .mob-m-l-8x {
        margin-left: 64px !important
    }
    .mob-m-8x {
        margin: 64px !important
    }
    .mob-p-v-8x {
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }
    .mob-p-h-8x {
        padding-left: 64px !important;
        padding-right: 64px !important
    }
    .mob-p-t-8x {
        padding-top: 64px !important
    }
    .mob-p-r-8x {
        padding-right: 64px !important
    }
    .mob-p-b-8x {
        padding-bottom: 64px !important
    }
    .mob-p-l-8x {
        padding-left: 64px !important
    }
    .mob-p-8x {
        padding: 64px !important
    }
    .mob-m-v-9x {
        margin-top: 72px !important;
        margin-bottom: 72px !important
    }
    .mob-m-h-9x {
        margin-left: 72px !important;
        margin-right: 72px !important
    }
    .mob-m-t-9x {
        margin-top: 72px !important
    }
    .mob-m-r-9x {
        margin-right: 72px !important
    }
    .mob-m-b-9x {
        margin-bottom: 72px !important
    }
    .mob-m-l-9x {
        margin-left: 72px !important
    }
    .mob-m-9x {
        margin: 72px !important
    }
    .mob-p-v-9x {
        padding-top: 72px !important;
        padding-bottom: 72px !important
    }
    .mob-p-h-9x {
        padding-left: 72px !important;
        padding-right: 72px !important
    }
    .mob-p-t-9x {
        padding-top: 72px !important
    }
    .mob-p-r-9x {
        padding-right: 72px !important
    }
    .mob-p-b-9x {
        padding-bottom: 72px !important
    }
    .mob-p-l-9x {
        padding-left: 72px !important
    }
    .mob-p-9x {
        padding: 72px !important
    }
    .mob-m-v-10x {
        margin-top: 80px !important;
        margin-bottom: 80px !important
    }
    .mob-m-h-10x {
        margin-left: 80px !important;
        margin-right: 80px !important
    }
    .mob-m-t-10x {
        margin-top: 80px !important
    }
    .mob-m-r-10x {
        margin-right: 80px !important
    }
    .mob-m-b-10x {
        margin-bottom: 80px !important
    }
    .mob-m-l-10x {
        margin-left: 80px !important
    }
    .mob-m-10x {
        margin: 80px !important
    }
    .mob-p-v-10x {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }
    .mob-p-h-10x {
        padding-left: 80px !important;
        padding-right: 80px !important
    }
    .mob-p-t-10x {
        padding-top: 80px !important
    }
    .mob-p-r-10x {
        padding-right: 80px !important
    }
    .mob-p-b-10x {
        padding-bottom: 80px !important
    }
    .mob-p-l-10x {
        padding-left: 80px !important
    }
    .mob-p-10x {
        padding: 80px !important
    }
    .mob-m-v-11x {
        margin-top: 88px !important;
        margin-bottom: 88px !important
    }
    .mob-m-h-11x {
        margin-left: 88px !important;
        margin-right: 88px !important
    }
    .mob-m-t-11x {
        margin-top: 88px !important
    }
    .mob-m-r-11x {
        margin-right: 88px !important
    }
    .mob-m-b-11x {
        margin-bottom: 88px !important
    }
    .mob-m-l-11x {
        margin-left: 88px !important
    }
    .mob-m-11x {
        margin: 88px !important
    }
    .mob-p-v-11x {
        padding-top: 88px !important;
        padding-bottom: 88px !important
    }
    .mob-p-h-11x {
        padding-left: 88px !important;
        padding-right: 88px !important
    }
    .mob-p-t-11x {
        padding-top: 88px !important
    }
    .mob-p-r-11x {
        padding-right: 88px !important
    }
    .mob-p-b-11x {
        padding-bottom: 88px !important
    }
    .mob-p-l-11x {
        padding-left: 88px !important
    }
    .mob-p-11x {
        padding: 88px !important
    }
    .mob-m-v-12x {
        margin-top: 96px !important;
        margin-bottom: 96px !important
    }
    .mob-m-h-12x {
        margin-left: 96px !important;
        margin-right: 96px !important
    }
    .mob-m-t-12x {
        margin-top: 96px !important
    }
    .mob-m-r-12x {
        margin-right: 96px !important
    }
    .mob-m-b-12x {
        margin-bottom: 96px !important
    }
    .mob-m-l-12x {
        margin-left: 96px !important
    }
    .mob-m-12x {
        margin: 96px !important
    }
    .mob-p-v-12x {
        padding-top: 96px !important;
        padding-bottom: 96px !important
    }
    .mob-p-h-12x {
        padding-left: 96px !important;
        padding-right: 96px !important
    }
    .mob-p-t-12x {
        padding-top: 96px !important
    }
    .mob-p-r-12x {
        padding-right: 96px !important
    }
    .mob-p-b-12x {
        padding-bottom: 96px !important
    }
    .mob-p-l-12x {
        padding-left: 96px !important
    }
    .mob-p-12x {
        padding: 96px !important
    }
    .mob-m-v-13x {
        margin-top: 104px !important;
        margin-bottom: 104px !important
    }
    .mob-m-h-13x {
        margin-left: 104px !important;
        margin-right: 104px !important
    }
    .mob-m-t-13x {
        margin-top: 104px !important
    }
    .mob-m-r-13x {
        margin-right: 104px !important
    }
    .mob-m-b-13x {
        margin-bottom: 104px !important
    }
    .mob-m-l-13x {
        margin-left: 104px !important
    }
    .mob-m-13x {
        margin: 104px !important
    }
    .mob-p-v-13x {
        padding-top: 104px !important;
        padding-bottom: 104px !important
    }
    .mob-p-h-13x {
        padding-left: 104px !important;
        padding-right: 104px !important
    }
    .mob-p-t-13x {
        padding-top: 104px !important
    }
    .mob-p-r-13x {
        padding-right: 104px !important
    }
    .mob-p-b-13x {
        padding-bottom: 104px !important
    }
    .mob-p-l-13x {
        padding-left: 104px !important
    }
    .mob-p-13x {
        padding: 104px !important
    }
    .mob-m-v-14x {
        margin-top: 112px !important;
        margin-bottom: 112px !important
    }
    .mob-m-h-14x {
        margin-left: 112px !important;
        margin-right: 112px !important
    }
    .mob-m-t-14x {
        margin-top: 112px !important
    }
    .mob-m-r-14x {
        margin-right: 112px !important
    }
    .mob-m-b-14x {
        margin-bottom: 112px !important
    }
    .mob-m-l-14x {
        margin-left: 112px !important
    }
    .mob-m-14x {
        margin: 112px !important
    }
    .mob-p-v-14x {
        padding-top: 112px !important;
        padding-bottom: 112px !important
    }
    .mob-p-h-14x {
        padding-left: 112px !important;
        padding-right: 112px !important
    }
    .mob-p-t-14x {
        padding-top: 112px !important
    }
    .mob-p-r-14x {
        padding-right: 112px !important
    }
    .mob-p-b-14x {
        padding-bottom: 112px !important
    }
    .mob-p-l-14x {
        padding-left: 112px !important
    }
    .mob-p-14x {
        padding: 112px !important
    }
    .mob-m-v-15x {
        margin-top: 120px !important;
        margin-bottom: 120px !important
    }
    .mob-m-h-15x {
        margin-left: 120px !important;
        margin-right: 120px !important
    }
    .mob-m-t-15x {
        margin-top: 120px !important
    }
    .mob-m-r-15x {
        margin-right: 120px !important
    }
    .mob-m-b-15x {
        margin-bottom: 120px !important
    }
    .mob-m-l-15x {
        margin-left: 120px !important
    }
    .mob-m-15x {
        margin: 120px !important
    }
    .mob-p-v-15x {
        padding-top: 120px !important;
        padding-bottom: 120px !important
    }
    .mob-p-h-15x {
        padding-left: 120px !important;
        padding-right: 120px !important
    }
    .mob-p-t-15x {
        padding-top: 120px !important
    }
    .mob-p-r-15x {
        padding-right: 120px !important
    }
    .mob-p-b-15x {
        padding-bottom: 120px !important
    }
    .mob-p-l-15x {
        padding-left: 120px !important
    }
    .mob-p-15x {
        padding: 120px !important
    }
    .mob-m-v-16x {
        margin-top: 128px !important;
        margin-bottom: 128px !important
    }
    .mob-m-h-16x {
        margin-left: 128px !important;
        margin-right: 128px !important
    }
    .mob-m-t-16x {
        margin-top: 128px !important
    }
    .mob-m-r-16x {
        margin-right: 128px !important
    }
    .mob-m-b-16x {
        margin-bottom: 128px !important
    }
    .mob-m-l-16x {
        margin-left: 128px !important
    }
    .mob-m-16x {
        margin: 128px !important
    }
    .mob-p-v-16x {
        padding-top: 128px !important;
        padding-bottom: 128px !important
    }
    .mob-p-h-16x {
        padding-left: 128px !important;
        padding-right: 128px !important
    }
    .mob-p-t-16x {
        padding-top: 128px !important
    }
    .mob-p-r-16x {
        padding-right: 128px !important
    }
    .mob-p-b-16x {
        padding-bottom: 128px !important
    }
    .mob-p-l-16x {
        padding-left: 128px !important
    }
    .mob-p-16x {
        padding: 128px !important
    }
}

.max-w-xlg {
    max-width: 1012px !important
}

.max-w-lg {
    max-width: 894px !important
}

.max-w-md {
    max-width: 584px !important
}

.max-w-sm {
    max-width: 480px !important
}

.max-w-xs {
    max-width: 360px !important
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media(min-width:514px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width:752px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media(min-width:1012px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1388px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-line-through {
    text-decoration: line-through
}

.text-white {
    color: #fff !important
}

.text-faded {
    color: #9d9da6 !important
}

.text-faded i {
    color: #0d3c9f
}

.text-normal {
    text-transform: none !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 500 !important
}

.font-italic {
    font-style: italic !important
}

.text-default {
    color: #524972 !important
}

.text-primary {
    color: #0d3c9f !important
}

.text-secondary {
    color: #f67a3c !important
}

.text-success {
    color: #009a64 !important
}

.text-info {
    color: #4685ef !important
}

.text-warning {
    color: #ea862b !important
}

.text-danger {
    color: #d83a3a !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

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

.border-default {
    border-color: #fff !important
}

.bg-default-lighter {
    background: #fff !important
}

.border-default-lighter {
    border-color: #fff !important
}

.bg-default-darker {
    background: #f7f7f7 !important
}

.border-default-darker {
    border-color: #f7f7f7 !important
}

.bg-default-faded {
    background: #fff !important
}

.border-default-faded {
    border-color: #fff !important
}

.bg-default-gradient {
    background:  !important
}

.border-default-gradient {
    border-color:  !important
}

.bg-primary {
    background: #0d3c9f !important
}

.border-primary {
    border-color: #0d3c9f !important
}

.bg-primary-lighter {
    background: #0d3c9f !important
}

.border-primary-lighter {
    border-color: #0d3c9f !important
}

.bg-primary-darker {
    background: #0d3c9f !important
}

.border-primary-darker {
    border-color: #0d3c9f !important
}

.bg-primary-faded {
    background:  !important
}

.border-primary-faded {
    border-color:  !important
}

.bg-primary-gradient {
    background: linear-gradient(270deg, #2e1a6d 7.81%, #4a338d 50.52%, #7b60cc) !important
}

.border-primary-gradient {
    border-color: linear-gradient(270deg, #2e1a6d 7.81%, #4a338d 50.52%, #7b60cc) !important
}

.bg-secondary {
    background: #f67a3c !important
}

.border-secondary {
    border-color: #f67a3c !important
}

.bg-secondary-lighter {
    background: #f8905c !important
}

.border-secondary-lighter {
    border-color: #f8905c !important
}

.bg-secondary-darker {
    background: #ba4409 !important
}

.border-secondary-darker {
    border-color: #ba4409 !important
}

.bg-secondary-faded {
    background:  !important
}

.border-secondary-faded {
    border-color:  !important
}

.bg-secondary-gradient {
    background: linear-gradient(180deg, #f9dccd, rgba(255, 216, 197, .3) 92.19%) !important
}

.border-secondary-gradient {
    border-color: linear-gradient(180deg, #f9dccd, rgba(255, 216, 197, .3) 92.19%) !important
}

.bg-success {
    background: #009a64 !important
}

.border-success {
    border-color: #009a64 !important
}

.bg-success-lighter {
    background: #28c08b !important
}

.border-success-lighter {
    border-color: #28c08b !important
}

.bg-success-darker {
    background: #067850 !important
}

.border-success-darker {
    border-color: #067850 !important
}

.bg-success-faded {
    background: #cfeae0 !important
}

.border-success-faded {
    border-color: #cfeae0 !important
}

.bg-success-gradient {
    background:  !important
}

.border-success-gradient {
    border-color:  !important
}

.bg-info {
    background: #4685ef !important
}

.border-info {
    border-color: #4685ef !important
}

.bg-info-lighter {
    background: #79a9fb !important
}

.border-info-lighter {
    border-color: #79a9fb !important
}

.bg-info-darker {
    background: #2160c9 !important
}

.border-info-darker {
    border-color: #2160c9 !important
}

.bg-info-faded {
    background: #c6d8f5 !important
}

.border-info-faded {
    border-color: #c6d8f5 !important
}

.bg-info-gradient {
    background:  !important
}

.border-info-gradient {
    border-color:  !important
}

.bg-warning {
    background: #ea862b !important
}

.border-warning {
    border-color: #ea862b !important
}

.bg-warning-lighter {
    background: #faa556 !important
}

.border-warning-lighter {
    border-color: #faa556 !important
}

.bg-warning-darker {
    background: #c16917 !important
}

.border-warning-darker {
    border-color: #c16917 !important
}

.bg-warning-faded {
    background: #f4cfad !important
}

.border-warning-faded {
    border-color: #f4cfad !important
}

.bg-warning-gradient {
    background:  !important
}

.border-warning-gradient {
    border-color:  !important
}

.bg-danger {
    background: #d83a3a !important
}

.border-danger {
    border-color: #d83a3a !important
}

.bg-danger-lighter {
    background: #f46a6a !important
}

.border-danger-lighter {
    border-color: #f46a6a !important
}

.bg-danger-darker {
    background: #af1c1c !important
}

.border-danger-darker {
    border-color: #af1c1c !important
}

.bg-danger-faded {
    background: #eaadad !important
}

.border-danger-faded {
    border-color: #eaadad !important
}

.bg-danger-gradient {
    background:  !important
}

.border-danger-gradient {
    border-color:  !important
}

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

.border-gray {
    border-color: #dbdbdb !important
}

.bg-gray-lighter {
    background: #efefef !important
}

.border-gray-lighter {
    border-color: #efefef !important
}

.bg-gray-darker {
    background: #b6b6b6 !important
}

.border-gray-darker {
    border-color: #b6b6b6 !important
}

.bg-gray-faded {
    background:  !important
}

.border-gray-faded {
    border-color:  !important
}

.bg-gray-gradient {
    background:  !important
}

.border-gray-gradient {
    border-color:  !important
}

.flex-xs-first {
    order: -1 !important
}

.flex-xs-last {
    order: 1 !important
}

.flex-xs-unordered {
    order: 0 !important
}

.flex-items-xs-top {
    align-items: flex-start !important
}

.flex-items-xs-middle {
    align-items: center !important
}

.flex-items-xs-bottom {
    align-items: flex-end !important
}

.flex-xs-top {
    align-self: flex-start !important
}

.flex-xs-middle {
    align-self: center !important
}

.flex-xs-bottom {
    align-self: flex-end !important
}

.flex-items-xs-left {
    justify-content: flex-start !important
}

.flex-items-xs-center {
    justify-content: center !important
}

.flex-items-xs-right {
    justify-content: flex-end !important
}

.flex-items-xs-around {
    justify-content: space-around !important
}

.flex-items-xs-between {
    justify-content: space-between !important
}

@media(min-width:514px) {
    .flex-sm-first {
        order: -1 !important
    }
    .flex-sm-last {
        order: 1 !important
    }
    .flex-sm-unordered {
        order: 0 !important
    }
}

@media(min-width:514px) {
    .flex-items-sm-top {
        align-items: flex-start !important
    }
    .flex-items-sm-middle {
        align-items: center !important
    }
    .flex-items-sm-bottom {
        align-items: flex-end !important
    }
}

@media(min-width:514px) {
    .flex-sm-top {
        align-self: flex-start !important
    }
    .flex-sm-middle {
        align-self: center !important
    }
    .flex-sm-bottom {
        align-self: flex-end !important
    }
}

@media(min-width:514px) {
    .flex-items-sm-left {
        justify-content: flex-start !important
    }
    .flex-items-sm-center {
        justify-content: center !important
    }
    .flex-items-sm-right {
        justify-content: flex-end !important
    }
    .flex-items-sm-around {
        justify-content: space-around !important
    }
    .flex-items-sm-between {
        justify-content: space-between !important
    }
}

@media(min-width:752px) {
    .flex-md-first {
        order: -1 !important
    }
    .flex-md-last {
        order: 1 !important
    }
    .flex-md-unordered {
        order: 0 !important
    }
}

@media(min-width:752px) {
    .flex-items-md-top {
        align-items: flex-start !important
    }
    .flex-items-md-middle {
        align-items: center !important
    }
    .flex-items-md-bottom {
        align-items: flex-end !important
    }
}

@media(min-width:752px) {
    .flex-md-top {
        align-self: flex-start !important
    }
    .flex-md-middle {
        align-self: center !important
    }
    .flex-md-bottom {
        align-self: flex-end !important
    }
}

@media(min-width:752px) {
    .flex-items-md-left {
        justify-content: flex-start !important
    }
    .flex-items-md-center {
        justify-content: center !important
    }
    .flex-items-md-right {
        justify-content: flex-end !important
    }
    .flex-items-md-around {
        justify-content: space-around !important
    }
    .flex-items-md-between {
        justify-content: space-between !important
    }
}

@media(min-width:1012px) {
    .flex-lg-first {
        order: -1 !important
    }
    .flex-lg-last {
        order: 1 !important
    }
    .flex-lg-unordered {
        order: 0 !important
    }
}

@media(min-width:1012px) {
    .flex-items-lg-top {
        align-items: flex-start !important
    }
    .flex-items-lg-middle {
        align-items: center !important
    }
    .flex-items-lg-bottom {
        align-items: flex-end !important
    }
}

@media(min-width:1012px) {
    .flex-lg-top {
        align-self: flex-start !important
    }
    .flex-lg-middle {
        align-self: center !important
    }
    .flex-lg-bottom {
        align-self: flex-end !important
    }
}

@media(min-width:1012px) {
    .flex-items-lg-left {
        justify-content: flex-start !important
    }
    .flex-items-lg-center {
        justify-content: center !important
    }
    .flex-items-lg-right {
        justify-content: flex-end !important
    }
    .flex-items-lg-around {
        justify-content: space-around !important
    }
    .flex-items-lg-between {
        justify-content: space-between !important
    }
}

@media(min-width:1388px) {
    .flex-xl-first {
        order: -1 !important
    }
    .flex-xl-last {
        order: 1 !important
    }
    .flex-xl-unordered {
        order: 0 !important
    }
}

@media(min-width:1388px) {
    .flex-items-xl-top {
        align-items: flex-start !important
    }
    .flex-items-xl-middle {
        align-items: center !important
    }
    .flex-items-xl-bottom {
        align-items: flex-end !important
    }
}

@media(min-width:1388px) {
    .flex-xl-top {
        align-self: flex-start !important
    }
    .flex-xl-middle {
        align-self: center !important
    }
    .flex-xl-bottom {
        align-self: flex-end !important
    }
}

@media(min-width:1388px) {
    .flex-items-xl-left {
        justify-content: flex-start !important
    }
    .flex-items-xl-center {
        justify-content: center !important
    }
    .flex-items-xl-right {
        justify-content: flex-end !important
    }
    .flex-items-xl-around {
        justify-content: space-around !important
    }
    .flex-items-xl-between {
        justify-content: space-between !important
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media(min-width:514px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: flex !important
    }
    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width:752px) {
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: flex !important
    }
    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width:1012px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: flex !important
    }
    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width:1388px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: flex !important
    }
    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

.order-first {
    order: -1
}

.order-last {
    order: 1
}

.order-0 {
    order: 0
}

.order-4 {
    order: 4
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media(min-width:514px) {
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 1
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-4 {
        order: 4
    }
    .flex-sm-row {
        flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-sm-start {
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        justify-content: center !important
    }
    .justify-content-sm-between {
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        justify-content: space-around !important
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }
    .align-items-sm-start {
        align-items: flex-start !important
    }
    .align-items-sm-end {
        align-items: flex-end !important
    }
    .align-items-sm-center {
        align-items: center !important
    }
    .align-items-sm-baseline {
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        align-items: stretch !important
    }
    .align-content-sm-start {
        align-content: flex-start !important
    }
    .align-content-sm-end {
        align-content: flex-end !important
    }
    .align-content-sm-center {
        align-content: center !important
    }
    .align-content-sm-between {
        align-content: space-between !important
    }
    .align-content-sm-around {
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        align-content: stretch !important
    }
    .align-self-sm-auto {
        align-self: auto !important
    }
    .align-self-sm-start {
        align-self: flex-start !important
    }
    .align-self-sm-end {
        align-self: flex-end !important
    }
    .align-self-sm-center {
        align-self: center !important
    }
    .align-self-sm-baseline {
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media(min-width:752px) {
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 1
    }
    .order-md-0 {
        order: 0
    }
    .order-md-4 {
        order: 4
    }
    .flex-md-row {
        flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-md-start {
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        justify-content: center !important
    }
    .justify-content-md-between {
        justify-content: space-between !important
    }
    .justify-content-md-around {
        justify-content: space-around !important
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }
    .align-items-md-start {
        align-items: flex-start !important
    }
    .align-items-md-end {
        align-items: flex-end !important
    }
    .align-items-md-center {
        align-items: center !important
    }
    .align-items-md-baseline {
        align-items: baseline !important
    }
    .align-items-md-stretch {
        align-items: stretch !important
    }
    .align-content-md-start {
        align-content: flex-start !important
    }
    .align-content-md-end {
        align-content: flex-end !important
    }
    .align-content-md-center {
        align-content: center !important
    }
    .align-content-md-between {
        align-content: space-between !important
    }
    .align-content-md-around {
        align-content: space-around !important
    }
    .align-content-md-stretch {
        align-content: stretch !important
    }
    .align-self-md-auto {
        align-self: auto !important
    }
    .align-self-md-start {
        align-self: flex-start !important
    }
    .align-self-md-end {
        align-self: flex-end !important
    }
    .align-self-md-center {
        align-self: center !important
    }
    .align-self-md-baseline {
        align-self: baseline !important
    }
    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media(min-width:1012px) {
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 1
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-4 {
        order: 4
    }
    .flex-lg-row {
        flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-lg-start {
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        justify-content: center !important
    }
    .justify-content-lg-between {
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        justify-content: space-around !important
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }
    .align-items-lg-start {
        align-items: flex-start !important
    }
    .align-items-lg-end {
        align-items: flex-end !important
    }
    .align-items-lg-center {
        align-items: center !important
    }
    .align-items-lg-baseline {
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        align-items: stretch !important
    }
    .align-content-lg-start {
        align-content: flex-start !important
    }
    .align-content-lg-end {
        align-content: flex-end !important
    }
    .align-content-lg-center {
        align-content: center !important
    }
    .align-content-lg-between {
        align-content: space-between !important
    }
    .align-content-lg-around {
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        align-content: stretch !important
    }
    .align-self-lg-auto {
        align-self: auto !important
    }
    .align-self-lg-start {
        align-self: flex-start !important
    }
    .align-self-lg-end {
        align-self: flex-end !important
    }
    .align-self-lg-center {
        align-self: center !important
    }
    .align-self-lg-baseline {
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media(min-width:1388px) {
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 1
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-4 {
        order: 4
    }
    .flex-xl-row {
        flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }
    .justify-content-xl-start {
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        justify-content: center !important
    }
    .justify-content-xl-between {
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        justify-content: space-around !important
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }
    .align-items-xl-start {
        align-items: flex-start !important
    }
    .align-items-xl-end {
        align-items: flex-end !important
    }
    .align-items-xl-center {
        align-items: center !important
    }
    .align-items-xl-baseline {
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        align-items: stretch !important
    }
    .align-content-xl-start {
        align-content: flex-start !important
    }
    .align-content-xl-end {
        align-content: flex-end !important
    }
    .align-content-xl-center {
        align-content: center !important
    }
    .align-content-xl-between {
        align-content: space-between !important
    }
    .align-content-xl-around {
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        align-content: stretch !important
    }
    .align-self-xl-auto {
        align-self: auto !important
    }
    .align-self-xl-start {
        align-self: flex-start !important
    }
    .align-self-xl-end {
        align-self: flex-end !important
    }
    .align-self-xl-center {
        align-self: center !important
    }
    .align-self-xl-baseline {
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.flex-grow-0 {
    flex-grow: 0
}

.flex-grow-1 {
    flex-grow: 1
}

.flex-grow-2 {
    flex-grow: 2
}

.flex-grow-3 {
    flex-grow: 3
}

.flex-grow-4 {
    flex-grow: 4
}

.flex-grow-5 {
    flex-grow: 5
}

.flex-grow-6 {
    flex-grow: 6
}

.flex-grow-7 {
    flex-grow: 7
}

.flex-grow-8 {
    flex-grow: 8
}

.flex-grow-9 {
    flex-grow: 9
}

.flex-grow-10 {
    flex-grow: 10
}

.table__col-1 {
    width: 4.16667%
}

.table__col-2 {
    width: 8.33333%
}

.table__col-3 {
    width: 12.5%
}

.table__col-4 {
    width: 16.66667%
}

.table__col-5 {
    width: 20.83333%
}

.table__col-6 {
    width: 25%
}

.table__col-7 {
    width: 29.16667%
}

.table__col-8 {
    width: 33.33333%
}

.table__col-9 {
    width: 37.5%
}

.table__col-10 {
    width: 41.66667%
}

.table__col-11 {
    width: 45.83333%
}

.table__col-12 {
    width: 50%
}

.table__col-13 {
    width: 54.16667%
}

.table__col-14 {
    width: 58.33333%
}

.table__col-15 {
    width: 62.5%
}

.table__col-16 {
    width: 66.66667%
}

.table__col-17 {
    width: 70.83333%
}

.table__col-18 {
    width: 75%
}

.table__col-19 {
    width: 79.16667%
}

.table__col-20 {
    width: 83.33333%
}

.table__col-21 {
    width: 87.5%
}

.table__col-22 {
    width: 91.66667%
}

.table__col-23 {
    width: 95.83333%
}

.table__col-24 {
    width: 100%
}

.section {
    padding-top: 5rem ;
    position: relative;
    background: 0 0
}
.home.icon-search:before {
    padding-top: 10px;
    font-size: 23px;
    color: #f67a3c;
}
@media (max-width: 751px){
.home.icon-search {
    position: absolute;
    left: 16px;
    top: 18px;
}}
.section__content,
.section__graphic {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.section__content>:last-child {
    margin-bottom: 0
}

.section__content+.section__graphic {
    margin-top: 0
}

 
.section .illustration-right .section__graphic--sm {
    left: 0;
    right: unset
}

.section__graphic {
   
    
}

.section__graphic[data-animation] svg {
    opacity: 0
}

.section__graphic--sm {
    width: 460px;
    height: 350px;
    position: absolute
}

.section__graphic--shadow {
    filter: drop-shadow(0 24px 64px rgba(0, 0, 0, .08)) drop-shadow(0 16px 48px rgba(0, 0, 0, .04))
}

.section__graphic--cloudlinux-1,
.section__graphic--cloudlinux-2 {
    position: absolute
}

.section__graphic--cloudlinux-1 {
    left: 56px;
    top: 0
}

.section__graphic--cloudlinux-2 {
    left: 0;
    bottom: 95px
}

.section__graphic--jetbackup-1,
.section__graphic--jetbackup-2 {
    position: absolute
}

.section__graphic--jetbackup-1 {
    left: 56px;
    top: 0
}

.section__graphic--jetbackup-2 {
    left: 0;
    top: 280px
}

.section__graphic--immunify-1,
.section__graphic--immunify-2,
.section__graphic--immunify-3 {
    position: absolute
}

.section__graphic--immunify-1 {
    left: 56px;
    top: 0
}

.section__graphic--immunify-2 {
    left: 0;
    top: 275.7px
}

.section__graphic--immunify-3 {
    left: 430.25px;
    top: 133px
}

.section__graphic--automate-hosting-1,
.section__graphic--automate-hosting-2,
.section__graphic--automate-hosting-3,
.section__graphic--automate-hosting-4 {
    position: absolute;
    border-radius: 10px;
    height: calc(50% - 12px);
    background: #fff;
    overflow: hidden;
    opacity: 0
}

.section__graphic--automate-hosting-1 {
    left: 0;
    top: 0
}

.section__graphic--automate-hosting-2 {
    top: 0;
    right: 0
}

.section__graphic--automate-hosting-3 {
    bottom: 0;
    left: 0
}

.section__graphic--automate-hosting-4 {
    bottom: 0;
    right: 0
}

.section__graphic--cpanel-1,
.section__graphic--cpanel-2 {
    position: absolute
}

.section__graphic--cpanel-1 {
    left: 57px;
    top: 0
}

.section__graphic--cpanel-2 {
    left: 89.02%;
    right: -4%;
    top: -2.56%;
    bottom: 66.11%
}

.section__graphic--litespeed-1,
.section__graphic--litespeed-2 {
    position: absolute
}

.section__graphic--litespeed-1 {
    left: 57px;
    top: 0
}

.section__graphic--litespeed-2 {
    left: -68px;
    top: 265px
}

.section__graphic--easy-scaling-1,
.section__graphic--easy-scaling-2,
.section__graphic--easy-scaling-3,
.section__graphic--easy-scaling-4 {
    position: absolute
}

.section__graphic--easy-scaling-1 {
    left: 58.99px;
    top: 0
}

.section__graphic--easy-scaling-2 {
    left: 0;
    top: 244px
}

.section__graphic--easy-scaling-3 {
    left: 644px;
    top: 78px
}

.section__graphic--easy-scaling-4 {
    left: 512px;
    top: 472px
}

.section__graphic--dedicated-resources-1,
.section__graphic--dedicated-resources-2,
.section__graphic--dedicated-resources-3 {
    position: absolute
}

.section__graphic--dedicated-resources-1 {
    left: 56px;
    top: 0
}

.section__graphic--dedicated-resources-2 {
    left: 0;
    top: 327px
}

.section__graphic--dedicated-resources-3 {
    left: 536px;
    top: 81px
}

.section__graphic--vps-fully-managed-1,
.section__graphic--vps-fully-managed-2,
.section__graphic--vps-fully-managed-3 {
    position: absolute
}

.section__graphic--vps-fully-managed-1 {
    left: 0;
    top: 0
}

.section__graphic--vps-fully-managed-2 {
    left: 1px;
    top: 223px
}

.section__graphic--vps-fully-managed-3 {
    left: 588px;
    top: 100px
}

.section__graphic--ddos-protection-1,
.section__graphic--ddos-protection-2,
.section__graphic--ddos-protection-3 {
    position: absolute
}

.section__graphic--ddos-protection-1 {
    left: -7px;
    top: 3px
}

.section__graphic--ddos-protection-2 {
    left: 347px;
    top: 151px
}

.section__graphic--ddos-protection-3 {
    left: 56px;
    top: 0
}

.section__graphic--easy-hosting-management {
    right: -43px !important
}

.section__graphic--easy-hosting-management-1,
.section__graphic--easy-hosting-management-2,
.section__graphic--easy-hosting-management-3 {
    position: absolute
}

.section__graphic--easy-hosting-management-1 {
    left: 57px;
    top: 0
}

.section__graphic--easy-hosting-management-2 {
    left: 524px;
    top: 319px
}

.section__graphic--easy-hosting-management-3 {
    left: 0;
    top: 175px
}

.section__graphic--sm-website-performance {
    margin: auto
}

.section__graphic--sm-website-performance-1,
.section__graphic--sm-website-performance-2,
.section__graphic--sm-website-performance-3,
.section__graphic--sm-website-performance-4,
.section__graphic--sm-website-performance-5 {
    position: absolute
}

.section__graphic--sm-website-performance-1 {
    left: 29px;
    top: 0
}

.section__graphic--sm-website-performance-2 {
    left: 80.22%;
    right: 1.96%;
    top: 22.57%;
    bottom: 54%
}

.section__graphic--sm-website-performance-3 {
    left: 80.22%;
    right: 1.96%;
    top: 49.71%;
    bottom: 26.86%
}

.section__graphic--sm-website-performance-4 {
    left: 0;
    right: 73.04%;
    top: 64.57%;
    bottom: 0
}

.section__graphic--sm-website-performance-5 {
    left: 27.39%;
    right: 26.3%;
    top: 16%;
    bottom: 22%
}

.section__graphic--sm-server-uptime {
    margin: auto
}

.section__graphic--sm-server-uptime-1,
.section__graphic--sm-server-uptime-2 {
    position: absolute
}

.section__graphic--sm-server-uptime-1 {
    left: 29px;
    top: 0
}

.section__graphic--sm-server-uptime-2 {
    left: 58.7%;
    right: 0;
    top: 45.71%;
    bottom: 0
}

.section__graphic--sm-developer-features {
    margin: auto
}

.section__graphic--sm-developer-features-1,
.section__graphic--sm-developer-features-2,
.section__graphic--sm-developer-features-3 {
    position: absolute
}

.section__graphic--sm-developer-features-1 {
    left: 29px;
    top: 0
}

.section__graphic--sm-developer-features-2 {
    left: 0;
    top: 212px
}

.section__graphic--sm-developer-features-3 {
    left: 352px;
    top: 93px
}

.section__graphic--sm-email-features {
    margin: auto
}

.section__graphic--sm-email-features-1,
.section__graphic--sm-email-features-2,
.section__graphic--sm-email-features-3 {
    position: absolute
}

.section__graphic--sm-email-features-1 {
    left: 83px;
    top: 0
}

.section__graphic--sm-email-features-2 {
    left: 0;
    top: 130px
}

.section__graphic--sm-email-features-3 {
    left: 115px;
    top: 199.95px
}

.section__graphic--sm-security-reliability {
    margin: auto
}

.section__graphic--sm-security-reliability-1,
.section__graphic--sm-security-reliability-2,
.section__graphic--sm-security-reliability-3 {
    position: absolute
}

.section__graphic--sm-security-reliability-1 {
    left: 29px;
    top: 0
}

.section__graphic--sm-security-reliability-2 {
    left: -30px;
    top: 160px
}

.section__graphic--sm-security-reliability-3 {
    left: 181px;
    top: 47px
}

.section__graphic--sm-dedicated-managers {
    margin: auto
}

.section__graphic--sm-dedicated-managers-1,
.section__graphic--sm-dedicated-managers-2,
.section__graphic--sm-dedicated-managers-3 {
    position: absolute
}

.section__graphic--sm-dedicated-managers-1 {
    left: 11.81px;
    top: 0
}

.section__graphic--sm-dedicated-managers-2 {
    left: 300px;
    bottom: 60px
}

.section__graphic--sm-dedicated-managers-3 {
    left: 11.81px;
    top: 0
}

.section__graphic--sm-promotional-materials {
    margin: auto
}

.section__graphic--sm-promotional-materials-1,
.section__graphic--sm-promotional-materials-2,
.section__graphic--sm-promotional-materials-3 {
    position: absolute
}

.section__graphic--sm-promotional-materials-1 {
    left: 29px;
    top: 0
}

.section__graphic--sm-promotional-materials-2 {
    left: 0;
    top: 212px
}

.section__graphic--sm-promotional-materials-3 {
    right: 0;
    top: 53px
}

.section__graphic--sm-tracking-tools {
    margin: auto
}

.section__graphic--sm-tracking-tools-1,
.section__graphic--sm-tracking-tools-2,
.section__graphic--sm-tracking-tools-3 {
    position: absolute
}

.section__graphic--sm-tracking-tools-1 {
    left: 29px;
    top: 0
}

.section__graphic--sm-tracking-tools-2 {
    top: 0;
    left: 120px
}

.section__graphic--sm-tracking-tools-3 {
    left: 0;
    top: 195px
}

.section__graphic--sm-reseller-hosting {
    margin: auto
}

.section__graphic--sm-reseller-hosting-1,
.section__graphic--sm-reseller-hosting-2,
.section__graphic--sm-reseller-hosting-3,
.section__graphic--sm-reseller-hosting-4 {
    position: absolute
}

.section__graphic--sm-reseller-hosting-1 {
    left: 29px;
    top: 0
}

.section__graphic--sm-reseller-hosting-2 {
    left: 80.22%;
    right: 1.96%;
    top: 22.57%;
    bottom: 54%
}

.section__graphic--sm-reseller-hosting-3 {
    left: 80.22%;
    right: 1.96%;
    top: 49.71%;
    bottom: 26.86%
}

.section__graphic--sm-reseller-hosting-4 {
    left: 0;
    top: 206px
}

.section__graphic--domain-reseller-1,
.section__graphic--domain-reseller-2,
.section__graphic--domain-reseller-3 {
    position: absolute
}

.section__graphic--domain-reseller-1 {
    left: 100px;
    top: 0
}

.section__graphic--domain-reseller-2 {
    left: 645px;
    top: 110px
}

.section__graphic--domain-reseller-3 {
    left: 40px;
    top: 375px
}

.section__graphic--wp-security-1,
.section__graphic--wp-security-2,
.section__graphic--wp-security-3 {
    position: absolute
}

.section__graphic--wp-security-1 {
    left: 100px;
    top: 0
}

.section__graphic--wp-security-2 {
    left: 585px;
    top: 57px
}

.section__graphic--wp-security-3 {
    left: 50px;
    top: 300px
}

.section__graphic--wp-launch-1,
.section__graphic--wp-launch-2,
.section__graphic--wp-launch-3 {
    position: absolute
}

.section__graphic--wp-launch-1 {
    left: 45px;
    top: 0
}

.section__graphic--wp-launch-2 {
    left: 633px;
    top: 95px
}

.section__graphic--wp-launch-3 {
    left: 280px;
    top: 55px
}

.section__graphic--control-panel-1,
.section__graphic--control-panel-2,
.section__graphic--control-panel-3 {
    position: absolute
}

.section__graphic--control-panel-1 {
    left: 130px;
    top: 0
}

.section__graphic--control-panel-2 {
    left: 0;
    top: 202px
}

.section__graphic--control-panel-3 {
    left: 452px;
    top: 15px
}

.section__graphic--website-performance-1,
.section__graphic--website-performance-2,
.section__graphic--website-performance-3,
.section__graphic--website-performance-4,
.section__graphic--website-performance-5 {
    position: absolute
}

.section__graphic--website-performance-5 {
    left: 100px;
    z-index: -1
}

.section__graphic--website-performance-4 {
    left: 670px;
    top: 116.33px
}

.section__graphic--website-performance-3 {
    left: 670px;
    top: 275.33px
}

.section__graphic--website-performance-2 {
    left: 50px;
    top: 246px
}

.section__graphic--website-performance-1 {
    left: 290px;
    top: 86.33px
}

.section__graphic--expert-support {
    position: relative
}

.section__graphic--expert-support-1 {
    position: absolute;
    left: 56px;
    top: 0
}

.section__graphic--expert-support-2 {
    position: absolute;
    left: 98px;
    top: 107px
}

.section__graphic--website-builder {
    position: relative
}

.section__graphic--website-builder-1,
.section__graphic--website-builder-2,
.section__graphic--website-builder-3 {
    position: absolute
}

.section__graphic--website-builder-1 {
    left: 100px
}

.section__graphic--website-builder-2 {
    top: 248px;
    left: 48px
}

.section__graphic--website-builder-3 {
    top: 132px;
    left: 670px
}

.section__graphic--server-location {
    position: relative
}

.section__graphic--server-location-1,
.section__graphic--server-location-2,
.section__graphic--server-location-3,
.section__graphic--server-location-4,
.section__graphic--server-location-5,
.section__graphic--server-location-6,
.section__graphic--server-location-7,
.section__graphic--server-location-8,
.section__graphic--server-location-9,
.section__graphic--server-location-10,
.section__graphic--server-location-11 {
    position: absolute
}

.section__graphic--server-location-8 {
    left: 0;
    z-index: -1
}

.section__graphic--server-location-1 {
    left: 266px;
    top: 108px
}

.section__graphic--server-location-2 {
    left: 384px;
    top: 120px
}

.section__graphic--server-location-3 {
    left: 567px;
    top: 368.13px
}

.section__graphic--server-location-4 {
    left: 36px;
    top: 203.36px
}

.section__graphic--server-location-5 {
    left: 522.52px;
    top: 204px
}

.section__graphic--server-location-6 {
    left: 304px;
    top: 199.15px
}

.section__graphic--server-location-7 {
    left: 446px;
    top: 290.56px
}

.section__graphic--server-location-9 {
    top: 129px;
    left: 3px
}

.section__graphic--server-location-10 {
    top: 76px;
    left: 137px
}

.section__graphic--server-location-11 {
    top: 144px;
    left: 665px
}

.section__desc,
.section__subtitle,
.section__title {
    text-align: center;
    max-width: 894px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0
}

.section__desc>:last-child {
    margin-bottom: 0
}

.section__desc+.panel {
    margin-top: 32px
}

.section--dark {
    background: linear-gradient(180deg, #f9dccd, rgba(255, 216, 197, .3) 92.19%)
}

.section--dark>.container {
    position: relative;
    z-index: 1
}

.section--dark .section__title {
    color: #fff
}

.section--dark .section__desc,
.section--dark .section__subtitle {
    color: #d5d5e3
}

.section--dark .feature:not(.feature--boxed) {
    border-color: hsla(0, 0%, 100%, .2);
    color: #fff
}

.section--dark .feature:not(.feature--boxed) .feature__title {
    color: #fff
}

.section--dark .feature:not(.feature--boxed) .feature__desc {
    color: hsla(0, 0%, 100%, .7)
}

.section--dark .feature:not(.feature--boxed) .feature__actions .btn {
    color: #fff
}

.section--sides .section__actions,
.section--sides .section__desc,
.section--sides .section__title {
    text-align: left
}

.section--sides .section__title {
    margin-left: 0;
    margin-right: 0
}

.section--sides .section__desc {
    max-width: 100%;
    margin: unset
}

.section--sides .section__actions .btn {
    padding-left: 0;
    justify-content: flex-start
}

.section--sides .section__content {
    justify-content: center;
}

.section--sides .section__graphic {
    position: relative;
    z-index: 1;
    max-width: 668px;
    width: 100%
}

.section--sides .section__graphic-img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.section--sides .section__graphic--sm {
    width: 460px;
    height: 350px !important
}

.section--sides.section--graphic-right .section__graphic {
    margin-left: auto
}

.section--sides.section--graphic-right .section__graphic-img {
    left: unset;
    right: 0
}

.section--sides.section--graphic-left .container>.row {
    flex-direction: row-reverse
}

.section--sides.section--graphic-left .section__graphic {
    margin-right: auto;
    height: 100%
}

.section--bare-metal .section__graphic {
    position: relative;
    z-index: 1;
    max-width: 668px;
    width: 100%
}

.section--bare-metal .section__graphic>svg {
    height: auto
}

.section--bare-metal .section__graphic-img {
    position: absolute;
    left: 18%;
    top: 54%;
    transform: translateY(-50%);
    z-index: 5;
    height: unset
}

.section--graphic-right .section__graphic {
    align-items: flex-end
}

.section--full-graphic {
    min-height: 500px;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center
}

.section--full-graphic .section__graphic {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0
}

.section--full-graphic .section__graphic .g-c {
    width: 100%;
    height: 100%
}

.section--full-graphic .col-sm-6 {
    margin-left: 50%
}

.section--full-graphic.section--graphic-right .section__graphic {
    right: 0;
    left: auto
}

.section--full-graphic.section--graphic-right .col-sm-6 {
    margin-left: 0
}

.section.overlap+.section {
    border-top: none
}

.section--bordered {
    border-top: 1px solid #efefef
}

.section+.container {
    position: relative;
    z-index: 2
}

.section+.section--dark {
    border-top: none
}

.section+.section--enlargment {
    padding-top: 0;
    border-top: none
}

.section__actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.section__body {
    display: flex;
    justify-content: space-between
}

.section__sidebar+.section__content {
    margin-left: 56px;
    width: 100%
}

.section--legal .section__actions {
    margin-top: 0
}

.section--legal .section__links-group {
    display: flex;
    justify-content: space-around;
    padding: 0 140px
}

.section--legal .section__links-group a {
    font-weight: 600;
    padding: 18px 0
}

.section--legal .section__links-group a.active {
    text-decoration: underline;
    text-underline-offset: 8px;
    color: #0d3c9f
}

.section .features .feature__pricing+.feature__actions .btn__text,
.section .features .feature__pricing .pricing__amount,
.section .features .feature__pricing .pricing__period {
    color: #2b1f51
}

.section .features .feature__pricing+.feature__actions .btn__text svg path {
    stroke: #2b1f51
}

.section .features .feature__pricing+.feature__actions:hover .btn__text {
    color: #f67a3c
}

.section .features .feature__pricing+.feature__actions:hover .btn__text svg path {
    stroke: #f67a3c
}

.section--sides.section--graphic-right .section__graphic--sm {
    right: 0
}

.section--sides.section--graphic-left .section__graphic--sm {
    left: 0
}

.section--graphic-custom .section__graphic {
    height: 560px !important
}

.section__content--left>.row {
    flex-direction: row-reverse
}

.section--server-status {
    z-index: 99
}

.section--server-status .content-slider__item .nav__link {
    color: #fff
}

.section--server-status .content-slider__item--active {
    color: #0d3c9f
}

.section--server-status .tab-content {
    margin-top: 40px
}

.section--server-status .label {
    height: 32px;
    font-size: 14px;
    line-height: 20px;
    margin-right: 14px;
    font-weight: 600;
    border-radius: 4px
}

.section--server-status .label--outline {
    padding-left: 8px;
    padding-right: 8px;
    height: 24px;
    margin-top: 4px
}

.section--credits .feature.feature--credit {
    margin-top: 80px
}

.section--feature-media img {
    border-radius: 16px
}

.section__rates {
    margin-left: -24px
}

.section__actions--tabs {
    justify-content: flex-start
}

.section__actions--tabs .btn.btn--link {
    margin-top: -24px;
    padding-left: 0
}

.section__tld-holder {
    float: right;
    width: 550px;
    max-width: 100%;
    margin: 0 0 0 64px;
    position: relative;
    z-index: 0
}

.section__tld-holder svg {
    max-width: 100%
}

.section__tld-holder-domain-name {
    font-weight: 100;
    position: absolute;
    left: 58px;
    top: 62px;
    font-size: 20px;
    line-height: 30px;
    z-index: 99;
    color: #fff
}

.section__tld-holder-tld {
    font-weight: 800;
    font-size: 40px;
    line-height: 30px;
    position: absolute;
    left: 0;
    min-width: 100%;
    text-align: center;
    top: 222px;
    z-index: 99;
    color: #009a64
}

.section__tld-holder-tld .dot {
    color: #000
}

.section.overlap {
    margin-top: -215px;
    z-index: 99
}

.z-i-4 {
    z-index: 4 !important
}
.section--faq {
    padding-bottom: 150px;
}
.section {
    padding-bottom: 80px
}

.section__title+.section__desc {
    margin-top: 32px
}

.section__title+.section__subtitle {
    margin-top: 24px
}

.section__actions+.section__content,
.section__body+*,
.section__desc+.section__content,
.section__subtitle+.section__content,
.section__title+.section__content {
    margin-top: 80px
}

.section__header-icon+.section__desc,
.section__header-icon+.section__subtitle,
.section__header-icon+.section__title {
    margin-top: 24px
}

.section__actions {
    margin: 56px -12px -24px
}

.section__actions>* {
    margin-bottom: 24px
}

.section__actions .btn {
    margin: 0 12px 24px
}

.section__content+.section__actions {
    margin-top: 80px
}

.section .section__features {
    margin-top: 56px
}

.section .section__features>.feature:first-child {
    margin-top: 0
}

.section .section__features+.section__actions {
    margin-top: 56px
}

.section .section__features+* {
    margin-top: 32px
}

.section--sides .section__content {
    padding: 0 48px
}

.section--bordered,
.section--dark,
.section--dark+.section:not(.section--dark) {
    padding-top: 160px
}

.section.overlap {
    margin-bottom: -96px;
    padding-bottom: 0
}

.section.overlap+.section {
    padding-top: 256px
}

.section.overlap--lg {
    margin-bottom: -210px;
    padding-bottom: 0
}

.section.overlap--lg+.section {
    padding-top: 370px
}

.section--website-builder.section--dark {
    background: 0 0
}

.section--website-builder.section--dark .section__background {
    background: linear-gradient(90deg,#0d3c9f 0,#040d70 100%);
    height: 800px;
    top: 20px !important
}

.section--website-builder.section--dark .section__shape--bottom {
    bottom: -100px !important
}

.section--website-builder.section--dark .section__shape--top {
    top: -100px !important
}

.section--website-builder.section--dark .nav {
    margin-bottom: 40px
}

.section--website-builder.section--dark .nav .nav__item,
.section--website-builder.section--dark .nav .nav__item .nav__link {
    color: #fff
}

.section--website-builder.section--dark .nav .nav__item:hover .nav__link {
    color: #f67a3c
}

.section--website-builder.has-shapes {
    padding-bottom: 140px !important
}

.section--404 {
    padding-top: 140px;
    position: relative
}

.section--404 .section__graphic--404 {
    top: -10px;
    position: absolute;
    left: calc(50% - 580px);
    z-index: -1
}

.section--404 .section__graphic--404-left {
    top: -180px;
    position: absolute;
    right: 62vw;
    z-index: -1
}

.section--404 .section__graphic--404-right {
    top: -150px;
    position: absolute;
    left: 62vw;
    z-index: -1
}

.section--404 .section__graphic--404-error {
    top: -15px;
    position: absolute;
    left: calc(50% - 118px);
    z-index: -1
}

.section--website-builder-empowers .features {
    margin-top: 0
}

@media(min-width:1388px) {
    .section--website-builder-empowers .features--reseller {
        margin-top: 32px
    }
    .section--website-builder-empowers .features--reseller>div+div {
        padding-left: 56px !important
    }
    .section--website-builder-empowers .features--reseller>div {
        margin-left: 0 !important;
        max-width: none
    }
}

@media(max-width:1387px) {
    .section {
        padding-bottom: 140px
    }
    .section__title+.section__desc {
        margin-top: 28px
    }
    .section__title+.section__subtitle {
        margin-top: 20px
    }
    .section__actions+.section__content,
    .section__body+*,
    .section__desc+.section__content,
    .section__subtitle+.section__content,
    .section__title+.section__content {
        margin-top: 72px
    }
    .section__header-icon+.section__desc,
    .section__header-icon+.section__subtitle,
    .section__header-icon+.section__title {
        margin-top: 24px
    }
    .section__actions {
        margin: 48px -8px -16px
    }
    .section__actions>* {
        margin-bottom: 16px
    }
    .section__actions .btn {
        margin: 0 8px 16px
    }
    .section__content+.section__actions {
        margin-top: 72px
    }
    .section .section__features {
        margin-top: 48px
    }
    .section .section__features>.feature:first-child {
        margin-top: 0
    }
    .section .section__features+.section__actions {
        margin-top: 48px
    }
    .section .section__features+* {
        margin-top: 28px
    }
    .section--sides .section__content {
        padding: 0 48px
    }
    .section--bordered,
    .section--dark,
    .section--dark+.section:not(.section--dark) {
        padding-top: 140px
    }
    .section.overlap {
        margin-bottom: -96px;
        padding-bottom: 0
    }
    .section.overlap+.section {
        padding-top: 236px
    }
    .section.overlap--lg {
        margin-bottom: -210px;
        padding-bottom: 0
    }
    .section.overlap--lg+.section {
        padding-top: 350px
    }
}

@media(max-width:1011px) {
    .section {
        padding-bottom: 100px
    }
    .section__title+.section__desc {
        margin-top: 24px
    }
    .section__title+.section__subtitle {
        margin-top: 20px
    }
    .section__actions+.section__content,
    .section__body+*,
    .section__desc+.section__content,
    .section__subtitle+.section__content,
    .section__title+.section__content {
        margin-top: 56px
    }
    .section__header-icon+.section__desc,
    .section__header-icon+.section__subtitle,
    .section__header-icon+.section__title {
        margin-top: 24px
    }
    .section__actions {
        margin: 40px -8px -16px
    }
    .section__actions>* {
        margin-bottom: 16px
    }
    .section__actions .btn {
        margin: 0 8px 16px
    }
    .section__content+.section__actions {
        margin-top: 56px
    }
    .section .section__features {
        margin-top: 40px
    }
    .section .section__features>.feature:first-child {
        margin-top: 0
    }
    .section .section__features+.section__actions {
        margin-top: 40px
    }
    .section .section__features+* {
        margin-top: 24px
    }
    .section--sides .section__content {
        padding: 0 48px
    }
    .section--sides .section__graphic.section__graphic--sm {
        display: none
    }
    .section--bordered,
    .section--dark,
    .section--dark+.section:not(.section--dark) {
        padding-top: 100px
    }
    .section.overlap {
        margin-bottom: -96px;
        padding-bottom: 0
    }
    .section.overlap+.section {
        padding-top: 196px
    }
    .section.overlap--lg {
        margin-bottom: -210px;
        padding-bottom: 0
    }
    .section.overlap--lg+.section {
        padding-top: 310px
    }
    .section--website-builder-empowers .row.features>div+div {
        margin-top: 56px
    }
}

@media(max-width:751px) {
    .mt-5, .my-5 {
        margin-top: 0rem!important;
    }
    .section--banner-footer {
        padding-top: 207px;
    }
    .footer {
        padding-top: 24px !important;
        padding-bottom: 40px !important;
    }
    .col-md-6.boxs4 {
        margin-top: 30px;
    }
    .domain-search {
        margin: 0 !important;
    }
    .m-t-7x {
        margin-top: 21px !important;
    }
    .section {
        padding-bottom: 40px !important
     }
    .section__title+.section__desc {
        margin-top: 24px
    }
    .section__title+.section__subtitle {
        margin-top: 16px
    }
    .section__actions+.section__content,
    .section__body+*,
    .section__desc+.section__content,
    .section__subtitle+.section__content,
    .section__title+.section__content {
        margin-top: 48px
    }
    .section__header-icon+.section__desc,
    .section__header-icon+.section__subtitle,
    .section__header-icon+.section__title {
        margin-top: 24px
    }
    .section__actions {
        margin: 40px -8px -16px
    }
    .section__actions>* {
        margin-bottom: 16px
    }
    .section__actions .btn {
        margin: 0 8px 16px
    }
    .section__content+.section__actions {
        margin-top: 48px
    }
    .section .section__features {
        margin-top: 40px
    }
    .section .section__features>.feature:first-child {
        margin-top: 0
    }
    .section .section__features+.section__actions {
        margin-top: 40px
    }
    .section .section__features+* {
        margin-top: 24px
    }
    .section--sides .section__content {
        padding: 0 48px
    }
    .section--bordered,
    .section--dark,
    .section--dark+.section:not(.section--dark) {
        padding-top: 80px
    }
    .section.overlap {
        margin-bottom: -96px;
        padding-bottom: 0
    }
    .section.overlap+.section {
        padding-top: 176px
    }
    .section.overlap--lg {
        margin-bottom: -210px;
        padding-bottom: 0
    }
    .section.overlap--lg+.section {
        padding-top: 290px
    }
    .section--work.section--last {
        padding-bottom: 8px
    }
}

.section__sidebar {
    width: 457px;
    min-width: 457px;
    margin-top: 80px
}

.section__sidebar+.section__content {
    margin-left: 64px;
    flex: 1
}

.section__sidebar .section__actions,
.section__sidebar .section__desc,
.section__sidebar .section__title {
    text-align: left
}

.section__sidebar .section__subtitle {
    text-align: left;
    margin: 32px 0 16px
}

.section__sidebar .section__subtitle+.section__desc {
    margin-top: 32px;
    color: #524972
}

.section__sidebar .section__desc {
    margin-top: 20px
}

.section__sidebar+.section__graphic {
    position: absolute;
    right: 0
}

.section__graphic {
    min-height: unset
}

.section__body {
    position: relative
}

.section .nav--tabs .nav__link {
    font-weight: 600
}

.section .nav--tabs .nav__item.is-active .nav__link {
    color: #f67a3c
}

.section .nav--tabs .nav__item.is-active .nav__link:hover label.tooltip svg path:not(:last-of-type),
.section .nav--tabs .nav__item.is-active .nav__link label.tooltip svg path:not(:last-of-type) {
    stroke: #f67a3c
}

.section .nav--tabs .nav__item.is-active .nav__link:hover label.tooltip svg path:last-of-type,
.section .nav--tabs .nav__item.is-active .nav__link label.tooltip svg path:last-of-type {
    fill: #f67a3c
}

.section .nav--tabs .nav__item.is-active .nav__link:after {
    left: 12px;
    right: 12px
}

.section .nav--tabs .nav__item+.nav__item {
    margin-left: 16px
}

.section .nav--tabs .nav__item .nav__link:hover label.tooltip svg path:not(:last-of-type) {
    stroke: #f67a3c
}

.section .nav--tabs .nav__item .nav__link:hover label.tooltip svg path:last-of-type {
    fill: #f67a3c
}

.section .nav--tabs .nav__item .nav__link label.tooltip svg path {
    transition: stroke .3s ease, fill .3s ease
}

.section .nav--tabs .nav__item .nav__link label.tooltip svg path:not(:last-of-type) {
    stroke: #fff
}

.section .nav--tabs .nav__item .nav__link label.tooltip svg path:last-of-type {
    fill: #fff
}

.section .nav--tabs .nav__item:hover .nav__link {
    color: #f67a3c
}

.section .nav--tabs .nav__item:after {
    content: "";
    position: absolute;
    height: 3px;
    left: 50%;
    right: 50%;
    bottom: 0;
    background-color: #f67a3c;
    transition: left .3s ease, right .3s ease
}

.section .nav--tabs-secondary .nav__item {
    flex-grow: 1;
    border: 1px solid #efefef;
    border-radius: 12px;
    transition: border-color .3s ease;
    min-height: 64px;
    width: calc(25% - 16px)
}

.section .nav--tabs-secondary .nav__item span {
    margin-left: 16px;
    display: flex;
    align-items: center;
    flex-grow: 1
}

.section .nav--tabs-secondary .nav__item span svg {
    margin-right: 4px
}

.section .nav--tabs-secondary .nav__item strong {
    font-weight: 600
}

.section .nav--tabs-secondary .nav__item .ellipse {
    width: 24px;
    height: 24px;
    border: 1px solid #6d6d6d;
    border-radius: 50%;
    transition: border-color .3s ease, border-width .3s ease
}

.section .nav--tabs-secondary .nav__item .nav__link {
    justify-content: space-between
}

.section .nav--tabs-secondary .nav__item .nav__link div {
    display: flex
}

.section .nav--tabs-secondary .nav__item+.nav__item {
    margin-left: 16px
}

.section .nav--tabs-secondary .nav__item.is-active,
.section .nav--tabs-secondary .nav__item:hover {
    border-color: #f67a3c
}

.section .nav--tabs-secondary .nav__item.is-active .ellipse {
    border-width: 7px;
    border-color: #f67a3c
}

.section--migrate-website .section__image {
    width: 50%
}

.section--migrate-website .section__content {
    max-width: 568px;
    padding: 0 !important;
    margin-left: auto
}

.section--migrate-website.section--gray .section__desc {
    margin-bottom: 32px
}

.section--migrate-website .section__graphic>svg {
    position: absolute;
    right: 0
}

.section--sides>.container>.section__title {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.section--sides>.container>.section__title+*,
.section--sides>.container>.section__title+.row+.row {
    margin-top: 80px
}

.section--sides .section__content {
    padding: 0 14px
}

.section--sides .section__content .section__desc+.section__desc {
    margin-top: 24px
}

.section--sides.section--graphic-left .section__graphic,
.section--sides.section--graphic-right .section__graphic {
    height: 100%;
    justify-content: center
}

.section--gray {
    background: linear-gradient(90deg, #f0eef9 .21%, #efedf5 36.63%, #fdfdff 90.75%)
}

.section--gray,
.section--gray+.section:not(.section--gray) {
    padding-top: 50px
}

 

.section--banner-footer {
            background: linear-gradient(90deg, #093899, #040d70);
}

.section--banner-footer .section__content {
    display: flex;
    padding: 40px 48px;
    background: linear-gradient(90deg, #f0eef9 .21%, #efedf5 36.63%, #fdfdff 90.75%);
    max-width: 1224px;
    border-radius: 12px;
    flex-direction: row;
    position: relative;
    margin-top: -168px;
}

.section--banner-footer .section__content:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px;
    z-index: -1
}

.section--banner-footer .section__title {
    text-align: unset;
    max-width: 600px;
    margin-left: 0;
    margin-right: 0
}

.section--banner-footer .section__title span {
    color: #0d3c9f
}

.section--banner-footer .section__actions {
    margin-top: 0;
    align-items: center
}

.section--banner-footer .section__actions a:first-of-type {
    color: #0d3c9f;
    font-weight: 600;
    transition: color .3s ease;
    cursor: pointer
}

.section--banner-footer .section__actions a:first-of-type:hover {
    color: #f67a3c
}

.section--banner-footer .section__actions>* {
    margin-bottom: 0
}

.section--banner-footer .section__image {
    margin: auto 0 0 auto
}

.section--banner-footer .section__background {
    z-index: -1
}

.section--banner-footer.has-shapes {
    padding-top: 0 !important;
    padding-bottom: 45px !important;
    z-index: 5;
    margin-top: 0;
    overflow: visible
}

.section--banner-footer.has-shapes .section__background {
    bottom: 0 !important
}

.section--banner-footer.has-shapes .section__shape {
    height: 207px !important
}

.section__banner {
    margin-top: 68px;
    display: flex;
    padding: 32px;
    background: linear-gradient(90deg, #ece8f9, #f7f6fc 100.82%);
    border-radius: 12px;
    flex-direction: row;
    justify-content: space-between
}

.section__banner-title {
    text-align: unset;
    max-width: 570px;
    margin: 0
}

.section__banner-title span {
    color: #0d3c9f
}

.section__banner-actions {
    margin-top: 0;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.section__banner-actions a:first-of-type {
    color: #524972;
    font-weight: 600;
    transition: color .3s ease;
    cursor: pointer;
    margin-left: 8px
}

.section__banner-actions a:first-of-type:hover {
    color: #f67a3c
}

.section__banner-actions>* {
    margin-bottom: 0
}

.section__banner-actions a.btn {
    min-width: 230px;
    margin-left: 24px
}

.section__rating {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 88px;
    width: 100%
}

.section__rating>:not(:last-child) {
    margin-right: 16px
}

.section__rating strong {
    font-weight: 700;
    color: #2b1f51
}

.section__rating .section__stars {
    max-height: 30px
}

.section__rating .section__stars svg:not(:last-child) {
    margin-right: -1px
}

.section__rating .section__opinion {
    display: flex;
    align-items: center
}

.section__rating .section__opinion svg {
    margin-right: 16px
}

.section--accept .section__content-center,
.section--accept .section__content-left,
.section--accept .section__content-right {
    display: flex;
    flex-direction: column
}

.section--accept .section__content-center {
    padding: 72px 16px 0;
    justify-content: center;
    align-items: center
}

.section--accept .section__content-center .content__graphic {
    margin-bottom: 40px
}

.section--accept .section__content-center .content__graphic-ellipse {
    max-width: 486px;
    width: 100%;
    max-height: 486px;
    height: 100%;
    position: relative
}

.section--accept .section__content-center .content__graphic-logo {
    background: linear-gradient(270deg, #2e1a6d 7.81%, #4a338d 50.52%, #7b60cc);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    height: 316px;
    width: 316px;
    border-radius: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06)
}

.section--accept .section__content-center .content__graphic-circle {
    width: 57px;
    height: 56px;
    background: #e5e0f4;
    border-radius: 100%;
    box-shadow: 0 2px 5px -1px rgba(30, 45, 70, .05);
    position: absolute
}

.section--accept .section__content-center .content__graphic-circle svg {
    position: absolute;
    left: 16px;
    top: 16px
}

.section--accept .section__content-center .content__graphic-circle svg path {
    stroke: #0d3c9f
}

.section--accept .section__content-center .content__graphic-circle.circle-top-left,
.section--accept .section__content-center .content__graphic-circle.circle-top-right {
    top: 16px
}

.section--accept .section__content-center .content__graphic-circle.circle-top-right {
    right: 70px
}

.section--accept .section__content-center .content__graphic-circle.circle-top-left {
    left: 70px
}

.section--accept .section__content-center .content__graphic-circle.circle-right {
    bottom: 126px;
    right: -9px
}

.section--accept .section__content-center .content__graphic-circle.circle-left {
    bottom: 126px;
    left: -9px
}

.section--accept .section__content-center .content__graphic-circle.circle-bottom {
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%)
}

.section--accept .section__content-center .feature__desc {
    max-width: 85%;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.section--accept .section__content-left,
.section--accept .section__content-right {
    max-width: 320px;
    width: 100%
}

.section--accept .section__content-left .feature__body,
.section--accept .section__content-right .feature__body {
    margin-top: 0
}

.section--timeline .section__content {
    flex-direction: row
}

.section--timeline .section__content .feature {
    min-height: 400px;
    justify-content: center
}

.section--timeline .timeline:before {
    display: none
}

.section--timeline .timeline__icon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #e5e0f4;
    border-radius: 100%;
    height: 56px;
    width: 57px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06)
}

.section--timeline .timeline__content {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 57px;
    flex-wrap: wrap
}

.section--timeline .timeline__content .feature {
    padding: 32px;
    position: relative;
    width: 100%;
    text-align: left;
    align-items: flex-start;
    border: 1px solid #e5e0f4;
    border-radius: 12px;
    margin-top: 40px;
    opacity: 0;
    will-change: transform, opacity
}

.section--timeline .timeline__content .feature:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #e5e0f4;
    top: 50px
}

.section--timeline .timeline__content .feature:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #e5e0f4;
    top: 42px
}

.section--timeline .timeline__content:after {
    content: "";
    position: absolute;
    width: 1px;
    background-color: #e5e0f4;
    top: 0;
    bottom: 0;
    left: 50%
}

.section--timeline .timeline__content>div:nth-of-type(2) {
    padding-top: 118px
}

.section--timeline .timeline__content>div {
    flex-basis: 45.9%
}

.section--timeline .timeline__content>div:nth-of-type(odd) .feature:before {
    right: -50px
}

.section--timeline .timeline__content>div:nth-of-type(odd) .feature:after {
    right: -60px
}

.section--timeline .timeline__content>div:nth-of-type(odd):not(:first-of-type) {
    transform: translateY(-118px)
}

.section--timeline .timeline__content>div:nth-of-type(2n) .feature:before {
    left: -50px
}

.section--timeline .timeline__content>div:nth-of-type(2n) .feature:after {
    left: -58px
}

.section--timeline .feature__date {
    margin-bottom: 4px
}

.section--timeline .feature__date p {
    color: #f67a3c;
    font-weight: 900;
    margin: 0
}

.section--who .section__content {
    justify-content: flex-start
}

.section--who .section__title span {
    color: #0d3c9f
}

.section--who .section__desc span {
    display: block;
    padding: 32px 0 32px 80px;
    position: relative
}

.section--who .section__desc span svg {
    position: absolute;
    top: 43px;
    left: 0
}

.section--who .section__desc span svg path {
    fill: #e5e0f4
}

.section--who .section__graphic {
    right: 0;
    flex-direction: row
}

.section--who .section__graphic-left,
.section--who .section__graphic-right {
    flex-basis: 47%
}

.section--who .section__graphic-left .section__image,
.section--who .section__graphic-right .section__image {
    border-radius: 12px
}

.section--who .section__graphic-left .section__image img,
.section--who .section__graphic-right .section__image img {
    box-shadow: 0 16px 48px 10px rgba(0, 0, 0, .04), 0 24px 64px 10px rgba(0, 0, 0, .08);
    border-radius: 12px
}

.section--who .section__graphic-left img,
.section--who .section__graphic-right img {
    margin-bottom: 36px
}

.section--who .section__graphic-left {
    text-align: right;
    padding-top: 26px
}

.section--who .section__graphic-left .d-md-flex {
    position: relative;
    justify-content: flex-end
}

.section--who .section__graphic-left .d-md-flex img:first-child {
    position: static;
    bottom: 0;
    left: -20px
}

.section--who .section__graphic-left .d-md-flex div:first-child {
    position: absolute;
    bottom: 0;
    left: -20px
}

.section--who .section__graphic-left .section__image:first-of-type {
    margin-left: auto;
    max-width: 178px
}

.section--who .section__graphic-left .section__image:nth-of-type(2) {
    max-width: 280px
}

.section--who .section__graphic-left .section__image:nth-of-type(4) {
    max-width: 90px;
    max-height: 126px;
    margin-left: auto
}

.section--who .section__graphic-left div .section__image:first-of-type {
    max-width: 89px
}

.section--who .section__graphic-left div .section__image:nth-of-type(2) {
    max-width: 178px;
    max-height: 214px
}

.section--who .section__graphic-right .section__image:first-of-type {
    max-width: 114px;
    max-height: 153px;
    margin-right: auto
}

.section--who .section__graphic-right .section__image:nth-of-type(2) {
    max-width: 275px;
    max-height: 312px
}

.section--who .section__graphic-right .section__image:nth-of-type(3) {
    max-width: 117px;
    max-height: 153px;
    margin-right: auto
}

.section--who .section__graphic-right .section__image:nth-of-type(4) {
    max-width: 234px;
    max-height: 272px;
    margin-right: auto
}

.section--faq .list-group__item {
    padding: 20px 0;
    flex-wrap: wrap;
    border-bottom: 1px solid #f67a3c69
}

.section--faq .list-group__item:first-child {
    border-top: 1px solid #f67a3c69
}

.section--faq .list-group__item[aria-expanded=true] .list-group__top {
    padding-bottom: 21px
}

.section--faq .list-group__icon {
    display: flex
}

.section--faq .list-group__top .top__title {
    margin-bottom: 0
}

.section--faq .list-group__top+.list-group__content {
    margin-top: 21px
}

.section--faq .list-group__content {
    margin-top: 0 !important
}

.section--faq .list-group__content p:last-child {
    margin-bottom: 0;
    padding-bottom: 6px
}

.section--faq .section__content {
    max-width: 894px;
    margin-left: auto;
    margin-right: auto
}

.section--faq .section__content .tab-content {
    margin-top: 80px
}

.section--faq .section__content .nav--tabs .nav__item {
    min-height: 40px;
    height: 100%
}

.section--packages .nav--tabs {
    margin-bottom: 40px
}

.section--packages .section__content>.btn {
    margin-top: 40px
}

.section--packages .section__content>.btn svg {
    margin-left: 8px
}

.section--packages .section__content>.btn.text-primary svg path {
    stroke: #0d3c9f
}

.section--packages .section__content>.btn.text-secondary svg path {
    stroke: #f67a3c
}

.section--packages .section__content .tabs {
    overflow: visible
}

.section--slider {
    z-index: 7;
    margin-top: -40px
}

.section--compare-web-hosting-packages .section__content .list-group--collapse {
    margin-top: 12px
}

.section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__item {
    padding: 0;
    background: linear-gradient(90deg, #ece8f9, #f7f6fc 100.82%);
    flex-direction: column
}

.section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__item+.list-group__item,
.section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__item .plan {
    margin-top: 12px
}

.section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__top {
    padding: 16px
}

.section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__top .top__title {
    margin-bottom: 0;
    font-weight: 700
}

.section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__top+.list-group__content {
    margin-top: 0;
    background-color: #fff
}

.section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__icon {
    display: flex
}

.section--compare-web-hosting-packages .section__content .list-group--collapse .list-group__icon svg {
    transition: .3s ease
}

.section--compare-web-hosting-packages .section__header-sticky {
    display: none
}

.section--compare-web-hosting-packages .section__header-sticky.visible {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 555;
    width: 100%;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    flex-wrap: wrap
}

.section--compare-web-hosting-packages .section__header-sticky .swiper-container {
    width: unset
}

.section--cloud-vps-plans .section__content .tabs,
.section--reseller-hosting-plans .section__content .tabs {
    margin-bottom: 80px
}

.section--cloud-vps-plans .section__content .tabs .nav__link,
.section--reseller-hosting-plans .section__content .tabs .nav__link {
    font-weight: 600
}

.section--cloud-vps-plans .section__content #plan-header-sticky .container:before,
.section--cloud-vps-plans .section__content .plan--cloud-vps:before,
.section--reseller-hosting-plans .section__content #plan-header-sticky .container:before,
.section--reseller-hosting-plans .section__content .plan--cloud-vps:before {
    content: "";
    right: -228px;
    top: 0;
    bottom: 0;
    width: 230px;
    position: absolute;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .74), #fff);
    z-index: 5
}

.section--cloud-vps-plans .section__content #plan-header-sticky .container:after,
.section--cloud-vps-plans .section__content .plan--cloud-vps:after,
.section--reseller-hosting-plans .section__content #plan-header-sticky .container:after,
.section--reseller-hosting-plans .section__content .plan--cloud-vps:after {
    content: "";
    right: calc(-1000% - 227px);
    top: 0;
    bottom: 0;
    width: 1000%;
    position: absolute;
    background-color: #fff;
    z-index: 5
}

.section--cloud-vps-plans .section__content #plan-header-sticky .container:before,
.section--reseller-hosting-plans .section__content #plan-header-sticky .container:before {
    right: -188px
}

.section--cloud-vps-plans .section__content #plan-header-sticky .container:after,
.section--reseller-hosting-plans .section__content #plan-header-sticky .container:after {
    right: calc(-1000% - 187px)
}

.section--cloud-vps-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper>.plan__header,
.section--reseller-hosting-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper>.plan__header {
    min-width: 305px
}

.section--cloud-vps-plans .section__content #plan-header-sticky .plan__header,
.section--reseller-hosting-plans .section__content #plan-header-sticky .plan__header {
    width: 229.75px !important
}

.section--reseller-hosting-plans .section__content #plan-header-sticky .container:after,
.section--reseller-hosting-plans .section__content #plan-header-sticky .container:before {
    content: unset
}

.section--recommends .section__title {
    max-width: 894px;
    margin-right: auto;
    margin-left: auto
}

.section--recommends .logos {
    margin-bottom: 55px
}

.section--powerful-add-ons .list-group {
    max-width: 496px;
    margin-right: auto
}

.section--legal .section__sidebar {
    max-width: 311px;
    min-width: 311px;
    margin: 0;
    overflow: visible;
    z-index: 1;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    max-height: 448px;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: 20px;
    transition: top .3s ease
}

.section--legal .section__content {
    flex: 1;
    margin-left: 40px
}

.section--legal .section__content .section__title {
    text-align: left;
    margin: 0 0 40px
}

.section--legal .section__content a {
    text-decoration: none
}

.section--legal .section__content .section__content-item {
    margin-bottom: 32px
}

.section--legal .section__content .section__content-item:last-of-type {
    margin-bottom: 0
}

.section--legal .section__content .section__content-item h5 {
    margin-bottom: 8px
}

.section--legal .section__content .section__content-item p:not(.list-header) {
    font-size: 16px;
    line-height: 26px
}

.section--legal .section__content .section__content-item .list-header {
    margin-bottom: 8px;
    font-weight: 600
}

.section--legal .section__content .section__content-item ul {
    list-style: none
}

.section--legal .section__content .section__content-item ul.style-alpha {
    list-style-type: lower-alpha;
    list-style-position: inside
}

.section--legal .section__content .section__content-item ul.style-alpha li:after {
    display: none
}

.section--legal .section__content .section__content-item ul li {
    padding-left: 40px;
    position: relative
}

.section--legal .section__content .section__content-item ul li:after {
    content: "";
    position: absolute;
    left: 30px;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #524972;
    top: 12px
}

.section--legal .section__content:after {
    content: "";
    position: absolute;
    left: 155px;
    width: 1px;
    background-color: #e5e0f4;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1
}

.section--reseller .section__content {
    margin-top: 170px
}

.section--reseller .section__content+.section__actions {
    margin-top: 56px
}

.section--graphic-right .section__content {
    margin-left: 0;
    margin-right: auto
}

.section--contact .section__graphic {
    right: 0;
    justify-content: flex-start
}

.section--contact .section__graphic .mapouter {
    padding-left: 24px;
    width: 100%;
    margin-top: 32px
}

.section--contact .section__graphic .mapouter .gmap_canvas {
    width: 100%
}

.section--contact .contact-forms {
    display: flex;
    flex-wrap: wrap;
    margin-top: 54px;
    padding-left: 24px
}

.section--contact .contact-forms__item {
    flex-basis: 50%;
    margin-bottom: 40px;
    align-items: center
}

.section--contact .contact-forms__item p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    display: inline
}

.section--contact .contact-forms__item svg {
    display: inline;
    margin-right: 8px
}

.section--contact .contact-forms__item span {
    display: block
}

.section--contact .contact-forms__item span.text-primary {
    font-weight: 600;
    margin-bottom: 40px
}

.section--contact .contact-forms__item:last-of-type {
    margin-bottom: 0
}

.section--contact .contact-forms__item:nth-child(2) div:last-of-type {
    margin-top: 56px
}

.section--contact .contact-forms__item>div {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.section--contact .contact-forms__item>div p {
    margin-bottom: 0
}

.section--contact .contact-forms__social {
    margin-top: 16px;
    flex-basis: 100%
}

.section--contact .contact-forms__social a {
    border: 1px solid #2b1f51;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    padding: 0;
    text-align: center;
    margin-right: 8px
}

.section--contact .contact-forms__social a:last-of-type {
    margin-right: 0
}

.section--contact .contact-forms__social svg path {
    fill: #000
}

.section--job .section__content {
    max-width: 1012px;
    margin-right: auto;
    margin-left: auto
}

.section--uptime .section__content {
    align-items: center;
    max-width: 1000px;
    margin: auto
}

 
.section--domain-game .section__content {
    margin-top: 170px
}

.section--domain-game .features--reseller>div {
    padding: 0 16px !important;
    max-width: 0
}

.section--domain-game .features--reseller>div+div {
    margin: 0
}

.section--domain-game .features--reseller .feature {
    min-height: auto
}

.section--get-touch .section__content {
    max-width: 1000px;
    margin: auto;
    align-items: center
}

.section--get-touch .section__content .feature__actions {
    margin-bottom: -8px
}

.section:not(.section--slider) .tabs[data-content-slider] {
    min-width: 100vw;
    position: relative;
    left: 50%;
    transform: translate(-50%)
}

.section--last {
    z-index: 6
}

.section--hosting-service .illustration {
    right: 50px;
    position: relative
}

.section--hosting-service .illustration .illustration-right {
    position: absolute
}

.section--hosting-service .illustration .illustration-right:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px
}

.section--hosting-service .list-group {
    max-width: 496px
}

.section--control-panel .illustration {
    margin-left: -342px;
    position: relative;
    width: 995px
}

.section--control-panel .illustration-left {
    position: absolute;
    right: 0
}

.section--control-panel .illustration-left:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px
}

.section--control-panel .list-group {
    max-width: 496px;
    margin-left: auto
}

.section--locations .container {
    padding: 0 10px
}

.section--infrastructure .row.row--eq-height.features {
    width: 100%
}

.section--infrastructure .swiper-partners {
    padding-left: 18px
}

.section--earnings .section__content {
    padding: 32px;
    position: relative;
    background-color: #fff;
    border-radius: 12px
}

.section--earnings .section__content:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px;
    z-index: -1
}

.section--earnings .section__content .tab-pane.is-active {
    display: flex
}

.section--earnings .section__content .tab-content {
    margin-top: 24px
}

.section--earnings .section__content .earnings {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    width: 50%;
    padding: 20px 0
}

.section--earnings .section__content .earnings .earnings__amount {
    font-weight: 900;
    font-size: 80px;
    line-height: 94px;
    margin: 0
}

.section--earnings .section__content .earnings+.earnings {
    border-left: 1px solid #e5e0f4
}

.section--earnings .section__content-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px
}

.section--earnings .section__content-footer span {
    margin-right: 16px
}

.section--earnings .section__content-footer input {
    border: 1px solid #efefef;
    width: 60px;
    height: 52px;
    border-radius: 6px;
    padding: 11px 16px;
    transition: border-color .3s ease;
    margin-left: 4px
}

.section--earnings .section__content-footer input::-webkit-inner-spin-button,
.section--earnings .section__content-footer input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.section--earnings .section__content-footer input:focus {
    border-color: #f67a3c;
    outline: none
}

.section--dream-work .section__graphic {
    height: 100%;
    justify-content: center
}

.section--dream-work .section__graphic-left {
    margin-left: calc(100% - 50vw)
}

.section--dream-work .section__content .section__title {
    margin-top: 0
}

.section--dream-work .section__content .section__title span {
    color: #0d3c9f
}

.section--dream-work .section__content .section__desc span {
    display: block;
    padding: 32px 0 16px 80px;
    position: relative
}

.section--dream-work .section__content .section__desc span svg {
    position: absolute;
    top: 32px;
    left: 0
}

.section--dream-work .section__content .section__desc span svg path {
    fill: #e5e0f4
}

.section__subscribe {
    max-width: 706px;
    margin: 72px auto 0;
    text-align: center
}

.section__subscribe h3 {
    color: #524972
}

.section__subscribe .input-group {
    border: 1px solid #dbdbdb;
    margin-top: 32px
}

.section__subscribe .input-group .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.section--compare-web-hosting-packages .plan-sticky {
    position: absolute;
    top: 100px
}

.section--compare-pricing {
    z-index: 7
}

.section--compare-pricing .plan-sticky {
    position: absolute;
    top: 500px
}

.section--compare-pricing .section__content #plan-header-sticky .plan__header {
    border-color: #efefef !important
}

.section--compare-pricing .section__content #plan-header-sticky .container .swiper-inner-wrapper .plan__wrapper {
    height: 100%
}

.section--compare-pricing .section__content #plan-header-sticky .container .swiper-inner-wrapper>.plan__header {
    min-width: 300px
}

.section--compare-pricing .section__content .tabs .nav--tabs {
    margin-bottom: 40px
}

.section--compare-pricing .section__content .list-group--collapse .list-group__item .plan {
    flex-wrap: nowrap
}

.section--credits .features {
    max-width: 692px;
    margin-left: auto;
    margin-right: auto
}

.section--graphic-left .list-group {
    max-width: 496px;
    margin-left: auto
}

.section--graphic-right .list-group {
    max-width: 496px;
    margin-right: auto
}

.section--feature-media .illustration-slider {
    min-height: 100%
}

.section--feature-media .illustration-slider .illustration-slider__slide.is-active {
    min-height: 100%;
    position: relative;
    min-height: 500px
}

.section--feature-media .section__graphic {
    left: 0;
    margin: 0
}

.section--feature-media .illustration--halfs .illustration-left,
.section--feature-media .illustration--halfs .illustration-right {
    display: flex
}

.section--feature-media .illustration--halfs .illustration-left .illustration--shadow,
.section--feature-media .illustration--halfs .illustration-right .illustration--shadow {
    width: calc(50% - 16px);
    position: relative
}

.section--feature-media .illustration--halfs .illustration-left .illustration--shadow:first-child,
.section--feature-media .illustration--halfs .illustration-right .illustration--shadow:first-child {
    margin-right: 26px
}

.section--feature-media .illustration--halfs .illustration-left .illustration--shadow:last-child,
.section--feature-media .illustration--halfs .illustration-right .illustration--shadow:last-child {
    margin-right: 0
}

.section--feature-media .illustration.illustration--left {
    left: 0;
    position: relative
}

.section--feature-media .illustration.illustration--left .illustration-left {
    border-radius: 16px;
    position: relative;
    margin: auto;
    float: right;
    height: 100%;
    width: 752px;
    min-height: 500px;
    display: block
}

.section--feature-media .illustration.illustration--left .illustration-left .illustration--shadow:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px
}

.section--feature-media .illustration.illustration--right {
    right: 0;
    position: relative
}

.section--feature-media .illustration.illustration--right .illustration-right {
    border-radius: 16px;
    position: relative;
    height: 100%;
    margin: auto;
    width: 752px;
    min-height: 500px
}

.section--feature-media .illustration.illustration--right .illustration-right .illustration--shadow:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px
}

.anchor-target {
    position: absolute;
    top: -60px;
    display: block;
    height: 1px;
    width: 1px
}

@media(max-width:1387px) {
    .section--banner-footer {
        z-index: 10 !important
    }
    .section--who .section__graphic-left .d-md-flex div:first-child {
        left: 0;
        bottom: -114px
    }
}

@media(min-width:1921px) {
    .section.has-shapes .section__shape {
        height: 500px !important
    }
    .section.has-shapes .section__shape--top {
        top: -305px !important
    }
    .section.has-shapes .section__shape--bottom {
        bottom: -305px !important
    }
}

@media(min-width:1388px) {
    .section--banner-footer.has-shapes {
        padding-bottom: 32px !important
    }
    .section--banner-footer .section__actions a.btn {
        margin-left: 24px
    }
    .section--banner-footer .section__actions a:first-of-type {
        margin-left: 8px
    }
    .section .nav--tabs {
        justify-content: center
    }
    .section--domain-game .features--reseller {
        flex-wrap: nowrap
    }
    .section--domain-game .features--reseller>div {
        min-width: 252px
    }
    .section--compare-pricing .section__content .list-group--collapse .swiper-slide {
        min-width: 231px
    }
}

@media(min-width:1012px) {
    .section--dream-work .section__content {
        padding-left: 50px
    }
    .section--dream-work+.section {
        margin-top: -55px;
        z-index: 7
    }
}

@media(max-width:1387px) {
    .section--sides>.container>.section__title+*,
    .section--sides>.container>.section__title+.row+.row {
        margin-top: 72px
    }
    .section--sides.section--graphic-left+.section--sides.section--graphic-right,
    .section--sides.section--graphic-right+.section--sides.section--graphic-left {
        margin-top: -40px
    }
    .section--gray,
    .section--gray+.section:not(.section--gray) {
        padding-top: 140px
    }
    .section.has-shapes {
        margin-top: -140px;
        margin-bottom: -140px;
        padding-top: 260px;
        padding-bottom: 260px
    }
    
    .section .nav--tabs .nav__item+.nav__item {
        margin-left: 0
    }
    .section--banner-footer .section__content {
        padding: 32px
    }
    .section--banner-footer .section__actions a:first-of-type {
        order: 2
    }
    .section--banner-footer.has-shapes {
        margin-top: 0
    }
    .section--banner-footer.has-shapes .section__shape {
        top: -18px;
        transform: rotate(-2deg)
    }
    .section__banner-actions a {
        margin: 0
    }
    .section__banner-actions a.btn {
        min-width: 236px
    }
    .section__banner-actions a:first-of-type {
        order: 2
    }
    .section__sidebar {
        width: 371px;
        min-width: 371px;
        margin-top: 72px
    }
    .section__sidebar+.section__graphic {
        right: -20%
    }
    .section__rating {
        flex-direction: column
    }
    .section__rating>:not(:last-child) {
        margin-right: 0
    }
    .section__rating .section__opinion,
    .section__rating .section__stars {
        margin-bottom: 16px
    }
    .section--migrate-website .section__content {
        max-width: 493px
    }
    .section--faq .list-group__item {
        padding: 16px 0
    }
    .section--faq .list-group__top+.list-group__content {
        margin-top: 16px
    }
    .section--faq .list-group__content p:last-child {
        padding-bottom: 16px
    }
    .section--faq .section__content .tab-content {
        margin-top: 72px
    }
    .section--faq .section__content .nav--tabs .nav__item {
        min-height: 38px;
        height: 100%
    }
    .section--accept .section__content-center {
        padding: 40px 32px 16px 0
    }
    .section--accept .section__content-center .content__graphic {
        margin-bottom: 24px
    }
    .section--accept .section__content-center .content__graphic-logo {
        height: 216px;
        width: 216px
    }
    .section--accept .section__content-center .content__graphic-circle.circle-top-left,
    .section--accept .section__content-center .content__graphic-circle.circle-top-right {
        top: -8px
    }
    .section--accept .section__content-center .content__graphic-circle.circle-top-right {
        right: 54px
    }
    .section--accept .section__content-center .content__graphic-circle.circle-top-left {
        left: 54px
    }
    .section--accept .section__content-center .content__graphic-circle.circle-right {
        bottom: 110px;
        right: -25px
    }
    .section--accept .section__content-center .content__graphic-circle.circle-left {
        bottom: 110px;
        left: -25px
    }
    .section--accept .section__content-center .content__graphic-circle.circle-bottom {
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%)
    }
    .section--accept .section__content-left .feature__desc,
    .section--accept .section__content-left .feature__title,
    .section--accept .section__content-right .feature__desc,
    .section--accept .section__content-right .feature__title {
        text-align: left;
        padding: 0
    }
    .section--timeline .timeline__content>div:nth-of-type(odd) .feature:before {
        right: -40px;
        width: 40px
    }
    .section--timeline .timeline__content>div:nth-of-type(odd) .feature:after {
        right: -48px
    }
    .section--timeline .timeline__content>div:nth-of-type(odd):not(:first-of-type) {
        transform: translateY(-108px)
    }
    .section--timeline .timeline__content>div:nth-of-type(2n) .feature:before {
        left: -40px;
        width: 40px
    }
    .section--timeline .timeline__content>div:nth-of-type(2n) .feature:after {
        left: -46px
    }
    .section--packages-secondary .row>div {
        margin-bottom: 16px
    }
    .section--packages-secondary .section__content--no-tabs {
        margin-top: 92px
    }
    .section--who .section__graphic-left img,
    .section--who .section__graphic-right img {
        margin-bottom: 24px
    }
    .section--who .section__graphic-left .d-md-flex img:first-child {
        left: 0;
        bottom: -114px
    }
    .section--legal .section__content .section__content-item p {
        font-size: 15px;
        line-height: 24px
    }
    .section--cloud-vps-plans .section__content #plan-header-sticky .container:after,
    .section--cloud-vps-plans .section__content #plan-header-sticky .container:before,
    .section--cloud-vps-plans .section__content .plan--cloud-vps:after,
    .section--cloud-vps-plans .section__content .plan--cloud-vps:before,
    .section--reseller-hosting-plans .section__content #plan-header-sticky .container:after,
    .section--reseller-hosting-plans .section__content #plan-header-sticky .container:before,
    .section--reseller-hosting-plans .section__content .plan--cloud-vps:after,
    .section--reseller-hosting-plans .section__content .plan--cloud-vps:before {
        content: unset
    }
    .section--cloud-vps-plans .section__content #plan-header-sticky .plan__header,
    .section--reseller-hosting-plans .section__content #plan-header-sticky .plan__header {
        justify-content: center
    }
    .section--cloud-vps-plans .section__content .tabs,
    .section--reseller-hosting-plans .section__content .tabs {
        margin-bottom: 72px
    }
    .section--domain-game .section__content {
        margin-top: 100px
    }
    .section--domain-game .features--reseller>div {
        max-width: unset
    }
    .section--domain-game .features--reseller .feature {
        margin-top: 84px
    }
    .section--hosting-service .illustration {
        right: -50px
    }
    .section--control-panel .illustration {
        margin-left: -584px
    }
    .section .nav--tabs.justify-content-initial-lg-down {
        justify-content: normal !important
    }
    .section--compare-pricing .section__content .list-group--collapse .list-group__item,
    .section--compare-pricing .section__main-plan {
        overflow: hidden
    }
    .section--compare-pricing .section__content .list-group--collapse .swiper-slide {
        min-width: 231px
    }
    .section--compare-pricing .section__content #plan-header-sticky .container .swiper-inner-wrapper>.plan__header {
        min-width: 240px
    }
    .section--compare-pricing .section__content #plan-header-sticky .container:after {
        content: "";
        position: absolute;
        top: 0;
        left: calc(100% - 32px);
        height: 100%;
        width: 300px;
        background-color: #fff;
        z-index: 5
    }
    .section--infrastructure .swiper-partners {
        padding-left: 12px
    }
}

@media(min-width:752px) {
    .section--who .section__content {
        max-width: 539px
    }
    .section__rating {
        margin-top: 165px
    }
}

@media(max-width:1011px) {
    .section--banner-footer {
        margin-top: 0 !important;
        overflow: hidden
    }
    .section--banner-footer .section__image {
        display: none
    }
    .section--banner-footer .section__content {
        max-width: unset;
        padding: 24px;
        flex-direction: row
    }
    .section--banner-footer .section__actions {
        margin-top: 0
    }
    .section--banner-footer .section__actions a:first-of-type {
        margin-left: 0;
        margin-top: 16px;
        line-height: 26px
    }
    .section--banner-footer .section__actions a.btn {
        height: 50px;
        min-width: 214px
    }
    .section--banner-footer.has-shapes .section__shape {
        height: 128px !important;
        transform: rotate(-2.8deg) !important
    }
    .section--banner-footer.has-shapes .section__shape--top {
        top: -25px !important
    }
    .section--banner-footer.has-shapes .section__background {
        top: -8px !important
    }
    .section__banner {
        padding: 24px
    }
    .section__banner-actions {
        margin-top: 0
    }
    .section__banner-actions a:first-of-type {
        margin-left: 0;
        margin-top: 16px;
        line-height: 26px
    }
    .section__banner-actions a.btn {
        height: 50px;
        min-width: 214px
    }
    .section .nav--tabs-secondary .nav__item .nav__link div {
        flex-direction: column
    }
    .section .nav--tabs-secondary .nav__item .nav__link div span {
        margin-left: 0
    }
    .section__sidebar {
        width: 320px;
        min-width: 320px;
        margin-top: 56px
    }
    .section__sidebar .section__subtitle {
        margin-top: 24px;
        margin-bottom: 8px
    }
    .section__sidebar .section__subtitle:first-of-type {
        margin-top: 32px
    }
    .section__sidebar+.section__graphic {
        right: -52%
    }
    .section--migrate-website .section__content {
        max-width: unset
    }
    .section--migrate-website .section__content .section__desc,
    .section--migrate-website .section__content .section__title {
        text-align: center
    }
    .section--faq .section__content .tab-content {
        margin-top: 56px
    }
    .section--faq .section__content .nav--tabs .nav__item {
        min-height: 36px;
        height: 100%
    }
    .section--accept .section__content .d-flex {
        flex-direction: column
    }
    .section--accept .section__content-center {
        padding: 40px 16px 8px
    }
    .section--accept .section__content-center .content__graphic-logo {
        height: 216px;
        width: 216px
    }
    .section--accept .section__content-left .feature__desc,
    .section--accept .section__content-left .feature__title,
    .section--accept .section__content-right .feature__desc,
    .section--accept .section__content-right .feature__title {
        text-align: left;
        padding: 0
    }
    .section--timeline .timeline__content>div:nth-of-type(odd) .feature:before {
        right: -30px;
        width: 30px
    }
    .section--timeline .timeline__content>div:nth-of-type(odd) .feature:after {
        right: -38px
    }
    .section--timeline .timeline__content>div:nth-of-type(odd):not(:first-of-type) {
        transform: translateY(-52px)
    }
    .section--timeline .timeline__content>div:nth-of-type(2n) .feature:before {
        left: -30px;
        width: 30px
    }
    .section--timeline .timeline__content>div:nth-of-type(2n) .feature:after {
        left: -36px
    }
    .section--timeline .timeline__content .feature {
        opacity: 1
    }
    .section--cloud-vps-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper>.plan__header,
    .section--reseller-hosting-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper>.plan__header {
        padding-left: 0
    }
    .section--cloud-vps-plans .section__content .tabs,
    .section--reseller-hosting-plans .section__content .tabs {
        margin-bottom: 56px
    }
    .section--reseller .section__content {
        margin-top: 60px
    }
    .section--reseller .features--reseller .feature {
        margin-top: 90px
    }
    .section--earnings .section__content .earnings .earnings__amount {
        font-size: 52px;
        line-height: 80px
    }
    .section:not(.section--slider) .tabs[data-content-slider] .nav--tabs:not(.justify-content-center) {
        margin-left: 16px
    }
    .section--compare-pricing .section__content #plan-header-sticky .container .swiper-inner-wrapper>.plan__header {
        padding-left: 0;
        min-width: 227px;
        max-width: 227px
    }
    .section .nav--tabs.justify-content-initial-md-down {
        justify-content: normal !important
    }
    .section--domain-game .section__content {
        margin-top: 72px
    }
    .section--dream-work .section__graphic-left {
        margin-right: 16px
    }
    .section--who .section__graphic {
        height: unset
    }
    .section--who .section__graphic-left .d-md-flex div:first-child {
        position: relative;
        bottom: unset
    }
    .section--packages .row--features>div {
        display: flex;
        justify-content: space-between
    }
    .section--packages .row--features>div+div {
        margin-top: 56px
    }
}

@media(max-width:1011px) {
    .section--sides>.container>.section__title {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
    .section--sides>.container>.section__title+*,
    .section--sides>.container>.section__title+.row+.row {
        margin-top: 56px
    }
    .section--sides.section--graphic-left+.section--sides.section--graphic-right,
    .section--sides.section--graphic-right+.section--sides.section--graphic-left {
        margin-top: -30px
    }
    .section--gray,
    .section--gray+.section:not(.section--gray) {
        padding-top: 100px
    }
    .section.has-shapes {
        margin-top: -100px;
        margin-bottom: -100px;
        padding-top: 180px;
        padding-bottom: 180px
    }
    
    .section--accept .section__content .d-flex {
        flex-direction: column
    }
    .section--control-panel .section__illustration,
    .section--feature-media .section__illustration,
    .section--hosting-service .section__illustration,
    .section--powerful-add-ons .section__illustration {
        display: none
    }
    .section--control-panel .list-group,
    .section--feature-media .list-group,
    .section--hosting-service .list-group,
    .section--powerful-add-ons .list-group {
        max-width: 100%
    }
    .section--legal .section__content {
        margin: 48px 0 0
    }
    .section--legal .section__content .section__content-item p {
        font-size: 14px;
        line-height: 22px
    }
    .section--legal .section__content:after {
        display: none
    }
    .section--legal .section__body {
        flex-direction: column
    }
    .section--legal .section__sidebar {
        width: 100%;
        min-width: 100%;
        position: static;
        top: 0
    }
}

@media(min-width:752px) and (max-width:1011px) {
    .section--accept .section__content .d-flex {
        flex-direction: column
    }
    .section--accept .section__content-left,
    .section--accept .section__content-right {
        max-width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }
    .section--accept .section__content-left .feature,
    .section--accept .section__content-right .feature {
        flex-basis: 45%
    }
    .section--accept .section__content-center .content__graphic-ellipse {
        max-width: 386px;
        max-height: 386px
    }
    .section--accept .section__content-center .content__graphic-circle.circle-top-left,
    .section--accept .section__content-center .content__graphic-circle.circle-top-right {
        top: 6px
    }
    .section--who .section__graphic {
        height: unset
    }
    .section--who .section__graphic-left img,
    .section--who .section__graphic-right img {
        margin-bottom: 16px
    }
    .section--who .section__graphic-left .d-md-flex img:first-child {
        bottom: -212px
    }
    .section--who .section__graphic-left .d-md-flex div:first-child {
        position: relative;
        bottom: unset;
        bottom: -212px
    }
}
.section--faq .list-group {
    box-shadow: unset !important;
}
@media(max-width:751px) {
    .section--sides>.container>.section__title {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
    .plan__nav .btn__text {
        color: #1838a1;
    }
    .custom_infosht {
        padding-bottom: 21px !important;
    }
    .custom_infosht .section__graphic {
        margin-bottom: -72px !important;
    }
    .custom_infosht {
        padding-top: 134px;
    }
    .custom_infosht  .section__graphic {
        margin-top: -68px;
    }
    .custom_infosht .section__actions {
        justify-content: space-evenly !important;
        flex-wrap: wrap !important;
        margin-top: 30px !important;
    }
    section.section.feat {
        padding-top: 0;
        margin-top: 0;
    }
    .section--sides>.container>.section__title+* {
        margin-top: 48px
    }
    .section--sides.section--graphic-left+.section--sides.section--graphic-right,
    .section--sides.section--graphic-right+.section--sides.section--graphic-left {
        margin-top: 0
    }
    .section--gray,
    .section--gray+.section:not(.section--gray) {
        padding-top: 54px
    }
     
    .section--banner-footer .section__content {
        flex-direction: column
    }
    .section--banner-footer .section__actions {
        margin-top: 24px
    }
    .section--banner-footer .section__actions a.btn {
        min-width: unset;
        width: 100%;
        margin: auto
    }
    
    .section__banner {
        flex-direction: column
    }
    .section__banner-actions {
        margin-top: 24px
    }
    .section__banner-actions a.btn {
        min-width: unset;
        width: 100%;
        margin: auto
    }
    .section__sidebar {
        margin-top: 48px;
        width: 100%
    }
    .section__sidebar+.section__graphic {
        display: none
    }
    .section__rating .section__opinion {
        flex-direction: column;
        margin-bottom: 8px
    }
    .section__rating .section__opinion svg,
    .section__rating .section__stars {
        margin-bottom: 8px
    }
    .section--migrate-website .section__content .section__desc,
    .section--migrate-website .section__content .section__title {
        text-align: left
    }
    .section--accept .section__content-left,
    .section--accept .section__content-right {
        max-width: 100%
    }
    .section--accept .section__content-left .feature,
    .section--accept .section__content-right .feature {
        flex-basis: 100%
    }
    .section--accept .section__content-center {
        padding: 0
    }
    .section--accept .section__content-center .content__graphic {
        display: none
    }
    .section--accept .section__content-center .feature {
        text-align: left
    }
    .section--accept .section__content-center .feature__desc {
        max-width: 100%
    }
    .section--accept .section__content-center .feature__body {
        text-align: left
    }
    .section--timeline .timeline__content {
        padding-left: 32px
    }
    .section--timeline .timeline__content:after {
        left: 0
    }
    .section--timeline .timeline__content>div {
        flex-basis: 100%
    }
    .section--timeline .timeline__content>div .feature {
        opacity: 1
    }
    .section--timeline .timeline__content>div .feature:after {
        left: -41px !important;
        right: unset
    }
    .section--timeline .timeline__content>div .feature:before {
        left: -35px !important;
        width: 35px !important;
        right: unset
    }
    .section--timeline .timeline__content>div:nth-of-type(2) {
        padding-top: 0
    }
    .section--timeline .timeline__content>div:nth-of-type(odd):not(:first-of-type) {
        transform: unset
    }
    .section--timeline .timeline__icon {
        transform: none;
        left: -22px;
        height: 46px;
        width: 47px
    }
    .section--who .section__graphic {
        margin-top: 24px
    }
    .section--who .section__desc span {
        padding-left: 60px
    }
    .section--who .section__desc span svg {
        width: 40px
    }
    .section--contact .mapouter {
        padding-left: 0 !important
    }
    .section--contact .col-sm-12+.col-sm-12 {
        margin-top: 48px
    }
    .section--contact .contact-forms {
        padding-left: 0 !important;
        justify-content: space-between
    }
    .section--contact .contact-forms__item {
        flex-basis: unset
    }
    .section--cloud-vps-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper>.plan__header,
    .section--reseller-hosting-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper>.plan__header {
        max-width: 168px;
        min-width: unset
    }
    .section--cloud-vps-plans .section__content .tabs,
    .section--reseller-hosting-plans .section__content .tabs {
        margin-bottom: 48px
    }
    .section .content--order-sm {
        order: 2
    }
    .section--earnings .section__content {
        padding: 16px
    }
    .section--earnings .section__content .earnings .earnings__amount {
        font-size: 26px;
        line-height: 80px
    }
    .section--earnings .section__content .earnings .earnings__header {
        text-align: center;
        height: 100%
    }
    .section .nav--tabs-secondary .nav__item .nav__link {
        flex-direction: column;
        text-align: center;
        padding: 8px
    }
    .section .nav--tabs-secondary .nav__item .nav__link div span {
        flex-direction: column;
        margin-bottom: 8px
    }
    .section .nav--tabs-secondary .nav__item+.nav__item {
        margin-left: 8px
    }
    .section--dream-work .section__desc span {
        padding-left: 60px
    }
    .section--dream-work .section__desc span svg {
        width: 40px
    }
    .section--dream-work .section__graphic {
        margin-top: 24px
    }
    .section--dream-work .section__graphic-left {
        margin-left: 0
    }
    .section--compare-pricing .section__content #plan-header-sticky .plan__header--empty {
        min-width: 168px;
        max-width: 168px
    }
    .section--compare-pricing .section__content #plan-header-sticky .container .swiper-inner-wrapper>.plan__header {
        min-width: 152px !important;
        max-width: 152px !important
    }
    .section--compare-pricing .section__content #plan-header-sticky .container:after {
        left: calc(100% - 24px)
    }
    .section--compare-pricing .section__content .list-group--collapse .swiper-slide {
        min-width: 160px
    }
    .section--compare-pricing .section__content .swiper-inner-wrapper .plan__wrapper .plan__header,
    .section--compare-pricing .section__content .tab-pane.is-active .list-group--collapse .list-group__item .list-group__content .swiper-container .swiper-slide {
        width: 200px !important
    }
    .section .nav--tabs.justify-content-initial-sm-down {
        justify-content: normal !important
    }
    .section--dream-work .section__graphic {
        right: 0
    }
    .section--dream-work .section__graphic-left {
        margin-right: 0
    }
    .section--dream-work .section__graphic-left img {
        border-radius: 16px
    }
    .section--credits .feature.feature--credit {
        margin-top: 24px
    }
    .section--features-counter .features .feature__icon {
        margin-top: auto;
        margin-bottom: auto
    }
    .section--features-counter .features .feature__icon+.h2 {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media(max-width:513px) {
    .section__subscribe .input-group {
        flex-direction: column;
        height: auto
    }
    .section__subscribe .input-group .form-control {
        height: 48px
    }
    .section__subscribe .input-group .btn {
        width: 100%;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        height: 48px
    }
    .section--cloud-vps-plans .section__content #plan-header-sticky .plan__header,
    .section--reseller-hosting-plans .section__content #plan-header-sticky .plan__header {
        width: 165px !important
    }
    .section--cloud-vps-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper>.plan__header,
    .section--reseller-hosting-plans .section__content #plan-header-sticky .container .swiper-inner-wrapper>.plan__header {
        width: 168px !important
    }
    .section .nav--tabs.justify-content-initial-xs-down {
        justify-content: normal !important
    }
    .section__tld-holder {
        display: none
    }
}

@media(max-width:440px) {
    .section--contact .contact-forms__item {
        margin-bottom: 24px
    }
    .section--contact .contact-forms__item:nth-child(2) div:last-of-type {
        margin-top: 24px
    }
    .section--contact .contact-forms__item span.text-primary {
        margin-bottom: 24px
    }
    .section--contact .contact-forms__social {
        margin-top: 0
    }
}

.site-navbar+.section {
    padding-top: 212px
}

@media(max-width:1387px) {
    .site-navbar+.section {
        padding-top: 192px
    }
}

@media(max-width:1011px) {
    .site-navbar+.section {
        padding-top: 140px
    }
}

@media(max-width:751px) {
    .site-navbar+.section {
        padding-top: 100px
    }
}

html {
    overflow-x: hidden
}

.site:not(.has-sticky) {
    overflow-x: hidden;
    overflow-y: hidden
}

.site {
    position: relative
}

.site-contact {
    position: fixed;
    transform: rotate(-90deg);
    left: -87px;
    top: 55%;
    z-index: 99;
    font-size: 16px;
    min-width: 190px
}

.site-main {
    z-index: 10
}

.site-mobile-header {
    display: none;
    align-items: center
}

.site-mobile-header .mobile__actions {
    margin-left: auto;
    margin-right: 8px
}

.site-mobile-header .btn--outline {
    color: #fff;
    border-color: #fff;
    font-size: 14px;
    display: none
}

.site-mobile-header .btn--outline .btn__text {
    top: 1px;
    position: relative
}

.site-mobile-header .btn--icon {
    overflow: hidden;
    margin-left: auto
}

.site-mobile-header .btn--icon--icon {
    width: 40px !important
}

.site-mobile-header .btn--icon .btn__icon {
    display: flex;
    padding: 2px;
    margin-top: 1px;
    position: relative;
    z-index: 2
}

.site-mobile-header .btn--icon .btn__icon .zmdi {
    font-size: 18px;
    color: #1b1c21
}

.site-mobile-header .btn--icon .btn__icon .zmdi:hover {
    color: #0d3c9f
}

.site-mobile-header .btn--icon .btn__icon span {
    position: absolute;
    left: 4px;
    display: block;
    width: 16px;
    height: 2px;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
    border-radius: 0;
    background: #333
}

.site-mobile-header .btn--icon .btn__icon span:first-child {
    top: 6px
}

.site-mobile-header .btn--icon .btn__icon span:nth-child(2) {
    top: 10px
}

.site-mobile-header .btn--icon .btn__icon span:nth-child(3) {
    top: 14px
}

.site-mobile-header .btn--icon.is-active .btn__icon span:first-child {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.site-mobile-header .btn--icon.is-active .btn__icon span:nth-child(2) {
    left: -60px;
    opacity: 0
}

.site-mobile-header .btn--icon.is-active .btn__icon span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.site .navbar--main {
    background: linear-gradient(90deg,#0d3c9f 0,#040d70 100%)
}

@media(max-width:1011px) {
    .site {
        position: static
    }
    .site-mobile-header {
        position: absolute;
        left: 0;
        right: 0;
        top: 30px;
        z-index: 101;
        display: flex;
        padding-right: 8px;
        background: #fff
    }
    .site-mobile-header .btn {
        margin-left: auto
    }
    .site-mobile-header .btn+.btn {
        margin-left: 8px
    }
    .site-mobile-header .btn--icon {
        background: linear-gradient(90deg, #e81f2c 0, #a71f5a);
        z-index: 1;
        border-radius: 100%;
        position: relative
    }
    .site-mobile-header .btn--icon.btn__icon {
        position: relative;
        z-index: 2
    }
    .site-mobile-header .btn--icon:after {
        content: "";
        position: absolute;
        width: 44px;
        height: 44px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        background: #fff;
        border-radius: 100%;
        margin: auto
    }
    .site-mobile-header .brand__logo {
        padding: 12px 16px
    }
    .site-mobile-header .brand__logo img {
        width: 53px
    }
    .site.no-scroll .site-mobile-header {
        background: #fff
    }
    .site.scroll-down--burger-open .navbar--main {
        position: fixed
    }
    .scroll-up .site-mobile-header {
        position: fixed;
        top: 0;
        width: 100%;
        animation-name: fadeInDown;
        animation-duration: .3s;
        animation-fill-mode: both
    }
    .no-scroll .site-mobile-header {
        top: 30px
    }
    .scroll-down .site-mobile-header {
        top: 8px
    }
}

@media(max-width:751px) {
    .site .no-scroll .site-mobile-header,
    .site .site-mobile-header {
        top: 0
    }
    .site-contact,
    .site-mobile-header .btn:not([data-toggle=navbar]):not(.btn--icon) {
        display: none
    }
    .no-scroll .site-mobile-header {
        position: fixed
    }
    .scroll-up .site-mobile-header {
        position: fixed;
        top: 0 !important
    }
}

.site.scroll-up .site-mobile-header {
    background-color: #fff;
    box-shadow: 0 15px 40px 0 rgba(0, 0, 0, .2)
}

.site-overlay {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    z-index: 4;
    background: rgba(0, 0, 0, .6);
    transition: .5s linear
}

.nav--tabs .nav__link {
    font-weight: 500
}

.nav--tabs .nav__item {
    transition: all .3s linear
}

.nav--tabs .nav__item:hover:after {
    opacity: 1
}
 
.site--hostadvice .navbar--main .nav--main-menu [menuitemname=Domains],
.site--hostadvice .navbar--main .nav--main-menu [menuitemname=Features],
.site--hostadvice .navbar--main .nav--main-menu [menuitemname=Pricing],
.site--hostadvice .navbar--main .nav--main-menu [menuitemname=Services],
.site--hostadvice .navbar--main .navbar__top-bar,
.site--hostadvice .package--secondary .package__footer a {
    display: none
}

.site-navbar {
   background: linear-gradient(90deg, #0d3c9f 0, #040d70 100%);
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999
}

.site-navbar .container {
    display: flex;
    position: relative
}

.site-navbar .navbar__brand .brand__logo img,
.site-navbar .navbar__brand .brand__logo svg {
    height: 46px
}

.site-navbar .navbar__menu {
    justify-content: flex-end
}

.site-navbar .nav__item {
    display: flex
}

.site-navbar .nav__item>.btn {
    margin: 0 8px;
    box-shadow: none
}

.site-navbar .nav>.nav__item>.nav__link {
    position: relative
}

.site-navbar .nav>.nav__item>.nav__link>.nav__icon {
    margin-left: -3px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    min-width: 16px;
    opacity: .4;
    margin-right: -8px;
    transition: .4s
}

.site-navbar .nav>.nav__item.has-dropdown .nav__dropdown {
    z-index: 100;
    z-index: auto;
    overflow: visible;
    min-width: 356px;
    top: calc(100% + 24px);
    left: -50%;
    right: auto;
    animation: none
}

.site-navbar .nav>.nav__item.has-dropdown .nav__dropdown:before {
    content: "";
    background: 0 0;
    z-index: -1;
    position: absolute;
    top: -36px;
    height: 36px;
    width: 100%;
    display: block
}

.site-navbar .nav>.nav__item.has-dropdown .nav__dropdown:after {
    z-index: -1;
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: -6px;
    display: block;
    border-radius: 3px;
    background-color: #fff;
    transform: rotate(45deg)
}

.site-navbar .nav>.nav__item.has-dropdown>.nav__link {
    z-index: 200
}

.site-navbar .nav>.nav__item.has-dropdown.is-open>.nav__link .nav__icon {
    color: #fff;
    opacity: 1
}

.site-navbar .nav>.nav__item.has-dropdown.is-open>.nav__link:after {
    display: block
}

.site-navbar .nav>.nav__item.has-dropdown.is-open .nav__sub {
    overflow: hidden
}

.site-navbar .nav .nav__sub {
    padding: 0
}

.site-navbar .nav .nav__sub .nav__item:last-child {
    border-bottom: 0
}

.site-navbar .nav .nav__sub .nav__item-content {
    flex: 1;
    order: 2;
    margin-left: 24px
}

.site-navbar .nav .nav__sub .nav__item-icon {
    order: 1;
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin-top: 2px
}

@media(max-width:1011px) {
    .burger.is-open span:first-child {
        top: 50%;
        transform: rotate(135deg)
    }
    .burger.is-open span:nth-child(2) {
        left: -60px;
        opacity: 0
    }
    .burger.is-open span:nth-child(3) {
        top: 50%;
        transform: rotate(-135deg)
    }
    .site-navbar .container {
        position: static;
        justify-content: space-between
    }
}

@media(max-width:1011px) {
    .site-navbar>.container>.navbar__burger {
        margin-right: 0;
        transition: .25s ease-in-out;
        margin-left: 0
    }
    .site-navbar .navbar__brand {
        flex: 0;
        align-items: center;
        padding: 0
    }
    .site-navbar .navbar__brand .brand__logo {
        overflow: hidden;
        height: 68px;
        max-height: 68px;
        width: 74px;
        padding: 8px 16px
    }
    .site-navbar .navbar__brand .brand__logo svg {
        padding-left: 1px;
        height: 35px
    }
    .site-navbar .navbar__account,
    .site-navbar .navbar__burger {
        position: relative
    }
    .site-navbar .navbar__account:after,
    .site-navbar .navbar__burger:after {
        content: "";
        width: 0;
        height: 0;
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 0 10px 10px;
        position: absolute;
        bottom: -18px;
        left: 0;
        right: 0;
        margin: auto;
        transition: opacity .25s;
        opacity: 0;
        visibility: hidden
    }
    .site-navbar .navbar__account.is-open:after,
    .site-navbar .navbar__burger.is-open:after {
        visibility: visible;
        opacity: 1;
        z-index: 1
    }
    .site-navbar .navbar__account {
        cursor: pointer;
        height: 48px;
        width: 48px;
        box-shadow: none;
        display: flex;
        justify-content: center;
        align-items: center;
        background: 0 0;
        border: none
    }
    .site-navbar .navbar__account:active,
    .site-navbar .navbar__account:focus,
    .site-navbar .navbar__account:hover {
        outline: none
    }
    .site-navbar .navbar__account .icon-user {
        width: 100%
    }
    .site-navbar .navbar__account .icon-user__shape {
        fill: #fff
    }
    .site-navbar .navbar__account .icon-user__fill {
        fill: none;
        stroke: #fff;
        stroke-width: 2px
    }
    .site-navbar .navbar__account .icon-user__circle {
        stroke: none
    }
    .site-navbar .navbar__account .icon-user__circle-fill {
        fill: none
    }
    .site-navbar .navbar__menu {
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 2px 10px -1px rgba(30, 45, 70, .05);
        position: absolute;
        top: 69px;
        left: 0;
        right: 0;
        margin: auto !important;
        width: calc(100% - 48px);
        max-width: 684px;
        visibility: hidden;
        opacity: 0;
        transition: opacity .25s;
        overflow: auto
    }
    .site-navbar .navbar__menu.is-open {
        visibility: visible;
        opacity: 1
    }
    .site-navbar .navbar__menu--user-menu .nav>.nav__item:last-child>.nav__link {
        padding-bottom: 18px
    }
    .site-navbar .navbar__menu--user-menu .nav>.nav__item:last-child.is-open>.nav__link {
        padding-bottom: 13px
    }
    .site-navbar .navbar__nav {
        width: 100%;
        flex-direction: column;
        padding-top: 8px
    }
    .site-navbar .navbar__nav .nav__item {
        margin-left: 0;
        width: 100%;
        display: block;
        min-height: auto
    }
    .site-navbar .navbar__nav .nav__item:first-child {
        margin-top: 0
    }
    .site-navbar .navbar__nav .nav__item>.nav__link {
        color: #ba4409;
        padding: 11px 24px 13px;
        line-height: 24px;
        min-height: 0
    }
    .site-navbar .navbar__nav .nav__item>.nav__link:active,
    .site-navbar .navbar__nav .nav__item>.nav__link:focus,
    .site-navbar .navbar__nav .nav__item>.nav__link:hover {
        color: #2b1f51
    }
    .site-navbar .navbar__nav .nav__item>.nav__link>.nav__icon {
        transition: none
    }
    .site-navbar .navbar__nav .nav__item.has-dropdown .nav__dropdown {
        max-width: 100%;
        margin-top: 8px
    }
    .site-navbar .navbar__nav .nav__item.has-dropdown .nav__dropdown:before {
        display: none
    }
    .site-navbar .navbar__nav .nav__item.has-dropdown>.nav__link:after {
        display: none !important
    }
    .site-navbar .navbar__nav .nav__item.has-dropdown.is-open>.nav__link {
        color: #0d3c9f !important
    }
    .site-navbar .navbar__nav .nav__item.has-dropdown.is-open>.nav__link>.nav__icon {
        color: #0d3c9f !important;
        transform-origin: center center;
        transform: rotate(180deg)
    }
    .site-navbar .nav>.nav__item {
        margin-top: 8px
    }
    .site-navbar .nav>.nav__item.has-dropdown .nav__dropdown {
        transform: none;
        left: 0;
        min-width: 100%
    }
    .site-navbar .nav>.nav__item:nth-last-child(3)>.nav__link {
        padding-bottom: 18px
    }
    .site-navbar .nav>.nav__item:nth-last-child(3).is-open>.nav__link {
        padding-bottom: 13px
    }
    .site-navbar .nav>.nav__item>.nav__link>.nav__icon .stroke {
        stroke: #2b1f51
    }
    .site-navbar .nav .nav__sub {
        background: #fff
    }
    .site-navbar .nav .nav__sub:after {
        display: none
    }
    .site-navbar .nav .nav__sub .nav__item {
        border-bottom: 1px solid #fff
    }
    .site-navbar .nav .nav__sub .nav__item:last-child>.nav__link {
        padding-bottom: 26px
    }
    .site-navbar .nav .nav__sub .nav__item-title {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 8px
    }
    .site-navbar .nav .nav__sub .nav__item-icon {
        margin-left: auto
    }
    .site-navbar--promo-page .container {
        display: flex;
        justify-content: center
    }
    .site-navbar--promo-page .btn {
        display: none
    }
}

.scroll-down--menu-open .site-navbar,
.scroll-up .site-navbar {
    position: fixed;
    background: linear-gradient(90deg,#0d3c9f 0,#040d70 100%);
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    align-content: center !important
}

.scroll-down--menu-open .site-navbar .nav>.nav__item>.nav__link,
.scroll-up .site-navbar .nav>.nav__item>.nav__link {
    color: #2b1f51
}

.scroll-down--menu-open .site-navbar .nav>.nav__item>.nav__link .stroke,
.scroll-up .site-navbar .nav>.nav__item>.nav__link .stroke {
    stroke: #2b1f51
}

.scroll-down--menu-open .site-navbar .nav>.nav__item .btn--light-overlay,
.scroll-up .site-navbar .nav>.nav__item .btn--light-overlay {
    color: #0d3c9f;
    border-color: #0d3c9f
}

.scroll-down--menu-open .site-navbar .nav>.nav__item .btn--light-overlay.drop-enabled,
.scroll-down--menu-open .site-navbar .nav>.nav__item .btn--light-overlay.is-active,
.scroll-down--menu-open .site-navbar .nav>.nav__item .btn--light-overlay:active,
.scroll-down--menu-open .site-navbar .nav>.nav__item .btn--light-overlay:focus,
.scroll-down--menu-open .site-navbar .nav>.nav__item .btn--light-overlay:hover,
.scroll-up .site-navbar .nav>.nav__item .btn--light-overlay.drop-enabled,
.scroll-up .site-navbar .nav>.nav__item .btn--light-overlay.is-active,
.scroll-up .site-navbar .nav>.nav__item .btn--light-overlay:active,
.scroll-up .site-navbar .nav>.nav__item .btn--light-overlay:focus,
.scroll-up .site-navbar .nav>.nav__item .btn--light-overlay:hover {
    color: #0d3c9f;
    background: 0 0;
    border-color: #0d3c9f
}

.scroll-down--menu-open .site-navbar .nav>.nav__item.has-dropdown.is-open>.nav__link,
.scroll-down--menu-open .site-navbar .nav>.nav__item:hover>.nav__link,
.scroll-up .site-navbar .nav>.nav__item.has-dropdown.is-open>.nav__link,
.scroll-up .site-navbar .nav>.nav__item:hover>.nav__link {
    color: #0d3c9f
}

.scroll-down--menu-open .site-navbar .nav>.nav__item.has-dropdown.is-open>.nav__link .nav__icon,
.scroll-down--menu-open .site-navbar .nav>.nav__item:hover>.nav__link .nav__icon,
.scroll-up .site-navbar .nav>.nav__item.has-dropdown.is-open>.nav__link .nav__icon,
.scroll-up .site-navbar .nav>.nav__item:hover>.nav__link .nav__icon {
    color: #0d3c9f;
    opacity: 1
}

.scroll-down--menu-open .site-navbar .nav>.nav__item.has-dropdown.is-open>.nav__link .nav__icon .stroke,
.scroll-down--menu-open .site-navbar .nav>.nav__item:hover>.nav__link .nav__icon .stroke,
.scroll-up .site-navbar .nav>.nav__item.has-dropdown.is-open>.nav__link .nav__icon .stroke,
.scroll-up .site-navbar .nav>.nav__item:hover>.nav__link .nav__icon .stroke {
    stroke: #0d3c9f
}

.scroll-down--menu-open .site-navbar .navbar__burger span,
.scroll-up .site-navbar .navbar__burger span {
    background: #fff
}

.scroll-down--menu-open .site-navbar .navbar__ .navbar__account .icon-user__shape,
.scroll-up .site-navbar .navbar__ .navbar__account .icon-user__shape {
    fill: #2b1f51
}

.scroll-down--menu-open .site-navbar .navbar__ .navbar__account .icon-user__fill,
.scroll-up .site-navbar .navbar__ .navbar__account .icon-user__fill {
    stroke: #2b1f51
}

.scroll-down--menu-open .site-navbar .navbar__top-bar,
.scroll-up .site-navbar .navbar__top-bar {
    display: none
}

.scroll-down--menu-open .site-navbar .navbar__brand,
.scroll-up .site-navbar .navbar__brand {
    margin-top: 0 !important
}

.scroll-down--menu-open #plan-header-sticky,
.scroll-up #plan-header-sticky {
    transform: translateY(88px)
}

.scroll-up:not(.scroll-up--menu-open) .site-navbar {
    animation-duration: .3s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@media(min-width:1012px) {
    .scroll-up .section--legal .section__sidebar {
        top: 132px
    }
}

@media(min-width:1012px) and (max-width:1387px) {
    .scroll-up .navbar__menu {
        margin: auto 0
    }
}

@media(max-width:1387px) {
    .scroll-up #plan-header-sticky {
        transform: translateY(94px)
    }
}

@media(max-width:1011px) {
    .scroll-up #plan-header-sticky {
        transform: translateY(70px)
    }
}

@media(min-width:752px) {
    .scroll-up .site-navbar {
        height: 88px;
        min-height: 88px
    }
}

 
.footer>.container {
    display: flex
}

.footer a,
.footer p,
.footer ul {
    color: #fff
}

.footer a:hover {
    color: #cec9df
}

.footer.footer--rows .footer__copyrights {
    flex-direction: row;
    width: auto;
    margin: 0;
    font-size: 13px
}

.footer.footer--rows .footer__copyrights a {
    margin-left: 4px
}

.footer.footer--rows .footer__brand {
    flex-basis: 145px;
    padding-right: 24px
}

.footer.footer--rows .brand__logo {
    height: 44px;
    align-self: stretch;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1
}

.footer.footer--rows .nav--btn {
    margin-left: 8px
}

.footer__site-map {
    flex: 1
}

.footer__copyrights {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

@media(max-width:1387px) {
    .footer__copyrights {
        font-size: 15px;
        line-height: 24px
    }
}

@media(max-width:1011px) {
    .footer__copyrights {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:751px) {
    .footer__copyrights {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

.footer__copyrights>.container>.row>div {
    display: flex;
    align-items: center
}

.footer__copyrights .footer__nav {
    margin: 0
}

.footer__copyrights>.container>.row>div:last-of-type {
    justify-content: flex-end
}

.footer__copyrights .btn--social i {
    font-size: 19px
}

.footer__brand {
    justify-content: flex-start
}

.footer__brand .brand__logo {
    height: 56px;
    align-items: flex-start
}

.footer .copyrights {
    padding: 8px 0;
    margin-bottom: 32px;
    margin-top: 4px
}

.footer__title {
    margin-bottom: 32px;
    color: #fff
}

.footer__nav .nav__link {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    padding: 7px 0;
    white-space: normal;
    min-height: 38px
}

@media(max-width:1387px) {
    .footer__nav .nav__link {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

@media(max-width:1011px) {
    .footer__nav .nav__link {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

@media(max-width:751px) {
    .footer__nav .nav__link {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

.footer__section+.footer__section {
    margin-top: 36px
}

.footer .nav--btn .nav__item:not(:last-of-type) {
    margin-right: 8px
}

.footer .nav--btn .nav__item {
    border-radius: 100%;
    position: relative
}

.footer .nav--btn .nav__item .btn--icon:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: #fff;
    border-radius: 100%;
    margin: auto
}

.footer .nav--btn .nav__item .btn__icon {
    position: relative;
    z-index: 2
}

.footer .nav--sub:before {
    background: #fff;
    opacity: .5
}

.footer.footer--horizontal .footer__copyrights {
    width: 100%;
    flex-direction: row;
    justify-content: space-between
}

.footer.footer--horizontal .footer__copyrights .copyrights {
    margin-bottom: 0
}

.footer.footer--horizontal>.container {
    flex-direction: column
}

.footer {
    padding: 80px 0;
}
.section.section--banner-footer {
    padding-bottom: 90px;
}
.footer__copyrights {
    width: 41%;
    padding: 0
}

.footer__copyrights+.footer__site-map {
    padding-left: 80px
}

.footer__site-map {
    padding: 0
}

@media(max-width:1387px) {
    .footer {
        padding: 120px 0
    }
    .footer__copyrights {
        width: 41%;
        padding: 0
    }
    .footer__copyrights+.footer__site-map {
        padding-left: 80px
    }
    .footer__site-map {
        padding: 0
    }
}

@media(max-width:1011px) {
    padding: 0;
    .footer__copyrights {
        width: 100%;
        padding: 0 0 20px
    }
    .footer__copyrights+.footer__site-map {
        padding-left: 0
    }
    .footer__site-map {
        padding: 60px 0
    }
}

@media(max-width:1011px) {
    .footer {
        padding: 0
    }
    .footer__copyrights {
        width: 100%;
        padding: 0 0 20px
    }
    .footer__copyrights+.footer__site-map {
        padding-left: 0
    }
    .footer__site-map {
        padding: 60px 0
    }
}

@media(max-width:1011px) {
    .footer>.container {
        flex-direction: column
    }
    .footer.footer--rows .footer__brand {
        flex-basis: inherit;
        padding: 0;
        width: 100%;
        margin-bottom: 8px
    }
    .footer.footer--rows .footer__copyrights {
        margin-bottom: 0;
        text-align: center;
        padding: 16px 0;
        line-height: 20px;
        position: relative;
        z-index: 1
    }
    .footer.footer--rows .footer__copyrights:before {
        content: none
    }
    .footer.footer--rows .footer__bottom {
        padding: 0
    }
    .footer.footer--rows .footer__bottom .footer__nav {
        padding: 24px 0
    }
    .footer.footer--rows .nav--btn {
        margin-left: 0
    }
    .footer__copyrights {
        position: relative;
        order: 2;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-content: center
    }
    .footer__copyrights>p,
    .footer__copyrights ul {
        text-align: center
    }
    .footer__copyrights>.container>.row>div:first-of-type {
        flex-direction: column
    }
    .footer__brand,
    .footer__copyrights>.container>.row>div:last-of-type {
        justify-content: center
    }
    .footer__brand {
        padding: 0;
        width: 100%;
        margin-bottom: 0
    }
    .footer__brand .brand__logo {
        justify-content: center;
        align-items: center
    }
    .footer .copyrights {
        text-align: center;
        margin-bottom: 0;
        position: relative;
        top: 2px
    }
    .footer .nav--btn {
        margin: 0;
        justify-content: center
    }
    .footer .nav--btn .nav__item:not(:last-of-type) {
        margin-right: 8px
    }
}

@media(max-width:1011px) {
    .footer.footer--rows .footer__top {
        padding: 40px 0 24px
    }
    .footer.footer--rows .footer__top>.container {
        padding: 0 16px
    }
    .footer.footer--rows .footer__top .footer__nav {
        display: none;
        padding-left: 16px
    }
    .footer.footer--rows .footer__top .is-open .footer__nav {
        display: block
    }
    .footer.footer--rows .footer__bottom>.footer__nav {
        flex-direction: column;
        align-items: center
    }
    .footer__section+.footer__section {
        margin-top: 0
    }
    .footer__copyrights {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .footer__copyrights .footer__brand {
        flex-basis: 40px;
        margin-bottom: 8px
    }
    .footer__copyrights .nav--btn {
        margin: 0
    }
    .footer__brand {
        justify-content: center
    }
    .footer.footer--horizontal .footer__copyrights {
        flex-direction: column-reverse
    }
    .footer.footer--horizontal .footer__nav {
        flex-wrap: wrap-reverse
    }
    .footer.footer--horizontal .nav--horizontal:after {
        content: "";
        width: 100%
    }
    .footer.footer--horizontal .nav--horizontal .nav__item:nth-child(n+4) {
        order: 1
    }
    .footer .brand__logo {
        height: 40px;
        max-width: 178px;
        width: 100%
    }
    .footer .copyrights {
        padding: 0;
        margin: 0 0 8px
    }
    .footer .footer__title {
        margin-top: 0
    }
    .footer .is-open .footer__nav {
        display: block;
        margin-bottom: 16px
    }
    .footer .is-open .footer__title:before {
        transform: rotate(45deg)
    }
}

@media(max-width:751px) {
    .footer__site-map .footer__nav {
        display: none;
        padding-left: 48px
    }
    .footer__title {
        cursor: pointer;
        position: relative;
        padding: 6px 48px 6px 16px;
        margin-bottom: 16px
    }
}

@media(max-width:513px) {
    .footer.footer--rows .footer__bottom .footer__nav:not(.nav--btn) {
        padding: 0;
        margin-bottom: 16px;
        flex-direction: column-reverse;
        align-items: center
    }
    .footer.footer--rows .footer__bottom .footer__nav:not(.nav--btn) .nav__item {
        margin-right: 0;
        margin-bottom: 8px
    }
    .footer.footer--rows .nav--btn {
        padding-bottom: 16px !important
    }
}

@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .footer__site-map {
        flex: auto
    }
}

.footer {
    background: linear-gradient(90deg, #093899, #040d70);
    padding-bottom: 48px
}

.footer>.container {
    flex-wrap: wrap
}

.footer__copyrights {
    max-width: 318px
}

.footer__copyrights-socials {
    display: flex;
    margin-bottom: 40px
}

.footer__copyrights-socials li {
    width: 36px;
    height: 36px
}

.footer__copyrights-socials li+li {
    margin-left: 14px
}

.footer__copyrights-socials li svg path {
    transition: stroke .3s ease
}

.footer__copyrights-socials li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border: 1px solid hsla(0, 0%, 100%, .16);
    border-radius: 50px;
    transition: border-color .3s ease
}

.footer__copyrights-socials li a:hover {
    border-color: hsla(0, 0%, 100%, .32)
}

.footer__copyrights-socials li a:hover svg path {
    fill: #cec9df
}

.footer__copyrights-socials li a svg path {
    transition: fill .3s ease
}

.footer__copyrights-mail,
.footer__copyrights-phone {
    margin-bottom: 16px
}

.footer__copyrights-desc {
    margin-bottom: 40px;
    margin-right: 32px;
    font-size: 14px;
    line-height: 22px
}

.footer__copyrights+.footer__site-map {
    padding-left: 144px
}

.footer__brand {
    margin-bottom: 40px
}

.footer__title {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 24px
}

.footer__site-map .row:first-child {
    margin-bottom: 40px
}

.footer__site-map .footer__nav .nav__item {
    min-height: 38px
}

.footer__site-map .footer__nav .nav__link {
    font-size: 16px;
    line-height: 26px;
    padding: 0
}

.footer__site-map .footer__nav .nav__link:active,
.footer__site-map .footer__nav .nav__link:focus {
    color: #cec9df
}

.footer__site-map .footer__nav--last {
    flex-direction: row;
    flex-wrap: wrap
}

.footer__site-map .footer__nav--last .nav__item {
    flex-basis: 50%
}

.footer__site-map .footer__nav--last .nav__item:last-of-type,
.footer__site-map .footer__nav--last .nav__item:nth-last-of-type(2) {
    flex-basis: 100%
}

.footer__site-map .footer__nav--last .nav__item--padding {
    padding-left: 16px
}

.footer__section--last .footer__nav {
    margin-top: 54px
}

.footer__copyrights,
.footer__site-map {
    padding-bottom: 20px
}

.footer .creditCards {
    display: flex
}

.footer .creditCards__card+.creditCards__card {
    margin-left: 13px
}
.revabout {
    margin-top: 0 !important;
}
.footer .copyrights-wrapper {
    display: flex;
    flex-basis: 100%;
    font-size: 16px;
    line-height: 26px;
    color: #acafba;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 5px
}

.footer .copyrights-wrapper .copyrights {
    flex-grow: 1;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
}

.footer .copyrights-wrapper a+a {
    margin-left: 40px
}

.footer__icon {
    display: none
}

.footer__section {
    position: relative;
    display: flex;
    flex-direction: column
}

.footer.has-shapes {
    margin-top: -136px;
    padding-top: 345px;
    overflow: hidden;
    position: relative
}

.footer.has-shapes .container {
    position: relative;
    z-index: 1
}

.footer.has-shapes .footer__background {
    position: absolute;
    top: -97px;
    bottom: -97px;
    left: 0;
    right: 0;
    z-index: 0;
    overflow: hidden
}

.footer.has-shapes .footer__shape {
    position: absolute;
    left: -100%;
    right: -100%;
    height: 228px;
    background: #fff
}

.footer.has-shapes .footer__shape--top {
    top: 0;
    transform: rotate(-5.8deg)
}

@media(min-width:1921px) {
    .footer.has-shapes .footer__shape {
        height: 500px
    }
    .footer.has-shapes .footer__shape--top {
        top: -273px
    }
}

@media(max-width:1387px) {
    .footer {
        padding-top: 180px
    }
    .footer>.container {
        padding: 0 24px
    }
    .footer__copyrights {
        max-width: 312px
    }
    .footer__copyrights-desc {
        margin-bottom: 32px;
        margin-right: 0;
        font-size: 13px;
        line-height: 22px;
        font-weight: 300
    }
    .footer__copyrights-socials {
        margin-bottom: 32px;
        justify-content: space-between
    }
    .footer__copyrights-socials li+li {
        margin-left: 0
    }
    .footer__nav .nav__item,
    .footer__nav .nav__link {
        min-height: 36px !important
    }
    .footer__brand {
        margin-bottom: 24px !important
    }
    .footer__brand .brand__logo {
        max-width: 243px
    }
    .footer__site-map {
        padding-left: 32px !important;
        padding-bottom: 58px
    }
    .footer__site-map .footer__nav .nav__link {
        font-size: 15px;
        line-height: 24px
    }
    .footer__site-map .footer__nav--last .nav__item--padding {
        padding-left: 12px
    }
    .footer__site-map .row:first-child {
        margin-bottom: 48px
    }
    .footer__title {
        padding-bottom: 16px
    }
    .footer__section--last .footer__nav {
        margin-top: 44px
    }
    .footer.has-shapes {
        margin-top: -136px;
        padding-top: 272px
    }
    .footer.has-shapes .footer__shape {
        height: 227px;
        transform: rotate(-2deg)
    }
}

@media(max-width:1011px) {
    .footer {
        padding-top: 132px;
        padding-bottom: 40px
    }
    .footer__copyrights {
        padding-bottom: 40px;
        padding-top: 8px;
        max-width: 312px;
        margin: auto
    }
    .footer__copyrights-desc {
        font-size: 12px;
        line-height: 20px;
        font-weight: 300
    }
    .footer__copyrights-socials {
        width: 100%
    }
    .footer__site-map {
        padding-bottom: 40px;
        padding-left: 0 !important;
        padding-top: 0
    }
    .footer__site-map .footer__nav .nav__link {
        font-size: 14px;
        line-height: 22px;
        font-weight: 300
    }
    .footer__section--last .footer__nav {
        margin-top: 42px;
        margin-bottom: 16px;
        display: block !important
    }
    .footer .copyrights-wrapper {
        order: 2;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 0
    }
    .footer .copyrights-wrapper .copyrights {
        flex-basis: 100%;
        order: 2;
        margin-top: 16px;
        top: 0
    }
    .footer .copyrights-wrapper a {
        font-size: 14px;
        line-height: 22px;
        font-weight: 300
    }
    .footer.has-shapes {
        margin-top: -100px;
        padding-top: 195px
    }
    .footer.has-shapes .footer__shape {
        height: 190px;
        transform: rotate(-2.8deg)
    }
    .footer .is-open .row>div:first-of-type>.footer__nav {
        margin-bottom: 0
    }
}

@media(max-width:751px) {
    .footer__site-map {
        padding-bottom: 56px
    }
    .footer__site-map .row {
        margin-bottom: 0 !important
    }
    .footer__site-map .footer__nav,
    .footer__site-map .footer__nav--last .nav__item--padding,
    .footer__site-map .footer__title {
        padding-left: 0
    }
    .footer__site-map .footer__title:before {
        content: unset
    }
    .footer__icon {
        display: inline;
        position: absolute;
        right: 5px;
        height: 24px
    }
    .footer__icon path {
        transition: transform .3s ease;
        stroke: #fff;
        transform-origin: center
    }
    .footer__section--last .footer__nav {
        margin-top: 0
    }
    .footer__section.is-open .footer__icon path:first-of-type {
        transform: rotate(90deg)
    }
    .footer__copyrights {
        padding-top: 0
    }
    .footer__brand .brand__logo {
        height: unset
    }
    .footer.has-shapes {
        margin-top: -80px;
        padding-top: 149px
    }
    .footer.has-shapes .footer__shape {
        height: 174px;
        transform: rotate(-5.8deg)
    }
}

.site-footer.footer--hostadvice {
    background: #f4f0ff;
    padding: 24px 0;
    margin-top: 30px;
    border: 0
}

.site-footer.footer--hostadvice .container {
    flex-direction: column
}

.site-footer.footer--hostadvice .container .row {
    margin-top: -56px
}

.site-footer.footer--hostadvice .box {
    padding: 16px 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
    border: 1px solid #f4f0ff;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    height: 100px
}

.site-footer.footer--hostadvice .box .box-icon {
    width: 64px;
    min-width: 64px;
    margin-right: 20px
}

.site-footer.footer--hostadvice .box .box-icon img {
    max-width: 100%
}

.site-footer.footer--hostadvice .box .box-content h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 0
}

.site-footer.footer--hostadvice .main-footer-bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.site-footer.footer--hostadvice .main-footer-bottom .logo img {
    height: 34px;
    width: 164px
}

.site-footer.footer--hostadvice .main-footer-bottom .payments {
    display: flex
}

.site-footer.footer--hostadvice .main-footer-bottom .payments svg {
    margin-left: 8px
}

.feature {
    flex-direction: column;
    text-align: center;
    width: 100%
}

.feature,
.feature__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.feature__icon {
    z-index: 2
}

.feature__icon img {
    max-width: 100%;
    max-height: 100%;
    margin: 0
}

.feature__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    justify-content: center
}

.feature__body .feature__actions {
    margin-bottom: -8px
}

.feature__body+.feature__actions {
    background: rgba(59, 165, 255, .1)
}

.feature__body>:last-child:not(.feature__actions) {
    margin-bottom: 0
}

.feature__body+.feature__actions {
    padding-left: 16px;
    padding-right: 16px
}

.feature__title {
    margin-bottom: 0;
    display: flex;
    flex-direction: column
}

.feature__title .subtitle {
    width: 100%;
    font-size: 17px;
    font-weight: 400
}

.feature__desc {
    margin-bottom: 0
}

.feature__desc+.feature__actions {
    padding-top: 16px
}

.feature__desc+.feature__actions .btn--link {
    padding: 0
}

.feature__actions {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    width: 100%
}

.feature .info__desc {
    color: #fff;
    font-size: 18px;
    padding: 16px
}

.feature--icon-left {
    flex-direction: row;
    flex: 1 0 auto;
    max-width: 100%
}

.feature--icon-left .feature__icon {
    flex-shrink: 0;
    align-self: flex-start
}

.feature--icon-left .feature__body {
    text-align: left
}

.feature--icon-left .feature__actions>.btn--link {
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start
}

.feature--boxed {
    background: #fff
}

.feature--boxed .feature__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px;
    width: 100%;
    position: relative
}

.feature--boxed .feature__header:after {
    content: "";
    width: calc(100% - 64px);
    position: absolute;
    height: 1px;
    background: #efefef;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.feature--boxed .feature__header .feature__title {
    text-align: left;
    padding-right: 16px
}

.feature--boxed .feature__header .feature__icon {
    margin-top: 0
}

.feature--boxed .feature__header+.feature__body {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px
}

.feature--boxed.feature--bordered .feature__body+.feature__actions {
    border-top: 1px solid #e6e6eb
}

.feature--content-left {
    text-align: left;
    align-items: flex-start
}

.feature--content-left,
.feature--content-left .feature__actions .btn {
    justify-content: flex-start
}

.feature--bordered {
    border: 1px solid #efefef
}

.feature--shadow {
    position: relative;
    transition: transform .3s ease;
    overflow: visible
}

.feature--shadow:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px
}

.feature--link {
    transition: transform .3s, box-shadow .3s
}

.feature--link:hover:before {
    content: "";
    position: absolute;
    bottom: -8px;
    height: 8px;
    left: 0;
    right: 0
}

.feature--link:hover {
    z-index: 2;
    transform: translate3d(0, -8px, 0)
}

.feature--link:hover:after {
    box-shadow: 0 40px 72px 14px rgba(0, 0, 0, .04), 0 32px 56px 14px rgba(0, 0, 0, .04)
}

.feature--link:hover .feature__actions .has-arrow .btn__text {
    padding-right: 32px
}

.feature--link:hover .feature__actions .has-arrow .btn__text:after {
    right: 20px;
    opacity: 1
}

.feature--link:hover .feature__actions .has-arrow svg {
    opacity: 1
}

.feature[data-cookie] {
    display: none
}

.feature[data-cookie].is-active {
    display: flex
}

.feature--product-group {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.feature--product-group .feature__icon+.feature__body {
    margin-left: 80px;
    margin-top: 0
}

.feature--product-group .feature__title {
    margin-top: 0
}

.feature--product-group .feature__group {
    margin-bottom: 8px;
    font-weight: 400
}

.features .feature.feature--core-slider {
    min-width: 225px;
    min-height: 188px;
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    padding: 24px;
    margin-right: 24px;
    background-color: #fff
}

.features .feature.feature--core-slider .feature__icon {
    margin-bottom: 16px
}

.features .feature.feature--core-slider .feature__title {
    font-weight: 600;
    margin-top: 8px
}

.features .feature.feature--core-slider .feature__title span {
    display: block
}

.features .feature.feature--core-slider .feature:last-child {
    margin-right: 0
}

.features .feature.feature--core-slider .feature__icon {
    margin-right: auto;
    margin-left: auto
}

.features .feature.feature--core-slider .feature__body {
    width: 100%
}

.features .feature.feature--core-slider .feature.is-active {
    border-color: #fff
}

.features .feature.feature--core-slider .feature.is-active .feature:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: box-shadow .3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px
}

.nav .feature__desc {
    opacity: .6
}

.nav .feature.feature--bordered {
    border-color: rgba(33, 131, 217, .8);
    transition: border .3s
}

.nav .feature.feature--bordered:hover {
    border-color: hsla(0, 0%, 100%, .4)
}

.nav .feature:hover {
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .15)
}

.feature {
    margin-top: 32px
}

.feature__icon+.feature__body {
    margin-top: 40px
}

.feature__title+.feature__desc {
    margin-top: 16px
}

.feature__desc+.feature__actions {
    padding-top: 24px
}

.feature--bordered,
.feature--boxed {
    padding: 40px
}

.feature--sm {
    margin-top: 24px
}

.feature--sm .feature__icon+.feature__body {
    margin-top: 16px
}

.feature--sm .feature__title+.feature__desc {
    margin-top: 8px
}

.feature--sm .feature__desc+.feature__actions {
    padding-top: 16px
}

.feature--sm .feature--icon-left .feature__icon+.feature__body {
    margin-top: 0;
    margin-left: 16px
}

.feature--sm.feature--bordered,
.feature--sm.feature--boxed {
    padding: 16px
}

.feature--lg {
    margin-top: 48px
}

.feature--lg .feature__icon+.feature__body {
    margin-top: 32px
}

.feature--lg .feature__title+.feature__desc {
    margin-top: 16px
}

.feature--lg .feature__desc+.feature__actions {
    padding-top: 32px
}

.feature--lg .feature--icon-left .feature__icon+.feature__body {
    margin-top: 0;
    margin-left: 32px
}

.feature--lg.feature--bordered,
.feature--lg.feature--boxed {
    padding: 40px 32px
}

.feature--icon-left .feature__icon+.feature__body {
    margin-top: 0;
    margin-left: 40px
}

.feature--tab-arrow.is-active:before {
    content: "";
    width: 44px;
    height: 44px;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 22px);
    bottom: -70px;
    z-index: 20;
    background-color: #fff;
    box-shadow: 0 2px 10px -1px rgba(30, 45, 70, .05)
}

.features {
    margin-top: -32px
}

.features--careers {
    display: flex;
    flex-wrap: wrap
}

.features--careers>div.col-12 {
    padding-bottom: 32px
}

.features--careers>div.col-12 .feature {
    position: relative;
    height: 100%;
    padding-bottom: 0
}

.features--careers>div.col-12 .feature:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06)
}

.features--boxed {
    margin-top: -32px
}

.features--boxed .feature {
    margin-top: 32px
}

.features--boxed.row--xs {
    margin-top: -16px
}

.features--boxed.row--xs .feature {
    margin-top: 16px
}

.features--boxed.row--sm {
    margin-top: -24px
}

.features--boxed.row--sm .feature {
    margin-top: 24px
}

.features--boxed.row--lg {
    margin-right: -48px
}

.features--boxed.row--lg .feature {
    margin-top: 48px
}

@media(max-width:1387px) {
    .feature {
        margin-top: 44px
    }
    .feature__icon+.feature__body {
        margin-top: 24px
    }
    .feature__title+.feature__desc {
        margin-top: 16px !important
    }
    .feature__desc+.feature__actions {
        padding-top: 24px
    }
    .feature--bordered,
    .feature--boxed {
        padding: 24px
    }
    .feature--sm .feature {
        margin-top: 24px
    }
    .feature--sm .feature__icon+.feature__body {
        margin-top: 16px
    }
    .feature--sm .feature__title+.feature__desc {
        margin-top: 8px
    }
    .feature--sm .feature__desc+.feature__actions {
        padding-top: 16px
    }
    .feature--sm .feature--icon-left .feature__icon+.feature__body {
        margin-top: 0;
        margin-left: 16px
    }
    .feature--sm .feature--bordered,
    .feature--sm .feature--boxed {
        padding: 16px
    }
    .feature--lg .feature {
        margin-top: 48px
    }
    .feature--lg .feature__icon+.feature__body {
        margin-top: 32px
    }
    .feature--lg .feature__title+.feature__desc {
        margin-top: 24px
    }
    .feature--lg .feature__desc+.feature__actions {
        padding-top: 32px
    }
    .feature--lg .feature--icon-left .feature__icon+.feature__body {
        margin-top: 0;
        margin-left: 32px
    }
    .feature--lg .feature--bordered,
    .feature--lg .feature--boxed {
        padding: 32px
    }
    .feature--icon-left .feature__icon+.feature__body {
        margin-top: 0;
        margin-left: 24px
    }
    .features {
        margin-top: -44px
    }
    .features--boxed {
        margin-top: -24px
    }
    .features--boxed .feature {
        margin-top: 24px
    }
    .features--boxed.row--xs {
        margin-top: -8px
    }
    .features--boxed.row--xs .feature {
        margin-top: 8px
    }
    .features--boxed.row--sm {
        margin-top: -16px
    }
    .features--boxed.row--sm .feature {
        margin-top: 16px
    }
    .features--boxed.row--lg {
        margin-right: -32px
    }
    .features--boxed.row--lg .feature {
        margin-top: 32px
    }
}

@media(max-width:1011px) {
    .feature {
        margin-top: 44px
    }
    .feature__icon+.feature__body {
        margin-top: 24px
    }
    .feature__title+.feature__desc {
        margin-top: 16px
    }
    .feature__desc+.feature__actions {
        padding-top: 24px
    }
    .feature--bordered,
    .feature--boxed {
        padding: 24px !important
    }
    .feature--sm {
        margin-top: 24px
    }
    .feature--sm .feature__icon+.feature__body {
        margin-top: 16px
    }
    .feature--sm .feature__title+.feature__desc {
        margin-top: 8px
    }
    .feature--sm .feature__desc+.feature__actions {
        padding-top: 16px
    }
    .feature--sm .feature--icon-left .feature__icon+.feature__body {
        margin-top: 0;
        margin-left: 16px
    }
    .feature--sm .feature--bordered,
    .feature--sm .feature--boxed {
        padding: 16px
    }
    .feature--lg {
        margin-top: 48px
    }
    .feature--lg .feature__icon+.feature__body {
        margin-top: 32px
    }
    .feature--lg .feature__title+.feature__desc {
        margin-top: 24px
    }
    .feature--lg .feature__desc+.feature__actions {
        padding-top: 32px
    }
    .feature--lg .feature--icon-left .feature__icon+.feature__body {
        margin-top: 0;
        margin-left: 32px
    }
    .feature--lg .feature--bordered,
    .feature--lg .feature--boxed {
        padding: 24px
    }
    .feature--icon-left .feature__icon+.feature__body {
        margin-top: 0;
        margin-left: 24px
    }
    .features {
        margin-top: -44px
    }
    .features--boxed {
        margin-top: -24px
    }
    .features--boxed .feature {
        margin-top: 24px
    }
    .features--boxed.row--xs {
        margin-top: -8px
    }
    .features--boxed.row--xs .feature {
        margin-top: 8px
    }
    .features--boxed.row--sm {
        margin-top: -16px
    }
    .features--boxed.row--sm .feature {
        margin-top: 16px
    }
    .features--boxed.row--lg {
        margin-right: -32px
    }
    .features--boxed.row--lg .feature {
        margin-top: 32px
    }
}

@media(max-width:751px) {
    .feature {
        margin-top: 44px
    }
    .feature__icon+.feature__body,
    .feature__title+.feature__desc {
        margin-top: 24px
    }
    .feature__desc+.feature__actions {
        padding-top: 24px
    }
    .feature--bordered,
    .feature--boxed {
        padding: 24px
    }
    .feature--sm {
        margin-top: 24px
    }
    .feature--sm .feature__icon+.feature__body {
        margin-top: 16px
    }
    .feature--sm .feature__title+.feature__desc {
        margin-top: 8px
    }
    .feature--sm .feature__desc+.feature__actions {
        padding-top: 16px
    }
    .feature--sm .feature--icon-left .feature__icon+.feature__body {
        margin-top: 0;
        margin-left: 16px
    }
    .feature--sm .feature--bordered,
    .feature--sm .feature--boxed {
        padding: 16px
    }
    .feature--lg {
        margin-top: 48px
    }
    .feature--lg .feature__icon+.feature__body {
        margin-top: 32px
    }
    .feature--lg .feature__title+.feature__desc {
        margin-top: 24px
    }
    .feature--lg .feature__desc+.feature__actions {
        padding-top: 32px
    }
    .feature--lg .feature--icon-left .feature__icon+.feature__body {
        margin-top: 0;
        margin-left: 32px
    }
    .feature--lg .feature--bordered,
    .feature--lg .feature--boxed {
        padding: 32px
    }
    .feature--icon-left .feature__icon+.feature__body {
        margin-top: 0;
        margin-left: 24px
    }
    .features {
        margin-top: -44px
    }
    .features--boxed {
        margin-top: -24px
    }
    .features--boxed .feature {
        margin-top: 24px
    }
    .features--boxed.row--xs {
        margin-top: -8px
    }
    .features--boxed.row--xs .feature {
        margin-top: 8px
    }
    .features--boxed.row--sm {
        margin-top: -16px
    }
    .features--boxed.row--sm .feature {
        margin-top: 16px
    }
    .features--boxed.row--lg {
        margin-right: -32px
    }
    .features--boxed.row--lg .feature {
        margin-top: 32px
    }
}

.row--eq-height .feature {
    height: 100%
}

.row--eq-height .widget {
    margin: 0 auto;
    height: 100%
}

@media(max-width:1011px) {
    .nav--sub .row--features {
        margin-top: -8px;
        margin-left: -4px;
        margin-right: -4px
    }
    .nav--sub .row--features>div[class*=col-] {
        padding-left: 4px;
        padding-right: 4px
    }
    .nav--sub .feature--bordered,
    .nav--sub .feature--boxed {
        padding: 24px
    }
    .nav--sub .feature--bordered .feature__icon,
    .nav--sub .feature--boxed .feature__icon {
        width: 64px;
        height: 64px
    }
    .nav--sub .feature--bordered .feature__body,
    .nav--sub .feature--boxed .feature__body {
        padding: 0
    }
}

@media(min-width:752px) and (max-width:1011px) {
    .tab-v-feature--default {
        flex-direction: column
    }
    .tab-v-feature--default .feature__icon {
        align-self: auto
    }
    .tab-v-feature--default .feature__body {
        margin-top: 24px !important;
        margin-left: 0 !important;
        text-align: center
    }
}

@media(max-width:1011px) {
    .feature.feature--icon-left {
        margin-top: 32px !important
    }
    .feature.feature--boxed-js {
        padding-right: 32px;
        position: relative;
        max-width: 340px
    }
    .feature.feature--boxed-js:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        background: 0 0;
        z-index: 1
    }
    .feature.feature--boxed-open {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        z-index: 10
    }
    .feature.feature--boxed-open .feature__header+.feature__body {
        position: relative;
        display: flex
    }
    .feature.feature--boxed-open .feature__header:after {
        content: none
    }
    .feature.feature--boxed-open:after {
        content: "\f273"
    }
    .feature .feature__actions .hide-md+.btn {
        width: 100%
    }
    .feature .feature__header+.feature__body {
        display: none
    }
    .justify-content-md-center .feature {
        margin-top: 16px
    }
}

@media(max-width:1011px) {
    .feature.feature--boxed-open .feature__header+.feature__body {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding-right: 32px;
        background: #fff;
        border: 1px solid #e6e6eb;
        width: auto;
        max-width: none
    }
}

@media(max-width:751px) {
    .feature,
    .feature__icon+.feature__body {
        margin-top: 16px
    }
    .feature__desc {
        word-break: break-word
    }
    .feature--arrow {
        position: relative
    }
    .feature--arrow:after {
        bottom: -16px
    }
    .feature--arrow:before {
        bottom: -22px
    }
    .feature.feature--boxed-js {
        max-width: 100%
    }
    .mob-feature--simple .feature__icon {
        width: 104px;
        height: 104px
    }
    .mob-feature--simple .feature__actions,
    .mob-feature--simple .feature__desc {
        display: none
    }
    .mob-feature--icon-left {
        flex-direction: row
    }
    .mob-feature--icon-left .feature__icon {
        margin-top: 0 !important;
        flex-shrink: 0;
        align-self: flex-start
    }
    .mob-feature--icon-left .feature__icon+.feature__body {
        margin-top: 0;
        margin-left: 16px
    }
    .mob-feature--icon-left .feature__body {
        text-align: left
    }
    .mob-feature--icon-left .feature__actions>.btn--link {
        padding-left: 0;
        padding-right: 0;
        justify-content: flex-start
    }
    .row--eq-height .feature {
        margin-top: 24px
    }
    .nav--sub .row--features {
        margin-top: -8px
    }
    .nav--sub .feature {
        padding: 16px;
        margin-top: 8px
    }
    .nav--sub .feature__body {
        padding: 0
    }
    .nav--sub .feature__icon {
        margin-top: 0
    }
    .nav--sub .feature__title {
        font-size: 14px;
        line-height: 20px
    }
    .nav--sub .feature__desc {
        font-size: 13px;
        line-height: 18px
    }
    .nav--sub .feature--boxed {
        padding: 24px
    }
    .nav--sub .feature--boxed .feature__icon {
        width: 64px;
        height: 64px
    }
    .nav--sub .feature--boxed .feature__body {
        padding: 0
    }
}

@media(max-width:513px) {
    .feature.mob-feature--link {
        align-items: flex-start
    }
    .feature.mob-feature--link .feature__actions,
    .feature.mob-feature--link .feature__desc {
        display: none
    }
    .feature.mob-feature--link .feature__body {
        padding: 16px
    }
    .feature.mob-feature--link .feature__title {
        font-size: 17px
    }
    .feature.mob-feature--link .feature__title .subtitle {
        font-size: 15px
    }
    .feature.mob-feature--link .feature__body {
        width: 100%;
        position: relative
    }
}

@media(-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .mob-slider {
        display: flex;
        width: 100%
    }
    .navbar__nav .feature__icon {
        justify-content: flex-start
    }
    .feature__body {
        flex: 1 0 auto
    }
    .feature--icon-left {
        width: inherit
    }
    .feature--icon-left .feature__body {
        flex: 1 0 0%
    }
}

@media(-ms-high-contrast:none) and (min-width:752px) and (max-width:1011px),
screen and (-ms-high-contrast:active) and (min-width:752px) and (max-width:1011px) {
    .tab-v-feature--default .feature__body {
        flex: 1 0 auto
    }
    .tab-v-feature--default .feature__icon {
        align-self: center
    }
}

@media(-ms-high-contrast:none) and (max-width:1011px),
screen and (-ms-high-contrast:active) and (max-width:1011px) {
    .navbar__nav .feature__body {
        flex: 1 0 0%
    }
    .mob-slider {
        display: block
    }
    .mob-slider[data-size=mobile] .swiper-slide {
        flex: 0 0 100%;
        height: 100%
    }
}

@media(-ms-high-contrast:none) and (max-width:751px),
screen and (-ms-high-contrast:active) and (max-width:751px) {
    .mob-slider .swiper-slide {
        height: auto
    }
    .mob-slider[data-size=tablet] .swiper-slide {
        flex: 0 1 auto
    }
}

.features .feature__desc {
    flex-grow: 1
}

.features .feature__desc p:last-of-type {
    margin-bottom: 0
}

.features .feature__pricing {
    margin-top: 16px
}

.features .feature__pricing .pricing__period {
    color: #f67a3c
}

.features .feature__pricing .pricing__title {
    text-align: left
}

.features .feature__actions {
    margin-bottom: 0
}

.features .feature__actions .btn__text {
    font-weight: inherit
}

.features .feature__actions .btn+.btn {
    margin-left: 24px
}

.features .feature__partials+.feature__content {
    margin-top: 16px
}

.features .feature__icon+.feature__content {
    margin-top: 24px
}

.features .feature__icon--secondary svg path {
    stroke: #f67a3c
}

.features .feature__icon--primary svg path {
    stroke: #0d3c9f
}

.features .feature--bordered {
    border-radius: 12px;
    border-color: #e5e0f4
}

.features .feature--xlg {
    padding: 56px
}

.features .feature--work .feature__actions {
    margin-bottom: 0
}

.features .feature--boxed {
    border-radius: 12px;
    padding: 32px;
    transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
}

.features .feature--boxed.feature--lg {
    padding: 40px
}

.features .feature--boxed.feature--lg .feature__actions {
    margin-bottom: -8px
}

.features .feature__icon+.h2 {
    margin-top: 8px
}

.features .feature--credit {
    padding: 24px
}

.features .feature--credit p:not(.h4) {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 4px
}

@media(max-width:1387px) {
    .features .feature--credit p:not(.h4) {
        font-size: 13px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:1011px) {
    .features .feature--credit p:not(.h4) {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }
}

@media(max-width:751px) {
    .features .feature--credit p:not(.h4) {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }
}

.features .feature--credit strong {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    font-weight: 600 !important
}

@media(max-width:1387px) {
    .features .feature--credit strong {
        font-size: 15px;
        line-height: 24px
    }
}

@media(max-width:1011px) {
    .features .feature--credit strong {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:751px) {
    .features .feature--credit strong {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

.features .feature--credit .feature__body {
    width: 100%;
    padding: 0
}

.features .feature--credit .feature__body-top {
    border-bottom: 1px solid #e5e0f4;
    padding-bottom: 16px
}

.features .feature--credit .feature__body-bottom {
    padding-top: 16px
}

.features .feature--credit .feature__body-bottom p {
    color: #938f9f;
    margin: 0
}

.features .feature--credit .feature__body-bottom p.text-primary {
    margin: 0;
    font-size: 32px
}

.features .feature--credit .feature__body-bottom svg path {
    stroke: #0d3c9f
}

.features .feature--credit .feature__percentage {
    color: #2b1f51
}

.features .feature--domains.feature--bordered {
    padding: 32px
}

.features .feature--domains .feature__title {
    flex-direction: row;
    justify-content: center;
    margin-top: -8px
}

.features .feature--domains .feature__title+.feature__desc {
    margin-top: 8px
}

.features .feature--domains .feature__desc+.feature__actions {
    padding-top: 8px
}

.features .feature--domains .feature__desc span {
    font-weight: 600;
    color: #2b1f51
}

.features .feature--domains .feature__actions {
    justify-content: center
}

.features .feature--domains .feature__body+.feature__get-it-free {
    margin-top: 16px;
    color: #938f9f;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    border-bottom: 1px dotted #dbdbdb;
    display: inline;
    padding-bottom: 2px
}

@media(max-width:1387px) {
    .features .feature--domains .feature__body+.feature__get-it-free {
        font-size: 13px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:1011px) {
    .features .feature--domains .feature__body+.feature__get-it-free {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }
}

@media(max-width:751px) {
    .features .feature--domains .feature__body+.feature__get-it-free {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }
}

.features .feature--domains .feature__body+.feature__get-it-free b {
    font-weight: 600
}

.features .feature--deals .feature {
    padding: 32px
}

.features .feature--deals .feature__body-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 37px
}

.features .feature--deals .feature__body-top label {
    background-color: #ebe4ff;
    color: #5025d1;
    border-radius: 2px;
    margin: 0 0 0 8px;
    height: 30px;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    font-weight: 600
}

@media(max-width:1387px) {
    .features .feature--deals .feature__body-top label {
        font-size: 15px;
        line-height: 24px
    }
}

@media(max-width:1011px) {
    .features .feature--deals .feature__body-top label {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}
.featured_domains .btn {
    color: #fff !important;
}
@media(max-width:751px) {
    .features .feature--deals .feature__body-top label {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

.features .feature--deals .feature__title {
    flex-direction: row;
    justify-content: center;
    margin-top: -12px
}

.features .feature--deals .feature__body {
    width: 100%;
    padding: 0
}

.features .feature--deals .feature__body-top-column {
    margin-bottom: 24px
}

.features .feature--deals .feature__body-top-column .feature__body-top {
    margin-bottom: 10px
}

.features .feature--deals .feature__body-top-column .feature__promo {
    margin-bottom: 0;
    border-bottom: 1px dotted
}

.features .feature--deals .feature__body-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: auto
}

.features .feature--deals .price__discount,
.features .feature--deals .price__renewals {
    color: #938f9f
}

.features .feature--deals .price__discount {
    text-decoration: line-through
}

.features .feature--deals .price__current {
    margin: 0
}

.features .feature--deals .price__current span {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px
}

@media(max-width:1387px) {
    .features .feature--deals .price__current span {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

@media(max-width:1011px) {
    .features .feature--deals .price__current span {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

@media(max-width:751px) {
    .features .feature--deals .price__current span {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

.features .feature--content-left .feature__icon {
    justify-content: flex-start
}

.features--sides .feature__body {
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start
}

.features--sides .feature__body .feature__desc {
    margin-right: 0;
    font-size: 18px;
    line-height: 30px
}

.features--sides .feature__icon svg {
    width: 32px;
    height: 32px
}

.features--sides .feature__icon svg path {
    stroke: #f67a3c
}

.features--sides .feature--web-hosting .feature__icon svg {
    width: unset;
    height: unset
}

.features--sides .feature--web-hosting .feature__icon svg path {
    stroke: unset
}

.features--small .feature__body .feature__desc {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

@media(max-width:1387px) {
    .features--small .feature__body .feature__desc {
        font-size: 15px;
        line-height: 24px
    }
}

@media(max-width:1011px) {
    .features--small .feature__body .feature__desc {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:751px) {
    .features--small .feature__body .feature__desc {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

.features--small.features--sides .feature__body {
    margin-top: 0
}

.features--centered .feature {
    align-items: center !important
}

.features--centered .feature__desc,
.features--centered .feature__title {
    text-align: center
}

.features--centered .feature__desc {
    margin-right: 0
}

.features--support-resources {
    width: auto
}

.features--reseller .feature {
    padding: 24px;
    background-color: #fff
}

.features--reseller .feature__arrow {
    display: none
}

.features--reseller .feature__desc {
    font-size: 18px;
    color: #fff !important;
    font-weight: 300;
    line-height: 22px;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    height: 100%;
}

@media(max-width:1387px) {
    .features--reseller .feature__desc {
        font-size: 18px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:1011px) {
    .features--reseller .feature__desc {
        font-size: 18px;
        font-weight: 300;
        line-height: 20px
    }
}

@media(max-width:751px) {
    .features--reseller .feature__desc {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }
}

.features--reseller .feature__body {
    justify-content: start !important;
}
.features--reseller .feature__body h3 {
    color: #2b1f51 !important;
}
.features--reseller .btn  {
    margin-top: 50px;
}
.features--reseller .feature--bordered {
    margin-bottom: 0 !important;
}
.reseller .section__actions {
    margin-top: 136px !important;
}


.features.max-w-xlg {
    margin-left: auto;
    margin-right: auto
}

.features--boxed {
    justify-content: center
}

.features--boxed .feature {
    border-radius: 12px
}

.features--boxed .feature--coupon {
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    overflow: hidden;
    transition: transform .3s, box-shadow .3s;
    cursor: pointer;
    z-index: 2
}

.features--boxed .feature--coupon .feature__line {
    position: absolute;
    height: 35px;
    top: 30px;
    right: 0;
    left: 0
}

.features--boxed .feature--coupon .feature__line:after {
    content: "";
    border-bottom: 3px dashed #c4c4c4;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -24px;
    left: -24px
}

.features--boxed .feature--coupon .feature__line .shape {
    height: 35px;
    width: 35px;
    background-color: #f0f0f0;
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    border-bottom: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    transition: background-color .3s
}

.features--boxed .feature--coupon .feature__line .shape--left {
    left: -49px;
    transform: rotate(90deg)
}

.features--boxed .feature--coupon .feature__line .shape--right {
    right: -49px;
    transform: rotate(270deg)
}

.features--boxed .feature--coupon .feature__actions {
    position: relative;
    padding-top: 80px
}

.features--boxed .feature--coupon:hover {
    z-index: 2;
    transform: translate3d(0, -8px, 0);
    box-shadow: 0 40px 72px 14px rgba(0, 0, 0, .04), 0 32px 56px 14px rgba(0, 0, 0, .04)
}

.features--boxed .feature--coupon:hover:before {
    content: "";
    position: absolute;
    bottom: -8px;
    height: 8px;
    left: 0;
    right: 0
}

.features--sm .feature__icon--primary svg path {
    stroke: #0d3c9f
}

.features--sm .feature--content-left .feature__icon {
    justify-content: flex-start
}

.features--connected .feature__icon {
    width: 62px;
    height: 62px;
    background-color: #e5e0f4;
    border-radius: 40px;
    color: #0d3c9f;
    font-size: 32px;
    line-height: 37px;
    font-weight: 700
}

.features--connected .feature__icon:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    position: absolute;
    border-radius: 40px;
    z-index: -1
}

 

@media(min-width:1388px) {
    .features .feature {
        align-items: flex-start
    }
    .features--web-hosting .feature__actions .btn--link {
        padding-left: 0
    }
    .features--reseller>div {
        padding: 0 !important;
        max-width: 264px
    }
    .features--reseller>div+div {
        margin-left: 56px
    }
    .features--reseller .feature__arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -41px;
        display: flex
    }
}

@media(min-width:1012px) {
    .features--support.row--xs [class*=col-] {
        padding: 0
    }
    .features--support .feature__desc {
        margin-left: -5px;
        margin-right: -5px
    }
    .features .feature--uptime {
        padding: 40px;
        max-width: 480px
    }
}

@media(max-width:1387px) {
    .features .feature__pricing.pricing {
        margin-left: auto;
        margin-right: auto
    }
    .features .feature__pricing.pricing .pricing__title {
        text-align: center
    }
    .features .feature__action {
        margin: auto
    }
    .features .feature__desc {
        margin-right: 0
    }
    .features .feature--link:hover .has-arrow .btn__text {
        padding: 0
    }
    .features .feature--tab-arrow.is-active:before {
        display: none
    }
    .features:not(.feature--content-left)__body {
        text-align: center
    }
    .features:not(.feature--content-left)__desc {
        padding: 0 32px
    }
    .features--centered .feature__desc {
        padding: 0
    }
    .features--sides .feature {
        align-items: flex-start
    }
    .features--sides .feature__desc {
        padding: 0;
        text-align: left
    }
    .features--sides .feature__title {
        text-align: left
    }
    .features--sides .feature__body .feature__desc {
        font-size: 17px;
        line-height: 28px;
        margin-top: 12px !important
    }
    .features--sides .feature__icon {
        height: 24px;
        width: 24px
    }
    .features--web-hosting .feature__body {
        text-align: center
    }
    .features--web-hosting .feature__actions .btn {
        margin: 0 auto
    }
}

@media(min-width:1012px) {
    .features--reseller .feature {
        min-height: 200px
    }
}

@media(max-width:1011px) {
    .features .feature__desc {
        padding: 0
    }
    .features .feature--boxed.feature--lg {
        padding: 24px
    }
    .features .feature--boxed.feature--lg .feature__body {
        padding: 0
    }
    .features .feature--boxed.feature--lg .feature__actions {
        margin-bottom: 0
    }
    .features--sides .feature__body .feature__desc {
        font-size: 16px;
        line-height: 26px;
        width: 100%
    }
    .features--connected .feature:after {
        content: unset !important
    }
    .features--boxed .feature--coupon .feature__line .shape {
        background-color: #ebeceb
    }
    .features--boxed .feature--coupon:hover .feature__line .shape {
        background-color: #f0f0f0
    }
}

@media(min-width:752px) and (max-width:1011px) {
    .features .feature--deals .feature__body-bottom,
    .features .feature--deals .feature__body-top {
        flex-direction: column;
        align-items: center
    }
    .features .feature--deals .price {
        text-align: center;
        margin-bottom: 16px
    }
    .features .feature--work .feature__actions.flex-items-xs-center .btn {
        min-width: 125px
    }
    .features .feature--work .feature__actions.flex-items-xs-center .btn+.btn {
        margin-left: 12px
    }
}

@media(max-width:751px) {
    .features {
        margin-top: -24px
    }
    .features--sides .feature__body {
        flex-direction: row;
        flex-wrap: wrap
    }
    .features--sides .feature__body .feature__icon {
        margin-right: 14px
    }
    .features--sides .feature__title {
        margin-top: 0
    }
    .features .feature--credit .feature__body-bottom p.text-primary {
        font-size: 26px
    }
}

@media(max-width:513px) {
    .features .feature__actions .btn+.btn {
        margin-left: 16px
    }
    .features .feature--work .feature__actions.flex-items-xs-center {
        flex-direction: column
    }
    .features .feature--work .feature__actions.flex-items-xs-center .btn+.btn {
        margin: 8px 0 0
    }
}

.nav--full-width .nav__item.is-active:after {
    margin-bottom: -1px;
    height: 2px;
    z-index: 10
}

.nav--full-width .nav__link {
    font-size: 21px;
    font-weight: 500;
    padding: 32px 24px
}

.nav--full-width .nav__icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin-right: 24px
}

.nav--icons .nav__item {
    margin-right: 48px
}

.nav--icons .nav__item:last-child {
    margin-right: 0
}

.nav--icons .nav__item.is-active:after {
    margin-bottom: -1px;
    height: 2px;
    z-index: 10;
    left: 10px !important;
    right: 7px !important
}

.nav--icons .nav__link {
    padding: 24px 8px
}

@media(max-width:751px) {
    .nav--full-width .nav__link {
        font-size: 17px;
        line-height: 26px;
        font-weight: 500;
        padding: 16px 24px
    }
    .nav--full-width .nav__icon {
        display: none
    }
    .nav--icons .nav__item {
        margin-right: 24px
    }
    .nav--icons .nav__link {
        padding: 16px 8px
    }
}

.navbar--main .nav__item .nav__dropdown {
    min-width: 696px !important;
    border-radius: 12px
}

.navbar--main .nav__item .nav__dropdown .nav__item {
    flex-basis: 50%;
    transition: background-color .3s ease
}

.navbar--main .nav__item .nav__dropdown .nav__item-content {
    display: flex;
    flex-direction: column
}

.navbar--main .nav__item .nav__dropdown .nav__item-title {
    font-weight: 600;
    font-size: 18px;
    transition: color .3s ease;
    margin-bottom: 8px
}

.navbar--main .nav__item .nav__dropdown .nav__item-desc {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
    font-weight: 300;
    color: #524972
}

.navbar--main .nav__item .nav__dropdown .nav__item-icon {
    width: auto
}

.navbar--main .nav__item .nav__dropdown .nav__item-icon svg {
    width: 60px !important;
    height: 50px !important;
    margin-top: 0 !important
}

.navbar--main .nav__item .nav__dropdown .nav__item-icon>svg {
    height: 53px !important;
    width: 63px !important
}

.navbar--main .nav__item .nav__dropdown .nav__item .nav__link {
    align-items: flex-start;
    padding: 16px 24px
}

 

.navbar--main .nav__item .nav__dropdown .nav__item:hover .nav__item-title {
    color: #f67a3c
}

.navbar--main .nav__item .nav__dropdown .nav__item:nth-of-type(odd) {
    border-radius: 0 12px 12px 0
}

.navbar--main .nav__item .nav__dropdown .nav__item:nth-of-type(2n) {
    border-radius: 12px 0 0 12px
}

.navbar--main .nav__item .nav__dropdown .nav__sub {
    display: flex;
    flex-wrap: wrap;
    padding: 14px 0
}

.navbar--main .nav__item .nav__dropdown--small {
    min-width: 348px !important
}

.navbar--main .nav__item .nav__dropdown--small .nav__sub {
    flex-direction: column
}

.navbar--main .nav__item .nav__dropdown--small .nav__item {
    border-radius: 0 !important
}

.navbar--main .nav__item .nav__dropdown--features {
    left: -688px !important;
    min-width: 1064px !important;
}

.navbar--main .nav__item .nav__dropdown--features:after {
    left: unset !important;
    right: 190px !important
}

.navbar--main .nav__item .nav__dropdown--services:after {
    left: 182px
}

.navbar--main .nav__item .nav__dropdown--domains:after {
    left: 191px
}

.navbar--main .nav__item .nav__icon svg {
    width: 100%;
    height: 100%
}

.navbar--main .nav__item .nav__icon path {
    fill: #fbfbfb
}

.navbar--main .nav__item--button {
    margin-left: 16px
}

.navbar--main .nav__item--button .btn {
    border-radius: 6px !important
}

.navbar--main .nav__item--button .btn__text {
    color: #fff
}

.navbar--main .nav__item--icon .nav__link-text {
    display: none
}

.navbar--main .nav__item--icon .nav__link-icon {
    width: unset;
    height: 100%;
    display: block;
    padding: 0 16px
}

.navbar--main .nav__item--icon .nav__link-icon svg {
    height: 100%
}

.navbar--main .nav__item--icon .nav__link {
    padding: 0 !important
}

.navbar--main .nav__link-text {
    font-weight: 600;
    color: #fff
}

.navbar--main .nav__link.btn {
    height: 48px;
    font-size: 16px;
    line-height: 26px;
    max-width: 90px
}

.navbar--main .nav__link-icon svg * {
    stroke: #fff
}

.navbar--main .nav-badge {
    border-radius: 6px;
    min-width: 24px;
    min-height: 24px;
    background: #f67a3c;
    border-color: #f67a3c;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    top: -12px;
    right: -20px
}

.navbar--main .nav--main-menu>.nav__item .nav__link-text {
    transition: color .3s ease
}

.navbar--main .nav--main-menu>.nav__item .nav__icon path {
    transition: fill .3s ease
}

.navbar--main .nav--main-menu>.nav__item:hover .nav__link-text {
    color: #cec9df
}

.navbar--main .nav--main-menu>.nav__item:hover .nav__icon path {
    fill: #cec9df
}

.navbar--main .nav--main-menu>.nav__item.has-dropdown.is-open>.nav__link .nav__icon {
    opacity: .4
}

.navbar--main .nav--main-menu .nav__cart>span {
    display: block;
    height: 100%;
    padding: 0 16px
}

.navbar--main .nav--main-menu .nav__cart>span svg {
    display: block;
    height: 100%
}

.navbar--main .navbar__brand {
    padding: 16px 16px 16px 0
}

.navbar--main .navbar__brand .brand__logo {
    width: 246px
}

.navbar--main .navbar__brand .brand__logo img,
.navbar--main .navbar__brand .brand__logo svg {
    height: unset !important
}

.navbar--main .navbar__top-bar {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center
}

.navbar--main .navbar__top-bar .nav__item {
    min-height: unset;
    display: flex;
    align-items: center
}

.navbar--main .navbar__top-bar .nav__item:hover svg path {
    stroke: #cec9df
}

.navbar--main .navbar__top-bar .nav__item:hover span {
    color: #cec9df
}

.navbar--main .navbar__top-bar .nav__item span {
    font-size: 14px;
    color: #fff;
    margin-left: 8px;
    font-weight: 600;
    transition: color .3s ease
}

.navbar--main .navbar__top-bar .nav__item svg path {
    transition: stroke .3s ease
}

.navbar--main .navbar__top-bar .nav__item+.nav__item {
    margin-left: 24px
}

.navbar--main .navbar__menu {
    flex-direction: column;
    align-items: flex-end
}
li#Primary_Navbar-Login Span {
    color: #fff;
}
.navbar--main .nav--main-menu>.nav__item>.nav__link:not(.btn) {
    padding-left: 12px
}

.navbar--main .nav--main-menu>.nav__item>.nav__link .nav__icon {
    margin-right: -10px
}

.navbar--tabs .label.tooltip {
    margin-bottom: 0
}

.navbar__burger.burger:not(.is-open) span:first-of-type {
    top: calc(50% - 6px)
}

.navbar__burger.burger:not(.is-open) span:nth-of-type(3) {
    top: calc(50% + 6px)
}

.navbar__burger.burger span {
    background-color: #fff
}

.site-navbar {
    align-content: start !important
}

.site-navbar>.container {
    align-items: flex-start
}

.site-navbar .nav__item>.btn--sm {
    margin-left: 24px;
    padding: 0 16px
}

@media(min-width:1388px) {
    .site-navbar>.container .navbar__nav {
        margin-right: -8px !important;
        margin-top: 16px !important
    }
    .site-navbar>.container .navbar__brand {
        margin-left: -8px !important
    }
}

@media(min-width:1012px) and (max-width:1387px) {
    .site-navbar>.container .navbar__brand {
        margin-top: auto
    }
    .navbar--main .navbar__top-bar {
        margin-bottom: 8px
    }
}

@media(max-width:1387px) {
    .navbar--main .nav__link-text {
        color: #fff
    }
    .navbar--main .nav__link.btn {
        height: 44px;
        font-size: 15px;
        line-height: 24px;
        max-width: 88px
    }
    .navbar--main .nav__item .nav__dropdown--features {
        left: calc(100% - 512px) !important
    }
    .navbar--main .nav__item .nav__dropdown--features:after {
        right: 191px !important
    }
    .navbar--main .nav__item .nav__dropdown--services:after {
        left: 165px !important
    }
    .navbar--main .nav__item .nav__dropdown--domains:after {
        left: 172px !important
    }
    .navbar--main .nav--main-menu>.nav__item .nav__link:not(.btn) {
        padding-left: 24px
    }
    .navbar--main .nav--main-menu>.nav__item--button {
        margin-left: 10px
    }
    .navbar--main .nav--main-menu>.nav__item .btn--sm {
        margin-left: 18px
    }
    .navbar--main .nav--main-menu>.nav__item--icon .nav__link {
        padding-left: 0 !important
    }
    .navbar--main .navbar__brand .brand__logo {
        max-width: 205px
    }
    .navbar--main .navbar__brand .brand__logo svg {
        height: 38px !important;
        margin-left: -8px
    }
    .navbar--main .navbar__brand .brand__logo img {
        height: 38px !important;
        margin-left: 6px
    }
    .navbar--main .navbar__brand {
        padding: 0
    }
    .navbar--main .navbar__top-bar {
        padding: 0 24px
    }
    .navbar--main .navbar__top-bar .nav__item span {
        font-size: 13px
    }
}

@media(min-width:1012px) and (max-width:1387px) {
    .navbar--main>.container .navbar__menu {
        margin-right: 8px !important
    }
}

@media(min-width:1012px) {
    .site-navbar>.container .navbar__menu {
        margin-right: 8px !important
    }
    .site-navbar>.container .navbar__brand {
 
        margin-left: 0 !important
    }
}

@media(min-width:1012px) and (min-width:1012px) {
    .nav--main-menu .nav__dropdown {
        display: block !important;
        visibility: hidden;
        transform: translateY(10px);
        opacity: 0;
        transition: transform .3s ease, opacity .3s ease, visibility .3s ease
    }
    .nav--main-menu .nav__item.has-dropdown.is-open .nav__dropdown {
        visibility: visible;
        opacity: 1;
        transform: translateY(0)
    }
    .nav--main-menu .nav__item--button .btn {
        padding: 0 16px
    }
}

@media(min-width:752px) {
    .navbar--main .navbar__cart {
        display: none
    }
}

@media(max-width:1011px) {
    .navbar--main .navbar__brand {
        flex-grow: 1;
        margin-left: 0 !important
    }
    .navbar--main .navbar__brand .brand__logo {
        width: unset;
        max-width: 200px;
        padding-right: 0;
        padding-left: 8px
    }
    .navbar--main .navbar__brand .brand__logo svg {
        height: 41px !important;
        margin-left: -3px
    }
    .navbar--main .navbar__top-bar {
        order: 2;
        justify-content: center;
        padding: 24px 0;
        display: flex !important
    }
    .navbar--main .navbar__burger {
        margin-right: 0 !important;
        margin-left: 16px !important;
        width: 24px
    }
    .navbar--main .navbar__burger:after {
        content: unset
    }
    .navbar--main .navbar__cart {
        display: block;
        margin-top: 0;
        position: relative
    }
    .navbar--main .navbar__cart>span {
        height: 32px;
        width: 32px;
        display: block
    }
    .navbar--main .navbar__cart>span svg * {
        stroke: #fff
    }
    .navbar--main .navbar__cart .nav-badge {
        position: absolute;
        min-width: 22px;
        min-height: 22px;
        top: -10px;
        right: -10px;
        font-size: 14px;
        line-height: 18px
    }
    .navbar--main .navbar__menu {
        background: linear-gradient(90deg,#0d3c9f 0,#040d70 100%);
        max-width: unset;
        width: 100vw;
        border-radius: 0;
        padding-top: 10px;
        position: fixed;
        top: 68px;
        bottom: 0;
        justify-content: space-between
    }
    .navbar--main .nav--main-menu {
        overflow-x: hidden
    }
    .navbar--main .nav--main-menu .nav__link-text {
        flex-grow: 0
    }
    .navbar--main .nav--main-menu .nav__dropdown {
        margin-top: 0 !important
    }
    .navbar--main .nav--main-menu .nav__dropdown .nav__item {
        flex-basis: 100%
    }
    .navbar--main .nav--main-menu .nav__dropdown .nav__item-title {
        color: #2b1f51;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 26px
    }
    .navbar--main .nav--main-menu .nav__dropdown .nav__item-desc {
        font-size: 12px;
        line-height: 20px
    }
    .navbar--main .nav--main-menu .nav__dropdown .nav__item-content {
        margin-left: 16px
    }
    .navbar--main .nav--main-menu .nav__dropdown .nav__item+.nav__item .nav__link {
        padding-top: 16px !important
    }
    .navbar--main .nav--main-menu .nav__dropdown .nav__sub {
        padding: 16px 0
    }
    .navbar--main .nav--main-menu .nav__dropdown .nav__link {
        padding: 0 !important
    }
    .navbar--main .nav--main-menu .nav__sub>.nav__item {
        max-width: 752px;
        margin: 0 auto;
        padding: 0 32px
    }
    .navbar--main .nav--main-menu .nav__sub>.nav__item:hover {
        background-color: inherit
    }
    .navbar--main .nav--main-menu>.nav__item {
        display: flex;
        margin-top: 0
    }
    .navbar--main .nav--main-menu>.nav__item.has-dropdown.is-open {
        background-color: rgba(0, 0, 0, .1);
        display: block
    }
    .navbar--main .nav--main-menu>.nav__item--button {
        margin-top: 48px;
        margin-left: 0;
        display: flex;
        flex-grow: 1
    }
    .navbar--main .nav--main-menu>.nav__item--button .btn {
        margin: 0 auto;
        height: 48px;
        min-width: 280px;
        font-size: 17px;
        line-height: 28px
    }
    .navbar--main .nav--main-menu>.nav__item .btn--sm {
        height: 48px;
        min-width: 280px;
        font-size: 17px;
        line-height: 28px;
        margin: 48px auto 0
    }
    .navbar--main .nav--main-menu>.nav__item>.nav__link {
        max-width: 752px;
        margin: 0 auto;
        padding: 10px 24px 10px 32px !important
    }
    .navbar--main .nav--main-menu>.nav__item:last-of-type {
        display: none
    }
    .site-navbar>.container {
        align-items: center
    }
    .site-navbar .nav>.nav__item.has-dropdown .nav__dropdown:after {
        content: unset
    }
}

@media(max-width:751px) {
    .navbar--main .navbar__brand .brand__logo {
        padding-left: 0
    }
    .navbar--main .navbar__brand .brand__logo img,
    .navbar--main .navbar__brand .brand__logo svg {
        height: 30px !important;
        width: auto;
        margin-left: 0 !important
    }
    .navbar--main .navbar__burger {
        margin-top: 0 !important
    }
    .navbar--main .nav--main-menu>.nav__item .nav__dropdown {
        min-width: 100% !important
    }
    .navbar--main .nav--main-menu>.nav__item .nav__dropdown .nav__item-desc {
        display: none
    }
    .navbar--main .nav--main-menu>.nav__item .nav__dropdown .nav__item-content {
        margin-top: auto;
        margin-bottom: auto
    }
    .navbar--main .nav--main-menu>.nav__item .nav__dropdown .nav__sub {
        padding: 16px 0
    }
    .navbar--main .nav--main-menu>.nav__item>.nav__link {
        padding-left: 24px !important;
        max-width: 514px
    }
    .navbar--main .nav--main-menu .nav__sub>.nav__item {
        max-width: 514px;
        padding: 0 24px
    }
}

.block {
    display: flex;
    flex-wrap: nowrap
}

.service-section {
    margin-top: 35px
}

.service-section:first-child {
    margin-top: 0
}

.service-section__header {
    margin-bottom: 30px
}

.service-section__title {
    margin-bottom: 0
}

.service-section__description {
    margin-top: 8px;
    margin-bottom: 0
}

.block__sidebar .widget__content .form-group:last-child {
    margin-bottom: 0
}

.block__sidebar .widget__header h4 {
    margin-bottom: 24px;
    color: #fff
}

.inline {
    display: inline-block
}

.block:not(.block--boxed) .block__sidebar .widget {
    color: #1b1c21;
    overflow: visible;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-bottom: 8px;
    margin-bottom: 8px
}

.block:not(.block--boxed) .block__sidebar .widget:last-child {
    border-bottom: none
}

.block:not(.block--boxed) .block__sidebar .widget__body,
.block:not(.block--boxed) .block__sidebar .widget__header {
    border: none
}

.block:not(.block--boxed) .block__sidebar .widget__actions {
    border-color: transparent;
    background: 0 0;
    padding: 0 15px 15px
}

.block:not(.block--boxed) .block__sidebar .widget .form-control,
.block:not(.block--boxed) .block__sidebar .widget .selectize-input {
    border-color: #fff
}

.block:not(.block--boxed) .block__sidebar .btn--default {
    border-color: transparent;
    background: hsla(0, 0%, 100%, .3);
    color: #fff
}

.block:not(.block--boxed) .block__sidebar .btn--default:hover {
    background: hsla(0, 0%, 100%, .4)
}

.block:not(.block--boxed) .block__sidebar .btn--default:active,
.block:not(.block--boxed) .block__sidebar .btn--default:focus {
    background: hsla(0, 0%, 100%, .1)
}

.block__sidebar {
    width: 368px;
    margin-right: 32px;
    background-color: #0d3c9f
}

.block__sidebar .nav {
    margin-left: -16px
}

.block__sidebar.block__sidebar--md {
    width: 320px
}

.block__body {
    padding: 24px;
    border: 1px solid #fff;
    background: #fff;
    flex: 1
}

.block__body.block__body--no-data {
    min-height: 540px;
    display: flex;
    align-items: center
}

.block__body.block__body--no-data .msg:not(.msg--lg) .msg__description {
    font-size: 13px
}

.block__body.block__body--no-data .msg:not(.msg--lg) .msg__title {
    font-size: 18px
}

.block__body .form-section:first-of-type .form-section__title {
    padding-top: 0
}

.block__body .btn__icon {
    font-size: 14px;
    margin-right: 0;
    margin-left: -4px
}

.block__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background: #fff;
    position: fixed;
    width: 768px;
    padding: 32px;
    bottom: 0 !important;
    margin-left: -32px;
    z-index: 10;
    display: none
}

.block__summary.absolute {
    position: absolute;
    left: 0;
    width: 100%;
    margin-left: 0
}

.block__summary.fixed {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15)
}

.block__summary.fixed:before {
    content: none
}

.block__summary:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 1px;
    background: #eaeaea
}

.block__summary .h6 {
    font-size: 14px
}

.block__summary .type-3 {
    line-height: 26px
}

.block__summary #cloud-price,
.block__summary #total-price {
    display: inline-block
}

.block__content+.block__actions {
    margin-top: 24px
}

.block--sidebar-right .block__sidebar {
    margin-right: 0;
    margin-left: -1px;
    order: 2
}

.block--boxed {
    justify-content: space-between
}

.block--boxed>.block__body {
    border: none;
    border-radius: 12px;
    position: relative;
    padding: 32px 32px 120px
}

.block--boxed>.block__body .package {
    width: 100%
}

.block--boxed #show-calculator {
    display: flex
}

.block--boxed #show-calculator .btn__text {
    width: 100%;
    text-align: center;
    display: block
}

.block--boxed .block__section {
    margin-top: 40px
}

.block--boxed .block__section .h5 {
    margin-bottom: 24px
}

.block--boxed .block__sidebar {
    background-color: transparent
}

.block--boxed .block__sidebar .widget:first-child {
    border: none
}

.block--boxed .block__sidebar--sm {
    width: 150px
}

.block--boxed.block--sidebar-dobule .block__sidebar,
.block--boxed.block--sidebar-right .block__sidebar {
    margin-right: 0;
    margin-left: 24px
}

.block.block--msg .block__body {
    padding-left: 56px;
    padding-right: 56px
}

.block.block--msg .block__body>.top {
    flex-wrap: wrap;
    padding: 15px 16px
}

.block.block--msg .block__body>.top .top__title {
    width: 100%;
    overflow: visible;
    white-space: normal;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px
}

.block.block--msg .block__body>.top .top__status {
    margin-left: auto;
    margin-right: 0;
    font-weight: 500
}

.block.block--sidebar-dobule .block__sidebar.block__sidebar--left {
    margin-right: 24px;
    margin-left: 0
}

.block.block--sidebar-dobule .block__sidebar.block__sidebar--right {
    margin-right: 0;
    margin-left: 24px
}

.block.block--ticket .block__body {
    padding-left: 60px;
    padding-right: 60px
}

.block.block--ticket .top {
    flex-wrap: wrap;
    padding: 15px 16px
}

.block.block--ticket .top__title {
    width: 100%;
    overflow: visible;
    white-space: normal;
    margin-bottom: 10px
}

.block.block--ticket .top__title.p-2 {
    font-size: medium;
    line-height: normal
}

.block.block--ticket .top__status {
    margin-left: auto;
    margin-right: 0;
    font-weight: 700
}

@media(min-width:1012px) {
    .block.block--article .block__body {
        padding-right: 24px
    }
}

.block.block--services .block__body+.block__sidebar {
    margin-left: 30px
}

.block.block--auth {
    height: auto;
    width: 100%;
    margin: 16px
}

.block.block--auth .block__body {
    padding: 56px;
    border: none;
    height: 100%;
    display: flex;
    flex-flow: column wrap
}

.block.block--auth .block__body.has-actions {
    padding-bottom: 0
}

.block.block--auth .block__body.has-actions .block__content {
    margin-bottom: 48px
}

.block.block--auth .brand {
    width: 100%;
    height: auto;
    justify-content: center;
    margin-top: auto;
    margin-bottom: 48px
}

.block.block--auth .brand img {
    max-width: 160px
}

.block.block--auth .block__content {
    margin-bottom: auto
}

.block.block--auth .block__actions {
    margin-left: -56px;
    margin-right: -56px;
    margin-top: auto
}

.block.block--auth .block__actions .btn {
    min-height: 48px
}

.block.block--auth .block__actions .btn span {
    margin-right: 6px
}

.block.block--auth .form-group--inline+.btn {
    margin-top: 16px
}

.block.block--auth .form-check {
    margin-bottom: 0
}

.block.block--center {
    align-items: center;
    justify-content: center
}

.package.is-touched {
    pointer-events: none !important;
    touch-action: none !important
}

@media(max-width:1387px) {
    .block__sidebar {
        width: 270px;
        margin-right: 16px
    }
}

@media(max-width:1011px) {
    .block__sidebar {
        width: 100%
    }
}

@media(max-width:751px) {
    .block__sidebar {
        width: 100%;
        margin-right: 0
    }
}

@media(max-width:1011px) {
    .block__sidebar.block__sidebar--md {
        width: 100%
    }
}

@media(max-width:1387px) {
    .block__summary {
        width: 654px
    }
}

@media(max-width:1011px) {
    .block__summary {
        width: 684px
    }
}

@media(max-width:751px) {
    .block__summary {
        width: 100%;
        left: 0;
        margin-left: 0;
        padding: 16px
    }
    .block__summary .price .type-3 {
        margin: 0
    }
}

@media(max-width:751px) {
    .block .section__container {
        display: none
    }
    .block .section__container.is--open {
        display: block;
        padding-bottom: 60px
    }
}

@media(max-width:751px) {
    .block .block__header .content h4 {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

@media(max-width:751px) {
    .block__body.block__body--no-data {
        min-height: 0
    }
}

@media(max-width:751px) {
    .block__body {
        padding: 17px 10px;
        border: none
    }
    .block__body>.list-group {
        margin: -24px -16px
    }
    .block__body>.list-group .list-group__item {
        padding: 16px
    }
    .block__body>:not(.well)+.list-group {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media(max-width:751px) {
    .block--sidebar-right .block__sidebar {
        margin-left: 0
    }
}

.block.block--boxed .block__body {
    padding-bottom: 160px
}

@media(max-width:751px) {
    .block.block--boxed .block__body {
        padding: 24px 16px
    }
}

@media(max-width:751px) {
    .block.block--boxed .block__body.is--open {
        padding-bottom: 120px !important
    }
}

@media(min-width:1012px) {
    .block.block--boxed .block__sidebar--sm {
        min-width: 150px
    }
}

@media(min-width:1012px) {
    .block.block--boxed .block__sidebar--sm+.block__body {
        width: calc(100% - 150px)
    }
}

@media(max-width:1011px) {
    .block.block--boxed.block--sidebar-dobule .block__sidebar,
    .block.block--boxed.block--sidebar-right .block__sidebar {
        margin-left: 0
    }
}

.block.block--domains .block__body {
    padding-bottom: 32px
}

.block.block--domains .block__body .list-group .btn__icon {
    font-size: 19px;
    color: #0d3c9f
}

.block.block--domains .block__sidebar {
    width: 268px
}

.block.block--domains .list-group__item {
    padding: 6px 0;
    margin-bottom: 9px
}

.block.block--domains .list-group__item.is-unavaliable .list-group__content,
.block.block--domains .list-group__item.is-unavaliable .rail .type-5,
.block.block--domains .list-group__item.is-unavaliable .zmdi {
    opacity: .5;
    color: #404040
}

.block.block--domains .list-group__content+.list-group__addon {
    padding-left: 32px
}

.block.block--domains .list-group__content+.list-group__addon .btn {
    margin-right: 1px
}

.block.block--domains .rail {
    color: #0d3c9f
}

.block.block--domains .rail>* {
    margin-right: 32px
}

.block.block--domains .list-group .rail .btn {
    width: 127px
}

.block.block--domains .list-group .rail .btn__icon {
    color: #fff;
    margin: 0
}

@media(max-width:751px) {
    .block.block--msg .block__body {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:752px) {
    .block.block--msg .block__body>.top {
        display: none
    }
}

@media(max-width:1011px) {
    .block.block--msg .block__sidebar {
        padding-left: 56px;
        padding-right: 56px
    }
}

@media(max-width:1011px) {
    .block.block--sidebar-dobule .block__sidebar.block__sidebar--right {
        margin-left: 0;
        margin-top: 30px
    }
}

@media(max-width:751px) {
    .block.block--ticket .block__body {
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width:1011px) {
    .block.block--ticket .block__sidebar {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media(min-width:752px) {
    .block.block--ticket .top {
        display: none
    }
}

@media(max-width:1011px) {
    .block.block--services .block__body+.block__sidebar {
        margin-left: 0;
        margin-top: 30px
    }
}

@media(max-width:1011px) {
    .block.block--domains .block__sidebar {
        width: 100%
    }
}

@media(max-width:751px) {
    .block.block--domains .block__body {
        padding-bottom: 24px
    }
}

@media(max-width:751px) {
    .block.block--services .block__body+.block__sidebar {
        margin-left: 0
    }
}

@media(max-width:1011px) {
    .block {
        flex-direction: column
    }
}

@media(max-width:751px) {
    .block.block--auth .block__body.has-actions .block__content {
        margin-bottom: 32px
    }
}

@media(max-width:751px) {
    .block.block--auth .block__body {
        padding: 32px 56px
    }
    .block.block--auth .block__actions {
        align-self: stretch
    }
}

@media(max-width:513px) {
    .block.block--auth .block__body {
        align-items: stretch;
        padding: 32px 24px
    }
    .block.block--auth .block__actions {
        margin-left: -24px;
        margin-right: -24px
    }
    .block.block--auth .brand {
        margin-bottom: 32px
    }
    .block.block--auth .form-group--inline+.btn {
        margin-top: 8px
    }
}

@media(max-width:751px) {
    .block.block--domains .list-group__item {
        flex-direction: column
    }
    .block.block--domains .list-group__item .list-group__addon:first-child {
        display: none
    }
    .block.block--domains .list-group__content {
        width: 100%
    }
    .block.block--domains .list-group__addon.rail {
        justify-content: space-between;
        width: 100%;
        padding-left: 0
    }
}

.rs-overlay,
.rs-overlay1,
.rs-overlay2 {
    position: absolute;
    background-color: #fff;
    z-index: 3;
    top: 0;
    height: 50%
}

.rs-control {
    position: relative;
    outline: 0;
    margin: 0 auto
}

.rs-control .rs-overlay1,
.rs-control .rs-overlay2 {
    transform-origin: 50% 100%
}

.rs-control .rs-overlay {
    transform-origin: 100% 100%
}

.rs-control.rs-error {
    border: 1px dotted;
    text-align: center
}

.rs-control .rs-split .rs-path {
    transform-origin: 50% 100%
}

.rs-container {
    position: relative
}

.rs-bar {
    transform-origin: 100% 50%;
    position: absolute;
    height: 0;
    z-index: 10
}

.rs-bar.rs-rounded {
    z-index: 5
}

.rs-bar .rs-seperator {
    height: 0;
    display: none;
    float: left
}

.rs-bar.rs-start .rs-seperator {
    border-top: none
}

.rs-bar.rs-start.rs-rounded .rs-seperator {
    border-radius: 0 0 1000px 1000px
}

.rs-bar.rs-end .rs-seperator {
    border-bottom: none
}

.rs-bar.rs-end.rs-rounded .rs-seperator {
    border-radius: 1000px 1000px 0 0
}

.rs-bar:not(.rs-rounded) .rs-seperator {
    border-left: none;
    border-right: none
}

.rs-readonly {
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    z-index: 100
}

.rs-readonly .rs-handle.rs-move {
    cursor: default
}

.rs-readonly .rs-tooltip.edit:hover {
    border-color: transparent;
    cursor: default
}

.rs-disabled {
    opacity: .35
}

.rs-inner-container {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}

.quarter .rs-bar {
    width: 100%
}

.quarter div.rs-block {
    height: 200%;
    width: 200%
}

.quarter.right .rs-bar {
    right: 100%
}

.half.bottom div.rs-block,
.half.top div.rs-block {
    height: 200%;
    width: 100%
}

.half.left .rs-bar {
    width: 100%;
    top: 50%
}

.half.left .rs-tooltip {
    top: 50%
}

.half.left div.rs-block {
    height: 100%;
    width: 200%
}

.half.right .rs-bar {
    width: 100%;
    top: 50%;
    right: 100%
}

.half.right .rs-tooltip {
    top: 50%
}

.half.right div.rs-block {
    height: 100%;
    width: 200%
}

.half .rs-bar {
    width: 50%
}

.bottom .rs-bar,
.bottom .rs-tooltip {
    top: 0
}

.bottom>.rs-inner-container>.rs-block {
    top: auto;
    bottom: 0
}

.right .rs-tooltip {
    left: 0
}

.right .rs-inner-container>.rs-block {
    right: 0
}

.rs-block {
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 6
}

.rs-block,
.rs-block .rs-inner {
    height: 100%;
    width: 100%;
    display: block
}

.rs-block .rs-inner {
    border-radius: 1000px;
    position: relative
}

.rs-overlay {
    width: 50%
}

.rs-overlay1,
.rs-overlay2 {
    width: 100%
}

.full .rs-bar {
    width: 50%;
    top: 50%
}

.full .rs-tooltip {
    top: 50%;
    left: 50%
}

.rs-handle {
    border-radius: 100px;
    outline: 0;
    float: left;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25)
}

.rs-handle.rs-move {
    cursor: move
}

.rs-handle.rs-handle-square {
    border-radius: 0
}

.rs-path {
    display: block;
    height: 100%;
    width: 100%;
    border: 1px solid #ededed
}

.rs-tooltip .rs-input {
    outline: 0;
    border: none;
    background: 0 0;
    padding: 5px 8px
}

.rs-tooltip.edit {
    padding: 5px 8px
}

.rs-tooltip.edit:hover,
.rs-tooltip.hover {
    border: 1px solid #aaa;
    cursor: pointer
}

.rs-tooltip-text {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    position: absolute;
    bottom: -35px;
    z-index: 10;
    left: 0;
    right: 0
}

.rs-handle-dot {
    border: 1px solid #aaa;
    padding: 6px;
    background-color: #fff
}

.rs-handle-dot:after {
    display: block;
    content: "";
    border: 1px solid #aaa;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    background-color: #838383
}

.rs-border,
.rs-seperator {
    border: none
}

.rs-path-color {
    background-color: #ededed
}

.rs-range-color {
    background-color: #cd1c35
}

.rs-bg-color {
    background-color: #fff
}

.rs-animation .rs-transition {
    transition: all .5s linear 0s
}

div.rs-block {
    border-radius: 100%
}

.rs-split .rs-path {
    border-radius: 1000px 1000px 0 0;
    overflow: hidden;
    height: 50%;
    position: absolute;
    top: 0;
    z-index: 0
}

.g-c {
    width: 424px;
    height: 424px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(59, 165, 255, .1)
}

.g-c img {
    max-height: 100%;
    max-width: 100%
}

.g-c--sm {
    width: 214px;
    height: 214px
}

.banner .g-c,
.section--dark .g-c {
    background: hsla(0, 0%, 100%, .15)
}

@media(max-width:1011px) {
    .g-c {
        width: 304px;
        height: 304px
    }
}

@media(max-width:751px) {
    .g-c {
        height: 224px;
        width: 224px
    }
}

.site-banner {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-height: 750px
}

.site-banner.has-nav {
    padding-bottom: 72px
}

.site-banner+.section {
    z-index: 6
}

.site-banner>.container {
    position: relative;
    z-index: 3
}

.site-banner .rail {
    margin-top: 40px
}

.site-banner .rail .rail__content div:last-child {
    opacity: .7
}

.site-banner .pricing__title {
    color: #fff
}

.banner__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: auto
}

.banner__content>.banner__desc,
.banner__content>.banner__title {
    max-width: 584px;
    width: 100%
}

.banner__content+.banner__graphic {
    justify-content: flex-end
}

.banner__content>:last-child {
    margin-bottom: 0
}

.banner__content-review a {
    color: #fff
}

.banner--m-w-xlg .banner__content>.banner__desc,
.banner--m-w-xlg .banner__content>.banner__title {
    max-width: 1012px
}

.banner--m-w-lg .banner__content>.banner__desc,
.banner--m-w-lg .banner__content>.banner__title {
    max-width: 894px
}

.banner--m-w-sm .banner__content>.banner__desc,
.banner--m-w-sm .banner__content>.banner__title {
    max-width: 480px
}

.banner--m-w-xs .banner__content>.banner__desc,
.banner--m-w-xs .banner__content>.banner__title {
    max-width: 360px
}

.banner__subtitle {
    color: #0d3c9f;
    margin-bottom: 0
}

.banner__title {
    margin-bottom: 0;
    color: #1b1c21
}

.banner__title span {
    display: block;
    font-weight: 200
}

.banner__desc {
    margin-bottom: 0;
    color: #2b1f51
}

.banner__desc>a {
    color: #fff;
    font-weight: 600;
    text-decoration: none
}

.banner__graphic {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%
}

.banner__illustration {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.banner__actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.banner__nav {
    width: 100%;
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.banner__nav .nav__link {
    padding: 24px
}

.banner__nav .nav--tabs .nav__item.is-active .nav__link,
.banner__nav .nav__link-text {
    color: #fff
}

.banner__nav .nav--tabs .nav__item.is-active:after {
    position: absolute;
    top: 0;
    display: block;
    content: "";
    height: 2px;
    background: #fff
}

.banner__nav .ls-swiper {
    margin-left: -24px
}

.banner__nav .nav:after {
    display: none
}

.banner__features--right {
    margin-left: 48px
}

.banner.overlap {
    margin-bottom: -85px;
    padding-bottom: 60px
}

.banner.overlap+* {
    padding-top: 0
}

.banner.overlap+.section .row--features,
.banner.overlap+.section .row--features .feature {
    margin-top: 0
}

.banner.has-nav {
    padding-bottom: 72px
}

.banner--sm .banner__content {
    min-height: 480px
}

.banner--center>.container {
    display: flex
}

.banner--center .banner__content {
    align-items: center;
    text-align: center;
    margin: auto
}

.banner--center .banner__nav .nav--tabs {
    justify-content: center
}

.banner--features .banner__content {
    flex-direction: row
}

.banner--sides>.container {
    display: flex
}

.banner--sides .banner__content {
    position: relative;
    align-items: flex-start;
    text-align: left;
    max-width: 610px;
    margin: 0
}
.section.dom {
    padding-top: 0px;
    padding-bottom: 30px;
}
.banner--sides .banner__content+.banner__content {
    max-width: 662px
}

.btn__text {
    color: #fff;
}
.section--migrate-website {
    padding-bottom: 46;
}
.banner--sides .banner__background {
    width: 100%;
    height: 541px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 482px;
    display: flex;
    justify-content: center;
    z-index: 0
}

.banner--sides .banner__background--right {
    transform: none;
    width: auto;
    position: absolute;
    top: 0;
    right: 260px
}

.banner--sides .banner__background--right.banner__background--human {
    right: 0;
    width: auto
}

.banner--sides .banner__background--right .illustration-banner {
    position: relative;
    width: 758px;
    height: 570px;
    top: -20px
}

.banner--sides .banner__background--right .illustration-banner--sm {
    width: 602px;
    height: 518px;
    top: 0;
    left: -30px;
    top: -40px
}

.banner--sides .banner__background--right .illustration-banner .illustration-banner__illustration-part {
    opacity: 0
}

.banner--sides .banner__background--right .illustration-banner .illustration-banner__illustration-part--shadow {
    -webkit-filter: drop-shadow(0 24px 64px rgba(0, 0, 0, .08));
    filter: drop-shadow(0 24px 64px rgba(0, 0, 0, .08))
}

.banner--sides .banner__background--right .illustration-banner--domain-reseller .illustration-banner__illustration-part--1,
.banner--sides .banner__background--right .illustration-banner--domain-reseller .illustration-banner__illustration-part--2,
.banner--sides .banner__background--right .illustration-banner--domain-reseller .illustration-banner__illustration-part--3 {
    position: absolute
}

.banner--sides .banner__background--right .illustration-banner--domain-reseller .illustration-banner__illustration-part--1 {
    left: 76.23px;
    top: 0
}

.banner--sides .banner__background--right .illustration-banner--domain-reseller .illustration-banner__illustration-part--2 {
    top: 116px;
    right: -21px
}

.banner--sides .banner__background--right .illustration-banner--domain-reseller .illustration-banner__illustration-part--3 {
    bottom: 9px;
    left: 22px
}

.banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--1,
.banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--2,
.banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--3,
.banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--4,
.banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--5 {
    position: absolute
}

.banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--1 {
    left: 16.23px;
    top: 0
}

.banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--2 {
    right: 239.5px;
    top: 131px
}

.banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--3 {
    left: 84px;
    top: 170px
}

.banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--4 {
    left: 535px;
    top: 364.88px
}

.banner--sides .banner__background--right .illustration-banner--homepage .illustration-banner__illustration-part--5 {
    left: 538px;
    top: 80.2px
}

.banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--1,
.banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--2,
.banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--3,
.banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--4 {
    position: absolute
}

.banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--1 {
    left: 2px;
    top: 0
}

.banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--2 {
    left: 513.54px;
    top: 364.88px
}

.banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--3 {
    left: 86.32px;
    top: 56.07px
}

.banner--sides .banner__background--right .illustration-banner--website-builder .illustration-banner__illustration-part--4 {
    left: 536.52px;
    top: 80.2px
}

.banner--sides .banner__background--right .illustration-banner--cloud-vps .illustration-banner__illustration-part--1,
.banner--sides .banner__background--right .illustration-banner--cloud-vps .illustration-banner__illustration-part--2,
.banner--sides .banner__background--right .illustration-banner--cloud-vps .illustration-banner__illustration-part--3 {
    position: absolute
}

.banner--sides .banner__background--right .illustration-banner--cloud-vps .illustration-banner__illustration-part--1 {
    left: 57.74px;
    top: 0
}

.banner--sides .banner__background--right .illustration-banner--cloud-vps .illustration-banner__illustration-part--2 {
    left: 0;
    top: 272px
}

.banner--sides .banner__background--right .illustration-banner--cloud-vps .illustration-banner__illustration-part--3 {
    left: 435px;
    top: 91.34px
}

.banner--sides .banner__background--right .illustration-banner--wordpress-hosting .illustration-banner__illustration-part--1,
.banner--sides .banner__background--right .illustration-banner--wordpress-hosting .illustration-banner__illustration-part--2,
.banner--sides .banner__background--right .illustration-banner--wordpress-hosting .illustration-banner__illustration-part--3 {
    position: absolute
}

.banner--sides .banner__background--right .illustration-banner--wordpress-hosting .illustration-banner__illustration-part--1 {
    left: 18.94%;
    right: 9.63%;
    top: 5.79%;
    bottom: 7.53%
}

.banner--sides .banner__background--right .illustration-banner--wordpress-hosting .illustration-banner__illustration-part--2 {
    right: 381.94px;
    top: 207px
}

.banner--sides .banner__background--right .illustration-banner--wordpress-hosting .illustration-banner__illustration-part--3 {
    left: 72.27%;
    right: -.01%;
    top: 19.37%;
    bottom: 47.26%
}

.banner--sides .banner__background--right .illustration-banner--webhosting {
    position: relative
}

.banner--sides .banner__background--right .illustration-banner--webhosting .illustration-banner__illustration-part--1,
.banner--sides .banner__background--right .illustration-banner--webhosting .illustration-banner__illustration-part--2,
.banner--sides .banner__background--right .illustration-banner--webhosting .illustration-banner__illustration-part--3 {
    position: absolute
}

.banner--sides .banner__background--right .illustration-banner--webhosting .illustration-banner__illustration-part--1 {
    left: 114px;
    top: 30px
}

.banner--sides .banner__background--right .illustration-banner--webhosting .illustration-banner__illustration-part--2 {
    right: 474px;
    top: 170.67px
}

.banner--sides .banner__background--right .illustration-banner--webhosting .illustration-banner__illustration-part--3 {
    left: 435px;
    top: 100.34px
}

.banner--sides .banner__background--right .illustration-banner--reseller-hosting .illustration-banner__illustration-part--1,
.banner--sides .banner__background--right .illustration-banner--reseller-hosting .illustration-banner__illustration-part--2 {
    position: absolute
}

.banner--sides .banner__background--right .illustration-banner--reseller-hosting .illustration-banner__illustration-part--1 {
    left: 19.1%;
    right: 9.63%;
    top: 5.79%;
    bottom: .21%
}

.banner--sides .banner__background--right .illustration-banner--reseller-hosting .illustration-banner__illustration-part--2 {
    left: -.83%;
    right: 65.12%;
    top: 37.45%;
    bottom: 8.49%
}

.banner--error .banner__title {
    font-size: 280px;
    line-height: 260px;
    font-weight: 600
}

.banner--legal {
    min-height: unset
}

.banner--legal+.section.section--legal {
    padding-top: 0
}

.banner--full-h {
    padding: 0 !important;
    min-height: 100vh !important;
    min-height: -webkit-fill-available;
    align-items: center
}

.banner--404-page {
    padding-top: 0 !important;
    margin-top: -50px
}

.banner--404-page__content {
    margin-top: 32px
}

.banner-footer--no-banner {
    min-height: 216px
}
 
.illustration-banner--webhosting {
    padding-top: 48px;
}

.banner--reseller .banner__content {
    min-height: 0px
}

.section--packages {
    padding-top: 0;
}

 
.banner {
    min-height: unset;
      padding-top: 112px;
   background: linear-gradient(90deg,#0d3c9f 0,#040d70 100%);
      margin-top: -94px;
}

.banner__content {
  padding-top: 100px ;
    padding-bottom: 0;
}

.banner__title+.banner__desc {
    margin-top: 32px
}

.banner__actions {
    margin: 32px -12px -24px
}

.banner__actions>* {
    margin-bottom: 24px
}

.banner__actions .btn {
    margin: 0 12px 24px
}

.banner--sides .banner__content+.banner__content,
.banner--sides .banner__content+.banner__graphic {
    padding-left: 48px
}

@media(min-width:1012px) {
    .banner-location:not(.banner--location-illustration) .banner__content {
        padding-top: 0
    }
    .banner-location .banner__content {
        min-height: 780px
    }
    .banner-location:not(.banner--location-illustration) .banner__background {
        top: 390px
    }
}

@media(min-height:1011px) {
    .banner--sides .banner__content {
        min-height: 840px
    }
    .banner--404-page .banner__content {
        min-height: auto
    }
}

@media(max-width:1387px) {
    .banner--reseller .banner__content {
        min-height: 570px
    }
}

@media(max-width:1011px) {
    .banner--reseller .banner__content {
        min-height: 692px
    }
}

@media(max-width:752px) {
    .banner--reseller .banner__content {
        min-height: 704px
    }
}

@media(max-width:1387px) {
    .banner {
        padding-top: 94px
    }
    .banner__content {
        padding-top: 80px;
        padding-bottom: 120px
    }
    .banner__title+.banner__desc {
        margin-top: 32px
    }
    .banner__actions {
        margin: 32px -12px -24px
    }
    .banner__actions>* {
        margin-bottom: 24px
    }
    .banner__actions .btn {
        margin: 0 12px 24px
    }
    .banner--sides .banner__background {
        top: 444px
    }
    .banner--sides .banner__background .banner__background--right {
        right: -265px
    }
    .banner--sides .banner__background .banner__background--right .illustration-banner--sm {
        left: -80px
    }
    .banner--sides .banner__content+.banner__content,
    .banner--sides .banner__content+.banner__graphic {
        padding-left: 48px
    }
}

@media(min-width:752px) {
    .banner-location:not(.banner--location-illustration) .banner__background {
        top: 344px
    }
}

@media(max-width:1011px) {
    .banner {
        padding-top: 70px
    }
    .banner__content {
        padding-top: 64px;
        padding-bottom: 0
    }
    .banner__title+.banner__desc {
        margin-top: 28px
    }
    .banner__actions {
        margin: 32px -12px -24px
    }
    .banner__actions>* {
        margin-bottom: 24px
    }
    .banner__actions .btn {
        margin: 0 8px 16px
    }
    .banner--sides .banner__content+.banner__content,
    .banner--sides .banner__content+.banner__graphic {
        padding-left: 40px;
        padding-top: 64px;
        margin-top: 0
    }
    .banner--404-page {
        min-height: 255px !important
    }
    .banner--reseller .banner__content {
        min-height: 704px;
        min-height: 692px
    }
}

@media(max-width:751px) {
    .banner__content {
        padding-top: 64px;
        padding-bottom: 0
    }
    .banner__title+.banner__desc {
        margin-top: 28px
    }
    .banner__actions {
        margin: 32px -12px -24px
    }
    .banner__actions>* {
        margin-bottom: 24px
    }
    .banner__actions .btn {
        margin: 0 8px 16px
    }
    .banner--sides .banner__content+.banner__content,
    .banner--sides .banner__content+.banner__graphic {
        padding-left: 40px;
        padding-top: 64px;
        margin-top: 0
    }
}

@media(max-width:1011px) {
    .banner--sides .container {
        flex-direction: column
    }
}

@media(max-width:751px) {
    .banner--sides .banner__content {
        margin: auto;
        align-items: center
    }
    .banner--sides .banner__content>* {
        align-items: center;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

@media(-ms-high-contrast:none) and (max-width:751px),
screen and (-ms-high-contrast:active) and (max-width:751px) {
    .banner .container {
        flex: 1 0 0%
    }
}

 

.banner.overlap {
    margin-bottom: -316px;
    padding-bottom: 105px
}

.banner.overlap-lg {
   margin-bottom: -426px;
    padding-bottom: 494px;
}

.banner.overlap-lg+.section .nav--tabs .nav__item .nav__link {
    color: #fff
}

.banner.overlap-lg+.section .nav--tabs .nav__item.is-active .nav__link,
.banner.overlap-lg+.section .nav--tabs .nav__item .nav__link:hover {
    color: #f67a3c
}

.banner.overlap-xl {
    margin-bottom: -349px;
    padding-bottom: 120px
}

.banner.overlap-xl .banner__actions .btn:last-of-type {
    margin-bottom: 0
}

.banner.overlap-xl+.section .nav--tabs .nav__item .nav__link {
    color: #fff
}

.banner.overlap-xl+.section .nav--tabs .nav__item.is-active .nav__link,
.banner.overlap-xl+.section .nav--tabs .nav__item .nav__link:hover {
    color: #f67a3c
}

.banner--sides .banner__title {
    max-width: unset
}

.banner--sides .banner__desc {
    color: #fff
}

.banner--sides .banner__desc strong {
    font-weight: 600
}

.banner--sides .banner__actions {
    justify-content: unset;
    margin-top: 40px
}

.banner--sides .banner__actions-btn {
    margin-right: 12px
}

.banner--sides .banner__actions-btn .btn {
    margin-bottom: 16px
}

.banner--sides .banner__actions .money-back {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    margin-left: 12px
}

.banner--sides .banner__actions .money-back strong {
    font-weight: 600
}

 
.banner--sides.overlap-xl .banner__background--right {
    top: 0;
    right: 312px
}

.banner__desc,
.banner__title {
    color: #fff
}

.banner__desc b {
    font-weight: 600
}

 
.banner--about+.section .swiper-features {
    padding-left: 0
}

.banner--about+.section .swiper-features .swiper-slide {
    margin-right: 24px !important;
    width: 18%;
    min-width: 220px
}

.banner--about+.section .swiper-features .swiper-slide:last-of-type {
    margin-right: 0
}

.banner--about+.section .swiper-features .feature {
    border-radius: 12px;
    padding: 32px;
    height: auto;
    align-items: flex-start
}

.banner--about+.section .swiper-features .feature__icon {
    justify-content: flex-start
}

.banner--about+.section .swiper-features .feature__desc,
.banner--about+.section .swiper-features .feature__title {
    margin-top: 8px
}

.banner--about+.section .swiper-features .feature__body {
    padding: 0
}

.banner__content-review h5,
.banner__content-review p {
    color: #fff;
    margin: 0
}

.banner__content-review>p {
    padding-left: 80px;
    position: relative
}

.banner__content-review>p svg {
    position: absolute;
    top: 0;
    left: 0
}

.banner__content-review div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-left: 88px;
    margin-top: 37px
}

.banner__content-review div img {
    position: absolute;
    left: 0;
    height: 65px;
    width: 65px;
    border-radius: 50%
}

.banner__content-review div p {
    font-size: 14px;
    line-height: 20px
}

.banner--support .banner__actions .btn {
    min-width: 286px
}

.banner--domains.has-shapes .banner__shape--bottom {
    bottom: -55px
}

.banner--locations .banner__shape.banner__shape--bottom {
    bottom: -60px
}

.banner--center .banner__desc strong {
    font-weight: 600
}

.banner-location .banner__background--right {
    display: flex;
    min-height: 420px
}

.banner-location .banner__background--right img {
    width: 662px
}

.banner--search {
    margin: 48px auto 0;
    width: 100%;
    background-color: #fff;
    border-radius: 8px
}

.banner--search .form-group {
    margin-bottom: 0
}
 

.banner--search .input-group {
    height: 76px;
    position: relative;
    border-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 0 8px !important;
    border: none
}

.banner--search .input-group--radius {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.banner--search .input-group-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px
}

.banner--search .input-group-icon svg {
    vertical-align: middle;
    margin-top: -8px
}

.banner--search .input-group .form-control {
    padding-left: 56px
}

.banner--search .input-group .btn {
    min-width: 187px
}

.banner--search .input-group--actions {
    display: flex;
    justify-content: space-between;
    position: relative
}

.banner--search .input-group--actions:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #e6e7eb;
    height: 1px
}

.banner--search .input-group--actions>div {
    display: flex
}

.banner--search .input-group--actions .actions-switch {
    display: flex !important;
    align-items: center;
    padding: 0 16px;
    position: relative
}

.banner--search .input-group--actions .actions-switch:after {
    content: "";
    position: absolute;
    right: 0;
    height: 28px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    background-color: #e6e7eb
}

.banner--search .input-group--actions .actions-switch span {
    color: #524972;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300
}

.banner--search .input-group--actions .actions-switch label {
    margin: 0 0 0 8px;
    width: 52px;
    height: 24px;
}

.banner--search .input-group--actions .actions-switch label .switch__container {
    line-height: 1;
    background-color: #e6e7eb
}

.banner--search .input-group--actions .actions-switch label .switch__container:after {
    color: #fff !important;
}
#showPremiumDomains label .switch__container:after {
    color: #536080 !important;
}

.banner--search .input-group--actions .actions-switch label .switch__checkbox+.switch__container:after {
    font-size: 11px
}

.banner--search .input-group--actions .actions-switch label .switch__checkbox+.switch__container .switch__handle {
    right: 30px
}

.banner--search .input-group--actions .actions-switch label .switch__handle {
    position: absolute;
    top: 2px;
    z-index: 2;
    display: block;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 12px;
    transition: all ease 0.3s;
}

.banner--search .input-group--actions .actions-switch#showPremiumDomains .fa-toggle-off:not(.fa-toggle-on)+.switch__container,
.banner--search .input-group--actions .actions-switch#showTakenDomains .fa-toggle-off:not(.fa-toggle-on)+.switch__container {
    background-color: #0d3c9f
}

.banner--search .input-group--actions .actions-switch#showPremiumDomains .fa-toggle-off:not(.fa-toggle-on)+.switch__container .switch__handle,
.banner--search .input-group--actions .actions-switch#showTakenDomains .fa-toggle-off:not(.fa-toggle-on)+.switch__container .switch__handle {
    right: 2px
}

.banner--search .input-group--actions .actions-switch .switch__wrapper {
    margin-left: 16px;
    display: flex;
    align-items: center
}

.banner--search .input-group--actions .actions-switch .switch__wrapper>*+* {
    margin-left: 6px
}

.banner--search .input-group--actions .actions-switch .switch__label {
    font-size: 12px;
    line-height: 22px;
    color: #938f9f
}

.banner--search .input-group--actions .btn--link {
    color: #524972;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    padding: 0 16px
}

.banner--search .input-group--actions .btn--link .btn__icon {
    font-size: 14px;
    display: flex
}

.banner--search .input-group.is-focus {
    border: none
}

.banner--search+p {
    color: #fff;
    margin-top: 32px
}

.banner--search+p a {
    position: relative;
    text-decoration: none;
    margin-left: 8px;
    font-weight: 600
}

.banner--search+p a:after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f67a3c
}

.banner--search .actions-right .btn__icon {
    margin-right: -8px
}

.banner--search .is-loading:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: .6;
    border-radius: 8px;
    z-index: 10
}

.banner--search .is-loading .preloader-container--search {
    min-height: unset;
    position: absolute;
    height: 100%;
    z-index: 11
}

.banner--search .is-loading .preloader-container--search .preloader {
    border-radius: 8px
}

 

@media(min-width:1388px) {
    .banner--sides .banner__background {
        width: 1920px
    }
    .banner--about+.section .swiper-features .swiper-wrapper {
        transform: none !important
    }
}

@media(max-width:1387px) {
    .banner--sides .banner__background {
        width: 1012px
    }
    .banner--sides .banner__background--right {
        right: -240px
    }
}

@media(min-width:1012px) and (max-width:1388px) {
    .banner--sides+.section {
        margin-top: 32px
    }
    .banner--sides .banner__background {
        width: 1012px
    }
    .banner--sides .banner__background--right {
        right: -240px
    }
}

@media(min-width:1012px) and (max-width:1387px) {
    .banner--sides .banner__actions>* {
        margin-bottom: 0
    }
    .banner--sides .banner__content {
        padding-bottom: 140px
    }
    .banner--sides.has-shapes .banner__shape {
        height: 500px;
        bottom: -264px;
        transform: rotate(-2.8deg)
    }
    .banner--sides.has-shapes>.container {
        padding-bottom: 140px
    }
}

@media(max-width:1387px) {
    .banner--sides .banner__content {
        max-width: 556px
    }
    .banner--sides .banner__content .banner__actions {
        margin-top: 32px
    }
    .banner--sides .banner__content .banner__actions .money-back {
        font-size: 13px;
        line-height: 22px;
        text-align: center;
        margin-left: 0
    }
    .banner--sides .banner__content .banner__actions-btn .btn {
        margin-bottom: 8px
    }
    .banner--sides .banner__background--right {
        right: -140px
    }
    .banner.banner--sides.overlap-xl .banner__content {
        padding-bottom: 180px
    }
    .banner.banner--sides.overlap-xl .banner__background--right {
        right: -40px
    }
    .banner--about+.section .feature__body {
        text-align: left
    }
    .banner--about+.section .feature__desc {
        padding: 0
    }
    .banner.overlap-xl .banner__content,
    .banner.overlap .banner__content {
        padding-bottom: 320px
    }
    .banner.overlap-lg {
        margin-bottom: -349px;
        padding-bottom: 80px
    }
    .banner--center.has-shapes .banner__content {
        margin: 0;
        justify-content: flex-start;
        padding-bottom: 320px
    }
    .banner--center.has-shapes .overlap-xl .banner__content,
    .banner--center.has-shapes .overlap .banner__content {
        margin: auto;
        justify-content: center
    }
}

@media(min-width:752px) and (max-width:1011px) {
    .banner--sides .banner__content+.banner__content {
        margin-bottom: 140px
    }
    .banner--support .banner__content+.banner__content {
        padding-bottom: 220px
    }
    .site-banner>.container {
        padding-bottom: 80px
    }
}

@media(max-width:1011px) {
    .banner {
        padding-top: 88px
    }
    .banner--sides .banner__content+.banner__content {
        padding-left: 0
    }
    .banner--sides .banner__content {
        max-width: unset;
        min-height: unset;
        align-items: center
    }
    .banner--sides .banner__content .banner__actions .money-back {
        font-size: 12px;
        line-height: 20px
    }
    .banner--sides .banner__title {
        text-align: center;
        max-width: unset
    }
    .banner--sides .banner__background {
        display: none
    }
    .banner--sides .banner__desc {
        text-align: center;
        max-width: unset
    }
    .banner--sides .banner__actions .pricing__price {
        justify-content: center
    }
    .banner.has-shapes .banner__shape-background {
        bottom: -120px
    }
    .banner.has-shapes .banner__shape-background .banner__shape {
        bottom: -88px;
        transform: rotate(-3.6deg)
    }
    .banner.has-shapes.overlap-xl .banner__content,
    .banner.has-shapes.overlap .banner__content {
        padding-bottom: 320px
    }
    .banner.has-shapes.overlap-xl .banner__shape-background,
    .banner.has-shapes.overlap .banner__shape-background {
        bottom: 0
    }
    .banner.has-shapes.overlap-lg {
        margin-bottom: -319px;
        padding-bottom: 22px
    }
    .banner.has-shapes.overlap-lg .banner__content {
        padding-bottom: 250px
    }
    .banner--center.has-shapes .banner__content {
        margin: 32px 0 0;
        padding-bottom: 0
    }
    .banner__content {
        padding-top: 0
    }
    .banner--search .input-group--actions .actions-switch {
        padding: 0 8px
    }
    .site-banner {
        padding-bottom: 140px
    }
    .site-banner>.container {
        padding-bottom: 0
    }
    .site-banner.overlap-lg+.section {
        padding-top: 40px
    }
}

@media(max-width:751px) {
    .banner--sides .banner__actions {
        flex-direction: column-reverse
    }
    .banner--sides .banner__actions .pricing {
        margin-bottom: 16px
    }
    .banner--sides .banner__actions .pricing__save {
        font-size: 14px;
        line-height: 22px
    }
    .banner--sides .banner__actions .pricing__price {
        margin-bottom: 0
    }
    .banner--sides .banner__actions-btn {
        margin: 0
    }
    .banner--sides.has-shapes {
        padding-bottom: 140px
    }
    .banner--sides.has-shapes .banner__shape-background .banner__shape {
        transform: rotate(-5.6deg)
    }
    .banner--support .banner__content+.banner__content {
        padding: 32px 0 0
    }
    .banner--support .banner__content-review {
        text-align: left
    }
    .banner--support .banner__content-review>p {
        padding-left: 48px
    }
    .banner--support .banner__content-review>p svg {
        height: 29px;
        width: 38px
    }
    .banner--support .banner__content-review div {
        align-items: flex-start
    }
    .banner--center.has-shapes .banner__content {
        margin: 0;
        padding-bottom: 0
    }
    .banner--center.has-shapes .banner__shape-background {
        bottom: -140px
    }
    .banner--center.has-shapes.overlap-xl .banner__content,
    .banner--center.has-shapes.overlap .banner__content {
        padding-bottom: 320px
    }
    .banner--center.has-shapes.overlap-xl .banner__shape-background,
    .banner--center.has-shapes.overlap .banner__shape-background {
        bottom: 0
    }
    .banner--center.banner--domains {
        min-height: 690px
    }
    .banner.has-shapes.overlap-lg {
        margin-bottom: -295px
    }
    .banner.has-shapes.overlap-lg .banner__content {
        padding-bottom: 240px
    }
    .banner.overlap-xl.has-shapes.banner--sides .banner__content {
        padding-bottom: 180px
    }
    .banner--search .input-group--actions {
        flex-direction: column;
        align-items: center;
        margin-bottom: 4px !important
    }
    .banner--search .input-group--actions>div {
        flex-direction: column
    }
    .banner--search .input-group--actions .actions-switch {
        justify-content: space-between;
        margin: 4px 0;
        padding-right: 8px
    }
    .banner--search .input-group--actions .actions-switch:after {
        display: none
    }
    .banner--search .input-group--actions .btn.btn--xs {
        position: relative;
        top: unset;
        transform: none;
        justify-content: flex-start;
        padding-left: 8px;
        height: unset
    }
    .banner--search .collapse span {
        text-align: left
    }
}

@media(max-width:513px) {
    .banner--search .input-group {
        height: auto;
        flex-direction: column
    }
    .banner--search .input-group-icon {
        top: 16px;
        transform: none
    }
    .banner--search .input-group .form-control {
        height: 56px;
        padding-left: 56px
    }
    .banner--search .input-group .btn {
        width: 100%;
        margin-bottom: 16px
    }
    .banner--search .input-group .tab-content {
        width: 100%
    }
    .banner--search .collapse .col-md-2 {
        margin-bottom: 8px;
        padding-left: 8px;
        text-align: left
    }
    .banner--search .collapse span.help-status {
        display: inline
    }
}

 
.overlap {
    margin-bottom: -100px;
    padding-bottom: 0
}

.overlap+* {
    padding-top: 180px
}

@media(max-width:1011px) {
    .overlap+* {
        padding-top: 172px
    }
}

@media(max-width:751px) {
    .overlap+* {
        padding-top: 140px
    }
}

.widget .widget__actions .btn {
    justify-content: center
}

.widget__content {
    padding: 32px
}

.widget--boxed {
    background: #fff
}

.widget--boxed .widget__actions,
.widget--boxed .widget__body,
.widget--boxed .widget__header {
    border: none
}

.widget--primary {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);
    border-radius: 12px
}

.widget--primary>.widget__content {
    color: #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.widget--primary .widget__header p {
    margin-bottom: 0
}

.widget--primary .widget__body {
    position: relative
}

.widget--primary .widget__body:after {
    content: "";
    position: absolute;
    width: calc(100% - 64px);
    left: 32px;
    height: 1px;
    background: #eaeaea;
    bottom: 0
}

.widget--primary .widget__actions {
    padding: 32px
}

.widget--primary .widget__actions .btn {
    min-width: 130px
}

.widget--primary .widget__price {
    display: flex;
    align-items: center
}

.widget .list--icon li {
    margin-bottom: 16px
}

.widget .list-group__item {
    padding: 8px 24px
}

.widget--shadow {
    box-shadow: 0 15px 30px -8px rgba(0, 0, 0, .2)
}

.widget--outline {
    color: #fff
}

.widget--outline .widget__actions,
.widget--outline .widget__body {
    background: 0 0
}

.widget--outline .widget__actions {
    border-top: none
}

.widget--outline .widget__body {
    border-bottom: none
}

.widget--event>* {
    background: 0 0
}

.widget--event .widget__actions,
.widget--event .widget__body {
    border: none
}

.widget--event .widget__actions .btn {
    background: rgba(0, 0, 0, .1);
    color: #fff
}

.widget--event .event {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 27px 32px 24px;
    min-height: 230px
}

.widget--event .event:after {
    content: "";
    position: absolute;
    right: -121px;
    top: -142px;
    width: 284px;
    height: 328px;
    background: url(../img/upcoming_events/corner_graphic.png) no-repeat
}

.widget--event .event__graphic {
    width: 134px;
    height: 134px;
    display: flex;
    align-content: center;
    align-items: center;
    margin-top: 24px;
    margin-right: 20px;
    position: relative;
    z-index: 1
}

.widget--event .event__content {
    display: flex;
    flex-direction: column
}

.widget--event .event__subtitle {
    text-transform: uppercase;
    font-weight: 800;
    color: #000
}

.widget--event .event__subtitle+.event__title {
    margin-top: 12px
}

.widget--event .event__info span {
    display: flex;
    align-items: center;
    color: hsla(0, 0%, 100%, .6)
}

.widget--event .event__info span i {
    margin-right: 16px
}

.widget--event .event__info span+span {
    margin-top: 8px
}

.widget--event .event__title {
    margin-bottom: 16px;
    color: #fff;
    font-size: 28px;
    max-width: 440px;
    font-weight: 300
}

.widget--event .event__title strong {
    font-weight: 800
}

.widget--event .event__title+.event__info {
    margin-top: auto
}

.widget--event+.widget--event {
    margin-top: 44px
}

.widget--news .widget__top {
    padding: 0 24px
}

.widget--news .widget__title-text {
    margin-bottom: 0
}

.widget--annoucement>* {
    border: 0;
    background: 0 0
}

.widget--annoucement .type-4 {
    color: #0d3c9f;
    font-size: 24px;
    line-height: 28px
}

.widget--annoucement .type-4 .heading {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    margin-top: 8px
}

.widget--annoucement .type-4 .heading--light {
    color: hsla(0, 0%, 100%, .5)
}

.widget--annoucement .type-4 .heading--dark {
    color: rgba(0, 0, 0, .5)
}

.widget--annoucement .type-4 .heading>i {
    margin-right: 10px
}

.widget--annoucement .i-c-8x {
    margin-bottom: 16px
}

.widget--annoucement .widget__content {
    padding: 20px
}

.widget--annoucement .widget__actions .btn {
    color: #fff
}

.row--eq-height .widget {
    min-height: 260px
}

@media(max-width:1387px) {
    .widget--primary .widget__price {
        margin-bottom: 16px
    }
    .widget--primary .widget__actions {
        flex-direction: column
    }
}

@media(max-width:1011px) {
    .widget--news .widget__top {
        padding-left: 16px;
        padding-right: 16px
    }
    .widget--primary .widget__price {
        margin-bottom: 0
    }
    .widget--primary .widget__actions {
        flex-direction: row
    }
    .widget .list-group__item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media(max-width:751px) {
    .widget--primary .widget__price {
        margin-bottom: 0
    }
    .widget--primary .widget__actions,
    .widget--primary .widget__content {
        padding: 16px
    }
    .widget--event .event {
        flex-direction: column
    }
    .widget--event .event__content {
        order: 1
    }
    .widget--event .event__title {
        font-size: 24px;
        line-height: 28px;
        margin-top: 4px !important;
        margin-bottom: 4px
    }
    .widget--event .event__graphic {
        order: 0;
        margin: 0 0 16px;
        width: 64px;
        height: 64px
    }
    .widget--event .event__info {
        flex-direction: column
    }
    .widget--event .event__info span+span {
        margin: 8px 0 0
    }
    .widget--event+.widget--event {
        margin-top: 8px
    }
    .row--eq-height .widget {
        min-height: 0
    }
}

@media not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance: none) {
        .widget--annoucement .btn--block, .widget--event .btn--block {
            padding-top:14px
        }
    }
}

.form-floating .form-label {
    position: absolute;
    left: 24px;
    top: 19px;
    margin: 0;
    pointer-events: none;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.form-floating .form-control {
    padding-top: 18px
}

.form-floating.is-required:after {
    content: "*";
    width: 13px;
    height: 13px;
    background: #fff;
    color: red;
    position: absolute;
    top: 0;
    padding-top: 1px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.form-floating.has-focus .form-label,
.form-floating.has-value .form-label {
    font-size: 12px;
    opacity: .6;
    top: 7px
}

.form-floating input::-webkit-contacts-auto-fill-button {
    position: absolute;
    right: 20px;
    top: 24px
}

textarea.form-control.form-control--xlg {
    padding-top: 19px;
    padding-bottom: 19px;
    resize: vertical
}

.form-control {
    border: 1px solid #dbdbdb
}

.form-label.label {
    justify-content: flex-start;
    padding-left: 0
}

.form-indicator {
    border: 1px solid #dbdbdb
}

.form-text {
    color: #524972
}

.contact-form {
    margin-top: 56px
}

.contact-form .form-label.label {
    font-size: 16px;
    line-height: 26px
}

.contact-form-departments {
    margin: 40px 0 20px
}

.contact-form-departments .form-check {
    margin-right: 56px
}

.contact-form-departments .form-check:last-of-type {
    margin: 0
}

.contact-form-departments .form-check .form-indicator {
    border-color: #6d6d6d
}

.contact-form .form__actions {
    margin-top: 56px
}

.contact-form textarea {
    min-height: 337px
}

.contact-form .form-group.is-error,
.contact-form .form-group.is-success {
    position: relative
}

.contact-form .form-group.is-error:after,
.contact-form .form-group.is-success:after {
    content: "";
    position: absolute;
    top: 43px;
    right: 32px;
    height: 24px;
    width: 24px
}

.contact-form .form-group.is-error:after {
    background-image: url(../img/icons/close.svg)
}

.contact-form .form-group.is-error .form-control {
    background-color: #fff1f1
}

.contact-form .form-group.is-success:after {
    background-image: url(../img/icons/check-circle.svg)
}

.contact-form label.error {
    display: none;
    position: absolute;
    top: -6px;
    right: 14px;
    left: 14px;
    font-size: 14px;
    z-index: 2;
    background-color: #fff;
    color: #d83a3a
}

.form-control--file-input input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.domain-form {
    margin: 48px auto 0;
    max-width: 848px;
    width: 100%;
    padding: 8px;
    background-color: #fff;
    border-radius: 8px
}

.domain-form .form-group {
    margin: 0
}

.domain-form .input-group {
    border: 0;
    height: 100%
}

.domain-form .input-group:active,
.domain-form .input-group:focus,
.domain-form .input-group:hover {
    outline: none;
    border: 0
}

.domain-form .form-control {
    font-size: 20px;
    color: #524972
}

.domain-form .input-group__btn.btn {
    height: 60px
}

.domain-form+p {
    color: #fff;
    margin-top: 32px
}

.domain-form+p a {
    position: relative;
    text-decoration: none;
    margin-left: 8px
}

.domain-form+p a:after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f67a3c
}

.input-group #mc_embed_signup {
    width: 100%
}

.input-group #mc_embed_signup #mc_embed_signup_scroll {
    display: flex
}

#domainform {
    box-shadow: 0 16px 48px 10px rgba(0, 0, 0, .04), 0 24px 64px 10px rgba(0, 0, 0, .08);
    border-radius: 8px;
    position: relative
}

#resultsarea {
    margin-top: 0;
    z-index: 10
}

.z-i-2 {
    z-index: 2 !important
}

.site .help-status,
.site .label-hx {
    font-size: 10px;
    font-weight: 600
}

.site .help-status-available,
.site .help-status.available,
.site .label-hx-available,
.site .label-hx.available {
    color: #009a64;
    border-color: #cfeae0;
    background-color: #cfeae0
}

.site .help-status-premium,
.site .help-status.premium,
.site .label-hx-premium,
.site .label-hx.premium {
    background-color: rgba(0, 177, 223, .15);
    color: #00b1df;
    border-color: transparent
}

.site .help-status-taken,
.site .help-status.taken,
.site .label-hx-taken,
.site .label-hx.taken {
    background-color: #e6e7eb;
    border-color: #e6e7eb;
    color: #2b1f51
}

.site .help-status-whois,
.site .help-status.whois,
.site .label-hx-whois,
.site .label-hx.whois {
    background-color: transparent;
    border-color: #e6e7eb;
    color: #2b1f51
}

.banner--search .cat {
    padding: 4px 16px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    width: 100%
}

.banner--search .cat__item {
    width: 12.5%;
    padding: 8px 0;
    display: flex;
    justify-content: center
}

.banner--search .cat__item.active .cat__icon {
    box-shadow: 0 0 16px rgba(0, 0, 0, .04), 0 8px 32px rgba(0, 0, 0, .08);
    background-color: #0d3c9f;
    border: none
}

.banner--search .cat__item.active .cat__icon:before {
    opacity: 1
}

.banner--search .cat__item.active .cat__icon:after {
    opacity: 0
}

.banner--search .cat__item.active .cat__icon--Adult {
    background-image: url(../img/domains/Adult.svg)
}

.banner--search .cat__item.active .cat__icon--Business {
    background-image: url(../img/domains/Business.svg)
}

.banner--search .cat__item.active .cat__icon--Education {
    background-image: url(../img/domains/Education.svg)
}

.banner--search .cat__item.active .cat__icon--Food {
    background-image: url(../img/domains/Food.svg)
}

.banner--search .cat__item.active .cat__icon--Geo {
    background-image: url(../img/domains/Geo.svg)
}

.banner--search .cat__item.active .cat__icon--Media {
    background-image: url(../img/domains/Media.svg)
}

.banner--search .cat__item.active .cat__icon--Others {
    background-image: url(../img/domains/Others.svg)
}

.banner--search .cat__item.active .cat__icon--Popular {
    background-image: url(../img/domains/Popular.svg)
}

.banner--search .cat__item.active .cat__icon--Professions {
    background-image: url(../img/domains/Professions.svg)
}

.banner--search .cat__item.active .cat__icon--Promos {
    background-image: url(../img/domains/Promos.svg)
}

.banner--search .cat__item.active .cat__icon--Real.Estate {
    background-image: url(../img/domains/Real\ Estate.svg)
}

.banner--search .cat__item.active .cat__icon--Shopping {
    background-image: url(../img/domains/Shopping.svg)
}

.banner--search .cat__item.active .cat__icon--Sports {
    background-image: url(../img/domains/Sports.svg)
}

.banner--search .cat__item.active .cat__icon--Technology {
    background-image: url(../img/domains/Technology.svg)
}

.banner--search .cat__item.active .cat__icon--Travel {
    background-image: url(../img/domains/Travel.svg)
}

.banner--search .cat__item.active .cat__name {
    color: #0d3c9f
}

.banner--search .cat__item.active:hover .cat__icon {
    background-color: #0d3c9f
}

.banner--search .cat__item.active:hover .cat__icon--Adult {
    background-image: url(../img/domains/Adult.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Business {
    background-image: url(../img/domains/Business.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Education {
    background-image: url(../img/domains/Education.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Food {
    background-image: url(../img/domains/Food.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Geo {
    background-image: url(../img/domains/Geo.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Media {
    background-image: url(../img/domains/Media.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Others {
    background-image: url(../img/domains/Others.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Popular {
    background-image: url(../img/domains/Popular.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Professions {
    background-image: url(../img/domains/Professions.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Promos {
    background-image: url(../img/domains/Promos.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Real.Estate {
    background-image: url(../img/domains/Real\ Estate.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Shopping {
    background-image: url(../img/domains/Shopping.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Sports {
    background-image: url(../img/domains/Sports.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Technology {
    background-image: url(../img/domains/Technology.svg)
}

.banner--search .cat__item.active:hover .cat__icon--Travel {
    background-image: url(../img/domains/Travel.svg)
}

.banner--search .cat__item#s_-1 .cat__icon:after {
    border: 1px dashed #f67a3c
}

.banner--search .cat__item#s_-1 .cat__link:hover .cat__icon {
    background-color: #fff
}

.banner--search .cat__item#s_-1 .cat__link:hover .cat__icon--All {
    background-image: url(../img/domains/All-orange.svg)
}

.banner--search .cat__item#s_-1 .cat__link:hover .cat__icon:after {
    border: 1px solid #f67a3c
}

.banner--search .cat__item#s_-1 .cat__link:hover .cat__name {
    color: #f67a3c
}

.banner--search .cat__item#s_-1.active .cat__icon {
    background-color: #f67a3c;
    border: none
}

.banner--search .cat__item#s_-1.active .cat__icon:before {
    color: #f67a3c
}

.banner--search .cat__item#s_-1.active .cat__icon--All {
    background-image: url(../img/domains/All.svg)
}

.banner--search .cat__item#s_-1.active .cat__name {
    color: #f67a3c
}

.banner--search .cat__item#s_-1.active:hover .cat__icon {
    background-color: #f8905c
}

.banner--search .cat__item#s_-1.active:hover .cat__icon--All {
    background-image: url(../img/domains/All.svg)
}

.banner--search .cat__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 12px 0
}

.banner--search .cat__link:hover .cat__icon {
    background-color: #fff
}

.banner--search .cat__link:hover .cat__icon--Adult {
    background-image: url(../img/domains/Adult-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Business {
    background-image: url(../img/domains/Business-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Education {
    background-image: url(../img/domains/Education-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Food {
    background-image: url(../img/domains/Food-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Geo {
    background-image: url(../img/domains/Geo-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Media {
    background-image: url(../img/domains/Media-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Others {
    background-image: url(../img/domains/Others-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Popular {
    background-image: url(../img/domains/Popular-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Professions {
    background-image: url(../img/domains/Professions-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Promos {
    background-image: url(../img/domains/Promos-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Real.Estate {
    background-image: url(../img/domains/Real\ Estate-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Shopping {
    background-image: url(../img/domains/Shopping-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Sports {
    background-image: url(../img/domains/Sports-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Technology {
    background-image: url(../img/domains/Technology-purple.svg)
}

.banner--search .cat__link:hover .cat__icon--Travel {
    background-image: url(../img/domains/Travel-purple.svg)
}

.banner--search .cat__link:hover .cat__name {
    color: #0d3c9f
}

.banner--search .cat__icon {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden
}

.banner--search .cat__icon,
.banner--search .cat__icon:before {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s ease
}

.banner--search .cat__icon:before {
    width: 14px;
    height: 14px;
    position: absolute;
    background: #fff;
    border-radius: 0 5px 0 6px;
    right: 0;
    top: 0;
    content: "\f00c";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900;
    color: #0d3c9f;
    font-size: 8px;
    opacity: 0
}

.banner--search .cat__icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    border: 1px solid #e5e0f4;
    opacity: 1;
    transition: .3s ease
}

.banner--search .cat__icon--All {
    background-image: url(../img/domains/All-black.svg)
}

.banner--search .cat__icon--Adult {
    background-image: url(../img/domains/Adult-black.svg)
}

.banner--search .cat__icon--Business {
    background-image: url(../img/domains/Business-black.svg)
}

.banner--search .cat__icon--Education {
    background-image: url(../img/domains/Education-black.svg)
}

.banner--search .cat__icon--Food {
    background-image: url(../img/domains/Food-black.svg)
}

.banner--search .cat__icon--Geo {
    background-image: url(../img/domains/Geo-black.svg)
}

.banner--search .cat__icon--Media {
    background-image: url(../img/domains/Media-black.svg)
}

.banner--search .cat__icon--Others {
    background-image: url(../img/domains/Others-black.svg)
}

.banner--search .cat__icon--Popular {
    background-image: url(../img/domains/Popular-black.svg)
}

.banner--search .cat__icon--Professions {
    background-image: url(../img/domains/Professions-black.svg)
}

.banner--search .cat__icon--Promos {
    background-image: url(../img/domains/Promos-black.svg)
}

.banner--search .cat__icon--Real.Estate {
    background-image: url(../img/domains/Real\ Estate-black.svg)
}

.banner--search .cat__icon--Shopping {
    background-image: url(../img/domains/Shopping-black.svg)
}

.banner--search .cat__icon--Sports {
    background-image: url(../img/domains/Sports-black.svg)
}

.banner--search .cat__icon--Technology {
    background-image: url(../img/domains/Technology-black.svg)
}

.banner--search .cat__icon--Travel {
    background-image: url(../img/domains/Travel-black.svg)
}

.banner--search .cat__name {
    font-size: 14px;
    line-height: 20px;
    color: #2b1f51;
    font-weight: 600;
    margin-top: 8px;
    transition: .3s ease
}

.result__list .domainbox {
    padding: 16px 24px;
    position: relative;
    border-bottom: 1px solid #e6e7eb;
    margin-bottom: 0;
    display: flex;
    align-items: center
}

.result__list .domainbox:first-of-type {
    border-radius: 8px 8px 0 0
}

.result__list .domainbox__name {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    color: #2b1f51;
    margin: 0;
    word-break: break-all
}

.result__list .domainbox__tld {
    font-weight: 300
}

.result__list .domainbox__labels .label {
    border: none;
    border-radius: 4px;
    padding: 0 6px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    width: auto;
    height: auto
}

.result__list .domainbox__labels .label.label-hx-available {
    background-color: #cfeae0;
    color: #067850
}

.result__list .domainbox__labels .label.label-hx-taken {
    background-color: #d83a3a;
    color: #fff
}

.result__list .domainbox__labels .label.label-hx-sale {
    background-color: #fee9df;
    color: #f67a3c
}

.result__list .domainbox__preloader {
    min-height: unset
}

.result__list .domainbox .checkboxarea label {
    margin: 0;
    display: flex
}

.result__list .domainbox .checkboxarea label i {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    height: 44px;
    padding: 0 16px;
    border-radius: 4px;
    position: relative;
    font-family: Mulish, sans-serif;
    min-width: 174px;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center
}

.result__list .domainbox .checkboxarea label i.avail {
    color: #009a64;
    cursor: pointer;
    border: 1px solid #009a64;
    background-color: #fff
}

.result__list .domainbox .checkboxarea label i.avail:before {
    content: "Add To Cart"
}

.result__list .domainbox .checkboxarea label i.avail.fa-check-square {
    background-color: #009a64;
    color: #fff;
    height: 44px !important
}

.result__list .domainbox .checkboxarea label i.avail.fa-check-square:after {
    content: "Added";
    margin-left: 14px
}
.banner--domains .container {
    z-index: 100;
}
.result__list .domainbox .checkboxarea label i.avail.fa-check-square:active,
.result__list .domainbox .checkboxarea label i.avail.fa-check-square:focus,
.result__list .domainbox .checkboxarea label i.avail.fa-check-square:hover {
    background-color: #20966b;
    border-color: #20966b;
    color: #fff
}
.searchstring-available:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(51, 166, 124, 0.08), rgba(51, 166, 124, 0.2));
}
.result__list .domainbox .dropdown-toggle {
    z-index: 222;
}
.result__list .domainbox.searchstring .domain-label.available:after {
display: none !important;
}
.result__list .domainbox .checkboxarea label i.avail.fa-check-square:before {
    content: "\f00c";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 200;
    color: #fff;
    font-size: 13px;
    margin-right: -3px;
}

.result__list .domainbox .checkboxarea label i.avail:active,
.result__list .domainbox .checkboxarea label i.avail:focus,
.result__list .domainbox .checkboxarea label i.avail:hover {
    border-color: #20966b;
    color: #20966b;
    outline: none
}

.result__list .domainbox .checkboxarea label i.taken {
    color: #fff;
    border: 1px solid #dbdbdb;
    background-color: #dbdbdb
}

.result__list .domainbox .checkboxarea label i.taken:before {
    content: "\f00d";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 200;
    color: #fff;
    font-size: 19px
}

.result__list .domainbox .checkboxarea label i.taken:after {
    content: "Not Available";
    margin-left: 14px
}

.result__list .domainbox.clickable {
    cursor: pointer
}

.result__list .domainbox__results {
    margin-right: 24px
}

.result__list .domainbox__price {
    margin-left: auto;
    margin-right: 24px
}

.result__list .domainbox__price .renewal {
    display: none
}

.result__list .domainbox__price--register {
    display: flex;
    flex-direction: column-reverse;
    text-align: right;
    position: relative
}

.result__list .domainbox__price--register .registerprice {
    color: #2b1f51;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    position: relative
}

.result__list .domainbox__price--register.added {
    display: none
}

.result__list .domainbox__price--register .dropdown-menu {
    max-width: 164px;
    padding: 6px 0;
    margin: 2px 0 0 auto;
    font-size: 14px;
    text-align: left;
    background: #fff;
    border: 1px solid #e6e7eb;
    border-radius: 4px;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 2;
    min-width: 120px;
    display: none
}

.result__list .domainbox__price--register .dropdown-menu li a {
    padding: 6px 16px;
    font-weight: 400;
    display: block;
    line-height: 22px;
    transition: background-color .3s, color .3s
}

.result__list .domainbox__price--register .dropdown-menu li a:hover {
    background-color: #f6f7f8;
    color: #f67a3c
}

.result__list .domainbox__price--register .dropdown-menu.is-open {
    display: block
}

.result__list .domainbox .dropdown-toggle {
    background-color: transparent;
    padding: 0 0 0 8px;
    height: auto;
    color: #524972;
    display: block;
    margin: 0 0 0 auto;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300
}

.result__list .domainbox .dropdown-toggle:hover {
    padding-right: 0
}

.result__list .domainbox .dropdown-toggle .caret {
    margin-left: 8px
}

.result__list .domainbox .dropdown-toggle .caret:before {
    content: "\f0d7";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 900
}

.result__list .domainbox--taken {
    background: #fbfbfb
}

.result__list .domainbox.searchstring {
    position: relative;
    border: 0;
    padding: 32px 24px
}

.result__list .domainbox.searchstring .domainbox__labels {
    display: none
}

.result__list .domainbox.searchstring .domainbox__name {
    font-size: 24px;
    line-height: 40px
}

.result__list .domainbox.searchstring .domainbox__icon {
    width: 32px;
    height: 32px;
    margin-right: 24px
}

.result__list .domainbox.searchstring .domainbox__icon:after {
    content: "";
    width: 32px;
    height: 32px;
    display: flex
}

.result__list .domainbox.searchstring .checkboxarea label {
    margin: 0;
    display: flex
}

.result__list .domainbox.searchstring .checkboxarea label i.avail {
    background-color: #009a64;
    color: #fff
}

.result__list .domainbox.searchstring.domainbox--available {
    background: linear-gradient(90deg, #c7e8df, #e8f5f2)
}

.result__list .domainbox.searchstring.domainbox--available .domainbox__icon:after {
    background-image: url(../img/icons/check-circle.svg);
    background-size: cover;
    background-repeat: no-repeat
}

.result__list .domainbox.searchstring.domainbox--taken {
    padding: 20px 24px;
    background: linear-gradient(90deg, #f8dccf, #f8e9e2)
}

.result__list .domainbox.searchstring.domainbox--taken .domainbox__icon:after {
    background-image: url(../img/icons/close-circle.svg);
    background-size: cover;
    background-repeat: no-repeat
}

.result__list .domainbox.searchstring.domainbox--taken .domainbox__actions i.taken {
    display: none
}

.result__list .domainbox.searchstring.domainbox--taken .domainbox__labels {
    display: block
}

.result__list-actions {
    display: flex;
    justify-content: space-between;
    position: relative
}

.result__list-actions .btn {
    height: 70px;
    width: 100%
}

 
.result__list-actions--center {
    justify-content: center
}

.result__list-actions--center svg {
    margin-left: 8px
}

.result__list-actions--center svg path {
    stroke: #f67a3c
}

 

.result__list-checkout.is-fixed .orderbutton {
    margin: 26px 0
}

#loading {
    text-align: center
}

.results {
    max-width: 848px;
    width: 100%;
    margin: auto;
    background-color: #fff;
    border-radius: 6px
}

::-webkit-input-placeholder {
    color: #524972 !important
}

::-moz-placeholder {
    color: #524972 !important
}

:-ms-input-placeholder {
    color: #524972 !important
}

:-moz-placeholder {
    color: #524972 !important
}

@media not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance: none) {
        .btn--block {
            display:block
        }
        .form-floating {
            flex: 1
        }
    }
}

@media(max-width:1387px) {
    .contact-form-departments {
        margin-top: 24px
    }
}

@media(min-width:752px) and (max-width:1011px) {
    .contact-form-departments .form-check {
        margin-right: 12px
    }
}

@media(max-width:1011px) {
    .contact-form {
        margin-top: 24px
    }
    .contact-form .form__actions {
        margin-top: 24px;
        text-align: center
    }
    #resultsarea {
        margin-top: -192px
    }
    .result__list-checkout.is-fixed {
        max-width: 688px
    }
}

@media(max-width:751px) {
    .contact-form-departments {
        display: flex;
        justify-content: space-between
    }
    .contact-form-departments .form-check {
        margin-right: 0
    }
    .domain-form {
        height: auto
    }
    .domain-form .input-group {
        flex-wrap: wrap;
        justify-content: flex-start
    }
    .domain-form .input-group__icon {
        display: inline
    }
    .domain-form .input-group .form-control {
        width: auto
    }
    .domain-form .input-group .btn {
        width: 100%
    }
    .domain-form p {
        margin-top: 64px;
        margin-bottom: -42px
    }
    #datafilters {
        margin-top: 4px
    }
    .result__list-checkout.is-fixed {
        left: 0;
        max-width: 100%;
        margin-left: 0
    }
    .banner--search .cat__item {
        width: 25%
    }
    .banner--search .cat__link {
        padding: 0
    }
    .result__list .domainbox {
        flex-wrap: wrap
    }
    .result__list .domainbox__actions {
        margin-top: 12px;
        margin-left: auto
    }
}

@media(max-width:513px) {
    .result__list .domainbox {
        flex-direction: column;
        align-items: flex-start
    }
    .result__list .domainbox.searchstring .domainbox__icon {
        position: absolute;
        top: 24px
    }
    .result__list .domainbox.searchstring .domainbox__results {
        padding-left: 48px
    }
    .result__list .domainbox__labels {
        margin-top: -8px
    }
    .result__list .domainbox .dropdown-toggle {
        padding: 0
    }
    .result__list .domainbox__actions,
    .result__list .domainbox__price {
        margin-left: unset
    }
    .result__list .domainbox__price--register:not(:empty) {
        margin-top: 12px;
        text-align: left
    }
}

@media(max-width:751px) {
    .domain-form .input-group__icon:first-child {
        margin-left: 0
    }
    .domain-form .form-control {
        padding: 0 16px
    }
}

@media(min-width:514px) and (max-width:751px) {
    .result__list .domainbox.searchstring .checkboxarea {
        top: 65%
    }
}

.time-stamp {
    width: 72px;
    height: 72px;
    background: #f67a3c;
    border-radius: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
    font-size: 28px;
    font-weight: 800;
    box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, .2)
}

.time-stamp__unit {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: -1px;
    margin-top: -4px
}

.time-stamp+.time-tip {
    margin-left: 16px
}

.timeline {
    position: relative
}

.timeline .timeline__element {
    display: flex;
    margin-bottom: 24px;
    width: 100%;
    position: relative;
    z-index: 2
}

.timeline .timeline__element:last-of-type {
    margin-bottom: 0
}

.timeline .time-tip {
    padding: 24px;
    background: #fff;
    box-shadow: 0 15px 30px -8px rgba(0, 0, 0, .15), 0 -4px 30px -8px rgba(0, 0, 0, .1);
    width: 100%;
    position: relative
}

.timeline .time-tip:before {
    position: absolute;
    z-index: 4;
    top: 24px;
    display: block !important;
    width: 0;
    height: 0;
    left: -8px;
    content: "";
    -webkit-transform-origin: right center;
    transform-origin: right center;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 8.5px 9px 8.5px 0
}

.timeline:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 34px;
    border-left: 2px dashed #f67a3c;
    height: calc(100% + 80px)
}

@media(max-width:751px) {
    .timeline {
        margin-top: 24px
    }
    .timeline:before {
        height: calc(100% + 40px)
    }
}

.pagination {
    justify-content: space-between
}

.pagination,
.pagination__items {
    display: flex
}

.pagination__control,
.pagination__item {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 1px solid #ebf6ff;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px
}

.pagination__item+.pagination__item {
    margin-left: 16px
}

.pagination__item.is-active {
    background: #0d3c9f;
    color: #fff;
    border-color: #0d3c9f;
    box-shadow: 0 15px 30px -8px rgba(0, 0, 0, .2)
}

.pagination__control.btn {
    width: 48px
}

@media(max-width:751px) {
    .pagination {
        padding: 0 16px
    }
}

.pagination--offer {
    justify-content: center;
    margin-top: 54px
}

.pagination--offer,
.pagination--offer .next,
.pagination--offer .prev {
    display: flex;
    align-items: center;
    font-weight: 600
}

.pagination--offer .next a,
.pagination--offer .prev a {
    color: #0d3c9f
}

.pagination--offer .next svg path,
.pagination--offer .prev svg path {
    stroke: #0d3c9f
}

.pagination--offer .next.disabled a,
.pagination--offer .prev.disabled a {
    color: #cec9df;
    cursor: default
}

.pagination--offer .next.disabled svg path,
.pagination--offer .prev.disabled svg path {
    stroke: #cec9df
}

.pagination--offer .prev svg {
    margin-right: 6px
}

.pagination--offer .next svg {
    margin-left: 6px
}

.pagination--offer .pagination {
    margin: 0 16px
}

.pagination--offer .pagination li .page {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #cec9df;
    color: #0d3c9f;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px
}

.pagination--offer .pagination li+li {
    margin-left: 8px
}

.pagination--offer .pagination li.active .page {
    background: #0d3c9f;
    color: #fff;
    border-color: #0d3c9f
}

.box {
    display: flex;
    width: 100%
}

.box+.box {
    margin-top: 32px
}

.box__graphic {
    flex-shrink: 0;
    width: 50%;
    background: rgba(59, 165, 255, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

.box__header {
    display: flex;
    justify-content: space-between
}

.box__header+.box__desc {
    margin-top: 16px
}

.box__title {
    margin-bottom: 0
}

.box__subtitle {
    display: block;
    font-size: .75em;
    opacity: .6;
    font-weight: 400;
    line-height: 24px
}

.box__content {
    padding: 24px
}

.box__actions {
    display: flex
}

.box--member {
    min-height: 430px;
    border: 1px solid #f67a3c
}

.box--member .box__graphic {
    background-size: cover;
    background-position: 50%;
    filter: grayscale(100%);
    transition: all .3s linear;
    min-height: 430px
}

.box--member:hover .box__graphic {
    filter: none
}

.box--member .box__actions .btn {
    margin-top: -10px;
    opacity: .8;
    transition: all .3s linear
}

.box--member .box__actions .btn:hover {
    opacity: 1
}

.box--contact {
    background: #fff;
    position: relative
}

.box--contact .box__content {
    padding: 36px;
    flex: 1
}

.box--contact .box__content .box__title {
    margin-bottom: 24px
}

.box--contact .alert.hidden+h4 {
    margin-top: 0
}

.box__addon {
    padding: 36px;
    width: 400px;
    background: #fff
}

.box__addon-btn {
    margin-top: 4px;
    margin-bottom: 10px;
    padding-left: 4px
}

.box__addon .map {
    border: 1px solid #f67a3c;
    height: 188px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.box__addon .map__location {
    position: absolute;
    left: 0;
    top: 13px
}

.box__addon .map__label {
    height: 48px;
    padding: 0 16px;
    font-size: 15px;
    color: #fff;
    min-width: 160px;
    display: flex;
    align-content: center;
    align-items: center;
    background: #f67a3c;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .2)
}

.box__addon .map__label:after {
    content: "";
    position: absolute;
    right: 36px;
    bottom: -9px;
    margin: 0;
    width: 0;
    border-color: #0d3c9f;
    height: 0;
    vertical-align: middle;
    border-top: 11px dashed #f67a3c;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent
}

.box__addon .map__dot {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    box-shadow: 0 5px 10px 0 rgba(0, 153, 92, .3);
    background: #f67a3c;
    position: absolute;
    bottom: -37px;
    right: 39px
}

.box__addon .map__image {
    background: url(../img/map.png);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0;
    background-position-x: 6px
}

.box__addon .map__image--2 {
    background-repeat: no-repeat;
    background: url(../img/map1.png);
    background-position: 0;
    background-position-x: -16px
}

.box__addon .map img {
    height: 100%
}

.box__addon .map+.map {
    margin-top: 24px
}

.box--location {
    padding: 32px 32px 40px;
    position: relative;
    align-items: center
}

.box--location:not(:last-child):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 32px;
    right: 32px;
    height: 1px;
    background-color: #e5e0f4
}

.box--location .location-content__top h3 {
    margin-bottom: 0
}

.box--location .location-content__top h3 img {
    margin-left: 16px
}

.box--location .location-content__top p {
    color: #938f9f;
    margin-bottom: 0
}

.box--location .location-content__body {
    margin: 40px 0
}

.box--location .location-content__body a.label {
    border: 1px solid #b6b6b6;
    border-radius: 12px;
    color: #b6b6b6;
    margin: 0 12px 8px 0;
    font-size: 14px
}

.box--location .location-content__body a.label:last-of-type {
    margin-right: 0
}

.box--location .location-content__body a.label:hover {
    border-color: #929292;
    color: #929292
}

.box--location .location-content__footer .btn {
    margin-bottom: 12px
}

.box--location .location-content__footer p b {
    font-weight: 600;
    margin-left: 8px;
    color: #2b1f51
}

.box--location-graphic {
    max-width: 736px;
    width: 100%
}

.box--location+.box--location {
    margin-top: 16px
}

.box--promotion {
    border-radius: 12px;
    padding: 16px 24px;
    max-width: 505px;
    width: 100%;
    display: flex;
    align-items: center
}

.box--promotion.promotion--box-orange {
    background-color: #f67a3c;
    color: #fff;
    justify-content: space-between;
    margin: 24px 0 16px
}

.box--promotion.promotion--box-orange .box--promotion-discount {
    font-size: 64px;
    font-weight: 900;
    line-height: 74px;
    flex-basis: 60%;
    font-size: 56px
}

@media(max-width:1387px) {
    .box--promotion.promotion--box-orange .box--promotion-discount {
        font-size: 52px;
        font-weight: 900;
        line-height: 68px
    }
}

@media(max-width:1011px) {
    .box--promotion.promotion--box-orange .box--promotion-discount {
        font-size: 46px;
        font-weight: 900;
        line-height: 58px
    }
}

@media(max-width:751px) {
    .box--promotion.promotion--box-orange .box--promotion-discount {
        font-size: 46px;
        font-weight: 900;
        line-height: 58px
    }
}

.box--promotion.promotion--box-orange p {
    color: #fff;
    margin: 0;
    flex-basis: 50%
}

.box--promotion.promotion--box-white {
    position: relative;
    background-color: #fff
}

.box--promotion.promotion--box-white svg path {
    stroke: #0d3c9f
}

.box--promotion.promotion--box-white p {
    margin: 0
}

.box--promotion.promotion--box-white>span {
    display: flex;
    align-items: center;
    flex-basis: 40%;
    padding-top: 4px
}

.box--promotion.promotion--box-white>span svg {
    margin-right: 8px
}

.box--promotion.promotion--box-white:after {
    content: "";
    position: absolute;
    top: -8px;
    left: 36px;
    height: 22px;
    width: 22px;
    transform: rotate(45deg);
    border-radius: 4px;
    background-color: #fff
}

.box--promotion.promotion--box-white .box--promotion-countdown {
    display: flex;
    align-items: center;
    flex-basis: 60%
}

.box--promotion.promotion--box-white .box--promotion-countdown .h3 {
    display: flex;
    align-items: flex-end;
    margin: 0
}

.box--promotion.promotion--box-white .box--promotion-countdown .h3+.h3 {
    margin-left: 16px
}

.box--promotion.promotion--box-white+p {
    color: #fff;
    margin: 24px 0 -24px
}

.box--promotion.promotion--box-green {
    background: #009a64 !important
}

@media(max-width:1387px) {
    .box__graphic--pos {
        background-position-x: -47px !important
    }
}

@media(min-width:752px) and (max-width:1011px) {
    .section--team>.container .row:nth-child(2n) .box__graphic {
        order: 2
    }
    .section--team>.container .row:nth-child(2n) .box__content+.box__graphic {
        order: -1
    }
    .section--team>.container .order-2 {
        order: 2
    }
    .section--team .row div[class^=col-]:nth-child(2) {
        margin-top: 32px
    }
    .box--contact .box__addon,
    .box--contact .box__content {
        padding: 24px
    }
    .box__addon {
        width: 300px
    }
}

@media(min-width:1012px) {
    .box--v {
        flex-direction: column;
        height: 100%
    }
    .box--v .box__graphic {
        height: calc(50% - 16px);
        width: 100%
    }
}

@media(max-width:1011px) {
    .box--location {
        flex-direction: column
    }
    .box--location .box--location-content {
        text-align: center
    }
    .box--location .location-content__body {
        margin: 24px 0
    }
    .box--location-graphic svg {
        width: 100%
    }
}

@media(max-width:751px) {
    .box--member {
        flex-direction: column
    }
    .box--member .box__graphic {
        width: 100%;
        height: 430px;
        order: -1
    }
    .box--contact {
        flex-direction: column
    }
    .box--contact .box__addon,
    .box--contact .box__content {
        padding: 16px
    }
    .box--contact .box__content .box__title {
        margin-top: 0 !important;
        margin-bottom: 16px
    }
    .box--contact .box__addon-btn {
        margin-top: 12px;
        margin-bottom: 20px
    }
    .box__addon {
        width: 100%;
        background: #fff;
        border-top: 1px solid #d1eaff
    }
    .box--location .box--location-graphic svg {
        height: 200px
    }
    .section--team .row div[class^=col-]:nth-child(2) {
        margin-top: 32px
    }
    .box__graphic--pos {
        background-position-x: center !important
    }
}

.offer-list li {
    z-index: 10;
    position: relative
}

.offer--box {
    background-color: #fff;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    margin-bottom: 32px;
    position: relative;
    transition: transform .3s, box-shadow .3s
}

.offer--box-left {
    flex-basis: 100%
}

.offer--box-right {
    flex-basis: 15%;
    text-align: right
}

.offer--box-top {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 16px;
    flex-wrap: wrap
}

.offer--box-top .offer--box__title {
    margin-right: 24px
}

.offer--box-top .offer--box__date {
    color: #524972;
    font-weight: 600;
    margin: 0 24px 0 0
}

.offer--box-top label {
    border: 1px solid #b6b6b6;
    border-radius: 12px;
    color: #b6b6b6;
    margin-right: 16px;
    font-size: 14px
}

.offer--box-top label:last-of-type {
    margin-right: 0
}

.offer--box-top>* {
    margin-bottom: 0
}

.offer--box-actions .btn {
    padding-left: 0
}

.offer--box-location {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.offer--box-location p {
    margin: 0 8px 0 0
}

.offer--box-location svg path {
    stroke: #f67a3c
}

.offer--box.border .offer--box-left {
    padding-left: 24px;
    position: relative
}

.offer--box.border .offer--box-left:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 4px;
    border-radius: 6px
}

.offer--box.border--green .offer--box-left:after {
    background-color: #008779
}

.offer--box.border--yellow .offer--box-left:after {
    background-color: #f6d21f
}

.offer--box.border--red .offer--box-left:after {
    background-color: #f14b43
}

.offer--box.border--black .offer--box-left:after {
    background-color: #4a4a4a
}

.offer--box.border--blue .offer--box-left:after {
    background-color: #6db2f2
}

.offer--box:after {
    display: block;
    top: 0;
    bottom: 0;
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px
}

.offer--box:after,
.offer--box:hover:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0
}

.offer--box:hover:before {
    bottom: -8px;
    height: 8px
}

.offer--box:hover {
    z-index: 2;
    transform: translate3d(0, -8px, 0)
}

.offer--box:hover:after {
    box-shadow: 0 40px 72px 14px rgba(0, 0, 0, .04), 0 32px 56px 14px rgba(0, 0, 0, .04)
}

.offer--box:hover .offer--box-actions .has-arrow .btn__text {
    padding-right: 32px
}

.offer--box:hover .offer--box-actions .has-arrow .btn__text:after {
    right: 20px;
    opacity: 1
}

.offer--box:hover .offer--box-actions .has-arrow svg {
    opacity: 1
}

.offer--box.issue-box--empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 75px
}

.offer--box.issue-box--empty:hover {
    transform: translateZ(0)
}

.offer--box.issue-box--empty .issue-box__description {
    margin-top: 16px
}

.offer--box.issue-box--empty .issue-box__description p {
    margin-bottom: 0
}

.offer--box.issue-box--empty .issue-box__icon {
    margin-bottom: 36px
}

.box--job {
    border-radius: 16px;
    padding: 48px;
    background-color: #fff
}

.box--job h3 {
    font-weight: 800
}

.box--job p span {
    font-weight: 700;
    margin-left: 4px
}

.box--job p img,
.box--job p svg {
    margin-right: 8px
}

.box--job p img path,
.box--job p svg path {
    stroke: #f67a3c
}

.box--job p.d-flex {
    align-items: center
}

.box--job p.d-flex:last-child {
    margin-bottom: 32px
}

.box--job ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 8px
}

.box--job ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background-color: #f67a3c;
    border-radius: 100%;
    width: 6px;
    height: 6px
}

.box--job ul li:last-of-type {
    margin-bottom: 0
}

.box--application {
    padding-top: 20px
}

.box--application label {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #524972
}

.box--application h3.h4 {
    margin-bottom: 32px
}

.box--application .form-group {
    margin-bottom: 24px
}

.box--application .form-group.d-flex {
    align-items: center
}

.box--application .form-group.d-flex label {
    min-width: 235px;
    margin: 0
}

.box--application .form-group+h3.h4 {
    margin-top: 64px;
    font-weight: 800
}

.box--application .form-group:not(.d-flex) label {
    margin-bottom: 16px;
    height: auto;
    text-align: left
}

.box--application .form-group.additional-inforamtion .form-check,
.box--application .form-group.additional-inforamtion label {
    margin-bottom: 0
}

.box--application .form-group.additional-inforamtion .btn--link {
    padding-left: 42px;
    margin-top: -8px
}

.box--application .form-check {
    display: block
}

.box--application textarea {
    margin-bottom: 64px;
    min-height: 200px
}

.offer--box-top label {
    margin: 8px 8px 0 0
}

.box--promotion.promotion--box-white+p {
    margin-bottom: -8px
}

@media(max-width:1011px) {
    .box--promotion {
        max-width: 405px
    }
}

@media(max-width:751px) {
    .offer--box {
        flex-direction: column
    }
    .offer--box-right {
        flex-basis: 100%;
        order: -1;
        padding-left: 24px;
        margin-bottom: 16px
    }
    .offer--box-right .offer--box-location {
        justify-content: flex-start
    }
    .offer--box-top {
        flex-direction: column;
        align-items: flex-start
    }
    .offer--box-top .offer--box__date {
        margin: 0 0 8px
    }
    .box--application .form-group.d-flex {
        flex-direction: column;
        align-items: flex-start
    }
    .box--application .form-group.d-flex label {
        margin-bottom: 8px
    }
    .box--application .form-group+h3.h4 {
        margin-top: 32px
    }
    .box--application .form-group.additional-inforamtion label {
        align-items: flex-start
    }
    .box--application .form-group.additional-inforamtion .btn--link {
        margin-top: 0
    }
    .box--application textarea {
        margin-bottom: 32px
    }
    .box--location+.box--location {
        margin-top: 0
    }
}

@media(max-width:513px) {
    .box--location {
        padding-bottom: 16px
    }
    .box--promotion,
    .offer--box-top div {
        flex-direction: column
    }
    .offer--box-top div {
        display: flex
    }
}

@media(max-width:400px) {
    .box__graphic--pos {
        background-position-x: -31px !important
    }
    .box--location {
        padding-bottom: 0
    }
}

.issue-box {
    background-color: #fff;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    margin-bottom: 32px;
    position: relative;
    transition: transform .3s, box-shadow .3s
}

.issue-box .text-faded {
    font-size: 14px;
    line-height: 22px
}

.issue-box__left {
    flex-basis: 100%
}

.issue-box__right {
    flex-basis: 15%;
    text-align: right
}

.issue-box__top {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 16px;
    flex-wrap: wrap
}

.issue-box__top .issue-box__title {
    margin-right: 24px
}

.issue-box__top .issue-box__date {
    color: #524972;
    font-weight: 600;
    margin: 0 24px 0 0
}

.issue-box__top label {
    border: 1px solid #b6b6b6;
    border-radius: 12px;
    color: #b6b6b6;
    margin-right: 16px;
    font-size: 14px
}

.issue-box__top label:last-of-type {
    margin-right: 0
}

.issue-box__top>* {
    margin-bottom: 0
}

.issue-box__content {
    margin-top: 24px
}

.issue-box__location {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 8px;
    margin-left: auto
}

.issue-box__location p.text-faded {
    margin-right: 40px
}

.issue-box__location p {
    vertical-align: center;
    margin: 0 8px 0 0
}

.issue-box__location .label {
    margin-right: 0;
    margin-left: 10px
}

.issue-box__location svg path {
    stroke: #f67a3c
}

.issue-box.border .issue-box__left {
    padding-left: 24px;
    position: relative
}

.issue-box.border .issue-box__left:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 4px;
    border-radius: 6px
}

.issue-box.border--green .issue-box__left:after {
    background-color: #009a64
}

.issue-box.border--yellow .issue-box__left:after {
    background-color: #f6d21f
}

.issue-box.border--orange .issue-box__left:after {
    background-color: #ea862b
}

.issue-box.border--red .issue-box__left:after {
    background-color: #d83a3a
}

.issue-box.border--black .issue-box__left:after {
    background-color: #4a4a4a
}

.issue-box.border--blue .issue-box__left:after {
    background-color: #4685ef
}

.issue-box:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px
}

.issue-box .label svg {
    margin-left: 16px
}

.issue-box .label--red {
    color: #d83a3a;
    background-color: #d83a3a;
    border-color: #d83a3a
}

.issue-box .label--orange {
    color: #ea862b;
    background-color: #ea862b;
    border-color: #ea862b
}

.issue-box .label--yellow {
    color: #f6d21f;
    background-color: #f6d21f;
    border-color: #f6d21f
}

.issue-box .label--green {
    color: #009a64;
    background-color: #009a64;
    border-color: #009a64
}

.issue-box .label--blue {
    color: #4685ef;
    background-color: #4685ef;
    border: #4685ef
}

.issue-box .label--outline {
    background-color: transparent
}

.issue-box .label:not(.label--outline) {
    color: #fff
}

.issue-box .label:not(.label--outline) path {
    stroke: #fff
}

.site-alert {
    position: fixed;
    margin-bottom: 0;
    top: -100%;
    z-index: 102;
    width: 100%;
    padding: 16px 0;
    border: 0;
    border-radius: 0
}

.site-alert .btn {
    color: #fff;
    transition: opacity .3s, border .3s;
    flex-shrink: 0
}

.site-alert .btn>* {
    color: #fff !important
}

.site-alert .container {
    display: flex;
    justify-content: space-between;
    align-content: center;
    position: relative
}

.site-alert .alert__title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: -3px
}

.site-alert .alert__body {
    overflow: hidden
}

.site-alert .alert__body:not(.ls-swiper) .alert__item {
    position: relative
}

.site-alert .alert__actions {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    align-items: center
}

.site-alert .alert__actions .btn {
    opacity: .7
}

.site-alert .alert__actions .btn:hover {
    opacity: 1
}

.site-alert .alert__actions .btn>i {
    font-size: 24px
}

.site-alert .rail {
    align-items: center
}

.site-alert .rail>:not(:last-child) {
    margin-right: 24px
}

.site-alert .rail__item {
    display: flex;
    align-items: center
}

.site-alert .rail__item .alert__content p {
    color: hsla(0, 0%, 100%, .7);
    display: flex
}

.site-alert .rail__item .alert__content p span {
    display: flex;
    align-items: center
}

.site-alert .rail__item .alert__content p span:first-of-type {
    margin-left: -4px
}

.site-alert .rail__item .alert__content p span+span {
    margin-left: 20px
}

.site-alert .rail__item .alert__content p span i {
    font-size: 19px;
    margin-right: 5px
}

.site-alert .rail .btn {
    border-color: #0d3c9f;
    color: #fff;
    margin-left: 32px
}

.site-alert .rail .btn:hover {
    border-color: #fff
}

.site-alert .swiper__controls {
    display: flex;
    align-items: center;
    align-self: center;
    margin-right: 8px;
    margin-left: 24px;
    flex-shrink: 0
}

.site-alert .swiper__controls>* {
    color: #fff;
    flex-shrink: 0
}

.site-alert .swiper__pagination {
    width: 36px;
    font-size: 15px;
    text-align: center
}

@media(max-width:1011px) {
    .site-alert .rail {
        padding-bottom: 50px
    }
    .site-alert .rail__item {
        min-height: 70px
    }
    .site-alert .rail__item .alert__content p {
        flex-direction: column
    }
    .site-alert .rail__item .alert__content p span+span {
        margin: 0 0 0 -4px
    }
    .site-alert .rail__item .btn {
        position: absolute;
        margin: 0;
        bottom: 0;
        left: 0
    }
    .site-alert .alert__actions,
    .site-alert .swiper__controls {
        position: absolute;
        bottom: 0;
        z-index: 1
    }
    .site-alert .alert__actions {
        right: 0
    }
    .site-alert .swiper__controls {
        right: 40px
    }
}

@media(max-width:751px) {
    .site-alert {
        position: absolute;
        z-index: 9
    }
    .site-alert .container {
        width: 100%
    }
    .site-alert .alert__actions {
        right: 16px
    }
    .site-alert .alert__actions .btn {
        margin-bottom: 0
    }
    .site-alert .swiper__pagination {
        display: none
    }
    .site-alert .swiper__controls {
        margin-left: 0
    }
    .site-alert .rail>:first-child:not(.rail__item) {
        display: none
    }
}

@media not all and (min-resolution:0.001dpcm) {
    @supports(-webkit-appearance: none) {
        .site-alert .alert__actions {
            margin-left:20px
        }
        .site-alert .swiper__controls {
            right: 60px
        }
        @media(max-width:1011px) {
            .alert__body:not(.ls-swiper) .alert__item {
                position: relative
            }
            .alert__body:not(.ls-swiper) .alert__item .rail__item {
                flex-direction: column
            }
        }
    }
}

.site-alert__background {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #0e0f47
}

.site-alert {
    min-width: 100%;
    display: flex;
    padding: 0 32px !important;
    background-color: transparent;
    position: fixed !important;
    left: 0
}

.site-alert #upcoming-events {
    max-width: 1496px;
    width: 100%;
    margin: auto;
    border-radius: 0 0 20px 20px;
    background-color: #7960fe;
    text-align: center;
    display: flex;
    position: relative
}

.site-alert .alert__content {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
    padding: 20px;
    text-decoration: underline dotted hsla(0, 0%, 100%, .32) 1px;
    text-underline-offset: 4px
}

.site-alert .alert__content span {
    font-weight: 600
}
 

.a22 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.package__price .pricing__amount,
.package__price .pricing__period {
    color: #2b1f51
}

.package__price .pricing__old {
    color: #b5b9c9
}

.package__title {
    margin-bottom: 16px;
    font-weight: 700
}

.package__actions {
    margin-top: 24px
}

.package__footer {
    padding: 16px;
    border-top: 1px solid #efefef
}

.package__footer strong {
    font-weight: 600
}

.package__footer span {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .3s ease
}

.package__footer span strong {
    margin-left: 4px
}

.package__footer img {
    margin-left: 16px;
    height: 20px
}

.package--main {
    padding: 0 !important;
    z-index: 7
}

.package--main,
.package__features {
    display: flex;
    flex-direction: column
}

.package__features {
    z-index: -2
}

ul.package__list li img {
    max-width: 18px;
    margin-right: 9px;
}
.feature__icon .icon-email-security {
    color: #7753DA;
}
.feature__icon .icon-uniF11F {
    color: #1c3f64;
}
.feature__icon .icon-uniF119 {
    color: #227BFB;
}
.feature__icon .icon-invest {
    color: #2EA16A;
}
.feature__icon .icon-uniF11D {
    color: #001880;
}
.pricing-table .btn {
    margin: 24px 0;
}
.package--location .package__footer .tooltip--big ul {
    margin-top: 16px
}

.package--location .package__footer .tooltip--big ul li {
    text-align: left;
    display: flex;
    align-items: center
}

.package--location .package__footer .tooltip--big ul li img {
    margin: 0 12px 0 0
}

.package--location .package__footer .tooltip--big span {
    color: #938f9f
}

.package--location .package__footer span {
    color: #524972
}

.package--location .package__footer span img {
    height: 20px
}

.package--location .package__footer span strong {
    margin-left: 6px;
    text-decoration: underline;
    color: #f67a3c
}

.package--location .package__footer span.tooltip:hover .tooltip--big {
    opacity: 1
}

.package:not(.package--disabled) .package__not-available {
    display: none
}

.package--disabled .package__header {
    pointer-events: none;
    cursor: default;
    border: 1px solid #dbdbdb
}

.package--disabled .package__header .package__title {
    color: #929292
}

.package--disabled .package__header .package__footer {
    border-top: 1px solid #dbdbdb
}

.package--disabled .package__header .package__price * {
    color: #6d6d6d;
    margin: 0
}

.package--disabled .package__header .package__actions *,
.package--disabled .package__header .package__footer * {
    color: #929292;
    margin: 0
}

.package--disabled .package__header:before {
    box-shadow: none
}

.package--disabled .package__header:hover {
    transform: none
}

.package--disabled .package__header:hover:before {
    box-shadow: none
}

.package--disabled .package__available {
    display: none
}

.package__available {
   width: 100%;
}

.a22 .btn.btn--secondary {
    width: 100%;
}

.pricing__discount {
    cursor: pointer
}

.pricing__help-icon {
    display: flex;
    align-items: center;
    margin-left: 8px
}
 
 
 
 

.swiper-pagination {
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10;
    margin-top: 24px
}

.swiper-pagination .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    background: #dbdbdb;
    transition: background-color .3s, width .3s;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #0d3c9f;
    width: 18px;
    border-radius: 16px
}

.swiper-pagination .swiper-pagination-bullet:hover {
    background-color: #0d3c9f
}

.swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 24px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 16px;
    width: 80px;
    height: 80px
}

.swiper-button-next:active,
.swiper-button-next:focus,
.swiper-button-prev:active,
.swiper-button-prev:focus {
    outline: none
}

.swiper-button-next svg path,
.swiper-button-prev svg path {
    transition: stroke .3s
}

.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path {
    stroke: #dbdbdb
}

.swiper-button-next {
    right: 36px
}

.swiper-button-prev {
    left: 36px
}

.swiper-container {
    position: relative;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding: 0 24px
}

.swiper-slide,
.swiper-wrapper {
    position: relative;
    display: flex
}

.swiper-slide {
    width: 100%;
    flex-shrink: 0
}
 

.mob-slider~.swiper-button-next.swiper-button-disabled,
.mob-slider~.swiper-button-prev.swiper-button-disabled {
    display: none
}

.mob-slider {
    width: 100%
}

.performance--slider-container .feature {
    flex-direction: row
}

@media(min-width:1012px) {
    .mob-slider~.swiper-button-next,
    .mob-slider~.swiper-button-prev,
    .mob-slider~.swiper-pagination {
        display: none
    }
}

@media(max-width:1011px) {
    .has-slider .container {
        position: relative
    }
    .has-slider .swiper-wrapper {
        width: auto;
        padding: 0 8px
    }
    .has-slider .mob-slider,
    .has-slider .section__features,
    .has-slider div[class*=row--] {
        width: inherit
    }
    .has-slider .swiper-pagination {
        bottom: -56px;
        left: 0;
        right: 0
    }
    .has-slider .swiper-pagination-bullet {
        height: 16px;
        width: 16px
    }
    .has-slider .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin-left: 10px
    }
    .has-slider .swiper-pagination .swiper-pagination-bullet-active {
        background: #f67a3c;
        box-shadow: 0 15px 30px -8px rgba(0, 0, 0, .2)
    }
    .has-slider .row {
        margin-left: -16px
    }
    .has-slider div[class^=swiper-button-] {
        color: #fff;
        position: absolute;
        top: 47px;
        z-index: 1;
        cursor: pointer;
        bottom: 0;
        background: #fff;
        display: flex;
        align-items: center;
        font-size: 30px;
        padding-left: 0
    }
    .has-slider div[class^=swiper-button-] i {
        font-size: 40px
    }
    .has-slider [data-size=tablet]~div[class^=swiper-button-] {
        top: 102px
    }
    .has-slider [data-size=mobile]~div[class^=swiper-button-] {
        top: 16px
    }
    .has-slider .swiper-button-prev {
        left: -100%;
        right: calc(100% - 5px);
        justify-content: flex-end
    }
    .has-slider .swiper-button-next {
        left: calc(100% - 5px);
        right: -100%
    }
    .has-slider [data-size=mobile]~.swiper-button-next {
        left: 100%
    }
    .has-slider [data-size=mobile]~.swiper-button-prev {
        right: 100%
    }
    .has-slider.overlap+.section {
        padding-top: 200px
    }
    .has-slider:not(.overlap) {
        padding-bottom: 98px
    }
}

@media(max-width:751px) {
    .has-slider {
        padding-top: 40px
    }
    .has-slider [data-size=tablet] .swiper-wrapper {
        padding: 0 4px
    }
    .has-slider .section__content+.section__features {
        margin-top: 16px
    }
    .has-slider div[class^=swiper-button-] {
        top: 16px
    }
    .has-slider .swiper-pagination {
        bottom: -40px
    }
    .has-slider:not(.overlap) {
        padding-bottom: 64px
    }
    .mob-slider {
        position: relative;
        width: inherit !important
    }
    .mob-slider .swiper-slide {
        width: inherit !important;
        margin-top: 0;
        height: auto
    }
    .mob-slider[data-size=tablet] .swiper-wrapper {
        display: flex;
        flex-direction: column
    }
    .mob-slider[data-size=tablet]+.swiper-pagination,
    .mob-slider[data-size=tablet]~div[class^=swiper-button-] {
        display: none
    }
    .has-slider.overlap+.section {
        padding-top: 140px
    }
    .has-slider:not(.has-slider--mob) .row {
        margin: 0
    }
}

@media(max-width:513px) {
    .has-slider:not(.has-slider--mob) .container {
        padding: 0
    }
    .has-slider .container {
        width: 100%;
        padding-right: 0
    }
    .has-slider .swiper-button-prev {
        left: -8px;
        right: auto !important;
        justify-content: flex-end
    }
    .has-slider .swiper-button-next {
        right: -8px;
        left: auto !important
    }
    .has-slider .swiper-button-prev i {
        position: relative;
        right: -5px
    }
    .has-slider .swiper-button-next i {
        position: relative;
        left: -5px
    }
    .mob-slider[data-size=mobile] .swiper-wrapper .swiper-slide:nth-of-type(2) {
        padding-left: 24px
    }
}

.swiper-features .swiper-wrapper {
    flex-wrap: nowrap
}

.swiper-features .swiper-slide {
    min-width: 276px
}

.swiper-features .feature {
    align-items: center;
    border-radius: 12px;
    height: 305px
}

.swiper-features.swiper-partners {
    z-index: 3
}

.swiper-features.swiper-partners .swiper-slide {
    max-width: 212px;
    min-width: 0;
    margin-right: 32px !important
}

.swiper-features.swiper-partners .swiper-slide .feature {
    background-color: #fff;
    margin-top: 55px;
    padding: 24px;
    height: auto
}

.swiper-features.swiper-partners .swiper-slide .feature__title {
    margin-top: 16px
}

.swiper-features.swiper-partners .swiper-slide .feature__icon {
    width: 88px;
    height: 88px;
    margin: auto
}

.swiper-features.swiper-partners .swiper-slide:last-of-type {
    margin: 0
}

.swiper-features.swiper-partners-db {
    padding: 0
}

.swiper-features.swiper-partners-db .swiper-slide {
    flex-direction: column
}

.swiper-features.swiper-partners-db .swiper-slide .feature+.feature {
    margin-top: 40px
}

.swiper-logos {
    margin-left: -100px
}

.swiper-logos .logos--wrapper {
    z-index: 1;
    height: 100%;
    flex-wrap: nowrap;
    transition-property: transform;
    position: relative;
    display: flex
}

.swiper-logos .logos--wrapper.logos--wrapper-autoplay {
    transition-timing-function: linear
}

.swiper-logos .swiper-slide>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative
}

.swiper-logos .swiper-slide>div span {
    position: absolute;
    bottom: 0;
    left: auto;
    right: auto;
    font-weight: 600;
    transform: translateY(56px)
}

.swiper-logos--gray:not(.swiper-logos-db) .swiper-slide img {
    filter: grayscale(100%);
    opacity: .4;
    transition: opacity .3s;
    max-width: 100%
}

.swiper-logos--gray:not(.swiper-logos-db) .swiper-slide:hover img {
    filter: grayscale(0);
    opacity: 1
}

.swiper-logos-db .logos-db--wrapper {
    position: relative;
    display: flex;
    margin-left: -100px
}

.swiper-logos-db .logos-db--wrapper .swiper-slide {
    flex-direction: column
}

.swiper-logos-db .logos-db--wrapper .swiper-slide div.logos-top {
    text-align: center;
    transform: translateX(104px)
}

.swiper-logos-db .logos-db--wrapper .swiper-slide div+div {
    margin-top: 100px
}

.swiper-logos-db .logos-db--wrapper .swiper-slide div img {
    filter: grayscale(100%);
    opacity: .4;
    transition: opacity .3s
}

.swiper-logos-db .logos-db--wrapper .swiper-slide div:hover img {
    filter: grayscale(0);
    opacity: 1
}

.core-slider,
.performance--slider {
    z-index: 99
}

.core-slider__slide,
.performance--slider__slide {
    display: none !important;
    opacity: 0;
    z-index: 2;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    transition: visibility .3s, opacity .3s;
    border-radius: 16px;
    background-color: #fff;
    overflow: visible
}

.core-slider__slide:after,
.performance--slider__slide:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px
}

.core-slider__slide.is-active,
.performance--slider__slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 3;
    display: block !important
}

.performance--slider__slide.is-active {
    padding: 0
}

.core-slider {
    height: unset
}

.core-slider .core-slider__slide.is-active {
    display: flex !important
}

.core--slider-pagination .feature {
    min-width: 225px;
    min-height: 188px;
    width: 100%;
    transition: border-color .3s, box-shadow .3s;
    padding: 24px;
    margin-right: 24px;
    cursor: pointer;
    background-color: #fff
}

.core--slider-pagination .feature__title {
    font-weight: 600;
    margin-top: 8px
}

.core--slider-pagination .feature__title span {
    display: block
}

.core--slider-pagination .feature:last-child {
    margin-right: 0
}

.core--slider-pagination .feature__icon {
    margin-right: auto;
    margin-left: auto
}

.core--slider-pagination .feature__body {
    width: 100%
}

.core--slider-pagination .feature.is-active {
    border-color: #fff
}

.core--slider-pagination .feature.is-active:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: box-shadow .3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px
}

.core--slider-pagination .feature:hover:not(.is-active) {
    border-color: #0d3c9f
}

.core--slider-pagination .content-slider {
    overflow: visible
}

.core-slider {
    height: 487px;
    position: relative;
    width: 100%;
    background-color: #fff
}

.core-slider__content {
    max-width: 577px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.core-slider__content .list-group__item {
    padding: 20px 0;
    flex-wrap: wrap;
    border-bottom: 1px solid #e5e0f4
}

.core-slider__content .list-group__item:last-child {
    border: none
}

.core-slider__content .list-group__item[aria-expanded=true] .list-group__icon svg {
    transform: rotate(180deg)
}

.core-slider__content .list-group__item[aria-expanded=true] .list-group__icon svg path {
    fill: #0d3c9f
}

.core-slider__content .list-group__icon {
    display: flex
}

.core-slider__content .list-group__icon path {
    fill: #929292
}

.core-slider__content .list-group__icon svg {
    transition: .3s ease
}

.core-slider__content .list-group__top .top__title {
    margin-bottom: 0
}

.core-slider__content .list-group__top+.list-group__content {
    margin-top: 16px
}

.core-slider__content .list-group__content p {
    margin-bottom: 8px
}

.core-slider__title {
    color: #0d3c9f;
    text-align: left
}

.core-slider__desc {
    padding-right: 16px
}

.core-slider__desc b {
    font-weight: 700;
    color: #2b1f51
}

.core-slider__graphic {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto
}

.core-slider__slide {
    height: 487px;
    padding: 56px 0 56px 56px
}

.performance--slider {
    position: relative;
    background-color: #fff;
    margin-top: 36px;
    padding: 56px
}

.performance--slider-container .content-slider {
    overflow: visible
}

.performance--slider-container .feature {
    margin-right: 24px;
    border-radius: 12px;
    padding: 24px 20px;
    transition: border-color .3s, box-shadow .3s;
    cursor: pointer;
    background-color: #fff;
    min-width: 288px
}

.performance--slider-container .feature:last-of-type {
    margin-right: 0
}

.performance--slider-container .feature .feature__body {
    width: 100%
}

.performance--slider-container .feature .feature__title {
    margin-top: 8px;
    font-weight: 600
}

.performance--slider-container .feature.is-active {
    border-color: #fff
}

.performance--slider-container .feature.is-active:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: box-shadow .3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px
}

.performance--slider-container .feature:hover:not(.is-active) {
    border-color: #0d3c9f
}

.performance--slider__slide {
    padding: 64px
}

.performance--slider__slide .performance--slider__content {
    display: flex;
    justify-content: space-between
}

.performance--slider__slide .performance--slider__content>div {
    flex-basis: 96%
}

.performance--slider__slide .performance--slider__content>div+div {
    margin-left: 4%
}

.performance--slider-pagination+.core-slider {
    margin-top: 40px
}

.performance--slider-pagination+.core-slider .core-slider__content {
    justify-content: flex-start
}

@media(min-width:1388px) {
    .swiper-features .swiper-wrapper {
        transform: none !important
    }
}

@media(min-width:1012px) and (max-width:1387px) {
    .performance--slider-pagination+.core-slider .core-slider__content {
        margin-right: 40px
    }
}

@media(max-width:1387px) {
    .swiper-logos-db .logos-db--wrapper .swiper-slide div+div {
        margin-top: 40px
    }
}

@media(min-width:752px) {
    .performance--slider-container {
        margin-top: 75px
    }
}

@media(max-width:1011px) {
    .core-slider {
        height: 100vh
    }
    .core-slider__slide {
        height: 100%;
        flex-direction: column;
        padding: 40px
    }
    .core-slider__graphic {
        justify-content: center
    }
    .performance--slider-container {
        margin-top: 24px
    }
    .performance--slider__slide {
        height: inherit
    }
    .performance--slider__slide .performance--slider__content {
        flex-direction: column
    }
    .performance--slider__slide .performance--slider__content>div {
        flex-basis: 100%
    }
    .swiper-features.swiper-partners-db {
        padding: 0 12px
    }
    .swiper-logos-db .logos-db--wrapper .swiper-slide div.logos-top {
        transform: translateX(87px)
    }
    .performance--slider__slide .performance--slider__content>div+div {
        margin-left: 0
    }
}

@media(max-width:751px) {
    .core-slider__desc {
        padding: 0
    }
    .performance--slider-container .feature {
        min-width: 260px
    }
}

@media(max-width:513px) {
    .performance--slider__slide {
        padding: 32px
    }
}

@media(max-width:430px) {
    .core-slider {
        height: 820px
    }
    .core-slider--collapse {
        height: 700px
    }
    .core-slider__graphic {
        display: none
    }
}

.package-slider .swiper-container {
    overflow: visible
}

.package-slider .swiper-container-android .swiper-slide,
.package-slider .swiper-wrapper {
    transform: none
}

.nav-packages {
    display: none
}

@media(min-width:752px) and (max-width:1011px) {
    .nav-packages {
        display: flex;
        justify-content: space-between;
        margin: -20px -20px 40px
    }
    .nav-packages .btn__text {
        line-height: 23px
    }
}

@media(max-width:751px) {
    .package-slider .row.swiper-wrapper {
        display: block
    }
}

.pricing {
    display: flex;
    flex-direction: column
}

.pricing__amount {
    display: flex;
    color: #f67a3c;
    margin-bottom: 0;
    font-weight: 800
}

.pricing__old,
.pricing__period {
    color: #fff
}

.pricing__period {
    margin-bottom: 4px
}

.package__body.two:after {
    display: none;
}








/*new Section Hosting */

.custom_infosht .section--sides.section--graphic-left .container>.row {
    flex-direction: inherit;
}
.custom_infosht .no-bottom {
    padding-bottom: 0;
}
.custom_infosht .no-bottom:first-child {
    padding-top: 170px;
}
.custom_infosht {
    padding-bottom: 124px;
}
.custom_infosht .section__actions.text-md-left {
    margin-top: 0px;
}

.custom_infosht .section.section--sides .section__content .section__actions .btn span:after {
    top: 2px;
}


.custom_infosht .section.section--sides .section__content .section__actions .btn {
    padding-left: 0;
    justify-content: flex-start;
}

.custom_infosht .section__actions .btn {
    min-width: 258px;
    padding: 0 16px;
}


.custom_infosht .section.section--sides .section__content .section__actions .btn:hover span:after {
    right: 7%;
    top: 19px;
}

.custom_infosht .section.section--sides .section__content .section__actions .btn span:after {
    top: 19px;
}
.custom_infosht .section__actions .btn:hover span:after {
    opacity: 1;
    right: 70px;
}
 
 
.custom_infosht .section__actions .btn span:after {
    position: absolute;
    opacity: 0;
    top: 2px;
    right: 73px;
    transition: .3s;
}


.custom_infosht .section__content>:last-child {
    margin-bottom: 0;
}

@media (max-width: 751px) {
    .custom_infosht .section.section--sides {
    text-align: center;
    padding-bottom: 32px;
}
.custom_infosht .section.section--sides .section__content .section__actions .btn {
    justify-content: space-evenly;
}
.custom_infosht .section.section--sides .section__content .section__actions .btn span:after {
    display: none;
}
.custom_infosht .section.section--sides.section--graphic-left.no-bottom {
    padding-top: 0 !important;
}
.custom_infosht .section.section--sides.section--graphic-right.no-bottom {
 
    padding-top: 0;
}
.custom_infosht .section__desc {
    text-align: center !important;
}
.custom_infosht .section.section--sides .row .section__content {
    order: 1;
    margin-top: 40px;
}
.section .section__title {
    margin-bottom: 24px;
    text-align: center;
}
}
.custom_infosht .section__desc {
    max-width: 1046px;
    margin: 20px auto 0;
    text-align: left;
}

@media (max-width: 513px){
    .custom_infosht .section.section--sides .section__content .section__actions {
    margin-top: 16px;
}
.custom_infosht .section .section__content .section__desc+.section__actions {
    margin-top: 0;
}}

 
 
.custom_infosht .section__content {
    position: relative;
    min-height: 100%;
}
.custom_infosht .section__content, .section__graphic {
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.custom_infosht .section__actions {
    margin: 56px -12px -24px;
}
.custom_infosht .section__actions {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
@media (min-width: 752px){
    .custom_infosht .text-md-left {
    text-align: left !important;
}}
 
.custom_infosht .btn:hover span:after {
    opacity: 1;
    right: -24px;
}









/*new Section Hosting End*/

section.pro-services.nothomepage {
    background: linear-gradient(90deg, #093899, #040d70);
}
.nothomepage  .section__desc, .nothomepage h2{
    color: #fff;
}
.btn.btn--link {
    color: #f67a3c;
    font-weight: 600
}

.btn.btn--link:hover {
    color: #f8905c
}

.btn.btn--link.has-arrow .btn__text svg path {
    stroke: #f67a3c
}

.btn.btn--outline.btn--white {
    border-color: #fff
}

.btn.btn--outline.btn--white .btn__text {
    color: #fff
}

@media(min-width:1012px) {
    .btn.has-arrow .btn__text {
        transition: padding-right .3s ease, color .3s ease;
        position: relative
    }
    .btn.has-arrow svg {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        transition: transform .3s ease, opacity .3s ease
    }
    .btn.has-arrow:hover .btn__text {
        padding-right: 32px
    }
    .btn.has-arrow:hover .btn__text:after {
        right: 20px;
        opacity: 1
    }
    .btn.has-arrow:hover svg {
        opacity: 1
    }
    .btn.btn--info.has-arrow .btn__text svg path,
    .btn.btn--primary.has-arrow .btn__text svg path,
    .btn.btn--secondary.has-arrow .btn__text svg path {
        stroke: #fff
    }
    .btn.btn--secondary.btn--outline.has-arrow .btn__text svg path {
        stroke: #f67a3c
    }
    .btn.btn--primary.btn--link.has-arrow .btn__text svg path,
    .btn.btn--primary.btn--outline.has-arrow .btn__text svg path {
        stroke: #0d3c9f
    }
    .btn.btn--success.btn--outline.has-arrow .btn__text svg path {
        stroke: #28c08b
    }
    .btn.btn--info.btn--outline.has-arrow .btn__text svg path {
        stroke: #79a9fb
    }
    .btn.btn--outline.btn--white.has-arrow .btn__text svg path {
        stroke: #fff
    }
}

@media(max-width:1387px) {
    .btn.has-arrow svg {
        display: none
    }
    .btn.has-arrow:hover .btn__text {
        padding: 0
    }
}

@media(max-width:751px) {
    .btn-mob--xs {
        font-size: 14px;
        line-height: 22px;
        height: 40px;
        padding: 0 24px
    }
}

.pt {
    font-weight: 400;
    margin: 0 auto;
    width: 100%
}

.pt__header {
    padding: 0 28px;
    display: flex
}

.pt__header .pt__cell {
    height: 64px;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    cursor: pointer
}

@media(max-width:1387px) {
    .pt__header .pt__cell {
        font-size: 15px;
        line-height: 24px
    }
}

@media(max-width:1011px) {
    .pt__header .pt__cell {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:751px) {
    .pt__header .pt__cell {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

.pt__header .pt__cell.pt__cell-price {
    min-width: 300px
}

.pt__body {
    width: 100%
}

.pt__title {
    margin-bottom: 0
}

.pt__title strong {
    font-weight: 800 !important
}

.pt__row-content {
    display: flex;
    cursor: pointer;
    transition: border-top .3s;
    padding: 24px;
    background-color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-radius: 8px
}

@media(min-width:752px) {
    .pt__row-content.not-available .pt__cell {
        height: 78px
    }
}

.pt__row-content.not-available .pt__cell.pt__cell--not-available {
    display: flex
}

.pt__row-content.not-available .pt__cell.pt__cell--button,
.pt__row-content.not-available .pt__cell.pt__cell--pricing {
    display: none
}

.pt__header .pt__cell,
.pt__row-content .pt__cell {
    display: flex;
    align-items: center;
    font-weight: 300
}

.pt__header .pt__cell b,
.pt__header .pt__cell strong,
.pt__row-content .pt__cell b,
.pt__row-content .pt__cell strong {
    font-weight: 600;
    color: #2b1f51
}

.pt__header .pt__cell.pt__cell--not-available,
.pt__row-content .pt__cell.pt__cell--not-available {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 16px 0 24px
}

.pt__header .pt__cell.pt__cell--not-available .h5,
.pt__row-content .pt__cell.pt__cell--not-available .h5 {
    margin: 0;
    color: #6d6d6d
}

.pt__header .pt__cell.pt__cell--not-available .p-5,
.pt__row-content .pt__cell.pt__cell--not-available .p-5 {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #929292
}

@media(max-width:1387px) {
    .pt__header .pt__cell.pt__cell--not-available .p-5,
    .pt__row-content .pt__cell.pt__cell--not-available .p-5 {
        font-size: 13px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:1011px) {
    .pt__header .pt__cell.pt__cell--not-available .p-5,
    .pt__row-content .pt__cell.pt__cell--not-available .p-5 {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }
}

@media(max-width:751px) {
    .pt__header .pt__cell.pt__cell--not-available .p-5,
    .pt__row-content .pt__cell.pt__cell--not-available .p-5 {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }
}

@media(max-width:1387px) {
    .pt__header .pt__cell.pt__cell--not-available,
    .pt__row-content .pt__cell.pt__cell--not-available {
        padding: 0 0 0 16px
    }
}

@media(max-width:751px) {
    .pt__header .pt__cell.pt__cell--not-available,
    .pt__row-content .pt__cell.pt__cell--not-available {
        order: 6;
        max-width: 70%;
        margin-left: auto;
        align-items: flex-end;
        text-align: right
    }
}

.pt__row {
    position: relative;
    border-radius: 8px;
    z-index: 5;
    background-color: #fff
}

.pt__row+.pt__row {
    margin-top: 16px
}

.pt__row.is-open {
    border-top: 0
}

.pt__row.is-open:before {
    opacity: 1;
    visibility: visible
}

.pt__row.is-open .pt__cell.pt__cell-price .pt__btn {
    background: url(../img/icons/icon-close.svg) no-repeat 50%
}

.pt__row.is-open .pt__cell--icon svg path:nth-of-type(2) {
    transform: rotate(90deg)
}

.pt__row:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    z-index: -1;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.pt__cell {
    transition: color .3s;
    display: flex;
    align-items: center;
    height: 56px
}

.pt__cell.pt__cell-price {
    display: flex;
    align-items: center;
    flex: 1
}

.pt__cell.pt__cell-price .pt__btn {
    cursor: pointer;
    text-align: center;
    height: 28px;
    width: 28px;
    line-height: 28px;
    min-width: 28px;
    margin-left: auto;
    position: relative;
    background: url(../img/icons/icon-arrow-down.svg) no-repeat 50%
}

.pt__cell>span:not([class]) {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px
}

@media(max-width:1387px) {
    .pt__cell>span:not([class]) {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px
    }
}

@media(max-width:1011px) {
    .pt__cell>span:not([class]) {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

@media(max-width:751px) {
    .pt__cell>span:not([class]) {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

.pt__cell .pricing__amount {
    color: #2b1f51
}

.pt__cell .pricing__old,
.pt__cell .pricing__period {
    color: #524972
}

.pt__cell .pricing__period,
.pt__cell .pricing__price {
    margin-bottom: 0
}

.pt__cell .pricing__discount>* {
    font-size: 14px;
    line-height: 22px
}

.pt__cell .pricing__save {
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 4px;
    white-space: nowrap
}

.pt__cell--icon svg path {
    stroke: #0d3c9f;
    transform-origin: center;
    transition: transform .3s ease
}

.pt__cell--title {
    min-width: 18.06%
}

.pt__cell--hardware {
    min-width: 32.9%;
    justify-content: space-between
}

.pt__cell--hardware span+span {
    margin-left: 24px
}

.pt__cell--logo {
    min-width: 8.47%
}

.pt__cell--logo .pt__logo {
    margin: auto 0
}

.pt__cell--pricing {
    min-width: 15.47%;
    justify-content: center
}

.pt__cell:last-child {
    padding: 0;
    margin-left: auto
}

.pt__logo svg {
    width: 76px;
    height: auto
}

.pt__collapse {
    padding: 0 24px 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    display: none
}

.pt__collapse .pt__features {
    display: flex;
    position: relative;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    flex-wrap: wrap;
    justify-content: space-between
}

.pt__collapse .pt__features .pt__feature {
    display: flex;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    padding: 8px 24px;
    width: 381px
}

.pt__collapse .pt__features .pt__feature strong {
    font-weight: 600
}

.pt__collapse .pt__features .pt__feature:nth-of-type(3n),
.pt__collapse .pt__features .pt__feature:nth-of-type(3n-1),
.pt__collapse .pt__features .pt__feature:nth-of-type(3n-2) {
    margin-top: 16px
}

.pt__collapse .pt__features .pt__feature:first-of-type,
.pt__collapse .pt__features .pt__feature:nth-of-type(2),
.pt__collapse .pt__features .pt__feature:nth-of-type(3) {
    margin-top: 0
}

.pt__collapse .pt__features>.row+.row {
    margin-top: 16px
}

.pt__collapse .pt__servers-locations {
    margin: 16px -8px 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px
}

.pt__collapse .pt__servers-locations>span {
    margin-top: 8px;
    padding: 0 8px
}

@media(max-width:1387px) {
    .pt__collapse .pt__servers-locations {
        font-size: 13px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:1011px) {
    .pt__collapse .pt__servers-locations {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }
}

@media(max-width:751px) {
    .pt__collapse .pt__servers-locations {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }
}

.pt__collapse .pt__servers-locations .pt__location {
    margin-top: 8px;
    padding: 0 8px;
    display: flex;
    align-items: center
}

.pt__collapse .pt__servers-locations .pt__location img {
    height: 20px;
    margin-left: 6px
}

.pt__actions {
    color: #fff;
    display: flex;
    margin-top: 24px;
    align-items: center;
    justify-content: center;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    padding-top: 24px
}

.pt__actions.pt__actions--skylake {
    justify-content: space-between
}

.pt__actions.pt__actions--skylake .pt__deoploy {
    max-width: 170px
}

.pt__cell--button .pricing__coupon {
    position: absolute;
    right: 24px;
    width: 230px;
    top: -8px
}

.pt__cell--button .pricing__coupon .coupon {
    background: #fff;
    min-height: 32px
}

.pt__cell--button .pricing__coupon+.btn {
    margin-top: 21px
}

@media(min-width:1388px) {
    .pt__cell {
        padding: 0 12px
    }
    .pt__cell--button .pricing__coupon {
        width: 166px
    }
}

@media(min-width:1012px) {
    .pt__row.is-open .speedometer,
    .pt__row.is-open .speedometer__arrow,
    .pt__row.is-open .speedometer__max-speed,
    .pt__row.is-open .speedometer__speed {
        transition: .3s
    }
    .pt__row.is-open .speedometer__arrow {
        fill: #fff;
        stroke: #fff
    }
    .pt__row.is-open .speedometer__speed {
        stroke: #fff
    }
    .p-l {
        padding-left: 40px
    }
}

@media(max-width:1387px) {
    .pt__cell {
        padding-left: 16px
    }
    .pt__cell--title {
        min-width: 17.06%
    }
    .pt__cell--hardware {
        min-width: 47%;
        padding-left: 32px !important;
        justify-content: space-evenly
    }
    .pt__cell--logo {
        display: none !important
    }
    .pt__cell--button {
        padding-left: 24px
    }
    .pt__cell--button .btn {
        min-width: 135px;
        margin-left: 16px
    }
    .pt__cell .pricing__save {
        font-size: 12px;
        line-height: 20px;
        font-weight: 300
    }
    .pt__cell .pricing__old {
        font-size: 15px;
        line-height: 24px
    }
    .pt__cell .pricing__discount {
        align-items: center
    }
    .pt__collapse .pt__features .pt__feature {
        padding: 8px 16px;
        width: 284px
    }
}

@media(max-width:1011px) {
    .pt__cell--hardware {
        min-width: unset;
        padding-left: 16px !important
    }
    .pt__cell--hardware span {
        display: flex;
        flex-direction: column;
        text-align: center;
        min-width: 56px
    }
    .pt__cell--hardware span+span {
        margin-left: 24px
    }
    .pt__cell--title {
        min-width: 19.06%
    }
    .pt__cell--pricing {
        min-width: 19.47%
    }
    .pt__cell--pricing .pricing__price {
        justify-content: center
    }
    .pt__cell--button .btn {
        min-width: 130px
    }
    .pt__row-content {
        padding: 16px
    }
    .pt__collapse {
        padding: 0 16px 16px
    }
    .pt__collapse .pt__features .pt__servers-locations {
        margin-top: 16px
    }
    .pt__collapse .pt__features .pt__feature {
        width: 208px
    }
}

@media(max-width:751px) {
    .pt__row-content {
        flex-wrap: wrap
    }
    .pt__cell {
        height: unset
    }
    .pt__cell--icon {
        order: 1
    }
    .pt__cell--title {
        order: 2
    }
    .pt__cell--hardware {
        order: 4
    }
    .pt__cell--pricing {
        order: 3;
        flex-grow: 1;
        justify-content: flex-end
    }
    .pt__cell--logo {
        display: flex !important;
        order: 5
    }
    .pt__cell--button {
        margin-left: auto;
        order: 6
    }
    .pt__cell--button .btn {
        min-width: 176px;
        margin-left: 0
    }
    .pt__cell--hardware {
        margin: 16px 0;
        padding-left: 0 !important;
        width: 100%;
        justify-content: space-between
    }
    .pt__cell--hardware span {
        margin: 0
    }
    .pt__collapse .pt__features .pt__feature {
        width: calc(50% - 8px);
        padding: 8px 10px
    }
    .pt__collapse .pt__features .pt__feature span {
        display: flex;
        flex-direction: column
    }
    .pt__collapse .pt__features .pt__feature:nth-of-type(2n),
    .pt__collapse .pt__features .pt__feature:nth-of-type(2n-1) {
        margin-top: 16px
    }
    .pt__collapse .pt__features .pt__feature:first-of-type,
    .pt__collapse .pt__features .pt__feature:nth-of-type(2) {
        margin-top: 0
    }
    .pt__collapse .pt__features .pt__feature:last-of-type {
        width: 100%
    }
    .pt__collapse .pt__servers-locations {
        flex-wrap: wrap
    }
    .pt__collapse .pt__servers-locations>span {
        width: 100%;
        text-align: center
    }
    .pt__collapse .pt__servers-locations .pt__location {
        width: 50%;
        margin-left: 0;
        margin-top: 8px
    }
    .pt__collapse .pt__servers-locations .pt__location img {
        margin-right: 12px;
        height: 15px
    }
    .pt__collapse .pt__servers-locations .pt__location:nth-child(odd) {
        justify-content: flex-start
    }
    .pt__collapse .pt__servers-locations .pt__location:nth-child(2n) {
        justify-content: flex-end
    }
    .pt__cell--button {
        flex-direction: column
    }
    .pt__cell--button .pricing__coupon {
        position: relative;
        top: unset;
        right: unset;
        width: 176px
    }
    .pt__cell--button .pricing__coupon .coupon {
        margin-bottom: 8px
    }
    .pt__cell--button .pricing__coupon+.btn {
        margin-top: 0
    }
}

.modal__content {
    padding: 24px;
    border-radius: 8px
}

.modal__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.modal__header .modal__title {
    color: #2b1f51;
    display: inline-block;
    margin: 10px 0 0
}

.modal__header svg path {
    stroke: #2b1f51
}

.modal__body {
    margin-top: 32px;
    padding: 0
}

.modal--coupon .modal__dialog {
    width: 660px
}

.modal--coupon .modal__content {
    padding-bottom: 48px
}

.modal--coupon .modal__footer {
    margin-left: 108px
}

.modal--coupon .modal__coupon-bottom,
.modal--coupon .modal__coupon-top {
    padding-left: 24px;
    display: flex
}

.modal--coupon .modal__coupon-bottom>p,
.modal--coupon .modal__coupon-top>p {
    margin: 0
}

.modal--coupon .modal__coupon-bottom>p:not(.modal__coupon-step),
.modal--coupon .modal__coupon-top>p:not(.modal__coupon-step) {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 24px
}

.modal--coupon .modal__coupon-top {
    border-bottom: 1px solid #e5e0f4;
    padding-bottom: 64px;
    flex-wrap: wrap
}

.modal--coupon .modal__coupon-bottom {
    padding-top: 64px;
    padding-bottom: 24px
}

.modal--coupon .modal__coupon-step {
    min-width: 62px;
    min-height: 62px;
    font-size: 32px;
    line-height: 37.5px;
    background-color: #e5e0f4;
    color: #0d3c9f;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    margin-right: 24px
}

.modal--coupon .modal__coupon {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 24px
}

.modal--coupon .modal__coupon>p {
    margin: 0 0 0 24px;
    font-weight: 500
}

.modal--coupon .modal__coupon>p svg {
    margin-bottom: -6px
}

.modal--coupon .modal__coupon .coupon {
    border-radius: 6px;
    display: flex;
    height: 72px;
    width: 265px;
    margin-left: 86px;
    box-shadow: 0 16px 32px 10px rgba(0, 0, 0, .04), 0 16px 48px 10px rgba(0, 0, 0, .08);
    font-size: 24px;
    line-height: 40px
}

.modal--coupon .modal__coupon .coupon span {
    padding: 16px 24px
}

.modal--coupon .modal__coupon .coupon button {
    height: 100% !important;
    width: 72px;
    margin-left: auto;
    background-color: #fff;
    border-left: 3px dashed #c4c4c4
}

.modal--coupon .modal__coupon .coupon button svg path {
    transform: stroke .24s ease;
    stroke: #b6b6b6
}

.modal--coupon .modal__coupon .coupon button:hover {
    background-color: #f67a3c;
    border-left: 3px dashed #fff
}

.modal--coupon .modal__coupon .coupon button:hover svg path {
    stroke: #fff
}

.js-next-plan,
.js-previous-plan {
    box-shadow: none;
    padding: 0 24px
}

.plan__nav {
    display: flex;
    justify-content: space-between;
    margin: 0 -22px
}

.plan__info {
    font-size: 13px;
    margin-bottom: 0
}

.plan {
    display: flex;
    background: #fff
}

.plan.plan--three-columns {
    max-width: 922px
}

.plan+.buttons-group {
    margin-top: 60px
}

.plan .swiper-wrapper {
    padding-top: 0
}

.plan__title {
    margin-bottom: 8px
}

.plan__pricing {
    margin-bottom: 24px
}

.plan__column {
    flex: 1;
    position: relative
}

.plan__column.plan__column--empty {
    height: 100%;
    min-width: 292px
}

.plan__column.plan__column--empty .plan__header {
    height: 214px;
    border-left: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5
}

.plan__column.plan__column--empty .plan__body {
    border-left: 1px solid #f5f5f5
}

.plan__column.plan--featured {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);
    background: #fff
}

.plan__header {
    text-align: center;
    padding: 32px 24px;
    height: 214px;
    border-right: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5
}

.plan__header .price__data {
    display: inline-block
}

.plan__header .plan__header-not-available {
    display: none
}

.plan__header.plan__header--disabled .plan__title {
    color: #929292
}

.plan__header.plan__header--disabled .plan__header-not-available {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    text-align: center;
    align-items: center;
    flex: 1;
    justify-content: center
}

.plan__header.plan__header--disabled .plan__header-not-available .h5 {
    color: #6d6d6d
}

.plan__header.plan__header--disabled .plan__header-not-available .p-4 {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #929292
}

@media(max-width:1387px) {
    .plan__header.plan__header--disabled .plan__header-not-available .p-4 {
        font-size: 13px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:1011px) {
    .plan__header.plan__header--disabled .plan__header-not-available .p-4 {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }
}

@media(max-width:751px) {
    .plan__header.plan__header--disabled .plan__header-not-available .p-4 {
        font-size: 12px;
        font-weight: 300;
        line-height: 20px
    }
}

.plan__header.plan__header--disabled .plan__header-available {
    display: none
}

.plan__body {
    border-bottom: 1px solid #f5f5f5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.plan__body.plan__body--right {
    text-align: right
}

.plan__body.plan__body--right .plan__cell {
    justify-content: flex-end
}

.plan__cell {
    border-right: 1px solid #f5f5f5;
    height: 38px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    justify-content: center
}

.plan__cell i {
    font-size: 24px
}

.plan__cell.plan__cell-first {
    height: 10px
}

.plan__cell.plan__cell-last {
    height: 24px
}

.plan__cell.plan__cell--center {
    justify-content: center
}

.plan__cell.plan__cell--right {
    justify-content: flex-end
}

.plan__cell.plan__cell--highlight {
    background: #f5f8f9;
    font-weight: 500;
    border: none
}

.plan__cell.plan__cell-category {
    font-size: 16px;
    font-weight: 500;
    height: 72px
}

.plan .zmdi-check {
    color: #56cc71
}

.plan .zmdi-close {
    color: #ff6c6c
}

.plan .swiper-container {
    width: 100%
}

.plan .swiper-container .plan__cell {
    font-weight: 500
}

.plan.plan--cpanel {
    max-width: 900px
}

.plan.plan--cpanel .plan__header {
    height: 100px
}

.plan.plan--cpanel .plan__column.plan--featured .plan__header {
    height: 130px;
    color: #0d3c9f
}

.plan.plan--cpanel .plan__column .plan__column--empty .plan__header {
    height: 100px
}

.plan .pricing .pricing__discount {
    cursor: pointer
}

>.plan__column--empty .plan__header {
    text-align: left
}

@media(min-width:1012px) {
    .plan {
        position: relative
    }
    .plan .swiper-container {
        overflow: visible
    }
    .plan .swiper-slide {
        display: flex;
        align-items: stretch
    }
    .plan__cell.plan__cell-transparent {
        background: #f5f5f5;
        height: 30px
    }
    .plan__cell.plan__cell-white {
        background: #fff;
        height: 30px
    }
    .plan .plan__column.plan--featured {
        margin-top: -30px
    }
    .plan .plan__column.plan--featured .plan__header {
        padding-top: 62px;
        height: 244px
    }
    .plan .plan__column--empty:before {
        border-top-left-radius: 4px
    }
    .plan .plan__column--last:before {
        border-top-right-radius: 4px
    }
    .plan .plan__column .plan__header.plan__header--no-border {
        border-right: 0;
        border-top: 0
    }
    .plan .plan__column.plan__column--shadow {
        overflow: hidden;
        position: relative;
        z-index: 200;
        background: #fff;
        margin-top: -10px;
        margin-bottom: -10px;
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, .08)
    }
    .plan .plan__column.plan__column--shadow:before {
        content: none
    }
    .plan .plan__column.plan__column--shadow .plan__header {
        padding-top: 35px;
        border-top: 0;
        border-right: none;
        height: 210px
    }
    .plan .plan__column.plan__column--shadow .plan__cell {
        border-right: 0
    }
    .plan .plan__column.plan__column--shadow .plan__body {
        border-bottom: 0
    }
    .plan .plan__column.plan__column--shadow .plan__cell--highlight {
        background: 0 0
    }
    .plan .plan__body.plan__body--no-border .plan__cell {
        border-right: 0
    }
}

@media(max-width:1011px) {
    .plan__info {
        margin-top: 16px
    }
    .plan__cell.plan__cell-transparent,
    .plan__cell.plan__cell-white {
        display: none
    }
    .plan__column.plan__column--empty {
        min-width: 235px
    }
    .plan.plan--cpanel .plan__title {
        font-size: 22px
    }
    .plan.plan--cpanel .plan__cell {
        height: 52px
    }
    .plan.plan--cpanel .swiper-container .plan__cell {
        text-align: center
    }
    .plan.plan--cpanel .plan__column.plan--featured .plan__header,
    .plan.plan--cpanel .plan__column .plan__column--empty .plan__header {
        height: 100px
    }
}

@media(max-width:751px) {
    .plan .plan__cell {
        padding: 0 8px
    }
    .plan .plan__cell:not(.plan__cell-category) {
        font-size: 13px
    }
    .plan .swiper-container .plan__cell {
        font-size: 15px
    }
}

@media(max-width:513px) {
    .plan__info {
        padding: 0 16px
    }
    .plan__nav {
        margin: 0
    }
    .plan__header {
        padding: 24px 8px;
        height: 120px
    }
    .plan__header .btn {
        display: none
    }
    .plan__column.plan__column--empty {
        min-width: 50%
    }
    .plan__column.plan__column--empty .plan__header {
        height: 120px
    }
    .plan.plan--cpanel .plan__column.plan__column--empty .plan__header {
        height: 100px
    }
}

.plan {
    overflow: visible;
    position: relative
}

.plan>.plan__column {
    min-width: 355px
}

.plan>.plan__column .plan__cell {
    font-weight: 600
}

.plan>.plan__column .plan__body {
    border: none
}

.plan>.plan__column--empty {
    z-index: 5;
    background-color: #fff;
    overflow: visible
}

.plan>.plan__column--empty .plan__header {
    padding: 32px 24px;
    border: 1px solid #e1e2e5;
    border-top: none;
    border-left: none;
    justify-content: center;
    align-items: flex-start
}

.plan>.plan__column--empty .plan__header a {
    text-decoration: none;
    color: #0d3c9f;
    font-weight: 600
}

.plan>.plan__column--empty .plan__header p {
    text-align: left;
    margin-bottom: 0
}

.plan>.plan__column--empty .plan__header p+p {
    margin-top: 24px
}

.plan>.plan__column--empty:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1000%;
    height: 100%;
    width: 1000%;
    background-color: #fff
}

.plan>.plan__column--empty .plan__cell {
    color: #2b1f51
}

.plan .swiper-container:not(.container) {
    padding: 0
}

.plan .swiper-container .plan__cell {
    font-weight: 300
}

.plan .plan__cell {
    justify-content: flex-start;
    height: 56px;
    border-right: 1px solid #e1e2e5;
    border-bottom: 1px solid #e1e2e5;
    padding: 0 16px
}

.plan .plan__cell .zmdi-check {
    color: #009a64
}

.plan .plan__cell .zmdi-close {
    color: #b6b6b6
}

.plan .plan__cell label {
    margin-bottom: 0
}

.plan .plan__cell label path {
    stroke: #b6b6b6
}

.plan .plan__header {
    padding: 32px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 213px !important;
    border: 1px solid #e1e2e5;
    border-left: none;
    text-align: left;
    font-weight: bold;
    font-size: 24px;
}

.plan .plan__header .pricing {
    align-items: center;
    margin-top: 16px
}

.plan .plan__header .pricing .pricing__amount,
.plan .plan__header .pricing .pricing__period {
    color: #2b1f51
}

.plan .plan__header .pricing .pricing__old {
    color: #524972
}

.plan .plan__header .btn {
    margin-top: 24px
}

.plan__nav .btn--link {
    color: #0d3c9f;
    font-weight: 600
}

.plan__nav .btn--link .btn__icon svg path {
    transition: stroke .3s ease
}

.plan__nav .btn--link:hover .btn__icon svg path {
    stroke: #f8905c
}

.plan__nav .btn__icon svg path {
    stroke: #0d3c9f
}

.plan--cloud-vps .swiper-container .plan__header,
.plan--cloud-vps .swiper-container .swiper-slide,
.plan--reseller-hosting-plans .swiper-container .plan__header,
.plan--reseller-hosting-plans .swiper-container .swiper-slide {
    width: 229.75px
}

.plan--cloud-vps .plan__column--empty,
.plan--reseller-hosting-plans .plan__column--empty {
    min-width: 305px
}

.plan--cloud-vps .plan__column--empty span,
.plan--reseller-hosting-plans .plan__column--empty span {
    display: flex;
    flex-direction: column;
    text-align: left
}

.plan--pricing {
    background-color: transparent
}

.plan--pricing>.plan__column {
    min-width: 300px;
    max-width: 300px
}

.plan--pricing>.plan__column--empty {
    background-color: #fff
}

.plan--pricing>.plan__column--empty .plan__header {
    width: unset !important;
    border: none;
    border-top-left-radius: 12px
}

.plan--pricing>.plan__column--empty .plan__header:before {
    border-bottom-left-radius: 12px
}

.plan--pricing>.plan__column--empty:before {
    content: unset
}

.plan--pricing .plan__main-header {
    display: flex;
    width: 100%;
    padding: 32px 0;
    position: relative;
    margin-bottom: 24px
}

.plan--pricing .plan__header {
    padding: 32px 24px;
    border: none;
    position: relative
}

.plan--pricing .plan__header--empty {
    min-width: 240px;
    max-width: 240px;
    align-items: flex-start
}

.plan--pricing .plan__header--empty a {
    text-decoration: none;
    color: #0d3c9f;
    font-weight: 600
}

.plan--pricing .plan__header--empty p {
    text-align: left;
    margin-bottom: 0
}

.plan--pricing .plan__header--empty p+p {
    margin-top: 24px
}

.plan--pricing .plan__header:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    z-index: 0
}

.plan--pricing .plan__cell {
    border-right-color: #efefef;
    border-bottom-color: #efefef
}

.plan--pricing .swiper-container {
    width: unset
}

.plan--pricing .swiper-container .plan__header {
    border-left: 1px solid #efefef
}

.plan--pricing .swiper-container .swiper-slide:last-of-type .plan__header:before {
    border-bottom-right-radius: 12px
}

.plan--main-header {
    margin-bottom: 24px;
    position: relative;
    border-radius: 12px;
    z-index: 99
}

.plan--main-header:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px;
    z-index: 0
}

.plan--main-header .plan__header {
    padding-bottom: 0;
    padding-top: 0;
    height: 220px !important;
    border: none;
    position: relative
}

.plan--main-header .plan__header.plan__header--empty {
    min-width: 300px;
    max-width: 300px;
    padding: 32px 24px;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    z-index: 555;
    align-items: flex-start;
    height: unset !important
}

.plan--main-header .plan__header.plan__header--empty a {
    text-decoration: none;
    color: #0d3c9f;
    font-weight: 600
}

.plan--main-header .plan__header.plan__header--empty p {
    text-align: left;
    margin-bottom: 0
}

.plan--main-header .plan__header.plan__header--empty p+p {
    margin-top: 24px;
    text-align: left;
    display: flex;
    flex-direction: column
}

.plan--main-header .plan__wrapper {
    display: flex
}

.plan--main-header .plan__wrapper .plan__header {
    border-left: 1px solid #efefef
}

.plan--main-header .plan__container {
    display: flex;
    overflow: hidden;
    border-radius: 12px
}

.plan--main-header .mobile-slider .plan__wrapper {
    padding: 32px 0 !important;
    background-color: #fff;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

.plan--main-header .mobile-slider .plan__wrapper .swiper-slide {
    flex-grow: 0
}

.plan--main-header .swiper-slide,
.plan--pricing .swiper-slide {
    width: 308px
}

.plan--main-header .swiper-container,
.plan--pricing .swiper-container {
    margin: 0
}

.plan--web-hosting-plans .swiper-slide {
    width: 289.67px
}

#plan-sticky {
    position: absolute;
    top: 300px
}

#plan-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 555;
    width: 100%;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    flex-wrap: wrap;
    transition: transform .3s ease
}

#plan-header-sticky .container {
    display: flex;
    flex-wrap: wrap-reverse;
    position: relative
}

#plan-header-sticky .container .plan__wrapper {
    display: flex
}

#plan-header-sticky .container .swiper-inner-wrapper {
    display: flex;
    overflow: visible;
    flex-direction: row-reverse;
    position: relative
}

#plan-header-sticky .container .swiper-inner-wrapper>.plan__header {
    min-width: 355px;
    padding: 32px 24px;
    border: 1px solid #e1e2e5;
    border-top: none;
    border-left: none;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    background-color: #fff;
    z-index: 5;
    order: 2
}

#plan-header-sticky .container .swiper-inner-wrapper>.plan__header p {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 24px
}

@media(max-width:1387px) {
    #plan-header-sticky .container .swiper-inner-wrapper>.plan__header p {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }
}

@media(max-width:1011px) {
    #plan-header-sticky .container .swiper-inner-wrapper>.plan__header p {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px
    }
}

@media(max-width:751px) {
    #plan-header-sticky .container .swiper-inner-wrapper>.plan__header p {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px
    }
}

#plan-header-sticky .container .swiper-inner-wrapper>.plan__header [data-plan-header-text-bottom] {
    font-size: 18px
}

#plan-header-sticky .container .swiper-inner-wrapper>.plan__header a {
    color: #0d3c9f;
    font-weight: 600
}

#plan-header-sticky .container .swiper-inner-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(-1000% + 5px);
    height: 100%;
    width: 1000%;
    background-color: #fff;
    z-index: 5
}

#plan-header-sticky .plan__header {
    height: 214px !important;
    border-bottom: 0 !important
}

#plan-header-sticky .plan__header .pricing {
    margin-top: 0
}

#plan-header-sticky .plan__header .pricing__discount {
    display: none
}

#plan-header-sticky .plan__header .pricing__amount {
    font-size: 40px;
    font-weight: 800;
    line-height: 52px;
    font-weight: 900
}

@media(max-width:1387px) {
    #plan-header-sticky .plan__header .pricing__amount {
        font-size: 38px;
        font-weight: 800;
        line-height: 50px
    }
}

@media(max-width:1011px) {
    #plan-header-sticky .plan__header .pricing__amount {
        font-size: 30px;
        font-weight: 800;
        line-height: 44px
    }
}

@media(max-width:751px) {
    #plan-header-sticky .plan__header .pricing__amount {
        font-size: 30px;
        font-weight: 800;
        line-height: 44px
    }
}

#plan-header-sticky .plan__header .btn {
    margin-top: 0
}

#plan-header-sticky .plan__title {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 8px
}

@media(max-width:1387px) {
    #plan-header-sticky .plan__title {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }
}

@media(max-width:1011px) {
    #plan-header-sticky .plan__title {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px
    }
}

@media(max-width:751px) {
    #plan-header-sticky .plan__title {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px
    }
}

#plan-header-sticky .plan__nav {
    width: 100%;
    order: 1
}

@media(min-width:1388px) {
    .list-group--collapse .swiper-slide {
        min-width: 289.67px
    }
    .plan--pricing>.plan__column--empty {
        background-color: unset
    }
}

@media(max-width:1387px) {
    .plan .plan__header {
        padding: 24px 8px;
        height: 250px !important
    }
    .plan .plan__header .btn {
        margin-top: 16px
    }
    .plan .plan__header .pricing__price {
        margin-bottom: 4px
    }
    .plan .plan__title {
        margin-bottom: 0
    }
    .plan>.plan__column .plan__cell {
        padding: 0
    }
    .plan>.plan__column .plan__header {
        padding-left: 0
    }
    .plan--main-header {
        flex-wrap: wrap
    }
    .plan--main-header .mobile-slider .plan__wrapper {
        padding: 0 !important
    }
    .plan--main-header .plan__header.plan__header--empty {
        min-width: 240px;
        max-width: 240px
    }
    .plan--main-header .plan__nav {
        margin: 0
    }
    .plan--main-header .plan__nav-wrapper {
        width: 100%
    }
    .plan--pricing>.plan__column--empty {
        min-width: 240px;
        max-width: 240px
    }
    #plan-header-sticky.visible .plan__header:not(:first-of-type),
    .plan--web-hosting-plans .swiper-slide {
        width: 289px
    }
    .list-group--collapse .swiper-slide {
        min-width: 289px
    }
    .list-group--collapse .list-group__item {
        align-items: flex-start
    }
}

@media(max-width:1011px) {
    .plan .plan__header {
        height: 226px !important
    }
    .plan .plan__header .btn,
    .plan .plan__header .pricing {
        margin-top: 8px
    }
    .plan--main-header .plan__header.plan__header--empty,
    .plan--pricing>.plan__column--empty {
        min-width: 227px;
        max-width: 227px
    }
    #plan-header-sticky.visible .plan__header:not(:first-of-type),
    .plan--web-hosting-plans .swiper-slide {
        width: 333px
    }
    .list-group--collapse .swiper-slide {
        min-width: 333px
    }
}

@media(max-width:751px) {
    .plan>.plan__column {
        min-width: 168px
    }
    .plan .mobile-slider .plan__header .btn {
        min-width: 128px;
        max-width: 128px
    }
    .plan .mobile-slider .plan__header .pricing__save {
        margin-left: 4px
    }
    .plan--main-header .plan__header--empty {
        width: 152px !important;
        min-width: 152px !important;
        max-width: 152px !important;
        padding: 12px 16px !important
    }
    .plan--main-header .plan__header--empty span {
        text-align: left
    }
    .plan--pricing>.plan__column--empty {
        min-width: 152px
    }
    .plan--main-header .swiper-slide,
    .plan--pricing .swiper-slide {
        width: 163px
    }
    .plan--web-hosting-plans .swiper-slide {
        width: 200px
    }
    .list-group--collapse .swiper-slide {
        min-width: 144px
    }
    #plan-header-sticky .container .swiper-inner-wrapper>.plan__header {
        min-width: unset;
        width: 168px;
        padding: 16px 0;
        height: unset !important
    }
    #plan-header-sticky .container .swiper-inner-wrapper>.plan__header p {
        margin-bottom: 16px
    }
    #plan-header-sticky .plan__header {
        height: unset !important;
        padding: 8px
    }
    #plan-header-sticky .plan__header .btn {
        min-width: 128px
    }
    #plan-header-sticky .plan__header .plan__title,
    #plan-header-sticky .plan__header .pricing__price {
        margin-bottom: 0
    }
}

@media(max-width:513px) {
    .plan__header .btn {
        display: flex
    }
    .plan--cloud-vps .swiper-container .plan__header,
    .plan--cloud-vps .swiper-slide,
    .plan--reseller-hosting-plans .swiper-container .plan__header,
    .plan--reseller-hosting-plans .swiper-slide {
        width: 165px
    }
}

.plan--main-header .plan__header--promo {
    height: 300px !important
}

@media(max-width:1387px) {
    .plan--main-header .plan__header--promo {
        height: 310px !important
    }
}

@media(max-width:1011px) {
    .plan--main-header .plan__header--promo {
        height: 284px !important
    }
}

.plan--main-header .plan__header--promo .pricing__coupon {
    width: auto;
    min-width: 190px
}

#plan-header-sticky .plan__header--promo {
    height: 300px !important
}

@media(max-width:1387px) {
    #plan-header-sticky .plan__header--promo {
        height: 318px !important
    }
}

@media(max-width:1011px) {
    #plan-header-sticky .plan__header--promo {
        height: 250px !important
    }
}

@media(max-width:751px) {
    #plan-header-sticky .plan__header--promo {
        height: 206px !important
    }
}

#plan-header-sticky .plan__header--promo .pricing__coupon {
    width: auto;
    min-width: 190px;
    margin-top: 8px !important;
    margin-bottom: 16px !important
}

#plan-header-sticky .plan__header--promo .pricing__coupon,
.plan--main-header .plan__header--promo .pricing__coupon {
    width: auto;
    min-width: 190px
}

@media(max-width:1387px) {
    #plan-header-sticky .plan__header--promo .pricing__coupon,
    .plan--main-header .plan__header--promo .pricing__coupon {
        min-width: 180px
    }
    #plan-header-sticky .plan__header--promo .pricing__coupon .coupon,
    .plan--main-header .plan__header--promo .pricing__coupon .coupon {
        min-height: 46px
    }
}

@media(max-width:1011px) {
    #plan-header-sticky .plan__header--promo .pricing__coupon,
    .plan--main-header .plan__header--promo .pricing__coupon {
        min-width: 150px
    }
}

@media(max-width:751px) {
    #plan-header-sticky .plan__header--promo .pricing__coupon,
    .plan--main-header .plan__header--promo .pricing__coupon {
        min-width: 128px
    }
}

.tab-content .section__body {
    flex-wrap: wrap
}

.tab-content .section__graphic {
    max-width: 728px;
    width: 100%;
    margin-top: 80px
}

.tab-content .section__sidebar {
    min-height: unset
}

.tab-content.tab--location {
    background-color: #fff;
    border-radius: 16px;
    position: relative;
    margin-top: 40px
}

.tab-content.tab--location:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: box-shadow .3s ease;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    border-radius: 12px
}

.tabs.tabs--feedback .nav__item .nav__link {
    filter: grayscale(100%);
    opacity: .4;
    transition: opacity .3s
}

.tabs.tabs--feedback .nav__item .nav__link:hover {
    filter: grayscale(0);
    opacity: 1
}

.tabs.tabs--feedback .nav__item+.nav__item {
    margin-left: 106px
}

.tabs.tabs--feedback .nav__item.is-active:after {
    display: none
}

.tabs.tabs--feedback .nav__item.is-active .nav__link {
    filter: grayscale(0);
    opacity: 1
}

.tabs--locations .nav__item .nav__link {
    color: #fff
}

@media(max-width:1011px) {
    .tabs.tabs--feedback {
        overflow: visible
    }
    .tabs.tabs--feedback .nav--tabs {
        margin: 0 !important;
        justify-content: space-between !important
    }
}

@media(max-width:751px) {
    .tabs.tabs--feedback .nav--tabs .nav__item+.nav__item {
        margin-left: 40px
    }
}

.swiper-pagination {
    position: relative
}

.reviews__slide {
    overflow: visible;
    padding: 78px 20px 0;
    text-align: left
}

 
.nav-legal {
    height: 100%;
    justify-content: space-between;
    background-color: #fff;
    padding: 24px;
    border-radius: 16px
}

.nav-legal .nav__link {
    margin: 0;
    white-space: inherit;
    font-size: 18px;
    line-height: 30px;
    padding: 8px 0;
    position: relative;
    transition: padding .3s;
    font-weight: 600;
    color: #524972;
    border: 0;
    background-color: #fff
}

.nav-legal .nav__link svg {
    opacity: 0;
    transition: opacity .3s;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.nav-legal .nav__link:hover {
    color: #0d3c9f;
    padding-left: 16px
}

.nav-legal .nav__link+.nav__link {
    margin: 0
}

.nav-legal .nav__item.is-active .nav__link {
    color: #0d3c9f;
    background-color: #e5e0f4;
    border-radius: 8px;
    padding: 8px 16px
}

.nav-legal .nav__item.is-active .nav__link svg {
    opacity: 1
}

.nav-legal .nav__item:last-of-type .nav__link svg {
    right: 0
}

.nav .nav__item.nav-item-icon-only .nav__link .nav__link-text {
    display: none
}

.dv {
    position: relative;
    margin-left: auto;
    width: 670px;
    height: 520px;
    z-index: 3
}

.dv__item {
    position: absolute;
    will-change: transform, opacity;
    width: 100%;
    height: 100%;
    z-index: 4
}

.dv__item--center {
    right: 0
}

.dv__item--left {
    width: 183px;
    height: 187px;
    bottom: 118px;
    left: -107px;
    z-index: 10
}

.dv__item--right {
    width: 133px;
    height: 139px;
    top: 133px;
    right: -32px;
    z-index: 10;
    background-color: #fff;
    padding: 15px 27px;
    border-radius: 16px
}

.dv__item--right:after {
    content: "";
    height: 16px;
    width: 16px;
    position: absolute;
    top: 62px;
    left: -8px;
    transform: rotate(45deg);
    background-color: #fff
}

.dv__item--right p {
    margin: 0;
    line-height: 28px
}

.dv__item--right p:first-child {
    font-weight: 900
}

.dv__item--right p:nth-child(2) {
    font-weight: 700
}

.dv__item--right p:nth-child(3) {
    font-weight: 400
}

.dv .browser {
    padding: 35px 43px
}

.dv .browser-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.dv .browser-nav {
    position: absolute;
    top: 43px;
    right: auto;
    left: auto
}

.dv .browser__screen-title {
    position: absolute;
    top: 168px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #fff;
    max-width: 406px;
    width: 100%
}

.dv .browser__screen-title p {
    font-size: 32px;
    line-height: 37px;
    color: #fff;
    margin: 0;
    text-align: center;
    padding: 12px 32px;
    white-space: nowrap
}

.dv .browser__screen-title .browser-square {
    position: absolute
}

.dv .browser__screen-title .square-bottom-left {
    left: -6px;
    bottom: -6px
}

.dv .browser__screen-title .square-top-left {
    left: -6px;
    top: -6px
}

.dv .browser__screen-title .square-bottom-right {
    right: -6px;
    bottom: -6px
}

.dv .browser__screen-title .square-top-right {
    right: -6px;
    top: -6px
}

.dv .browser__screen-boxes {
    position: absolute;
    bottom: 0;
    right: 43px;
    left: 43px
}

.illustration,
.illustration-left,
.illustration-right {
    height: 100%
}

.illustration-slider__slide {
    opacity: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    transition: visibility .3s, opacity .3s
}

.illustration-slider__slide.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 3
}

@media(max-width:1387px) {
    .dv {
        right: -50px
    }
}

svg {
    will-change: transform
}

.dataTables_filter {
    position: relative;
    border: 1px solid #cec9df;
    border-radius: 6px;
    padding-left: 48px;
    height: 52px;
    min-width: 348px
}

.dataTables_filter:after {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../img/icons/search.svg);
    width: 24px;
    height: 24px
}

.dataTables_filter input {
    border: 0;
    outline: none;
    background-color: transparent;
    height: 52px;
    width: 100%
}

.dataTables_wrapper .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px
}

.dataTables_wrapper .top label {
    margin-bottom: 0
}

.dataTables_paginate {
    display: flex
}

.dataTables_paginate .paginate_button {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #cec9df;
    color: #0d3c9f;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    margin-left: 8px;
    font-weight: 400;
    cursor: pointer
}

.dataTables_paginate .paginate_button.current {
    background: #0d3c9f;
    color: #fff;
    border-color: #0d3c9f
}

.dataTables_paginate .paginate_button.next,
.dataTables_paginate .paginate_button.previous {
    border: 0;
    position: relative;
    width: auto;
    font-weight: 600
}

.dataTables_paginate .paginate_button.next svg path,
.dataTables_paginate .paginate_button.previous svg path {
    stroke: #0d3c9f
}

.dataTables_paginate .paginate_button.disabled {
    color: #cec9df;
    cursor: default
}

.dataTables_paginate .paginate_button.disabled svg path {
    stroke: #cec9df
}

.dataTables_paginate .ellipsis {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #cec9df;
    color: #0d3c9f;
    margin-left: 8px;
    justify-content: center;
    align-items: center
}

.dataTables_paginate span {
    display: flex
}

.table--tld thead tr th {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    font-weight: 600;
    color: #2b1f51
}

@media(max-width:1387px) {
    .table--tld thead tr th {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

@media(max-width:1011px) {
    .table--tld thead tr th {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

@media(max-width:751px) {
    .table--tld thead tr th {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px
    }
}

.table--tld span+span {
    margin-left: 8px
}

.table--tld span.price--current {
    color: #f67a3c;
    font-weight: 600
}

.table--tld span.price--discount {
    text-decoration: line-through
}

.table--tld .sale {
    border-radius: 2px;
    margin: 0 0 0 8px;
    height: 30px;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    font-weight: 600;
    vertical-align: top
}

@media(max-width:1387px) {
    .table--tld .sale {
        font-size: 15px;
        line-height: 24px
    }
}

@media(max-width:1011px) {
    .table--tld .sale {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:751px) {
    .table--tld .sale {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

.table--tld tbody tr td:first-child {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    font-weight: 600;
    color: #2b1f51
}

@media(max-width:1387px) {
    .table--tld tbody tr td:first-child {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px
    }
}

@media(max-width:1011px) {
    .table--tld tbody tr td:first-child {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

@media(max-width:751px) {
    .table--tld tbody tr td:first-child {
        font-size: 17px;
        font-weight: 300;
        line-height: 28px
    }
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer
}

table.dataTable thead .sorting .sorting-arrows,
table.dataTable thead .sorting_asc .sorting-arrows,
table.dataTable thead .sorting_asc_disabled .sorting-arrows,
table.dataTable thead .sorting_desc .sorting-arrows,
table.dataTable thead .sorting_desc_disabled .sorting-arrows {
    display: inline
}

table.dataTable thead .sorting .sorting-arrows:after,
table.dataTable thead .sorting_asc .sorting-arrows:after,
table.dataTable thead .sorting_asc_disabled .sorting-arrows:after,
table.dataTable thead .sorting_desc .sorting-arrows:after,
table.dataTable thead .sorting_desc_disabled .sorting-arrows:after {
    content: "";
    background-repeat: no-repeat
}

table.dataTable thead .sorting .sorting-arrows:after {
    background-image: url(../img/icons/sort.svg)
}

table.dataTable thead .sorting_asc .sorting-arrows:after {
    background-image: url(../img/icons/sort-ascending.svg)
}

table.dataTable thead .sorting_desc .sorting-arrows:after {
    background-image: url(../img/icons/sort-descending.svg)
}

table.dataTable thead td,
table.dataTable thead th {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    height: 52px;
    text-transform: capitalize
}

table.dataTable tbody td {
    border-color: rgba(0, 0, 0, .1);
    height: 52px
}

@media(max-width:751px) {
    .dataTables_wrapper .top {
        flex-direction: column
    }
    .dataTables_wrapper .dataTables_filter {
        margin-bottom: 16px;
        min-width: 100%;
        width: 100%
    }
    .dataTables_wrapper .dataTables_paginate {
        margin: 0
    }
}

.list-group--collapse.list-group--slider .list-group__item {
    position: relative;
    flex-direction: column;
    padding: 24px 0;
    cursor: pointer;
    transition: padding .3s ease
}

.list-group--collapse.list-group--slider .list-group__item:last-child {
    margin-bottom: 0
}
 

.list-group--collapse.list-group--slider .list-group__item .top__icon {
    display: flex
}

.list-group--collapse.list-group--slider .list-group__item.is-active {
    padding: 24px 0;
    border-color: hsla(0,0%,100%,.6);
}

.section--powerful-add-ons .list-group--collapse.list-group--slider .list-group__item.is-active .top__title {
    color: #fff
}
.section--powerful-add-ons .list-group--collapse .list-group__top .top__title {
    transition: color .3s ease;
    color: #fff;
}
.section--compare-web-hosting-packages .list-group__item:last-child {
    border-bottom: 1px solid rgba(179,189,213,.32);
}
.section--packages {
    padding-bottom: 0px;
}
.section--compare-web-hosting-packages {
    padding-bottom: 70px;
}
.section--faq .list-group__item {
    padding-left: 18px;
}
.section--faq .list-group__item p {
    color: #524972;
}
 
.section--powerful-add-ons .list-group--collapse.list-group--slider .list-group__item:last-child {
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(179,189,213,.32);
}
.section--powerful-add-ons .list-group--collapse .list-group__item.is-active .list-group__icon svg path, .section--powerful-add-ons .list-group--collapse .list-group__item[aria-expanded=true] .list-group__icon svg path {
    stroke: #ffffff;
}
.list-group__content p {
    color: hsla(0,0%,100%,.7);
}
a.btn.btn--primary.btn--link.has-arrow.list-group__link {
    color: #fff;
}
.list-group--collapse.list-group--slider .list-group__item:last-of-type {
    padding-bottom: 0
}

.list-group--collapse.list-group--slider .list-group__content {
    max-width: 100%;
    display: none;
    margin-top: 0;
    padding: 8px 0 0 25px
}

.list-group--collapse.list-group--slider .list-group__content p {
    line-height: 28px;
    margin-bottom: 8px
}

.list-group--collapse.list-group--slider .list-group__content p b {
    font-weight: 600;
    color: #2b1f51
}

.list-group--collapse.list-group--slider .list-group__link {
    padding-left: 0
}

.list-group--collapse.list-group--slider .top__title {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    position: relative;
    margin-left: 24px
}

.list-group--collapse .list-group__top .top__title {
    transition: color .3s ease;
}

.list-group--collapse .list-group__icon svg path {
    stroke: #b6b6b6;
    transition: stroke .3s
}

.list-group--collapse .list-group__icon svg .collapse-open {
    transition: opacity .3s;
    display: block
}

.list-group--collapse .list-group__item.is-active .list-group__icon svg path,
.list-group--collapse .list-group__item[aria-expanded=true] .list-group__icon svg path {
    stroke: #0d3c9f
}

.list-group--collapse .list-group__item.is-active .list-group__icon svg .collapse-open,
.list-group--collapse .list-group__item[aria-expanded=true] .list-group__icon svg .collapse-open {
    display: none
}

@media(max-width:1011px) {
    .list-group--collapse.list-group--slider .list-group__item.is-active,
    .list-group--collapse.list-group--slider .list-group__item:not(.is-active) {
        padding: 16px 0
    }
    .list-group--collapse.list-group--slider .list-group__item:first-of-type {
        padding-top: 0
    }
    .list-group--collapse.list-group--slider .list-group__item:last-of-type {
        padding-bottom: 0
    }
}

.swiper-websitebuilder {
    margin-bottom: 32px
}

.swiper-websitebuilder .swiper {
    display: flex
}

.swiper-websitebuilder .swiper-wrapper {
    height: 338px
}

.swiper-websitebuilder .swiper-slide {
    margin-left: 16px;
    margin-right: 16px;
    position: relative;
    border-radius: 8px
}

.swiper-websitebuilder .swiper-slide img {
    border-radius: 8px;
    width: 100%
}

.swiper-websitebuilder .swiper-slide:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 16px rgba(0, 0, 0, .04), 0 8px 32px rgba(0, 0, 0, .08);
    border-radius: 8px
}

.swiper-websitebuilder .swiper-slide__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px
}

.swiper-websitebuilder .swiper-slide__overlay .btn {
    transition: opacity .5s ease;
    opacity: 0
}

.swiper-websitebuilder .swiper-slide__overlay:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0;
    transition: opacity .5s ease;
    border-radius: 8px
}

.swiper-websitebuilder .swiper-slide__overlay:hover {
    box-shadow: 0 2px 10px -1px rgba(30, 45, 70, .05)
}

.swiper-websitebuilder .swiper-slide__overlay:hover:before {
    opacity: .4
}

.swiper-websitebuilder .swiper-slide__overlay:hover .btn {
    opacity: 1
}

.swiper-logos .swiper-slide>a,
.swiper-logos .swiper-slide>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative
}

.swiper-logos .swiper-slide>a span {
    position: absolute;
    bottom: 0;
    left: auto;
    right: auto;
    font-weight: 600;
    transform: translateY(56px)
}

.slider-websitebuilder .swiper:first-child .swiper-slide {
    width: 470px !important;
    height: 338px !important
}

.slider-websitebuilder .swiper:nth-child(2) {
    margin-bottom: 0
}

.slider-websitebuilder .swiper:nth-child(2) .swiper-slide {
    width: 370px !important;
    height: 338px !important
}

.cookie-bar {
    position: fixed;
    display: none;
    z-index: 99999;
    padding: 24px;
    background-color: #fff;
    border-radius: 12px;
    max-width: 340px
}

.cookie-bar.is-active {
    display: block
}

.cookie-bar:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06);
    z-index: -1
}

.cookie-bar--bottom-left {
    left: 10px;
    bottom: 10px
}

.cookie-bar--bottom-right {
    right: 10px;
    bottom: 10px
}

.cookie-bar--top-left,
.cookie-bar--top-right {
    right: 10px;
    top: 10px
}

.cookie-bar__icon {
    margin-bottom: 24px;
    display: flex;
    justify-content: center
}

.cookie-bar__content a {
    text-decoration: none;
    font-weight: 700
}

.cookie-bar__action {
    margin-top: 24px
}

.dropdown--categories {
    position: absolute;
    left: 0;
    right: 0;
    max-width: unset;
    opacity: 0;
    visibility: hidden;
    top: 70px;
    border-radius: 8px;
    z-index: 20
}

.dropdown--categories.is-open {
    transition: all .24s linear;
    opacity: 1;
    visibility: visible;
    top: 66px
}

.dropdown--categories .dropdown__content {
    padding: 24px 32px
}

.dropdown--categories .cat {
    text-align: left
}

.dropdown--categories .cat li.subCat {
    color: #524972;
    background-color: transparent;
    position: relative;
    font-weight: 400;
    margin: 0 10px 0 0;
    padding: 4px 10px 4px 30px
}

.dropdown--categories .cat li.subCat:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 1px solid #bec2cc;
    background-color: #fff;
    border-radius: 3px
}

.dropdown--categories .cat li.subCat.active:after {
    border: 1px solid #0d3c9f;
    background-color: #0d3c9f;
    content: "\f00c";
    font-family: Font Awesome\ 5 Pro;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.dropdown--help {
    width: 100%;
    max-width: 848px;
    border-radius: 8px;
    margin-top: 24px !important
}

.dropdown--help .dropdown__arrow {
    display: none
}

.dropdown--help hr {
    margin: 8px 0;
    border-color: #e6e7eb;
    width: 100%
}

.dropdown--help span {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #2b1f51;
    background-color: #fff;
    border-radius: 2px;
    display: flex
}

.dropdown--help span.help-status {
    margin: 4px -12px 0 0;
    border-width: 1px;
    border-style: solid;
    padding: 6px 12px;
    height: 24px;
    align-items: center;
    justify-content: center;
    font-size: 10px
}

@media(max-width:1011px) {
    .dropdown--help {
        right: 0;
        margin: 24px 16px 0 !important;
        max-width: unset;
        width: auto
    }
    .dropdown--help span.help-status {
        margin-right: 1px
    }
}

@media(max-width:513px) {
    .dropdown--categories .cat li.subCat {
        display: block;
        margin-right: 0
    }
}

.tooltip {
    z-index: 10;
    position: absolute;
    bottom: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, bottom .3s ease, left .3s ease, right .3s ease;
    color: #524972;
    text-align: center
}

.tooltip__body {
    position: relative
}

.tooltip--big {
    border-radius: 8px;
    min-width: 350px;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06)
}

@media(max-width:1387px) {
    .tooltip--big {
        font-size: 15px;
        line-height: 24px
    }
}

@media(max-width:1011px) {
    .tooltip--big {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

@media(max-width:751px) {
    .tooltip--big {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px
    }
}

.tooltip--big strong {
    font-weight: 600
}

.tooltip--big:before {
    content: "";
    position: absolute;
    bottom: -9px;
    width: 18px;
    height: 18px;
    left: 50%;
    background-color: #fff;
    transform: translateX(-50%) rotate(45deg)
}

.tooltip--big-right {
    left: 100%;
    bottom: unset
}

.tooltip--big-right * {
    text-align: left !important
}

.tooltip--big-right:before {
    bottom: unset;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    left: -9px
}

.tooltip--big-bottom {
    max-width: 200px !important;
    min-width: 200px !important;
    top: 200% !important;
    bottom: unset !important;
    left: 50%;
    transform: translateX(-50%)
}

.tooltip--big-bottom .tooltip__body {
    text-align: center
}

.tooltip--big-bottom * {
    text-align: center !important
}

.tooltip--big-bottom:before {
    top: 1px;
    left: 50%;
    transform: translateY(-50%) rotate(45deg);
    margin-left: -12px
}

.tooltip--big-top {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.tooltip--big-top .tooltip__body {
    text-align: center
}

.tooltip--big-top * {
    text-align: left !important
}

.tooltip--big-top:before {
    bottom: -12px;
    left: 50%;
    transform: translateY(-50%) rotate(45deg);
    margin-left: -12px
}

.tooltip--big-left {
    right: 100%;
    bottom: unset
}

.tooltip--big-left * {
    text-align: left !important
}

.tooltip--big-left:before {
    bottom: unset;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    right: -9px;
    left: unset
}

.tooltip.w-a {
    width: auto;
    min-width: unset
}

.label--tooltip:hover .tooltip--big,
.promo-container:hover .tooltip--big {
    bottom: 200%;
    opacity: 1;
    visibility: visible
}

.label--tooltip:hover .tooltip--big-right,
.promo-container:hover .tooltip--big-right {
    bottom: unset;
    left: 200%
}

.label--tooltip:hover .tooltip--big-top,
.promo-container:hover .tooltip--big-top {
    bottom: 120%
}

.label--tooltip:hover .tooltip--big-left,
.promo-container:hover .tooltip--big-left {
    bottom: unset;
    right: 200%
}

.label--tooltip {
    margin-bottom: 0;
    cursor: pointer;
    background: unset;
    padding: 0;
    margin-left: 12px;
    position: relative
}

.label--tooltip:hover svg path:not(:last-of-type) {
    stroke: #f67a3c
}

.label--tooltip:hover svg path:last-of-type {
    fill: #f67a3c;
    stroke: #f67a3c
}

.label--tooltip svg path {
    transition: stroke .3s ease, fill .3s ease
}

@media(max-width:751px) {
    .tooltip--big {
        min-width: 160px
    }
}

.domains-sidebar {
    z-index: 9999;
    width: 400px;
    max-width: 100vw;
    min-height: 100vh;
    max-height: 100vh;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    transform: translate(400px);
    transition: transform .3s ease
}

.domains-sidebar.show {
    transform: translate(0)
}

.domains-sidebar:after {
    box-shadow: 0 16px 32px 10px rgba(0, 0, 0, .04), 0 16px 48px 10px rgba(0, 0, 0, .08);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.domains-sidebar__container {
    transition: padding .3s ease;
    position: relative;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.domains-sidebar__top {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 32px;
    border-bottom: 1px solid #dbdbdb
}

.domains-sidebar__top svg {
    margin-right: 8px;
    height: 24px
}

.domains-sidebar__top svg path {
    stroke: #2b1f51
}

.domains-sidebar__top .close {
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.domains-sidebar__top .close svg path {
    stroke: #929292
}

.domains-sidebar__top h5 {
    margin-bottom: 0;
    display: flex;
    align-items: center
}

.domains-sidebar__preloader {
    min-height: 200px;
    flex: 1
}

.domains-sidebar__content {
    padding: 32px 8px 32px 24px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 6px;
    flex: 1
}

.domains-sidebar__content::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    border-radius: 6px
}

.domains-sidebar__content::-webkit-scrollbar-track {
    width: 6px;
    border-radius: 6px;
    background-color: #e6e6e6
}

.domains-sidebar__content::-webkit-scrollbar-thumb {
    border-radius: 6px;
    height: 20px;
    background-color: #a4a4a4
}

.domains-sidebar__content .msg {
    height: 100%;
    flex: 1
}

.domains-sidebar__content .msg__body {
    flex-grow: unset
}

.domains-sidebar__actions {
    margin-top: auto;
    padding: 24px
}

.domains-sidebar__actions .domains-sidebar__total {
    display: flex;
    justify-content: space-between
}

.domains-sidebar__actions .btn+.btn {
    margin-top: 16px
}

.domains-sidebar__actions .alert--xs {
    font-size: 12px;
    line-height: 16px
}

.domains-sidebar__actions .domains-sidebar__total {
    margin-bottom: 24px
}

.domains-sidebar__actions .domains-sidebar__total h5,
.domains-sidebar__actions .domains-sidebar__total p {
    margin: 0
}

.domains-sidebar .label.label--primary-faded {
    background: #e5e0f4;
    border: #e5e0f4;
    color: #0d3c9f;
    font-weight: 600;
    margin: 0 24px;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 26px
}

.cart-domain {
    border: 1px solid #dbdbdb;
    border-radius: 6px
}

.cart-domain+.cart-domain {
    margin-top: 32px
}

.cart-domain__top {
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
    background: #f4f0ff;
    border-bottom: 1px solid #dbdbdb;
    align-items: center
}

.cart-domain__top svg path {
    stroke: #0d3c9f
}

.cart-domain__top .delete {
    cursor: pointer
}

.cart-domain__title {
    font-weight: 700;
    word-break: break-all;
    line-height: 22px
}

.cart-domain__subtitle {
    font-size: 14px;
    line-height: 22px;
    font-weight: 200;
    color: #0d3c9f
}

.cart-domain__subtitle,
.cart-domain__title {
    margin-bottom: 0
}

.cart-domain__content {
    padding: 12px 20px
}

.cart-domain__content p {
    color: #929292;
    margin-bottom: 0
}

.cart-domain__content h5 {
    margin-top: 0;
    margin-bottom: 0
}

.cart-domain__content .selectize-control {
    margin-top: 4px;
    margin-bottom: 24px
}

.cart-domain__content .selectize-control:after {
    content: "";
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4KSI+PHBhdGggZD0iTTYuNDcyIDEwLjY4MWw0LjEyMyA0LjEyM2MuNjIuNjIgMS42MjMuNjIgMi4yNDQgMGw0LjEyMy00LjEyM2MxLjAwMy0xLjAwMy4yODctMi43MjItMS4xMy0yLjcyMkg3LjU4NmMtMS40MTcgMC0yLjExNyAxLjcyLTEuMTE0IDIuNzIyeiIgZmlsbD0iIzkyOTI5MiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzE4Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDI0djI0SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
    width: 18px;
    height: 16px;
    top: 15px;
    right: 22px
}

.cart-domain__content .selectize-control .item {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300
}

.cart-domain__content .selectize-control .item span {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #9d9da6
}

.cart-domain__total {
    display: flex;
    justify-content: space-between
}

.cart-domain__total p {
    color: #524972;
    margin-bottom: 0
}

.cart-domain__bottom {
    border-top: 1px solid #dbdbdb;
    text-align: center;
    background: #fbfbfb;
    color: #6d6d6d;
    padding: 12px 20px;
    border-radius: 0 0 6px 6px
}

.cart-domain__bottom p {
    margin: 0;
    padding: 0
}

#growls-default {
    display: none !important
}

.has--shadow-lg {
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04), 0 24px 64px 0 rgba(0, 0, 0, .06)
}

.btn.btn--primary.btn--link {
    color: #040d70
}

*+.h4,
*+h4 {
    margin-top: 0
}

.is-invisible {
    opacity: 0;
    visibility: hidden;
    height: 0
}

.preloader--lg,
.preloader--lg:before {
    width: 64px;
    height: 64px
}

.p-4 {
    padding: 0 !important;
}

.nav .nav-link,
.nav a {
    min-height: unset !important;
}

.site-navbar .nav__item>.btn--sm {
    margin-top: 8px;
}

@media (min-width: 1012px) {
    .site-navbar>.container .navbar__brand {
        margin-top: 4px;
    }
   .scroll-up nav.navbar__menu {
        margin-top: 15px;
    }
}

@media (min-width: 1388px) {
    .scroll-up .site-navbar>.container .navbar__nav {
        margin-top: 0px !important;
    }
}

@media (min-width: 1012px) {
    .scroll-up .site-navbar>.container .navbar__brand {
        margin-top: 0px !important;
    }
}
.page-dedicated-servers .banner.overlap-lg {
    margin-bottom: -243px;
    padding-bottom: 305px;
}
.page-dedicated-servers .banner__content {
    padding-bottom: 30px;
}
.page-dedicated-servers .migrate {
    margin-bottom: 80px;
}
.nav__dropdown.nav__dropdown--features a:hover {
    color: #f67a3c;
}
.nav__dropdown--features .nav__item {
    flex-basis: 33% !important;
}
.nav__dropdown--features .nav__link {
    padding: 16px 5px 16px 0 !important;
}
.nav__dropdown--features  .nav__item-content {
    margin-left: 18px !important;
}
.nav__dropdown.nav__dropdown--features a {
    font-size: 17px !important;
}
.nav__dropdown.nav__dropdown--features ul.nav__sub {
    padding-top: 23px !important;
	padding-bottom: 22px !important;
}
.nav__dropdown--features .nav__item-title {
    font-weight: bold !important;
    font-size: 24px !important;
}

.nav__dropdown--features a.nav__link::after {
    background-image: url(https://www.bluefountainmedia.com/themes/custom/bfm/images/icons/arrow-bright-long.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 8px;
    left: 0;
    margin-left: 4px !important;
    content: "";
    margin-top: 10px !important;
    transform: none;
    margin: 0;
    transition: .3s;
	opacity: 0;
}
.nav__dropdown--features a.nav__link:hover::after {
    visibility: visible;
    opacity: 1;
	transform: scaleX(-1);
}
 
.result__list .domainbox {
    padding: 16px 24px;
    position: relative;
    border-bottom: 1px solid #e6e7eb;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.result__list .domainbox .domainname {
    font-size: 20px;
    font-weight: 700;
    color: #112240;
    margin: 0;
}
.result__list .domainbox .domainname.tld-zone {
    font-weight: 300;
}
.result__list .domainbox .domainname.added,
.result__list .domainbox .domainname.available {
    color: #112240;
}
.result__list .domainbox .checkboxarea {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.result__list .domainbox .checkboxarea label {
    margin: 0;
    display: flex;
}
.result__list .domainbox .checkboxarea label i {
    font-size: 13px;
    font-weight: 700;
    color: #33a67c;
    border: 1px solid #33a67c;
    background-color: #fff;
    height: 36px;
    padding: 0 16px;
    border-radius: 3px;
    position: relative;
    font-family: "Mulish", sans-serif;
    line-height: 32px;
    min-width: 110px;
    transition: 0.3s;
}
.result__list .domainbox .checkboxarea label i:before {
    content: "Add To Cart";
}
.result__list .domainbox .checkboxarea label i.fa-check-square {
    background-color: #33a67c;
    color: #fff;
}
.result__list .domainbox .checkboxarea label i.fa-check-square:before {
    content: "Added";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 26px;
}
.result__list .domainbox .checkboxarea label i.fa-check-square:active,
.result__list .domainbox .checkboxarea label i.fa-check-square:focus,
.result__list .domainbox .checkboxarea label i.fa-check-square:hover {
    background-color: #20966b;
    border-color: #20966b;
    color: #fff;
}
.result__list .domainbox .checkboxarea label i.fa-check-square:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #fff;
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
}
.result__list .domainbox .checkboxarea label i:active,
.result__list .domainbox .checkboxarea label i:focus,
.result__list .domainbox .checkboxarea label i:hover {
    border-color: #20966b;
    color: #20966b;
    outline: 0;
}
.result__list .domainbox .search-result-info {
    float: left;
    flex-basis: 60%;
}
.result__list .domainbox .search-result-price {
    flex-basis: 40%;
}
.result__list .domainbox .renewal,
.result__list .domainbox .search-result-price.details {
    display: none;
}
.result__list .domainbox .second-line {
    margin: 0;
}
.result__list .domainbox .second-line.registerprice {
    margin: 0 140px 0 0;
    display: flex;
    flex-direction: column;
}
.result__list .domainbox .registerprice {
    color: #112240;
    font-size: 17px;
    line-height: 28px;
    font-weight: 700;
    position: relative;
}
.result__list .domainbox .registerprice.added,
.selectize-control .selectize-input:after {
    display: none;
}
.result__list .domainbox .registerprice .dropdown-menu {
    max-width: 164px;
    padding: 6px 0;
    margin: 2px 0 0 auto;
    font-size: 14px;
    text-align: left;
    background: #fff;
    border: 1px solid #e6e7eb;
    border-radius: 4px;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 2;
    min-width: 120px;
    display: none;
}
.result__list .domainbox .registerprice .dropdown-menu li a {
    padding: 6px 16px;
    font-weight: 400;
    color: #536080;
    display: block;
    line-height: 22px;
}
.result__list .domainbox .registerprice .dropdown-menu li a:hover {
    background-color: #f6f7f8;
    color: #ff7800;
}
.result__list .domainbox .registerprice .dropdown-menu.is-open {
    display: block;
}
.result__list .domainbox .dropdown-toggle {
    background-color: transparent;
    font-size: 13px;
    padding: 0 0 0 8px;
    height: auto;
    color: #536080;
    display: block;
    margin: 0 0 0 auto;
    order: 2;
    line-height: 16px;
}
.result__list .domainbox .dropdown-toggle:hover {
    padding-right: 0;
}
.result__list .domainbox .dropdown-toggle .caret {
    margin-left: 8px;
}
.result__list .domainbox .dropdown-toggle .caret:before {
    content: "\f0d7";
    font-family: "Font Awesome 5 Pro";
}
.result__list .domainbox.searchstring {
    position: relative;
    border: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 45px 24px;
    justify-content: space-between;
}
.result__list .domainbox.searchstring .label-hx-available {
    border: 0;
    background: 0 0;
}
.result__list .domainbox.searchstring .domain-label.available:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(51, 166, 124, 0.08), rgba(51, 166, 124, 0.2));
}
.plan__cell i,
.result__list .domainbox.searchstring .second-line.registerprice span.registerprice {
    font-size: 20px;
}
.result__list .domainbox.searchstring .second-line.availability {
    order: -1;
}
.result__list .domainbox.searchstring .second-line.availability .label-hx-available {
    position: relative;
    font-size: 0;
    padding: 0;
    margin-right: 16px;
}
.result__list .domainbox.searchstring .second-line.availability .label-hx-available:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    border: 2px solid #33a67c;
    border-radius: 100px;
    width: 48px;
    height: 48px;
    color: #33a67c;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.result__list .domainbox.searchstring.domainbox:not(.checkboxarea):not(.clickable) {
    background: linear-gradient(90deg, rgba(245, 86, 86, 0.08), rgba(245, 86, 86, 0.2));
}
.result__list .domainbox.searchstring.domainbox .checkboxarea label i {
    height: 48px;
    background-color: #33a67c;
    color: #fff;
    font-size: 14px;
    line-height: 42px;
}
.result__list .domainbox.searchstring .col-xs-7.search-result-info {
    display: flex;
    align-items: center;
    width: 100%;
}
.result__list .domainbox.searchstring .col-xs-7 .first-line {
    width: 100%;
}
.result__list .domainbox.searchstring .col-xs-7 .domainname {
    font-size: 27px;
}
.package .package__features li b,
.package .package__features li strong,
.result__list .domainbox.searchstring .col-xs-7 .domainname.added,
.result__list .domainbox.searchstring .col-xs-7 .domainname.available {
    color: #112240;
}
.package__features {
    margin-top: 0 !important;
    z-index: 0;
}
.result__list-actions {
    padding: 32px 24px 32px 0;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.result__list-actions .btn {
    min-width: 210px;
}
.result__list-actions .btn-secondary {
    background-color: transparent;
    border-color: #989fb2;
    color: #112240;
    margin-left: 24px;
    margin-right: 24px;
}
.result__list-actions .btn-secondary:hover {
color: #f67a3c;
border-color: #f67a3c;
}
.result__list-checkout.is-fixed {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 848px;
    width: 100%;
 
}
 
.result__list-checkout.is-fixed .orderbutton {
    margin: 26px 0;
}
.selectize-control .selectize-input {
    background-image: url(../../img/arrow-drop.svg);
    background-position-y: 50%;
    background-position-x: calc(100% - 11px);
    background-repeat: no-repeat;
}
.fa-header:before {
    content: "\f1dc";
}
@media (min-width: 752px) {
    .swiper-domain {
        padding: 0;
    }
}
@media (max-width: 1011px) {
    .result__list-checkout.is-fixed {
        max-width: 684px;
    }
}
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .btn--block {
            display: block;
        }
        .form-floating {
            flex: 1;
        }
    }
}
.domain-search .input-group--search-domain {
    height: 72px;
 
    border-radius: 10px;
    border: 0;
    box-shadow: 0 6px 24px 0 rgba(7, 20, 31, 0.12);
}
@media (min-width: 751px) {
.domain-search .input-group--search-domain {
  
    padding: 0 8px 0 16px !important;
    
}}
@media (max-width: 751px) {
    .domain-search {
        margin-top: 0;
    }
    .domain-search .input-group--search-domain {
        height: auto;
        flex-direction: column;
        padding: 8px !important;
        background-color: transparent;
        box-shadow: none;
    }
    .domain-search .input-group--search-domain .form-control {
        height: 56px;
        box-shadow: 0 6px 24px 0 rgba(7, 20, 31, 0.12);
        padding-left: 56px;
        margin-bottom: 16px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .domain-search .input-group--search-domain .input-group-icon {
        position: absolute;
        left: 26px;
        top: 18px;
    }
    .domain-search .input-group--search-domain .input-group-icon svg {
        width: 20px;
        height: 20px;
    }
    .domain-search .input-group--search-domain .input-group__btn {
        max-width: 100%;
    }
    .domain-search .swiper-domain {
        margin-top: 24px;
        cursor: pointer;
    }
    ::-webkit-input-placeholder {
        font-size: 16px;
    }
    ::-moz-placeholder {
        font-size: 16px;
    }
    :-ms-input-placeholder {
        font-size: 16px;
    }
    :-moz-placeholder {
        font-size: 16px;
    }
    .result__list-checkout.is-fixed {
        left: 0;
        max-width: 100%;
    }
}
@media (max-width: 513px) {
    .swiper-domain {
        overflow: hidden;
        padding: 0 24px;
    }
    .swiper-domain .swiper-slide .swiper-domain .swiper-slide {
        min-width: 50%;
    }
    .result__list .domainbox {
        flex-direction: column;
        align-items: flex-start;
    }
    .result__list .domainbox .label-hx + .label-hx {
        margin-top: 6px;
    }
    .result__list .domainbox .search-result-info,
    .result__list .domainbox .search-result-price {
        flex-basis: 100%;
    }
    .result__list .domainbox .second-line.registerprice {
        margin-bottom: 56px;
    }
    .result__list .domainbox .second-line.registerprice .dropdown-toggle {
        margin-left: 0;
        padding-left: 0;
    }
    .result__list .domainbox .availability {
        margin: 8px 0;
        overflow: auto;
    }
    .result__list .domainbox .availability .label {
        float: left;
        clear: both;
    }
    .result__list .domainbox .checkboxarea {
        top: unset;
        left: 24px;
        transform: none;
        bottom: 16px;
    }
    .result__list .domainbox.searchstring .availability {
        overflow: visible;
    }
    .result__list .domainbox.searchstring .second-line.registerprice {
        margin: 24px 0 32px;
    }
    .result__list-actions {
        text-align: center;
        flex-direction: column;
        align-items: center;
        padding: 32px 24px;
    }
    .result__list-actions .btn {
        margin: 0;
    }
    .result__list-actions .btn#loadmorebutton {
        margin-bottom: 16px;
    }
    .result__list-checkout {
        right: 0;
    }
}
.time-stamp {
    width: 72px;
    height: 72px;
    background: #ff7800;
    border-radius: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
    font-size: 28px;
    font-weight: 800;
    box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, 0.2);
}
span.label.label-hx.label-hx-taken {
    border-color: #e6e7eb;
    color: #112240;
    border-radius: 0.25em;
    margin-right: 5px;
    background: none;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
span.label.label-hx.label-hx-whois.pt {
    background-color: transparent;
    border-color: #e6e7eb;
    color: #112240;
    font-size: 10px;
    font-weight: 500;
    border-radius: 0.25em;
    margin-right: 5px;
    width: 67px;
}
.domainbox .col-xs-7 {
    float: left;
    flex-basis: 60%;
}
.col-xs-5.search-result-price {
    flex-basis: 40%;
}
@media (max-width: 513px){
.result__list .domainbox {
    flex-direction: column;
    align-items: flex-start;
}}
span.label.label-hx.label-hx-available {
    color: #33a67c;
    border-color: #daf5ea;
    font-size: 10px;
    font-weight: 500;
    border-radius: 0.25em;
    margin-right: 5px;
    background-color: #daf5ea;
}

 
 
@media (max-width: 751px){
.btn--secondary.domain {
    font-size: 18px;
    font-weight: 700;
    padding: 11px 24px;
    max-width: 100%;
    width: 100%;
    height: 56px !important;
}
.domain-search .input-group--search-domain {
    padding: 0  !important;
    box-shadow: none;
}

}

.Packge-home .pricing__period {
    color: #fff !important;
}
 .Packge-home {
    background: linear-gradient(#151a4a,#2d4085);
    padding: 32px;
    overflow: visible;
    border: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    backface-visibility: hidden;
    border-radius: 16px;
    box-shadow: none!important;
    transition: transform .3s,box-shadow .3s;
}
.features--web-hosting [class*=col-] {
    padding: 0 10px;
}
.feature__title, .feature__desc.p-4, .features .feature__pricing, .features span.pricing__amount.h3{
    color: #fff !important;
}
 .features .feature__actions {
    color: #fff;
    background: #f67a3c;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px !important;
    padding: 0 32px;
    height: 56px;
    border-radius: 6px;
}
 .features .btn__text.p-3 {
    color: #fff !important;
}
h4.feature__title.h6 {
    color: #2b1f51 !important;
}
.feature__icon_left {
    width: 25% !important;
    display: inline-block;
    float: left !important;
}
.feature__content_right {
    width: 70%;
    display: inline-block;
}
section.section.pourquoi.wekihost {
    background: #F4F6F9;
}














 
.migrate {
    text-align: center;
}
 
section.bg-c-w100.p-x-2 {
    margin-top: 50px;
        margin-bottom: 50px;
}
section.section.section--reviews.section--gray {
    padding-top: 88px !important;
}
 
.swiper-pagination {
    position: relative;
}
.swiper-news {
    padding: 0;
}
 
.prtext {
    text-align: center;
    margin-top: 14px;
    margin-bottom: 45px;
}
.section--migrate-website .feature {
    margin-top: 23px;
    margin-bottom: 0 !important;
}
.section--migrate-website .section__desc {
    margin-bottom: 25px !important;
}
 
/*Services*/

.services1 {
    background-image: url(https://garantiwebtasarim.com/webing/img/webing-services-bg.jpg);
    background-color: transparent;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.services1 {
    padding: 5rem 0 5rem;
    background: transparent url(https://garantiwebtasarim.com/webing/img/webing-services-bg.jpg) center center/cover no-repeat scroll;
}
.bosluk3 {
    margin-top: 4rem;
}
.tabloservices:not(:last-child) {
    margin-bottom: 8rem;
}
.tabloservices {
    max-width: 117rem;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.tabloservices [class^="tablo--"]:not(:last-child) {
    margin-right: 6rem;
}
.tabloservices .tablo--1-ve-3 {
    width: calc((100% - 2 * 6rem) / 3);
}
.tabloservices [class^="tablo--"] {
    float: left;
}
.paketler2 {
    perspective: 150rem;
    -moz-perspective: 150rem;
    position: relative;
    height: 29rem;
    z-index: 4;
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.paketler2__on {
    box-shadow: rgb(0 0 0 / 13%) 0px 1.5rem 4rem;
}

.paketler2__on--onyazi {
    border-radius: 0.3rem;
}
.paketler2__on {
    height: 29rem;
    transition: all .8s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    backface-visibility: hidden;
    overflow: hidden;
    box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 13%);
}
.paketler2:hover .paketler2__on--onyazi {
    transform: rotateY(-180deg);
}
.paketler2__gorsel--1 {
    border-color: rgb(14, 55, 124);
    box-shadow: rgb(67 70 71 / 15%) 0px 1px 51.3px 5.7px;
}

.paketler2__gorsel--1 {
    height: 29rem;
    border: 1px solid #0c5adb;
    border-radius: 8px;
    box-shadow: 0px 1px 51.3px 5.7px rgb(137 143 156 / 15%);
}
.paketler2__gorsel {
    background-size: cover;
    height: 23rem;
}
.paketler2__icerik {
    padding: 3rem;
}
.icon {
    color: rgb(180, 176, 169);
    background-image: initial;
    background-color: rgb(14, 55, 123);
}

.icon {
    width: 105px;
    height: 98px;
    line-height: 75px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 50px;
    -webkit-transition: .5s;
    transition: .5s;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    font-size: 6rem;
    background: #0c5adb;
    padding: 10px;
    text-align: center;
}
.h-flaticon-006-cloud:before {
    content: "\f105";
}

[class^="h-flaticon-"]:before, [class*=" h-flaticon-"]:before, [class^="h-flaticon-"]:after, [class*=" h-flaticon-"]:after {
    font-family: hosting-icons-pack !important;
    font-style: normal;
    font-weight: 400!important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.baslik-3white {
    color: rgb(180, 176, 169);
}
.baslik-3white {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.h-yazi-margin-kucuk {
    margin-bottom: -1rem;
}
.h-yazi-margin-kucuk {
    margin-bottom: 1.5rem !important;
}
.wow.fade.animated {
    opacity: 1;
}

.fade:not(.show) {
    opacity: 0;
}
.wow.fade {
    opacity: 0;
    transition: opacity 0.5s ease;
    transition-delay: 0.2s;
}
.fade {
    transition: opacity .15s linear;
}

.services-kutu2--yazi {
    color: rgb(180, 176, 169);
}
.services-kutu2--yazi {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    color: #ffffff;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

 
.paketler2:hover .paketler2__on--arkayazi {
    transform: rotateY(0);
}

 
.paketler2__on--arkayazi-1 {
    background-image: linear-gradient(to right bottom, rgb(14, 55, 123), rgb(6, 28, 64)), url(https://garantiwebtasarim.com/webing/img/service1.jpg);
    background-color: transparent;
}
 
.paketler2__on {
    box-shadow: rgb(0 0 0 / 13%) 0px 1.5rem 4rem;
}
.paketler2__on--arkayazi-1 {
    background: linear-gradient(to right bottom, #0c5adb, #042e72), transparent url(../img/service1.jpg) center center/cover no-repeat scroll;
}
.paketler2__on--arkayazi {
    transform: rotateY(180deg);
    border-radius: 0.3rem;
}
.paketler2__on {
    height: 29rem;
    transition: all .8s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    backface-visibility: hidden;
    overflow: hidden;
    box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 13%);
}
.paketler2__pr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
}
.paketler2__pr-kutu {
    color: rgb(180, 176, 169);
}
.paketler2__pr-kutu {
    text-align: center;
    margin-bottom: 2rem;
    color: #fff;
}
.baslik-sol {
    color: rgb(180, 176, 169);
}
.baslik-sol {
    font-size: 1.8rem;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
}
.h-yazi-margin-kucuk {
    margin-bottom: -1rem;
}
.h-yazi-margin-kucuk {
    margin-bottom: 1.5rem !important;
}
.wow.fade.animated {
    opacity: 1;
}
.fade:not(.show) {
    opacity: 0;
}
.wow.fade {
    opacity: 0;
    transition: opacity 0.5s ease;
    transition-delay: 0.2s;
}
.fade {
    transition: opacity .15s linear;
}

.services-kutu2--yazi {
    color: rgb(180, 176, 169);
}
.services-kutu2--yazi {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    color: #ffffff;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.buton, .buton:link, .buton:visited {
    text-transform: uppercase;
    text-decoration: none;
    padding: 1.5rem 4rem;
    display: inline-block;
    transition: all 2s;
    position: relative;
    font-size: 1.2rem;
    border-radius: 100px;
    cursor: pointer;
}

 
.buton--beyaz {
    background-color: rgb(19, 20, 20);
    color: rgb(121, 113, 102);
}
.buton--beyaz {
    background-color: #fff;
    color: #777;
    border-radius: 100px;
}






/* Style the tab */
.tab {
    overflow: hidden;
    
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    color: #fff;
  }
  .domain.banner__desc.p-1 , h1.banner__title.domain {
    text-align: center;
    max-width: 720px;
}
p.domain.banner__desc.p-1 {
    margin-bottom: 55px;
}
  .tablinks.active:after {
    content: "";
    position: absolute;
    height: 3px;
    left: 12px;
    right: 12px;
    bottom: 0;
    background-color: #f67a3c !important;
    transition: left .3s ease, right .3s ease;
}
  /* Create an active/current tablink class */
  .tab button.active {
    background-color: transparent;
    color: #f67a3c;
    position: relative;
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
  }

  .hide {
    display: none;
}



.section.section--sides.section--graphic-right .section__graphic {
    margin-left: auto;
}

.section.section--sides .section__graphic {
    height: 368px;
    max-width: 492px;
    width: 100%;
}
.section--graphic-right .section__graphic {
    align-items: flex-end;
}
.section__graphic {
    min-height: 100%;
}
.section__content, .section__graphic {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section.section--powerful-add-ons.section--graphic-right {
    background: linear-gradient(90deg,#0d3c9f,#040d70);
}
.list-group__item {
    border: 1px solid #f67a3c69;
    position: relative;
    flex-direction: column;
    margin-bottom: 16px;
    border-radius: 8px;
    padding: 20px 24px;
    cursor: pointer;
    transition: border .3s;
    text-align: left;
}
.list-group.list-group--collapse.list-group--slider {
    background: transparent !important;
    border: unset;
}

.section-graphic-reseller {
    background: linear-gradient(90deg,#0d3c9f,#040d70);
}

 .section-graphic-reseller .feature__title.h6 {
    color: #fff !important;
}

.section-graphic-reseller .feature__desc {
    color: #fff;
}
 .section-graphic-reseller .section__title {
    color: #fff;
}
 
 .resr21 img {
    max-width: 100%;
 
}
.section-graphic-reseller .feature {
    margin-bottom: 0 !important;
}
.section.section--dark.section--getting-started.reseller {
    background: linear-gradient(90deg,#0d3c9f,#040d70);
}



/*Domain page */
div#Register, div#Transfer {
    width: 100%;
    max-width: 1005px;
    border: unset;
}
 
/*New Style Pages pro design*/


.homepage-blocks-wrapper {
    padding-left: 30px;
    padding-right: 30px;
}
 

@media (min-width: 1101px){
.homepage-blocks-wrapper .field--name-field-components>.field__item {
    padding-top: 100px;
}}

.homepage-blocks-wrapper .field--name-field-components>.field__item {
    -webkit-box-flex: 30% 0 0;
    -moz-box-flex: 30% 0 0;
    -webkit-flex: 30% 0 0;
    -ms-flex: 30% 0 0;
    flex: 30% 0 0;
    transition: .5s;
    border-bottom: 5px solid #005593;
    position: relative;
    overflow: hidden;
}
 
.paragraph--type--homepage-blocks {
    height: 100%;
    position: relative;
}

@media screen and (min-width: 1500px){
.paragraph--type--homepage-blocks .homepage-block-inner-content {
    padding-left: 60px;
    padding-right: 60px;
}}

@media screen and (min-width: 767px){
.paragraph--type--homepage-blocks .homepage-block-inner-content {
    padding-left: calc(10px + 50 * ((100vw - 767px)/733));
    padding-right: calc(10px + 50 * ((100vw - 767px)/733));
}}
.paragraph--type--homepage-blocks .homepage-block-inner-content {
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (min-width: 1920px){
.paragraph--type--homepage-blocks .homepage-block-inner-content {
    padding-left: 70px;
    padding-right: 70px;
}}
@media screen and (min-width: 1500px){
.paragraph--type--homepage-blocks .homepage-block-inner-content {
    padding-left: calc(0px + 70 * ((100vw - 1500px)/420));
    padding-right: calc(0px + 70 * ((100vw - 1500px)/420));
}}
 
.paragraph--type--homepage-blocks .homepage-block-inner-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}




@media screen and (min-width: 1500px){
.field--name-field-homepage-block-title {
    font-size: 40px;
    line-height: 35px;
}}

@media screen and (min-width: 767px){
.field--name-field-homepage-block-title {
    font-size: calc(25px + 15 * ((100vw - 767px)/733));
    line-height: calc(35px + 0 * ((100vw - 767px)/733));
}}
.field--name-field-homepage-block-title {
    font-size: 25px;
    line-height: 35px;
}
.field--name-field-homepage-block-title {
    letter-spacing: -1px;
    font-weight: 700;
    padding-bottom: 18px;
}
.field--name-field-homepage-block-body {
    padding-bottom: 30px;
}
.field--name-field-homepage-block-link {
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
    padding-bottom: 80px;
}
 .feature-link--dark-blue-arrow a {
    font-weight: 800;
    text-transform: uppercase;
}
.feature-link--dark-blue-arrow a {
    line-height: 30px;
    text-decoration: none;
}
@media (min-width: 1201px){
    .field--type-link:hover a:after {
    height: 32px;
    width: 32px;
    background-color: #e3173e;
    box-shadow: 0 0 0 10px rgba(252,252,252,.5);
    background-position: 14px center;
    animation: bg-position-change .3s ease;
}}
.feature-link--dark-blue-arrow a:after  {
    content: '';
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url(/templates/lagom2/assets/img/services/arrow-white.svg);
    background-position: -17px center;
    background-color: #005593;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(252,252,252,.75);
    transition: .3s ease-in;
}
.feature-link--dark-blue-arrow.field__item a {
    color: #005593;
}
.homepage-blocks-wrapper .field--name-field-components>.field__item:nth-child(2):before {
    background-image: url(/templates/lagom2/assets/img/services/image-2.jpg);
}
.homepage-blocks-wrapper .field--name-field-components>.field__item:nth-child(3):before {
    background-image: url(/templates/lagom2/assets/img/services/image-3.jpg);
}
.feature-link--container .feature-link:after {
    content: '';
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url(/web/20211217191944im_/https://www.bluefountainmedia.com/themes/custom/bfm/images/icons/arrow-white-double.svg);
    background-position: -17px center;
    background-color: #005593;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(252,252,252,.75);
    transition: .3s ease-in;
}
 .feature-link--dark-blue-arrow a {
    font-weight: 800;
    text-transform: uppercase;
}
.feature-link--dark-blue-arrow a {
    line-height: 30px;
    text-decoration: none;
}
@media (min-width: 1201px){
.homepage-blocks-wrapper .field--name-field-components>.field__item:hover:before {
    transform: translateY(0);
}}

.homepage-blocks-wrapper .field--name-field-components>.field__item:nth-child(1):before {
    background-image: url(/templates/lagom2/assets/img/services/image-1.jpg);
}
@media (min-width: 1201px) {
.homepage-blocks-wrapper .field--name-field-components>.field__item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: .5s;
    background-color: #005593;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: translateY(100%);
}}

@media (min-width: 1201px){
.homepage-blocks-wrapper .field--name-field-components>.field__item:hover h2 ,

.homepage-blocks-wrapper .field--name-field-components>.field__item:hover .field--type-text-long p,
.homepage-blocks-wrapper .field--name-field-components>.field__item:hover .field--name-field-homepage-block-link a

{
    border-color: #e3173e;
    color: #fff !important;
}}


.paragraph--type--brands-showcase {
    margin-top: 120px;
}
.paragraph--type--brands-showcase {
    background-color: #fff;
}

@media screen and (min-width: 1500px){
.paragraph--type--brands-showcase .field--name-field-feature-title {
    padding-left: 70px;
    padding-right: 70px;
}}

@media screen and (min-width: 767px){
.paragraph--type--brands-showcase .field--name-field-feature-title {
    padding-left: calc(30px + 40 * ((100vw - 767px)/733));
    padding-right: calc(30px + 40 * ((100vw - 767px)/733));
}}
.paragraph--type--brands-showcase .field--name-field-feature-title {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 1100px){
.paragraph--type--brands-showcase .field--name-field-feature-title {
    font-size: 18px;
    line-height: 35px;
}}
@media screen and (min-width: 767px){
.paragraph--type--brands-showcase .field--name-field-feature-title {
    font-size: calc(14px + 4 * ((100vw - 767px)/333));
    line-height: calc(35px + 0 * ((100vw - 767px)/333));
}}
.paragraph--type--brands-showcase .field--name-field-feature-title {
    font-size: 14px;
    line-height: 35px;
}
.paragraph--type--brands-showcase .field--name-field-feature-title {
    letter-spacing: 7px;
    color: #747474;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
}
@media screen and (min-width: 1500px){
 .field--name-field-feature-title,  .field--name-field-heading {
    padding-left: 70px;
    padding-right: 70px;
}}
@media screen and (min-width: 767px){
 .field--name-field-feature-title,  .field--name-field-heading {
    padding-left: calc(30px + 40 * ((100vw - 767px)/733));
    padding-right: calc(30px + 40 * ((100vw - 767px)/733));
}}
 .field--name-field-feature-title,  .field--name-field-heading {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 1100px){
 .field--name-field-feature-title,  .field--name-field-heading {
    font-size: 18px;
    line-height: 35px;
}}
@media screen and (min-width: 767px){
 .field--name-field-feature-title,  .field--name-field-heading {
    font-size: calc(14px + 4 * ((100vw - 767px)/333));
    line-height: calc(35px + 0 * ((100vw - 767px)/333));
}}
 .field--name-field-feature-title,  .field--name-field-heading {
    font-size: 14px;
    line-height: 35px;
}
 .field--name-field-feature-title,  .field--name-field-heading {
    letter-spacing: 7px;
    color: #747474;
    font-weight: 800;
    padding: 19px 0 0 50px;
    text-transform: uppercase;
}
.paragraph--type--brands-showcase .red-bar {
    margin: 0;
}
.red-bar {
    width: 100px;
    height: 3px;
    background: #f67a3c;
    margin: 25px 0;
    top: 25px;
    left: -70px;
}
.paragraph--type--brands-showcase .field--name-field-images {
    display: flex;
    justify-content: center;
    align-items: center;
}
.paragraph--type--brands-showcase {
    padding-left: 30px;
    padding-right: 30px;
} 


/*Homle Page */
.paragraph--type--homepage-services {
    padding-top: 100px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
@media (max-width: 1500px) {
    .paragraph--type--homepage-services {
        padding-top: 75px;
    }
}
@media (max-width: 767px) {
    .paragraph--type--homepage-services {
        padding-top: 20px;
    }
}
.paragraph--type--homepage-services ul:not(.tabs):not(.primary):not(.toolbar-menu):not(.menu):not(.cke_panel_list):not(.contextual-links).arrows > li {
    font-size: 16px;
    line-height: 26px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--homepage-services ul:not(.tabs):not(.primary):not(.toolbar-menu):not(.menu):not(.cke_panel_list):not(.contextual-links).arrows > li {
        font-size: calc(16px + 4 * ((100vw - 767px) / 333));
        line-height: calc(26px + 9 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .paragraph--type--homepage-services ul:not(.tabs):not(.primary):not(.toolbar-menu):not(.menu):not(.cke_panel_list):not(.contextual-links).arrows > li {
        font-size: 20px;
        line-height: 35px;
    }
}
.paragraph--type--homepage-services .field--name-field-view-reference {
    position: relative;
    z-index: 11;
}
.paragraph--type--homepage-services .homepage-services-left {
    -webkit-box-flex: 18% 0 0;
    -moz-box-flex: 18% 0 0;
    -webkit-flex: 18% 0 0;
    -ms-flex: 18% 0 0;
    flex: 18% 0 0;
    z-index: 12;
}
.paragraph--type--homepage-services .homepage-services-left .feature-link--dark-blue-arrow {
    display: none;
}
.paragraph--type--homepage-services .homepage-services-left .feature-link--dark-blue-arrow {
    padding-left: 30px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--homepage-services .homepage-services-left .feature-link--dark-blue-arrow {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .paragraph--type--homepage-services .homepage-services-left .feature-link--dark-blue-arrow {
        padding-left: 70px;
    }
}
@media (max-width: 1700px) {
    .paragraph--type--homepage-services .homepage-services-left {
        -webkit-box-flex: 25% 0 0;
        -moz-box-flex: 25% 0 0;
        -webkit-flex: 25% 0 0;
        -ms-flex: 25% 0 0;
        flex: 25% 0 0;
    }
}
@media (max-width: 1500px) {
    .paragraph--type--homepage-services .homepage-services-left {
        -webkit-box-flex: 31% 0 0;
        -moz-box-flex: 31% 0 0;
        -webkit-flex: 31% 0 0;
        -ms-flex: 31% 0 0;
        flex: 31% 0 0;
    }
}
.paragraph--type--homepage-services .homepage-services-right {
    -webkit-box-flex: 1 auto;
    -moz-box-flex: 1 auto;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    position: relative;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-page-title {
    padding-left: 30px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-page-title {
        padding-left: calc(30px + 15 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-page-title {
        padding-left: 45px;
    }
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-page-title h2 {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 15px;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-page-title h2 a:hover,
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-page-title h2 a:focus {
    font-weight: 500;
}
@media (max-width: 767px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-page-title h2 a:hover,
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-page-title h2 a:focus {
        font-weight: 300;
    }
}
.paragraph--type--homepage-services .node--type-service-category.active .data-hover {
    transform: translate3d(0px, 0px, -30px) rotateX(90deg);
}
.paragraph--type--homepage-services .node--type-service-category .data-hover {
    display: block;
    position: relative;
    transition: 0.5s ease-in-out all;
    transform-origin: 50% 0;
    transform-style: preserve-3d;
    width: 100%;
}
.paragraph--type--homepage-services .node--type-service-category .data-hover:after {
    display: block;
    content: attr(data-title);
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.5s ease-in-out all;
    transform-origin: 50% 0;
    transform: translate3d(0px, 105%, 0px) rotateX(-90deg);
    font-weight: 600;
    width: 100%;
}
@media (max-width: 767px) {
    .paragraph--type--homepage-services .node--type-service-category .data-hover:after {
        font-weight: 300;
    }
}
@media (min-width: 1201px) {
    .paragraph--type--homepage-services .node--type-service-category:hover .data-hover {
        transform: translate3d(0px, 0px, -30px) rotateX(90deg);
    }
}
.paragraph--type--homepage-services .node--type-service-category .field--name-field-view-reference {
    padding-top: 28px;
}
.paragraph--type--homepage-services .node--type-service-category .field--name-title {
    letter-spacing: -1px;
    color: #242b34;
    font-weight: 300;
}
.paragraph--type--homepage-services .node--type-service-category .field--name-title {
    font-size: 30px;
    line-height: 35px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--homepage-services .node--type-service-category .field--name-title {
        font-size: calc(30px + 15 * ((100vw - 767px) / 333));
        line-height: calc(35px + 15 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .paragraph--type--homepage-services .node--type-service-category .field--name-title {
        font-size: 45px;
        line-height: 50px;
    }
}
.paragraph--type--homepage-services .node--type-service-category .field--name-body,
.paragraph--type--homepage-services .node--type-service-category .field--name-field-homepage-copy {
    color: white;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured {
    overflow: hidden;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-left {
    -webkit-box-flex: 35% 0 0;
    -moz-box-flex: 35% 0 0;
    -webkit-flex: 35% 0 0;
    -ms-flex: 35% 0 0;
    flex: 35% 0 0;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
}
@media (min-width: 1201px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-left {
        max-width: 35%;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
    }
}
@media (min-width: 1201px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-left .field--type-image {
        position: relative;
        height: 100%;
    }
}
@media (min-width: 1201px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-left .field--type-image:before {
        display: block;
        width: 50%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
        pointer-events: none;
        opacity: 0.7;
    }
}
@media (min-width: 1201px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-left .field--type-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right {
    -webkit-box-flex: 65% 1 1;
    -moz-box-flex: 65% 1 1;
    -webkit-flex: 65% 1 1;
    -ms-flex: 65% 1 1;
    flex: 65% 1 1;
    background: #242b34;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 657px;
}
@media (min-width: 1201px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right {
        max-width: 66.5%;
        margin-left: auto;
    }
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .services-content-right-inner {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .services-content-right-inner {
    padding-left: 50px;
    padding-right: 50px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .services-content-right-inner {
        padding-left: calc(50px + 25 * ((100vw - 767px) / 733));
        padding-right: calc(50px + 25 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .services-content-right-inner {
        padding-left: 75px;
        padding-right: 75px;
    }
}
@media (max-width: 767px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .services-content-right-inner {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (min-width: 1500px){
.paragraph--type--featured-design .field--name-field-feature-title, .paragraph--type--featured-design .field--name-field-display-heading {
    padding-left: 70px;
    padding-right: 70px;
}}
.paragraph--type--homepage-portfolio- {
 
    padding-left: 30px;
    padding-right: 30px;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-title {
    display: none;
    color: white;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-body p,
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-field-homepage-copy p {
    font-size: 18px;
    line-height: 27px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-body p,
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-field-homepage-copy p {
        font-size: calc(18px + 7 * ((100vw - 767px) / 333));
        line-height: calc(27px + 8 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-body p,
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-field-homepage-copy p {
        font-size: 25px;
        line-height: 35px;
    }
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-field-service-child {
    padding-bottom: 40px;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-field-service-child a {
    color: white;
    transition: 0.3s;
    display: inline-block;
    position: relative;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-field-service-child a:hover,
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-field-service-child a:focus {
    color: #00a1df;
    text-decoration: none;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-field-service-child .field__item {
    position: relative;
    display: block !important;
    padding: 5px 0;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-field-service-child .field__item:before {
    transition: 0.3s;
    color: white !important;
}
.paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-field-service-child .field__item:after {
    content: "";
}
@media (min-width: 1201px) {
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-field-service-child .field__item:hover:before {
        color: #e3173e !important;
        transform: translateX(15px);
    }
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .field--name-field-service-child .field__item:hover:after {
        opacity: 1;
        animation: spin 0.3s linear infinite;
    }
}
@media (max-width: 1199px) {
    .paragraph--type--homepage-services .homepage-services-left {
        -webkit-align-self: center;
        -moz-align-self: center;
        -ms-align-self: center;
        align-self: center;
    }
    .paragraph--type--homepage-services .homepage-services-right {
        margin-left: 0;
    }
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content {
        display: block;
    }
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right {
        min-height: unset;
    }
}
@media (max-width: 767px) {
    .paragraph--type--homepage-services .homepage-services-left {
        -webkit-box-flex: 100% 1 1;
        -moz-box-flex: 100% 1 1;
        -webkit-flex: 100% 1 1;
        -ms-flex: 100% 1 1;
        flex: 100% 1 1;
    }
    .paragraph--type--homepage-services .homepage-services-left .feature-link--dark-blue-arrow {
        padding-top: 15px;
        display: block;
    }
    .paragraph--type--homepage-services .homepage-services-left.closed {
        display: none;
    }
    .paragraph--type--homepage-services .homepage-services-right {
        -webkit-box-flex: 100% 1 1;
        -moz-box-flex: 100% 1 1;
        -webkit-flex: 100% 1 1;
        -ms-flex: 100% 1 1;
        flex: 100% 1 1;
    }
    .paragraph--type--homepage-services .homepage-services-right.closed {
        display: none;
    }
    .paragraph--type--homepage-services .services-close-icon {
        position: absolute;
        top: -10px;
        right: -15px;
        background: url("/templates/lagom2/assets/img/services/icons-s5592c99d6b.png") 0 -147px no-repeat;
        height: 31px;
        width: 31px;
    }
    .paragraph--type--homepage-services .services-close-icon:hover {
        cursor: pointer;
    }
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content {
        display: block;
    }
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-left {
        width: 100%;
    }
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-left img {
        width: 100%;
    }
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right {
        display: block;
        width: 100%;
    }
    .paragraph--type--homepage-services .node--type-service-category.node--view-mode-featured .node__content .services-content-right .services-content-right-inner .field--name-title {
        display: block;
    }
}


@media (min-width: 1201px) {
.view-id-homepage_service_category .node--type-service-category .services-content-right {
    display: none !important;
}}

.view-id-homepage_service_category .node--type-service-category.active .services-content-right {
    display: flex !important;
}


@media (min-width: 1201px){
.view-id-homepage_service_category .node--type-service-category .services-content-left {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
}}
@media (min-width: 1201px){
.view-id-homepage_service_category .node--type-service-category.active .services-content-left {
    opacity: 1;
    visibility: visible;
    z-index: 10;
}
}
@media (min-width: 1201px){
    .view-id-homepage_service_category .node--type-service-category.is-hover .services-content-left {
        opacity: 1;
        visibility: visible;
        z-index: 10;
    }
    }


.banner.overlap-lg.serpage {
        padding-bottom: 80px !important;
        margin-bottom: 0 !important;
    }
 

    .paragraph--type--homepage-portfolio-:before 
    {
      background: url("/templates/lagom2/assets/img/services/dots-arrow-left-side.png");
      background-repeat: no-repeat;
      height: 514px;
      width: 256px;
      position: absolute;
  }
   
  .paragraph--type--homepage-portfolio-:after  {
      background: url("/templates/lagom2/assets/img/services/dots-arrow-right-side.png");
      background-repeat: no-repeat;
      height: 514px;
      width: 256px;
      position: absolute;
  }
  .paragraph--type--homepage-portfolio- {
      position: relative;
  }
  .paragraph--type--homepage-portfolio-:before {
      content: "";
  }
  .paragraph--type--homepage-portfolio-:before {
      top: 20px;
  }
  @media screen and (min-width: 767px) {
      .paragraph--type--homepage-portfolio-:before {
          top: calc(20px + 70 * ((100vw - 767px) / 733));
      }
  }
  @media screen and (min-width: 1500px) {
      .paragraph--type--homepage-portfolio-:before {
          top: 90px;
      }
  }
  .paragraph--type--homepage-portfolio-:before {
      left: -10px;
  }
  @media screen and (min-width: 480px) {
      .paragraph--type--homepage-portfolio-:before {
          left: calc(-10px + -15 * ((100vw - 480px) / 287));
      }
  }
  @media screen and (min-width: 767px) {
      .paragraph--type--homepage-portfolio-:before {
          left: -25px;
      }
  }
  .paragraph--type--homepage-portfolio-:before {
      left: -25px;
  }
  @media screen and (min-width: 767px) {
      .paragraph--type--homepage-portfolio-:before {
          left: calc(-25px + -5 * ((100vw - 767px) / 733));
      }
  }
  @media screen and (min-width: 1500px) {
      .paragraph--type--homepage-portfolio-:before {
          left: -30px;
      }
  }
  @media (max-width: 767px) {
      .paragraph--type--homepage-portfolio-:before {
          left: -100px;
          top: -10px;
      }
  }
  .paragraph--type--homepage-portfolio-:after {
      content: "";
      bottom: -162px;
      transform: rotate(-135deg);
  }
  .paragraph--type--homepage-portfolio-:after {
      right: -10px;
  }
  @media screen and (min-width: 480px) {
      .paragraph--type--homepage-portfolio-:after {
          right: calc(-10px + -15 * ((100vw - 480px) / 287));
      }
  }
  @media screen and (min-width: 767px) {
      .paragraph--type--homepage-portfolio-:after {
          right: -25px;
      }
  }
  .paragraph--type--homepage-portfolio-:after {
      right: -25px;
  }
  @media screen and (min-width: 767px) {
      .paragraph--type--homepage-portfolio-:after {
          right: calc(-25px + -10 * ((100vw - 767px) / 733));
      }
  }
  @media screen and (min-width: 1500px) {
      .paragraph--type--homepage-portfolio-:after {
          right: -35px;
      }
  }
  @media (max-width: 960px) {
      .paragraph--type--homepage-portfolio-:after {
          background: url("/templates/lagom2/assets/img/services/dots-arrow-right-side-small.png");
          height: 298px;
          width: 149px;
          bottom: -93px;
      }
  }
  @media (max-width: 767px) {
      .paragraph--type--homepage-portfolio-:after {
          right: -75px;
      }
  }
  
  
  
  
  
  
  .paragraph--type--homepage-portfolio- {
      padding-top: 100px;
      margin-top: 100px;
      background: #ededed;
  }
  @media (max-width: 1500px) {
      .paragraph--type--homepage-portfolio- {
          padding-top: 75px;
          margin-top: 75px;
      }
  }
  @media (max-width: 767px) {
      .paragraph--type--homepage-portfolio- {
          padding-top: 50px;
          margin-top: 50px;
      }
  }
  .paragraph--type--homepage-portfolio- .view-id-portfolio {
      padding-top: 20px;
  }
  .paragraph--type--homepage-portfolio- .field--name-field-homepage-block-link {
      padding-left: 30px;
      padding-right: 30px;
  }
  @media screen and (min-width: 767px) {
      .paragraph--type--homepage-portfolio- .field--name-field-homepage-block-link {
          padding-left: calc(30px + 40 * ((100vw - 767px) / 733));
          padding-right: calc(30px + 40 * ((100vw - 767px) / 733));
      }
  }
  @media screen and (min-width: 1500px) {
      .paragraph--type--homepage-portfolio- .field--name-field-homepage-block-link {
          padding-left: 70px;
          padding-right: 70px;
      }
  }
  @media (max-width: 960px) {
      .paragraph--type--homepage-portfolio- .node--type-case-study.node--view-mode-teaser h2 {
          padding-bottom: 20px;
      }
  }
  
















  .view-id-portfolio .view-content:after {
    content: "";
    display: table;
    clear: both;
    pointer-events: none;
}
@media (min-width: 601px) {
    .view-id-portfolio .view-content {
        margin-left: -5px;
        margin-right: -5px;
        display: flex;
        flex-wrap: wrap;
    }
}
.view-id-portfolio .view-content .views-row {
    float: left;
    width: calc(50% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 100px;
}
.view-id-portfolio .view-content .views-row.even {
    clear: both;
}
@media (max-width: 960px) {
    .view-id-portfolio .view-content .views-row {
        padding-bottom: 65px;
    }
}
@media (max-width: 600px) {
    .view-id-portfolio .view-content .views-row {
        float: none;
        width: 100%;
        padding-bottom: 40px;
        margin-left: 0;
        margin-right: 0;
    }
}
.view-id-portfolio .view-content .views-row:nth-child(odd) article {
    margin-right: 15px;
}
@media (max-width: 960px) {
    .view-id-portfolio .view-content .views-row:nth-child(odd) article {
        margin-right: 10px;
    }
}
@media (max-width: 600px) {
    .view-id-portfolio .view-content .views-row:nth-child(odd) article {
        margin-right: 0;
    }
}
.view-id-portfolio .view-content .views-row:nth-child(even) article {
    margin-left: 15px;
}
@media (max-width: 960px) {
    .view-id-portfolio .view-content .views-row:nth-child(even) article {
        margin-left: 10px;
    }
}
@media (max-width: 600px) {
    .view-id-portfolio .view-content .views-row:nth-child(even) article {
        margin-left: 0;
    }
}
.view-id-portfolio .pager {
    padding-bottom: 110px;
}
@media (max-width: 960px) {
    .view-id-portfolio .pager {
        padding-bottom: 80px;
    }
}
@media (max-width: 600px) {
    .view-id-portfolio .pager {
        padding-bottom: 50px;
    }
}
@media (min-width: 600px) and (max-width: 960px) {
    .view-id-portfolio.view-display-id-block_1 .view-content .views-row,
    .view-id-portfolio.view-display-id-homepage_portfolio_block .view-content .views-row {
        width: calc(50% - 10px);
    }
    .view-id-portfolio.view-display-id-block_1 .view-content .views-row.even,
    .view-id-portfolio.view-display-id-homepage_portfolio_block .view-content .views-row.even {
        clear: both;
    }
}
@media (min-width: 960px) {
    .view-id-portfolio.view-display-id-block_1 .view-content .views-row,
    .view-id-portfolio.view-display-id-homepage_portfolio_block .view-content .views-row {
        width: calc(33% - 10px);
    }
    .view-id-portfolio.view-display-id-block_1 .view-content .views-row.even,
    .view-id-portfolio.view-display-id-homepage_portfolio_block .view-content .views-row.even {
        clear: none;
    }
    .view-id-portfolio.view-display-id-block_1 .view-content .views-row.mod-3-is-1,
    .view-id-portfolio.view-display-id-homepage_portfolio_block .view-content .views-row.mod-3-is-1 {
        clear: both;
    }
}
.view-id-portfolio.view-display-id-block_2 {
    background: #ededed;
    padding: 120px 0 80px;
    max-width: 100%;
}
@media (max-width: 960px) {
    .view-id-portfolio.view-display-id-block_2 {
        padding-top: 70px;
        padding-bottom: 0;
    }
}
.view-id-portfolio.view-display-id-block_2 .view-header h2,
.view-id-portfolio.view-display-id-block_2 .view-content h2 {
    padding-bottom: 55px;
}
.view-id-portfolio.view-display-id-block_3 {
    background: #ededed;
}
.block-views-blockportfolio-block-3 {
    background: #ededed;
}
.service-detail-header {
    overflow: hidden;
    position: relative;
}
.service-detail-header .hero-content h1 {
    padding-top: 35px;
    padding-bottom: 5px;
}
@media (max-width: 1500px) {
    .service-detail-header .hero-content h1 {
        padding-top: 25px;
    }
}
.service-detail-header .hero-content .field--name-field-sub-heading {
    padding-top: 0;
}
.service-detail-header .hero-content .service-parent {
    padding-top: 174px;
    padding-bottom: 18px;
}
.service-detail-header .hero-content .service-parent {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .service-detail-header .hero-content .service-parent {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 733));
        padding-right: calc(30px + 40 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .service-detail-header .hero-content .service-parent {
        padding-left: 70px;
        padding-right: 70px;
    }
}
@media (max-width: 1500px) {
    .service-detail-header .hero-content .service-parent {
        padding-top: 70px;
    }
}
@media (max-width: 600px) {
    .service-detail-header .hero-content .service-parent {
        padding-top: 39px;
    }
}
.service-detail-header .hero-content .service-parent a {
    letter-spacing: 0.4em;
    color: #747474;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}
.service-detail-header .hero-content .service-parent a {
    font-size: 14px;
    line-height: 35px;
}
@media screen and (min-width: 767px) {
    .service-detail-header .hero-content .service-parent a {
        font-size: calc(14px + 4 * ((100vw - 767px) / 733));
        line-height: calc(35px + 0 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .service-detail-header .hero-content .service-parent a {
        font-size: 18px;
        line-height: 35px;
    }
}
.service-detail-header .hero-content .service-parent a:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #747474;
    top: 100%;
    left: 0;
    width: 0%;
    display: block;
}
.node--type-case-study.node--view-mode-teaser {
    padding: 12px 12px 30px;
    transition: 0.2s ease-in;
    position: relative;
    box-sizing: border-box;
}
@media (min-width: 1201px) {
    .node--type-case-study.node--view-mode-teaser:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        transition: 0.4s ease-in;
        opacity: 0;
        transform: scale(1.04);
        background-color: #242b34;
        pointer-events: none;
    }
}
.node--type-case-study.node--view-mode-teaser .field--name-field-case-study-industry {
    letter-spacing: 7px;
    color: #747474;
    text-transform: uppercase;
    font-weight: 800;
    padding-top: 18px;
    padding-bottom: 19px;
    transition: 0.4s ease-in;
}
.node--type-case-study.node--view-mode-teaser .field--name-field-case-study-industry {
    font-size: 14px;
    line-height: 20px;
}
@media screen and (min-width: 960px) {
    .node--type-case-study.node--view-mode-teaser .field--name-field-case-study-industry {
        font-size: calc(14px + 4 * ((100vw - 960px) / 540));
        line-height: calc(20px + 15 * ((100vw - 960px) / 540));
    }
}
@media screen and (min-width: 1500px) {
    .node--type-case-study.node--view-mode-teaser .field--name-field-case-study-industry {
        font-size: 18px;
        line-height: 35px;
    }
}
.node--type-case-study.node--view-mode-teaser .field--name-field-case-study-industry {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 960px) {
    .node--type-case-study.node--view-mode-teaser .field--name-field-case-study-industry {
        padding-left: calc(30px + 40 * ((100vw - 960px) / 960));
        padding-right: calc(30px + 40 * ((100vw - 960px) / 960));
    }
}
@media screen and (min-width: 1920px) {
    .node--type-case-study.node--view-mode-teaser .field--name-field-case-study-industry {
        padding-left: 70px;
        padding-right: 70px;
    }
}
@media (max-width: 960px) {
    .node--type-case-study.node--view-mode-teaser .field--name-field-case-study-industry {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
@media (min-width: 1201px) {
    .node--type-case-study.node--view-mode-teaser:hover:before {
        opacity: 1;
        transform: scale(1);
    }
    .node--type-case-study.node--view-mode-teaser:hover a .field--name-title {
        color: white;
        text-decoration: none;
    }
    .node--type-case-study.node--view-mode-teaser:hover .field--name-field-case-study-industry {
        color: white;
    }
    .node--type-case-study.node--view-mode-teaser:hover .field--name-field-teaser-image img {
        transform: scale(1.05);
    }
}
.node--type-case-study.node--view-mode-teaser a {
    text-decoration: none;
}
.node--type-case-study.node--view-mode-teaser h3 {
    padding-top: 20px;
    position: relative;
    margin: 0;
    max-width: 85%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.node--type-case-study.node--view-mode-teaser h3 {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 960px) {
    .node--type-case-study.node--view-mode-teaser h3 {
        padding-left: calc(30px + 40 * ((100vw - 960px) / 960));
        padding-right: calc(30px + 40 * ((100vw - 960px) / 960));
    }
}
@media screen and (min-width: 1920px) {
    .node--type-case-study.node--view-mode-teaser h3 {
        padding-left: 70px;
        padding-right: 70px;
    }
}
@media (max-width: 960px) {
    .node--type-case-study.node--view-mode-teaser h3 {
        max-width: 100%;
    }
}
.node--type-case-study.node--view-mode-teaser .node__content,
.node--type-case-study.node--view-mode-teaser .red-bar {
    position: relative;
}
.node--type-case-study.node--view-mode-teaser .red-bar {
    left: -10px;
    top: 0px;
}
.node--type-case-study.node--view-mode-teaser a .field--name-title {
    letter-spacing: -1px;
    color: #242b34;
    transition: 0.4s ease-in;
}
.node--type-case-study.node--view-mode-teaser a .field--name-title {
    font-size: 25px;
    line-height: 30px;
}
@media screen and (min-width: 960px) {
    .node--type-case-study.node--view-mode-teaser a .field--name-title {
        font-size: calc(25px + 15 * ((100vw - 960px) / 540));
        line-height: calc(30px + 15 * ((100vw - 960px) / 540));
    }
}
@media screen and (min-width: 1500px) {
    .node--type-case-study.node--view-mode-teaser a .field--name-title {
        font-size: 40px;
        line-height: 45px;
    }
}
.node--type-case-study.node--view-mode-teaser .field--name-field-teaser-image {
    overflow: hidden;
}
.node--type-case-study.node--view-mode-teaser .field--name-field-teaser-image img {
    transition: 1s ease-in;
}
.node--type-case-study.node--view-mode-similar-work,
.node--type-service-detail-page.node--view-mode-similar-work {
    padding: 0;
}
.case-studies--list {
    background-color: #ededed;
    padding: 105px 0 90px;
}
@media (max-width: 1200px) {
    .case-studies--list {
        padding: 80px 0 70px;
    }
}
@media (max-width: 600px) {
    .case-studies--list {
        padding: 50px 0 40px;
    }
}
.case-studies--list:before {
    content: "";
    display: block;
    background-image: url("/templates/lagom2/assets/img/services/dots-arrow-left-side.png");
    background-repeat: no-repeat;
    height: 514px;
    width: 256px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(50%);
    pointer-events: none;
}
@media (max-width: 1200px) {
    .case-studies--list:before {
        display: none;
    }
}
.case-studies--list .csl-wrapper {
    max-width: 1174px;
    padding-left: 130px;
    padding-right: 130px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 1350px) {
    .case-studies--list .csl-wrapper {
        max-width: 910px;
    }
}
@media (max-width: 1200px) {
    .case-studies--list .csl-wrapper {
        padding-left: 70px;
        padding-right: 70px;
    }
}
.field.field--name-field-slideshow-slide {
    padding: 0;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.case-studies--list .csl-wrapper .slick-slide {
    overflow: hidden;
}
@media (max-width: 960px) {
    .case-studies--list .csl-wrapper {
        max-width: 745px;
    }
}
@media (max-width: 600px) {
    .case-studies--list .csl-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.case-studies--list .csl-wrapper .slick-slider {
    user-select: text;
}
.case-studies--list .csl-wrapper .slick-slide {
    overflow: hidden;
}
.banner-message {
    max-width: 915px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 20px;
    color: white;
}
.banner-message--wrapper {
    display: flex;
    flex-direction: row;
    background-color: #005492;
    padding: 2rem;
    position: relative;
}
.case-studies--list .csl-item--label {
    position: relative;
    color: #747474;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
@media (max-width: 960px) {
    .case-studies--list .csl-item--label {
        padding-left: 0;
        margin-left: 0;
    }
}
@media (max-width: 600px) {
    .case-studies--list .csl-item--label {
        font-size: 12px;
        padding-bottom: 18px;
        margin-bottom: 18px;
    }
}
.case-studies--list .csl-item--label:after {
    content: "";
    display: block;
    width: 99px;
    height: 3px;
    background-color: #e3173e;
    position: absolute;
    left: 0;
    bottom: 0;
}
@media (min-width: 961px) {
    .case-studies--list .csl-item--label:after {
        left: -48px;
    }
}
.case-studies--list .csl-item--label h2,
.case-studies--list .csl-item--label h3 {
    font: inherit;
    margin: 0;
    padding: 0;
    line-height: inherit;
    letter-spacing: inherit;
}
@media (max-width: 961px) {
    .case-studies--list .csl-item--group {
        padding: 0;
    }
}
.case-studies--list .csl-item--img {
    margin-bottom: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.case-studies--list .csl-item--title {
    font-size: 40px;
    line-height: 45px;
    color: #242b34;
    font-weight: 700;
    margin-bottom: 7px;
}
.case-studies--list .csl-item--title {
    font-size: 25px;
    line-height: 30px;
}
@media screen and (min-width: 767px) {
    .case-studies--list .csl-item--title {
        font-size: calc(25px + 15 * ((100vw - 767px) / 333));
        line-height: calc(30px + 15 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .case-studies--list .csl-item--title {
        font-size: 40px;
        line-height: 45px;
    }
}
@media (max-width: 600px) {
    .case-studies--list .csl-item--title {
        font-size: 20px;
    }
}
.case-studies--list .csl-item--title h2 {
    color: inherit;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.case-studies--list .csl-item--title a {
    color: inherit;
    transition: 0.3s;
}
.case-studies--list .csl-item--title a:hover {
    text-decoration: underline;
}
.case-studies--list .csl-item--text h2,
.case-studies--list .csl-item--text h3,
.case-studies--list .csl-item--text h4 {
    font-size: 40px;
    line-height: 45px;
    color: #242b34;
    font-weight: 700;
    margin-bottom: 7px;
}
.case-studies--list .csl-item--text h2,
.case-studies--list .csl-item--text h3,
.case-studies--list .csl-item--text h4 {
    font-size: 25px;
    line-height: 30px;
}
@media screen and (min-width: 767px) {
    .case-studies--list .csl-item--text h2,
    .case-studies--list .csl-item--text h3,
    .case-studies--list .csl-item--text h4 {
        font-size: calc(25px + 15 * ((100vw - 767px) / 333));
        line-height: calc(30px + 15 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .case-studies--list .csl-item--text h2,
    .case-studies--list .csl-item--text h3,
    .case-studies--list .csl-item--text h4 {
        font-size: 40px;
        line-height: 45px;
    }
}
@media (max-width: 600px) {
    .case-studies--list .csl-item--text h2,
    .case-studies--list .csl-item--text h3,
    .case-studies--list .csl-item--text h4 {
        font-size: 20px;
    }
}
.case-studies--list .csl-item--cta {
    padding-top: 20px;
}
.case-studies--list .slick-next,
.case-studies--list .slick-prev {
    top: 288px;
}
@media (max-width: 1200px) {
    .case-studies--list .slick-next,
    .case-studies--list .slick-prev {
        top: 235px;
    }
}
@media (max-width: 960px) {
    .case-studies--list .slick-next,
    .case-studies--list .slick-prev {
        top: 195px;
    }
}
@media (max-width: 600px) {
    .case-studies--list .slick-next,
    .case-studies--list .slick-prev {
        top: 100px;
    }
}
@media (max-width: 959px) {
    .case-studies--list .slick-arrow.slick-next {
        right: -50px;
    }
}
@media (max-width: 600px) {
    .case-studies--list .slick-arrow.slick-next {
        right: 10px;
    }
}
@media (max-width: 959px) {
    .case-studies--list .slick-arrow.slick-prev {
        left: -50px;
    }
}
@media (max-width: 600px) {
    .case-studies--list .slick-arrow.slick-prev {
        left: 10px;
    }
}



 
.paragraph--type--featured-design {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.paragraph--type--featured-design  {
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (min-width: 480px) {
 
    .paragraph--type--featured-design  {
        padding-left: calc(10px + 20 * ((100vw - 480px) / 287));
        padding-right: calc(10px + 20 * ((100vw - 480px) / 287));
    }
}
@media screen and (min-width: 767px) {
 
    .paragraph--type--featured-design  {
        padding-left: 30px;
        padding-right: 30px;
    }
}
 
.paragraph--type--featured-design:before,
.paragraph--type--featured-design .featured-bottom:before {
    background: url("/templates/lagom2/assets/img/services/dots-arrow-left-side.png");
    background-repeat: no-repeat;
    height: 514px;
    width: 256px;
    position: absolute;
}
.paragraph--type--featured-design:before {
    content: "";
    display: none;
}
@media (max-width: 1200px) {
    .paragraph--type--featured-design:before {
        z-index: -1;
        display: block;
        left: -100px;
        top: -10px;
    }
}
@media (max-width: 600px) {
    .paragraph--type--featured-design:before {
        left: -90px;
        top: -58px;
    }
}
.paragraph--type--featured-design .featured-bottom {
    position: relative;
}
.paragraph--type--featured-design .featured-bottom:before {
    content: "";
    top: -257px;
    z-index: -1;
}
.paragraph--type--featured-design .featured-bottom:before {
    left: -25px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--featured-design .featured-bottom:before {
        left: calc(-25px + -5 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .paragraph--type--featured-design .featured-bottom:before {
        left: -30px;
    }
}
@media (max-width: 1200px) {
    .paragraph--type--featured-design .featured-bottom:before {
        display: none;
    }
}
.paragraph--type--featured-design {
    padding-top: 100px;
    position: relative;
}
@media (max-width: 1500px) {
    .paragraph--type--featured-design {
        padding-top: 75px;
    }
}
@media (max-width: 1500px) {
    .paragraph--type--featured-design {
        padding-top: 50px;
    }
}
.paragraph--type--featured-design .featured-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 1px;
}
.paragraph--type--featured-design .featured-top .featured-top-left {
    -webkit-box-flex: 52% 0 0;
    -moz-box-flex: 52% 0 0;
    -webkit-flex: 52% 0 0;
    -ms-flex: 52% 0 0;
    flex: 52% 0 0;
    margin-right: 1px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.paragraph--type--featured-design .featured-top .featured-top-right {
    -webkit-box-flex: 48% 0 0;
    -moz-box-flex: 48% 0 0;
    -webkit-flex: 48% 0 0;
    -ms-flex: 48% 0 0;
    flex: 48% 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #242b34;
    color: white;
}
.paragraph--type--featured-design .featured-top .featured-top-right a:not(.username) {
    color: white;
}
.paragraph--type--featured-design .featured-top .featured-top-right a:not(.username):hover {
    border-bottom: 2px solid;
}
.paragraph--type--featured-design .featured-top .featured-top-right .user_full_name {
    color: #00a1df;
}
.paragraph--type--featured-design .featured-top .featured-top-right a.username {
    color: #00a1df;
}
.paragraph--type--featured-design .featured-top .featured-top-right a.username:hover {
    border-bottom: 2px solid;
}
.paragraph--type--featured-design .user_full_name {
    font-size: 15px;
    line-height: 24px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--featured-design .user_full_name {
        font-size: calc(15px + 5 * ((100vw - 767px) / 333));
        line-height: calc(24px + 11 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .paragraph--type--featured-design .user_full_name {
        font-size: 20px;
        line-height: 35px;
    }
}
.paragraph--type--featured-design .featured-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.paragraph--type--featured-design .featured-bottom .featured-bottom-left {
    -webkit-box-flex: 15% 0 0;
    -moz-box-flex: 15% 0 0;
    -webkit-flex: 15% 0 0;
    -ms-flex: 15% 0 0;
    flex: 15% 0 0;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end;
    margin-right: 1px;
}
.paragraph--type--featured-design .featured-bottom .featured-bottom-middle {
    -webkit-box-flex: 50% 1 0;
    -moz-box-flex: 50% 1 0;
    -webkit-flex: 50% 1 0;
    -ms-flex: 50% 1 0;
    flex: 50% 1 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #005492;
    margin-right: 1px;
    color: white;
}
.paragraph--type--featured-design .featured-bottom .featured-bottom-middle a {
    color: white;
}
.paragraph--type--featured-design .featured-bottom .featured-bottom-middle a:hover {
    border-bottom: 2px solid;
}
.paragraph--type--featured-design .featured-bottom .featured-bottom-right {
    -webkit-box-flex: 35% 0 0;
    -moz-box-flex: 35% 0 0;
    -webkit-flex: 35% 0 0;
    -ms-flex: 35% 0 0;
    flex: 35% 0 0;
}
.paragraph--type--featured-design .field--name-field-top-middle-image {
    text-align: right;
    padding-top: 20px;
    margin-top: auto;
}
.paragraph--type--featured-design .field--name-user-picture img {
    width: 100%;
}
.paragraph--type--featured-design .user-credentials-container {
    display: none;
}
.paragraph--type--featured-design .user-image-container {
    padding: 0;
}
.paragraph--type--featured-design .user-image {
    width: 93px;
}
.paragraph--type--featured-design .user-image img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    background-color: #ededed;
}
@media (max-width: 767px) {
    .paragraph--type--featured-design .user-image {
        width: 68px;
    }
}
.paragraph--type--featured-design .field--name-field-upper-right-content,
.paragraph--type--featured-design .field--name-field-bottom-middle-content,
.paragraph--type--featured-design .field--name-field-newest-blog,
.paragraph--type--featured-design .field--name-field-second-newest-blog {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    padding-top: 100px;
    padding-bottom: 100px;
}
.paragraph--type--featured-design .field--name-field-upper-right-content,
.paragraph--type--featured-design .field--name-field-bottom-middle-content,
.paragraph--type--featured-design .field--name-field-newest-blog,
.paragraph--type--featured-design .field--name-field-second-newest-blog {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--featured-design .field--name-field-upper-right-content,
    .paragraph--type--featured-design .field--name-field-bottom-middle-content,
    .paragraph--type--featured-design .field--name-field-newest-blog,
    .paragraph--type--featured-design .field--name-field-second-newest-blog {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 733));
        padding-right: calc(30px + 40 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .paragraph--type--featured-design .field--name-field-upper-right-content,
    .paragraph--type--featured-design .field--name-field-bottom-middle-content,
    .paragraph--type--featured-design .field--name-field-newest-blog,
    .paragraph--type--featured-design .field--name-field-second-newest-blog {
        padding-left: 70px;
        padding-right: 70px;
    }
}
@media (max-width: 1200px) {
    .paragraph--type--featured-design .field--name-field-upper-right-content,
    .paragraph--type--featured-design .field--name-field-bottom-middle-content,
    .paragraph--type--featured-design .field--name-field-newest-blog,
    .paragraph--type--featured-design .field--name-field-second-newest-blog {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
.paragraph--type--featured-design .field--name-field-sub-heading {
    padding-bottom: 50px;
}
@media (max-width: 767px) {
    .paragraph--type--featured-design .field--name-field-sub-heading {
        padding-bottom: 15px;
    }
}
.paragraph--type--featured-design .field--name-field-link {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--featured-design .field--name-field-link {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 733));
        padding-right: calc(30px + 40 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .paragraph--type--featured-design .field--name-field-link {
        padding-left: 70px;
        padding-right: 70px;
    }
}
.paragraph--type--featured-design h2,
.paragraph--type--featured-design h3 {
    padding-bottom: 10px;
}
.paragraph--type--featured-design h2,
.paragraph--type--featured-design h3 {
    font-size: 25px;
    line-height: 35px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--featured-design h2,
    .paragraph--type--featured-design h3 {
        font-size: calc(25px + 15 * ((100vw - 767px) / 333));
        line-height: calc(35px + 15 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .paragraph--type--featured-design h2,
    .paragraph--type--featured-design h3 {
        font-size: 40px;
        line-height: 50px;
    }
}
.paragraph--type--featured-design .node--type-insights.node--view-mode-featured .node__meta {
    display: table;
    padding-top: 20px;
}
.paragraph--type--featured-design .node--type-insights.node--view-mode-featured .node__meta .node__submitted {
    display: table-cell;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center;
    vertical-align: middle;
    padding-left: 15px;
}
.paragraph--type--featured-design .node--type-insights.node--view-mode-featured .node__meta .node__submitted .user_full_name {
    padding-top: 0;
}
.paragraph--type--featured-design .node--type-insights.node--view-mode-featured .node__meta .article {
    display: table-cell;
}
@media (max-width: 1200px) {
    .paragraph--type--featured-design .featured-top .featured-top-left {
        -webkit-box-flex: 50% 0 0;
        -moz-box-flex: 50% 0 0;
        -webkit-flex: 50% 0 0;
        -ms-flex: 50% 0 0;
        flex: 50% 0 0;
    }
    .paragraph--type--featured-design .featured-top .featured-top-right {
        -webkit-box-flex: 50% 0 0;
        -moz-box-flex: 50% 0 0;
        -webkit-flex: 50% 0 0;
        -ms-flex: 50% 0 0;
        flex: 50% 0 0;
    }
    .paragraph--type--featured-design .featured-bottom .featured-bottom-left {
        display: none;
    }
    .paragraph--type--featured-design .featured-bottom .featured-bottom-middle {
        -webkit-box-flex: 50% 1 0;
        -moz-box-flex: 50% 1 0;
        -webkit-flex: 50% 1 0;
        -ms-flex: 50% 1 0;
        flex: 50% 1 0;
    }
    .paragraph--type--featured-design .featured-bottom .featured-bottom-right {
        -webkit-box-flex: 50% 0 0;
        -moz-box-flex: 50% 0 0;
        -webkit-flex: 50% 0 0;
        -ms-flex: 50% 0 0;
        flex: 50% 0 0;
    }
}
@media (max-width: 767px) {
    .paragraph--type--featured-design {
        padding-bottom: 100px;
    }
    .paragraph--type--featured-design .field--name-field-link {
        position: absolute;
        bottom: 20px;
    }
    .paragraph--type--featured-design .featured-top {
        margin: 0;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .paragraph--type--featured-design .featured-top .featured-top-left {
        -webkit-box-flex: 100% 1 0;
        -moz-box-flex: 100% 1 0;
        -webkit-flex: 100% 1 0;
        -ms-flex: 100% 1 0;
        flex: 100% 1 0;
        margin: 0 0 1px 0;
    }
    .paragraph--type--featured-design .featured-top .featured-top-right {
        -webkit-box-flex: 100% 1 0;
        -moz-box-flex: 100% 1 0;
        -webkit-flex: 100% 1 0;
        -ms-flex: 100% 1 0;
        flex: 100% 1 0;
        margin: 0 0 1px 0;
    }
    .paragraph--type--featured-design .featured-bottom {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .paragraph--type--featured-design .featured-bottom .featured-bottom-middle {
        -webkit-box-flex: 100% 1 0;
        -moz-box-flex: 100% 1 0;
        -webkit-flex: 100% 1 0;
        -ms-flex: 100% 1 0;
        flex: 100% 1 0;
        margin: 0 0 1px 0;
    }
    .paragraph--type--featured-design .featured-bottom .featured-bottom-right {
        -webkit-box-flex: 100% 1 0;
        -moz-box-flex: 100% 1 0;
        -webkit-flex: 100% 1 0;
        -ms-flex: 100% 1 0;
        flex: 100% 1 0;
        margin: 0 0 1px 0;
    }
}
.paragraph--type--homepage-bottom-hero {
    padding-top: 100px;
    padding-bottom: 130px;
    position: relative;
}
.paragraph--type--homepage-bottom-hero .grey-bg {
    background: #ededed;
    overflow: hidden;
    position: relative;
    padding-top: 110px;
    padding-bottom: 63px;
    width: 90%;
}
.paragraph--type--homepage-bottom-hero .right-image-wrapper {
    position: absolute;
    top: 0;
    right: 0;
}
.paragraph--type--homepage-bottom-hero .field--name-field-hero-image {
    z-index: 5;
    position: relative;
    top: 167px;
    right: 72px;
}
.paragraph--type--homepage-bottom-hero .field--name-field-hero-image picture,
.paragraph--type--homepage-bottom-hero .field--name-field-hero-image img {
    border-radius: 50%;
}
.paragraph--type--homepage-bottom-hero .top-left-grey-hoop {
    position: absolute;
    width: 256px;
    height: 256px;
    -webkit-border-radius: 128px;
    border-radius: 128px;
    background-clip: padding-box;
    top: -135px;
    left: -138px;
    border: 2px dashed #a7a8aa;
    filter: alpha(opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    opacity: 0.6;
}
.paragraph--type--homepage-bottom-hero .inner-bg-design {
    position: absolute;
    top: 23px;
    right: -104px;
}
.paragraph--type--homepage-bottom-hero .dark-blue-circle {
    width: 919px;
    height: 919px;
    -webkit-border-radius: 459.5px;
    border-radius: 459.5px;
    background-clip: padding-box;
    background-color: #005593;
    background-image: linear-gradient(to top right, #003e7c, #0581d2);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.paragraph--type--homepage-bottom-hero .white-hoop {
    width: 793px;
    height: 793px;
    -webkit-border-radius: 396.5px;
    border-radius: 396.5px;
    background-clip: padding-box;
    border: 2px dashed #ffffff;
    position: absolute;
    top: 132px;
    right: 0;
    z-index: 3;
    filter: alpha(opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    opacity: 0.6;
}
.paragraph--type--homepage-bottom-hero .blue-circle {
    width: 778px;
    height: 778px;
    -webkit-border-radius: 389px;
    border-radius: 389px;
    background-clip: padding-box;
    background-color: #00a1df;
    position: absolute;
    top: 164px;
    right: 84px;
    z-index: 4;
}
.paragraph--type--homepage-bottom-hero .hero-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 110px;
}
.paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content {
    max-width: 40%;
}
.paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 733));
        padding-right: calc(30px + 40 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content {
        padding-left: 70px;
        padding-right: 70px;
    }
}
.paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content h2,
.paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content h3 {
    padding: 0 !important;
}
.paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content p {
    font-size: 18px;
    line-height: 27px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content p {
        font-size: calc(18px + 7 * ((100vw - 767px) / 733));
        line-height: calc(27px + 8 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content p {
        font-size: 25px;
        line-height: 35px;
    }
}
.paragraph--type--homepage-bottom-hero .field--name-field-text-area {
    padding-bottom: 50px;
}
.paragraph--type--homepage-bottom-hero .red-hoop {
    display: none;
}
@media (max-width: 1500px) {
    .paragraph--type--homepage-bottom-hero {
        padding-top: 0;
        padding-bottom: 75px;
    }
    .paragraph--type--homepage-bottom-hero .hero-wrapper {
        padding-top: 75px;
    }
    .paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content {
        max-width: 44%;
    }
    .paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content h2,
    .paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content h3 {
        padding-bottom: 10px;
    }
    .paragraph--type--homepage-bottom-hero .inner-bg-design {
        top: 60px;
        right: -178px;
    }
    .paragraph--type--homepage-bottom-hero .top-left-grey-hoop {
        top: -166px;
        left: -165px;
    }
    .paragraph--type--homepage-bottom-hero .white-hoop {
        display: none;
    }
    .paragraph--type--homepage-bottom-hero .red-bar {
        margin: 15px 0;
    }
    .paragraph--type--homepage-bottom-hero .field--name-field-text-area {
        padding-bottom: 0;
    }
    .paragraph--type--homepage-bottom-hero .grey-bg {
        padding-bottom: 0;
        padding-top: 50px;
        width: 100%;
    }
    .paragraph--type--homepage-bottom-hero .dark-blue-circle {
        width: 551.4px;
        height: 551.4px;
        -webkit-border-radius: 275.7px;
        border-radius: 275.7px;
        background-clip: padding-box;
        top: 0;
        right: 0;
    }
    .paragraph--type--homepage-bottom-hero .blue-circle {
        width: 466.8px;
        height: 466.8px;
        -webkit-border-radius: 233.4px;
        border-radius: 233.4px;
        background-clip: padding-box;
        top: unset;
        right: 13px;
    }
    .paragraph--type--homepage-bottom-hero .field--name-field-hero-image {
        top: unset;
        right: unset;
    }
    .paragraph--type--homepage-bottom-hero .right-image-wrapper {
        top: 100px;
        right: -73px;
    }
}
@media (max-width: 767px) {
    .paragraph--type--homepage-bottom-hero {
        padding-bottom: 50px;
    }
    .paragraph--type--homepage-bottom-hero .right-image-wrapper,
    .paragraph--type--homepage-bottom-hero .dark-blue-circle,
    .paragraph--type--homepage-bottom-hero .blue-circle {
        display: none;
    }
    .paragraph--type--homepage-bottom-hero .field--name-field-homepage-block-link {
        padding-top: 40px;
    }
    .paragraph--type--homepage-bottom-hero .red-hoop {
        display: block;
        width: 300px;
        height: 300px;
        -webkit-border-radius: 150px;
        border-radius: 150px;
        background-clip: padding-box;
        position: absolute;
        bottom: -90px;
        right: -149px;
        z-index: 5;
        border: 2px dashed #e3173e;
        top: auto;
        filter: alpha(opacity=60);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
        opacity: 0.6;
    }
    .paragraph--type--homepage-bottom-hero .hero-wrapper {
        padding-top: 20px;
    }
    .paragraph--type--homepage-bottom-hero .hero-wrapper .inner-hero-content {
        max-width: 100%;
    }
}
@media (max-width: 600px) {
    .paragraph--type--homepage-bottom-hero .grey-bg {
        padding-top: 25px;
    }
    .paragraph--type--homepage-bottom-hero .top-left-grey-hoop {
        top: -168px;
        left: -169px;
    }
}
 .field--name-field-feature-title,
 .field--name-field-heading {
    letter-spacing: 7px;
    color: #747474;
    font-weight: 800;
    padding: 19px 0 0 50px;
    text-transform: uppercase;
}
 .field--name-field-feature-title,
 .field--name-field-heading {
    font-size: 14px;
    line-height: 35px;
}
@media screen and (min-width: 767px) {
     .field--name-field-feature-title,
     .field--name-field-heading {
        font-size: calc(14px + 4 * ((100vw - 767px) / 333));
        line-height: calc(35px + 0 * ((100vw - 767px) / 333));
    }
}











 









 .paragraph--type--featured-design .red-bar {
    width: 0;
    transition: 0.5s;
    transition-delay: 0.3s;
}
 .paragraph--type--featured-design .featured-top .featured-top-right {
    flex: 5% 0 0;
    opacity: 0;
    overflow: hidden;
    transition: 0.7s;
}
 .paragraph--type--featured-design .featured-top .field--name-field-newest-blog {
    opacity: 0;
    transform: translateY(20px);
    transition: 0.7s;
    transition-delay: 0.5s;
}
 .paragraph--type--featured-design .featured-bottom .featured-bottom-middle {
    flex: 5% 0 0;
    opacity: 0;
    overflow: hidden;
    transition: 0.7s;
}
 .paragraph--type--featured-design .featured-bottom .field--name-field-second-newest-blog {
    opacity: 0;
    transform: translateY(20px);
    transition: 0.7s;
    transition-delay: 0.5s;
}
 .paragraph--type--featured-design .field--type-image {
    opacity: 0;
    transition: 0.9s;
    transition-delay: 0.5s;
    transform: translateX(-20px);
}
 .paragraph--type--featured-design .field--name-field-display-heading {
    opacity: 0;
    transform: translateY(20px);
    transition: 0.7s;
    transition-delay: 0.2s;
}
 .paragraph--type--featured-design .field--name-field-link {
    opacity: 0;
    transform: translateY(20px);
    transition: 0.7s;
    transition-delay: 0.3s;
}
 .paragraph--type--featured-design.animated .featured-top .featured-top-right {
    flex: 48% 0 0;
    opacity: 1;
}
 .paragraph--type--featured-design.animated .featured-top .field--name-field-newest-blog {
    opacity: 1;
    transform: translateY(0);
}
 .paragraph--type--featured-design.animated .red-bar {
    width: 100px;
}
 .paragraph--type--featured-design.animated .featured-bottom .featured-bottom-middle {
    flex: 50% 0 0;
    opacity: 1;
}
 .paragraph--type--featured-design.animated .featured-bottom .field--name-field-second-newest-blog {
    opacity: 1;
    transform: translateY(0);
}
 .paragraph--type--featured-design.animated .field--type-image {
    opacity: 1;
    transform: translateX(0);
}
 .paragraph--type--featured-design.animated .field--name-field-display-heading {
    opacity: 1;
    transform: translateY(0);
}
 .paragraph--type--featured-design.animated .field--name-field-link {
    opacity: 1;
    transform: translateY(0);
}
 .latest-posts .red-bar {
    width: 0;
    transition: 0.5s;
    transition-delay: 1.2s;
}
 .latest-posts__head {
    transform: translateY(20px);
    opacity: 0;
    transition: 0.7s;
    transition-delay: 0.9s;
}
 .latest-posts__item:nth-child(1) .lpi-wrap {
    transition-delay: 0.1s;
}
 .latest-posts__item:nth-child(1) .lpi-image {
    transition-delay: 0.3s;
}
 .latest-posts__item:nth-child(2) .lpi-wrap {
    transition-delay: 0.3s;
}
 .latest-posts__item:nth-child(2) .lpi-image {
    transition-delay: 0.5s;
}
 .latest-posts__item:nth-child(3) .lpi-wrap {
    transition-delay: 0.5s;
}
 .latest-posts__item:nth-child(3) .lpi-image {
    transition-delay: 0.7s;
}
 .latest-posts .lpi-wrap {
    transition: 0.7s width, 0.7s opacity;
    opacity: 0;
    width: 0;
    overflow: hidden;
}
 .latest-posts .lpi-row {
    opacity: 0;
    transition: 0.7s opacity;
    transition-delay: 0.8s;
}
 .latest-posts .lpi-image {
    transform: scale(0);
    opacity: 0;
    transition: 0.5s;
}
 .latest-posts__images {
    transform: translateY(20px);
    opacity: 0;
    transition-delay: 0.9s;
    transition: 0.7s;
}
 .latest-posts.animated .red-bar {
    width: 100px;
}
 .latest-posts.animated .latest-posts__head {
    transform: translateY(0);
    opacity: 1;
}
 .latest-posts.animated .lpi-wrap {
    opacity: 1;
    width: 100%;
}
 .latest-posts.animated .lpi-row {
    opacity: 1;
}
 .latest-posts.animated .lpi-image {
    transform: scale(1);
    opacity: 1;
}
 .latest-posts.animated .latest-posts__images {
    transform: translateY(0);
    opacity: 1;
}
 
.field--name-field-homepage-copy p {
    color: #fff;
}
 
@media screen and (min-width: 767px){
.paragraph--type--homepage-services {
    padding-left: 30px;
    padding-right: 30px;
}}

 
li.field__item.service-item:before {
    display: inline-block;
    font-size: inherit;
    font-family: "Font Awesome 5 Pro";
    line-height: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: '\f178';
    padding-right: 30px;
}
li.field__item.service-item {
    font-weight: 700;
}
.feature-link--light-blue-arrow a:after{
    content: '';
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url(/templates/lagom2/assets/img/services/arrow-white.svg);
    background-position: -17px center;
    background-color: #005593;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(252,252,252,.75);
    transition: .3s ease-in;
}
@media (min-width: 1201px){
.feature-link--light-blue-arrow a:hover:after{
height: 32px;
    width: 32px;
    background-color: #e3173e;
    background-position: 14px center;
    box-shadow: 0 0 0 10px rgba(252,252,252,.5);
    animation: bg-position-change .3s ease;}
}
feature-link--light-blue-arrow a{
    position: relative;
    transition: .2s ease-in;
    height: 50px;
    display: inline-block;
}
.feature-link--light-blue-arrow a {
    font-weight: 700;
    color: #00a1df;
}


.paragraph--type--homepage-bottom-hero .field--type-image {
    transform: scale(0);
    opacity: 0;
    transition: 1.4s;
    transition-delay: 0.7s;
}
.paragraph--type--homepage-bottom-hero .blue-circle {
    transform: scale(0);
    transition: transform 1.2s cubic-bezier(0.55, 0.08, 0.06, 0.97);
    transition-delay: 0.4s;
}
.paragraph--type--homepage-bottom-hero .dark-blue-circle {
    transition: 1s;
    transform: scale(0);
    transition-delay: 0.1s;
}
.paragraph--type--homepage-bottom-hero .white-hoop {
    visibility: hidden;
}
.paragraph--type--homepage-bottom-hero .field--name-field-text-area h2 {
    opacity: 0;
    transform: translateY(20px);
    transition: 0.7s;
    transition-delay: 0.5s;
}
.paragraph--type--homepage-bottom-hero .field--name-field-text-area p {
    opacity: 0;
    transform: translateY(20px);
    transition: 0.7s;
    transition-delay: 0.55s;
}
.paragraph--type--homepage-bottom-hero .field--type-link {
    opacity: 0;
    transform: translateY(20px);
    transition: 0.7s;
    transition-delay: 0.6s;
}
.paragraph--type--homepage-bottom-hero .red-bar {
    width: 0;
    transition: 0.7s;
    transition-delay: 0.3s;
}
.paragraph--type--homepage-bottom-hero .grey-bg {
    width: 0;
    opacity: 0;
    transition: 0.7s;
    overflow: hidden;
}
.paragraph--type--homepage-bottom-hero.animated .field--type-image {
    transform: scale(1);
    opacity: 1;
}
.paragraph--type--homepage-bottom-hero.animated .blue-circle {
    transform: scale(1);
}
.paragraph--type--homepage-bottom-hero.animated .dark-blue-circle {
    transform: scale(1);
}
.paragraph--type--homepage-bottom-hero.animated .white-hoop {
    visibility: visible;
}
.paragraph--type--homepage-bottom-hero.animated .field--name-field-text-area h2 {
    opacity: 1;
    transform: translateY(0);
}
.paragraph--type--homepage-bottom-hero.animated .field--name-field-text-area p {
    opacity: 1;
    transform: translateY(0);
}
.paragraph--type--homepage-bottom-hero.animated .field--type-link {
    opacity: 1;
    transform: translateY(0);
}
.paragraph--type--homepage-bottom-hero.animated .red-bar {
    width: 100px;
}
.paragraph--type--homepage-bottom-hero.animated .grey-bg {
    width: 90%;
    opacity: 1;
}

 


.view-service-category .views-row:last-child {
    padding-bottom: 0;
}
.view-service-category .odd .service-image {
    width: 50%;
    float: right;
}
.view-service-category .odd .field--name-field-image {
    float: left;
}
.view-service-category .odd .service-body {
    width: 50%;
    float: right;
}
.view-service-category .even .service-image {
    width: 50%;
    float: left;
}
.view-service-category .even .field--name-field-image {
    float: right;
}
.view-service-category .even .service-body {
    width: 50%;
    float: left;
}
@media (max-width: 1200px) {
    .view-service-category .even .service-image,
    .view-service-category .odd .service-image {
        width: 100%;
        float: none;
    }
    .view-service-category .even .field--name-field-image,
    .view-service-category .odd .field--name-field-image {
        float: none;
    }
    .view-service-category .even .service-body,
    .view-service-category .odd .service-body {
        width: 100%;
        float: none;
    }
}
.view-service-category .service-image-container {
    padding-left: 0px;
    padding-right: 0px;
}
@media screen and (min-width: 480px) {
    .view-service-category .service-image-container {
        padding-left: calc(0px + 15 * ((100vw - 480px) / 620));
        padding-right: calc(0px + 15 * ((100vw - 480px) / 620));
    }
}
@media screen and (min-width: 1100px) {
    .view-service-category .service-image-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.view-service-category .service-info {
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (min-width: 480px) {
    .view-service-category .service-info {
        padding-left: calc(10px + 5 * ((100vw - 480px) / 620));
        padding-right: calc(10px + 5 * ((100vw - 480px) / 620));
    }
}
@media screen and (min-width: 1100px) {
    .view-service-category .service-info {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 1200px) {
    .view-service-category .service-info {
        padding-top: 20px;
    }
}
.view-service-category .service-content {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 1100px) {
    .view-service-category .service-content {
        padding-left: calc(30px + 40 * ((100vw - 1100px) / 820));
        padding-right: calc(30px + 40 * ((100vw - 1100px) / 820));
    }
}
@media screen and (min-width: 1920px) {
    .view-service-category .service-content {
        padding-left: 70px;
        padding-right: 60px;
    }
}
.view-service-category .service-content h2 .field--name-title {
    padding-bottom: 10px;
    letter-spacing: -0.02em;
}
.view-service-category .service-content h2 .field--name-title {
    font-size: 25px;
    line-height: 35px;
}
@media screen and (min-width: 480px) {
    .view-service-category .service-content h2 .field--name-title {
        font-size: calc(25px + 15 * ((100vw - 480px) / 620));
        line-height: calc(35px + 0 * ((100vw - 480px) / 620));
    }
}
@media screen and (min-width: 1100px) {
    .view-service-category .service-content h2 .field--name-title {
        font-size: 40px;
        line-height: 35px;
    }
}
@media (max-width: 480px) {
    .view-service-category .service-content {
        padding-right: 0;
    }
}
.view-service-category .service-children .arrows {
    border-spacing: unset !important;
    padding-top: 10px !important;
}
.view-service-category .service-children .arrows .node--view-mode-teaser {
    display: inline-block;
}
@media all and (max-width: 767px) {
    .view-service-category .service-children .arrows li::before {
        padding-right: 10px !important;
        position: absolute;
    }
    .view-service-category .service-children .arrows .node--view-mode-teaser {
        padding-left: 34px;
    }
}
.view-service-category .service-children .service-partnership {
    text-transform: uppercase;
}
.view-service-category .service-children .service-partnership .field__item,
.view-service-category .service-children .service-partnership a {
    font-size: 13px;
    font-weight: 300;
    line-height: 30px;
    color: #00a1df;
}
.view-service-category .service-children .service-partnership .field__item:hover,
.view-service-category .service-children .service-partnership a:hover {
    color: #005593;
}
.view-service-category .service-children .service-partnership .field--name-field-partnerships .field__item:before {
    content: none;
}
.twoColumns .service-item .node--type-service-detail-page {
    max-width: 75%;
}
.twoColumns li {
    float: left;
    width: 50%;
}
.twoColumns li:nth-of-type(n + 5) {
    float: right;
}
.twoColumns li:nth-of-type(odd) {
    float: left;
}
@media all and (max-width: 550px) {
    .twoColumns li {
        float: left;
        width: 100%;
    }
}
.page-node-type-service-category .service-category-layout {
    position: relative;
    padding-top: 0;
    padding-bottom: 40px;
}
.page-node-type-service-category .service-category-layout {
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (min-width: 480px) {
    .page-node-type-service-category .service-category-layout {
        padding-left: calc(10px + 20 * ((100vw - 480px) / 480));
        padding-right: calc(10px + 20 * ((100vw - 480px) / 480));
    }
}
@media screen and (min-width: 960px) {
    .page-node-type-service-category .service-category-layout {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (max-width: 1024px) {
    .page-node-type-service-category .service-category-layout {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (max-width: 1100px) {
    .page-node-type-service-category .service-category-layout {
        padding-top: 20px;
        padding-bottom: 65px;
    }
}
@media screen and (max-width: 767px) {
    .page-node-type-service-category .service-category-layout {
        padding-top: 10px;
        padding-bottom: 50px;
    }
}
.page-node-type-service-category .service-category-layout:before {
    content: "";
    display: block;
    background-image: url("/templates/lagom2/assets/img/services/dots-top-right-large.png");
    background-repeat: no-repeat;
    height: 398px;
    width: 402px;
    position: absolute;
    right: 0;
    bottom: -12px;
    pointer-events: none;
}
@media screen and (max-width: 1200px) {
    .page-node-type-service-category .service-category-layout:before {
        display: none;
    }
}
@media screen and (min-width: 1101px) {
    .page-node-type-service-category .block-page-title-block .hero-content h1 {
        padding-bottom: 5px;
    }
}
.page-node-type-service-category .block-page-title-block .hero-content .field--name-field-sub-heading {
    font-weight: 400;
}
@media screen and (min-width: 1101px) {
    .page-node-type-service-category .block-page-title-block .hero-content .field--name-field-sub-heading {
        padding-top: 0;
    }
}
.page-node-type-service-category .block-page-title-block .hero-content .field--name-field-sub-heading p {
    font-weight: 400;
}
.service-category-layout {
    margin-left: auto;
    margin-right: auto;
}
.service-category-layout--wrap {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
 
@media screen and (min-width: 601px) {
    .service-category-layout .services-list {
        margin-left: -16px;
        margin-right: -16px;
        display: flex;
        flex-wrap: wrap;
    }
}
.service-category-layout .service-item {
    padding-bottom: 4.6875vw;
    display: flex;
}
@media screen and (min-width: 601px) {
    .service-category-layout .service-item {
        margin-left: 16px;
        margin-right: 16px;
    }
}
.service-category-layout .service-item:before {
    display: none !important;
}
.service-category-layout .service-item__wrap {
    display: flex;
    flex-direction: column;
}
.service-category-layout .service-item__icon {
    max-width: 70px;
}
.service-category-layout .service-item__icon .field:before {
    display: none;
}
.service-category-layout .service-item .red-bar {
    margin-bottom: 17px;
}
.service-category-layout .service-item__group {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.service-category-layout .service-item__group {
    padding-left: 20px;
}
@media screen and (min-width: 767px) {
    .service-category-layout .service-item__group {
        padding-left: calc(20px + 30 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .service-category-layout .service-item__group {
        padding-left: 50px;
    }
}
@media screen and (max-width: 600px) {
    .service-category-layout .service-item__group {
        padding-left: 0;
    }
}
.service-category-layout .service-item__title {
    margin-bottom: 20px;
    margin-top: auto;
}
.service-category-layout .service-item__title {
    font-size: 25px;
    line-height: 30px;
}
@media screen and (min-width: 767px) {
    .service-category-layout .service-item__title {
        font-size: calc(25px + 15 * ((100vw - 767px) / 633));
        line-height: calc(30px + 20 * ((100vw - 767px) / 633));
    }
}
@media screen and (min-width: 1400px) {
    .service-category-layout .service-item__title {
        font-size: 40px;
        line-height: 50px;
    }
}
@media screen and (min-width: 601px) {
    .service-category-layout .service-item__title {
        max-width: 370px;
    }
}
.service-category-layout .service-item__title h2,
.service-category-layout .service-item__title h3 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    line-height: inherit;
}
.service-category-layout .service-item__title a {
    color: #242b34;
}
.service-category-layout .service-item__title a:hover {
    text-decoration: underline;
}
.service-category-layout .service-item__description {
    font-size: 19px;
    color: #242b34;
    line-height: 28px;
    font-weight: 400;
    max-width: 400px;
    margin-top: auto;
}
.service-category-layout .service-item__description .field {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    font-weight: inherit;
}
.service-category-layout .service-item__description .field:before {
    display: none;
}
.service-category-layout--3col .service-item {
    flex-basis: calc(33.333% - 32px);
    max-width: calc(33.333% - 32px);
}
@media screen and (max-width: 1024px) {
    .service-category-layout--3col .service-item {
        flex-basis: calc(50% - 32px);
        max-width: calc(50% - 32px);
    }
}
@media screen and (max-width: 600px) {
    .service-category-layout--3col .service-item {
        flex-basis: 100%;
        max-width: 100%;
    }
}
.service-category-layout--2col .service-item {
    flex-basis: calc(50% - 32px);
    max-width: calc(50% - 32px);
}
@media screen and (max-width: 600px) {
    .service-category-layout--2col .service-item {
        flex-basis: 100%;
        max-width: 100%;
    }
}
.service-category-layout--2col .service-item__description {
    max-width: 530px;
}
.field.arrows.arrows--red .field__item::before {
    color: #f67a3c;
}
a {
    color: #040d70 !important;
    text-decoration: none;
}
a:hover, a:focus {
    color: #f67a3c !important;
    text-decoration: none;
}
@media screen and (min-width: 1100px){
.field.arrows .field__item {
    font-size: 20px;
    line-height: 45px;
}}

a.btn.btn--secondary.btn--xlg {
    color: #fff !important;
}


.block-page-title-block .hero-wrapper {
    position: relative;
 
    margin-bottom: 120px;
}

.layout-content {
    position: relative;
    z-index: 21;
    min-height: 300px;
}

.floating-block {
    position: fixed;
    z-index: 20;
    box-sizing: border-box;
    transition: 0.4s opacity, 0.4s transform, 0.4s visibility;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    top: 205px;
}
@media (min-width: 1601px) {
    .floating-block {
        left: 30px;
        max-width: 365px;
        padding: 4.166666666666667vw 4.166666666666667vw 3.125vw;
    }
}
@media (max-width: 1600px) {
    .floating-block {
        padding: 3.3532041728763042vw 3.7257824143070044vw 2.608047690014903vw 2.6vw;
        max-width: 275px;
        left: 0;
    }
}
@media (max-width: 1350px) {
    .floating-block {
        max-width: 200px;
        padding: 25px 25px 7px 23px;
    }
}
@media (max-width: 1150px) {
    .floating-block {
        max-width: 175px;
        padding: 15px 15px 5px 12px;
    }
}
@media (max-width: 1024px) {
    .floating-block {
        display: none;
    }
}
@media (max-width: 1100px) {
    .floating-block {
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #ededed;
    }
}
@media (max-width: 600px) {
    .floating-block {
        top: 70px;
        padding: 10px;
    }
}
.floating-block:not(.is-visible) {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-15px);
}
@media (min-width: 1291px) {
    .floating-block.is-substrate {
        background: rgba(255, 255, 255, 0.8);
    }
}
@media (min-width: 1291px) {
    .floating-block.is-relative {
        position: absolute;
        top: auto;
        bottom: 50px;
    }
}
.floating-block--text {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.02em;
    font-weight: 700;
    color: #242b34;
    margin-bottom: 23px;
}
@media (max-width: 1350px) {
    .floating-block--text {
        font-size: 16px;
        margin-bottom: 18px;
    }
}
@media (max-width: 1150px) {
    .floating-block--text {
        line-height: 23px;
    }
}
@media (max-width: 600px) {
    .floating-block--text {
        font-size: 14px;
        line-height: 18px;
        max-width: 50%;
    }
}
.floating-block--text p {
    font-size: inherit;
    line-height: inherit;
}
.floating-block--cta {
    white-space: nowrap;
    text-transform: uppercase;
}
@media (max-width: 1350px) {
    .floating-block--cta a {
        font-size: 14px;
    }
}
@media (max-width: 1350px) {
    .floating-block--cta a:after {
        width: 33px;
        height: 33px;
        background-position: -12px center;
        margin-left: 10px;
    }
}

.paragraph--type--wysiwyg,
.paragraph--type--block-quote {
    max-width: 757px;
    margin: auto;
}
.paragraph--type--wysiwyg,
.paragraph--type--block-quote {
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (min-width: 480px) {
    .paragraph--type--wysiwyg,
    .paragraph--type--block-quote {
        padding-left: calc(10px + 20 * ((100vw - 480px) / 480));
        padding-right: calc(10px + 20 * ((100vw - 480px) / 480));
    }
}
@media screen and (min-width: 960px) {
    .paragraph--type--wysiwyg,
    .paragraph--type--block-quote {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (max-width: 1350px) {
    .paragraph--type--wysiwyg,
    .paragraph--type--block-quote {
        max-width: 745px;
    }
}
.paragraph--type--wysiwyg p,
.paragraph--type--block-quote p {
    padding: 0 0 20px;
    margin: 0;
    letter-spacing: -0.02em;
}
@media (max-width: 960px) {
    .paragraph--type--wysiwyg p,
    .paragraph--type--block-quote p {
        padding: 0 0 10px 0;
    }
}
.paragraph--type--wysiwyg p:last-child,
.paragraph--type--block-quote p:last-child {
    padding-bottom: 0;
}
.paragraph--type--wysiwyg img,
.paragraph--type--block-quote img {
    margin: 20px 0 45px 0;
}
.paragraph--type--wysiwyg h2,
.paragraph--type--block-quote h2 {
    margin: 10px 0;
    padding: 0;
    letter-spacing: -0.02em;
}
.paragraph--type--wysiwyg h2,
.paragraph--type--block-quote h2 {
    font-size: 20px;
    line-height: 24px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--wysiwyg h2,
    .paragraph--type--block-quote h2 {
        font-size: calc(20px + 5 * ((100vw - 767px) / 333));
        line-height: calc(24px + 16 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .paragraph--type--wysiwyg h2,
    .paragraph--type--block-quote h2 {
        font-size: 25px;
        line-height: 40px;
    }
}
@media (max-width: 960px) {
    .paragraph--type--wysiwyg h2,
    .paragraph--type--block-quote h2 {
        margin: 5px 0;
    }
}
.paragraph--type--wysiwyg h2.large,
.paragraph--type--block-quote h2.large {
    font-size: 25px;
    line-height: 30px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--wysiwyg h2.large,
    .paragraph--type--block-quote h2.large {
        font-size: calc(25px + 15 * ((100vw - 767px) / 333));
        line-height: calc(30px + 15 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .paragraph--type--wysiwyg h2.large,
    .paragraph--type--block-quote h2.large {
        font-size: 40px;
        line-height: 45px;
    }
}
.paragraph--type--wysiwyg h3,
.paragraph--type--block-quote h3 {
    font-weight: 700;
    letter-spacing: -0.02em;
    padding: 0;
    margin: 2px 0 10px 0;
}
.paragraph--type--wysiwyg h3,
.paragraph--type--block-quote h3 {
    font-size: 16px;
    line-height: 27px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--wysiwyg h3,
    .paragraph--type--block-quote h3 {
        font-size: calc(16px + 4 * ((100vw - 767px) / 333));
        line-height: calc(27px + 0 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .paragraph--type--wysiwyg h3,
    .paragraph--type--block-quote h3 {
        font-size: 20px;
        line-height: 27px;
    }
}
@media (max-width: 960px) {
    .paragraph--type--wysiwyg h3,
    .paragraph--type--block-quote h3 {
        margin: 10px 0 2px 0;
    }
}



.paragraph--type--webform,
#block-email-signup {
    background-color: #ededed;
    padding: 130px 0 0
}

.paragraph--type--webform:after,
#block-email-signup:after {
    content: "";
    display: table;
    clear: both;
    pointer-events: none
}

@media(max-width:1100px) {
    .paragraph--type--webform,
    #block-email-signup {
        padding: 50px 0 0
    }
}

.paragraph--type--webform .has-errors .clicked .green-check .contact-us-textarea,
#block-email-signup .has-errors .clicked .green-check .contact-us-textarea {
    border: 1px solid #5aba48
}

.paragraph--type--webform .has-errors .clicked.green-check input,
.paragraph--type--webform .has-errors .form-textarea,
#block-email-signup .has-errors .clicked.green-check input,
#block-email-signup .has-errors .form-textarea {
    border: 1px solid #5aba48;
    color: #5aba48;
    outline: none;
    font-weight: 500
}

.paragraph--type--webform .has-errors .form-item input.error,
.paragraph--type--webform .has-errors .form-item textarea.error,
.paragraph--type--webform .has-errors .form-item select.error,
#block-email-signup .has-errors .form-item input.error,
#block-email-signup .has-errors .form-item textarea.error,
#block-email-signup .has-errors .form-item select.error {
    border: 1px solid #e3173e;
    color: #e3173e;
    outline: none;
    font-weight: 500
}

.paragraph--type--webform .has-errors .form-item input.error::-webkit-input-placeholder,
.paragraph--type--webform .has-errors .form-item textarea.error::-webkit-input-placeholder,
.paragraph--type--webform .has-errors .form-item select.error::-webkit-input-placeholder,
#block-email-signup .has-errors .form-item input.error::-webkit-input-placeholder,
#block-email-signup .has-errors .form-item textarea.error::-webkit-input-placeholder,
#block-email-signup .has-errors .form-item select.error::-webkit-input-placeholder {
    color: #e3173e
}

.paragraph--type--webform .has-errors .green-check,
#block-email-signup .has-errors .green-check {
    font-weight: 500
}

.paragraph--type--webform .has-errors .green-check::-webkit-input-placeholder,
#block-email-signup .has-errors .green-check::-webkit-input-placeholder {
    color: #5aba48
}

.paragraph--type--webform .has-errors .green-check:after,
#block-email-signup .has-errors .green-check:after {
    background: url(/web/20201026122300im_/https://www.bluefountainmedia.com/themes/custom/bfm/images/icons-s5592c99d6b.png) 0 0 no-repeat;
    height: 16px;
    width: 22px;
    height: 28px;
    width: 28px;
    display: inline-block;
    margin-left: 15px;
    content: "";
    position: absolute;
    right: 16px;
    top: 30px
}

.paragraph--type--webform .webform-submission-form,
#block-email-signup .webform-submission-form {
    margin: 0 auto;
    width: 50%;
    max-width: 750px;
    position: relative;
    z-index: 1
}

.paragraph--type--webform .webform-submission-form,
#block-email-signup .webform-submission-form {
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (min-width:600px) {
    .paragraph--type--webform .webform-submission-form,
    #block-email-signup .webform-submission-form {
        padding-left: calc(10px + 40 * ((100vw - 600px)/167));
        padding-right: calc(10px + 40 * ((100vw - 600px)/167))
    }
}

@media screen and (min-width:767px) {
    .paragraph--type--webform .webform-submission-form,
    #block-email-signup .webform-submission-form {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media(max-width:1100px) {
    .paragraph--type--webform .webform-submission-form,
    #block-email-signup .webform-submission-form {
        width: 90%
    }
}

@media(max-width:767px) {
    .paragraph--type--webform .webform-submission-form,
    #block-email-signup .webform-submission-form {
        margin: 0 auto;
        width: 93%;
        max-width: 93%
    }
}

.paragraph--type--webform .webform-submission-form label,
#block-email-signup .webform-submission-form label {
    display: none
}

.paragraph--type--webform .webform-submission-form .clicked label,
#block-email-signup .webform-submission-form .clicked label {
    display: block;
    color: #747474
}

.paragraph--type--webform .webform-submission-form .clicked label,
#block-email-signup .webform-submission-form .clicked label {
    font-size: 13px;
    line-height: 40px
}

@media screen and (min-width:480px) {
    .paragraph--type--webform .webform-submission-form .clicked label,
    #block-email-signup .webform-submission-form .clicked label {
        font-size: calc(13px + 1 * ((100vw - 480px)/620));
        line-height: calc(40px + 0 * ((100vw - 480px)/620))
    }
}

@media screen and (min-width:1100px) {
    .paragraph--type--webform .webform-submission-form .clicked label,
    #block-email-signup .webform-submission-form .clicked label {
        font-size: 14px;
        line-height: 40px
    }
}

.paragraph--type--webform .webform-submission-form .clicked .required,
.paragraph--type--webform .webform-submission-form .clicked .form-textarea,
#block-email-signup .webform-submission-form .clicked .required,
#block-email-signup .webform-submission-form .clicked .form-textarea {
    border: 1px solid #747474;
    outline: none
}

.paragraph--type--webform .webform-submission-form #edit-contact-us-body,
#block-email-signup .webform-submission-form #edit-contact-us-body {
    border: 0;
    background-color: transparent;
    font-size: 19px;
    color: #000
}

@media(max-width:1100px) {
    .paragraph--type--webform .webform-submission-form #edit-contact-us-body,
    #block-email-signup .webform-submission-form #edit-contact-us-body {
        font-size: 15px
    }
}

.paragraph--type--webform .webform-submission-form .form-item input,
.paragraph--type--webform .webform-submission-form .form-item textarea,
.paragraph--type--webform .webform-submission-form .form-item select,
#block-email-signup .webform-submission-form .form-item input,
#block-email-signup .webform-submission-form .form-item textarea,
#block-email-signup .webform-submission-form .form-item select {
    border: 1px solid #d5d5d5;
    padding: 5px 30px;
    height: 70px;
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media(max-width:600px) {
    .paragraph--type--webform .webform-submission-form .form-item input,
    .paragraph--type--webform .webform-submission-form .form-item textarea,
    .paragraph--type--webform .webform-submission-form .form-item select,
    #block-email-signup .webform-submission-form .form-item input,
    #block-email-signup .webform-submission-form .form-item textarea,
    #block-email-signup .webform-submission-form .form-item select {
        padding: 5px 15px;
        height: 60px
    }
}

.paragraph--type--webform .webform-submission-form .form-item input,
.paragraph--type--webform .webform-submission-form .form-item textarea,
#block-email-signup .webform-submission-form .form-item input,
#block-email-signup .webform-submission-form .form-item textarea {
    font-weight: 700;
    color: #242b34
}

.paragraph--type--webform .webform-submission-form .form-item input::-webkit-input-placeholder,
.paragraph--type--webform .webform-submission-form .form-item textarea::-webkit-input-placeholder,
#block-email-signup .webform-submission-form .form-item input::-webkit-input-placeholder,
#block-email-signup .webform-submission-form .form-item textarea::-webkit-input-placeholder {
    color: #747474;
    font-weight: 400
}

.paragraph--type--webform .webform-submission-form .form-item input:-ms-input-placeholder,
.paragraph--type--webform .webform-submission-form .form-item textarea:-ms-input-placeholder,
#block-email-signup .webform-submission-form .form-item input:-ms-input-placeholder,
#block-email-signup .webform-submission-form .form-item textarea:-ms-input-placeholder {
    color: #747474;
    font-weight: 400
}

.paragraph--type--webform .webform-submission-form .form-item input::-ms-input-placeholder,
.paragraph--type--webform .webform-submission-form .form-item textarea::-ms-input-placeholder,
#block-email-signup .webform-submission-form .form-item input::-ms-input-placeholder,
#block-email-signup .webform-submission-form .form-item textarea::-ms-input-placeholder {
    color: #747474;
    font-weight: 400
}

.paragraph--type--webform .webform-submission-form .form-type-textfield,
.paragraph--type--webform .webform-submission-form .form-type-textarea,
.paragraph--type--webform .webform-submission-form .form-type-tel,
.paragraph--type--webform .webform-submission-form .form-type-email,
#block-email-signup .webform-submission-form .form-type-textfield,
#block-email-signup .webform-submission-form .form-type-textarea,
#block-email-signup .webform-submission-form .form-type-tel,
#block-email-signup .webform-submission-form .form-type-email {
    background: #fff;
    position: relative
}

.paragraph--type--webform .webform-submission-form .form-type-textfield,
.paragraph--type--webform .webform-submission-form .form-type-textarea,
.paragraph--type--webform .webform-submission-form .form-type-tel,
.paragraph--type--webform .webform-submission-form .form-type-email,
#block-email-signup .webform-submission-form .form-type-textfield,
#block-email-signup .webform-submission-form .form-type-textarea,
#block-email-signup .webform-submission-form .form-type-tel,
#block-email-signup .webform-submission-form .form-type-email {
    font-size: 16px;
    line-height: 40px
}

@media screen and (min-width:480px) {
    .paragraph--type--webform .webform-submission-form .form-type-textfield,
    .paragraph--type--webform .webform-submission-form .form-type-textarea,
    .paragraph--type--webform .webform-submission-form .form-type-tel,
    .paragraph--type--webform .webform-submission-form .form-type-email,
    #block-email-signup .webform-submission-form .form-type-textfield,
    #block-email-signup .webform-submission-form .form-type-textarea,
    #block-email-signup .webform-submission-form .form-type-tel,
    #block-email-signup .webform-submission-form .form-type-email {
        font-size: calc(16px + 3 * ((100vw - 480px)/620));
        line-height: calc(40px + 0 * ((100vw - 480px)/620))
    }
}

@media screen and (min-width:1100px) {
    .paragraph--type--webform .webform-submission-form .form-type-textfield,
    .paragraph--type--webform .webform-submission-form .form-type-textarea,
    .paragraph--type--webform .webform-submission-form .form-type-tel,
    .paragraph--type--webform .webform-submission-form .form-type-email,
    #block-email-signup .webform-submission-form .form-type-textfield,
    #block-email-signup .webform-submission-form .form-type-textarea,
    #block-email-signup .webform-submission-form .form-type-tel,
    #block-email-signup .webform-submission-form .form-type-email {
        font-size: 19px;
        line-height: 40px
    }
}

.paragraph--type--webform .webform-submission-form .form-type-textfield label,
.paragraph--type--webform .webform-submission-form .form-type-textarea label,
.paragraph--type--webform .webform-submission-form .form-type-tel label,
.paragraph--type--webform .webform-submission-form .form-type-email label,
#block-email-signup .webform-submission-form .form-type-textfield label,
#block-email-signup .webform-submission-form .form-type-textarea label,
#block-email-signup .webform-submission-form .form-type-tel label,
#block-email-signup .webform-submission-form .form-type-email label {
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 20px
}

.paragraph--type--webform .webform-submission-form .form-type-checkbox label,
#block-email-signup .webform-submission-form .form-type-checkbox label {
    display: block
}

.paragraph--type--webform .webform-submission-form .form-type-checkbox input,
#block-email-signup .webform-submission-form .form-type-checkbox input {
    width: 14px;
    height: 14px;
    max-width: 14px;
    max-height: 14px;
    margin-right: 10px;
    float: left;
    margin-top: 12px;
    box-sizing: border-box
}

.paragraph--type--webform .webform-submission-form .form-actions,
#block-email-signup .webform-submission-form .form-actions {
    clear: both;
    display: block;
    position: relative;
    z-index: 1
}

.paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text,
#block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text {
    font-weight: 200
}

.paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text,
#block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text {
    font-size: 15px;
    line-height: 24px
}

@media screen and (min-width:767px) {
    .paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text,
    #block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text {
        font-size: calc(15px + 4 * ((100vw - 767px)/333));
        line-height: calc(24px + 16 * ((100vw - 767px)/333))
    }
}

@media screen and (min-width:1100px) {
    .paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text,
    #block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text {
        font-size: 19px;
        line-height: 40px
    }
}

@media(max-width:767px) {
    .paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text,
    #block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text {
        margin: 0 auto;
        font-weight: 200
    }
}

.paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text h2,
.paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title,
#block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text h2,
#block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title {
    color: #000;
    font-weight: 700;
    border: 0;
    padding: 0 0 20px;
    background-color: transparent;
    margin: 0;
    letter-spacing: .019em
}

.paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text h2,
.paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title,
#block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text h2,
#block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title {
    font-size: 35px;
    line-height: 40px
}

@media screen and (min-width:767px) {
    .paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text h2,
    .paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title,
    #block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text h2,
    #block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title {
        font-size: calc(35px + 5 * ((100vw - 767px)/333));
        line-height: calc(40px + 15 * ((100vw - 767px)/333))
    }
}

@media screen and (min-width:1100px) {
    .paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text h2,
    .paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title,
    #block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text h2,
    #block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title {
        font-size: 40px;
        line-height: 55px
    }
}

@media(max-width:767px) {
    .paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text h2,
    .paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title,
    #block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text h2,
    #block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title {
        font-size: 30px;
        line-height: 30px;
        margin: 0 auto;
        padding-left: 27px
    }
}

.paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text h2+span,
.paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title+span,
#block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text h2+span,
#block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title+span {
    font-weight: 400;
    line-height: 1.5;
    display: block
}

@media(max-width:767px) {
    .paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text h2+span,
    .paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title+span,
    #block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text h2+span,
    #block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text .contact-us-title+span {
        font-size: 20px !important
    }
}

.paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text,
#block-email-signup .webform-submission-form #edit-contact-us-get-in-touch-text {
    border: 0;
    padding: 0 0 25px
}

.paragraph--type--webform .webform-submission-form .contact-us-submit-button,
#block-email-signup .webform-submission-form .contact-us-submit-button {
    text-align: right;
    padding: 10px 0 50px
}

.paragraph--type--webform .webform-submission-form .contact-us-submit-button .contact-us-submit,
#block-email-signup .webform-submission-form .contact-us-submit-button .contact-us-submit {
    color: #005593;
    font-weight: 700;
    border: 0;
    background-color: transparent;
    font-size: 21px;
    text-transform: uppercase
}

@media(max-width:767px) {
    .block-contact-us-form-block .paragraph--type--webform .webform-submission-form .form-group #edit-contact-us-get-in-touch-text h2,
    .block-contact-us-form-block .paragraph--type--webform .webform-submission-form .form-group #edit-contact-us-get-in-touch-text div.contact-us-title.contact-us-form-title {
        padding-left: 0
    }
}

.block-webform .captcha {
    position: relative;
    z-index: 10
}

.paragraph--type--webform {
    background: 0 0;
    padding: 0;
    width: 100%
}

.paragraph--type--webform .webform-submission-form {
    padding: 0;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    position: relative;
    z-index: 1
}

@media(min-width:962px) {
    .paragraph--type--webform .webform-submission-form {
        padding-right: 40px
    }
}

.paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text {
    font-size: 25px;
    line-height: 35px;
    color: #242b34;
    font-weight: 400;
    margin: 0;
    padding-bottom: 35px
}

@media(max-width:600px) {
    .paragraph--type--webform .webform-submission-form #edit-contact-us-get-in-touch-text {
        padding-bottom: 25px
    }
}

.paragraph--type--webform .webform-submission-form .form-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.paragraph--type--webform .webform-submission-form .form-group .form-item {
    width: 100%
}

@media(min-width:768px) {
    .paragraph--type--webform .webform-submission-form .form-group .form-item:nth-of-type(2),
    .paragraph--type--webform .webform-submission-form .form-group .form-item:nth-of-type(3),
    .paragraph--type--webform .webform-submission-form .form-group .form-item:nth-of-type(4),
    .paragraph--type--webform .webform-submission-form .form-group .form-item:nth-of-type(5) {
        width: calc(50% - 0.5em)
    }
}

.paragraph--type--webform .webform-submission-form .form-group .form-item.form-type-webform-markup {
    min-width: 100%
}

.paragraph--type--webform .webform-submission-form .form-item {
    margin-top: 0;
    width: 100%
}

@media(max-width:767px) {
    .paragraph--type--webform .webform-submission-form .form-item {
        margin-bottom: 10px
    }
}

.paragraph--type--webform .webform-submission-form .form-item input,
.paragraph--type--webform .webform-submission-form .form-item textarea {
    background-color: #f4f4f4;
    color: #242b34;
    font-weight: 700;
    margin-left: 0;
}

.paragraph--type--webform .webform-submission-form .form-item input::-webkit-input-placeholder,
.paragraph--type--webform .webform-submission-form .form-item textarea::-webkit-input-placeholder {
    color: #747474;
    font-weight: 400
}

.paragraph--type--webform .webform-submission-form .form-item input:-ms-input-placeholder,
.paragraph--type--webform .webform-submission-form .form-item textarea:-ms-input-placeholder {
    color: #747474;
    font-weight: 400
}

.paragraph--type--webform .webform-submission-form .form-item input::-ms-input-placeholder,
.paragraph--type--webform .webform-submission-form .form-item textarea::-ms-input-placeholder {
    color: #747474;
    font-weight: 400
}

.paragraph--type--webform .webform-submission-form .form-item input {
    padding: 5px 30px;
    height: 70px
}

@media(max-width:600px) {
    .paragraph--type--webform .webform-submission-form .form-item input {
        padding: 5px 15px;
        height: 60px
    }
}

.paragraph--type--webform .webform-submission-form .form-item textarea {
    max-height: 153px;
    padding: 25px 30px;
    min-height: 155px;
    line-height: 1.5
}

@media(max-width:600px) {
    .paragraph--type--webform .webform-submission-form .form-item textarea {
        padding: 20px 15px;
        min-height: 165px
    }
}

.paragraph--type--webform .webform-submission-form .form-type-textfield label,
.paragraph--type--webform .webform-submission-form .form-type-email label,
.paragraph--type--webform .webform-submission-form .form-type-tel label,
.paragraph--type--webform .webform-submission-form .form-type-textarea label {
    left: 30px;
    top: -2px
}

@media(max-width:600px) {
    .paragraph--type--webform .webform-submission-form .form-type-textfield label,
    .paragraph--type--webform .webform-submission-form .form-type-email label,
    .paragraph--type--webform .webform-submission-form .form-type-tel label,
    .paragraph--type--webform .webform-submission-form .form-type-textarea label {
        left: 16px
    }
}

.paragraph--type--webform .webform-submission-form .contact-us-submit-button {
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 15px;
    position: relative;
    z-index: 1
}

@media(max-width:600px) {
    .paragraph--type--webform .webform-submission-form .contact-us-submit-button {
        padding-top: 0
    }
}
.page-frame--small,
.block-contact-us-form-block {
    max-width: 757px;
    margin-left: auto;
    margin-right: auto;
}

.page-frame--small,
.block-contact-us-form-block {
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (min-width:480px) {
    .page-frame--small,
    .block-contact-us-form-block {
        padding-left: calc(10px + 20 * ((100vw - 480px) / 480));
        padding-right: calc(10px + 20 * ((100vw - 480px) / 480));
    }
}

@media screen and (min-width:960px) {
    .page-frame--small,
    .block-contact-us-form-block {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width:1350px) {
    .page-frame--small,
    .block-contact-us-form-block {
        max-width: 745px;
    }
}
.form-item .placeholder-label {
    transition: .4s;
    position: absolute;
    top: 10px;
    left: 0;
    padding-left: 30px;
    color: #747474;
    font-size: 12px;
    letter-spacing: normal;
    line-height: normal;
}

@media (max-width:600px) {
    .form-item .placeholder-label {
        padding-left: 15px;
    }
}

.form-item .placeholder-label:not(.is-active) {
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    font-size: 19px;
    color: #242B34;
}

.form-item .placeholder-label.is-active+input {
    padding-top: 25px !important;
}

@media (max-width:600px) {
    .form-item .placeholder-label.is-active+input {
        padding-top: 20px !important;
    }
}

.form-item .placeholder-label+input {
    transition: .4s;
}
.form-item, .form-actions {
  
    margin-bottom: 1em;
}
.form-item .placeholder-label.is-active+input {
    padding-top: 25px !important;
    margin-top: 0;
}
input#edit-phone {
    padding-left: 97px;
}
span.succufull-submit {
    color: #046c04;
}
span.select2-dropdown.select2-dropdown--below {
    width: 282px !important;
}
 

.form-item-phone .input-group {
    background-color: #f4f4f4;
    padding: 5px 22px !important;
    height: 70px;
    padding-left: 0px !important;
    border: 1px solid #d5d5d5;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: unset !important;
    border-radius: 4px;
    height: 68px !important;
    padding-top: 20px !important;
    padding-left: 20px !important;
}
span.select2-selection__arrow {
    margin-top: 20px;
}
.select2-container {
    width: 95px !important;
 
}
.select2-container--default .select2-selection--single {
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
}
.scroll-down--burger-open .site-navbar.navbar.navbar--main, .scroll-up .site-navbar {
    position: fixed;
    background: linear-gradient(90deg, #093899, #040d70);
    box-shadow: 0 16px 32px 0 rgba(0,0,0,.04), 0 24px 64px 0 rgba(0,0,0,.06);
    align-content: center!important;
}
 

.container {
    width: 100%;
    margin: auto;
}

.btn-container {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.pricing-btn {
    padding: 10px;
    margin-right: 16px;
    font-size: 24px;
    font-family: roboto,sans-serif;
    border: none;
    background-color: transparent;
    color: white;
    cursor: pointer;
    font-weight: 600;
    transition: color .3s;
}
#default-selected:before {
    content: "";
    position: absolute;
    height: 3px;
    left: 19px;
    bottom: 0;
    right: 13px;
    z-index: 10000;
    background-color: #f67a3c;
    transition: left .3s ease, right .3s ease;
}
.pricing-row h3{
    font-size: 24px;
}
#default-selected {
position: relative;
}

.pricing-btn:hover {
    color: #f67a3c;
    transition: color .3s;
}

.pricing-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.pricing-row:hover {
    box-shadow: 0 16px 24px rgb(0 0 0 / 6%), 0 16px 24px rgb(0 0 0 / 6%), 0 16px 48px rgb(0 0 0 / 8%);
    transform: translate3d(0,-8px,0);
}

.pricing-row {
    padding: 20px;
    text-align: center;
    transition: transform .3s,box-shadow .3s;
    box-shadow: 0 8px 32px 0 rgb(0 0 0 / 8%);
    background: #fff;
    border-radius: 5px;
}

 
.mobile-select {
    display: none !important;
}

@media only screen and (max-width: 769px) {
    .btn-container {
        display: none !important;
    }
    .domain-slider {
        margin-left: 25px;
    }
    .pro-services .col-12.text-end {
        text-align: center;
    }
    .pro-services .hire {
        text-align: center !important;
    }
    .mobile-select {
        display: block !important;
    }
    .pricing-table {
        display: block;
    }
    .section__content.col-sm-12.col-md-6 {
        order: 2;
    }
    .col-sm-12.col-md-6.graphic1 {
        order: 1 !important;
    }
    .section__desc.p-3-l.text-left {
        text-align: center !important;
    }
    .pricing-row {
        width: 100%;
    }
}


/*Domain home page */
.domain-search {
    max-width: 900px;
    width: 100%;
    margin: 40px auto 0 auto;
}
.domain-search .swiper-domain {
    margin-top: 64px;
    padding: 0;
    overflow: hidden;
}
.domain-search .swiper-domain .swiper-slide {
    display: inline-flex;
    line-height: 36px;
    padding-right: 5px;
}
.domain-search .swiper-domain .swiper-slide span.name {
    margin-right: 12px;
    font-size: 22px;
    font-weight: 900;
    color: #112240;
}
.domain-search .swiper-domain .swiper-slide span.price {
    font-size: 22px;
    font-weight: 300;
    display: inline-flex;
    line-height: 36px;
    padding-right: 16px;
}

 
.domain-search .input-group--search-domain .input-group-icon {
    width: 32px;
    padding-top: 10px;
}
.domain-search .input-group--search-domain input {
    font-size: 20px;
    font-weight: 300;
}
.domain-search .input-group--search-domain .input-group__btn {
    max-width: 182px;
    width: 100%;
    border-radius: 6px;
    font-size: 18px;
}
.row.lft {
    flex-direction: inherit !important;
}

.service-box.s1 svg {
    fill: #1F80FA;
}
.service-box.s3 svg {
    fill: #F6763C;
}
.service-box.s2 svg {
    fill: #2C9A66
}
.service-box.s4 svg {
    fill: #9871F4
}
.service-box svg {
    width: 64px;
    height: 64px;
    margin-bottom: 1.2rem;
}
h2.hire {
    padding-bottom: 32px;
    margin-bottom: 0;
}
p.hire {
    margin-bottom: 32px;
}
.feature__icon {
    font-size: 115px;
}
.icon-logo-cpanel{
    color: #F86C2D;
}
.plan .pricing .pricing__discount {
    cursor: pointer;
    display: flex;
}
.pricing__price {
    display: flex;
    align-items: flex-end;
    margin-bottom: 8px;
    justify-content: center;
}
span.price {
    font-size: 50px;
    display: flex;
    font-weight: 800;
}
span.price {
    font-size: 50px;
    display: flex;
    font-weight: 800;
    line-height: 62px;
}
.pricing__save {
    color: #F8905C;
    font-weight: bold;
    margin-left: 10px;
}
.btn__text.chat {
    color: #040d70;
}
.pricing__discount {
    display: flex;
}
.dedfeaturres {
    margin-top: var(--ca-section-spacing);
}
.component-spacing-30, .field--name-field-components > .field__item{
    padding: 30px 0;
}
.block-page-title-block.service .hero-wrapper {
    margin-bottom: 30px !important;
}
.field.field--name-field-slideshow-slide {
    padding: 0;
}
.case-studies--list .csl-item--label {
    position: relative;
    color: #747474;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .400em;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

@media screen and (min-width: 960px){
.page-frame--small, .case-studies--list .csl-item--label, .case-studies--list .csl-item--group {
    padding-left: 30px;
    padding-right: 30px;
}}
blockquote {
    border-left: 3px solid #E3173E;
    padding: 50px 0 0 40px;
    margin: 0;
    position: relative;
    background: transparent;
    border-radius: 0;
}
blockquote, q {
    quotes: none;
}
blockquote p:after {
  display: none;
}
blockquote::before {
    content: "\201C";
    font-size: 120px;
    letter-spacing: -2px;
    line-height: 60px;
    font-weight: bold;
    position: absolute;
    top: 20px;
}
.field--name-field-cta-link {
    padding: 0;
}
.arrow-link:before, .csl-item--cta a:before, .related-services--item a:before {
    content: '';
    display: block;
    width: 21px;
    height: 8px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMSA4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMSA4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojRTYwRjM5OyIgZD0iTTE2LjYsNy44TDIwLDQuN2MwLjItMC4yLDAuMy0wLjQsMC4zLTAuN2MwLTAuMy0wLjEtMC41LTAuMy0wLjdsLTMuNC0zLjFjLTAuNC0wLjQtMC45LTAuMy0xLjMsMC4xDQoJQzE1LDAuNiwxNSwxLjIsMTUuNCwxLjZMMTcsMy4xSDAuOUMwLjQsMy4xLDAsMy41LDAsNHMwLjQsMC45LDAuOSwwLjlIMTdsLTEuNiwxLjVjLTAuMiwwLjItMC4zLDAuNC0wLjMsMC43YzAsMC4yLDAuMSwwLjQsMC4zLDAuNg0KCUMxNS43LDguMSwxNi4yLDguMSwxNi42LDcuOHoiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 8px;
    transition: .3s;
}
.arrow-link, .case-studies--list .csl-item--cta a, .related-services--item a {
    font-size: 20px;
    position: relative;
    padding-left: 37px;
    transition: .3s;
    text-decoration: none;
    font-weight: bold;
}
.component-spacing-30:first-child, .field--name-field-components > .field__item:first-child {
    padding-top: 0px;
}

@media screen and (min-width: 960px){
.page-frame--small, .case-studies--list .csl-item--label, .case-studies--list .csl-item--group {
    padding-left: 30px;
    padding-right: 30px;
}}

@media screen and (min-width: 480px){
.page-frame--small, .case-studies--list .csl-item--label, .case-studies--list .csl-item--group {
    padding-left: calc(10px + 20 * ((100vw - 480px) / 480));
    padding-right: calc(10px + 20 * ((100vw - 480px) / 480));
}}
.page-frame--small, .case-studies--list .csl-item--label, .case-studies--list .csl-item--group {
    padding-left: 10px;
    padding-right: 10px;
}
.page-frame--small, .case-studies--list .csl-item--label, .case-studies--list .csl-item--group {
    max-width: 757px;
    margin-left: auto;
    margin-right: auto;
}


.banner-message {
    max-width: 915px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 20px;
    color: white;
}
@media (max-width: 1350px) {
    .banner-message {
        max-width: 870px;
    }
}
@media (max-width: 600px) {
    .banner-message {
        padding: 0;
    }
}
.banner-message--wrapper {
    display: flex;
    flex-direction: row;
    background-color: #005492;
    padding: 2rem;
    position: relative;
}
@media (max-width: 600px) {
    .banner-message--wrapper {
        flex-direction: column;
        padding: 25px;
    }
}
@media (min-width: 992px) {
    .design-options--list .text-image--img:after {
        left: -48px !important;
    }}
.design-options--list .text-image--img {
    display: inline-block;
    width: 50px;
    text-align: right;
    padding-bottom: 16px;
    margin-bottom: 15px;
    position: relative;
}
p:last-child {
    padding: 0;
}

.design-options--list .text-image--img:after {
    content: '';
    display: block;
    width: 99px;
    height: 3px;
    background-color: #E3173E;
    position: absolute;
    left: 0;
    bottom: 0;
}
.banner-message--wrapper:before {
    content: "";
    display: block;
    background-image: url("/templates/lagom2/assets/img/services/dots-top-right.png");
    background-repeat: no-repeat;
    height: 255px;
    width: 253px;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
}
@media (max-width: 600px) {
    .banner-message--wrapper:before {
        height: 155px;
        width: 153px;
    }
}
.banner-message--content {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 2rem 1rem 2rem 3rem;
}
.banner-message--content-with-image {
    position: relative;
    z-index: 1;
    padding: 2rem 1rem 2rem 3rem;
    width: 75%;
}
@media (max-width: 600px) {
    .banner-message--content-with-image {
        width: 100%;
        padding: 0;
        margin-bottom: 2rem;
    }
}
.banner-message--title {
    font-size: 40px;
    line-height: 35px;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    font-weight: 700;
    max-width: 650px;
}
.banner-message--title {
    font-size: 25px;
    line-height: 30px;
}
@media screen and (min-width: 767px) {
    .banner-message--title {
        font-size: calc(25px + 15 * ((100vw - 767px) / 333));
        line-height: calc(30px + 5 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .banner-message--title {
        font-size: 40px;
        line-height: 35px;
    }
}
.banner-message--text {
    max-width: 650px;
}
.banner-message--cta {
    padding-top: 25px;
}
.banner-message--cta a {
    color: white !important;
    text-transform: uppercase;
}
.banner-message--cta a:after {
    background-color: #00a1df;
}
.banner-message--image {
    display: flex;
    justify-content: center;
    width: 25%;
    height: auto;
    z-index: 1;
    margin: auto;
}
@media (max-width: 600px) {
    .banner-message--image {
        width: 100%;
    }
}
.banner-message--image img {
    max-width: 100%;
    object-fit: contain;
}
.banner-message--text p {
    color: #fff;
}
.view-id-insights_by_category .view-content,
.full-press .view-content,
.block--insights-related-block .view-content,
.related-insights--promo .view-content {
    position: relative;
    z-index: 5;
}
.view-id-insights_by_category::before,
.full-press::before,
.block--insights-related-block::before,
.related-insights--promo::before {
    content: "";
    right: 0;
    top: -400px;
}
.view-id-insights_by_category::before,
.full-press::before,
.block--insights-related-block::before,
.related-insights--promo::before {
    right: -10px;
}
@media screen and (min-width: 480px) {
    .view-id-insights_by_category::before,
    .full-press::before,
    .block--insights-related-block::before,
    .related-insights--promo::before {
        right: calc(-10px + -15 * ((100vw - 480px) / 287));
    }
}
@media screen and (min-width: 767px) {
    .view-id-insights_by_category::before,
    .full-press::before,
    .block--insights-related-block::before,
    .related-insights--promo::before {
        right: -25px;
    }
}
.view-id-insights_by_category::before,
.full-press::before,
.block--insights-related-block::before,
.related-insights--promo::before {
    right: -25px;
}
@media screen and (min-width: 767px) {
    .view-id-insights_by_category::before,
    .full-press::before,
    .block--insights-related-block::before,
    .related-insights--promo::before {
        right: calc(-25px + -5 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .view-id-insights_by_category::before,
    .full-press::before,
    .block--insights-related-block::before,
    .related-insights--promo::before {
        right: -30px;
    }
}
.related-services {
    position: relative;
    padding-bottom: 50px;
}
.related-services--title {
    font-size: 18px;
    font-weight: 700;
    line-height: 35px;
    text-transform: uppercase;
    color: #747474;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 20px;
    letter-spacing: 0.4em;
}
@media (max-width: 600px) {
    .related-services--title {
        font-size: 14px;
    }
}
.related-services--title h2,
.related-services--title h3 {
    font-size: inherit;
    margin: 0;
    font-weight: inherit;
    letter-spacing: inherit;
}
.related-services--title:after {
    content: "";
    display: block;
    width: 99px;
    height: 3px;
    background-color: #e3173e;
    position: absolute;
    left: 0;
    bottom: 0;
}
.related-services--item:not(:last-child) {
    margin-bottom: 18px;
}
@media (max-width: 600px) {
    .related-services--item:not(:last-child) {
        margin-bottom: 15px;
    }
}
.related-services:before {
    content: "";
    display: block;
    background-image: url("/templates/lagom2/assets/img/services/dots-top-right-large.png");
    background-repeat: no-repeat;
    height: 398px;
    width: 402px;
    position: absolute;
    right: 0;
    bottom: -60px;
    pointer-events: none;
}
@media (max-width: 1200px) {
    .related-services:before {
        display: none;
    }
}
@media (max-width: 960px) {
    .view-id-insights_by_category::before,
    .full-press::before,
    .block--insights-related-block::before,
    .related-insights--promo::before {
        background: url("/templates/lagom2/assets/img/services/dots-arrow-right-side-small.png");
        height: 298px;
        width: 149px;
        top: -152px;
    }
}
.view-id-insights_by_category::after,
.full-press::after,
.block--insights-related-block::after,
.related-insights--promo::after {
    content: "";
    left: 0;
}
.view-id-insights_by_category::after,
.full-press::after,
.block--insights-related-block::after,
.related-insights--promo::after {
    bottom: -382px;
}
@media screen and (min-width: 767px) {
    .view-id-insights_by_category::after,
    .full-press::after,
    .block--insights-related-block::after,
    .related-insights--promo::after {
        bottom: calc(-382px + 130 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .view-id-insights_by_category::after,
    .full-press::after,
    .block--insights-related-block::after,
    .related-insights--promo::after {
        bottom: -252px;
    }
}
.related-insights--promo {
    overflow: hidden;
}
.related-insights--promo::before {
    display: none;
}
@media (max-width: 600px) {
    .full-press::before {
        display: none;
    }
}
.block--insights-related-block {
    position: relative;
}
@media (max-width: 960px) {
    .block--insights-related-block::after {
        bottom: unset;
        top: -45px;
        left: -100px;
    }
}
@media (max-width: 600px) {
    .block--insights-related-block::after {
        top: unset;
        bottom: -382px;
        left: unset;
    }
}
.paragraph--type--feature-band {
    clear: both;
    font-weight: 300;
    background-color: #ededed;
    position: relative;
}
.paragraph--type--feature-band .feature-band-wrapper {
    padding-top: 120px;
    padding-bottom: 100px;
}
.paragraph--type--feature-band .feature-band-wrapper {
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (min-width: 480px) {
    .paragraph--type--feature-band .feature-band-wrapper {
        padding-left: calc(10px + 20 * ((100vw - 480px) / 480));
        padding-right: calc(10px + 20 * ((100vw - 480px) / 480));
    }
}
@media screen and (min-width: 960px) {
    .paragraph--type--feature-band .feature-band-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (max-width: 1100px) {
    .paragraph--type--feature-band .feature-band-wrapper {
        padding-top: 80px;
        padding-bottom: 65px;
    }
}
@media screen and (max-width: 767px) {
    .paragraph--type--feature-band .feature-band-wrapper {
        padding-top: 60px;
        padding-bottom: 50px;
    }
}
.paragraph--type--feature-band .feature-band-wrapper .red-bar {
    margin: 0;
}
.paragraph--type--feature-band .feature-band-wrapper .field--name-field-feature-title {
    letter-spacing: 7px;
    color: #747474;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.paragraph--type--feature-band .feature-band-wrapper .field--name-field-feature-title {
    font-size: 14px;
    line-height: 35px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--feature-band .feature-band-wrapper .field--name-field-feature-title {
        font-size: calc(14px + 4 * ((100vw - 767px) / 333));
        line-height: calc(35px + 0 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .paragraph--type--feature-band .feature-band-wrapper .field--name-field-feature-title {
        font-size: 18px;
        line-height: 35px;
    }
}
.paragraph--type--feature-band .feature-band-wrapper .field--name-field-feature-title {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--feature-band .feature-band-wrapper .field--name-field-feature-title {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 733));
        padding-right: calc(30px + 40 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .paragraph--type--feature-band .feature-band-wrapper .field--name-field-feature-title {
        padding-left: 70px;
        padding-right: 70px;
    }
}
.paragraph--type--feature-band .feature-band-wrapper .field--name-field-title h2 {
    font-weight: 700;
    letter-spacing: -1px;
    padding-top: 35px;
    padding-bottom: 10px;
}
.paragraph--type--feature-band .feature-band-wrapper .field--name-field-title h2 {
    font-size: 30px;
    line-height: 30px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--feature-band .feature-band-wrapper .field--name-field-title h2 {
        font-size: calc(30px + 25 * ((100vw - 767px) / 333));
        line-height: calc(30px + 35 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .paragraph--type--feature-band .feature-band-wrapper .field--name-field-title h2 {
        font-size: 55px;
        line-height: 65px;
    }
}
.paragraph--type--feature-band .feature-band-wrapper .field--name-field-text-area {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 25px;
}
.paragraph--type--feature-band .feature-band-wrapper .field--name-field-text-area {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .paragraph--type--feature-band .feature-band-wrapper .field--name-field-text-area {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 733));
        padding-right: calc(30px + 40 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .paragraph--type--feature-band .feature-band-wrapper .field--name-field-text-area {
        padding-left: 70px;
        padding-right: 70px;
    }
}
@media screen and (max-width: 1100px) {
    .paragraph--type--feature-band .feature-band-wrapper .field--name-field-text-area {
        padding-bottom: 20px;
        width: 100%;
    }
}
.press-top-row,
.insights-top-row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.press-top-row,
.insights-top-row {
    padding-left: 10px;
    padding-right: 10px;
}
@media screen and (min-width: 480px) {
    .press-top-row,
    .insights-top-row {
        padding-left: calc(10px + 20 * ((100vw - 480px) / 287));
        padding-right: calc(10px + 20 * ((100vw - 480px) / 287));
    }
}
@media screen and (min-width: 767px) {
    .press-top-row,
    .insights-top-row {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (max-width: 600px) {
    .press-top-row,
    .insights-top-row {
        padding: 0;
    }
}
.press-top-row h2 a:hover,
.insights-top-row h2 a:hover {
    border-bottom: 3px solid;
    color: white;
}
.press-top-row .field--name-field-components,
.insights-top-row .field--name-field-components {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 1100px) {
    .press-top-row .field--name-field-components,
    .insights-top-row .field--name-field-components {
        display: block;
        max-width: 100%;
        justify-content: space-between;
    }
}
.press-top-row .field--name-field-components > .field__item,
.insights-top-row .field--name-field-components > .field__item {
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 50% 0 0;
    margin: 0 auto;
}
.press-top-row .field--name-field-components > .field__item:last-child,
.insights-top-row .field--name-field-components > .field__item:last-child {
    padding-top: 0;
    padding-bottom: 0;
}
.press-top-row .field--name-field-components > .field__item .view-insights-newest,
.press-top-row .field--name-field-components > .field__item .press-newest,
.insights-top-row .field--name-field-components > .field__item .view-insights-newest,
.insights-top-row .field--name-field-components > .field__item .press-newest {
    margin-right: 15px;
}
@media (max-width: 1100px) {
    .press-top-row .field--name-field-components > .field__item .view-insights-newest,
    .press-top-row .field--name-field-components > .field__item .press-newest,
    .insights-top-row .field--name-field-components > .field__item .view-insights-newest,
    .insights-top-row .field--name-field-components > .field__item .press-newest {
        margin-right: 0;
    }
}
.press-top-row .field--name-field-components > .field__item .view-insights-trending .field__item,
.insights-top-row .field--name-field-components > .field__item .view-insights-trending .field__item {
    flex: 1;
    width: 100%;
}
.press-top-row .field--name-field-components > .field__item .view-insights-trending .paragraph--type--wysiwyg,
.insights-top-row .field--name-field-components > .field__item .view-insights-trending .paragraph--type--wysiwyg {
    max-width: 100%;
    padding: 0;
    color: #d5d5d5;
}
.press-top-row .field--name-field-components > .field__item .view-insights-trending .paragraph--type--wysiwyg,
.insights-top-row .field--name-field-components > .field__item .view-insights-trending .paragraph--type--wysiwyg {
    font-size: 15px;
    line-height: 24px;
}
@media screen and (min-width: 767px) {
    .press-top-row .field--name-field-components > .field__item .view-insights-trending .paragraph--type--wysiwyg,
    .insights-top-row .field--name-field-components > .field__item .view-insights-trending .paragraph--type--wysiwyg {
        font-size: calc(15px + 4 * ((100vw - 767px) / 333));
        line-height: calc(24px + 4 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .press-top-row .field--name-field-components > .field__item .view-insights-trending .paragraph--type--wysiwyg,
    .insights-top-row .field--name-field-components > .field__item .view-insights-trending .paragraph--type--wysiwyg {
        font-size: 19px;
        line-height: 28px;
    }
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel {
    margin-left: 15px;
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #242b34;
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .first .field--name-field-press-category,
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .first .field--name-field-insights-published-date,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .first .field--name-field-press-category,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .first .field--name-field-insights-published-date {
    padding-top: 0;
}
@media (max-width: 1100px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel {
        margin: 0;
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media (max-width: 600px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel {
        padding-top: 35px;
    }
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel:after,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel:after {
    content: "";
    display: table;
    clear: both;
    pointer-events: none;
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .trending-view,
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .view-insights-trending,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .trending-view,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .view-insights-trending {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .trending-view,
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .view-insights-trending,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .trending-view,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .view-insights-trending {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 1153));
        padding-right: calc(30px + 40 * ((100vw - 767px) / 1153));
    }
}
@media screen and (min-width: 1920px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .trending-view,
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .view-insights-trending,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .trending-view,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .view-insights-trending {
        padding-left: 70px;
        padding-right: 70px;
    }
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5em;
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 1153));
        padding-right: calc(30px + 40 * ((100vw - 767px) / 1153));
    }
}
@media screen and (min-width: 1920px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title {
        padding-left: 70px;
        padding-right: 70px;
    }
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title {
    font-size: 14px;
    line-height: 35px;
}
@media screen and (min-width: 767px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title {
        font-size: calc(14px + 1 * ((100vw - 767px) / 1153));
        line-height: calc(35px + 0 * ((100vw - 767px) / 1153));
    }
}
@media screen and (min-width: 1920px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title {
        font-size: 15px;
        line-height: 35px;
    }
}
@media (max-width: 1100px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-feature-title {
        letter-spacing: 0.4em;
    }
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-title,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-title {
    color: white;
    text-transform: none;
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-title,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-title {
    font-size: 25px;
    line-height: 25px;
}
@media screen and (min-width: 767px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-title,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-title {
        font-size: calc(25px + 15 * ((100vw - 767px) / 1153));
        line-height: calc(25px + 30 * ((100vw - 767px) / 1153));
    }
}
@media screen and (min-width: 1920px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-title,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-title {
        font-size: 40px;
        line-height: 55px;
    }
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-press-category,
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-insights-published-date,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-press-category,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-insights-published-date {
    letter-spacing: 0.2em;
    color: #d5d5d5;
    text-transform: uppercase;
    padding-top: 50px;
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-press-category,
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-insights-published-date,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-press-category,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-insights-published-date {
    font-size: 13px;
    line-height: 35px;
}
@media screen and (min-width: 767px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-press-category,
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-insights-published-date,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-press-category,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-insights-published-date {
        font-size: calc(13px + 0 * ((100vw - 767px) / 1153));
        line-height: calc(35px + 0 * ((100vw - 767px) / 1153));
    }
}
@media screen and (min-width: 1920px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-press-category,
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-insights-published-date,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-press-category,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-insights-published-date {
        font-size: 13px;
        line-height: 35px;
    }
}
@media (max-width: 1100px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-press-category,
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-insights-published-date,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-press-category,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .field--name-field-insights-published-date {
        padding-top: 35px;
    }
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .horizontal-bar,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .horizontal-bar {
    z-index: 0;
    width: 100%;
    margin: 0 auto;
    height: 1px;
    background-color: #454b52;
    margin-top: 50px;
}
@media (max-width: 1100px) {
    .press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .horizontal-bar,
    .insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .horizontal-bar {
        margin-top: 30px;
    }
}
.press-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .last .horizontal-bar,
.insights-top-row .field--name-field-components > .field__item .paragraph--type--trending-panel .last .horizontal-bar {
    display: none;
}
.insights-top-row {
    padding-bottom: 130px;
}
@media (max-width: 1100px) {
    .insights-top-row {
        padding-bottom: 65px;
    }
}
.press-newest,
.view-insights-newest {
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
.press-newest,
.view-insights-newest {
    font-size: 13px;
    line-height: 55px;
}
@media screen and (min-width: 767px) {
    .press-newest,
    .view-insights-newest {
        font-size: calc(13px + 0 * ((100vw - 767px) / 333));
        line-height: calc(55px + 0 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .press-newest,
    .view-insights-newest {
        font-size: 13px;
        line-height: 55px;
    }
}
@media (max-width: 1100px) {
    .press-newest,
    .view-insights-newest {
        padding: 0;
        margin: 0;
    }
}
@media (max-width: 600px) {
    .press-newest,
    .view-insights-newest {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (max-width: 600px) and (min-width: 480px) {
    .press-newest,
    .view-insights-newest {
        padding-left: calc(10px + 20 * ((100vw - 480px) / 287));
        padding-right: calc(10px + 20 * ((100vw - 480px) / 287));
    }
}
@media screen and (max-width: 600px) and (min-width: 767px) {
    .press-newest,
    .view-insights-newest {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.press-newest .field--name-field-header-image img,
.press-newest .field--name-field-press-image img,
.view-insights-newest .field--name-field-header-image img,
.view-insights-newest .field--name-field-press-image img {
    width: 100%;
    height: auto;
}
.press-newest h2 a,
.view-insights-newest h2 a {
    letter-spacing: -0.02em;
    color: #242b34;
    text-transform: none;
}
.press-newest h2 a,
.view-insights-newest h2 a {
    font-size: 25px;
    line-height: 30px;
}
@media screen and (min-width: 767px) {
    .press-newest h2 a,
    .view-insights-newest h2 a {
        font-size: calc(25px + 15 * ((100vw - 767px) / 333));
        line-height: calc(30px + 10 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .press-newest h2 a,
    .view-insights-newest h2 a {
        font-size: 40px;
        line-height: 40px;
    }
}
.press-newest h2 a:hover,
.view-insights-newest h2 a:hover {
    border-bottom: 3px solid;
    color: #242b34;
}
.press-newest .field--name-field-press-release-date,
.press-newest .field--name-field-insights-published-date,
.view-insights-newest .field--name-field-press-release-date,
.view-insights-newest .field--name-field-insights-published-date {
    display: block;
    flex: none;
    padding-top: 30px;
}
.press-newest .field--name-field-press-release-date,
.press-newest .field--name-field-insights-published-date,
.view-insights-newest .field--name-field-press-release-date,
.view-insights-newest .field--name-field-insights-published-date {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .press-newest .field--name-field-press-release-date,
    .press-newest .field--name-field-insights-published-date,
    .view-insights-newest .field--name-field-press-release-date,
    .view-insights-newest .field--name-field-insights-published-date {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 1153));
        padding-right: calc(30px + 40 * ((100vw - 767px) / 1153));
    }
}
@media screen and (min-width: 1920px) {
    .press-newest .field--name-field-press-release-date,
    .press-newest .field--name-field-insights-published-date,
    .view-insights-newest .field--name-field-press-release-date,
    .view-insights-newest .field--name-field-insights-published-date {
        padding-left: 70px;
        padding-right: 70px;
    }
}
@media (max-width: 960px) {
    .press-newest .field--name-field-press-release-date,
    .press-newest .field--name-field-insights-published-date,
    .view-insights-newest .field--name-field-press-release-date,
    .view-insights-newest .field--name-field-insights-published-date {
        padding-top: 20px;
    }
}
.press-newest .field--name-field-sub-heading,
.view-insights-newest .field--name-field-sub-heading {
    display: block;
    color: #242b34;
    text-transform: none;
    padding-bottom: 130px;
}
.press-newest .field--name-field-sub-heading,
.view-insights-newest .field--name-field-sub-heading {
    font-size: 15px;
    line-height: 24px;
}
@media screen and (min-width: 767px) {
    .press-newest .field--name-field-sub-heading,
    .view-insights-newest .field--name-field-sub-heading {
        font-size: calc(15px + 4 * ((100vw - 767px) / 333));
        line-height: calc(24px + 4 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .press-newest .field--name-field-sub-heading,
    .view-insights-newest .field--name-field-sub-heading {
        font-size: 19px;
        line-height: 28px;
    }
}
@media (max-width: 1100px) {
    .press-newest .field--name-field-sub-heading,
    .view-insights-newest .field--name-field-sub-heading {
        padding-bottom: 65px;
    }
}
.press-newest .datetime,
.view-insights-newest .datetime {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    color: #747474;
    letter-spacing: 0.4em;
}
.press-newest .datetime,
.view-insights-newest .datetime {
    font-size: 14px;
    line-height: 14px;
}
@media screen and (min-width: 767px) {
    .press-newest .datetime,
    .view-insights-newest .datetime {
        font-size: calc(14px + 4 * ((100vw - 767px) / 333));
        line-height: calc(14px + 4 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .press-newest .datetime,
    .view-insights-newest .datetime {
        font-size: 18px;
        line-height: 18px;
    }
}
.press-newest h2,
.view-insights-newest h2 {
    padding-bottom: 65px;
}
.press-newest h2,
.view-insights-newest h2 {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .press-newest h2,
    .view-insights-newest h2 {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 1153));
        padding-right: calc(30px + 40 * ((100vw - 767px) / 1153));
    }
}
@media screen and (min-width: 1920px) {
    .press-newest h2,
    .view-insights-newest h2 {
        padding-left: 70px;
        padding-right: 70px;
    }
}
@media (max-width: 1100px) {
    .press-newest h2,
    .view-insights-newest h2 {
        padding-bottom: 40px;
    }
}
@media (max-width: 600px) {
    .press-newest h2,
    .view-insights-newest h2 {
        padding-bottom: 30px;
    }
}
@media (max-width: 1100px) {
    .press-newest.press-newest h2,
    .view-insights-newest.press-newest h2 {
        padding-bottom: 20px;
    }
}
.full-insights .field--name-title,
.full-press .field--name-title,
.full-portfolio .field--name-title {
    color: #242b34;
}
.full-insights .view-content,
.full-press .view-content,
.full-portfolio .view-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-left: -2.5%;
    margin-right: -2.5%;
}
@media (max-width: 600px) {
    .full-insights .view-content,
    .full-press .view-content,
    .full-portfolio .view-content {
        align-content: center;
        display: block;
        margin: 0;
    }
}
.full-insights .views-row,
.full-press .views-row,
.full-portfolio .views-row {
    box-sizing: border-box;
    flex-basis: 33.333%;
    max-width: 33.333%;
    padding-left: 2.5%;
    padding-right: 2.5%;
}
@media (max-width: 1100px) {
    .full-insights .views-row,
    .full-press .views-row,
    .full-portfolio .views-row {
        flex-basis: 50%;
        max-width: 50%;
    }
}
@media (max-width: 600px) {
    .full-insights .views-row,
    .full-press .views-row,
    .full-portfolio .views-row {
        flex-basis: 100%;
        width: 100%;
        padding: 0;
        max-width: none;
    }
}
.full-insights .views-row h2,
.full-insights .views-row h4,
.full-press .views-row h2,
.full-press .views-row h4,
.full-portfolio .views-row h2,
.full-portfolio .views-row h4 {
    padding-bottom: 70px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    letter-spacing: -0.02em;
}
.full-insights .views-row h2,
.full-insights .views-row h4,
.full-press .views-row h2,
.full-press .views-row h4,
.full-portfolio .views-row h2,
.full-portfolio .views-row h4 {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .full-insights .views-row h2,
    .full-insights .views-row h4,
    .full-press .views-row h2,
    .full-press .views-row h4,
    .full-portfolio .views-row h2,
    .full-portfolio .views-row h4 {
        padding-left: calc(30px + 10 * ((100vw - 767px) / 1153));
        padding-right: calc(30px + 10 * ((100vw - 767px) / 1153));
    }
}
@media screen and (min-width: 1920px) {
    .full-insights .views-row h2,
    .full-insights .views-row h4,
    .full-press .views-row h2,
    .full-press .views-row h4,
    .full-portfolio .views-row h2,
    .full-portfolio .views-row h4 {
        padding-left: 40px;
        padding-right: 40px;
    }
}
.full-insights .views-row h2,
.full-insights .views-row h4,
.full-press .views-row h2,
.full-press .views-row h4,
.full-portfolio .views-row h2,
.full-portfolio .views-row h4 {
    font-size: 20px;
    line-height: 30px;
}
@media screen and (min-width: 960px) {
    .full-insights .views-row h2,
    .full-insights .views-row h4,
    .full-press .views-row h2,
    .full-press .views-row h4,
    .full-portfolio .views-row h2,
    .full-portfolio .views-row h4 {
        font-size: calc(20px + 5 * ((100vw - 960px) / 540));
        line-height: calc(30px + 5 * ((100vw - 960px) / 540));
    }
}
@media screen and (min-width: 1500px) {
    .full-insights .views-row h2,
    .full-insights .views-row h4,
    .full-press .views-row h2,
    .full-press .views-row h4,
    .full-portfolio .views-row h2,
    .full-portfolio .views-row h4 {
        font-size: 25px;
        line-height: 35px;
    }
}
@media (max-width: 960px) {
    .full-insights .views-row h2,
    .full-insights .views-row h4,
    .full-press .views-row h2,
    .full-press .views-row h4,
    .full-portfolio .views-row h2,
    .full-portfolio .views-row h4 {
        font-weight: 700;
    }
}
@media (max-width: 1100px) {
    .full-insights .views-row h2,
    .full-insights .views-row h4,
    .full-press .views-row h2,
    .full-press .views-row h4,
    .full-portfolio .views-row h2,
    .full-portfolio .views-row h4 {
        padding-bottom: 50px;
    }
}
.full-insights .views-row h2 a,
.full-insights .views-row h4 a,
.full-press .views-row h2 a,
.full-press .views-row h4 a,
.full-portfolio .views-row h2 a,
.full-portfolio .views-row h4 a {
    color: #242b34;
}
.full-insights .views-row h2 a:hover,
.full-insights .views-row h4 a:hover,
.full-press .views-row h2 a:hover,
.full-press .views-row h4 a:hover,
.full-portfolio .views-row h2 a:hover,
.full-portfolio .views-row h4 a:hover {
    border-bottom: 3px solid;
    color: #242b34;
}
.full-insights .views-row .node--type-press h2,
.full-insights .views-row .node--type-press h4,
.full-press .views-row .node--type-press h2,
.full-press .views-row .node--type-press h4,
.full-portfolio .views-row .node--type-press h2,
.full-portfolio .views-row .node--type-press h4 {
    padding-bottom: 58px;
}
.full-insights .views-row .field--name-field-insights-published-date,
.full-insights .views-row .field--name-field-press-category,
.full-insights .views-row .field--name-field-press-release-date,
.full-press .views-row .field--name-field-insights-published-date,
.full-press .views-row .field--name-field-press-category,
.full-press .views-row .field--name-field-press-release-date,
.full-portfolio .views-row .field--name-field-insights-published-date,
.full-portfolio .views-row .field--name-field-press-category,
.full-portfolio .views-row .field--name-field-press-release-date {
    padding-top: 30px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
.full-insights .views-row .field--name-field-insights-published-date,
.full-insights .views-row .field--name-field-press-category,
.full-insights .views-row .field--name-field-press-release-date,
.full-press .views-row .field--name-field-insights-published-date,
.full-press .views-row .field--name-field-press-category,
.full-press .views-row .field--name-field-press-release-date,
.full-portfolio .views-row .field--name-field-insights-published-date,
.full-portfolio .views-row .field--name-field-press-category,
.full-portfolio .views-row .field--name-field-press-release-date {
    font-size: 13px;
    line-height: 13px;
}
@media screen and (min-width: 767px) {
    .full-insights .views-row .field--name-field-insights-published-date,
    .full-insights .views-row .field--name-field-press-category,
    .full-insights .views-row .field--name-field-press-release-date,
    .full-press .views-row .field--name-field-insights-published-date,
    .full-press .views-row .field--name-field-press-category,
    .full-press .views-row .field--name-field-press-release-date,
    .full-portfolio .views-row .field--name-field-insights-published-date,
    .full-portfolio .views-row .field--name-field-press-category,
    .full-portfolio .views-row .field--name-field-press-release-date {
        font-size: calc(13px + 0 * ((100vw - 767px) / 333));
        line-height: calc(13px + 0 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .full-insights .views-row .field--name-field-insights-published-date,
    .full-insights .views-row .field--name-field-press-category,
    .full-insights .views-row .field--name-field-press-release-date,
    .full-press .views-row .field--name-field-insights-published-date,
    .full-press .views-row .field--name-field-press-category,
    .full-press .views-row .field--name-field-press-release-date,
    .full-portfolio .views-row .field--name-field-insights-published-date,
    .full-portfolio .views-row .field--name-field-press-category,
    .full-portfolio .views-row .field--name-field-press-release-date {
        font-size: 13px;
        line-height: 13px;
    }
}
.full-insights .views-row .field--name-field-insights-published-date,
.full-insights .views-row .field--name-field-press-category,
.full-insights .views-row .field--name-field-press-release-date,
.full-press .views-row .field--name-field-insights-published-date,
.full-press .views-row .field--name-field-press-category,
.full-press .views-row .field--name-field-press-release-date,
.full-portfolio .views-row .field--name-field-insights-published-date,
.full-portfolio .views-row .field--name-field-press-category,
.full-portfolio .views-row .field--name-field-press-release-date {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .full-insights .views-row .field--name-field-insights-published-date,
    .full-insights .views-row .field--name-field-press-category,
    .full-insights .views-row .field--name-field-press-release-date,
    .full-press .views-row .field--name-field-insights-published-date,
    .full-press .views-row .field--name-field-press-category,
    .full-press .views-row .field--name-field-press-release-date,
    .full-portfolio .views-row .field--name-field-insights-published-date,
    .full-portfolio .views-row .field--name-field-press-category,
    .full-portfolio .views-row .field--name-field-press-release-date {
        padding-left: calc(30px + 10 * ((100vw - 767px) / 1153));
        padding-right: calc(30px + 10 * ((100vw - 767px) / 1153));
    }
}
@media screen and (min-width: 1920px) {
    .full-insights .views-row .field--name-field-insights-published-date,
    .full-insights .views-row .field--name-field-press-category,
    .full-insights .views-row .field--name-field-press-release-date,
    .full-press .views-row .field--name-field-insights-published-date,
    .full-press .views-row .field--name-field-press-category,
    .full-press .views-row .field--name-field-press-release-date,
    .full-portfolio .views-row .field--name-field-insights-published-date,
    .full-portfolio .views-row .field--name-field-press-category,
    .full-portfolio .views-row .field--name-field-press-release-date {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (max-width: 1100px) {
    .full-insights .views-row .field--name-field-insights-published-date,
    .full-insights .views-row .field--name-field-press-category,
    .full-insights .views-row .field--name-field-press-release-date,
    .full-press .views-row .field--name-field-insights-published-date,
    .full-press .views-row .field--name-field-press-category,
    .full-press .views-row .field--name-field-press-release-date,
    .full-portfolio .views-row .field--name-field-insights-published-date,
    .full-portfolio .views-row .field--name-field-press-category,
    .full-portfolio .views-row .field--name-field-press-release-date {
        padding-top: 20px;
    }
}
.full-insights .views-row .field--name-field-insights-published-date .datetime,
.full-insights .views-row .field--name-field-press-category .datetime,
.full-insights .views-row .field--name-field-press-release-date .datetime,
.full-press .views-row .field--name-field-insights-published-date .datetime,
.full-press .views-row .field--name-field-press-category .datetime,
.full-press .views-row .field--name-field-press-release-date .datetime,
.full-portfolio .views-row .field--name-field-insights-published-date .datetime,
.full-portfolio .views-row .field--name-field-press-category .datetime,
.full-portfolio .views-row .field--name-field-press-release-date .datetime {
    color: #747474;
}
.full-insights .views-row .field--name-field-press-category,
.full-press .views-row .field--name-field-press-category,
.full-portfolio .views-row .field--name-field-press-category {
    padding-top: 58px;
}
@media (max-width: 1100px) {
    .full-insights .views-row .field--name-field-press-category,
    .full-press .views-row .field--name-field-press-category,
    .full-portfolio .views-row .field--name-field-press-category {
        padding-top: 58px;
    }
}
@media (max-width: 600px) {
    .full-insights .views-row .field--name-field-press-category,
    .full-press .views-row .field--name-field-press-category,
    .full-portfolio .views-row .field--name-field-press-category {
        padding-top: 30px;
    }
}
.full-insights .views-row .field--name-field-header-image img,
.full-press .views-row .field--name-field-header-image img,
.full-portfolio .views-row .field--name-field-header-image img {
    border-bottom: 5px solid #005593;
    width: 100%;
}
.full-insights.full-press .views-row,
.full-press.full-press .views-row,
.full-portfolio.full-press .views-row {
    background: white;
    border-bottom: 5px solid #005593;
    padding: 0;
    flex: 31% 0 0;
    margin: 0 2% 30px 0;
}
.full-insights.full-press .views-row:nth-child(3n),
.full-press.full-press .views-row:nth-child(3n),
.full-portfolio.full-press .views-row:nth-child(3n) {
    margin: 0 0 30px 0;
}
@media (max-width: 1100px) {
    .full-insights.full-press .views-row:nth-child(3n),
    .full-press.full-press .views-row:nth-child(3n),
    .full-portfolio.full-press .views-row:nth-child(3n) {
        margin: 0 2% 30px 0;
    }
}
@media (max-width: 1100px) {
    .full-insights.full-press .views-row:nth-child(2n),
    .full-press.full-press .views-row:nth-child(2n),
    .full-portfolio.full-press .views-row:nth-child(2n) {
        margin: 0 0 30px 0;
    }
}
@media (max-width: 1100px) {
    .full-insights.full-press .views-row,
    .full-press.full-press .views-row,
    .full-portfolio.full-press .views-row {
        flex: 48% 1 0;
        width: 48%;
    }
}
@media (max-width: 600px) {
    .full-insights.full-press .views-row,
    .full-press.full-press .views-row,
    .full-portfolio.full-press .views-row {
        flex: 1;
        width: 100%;
    }
}
.full-insights .view-filters,
.full-press .view-filters,
.full-portfolio .view-filters {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .full-insights .view-filters,
    .full-press .view-filters,
    .full-portfolio .view-filters {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 1153));
        padding-right: calc(30px + 40 * ((100vw - 767px) / 1153));
    }
}
@media screen and (min-width: 1920px) {
    .full-insights .view-filters,
    .full-press .view-filters,
    .full-portfolio .view-filters {
        padding-left: 70px;
        padding-right: 70px;
    }
}
@media (max-width: 600px) {
    .full-insights .view-filters,
    .full-press .view-filters,
    .full-portfolio .view-filters {
        padding: 0;
    }
}
.full-insights .view-filters .form-wrapper legend:hover + .fieldset-wrapper .form-radios,
.full-press .view-filters .form-wrapper legend:hover + .fieldset-wrapper .form-radios,
.full-portfolio .view-filters .form-wrapper legend:hover + .fieldset-wrapper .form-radios {
    display: block;
}
.full-insights .view-filters legend,
.full-press .view-filters legend,
.full-portfolio .view-filters legend {
    border-bottom: 3px solid black;
    width: 228px;
    display: none;
}
@media (max-width: 1700px) {
    .full-insights .view-filters legend,
    .full-press .view-filters legend,
    .full-portfolio .view-filters legend {
        display: block;
    }
    .full-insights .view-filters legend .fieldset-legend,
    .full-press .view-filters legend .fieldset-legend,
    .full-portfolio .view-filters legend .fieldset-legend {
        position: relative;
        text-transform: uppercase;
        padding: 16px 0px;
        font-size: 16px;
        line-height: 35px;
        font-weight: 800;
    }
    .full-insights .view-filters legend .fieldset-legend::after,
    .full-press .view-filters legend .fieldset-legend::after,
    .full-portfolio .view-filters legend .fieldset-legend::after {
        position: absolute;
        top: auto;
        bottom: 10px;
        margin: auto;
        right: auto;
        padding-left: 50px;
        font: normal normal normal 14px/14px FontAwesome;
        line-height: 25px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f078";
        color: #e3173e;
        z-index: 1;
    }
}
.full-insights .view-filters .fieldset-wrapper,
.full-press .view-filters .fieldset-wrapper,
.full-portfolio .view-filters .fieldset-wrapper {
    display: block;
}
@media (max-width: 1700px) {
    .full-insights .view-filters .fieldset-wrapper,
    .full-press .view-filters .fieldset-wrapper,
    .full-portfolio .view-filters .fieldset-wrapper {
        display: none;
    }
}
.full-insights .view-filters .form-radios,
.full-press .view-filters .form-radios,
.full-portfolio .view-filters .form-radios {
    display: flex;
    flex-wrap: wrap;
    margin-right: 180px;
}
@media (max-width: 1700px) {
    .full-insights .view-filters .form-radios,
    .full-press .view-filters .form-radios,
    .full-portfolio .view-filters .form-radios {
        display: block;
        position: absolute;
        z-index: 8;
        background-color: white;
    }
}
.full-insights .view-filters .form-radios input.form-radio,
.full-press .view-filters .form-radios input.form-radio,
.full-portfolio .view-filters .form-radios input.form-radio {
    display: list-item;
    visibility: hidden;
}
@media (max-width: 1700px) {
    .full-insights .view-filters .form-radios input.form-radio,
    .full-press .view-filters .form-radios input.form-radio,
    .full-portfolio .view-filters .form-radios input.form-radio {
        height: 0;
    }
}
.full-insights .view-filters .form-radios label,
.full-press .view-filters .form-radios label,
.full-portfolio .view-filters .form-radios label {
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #005593;
    font-weight: 600;
    cursor: pointer;
    padding-right: 30px;
}
.full-insights .view-filters .form-radios label,
.full-press .view-filters .form-radios label,
.full-portfolio .view-filters .form-radios label {
    font-size: 16px;
    line-height: 55px;
}
@media screen and (min-width: 767px) {
    .full-insights .view-filters .form-radios label,
    .full-press .view-filters .form-radios label,
    .full-portfolio .view-filters .form-radios label {
        font-size: calc(16px + 2 * ((100vw - 767px) / 333));
        line-height: calc(55px + 0 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .full-insights .view-filters .form-radios label,
    .full-press .view-filters .form-radios label,
    .full-portfolio .view-filters .form-radios label {
        font-size: 18px;
        line-height: 55px;
    }
}
.full-insights .view-filters .form-radios label:before,
.full-press .view-filters .form-radios label:before,
.full-portfolio .view-filters .form-radios label:before {
    float: left;
    content: "";
}
@media (max-width: 1700px) {
    .full-insights .view-filters .form-radios label:before,
    .full-press .view-filters .form-radios label:before,
    .full-portfolio .view-filters .form-radios label:before {
        content: none;
    }
}
.full-insights .view-filters .form-radios label:hover,
.full-press .view-filters .form-radios label:hover,
.full-portfolio .view-filters .form-radios label:hover {
    color: #00a1df;
}
@media (max-width: 1700px) {
    .full-insights .view-filters .form-radios label,
    .full-press .view-filters .form-radios label,
    .full-portfolio .view-filters .form-radios label {
        border-bottom: 1px solid #747474;
        font-size: 13px;
        width: 210px;
        letter-spacing: 3px;
        line-height: 55px;
        padding: 0 10px;
        font-weight: 300;
        background-color: white;
    }
}
.full-insights .view-filters .form-radios input.form-radio:checked + label,
.full-press .view-filters .form-radios input.form-radio:checked + label,
.full-portfolio .view-filters .form-radios input.form-radio:checked + label {
    color: #000000;
}
.full-insights .view-filters .form-radios input.form-radio:checked + label:before,
.full-press .view-filters .form-radios input.form-radio:checked + label:before,
.full-portfolio .view-filters .form-radios input.form-radio:checked + label:before {
    font: normal normal normal 14px/1px FontAwesome;
    font-size: inherit;
    line-height: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f178";
    padding-right: 10px;
}
@media (max-width: 1700px) {
    .full-insights .view-filters .form-radios input.form-radio:checked + label:before,
    .full-press .view-filters .form-radios input.form-radio:checked + label:before,
    .full-portfolio .view-filters .form-radios input.form-radio:checked + label:before {
        content: none;
    }
}
.full-insights form .form--inline,
.full-press form .form--inline,
.full-portfolio form .form--inline {
    position: relative;
    margin: 20px 0 40px 0;
}
.full-insights form .form--inline:after,
.full-press form .form--inline:after,
.full-portfolio form .form--inline:after {
    content: "";
    display: table;
    clear: both;
    pointer-events: none;
}
@media (max-width: 1700px) {
    .full-insights form .form--inline,
    .full-press form .form--inline,
    .full-portfolio form .form--inline {
        margin: 40px 0;
    }
}
@media (max-width: 960px) {
    .full-insights form .form--inline,
    .full-press form .form--inline,
    .full-portfolio form .form--inline {
        margin: 30px 0;
    }
}
.full-insights form .form--inline .form-item,
.full-press form .form--inline .form-item,
.full-portfolio form .form--inline .form-item {
    margin: 0;
    padding: 0;
}
.full-insights form .form--inline .form-actions,
.full-press form .form--inline .form-actions,
.full-portfolio form .form--inline .form-actions {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 2px;
    top: 7px;
}
@media (max-width: 767px) {
    .full-insights form .form--inline .form-actions,
    .full-press form .form--inline .form-actions,
    .full-portfolio form .form--inline .form-actions {
        top: -2px;
    }
}
.full-insights form .form--inline .form-actions .form-submit,
.full-press form .form--inline .form-actions .form-submit,
.full-portfolio form .form--inline .form-actions .form-submit {
    position: relative;
    z-index: 10;
    height: auto;
}
@media (min-width: 1201px) {
    .full-insights form .form--inline .form-actions button:hover:after,
    .full-press form .form--inline .form-actions button:hover:after,
    .full-portfolio form .form--inline .form-actions button:hover:after {
        height: 42px;
        width: 42px;
        background-position: 17px center;
    }
}
.full-insights form .form--inline .form-item-keys,
.full-press form .form--inline .form-item-keys,
.full-portfolio form .form--inline .form-item-keys {
    position: absolute;
    right: 30px;
    bottom: 0px;
    color: #242b34;
    top: 0px;
    display: none;
}
@media (min-width: 600px) {
    .full-insights form .form--inline .form-item-keys,
    .full-press form .form--inline .form-item-keys,
    .full-portfolio form .form--inline .form-item-keys {
        display: block;
    }
}
.full-insights form .form--inline .form-item-keys.form-type-textfield,
.full-press form .form--inline .form-item-keys.form-type-textfield,
.full-portfolio form .form--inline .form-item-keys.form-type-textfield {
    background-color: transparent;
    margin: 0;
    width: 350px;
    z-index: 5;
}
@media (max-width: 600px) {
    .full-insights form .form--inline .form-item-keys.form-type-textfield,
    .full-press form .form--inline .form-item-keys.form-type-textfield,
    .full-portfolio form .form--inline .form-item-keys.form-type-textfield {
        right: unset;
        width: 94%;
    }
}
.full-insights form .form--inline .form-item-keys.form-type-textfield .form-text,
.full-press form .form--inline .form-item-keys.form-type-textfield .form-text,
.full-portfolio form .form--inline .form-item-keys.form-type-textfield .form-text {
    padding: 19px 60px 18px 30px;
    border: 1px solid #d5d5d5;
}
.full-insights form .form--inline .form-item-keys.form-type-textfield .form-text,
.full-press form .form--inline .form-item-keys.form-type-textfield .form-text,
.full-portfolio form .form--inline .form-item-keys.form-type-textfield .form-text {
    font-size: 15px;
    line-height: 15px;
}
@media screen and (min-width: 480px) {
    .full-insights form .form--inline .form-item-keys.form-type-textfield .form-text,
    .full-press form .form--inline .form-item-keys.form-type-textfield .form-text,
    .full-portfolio form .form--inline .form-item-keys.form-type-textfield .form-text {
        font-size: calc(15px + 0 * ((100vw - 480px) / 620));
        line-height: calc(15px + 0 * ((100vw - 480px) / 620));
    }
}
@media screen and (min-width: 1100px) {
    .full-insights form .form--inline .form-item-keys.form-type-textfield .form-text,
    .full-press form .form--inline .form-item-keys.form-type-textfield .form-text,
    .full-portfolio form .form--inline .form-item-keys.form-type-textfield .form-text {
        font-size: 15px;
        line-height: 15px;
    }
}
@media (max-width: 767px) {
    .full-insights form .form--inline .form-item-keys.form-type-textfield .form-text,
    .full-press form .form--inline .form-item-keys.form-type-textfield .form-text,
    .full-portfolio form .form--inline .form-item-keys.form-type-textfield .form-text {
        display: none;
    }
}
@media (max-width: 600px) {
    .full-insights form .form--inline .form-item-keys.form-type-textfield .form-text,
    .full-press form .form--inline .form-item-keys.form-type-textfield .form-text,
    .full-portfolio form .form--inline .form-item-keys.form-type-textfield .form-text {
        padding: 8px 60px 8px 30px;
    }
}
.full-insights form .form--inline .form-item-field-insights-category-target-id,
.full-insights form .form--inline .form-item-field-press-category-target-id,
.full-insights form .form--inline .form-item-field-case-study-industry-target-id,
.full-press form .form--inline .form-item-field-insights-category-target-id,
.full-press form .form--inline .form-item-field-press-category-target-id,
.full-press form .form--inline .form-item-field-case-study-industry-target-id,
.full-portfolio form .form--inline .form-item-field-insights-category-target-id,
.full-portfolio form .form--inline .form-item-field-press-category-target-id,
.full-portfolio form .form--inline .form-item-field-case-study-industry-target-id {
    display: block;
}
.full-insights form .form--inline .form-item-field-insights-category-target-id-1,
.full-insights form .form--inline .form-item-field-press-category-target-id-1,
.full-insights form .form--inline .form-item-field-case-study-industry-target-id-1,
.full-press form .form--inline .form-item-field-insights-category-target-id-1,
.full-press form .form--inline .form-item-field-press-category-target-id-1,
.full-press form .form--inline .form-item-field-case-study-industry-target-id-1,
.full-portfolio form .form--inline .form-item-field-insights-category-target-id-1,
.full-portfolio form .form--inline .form-item-field-press-category-target-id-1,
.full-portfolio form .form--inline .form-item-field-case-study-industry-target-id-1 {
    clear: both;
    float: left;
    width: 230px;
    display: none;
    z-index: 2;
    font-weight: 600;
    position: relative;
    border-bottom: 3px solid black;
}
@media (max-width: 1700px) {
    .full-insights form .form--inline .form-item-field-insights-category-target-id-1,
    .full-insights form .form--inline .form-item-field-press-category-target-id-1,
    .full-insights form .form--inline .form-item-field-case-study-industry-target-id-1,
    .full-press form .form--inline .form-item-field-insights-category-target-id-1,
    .full-press form .form--inline .form-item-field-press-category-target-id-1,
    .full-press form .form--inline .form-item-field-case-study-industry-target-id-1,
    .full-portfolio form .form--inline .form-item-field-insights-category-target-id-1,
    .full-portfolio form .form--inline .form-item-field-press-category-target-id-1,
    .full-portfolio form .form--inline .form-item-field-case-study-industry-target-id-1 {
        display: none;
        float: left;
        padding: 0;
    }
    .full-insights form .form--inline .form-item-field-insights-category-target-id-1 select,
    .full-insights form .form--inline .form-item-field-press-category-target-id-1 select,
    .full-insights form .form--inline .form-item-field-case-study-industry-target-id-1 select,
    .full-press form .form--inline .form-item-field-insights-category-target-id-1 select,
    .full-press form .form--inline .form-item-field-press-category-target-id-1 select,
    .full-press form .form--inline .form-item-field-case-study-industry-target-id-1 select,
    .full-portfolio form .form--inline .form-item-field-insights-category-target-id-1 select,
    .full-portfolio form .form--inline .form-item-field-press-category-target-id-1 select,
    .full-portfolio form .form--inline .form-item-field-case-study-industry-target-id-1 select {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .full-insights form .form--inline .form-item-field-insights-category-target-id-1,
    .full-insights form .form--inline .form-item-field-press-category-target-id-1,
    .full-insights form .form--inline .form-item-field-case-study-industry-target-id-1,
    .full-press form .form--inline .form-item-field-insights-category-target-id-1,
    .full-press form .form--inline .form-item-field-press-category-target-id-1,
    .full-press form .form--inline .form-item-field-case-study-industry-target-id-1,
    .full-portfolio form .form--inline .form-item-field-insights-category-target-id-1,
    .full-portfolio form .form--inline .form-item-field-press-category-target-id-1,
    .full-portfolio form .form--inline .form-item-field-case-study-industry-target-id-1 {
        width: 67%;
        max-width: 250px;
        margin-bottom: 10px;
    }
}
.full-insights form .form--inline .form-item-field-insights-category-target-id-1,
.full-insights form .form--inline .form-item-field-press-category-target-id-1,
.full-insights form .form--inline .form-item-field-case-study-industry-target-id-1,
.full-press form .form--inline .form-item-field-insights-category-target-id-1,
.full-press form .form--inline .form-item-field-press-category-target-id-1,
.full-press form .form--inline .form-item-field-case-study-industry-target-id-1,
.full-portfolio form .form--inline .form-item-field-insights-category-target-id-1,
.full-portfolio form .form--inline .form-item-field-press-category-target-id-1,
.full-portfolio form .form--inline .form-item-field-case-study-industry-target-id-1 {
    font-size: 16px;
    line-height: 35px;
}
@media screen and (min-width: 480px) {
    .full-insights form .form--inline .form-item-field-insights-category-target-id-1,
    .full-insights form .form--inline .form-item-field-press-category-target-id-1,
    .full-insights form .form--inline .form-item-field-case-study-industry-target-id-1,
    .full-press form .form--inline .form-item-field-insights-category-target-id-1,
    .full-press form .form--inline .form-item-field-press-category-target-id-1,
    .full-press form .form--inline .form-item-field-case-study-industry-target-id-1,
    .full-portfolio form .form--inline .form-item-field-insights-category-target-id-1,
    .full-portfolio form .form--inline .form-item-field-press-category-target-id-1,
    .full-portfolio form .form--inline .form-item-field-case-study-industry-target-id-1 {
        font-size: calc(16px + 0 * ((100vw - 480px) / 620));
        line-height: calc(35px + 0 * ((100vw - 480px) / 620));
    }
}
@media screen and (min-width: 1100px) {
    .full-insights form .form--inline .form-item-field-insights-category-target-id-1,
    .full-insights form .form--inline .form-item-field-press-category-target-id-1,
    .full-insights form .form--inline .form-item-field-case-study-industry-target-id-1,
    .full-press form .form--inline .form-item-field-insights-category-target-id-1,
    .full-press form .form--inline .form-item-field-press-category-target-id-1,
    .full-press form .form--inline .form-item-field-case-study-industry-target-id-1,
    .full-portfolio form .form--inline .form-item-field-insights-category-target-id-1,
    .full-portfolio form .form--inline .form-item-field-press-category-target-id-1,
    .full-portfolio form .form--inline .form-item-field-case-study-industry-target-id-1 {
        font-size: 16px;
        line-height: 35px;
    }
}
.full-insights form .form--inline .form-item-field-insights-category-target-id-1 label,
.full-insights form .form--inline .form-item-field-press-category-target-id-1 label,
.full-insights form .form--inline .form-item-field-case-study-industry-target-id-1 label,
.full-press form .form--inline .form-item-field-insights-category-target-id-1 label,
.full-press form .form--inline .form-item-field-press-category-target-id-1 label,
.full-press form .form--inline .form-item-field-case-study-industry-target-id-1 label,
.full-portfolio form .form--inline .form-item-field-insights-category-target-id-1 label,
.full-portfolio form .form--inline .form-item-field-press-category-target-id-1 label,
.full-portfolio form .form--inline .form-item-field-case-study-industry-target-id-1 label {
    display: none;
}
.full-insights form .form--inline .form-item-field-insights-category-target-id-1 select,
.full-insights form .form--inline .form-item-field-press-category-target-id-1 select,
.full-insights form .form--inline .form-item-field-case-study-industry-target-id-1 select,
.full-press form .form--inline .form-item-field-insights-category-target-id-1 select,
.full-press form .form--inline .form-item-field-press-category-target-id-1 select,
.full-press form .form--inline .form-item-field-case-study-industry-target-id-1 select,
.full-portfolio form .form--inline .form-item-field-insights-category-target-id-1 select,
.full-portfolio form .form--inline .form-item-field-press-category-target-id-1 select,
.full-portfolio form .form--inline .form-item-field-case-study-industry-target-id-1 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 230px;
    border: none;
    background: none;
    display: block;
    font-size: 16px;
    line-height: 30px;
    font-weight: 800;
    text-transform: uppercase;
}
.full-insights form .form--inline .form-item-field-insights-category-target-id-1::after,
.full-insights form .form--inline .form-item-field-press-category-target-id-1::after,
.full-insights form .form--inline .form-item-field-case-study-industry-target-id-1::after,
.full-press form .form--inline .form-item-field-insights-category-target-id-1::after,
.full-press form .form--inline .form-item-field-press-category-target-id-1::after,
.full-press form .form--inline .form-item-field-case-study-industry-target-id-1::after,
.full-portfolio form .form--inline .form-item-field-insights-category-target-id-1::after,
.full-portfolio form .form--inline .form-item-field-press-category-target-id-1::after,
.full-portfolio form .form--inline .form-item-field-case-study-industry-target-id-1::after {
    position: absolute;
    top: -4;
    bottom: 0;
    margin: auto;
    right: 10px;
    font: normal normal normal 14px/14px FontAwesome;
    line-height: 25px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f078";
    color: #e3173e;
    z-index: -1;
}
@media (max-width: 600px) {
    .full-insights form .form--inline .form-item-field-press-category-target-id-1,
    .full-press form .form--inline .form-item-field-press-category-target-id-1,
    .full-portfolio form .form--inline .form-item-field-press-category-target-id-1 {
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 600px) {
    .full-insights form .form--inline .form-item-field-insights-category-target-id-1,
    .full-press form .form--inline .form-item-field-insights-category-target-id-1,
    .full-portfolio form .form--inline .form-item-field-insights-category-target-id-1 {
        margin-bottom: 3px;
    }
}
@media (max-width: 600px) {
    .block--insights-related-block .views-row.last .node--type-insights h2 {
        padding-bottom: 0;
    }
}
.related-insights--promo {
    position: relative;
}
.related-insights--promo:before {
    content: "";
    display: block;
    background-image: url("/templates/lagom2/assets/img/services/dots-top-right-large.png");
    background-repeat: no-repeat;
    height: 398px;
    width: 402px;
    position: absolute;
    right: 0;
    top: -3px;
    transform: scaleY(-1);
    pointer-events: none;
}
@media (max-width: 1200px) {
    .related-insights--promo:before {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .related-insights--promo .feature-band-wrapper {
        padding-top: 70px;
        padding-bottom: 25px;
    }
}
.related-insights--promo .related-insights--title {
    font-weight: 700;
    color: #242b34;
    margin-bottom: 55px;
    padding-top: 35px;
}
.related-insights--promo .related-insights--title {
    font-size: 25px;
    line-height: 30px;
}
@media screen and (min-width: 767px) {
    .related-insights--promo .related-insights--title {
        font-size: calc(25px + 30 * ((100vw - 767px) / 333));
        line-height: calc(30px + 35 * ((100vw - 767px) / 333));
    }
}
@media screen and (min-width: 1100px) {
    .related-insights--promo .related-insights--title {
        font-size: 55px;
        line-height: 65px;
    }
}
.related-insights--promo .related-insights--title {
    padding-left: 30px;
    padding-right: 30px;
}
@media screen and (min-width: 767px) {
    .related-insights--promo .related-insights--title {
        padding-left: calc(30px + 40 * ((100vw - 767px) / 733));
        padding-right: calc(30px + 40 * ((100vw - 767px) / 733));
    }
}
@media screen and (min-width: 1500px) {
    .related-insights--promo .related-insights--title {
        padding-left: 70px;
        padding-right: 70px;
    }
}
.related-insights--promo .related-insights--title h2,
.related-insights--promo .related-insights--title h3 {
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}
.related-insights--promo .views-row .red-bar {
    display: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .related-insights--promo .views-row:nth-child(2) ~ .views-row {
        display: none;
    }
}
.header-page-title.servicestl{
    margin-bottom: 41px;
}
.paragraph--type--webform .webform-submission-form .form-group {
    margin-bottom: 127px;
}
div#webform {
    margin-top: 60px;
}

.price.new {
    display: contents;
    font-weight: 800;
    color: #3c3944;
}
.currnew {
    margin-left: 5px;
    font-size: 40px;
    font-family: AvertaStd;
    font-weight: 800;
    color: #3c3944;
}
.original-price , .currorig{
    text-decoration: line-through;
    color: #545160;
    font-size: 16px;
}
.reduction-percent {
    background-color: #f9dccd;
    color: #d9662d;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 16px;
}
.package__features .list-item {
    text-align: left;
    font-family: AvertaStd;
    color: #363147;
}
.package__list .list-item+.list-item {
    margin-top: 8px;
}
.package__features {
    position: relative;
}
@media (min-width: 514px){
 .package__features {
    padding-top: 24px;
}}
@media (min-width: 520px){
.package__features:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    width: 40px;
    background-color: #f67a3c;
    margin: auto;
    border-radius: 4px;
}
.resellerprogram .package__features:after {
       display: none;
   }
}
.resellerprogram .spacer {
    height: 4px;
    width: 40px;
    background-color: #1f4fac;
    margin: auto;
    border-radius: 4px;
    margin-top: 20px;
}
.swiper-pagination {
    position: relative; }
  
  .testimonials__slide {
    overflow: visible;
    /*visibility: hidden;*/
    padding: 66px 16px 48px;
    text-align: left; }
    .testimonials__slide.swiper-slide-next, .testimonials__slide.swiper-slide-prev, .testimonials__slide.swiper-slide-active {
      visibility: visible; }
  
  .testimonials__head {
    margin-bottom: 24px; }
    .testimonials__head-row {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .testimonials__head .testimonials__rating {
      display: flex;
      align-items: center; }
      .testimonials__head .testimonials__rating .star {
        margin-right: 4px; }
    .testimonials__head .testimonials__auth {
      margin-bottom: 0;
      color: #112240;
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 8px; }
    .testimonials__head .testimonials_img {
      display: flex; }
  
  .testimonials__item {
    position: relative;
    padding: 18px 32px 10px;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 4px;
    transition: 0.3s ease;
    margin: -48px 0; }
    .testimonials__item.is-disabled {
      opacity: 1; }
  
  .testimonials__desc {
    margin-bottom: 8px; }
  
  .testimonials .testimonials__content {
    margin-bottom: 0;
    color: #536080;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical; }
  
  .testimonials__action {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .testimonials__action .btn {
      padding-left: 0; }
    .testimonials__action .testimonials__date {
      margin-bottom: 0;
      color: #99A5C2;
      font-size: 14px; }
  
  @media (min-width: 752px) {
    .testimonials--video {
      margin-top: 20px; } }
  
  .testimonials--video .testimonials__slide {
    width: 426px !important;
    height: 238px; }
  
  .testimonials--video .testimonials__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%; }
  
  .testimonials--video .testimonials__play {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.64);
    margin-bottom: 16px;
    position: relative;
    transition: background 0.3s; }
    .testimonials--video .testimonials__play img {
      height: 18px;
      width: 14px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  
  .testimonials--video .testimonials__item {
    background: linear-gradient(90deg, #2b65d1, #1247b2); }
    .testimonials--video .testimonials__item:hover .testimonials__play {
      background: #FF7800; }
  
  .testimonials--video .testimonials__content {
    width: 295px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-weight: 700; }
  
  .testimonials--video .testimonials__item {
    width: 100%; }
  
  @media (min-width: 1232px) {
    .testimonials {
      position: relative;
      perspective: 970px;
      overflow: visible;
      max-width: 100%;
      padding: 0; } }
  
  @media (max-width: 1231px) {
    .testimonials__slide {
      padding: 66px 8px 55px; } }
  
      .testimonials__item.has-shadow {
        min-height: 277px;
    }
  @media (max-width: 513px) {
    .testimonials {
      overflow: visible;
      margin-left: -16px; }
      .testimonials__head {
        margin-bottom: 8px; }
      .testimonials__head-row {
        flex-direction: column;
        align-items: flex-start; }
        .testimonials__head-row .testimonials__rating {
          margin-bottom: 8px; } }
  
          .has-shadow {
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
        }
.testimonials__rating .svg-icon.star  {
            fill: #ffbd0a;
            fill-rule: evenodd;
}
 .section--reviews .section__content {
            margin-top: 40px;
}
.section--reviews.section--gray {
            padding-bottom: 100px;
}
.feature__icon.ico1 svg {
    fill: #F6773B
}
.feature__icon.ico2 svg {
    fill: #2F6EFC;
}
.feature__icon.ico4 svg {
    fill: #30A774
}
.feature__icon.ico5 svg {
    fill: #7D59E0
}
@media (max-width: 751px){
h2, .h2 {
    font-size: 32px;
    font-weight: 900;
    line-height: 44px;
}}

.pricing-table.reseller {
    grid-template-columns: repeat(4, 1fr);
}


.tooltip {
    z-index: 2;  /* or any number higher than the z-index of .pricing-row */
}
.pricing-row {
    z-index: auto;  /* resets z-index to its default value */
}

.list-item {
    position: relative; /* or absolute, fixed, or sticky */
    z-index: 1; /* any number that is lower than the z-index of .tooltip */
}
.section--compare-web-hosting-packages .swiper-slide {
    background: white;
}
.pt__logo .icon-logo-cpanel {
    font-size: 56px;
}
.dedicated .pt__rows {
    margin-bottom: 20px;
    box-shadow: 0 8px 32px 0 rgb(0 0 0 / 8%);
}
.migrate-towekihost svg {
    max-width: 511px;
}
.features .icon-os-combinations {
    color: rgb(50, 154, 251);
}
.features .icon-tap {
    color: rgb(248, 118, 59);
}
.features .icon-collaboration {
    color: rgb(103, 211, 159);
}
.features .icon-firewall {
    color: rgb(155, 194, 227);
}
.features .icon-website {
    color: rgb(127, 93, 220);
}
.features .icon-tap {
    color: rgb(248, 118, 59);
}
@media (max-width: 751px){
.banner.has-shapes.overlap-lg .banner__content.dedicat {
    padding-bottom: 0 !important;
}
.site-banner.overlap-lg+.section--packages.dedicated {
    margin-top: -36px !important;
}
.page-dedicated-servers .migrate {
    margin-bottom: 38px;
}
}

.banner--sides .banner__background--right.dedicated .illustration-banner--sm {
    width: 523px;
    top: 0;
    left: -30px;
    top: -40px;
}
iframe.domainframe {
    margin: 0 auto;
}
section.section.domprice {
    display: contents;
}
.domprc{
    margin-bottom: 56px;
}
.banner.overlap {
    margin-bottom: -23px;
    padding-bottom: 105px;  
}
.featured_domains .feature__title {
    color: #0d3c9f !important;
}

.featured_domains .feature{
    margin-bottom: 0 !important;
}
.domainpage {
    z-index: 200;
}
 
a#orderbutton {
    margin-left: 10px;
    max-height: 58px;
    margin-right: 10px;
    color: #fff !important;
}
#loadmorebutton{
    max-height: 58px;
}
div#lottie_main {
    max-width: 50%;
    margin-top: 0 !important;
    margin: 0 auto;
}
 
 
#framcontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* Set an aspect ratio (16:9 in this case) */
    overflow: hidden;
  }
  
  #myIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /* Optional: Remove iframe border */
  }

  @media only screen and (max-width: 767px) {
    #framcontainer {
        padding-bottom: 1.25%;
        height: unset;
      }
      .plan .plan__cell {
        padding: 0 15px !important;
    }
    .section--compare-web-hosting-packages .container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .plan__cell.cart {
        justify-content: flex-start !important;
    }
      .pricing__amount span.price {
        font-size: 45px !important;
    }
      .service-image-container.img285 svg {
        margin-top: 53px !important;
    }
      .service-image svg {
        width: 100% !important;
    }
    .view-service-category .service-children .arrows .node--view-mode-teaser {
        padding-right: 34px;
        padding-left: 0 !important;
    }
      .tab button {
        padding: 7px 10px;
        font-size: 18px;
    }
    .domainpage .banner__content{
        padding-bottom: 0 !important;
    }
      #myIframe {
        position: relative;
        
      }
      #resultsarea {
        margin-top: 0;
    }
    .domainpage  {
        padding-bottom: 57px !important;
    }
    .banner--search {
        margin: 22px auto 0 !important;
    }
  }
  @media screen and (min-width: 1025px) {
    #framcontainer {
        width: 73%;
        margin: 0 auto;
        float: none;
    }
  }
 
iframe#myIframe {
    --tw-border-opacity: 1;
    border-color: rgb(224 228 232/var(--tw-border-opacity));
    border-width: 1px;
    border-style: solid;
}
.section__title.domprice {
    margin-top: 50px;
}
.features .feature--deals .feature__title {
    font-size: 32px;
}
 
.dropdown-menu.show {
    display: block !important;
    z-index: 900 !important;
}

.package__icon.about svg {
    max-width: 96px;
}
.aboutpage {
    margin-bottom: 0 !important;
}
.banner__actions.jobs {
    margin-top: -13px;
}
.section__title.centered {
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto;
} 
.aboutwd {
    max-width: 1528px;
}
.section--dark {
    background: linear-gradient(#0e0f47,#2b397a 60%,#3f68bf);
    padding-top: 172px !important;
}
.section--contact .section__actions {
    margin-top: 42px;
}

.timeline-horizontal{margin-bottom:80px!important}@media(max-width:1200px){.timeline-horizontal{display:flex;justify-content:center}}.timeline-horizontal .line{height:5px;width:100%;background:linear-gradient(90deg,#41c9ff,#844bff)}@media(max-width:1200px){.timeline-horizontal .line{width:5px;min-width:5px;height:unset;background:linear-gradient(180deg,#41c9ff,#844bff);align-self:stretch}}.timeline-horizontal .date-box{box-shadow:0 16px 48px 0 rgba(10,14,29,.04),0 8px 32px 0 rgba(10,14,29,.08);width:300px;max-width:300px;padding:26px;margin-left:auto;margin-right:auto;background-color:#000;background:linear-gradient(180deg,rgba(63,90,160,.2),rgba(63,90,160,.8));position:relative;border-radius:5px}.timeline-horizontal .date-box__date{color:#fff;font-size:20px;font-weight:700;letter-spacing:0;line-height:19px;margin-top:0;margin-bottom:18px}.timeline-horizontal .date-box__description{color:#fff;font-size:16px;font-weight:300;letter-spacing:0;line-height:28px;margin-bottom:0}.timeline-horizontal .date-box__dot{position:absolute;height:24px;width:24px;border-radius:50%;left:calc(50% - 12px);z-index:1000}@media(max-width:1200px){.timeline-horizontal .date-box{margin-left:unset;margin-right:unset;margin-top:unset!important;margin-bottom:50px;width:unset}.timeline-horizontal .date-box__dot{top:calc(50% - 12px)!important;bottom:unset!important}}@media(max-width:741px){.timeline-horizontal .date-box{margin-left:36px;margin-bottom:24px;width:calc(100% - 50px);max-width:300px}.timeline-horizontal .date-box:first-child .date-box__dot{background-color:#41c9ff}.timeline-horizontal .date-box:nth-child(2) .date-box__dot{background-color:#49bcfe}.timeline-horizontal .date-box:nth-child(3) .date-box__dot{background-color:#58a3ff}.timeline-horizontal .date-box:nth-child(4) .date-box__dot{background-color:#6883fe}.timeline-horizontal .date-box:nth-child(5) .date-box__dot{background-color:#7765ff}.timeline-horizontal .date-box:nth-child(6){margin-bottom:0}.timeline-horizontal .date-box:nth-child(6) .date-box__dot{background-color:#814dfd}.timeline-horizontal .date-box__dot{top:calc(50% - 12px)!important;left:-50px!important}}.timeline-horizontal__top{display:flex;flex-direction:row;justify-content:flex-end;padding-left:150px}@media(max-width:1200px) and (min-width:742px){.timeline-horizontal__top{flex-direction:column;justify-content:flex-start;margin-right:36px;margin-top:50px;padding-left:unset}.timeline-horizontal__top .date-box:last-child{margin-bottom:0!important}.timeline-horizontal__top .date-box__dot{left:unset!important;right:-50px}}@media(max-width:741px){.timeline-horizontal__top{display:none}}@media(min-width:1201px){.timeline-horizontal__top .date-box{margin-bottom:31px}}.timeline-horizontal__top .date-box__dot{bottom:-45px}.timeline-horizontal__top .date-box:first-child .date-box__dot{background-color:#49bcfe}.timeline-horizontal__top .date-box:nth-child(2) .date-box__dot{background-color:#6883fe}.timeline-horizontal__top .date-box:nth-child(3){margin-right:0}.timeline-horizontal__top .date-box:nth-child(3) .date-box__dot{background-color:#814dfd}.timeline-horizontal__bottom{display:flex;flex-direction:row;justify-content:flex-start;padding-right:150px}@media(max-width:1200px){.timeline-horizontal__bottom{flex-direction:column;margin-left:36px;padding-right:unset}.timeline-horizontal__bottom .date-box__dot{left:-50px}}@media(max-width:741px){.timeline-horizontal__bottom{display:none}}.timeline-horizontal__bottom .date-box{margin-top:36px}.timeline-horizontal__bottom .date-box__dot{top:-50px}.timeline-horizontal__bottom .date-box:first-child{margin-left:0}.timeline-horizontal__bottom .date-box:first-child .date-box__dot{background-color:#41c9ff}.timeline-horizontal__bottom .date-box:nth-child(2) .date-box__dot{background-color:#58a3ff}.timeline-horizontal__bottom .date-box:nth-child(3) .date-box__dot{background-color:#7765ff}.timeline-horizontal__mobile{display:none}@media(max-width:741px){.timeline-horizontal__mobile{display:flex;flex-direction:column}}

.job-box {
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
    background: linear-gradient(90deg, #093899, #040d70);
    padding-bottom: 48px;
    padding-top: 35px;
    border-radius: 8px;
}
.job-box .feature__actions {
    margin-top: 25px;
}
.job-box .btn--primary {
    background: #f67a3c !important;
    border: 1px solid transparent !important;
}
.modal--xlg .modal-dialog{
    width: 896px;
} 

.jobs .modal__body {
    padding: 0 48px;
}
.jobs ul li::before {
    content: "\2022";
    color: #FF7800;
    margin: 0 9px;
}
.affiliate-pg {
    text-align: center;
}
.section.section--affiliate {
    padding-top: 70px;
}
.affiliate-pg .banner__actions a {
    color: #fff !important;
}
.section--affiliate .feature__body {
    margin-top: 5px !important;
}
.section.section--affl {
    margin-top: 0;
    padding-top: 24px;
}
.section--affl .section__title {
    margin-bottom: 56px;
}
.feature.affl {
    background: linear-gradient(90deg,#0d3c9f 0,#040d70 100%);
    padding: 30px;
    border-radius: 8px;
}
.feature.affl .feature__desc {
    color: #f7f2f2;
}
.affl .feature__icon {
    margin-bottom: 21px;
}
.section--affl .affl__table tr th:nth-of-type(1) {
    border-right: 1px solid #E1E2E5;
}

.section--affl .affl__table thead tr th {
    font-weight: 700;
    width: 50%;
    height: 63px;
    line-height: 63px;
    font-size: 20px;
}
.section--affl .affl__table tr td, .section--affl .affl__table tr th {
    text-align: center;
    font-size: 20px;
}
.section--affl .affl__table tr td:nth-child(odd) {
    border-right: 1px solid #E1E2E5;
    border-top: 1px solid #E1E2E5;
}
.main-footer .footer-nav-h>li>a {
    font-size: 16px;
    line-height: 26px;
}
.section--privacy ul li::before {
    content: "\2022";
    color: #FF7800;
    margin: 0px 9px;
    font-size: 29px;
    vertical-align: -5px !important;
}
.section.section--privacy {
    padding-top: 76px;
}
.terms p:last-child {
    display: contents;
}
.grayclr{
background: linear-gradient(90deg, #f0eef9 .21%, #efedf5 36.63%, #fdfdff 90.75%);
} 

@media (min-width: 1012px) {
.pro-services .col-lg-5 {
    display: flex;
}}
.pro-services .row {
 
    align-content: center;
}
.plan__cell.cart {
    height: 90px;
    display: flex;
    justify-content: center;
}
.collapse-faqs-icon {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    cursor: pointer;
}
.collapse-faqs-icon:after, .collapse-faqs-icon:before {
    background-color: #FF7800;
}
.collapse-faqs-icon:before {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 2px;
    left: 4px;
    top: 10px;
}
.collapse-faqs-icon:after {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 2px;
    transform: rotate(90deg);
    transition: all .4s;
    top: 10px;
    left: 4px;
}
.collapsed .collapse-faqs-icon:after {
    transform: rotate(0deg);
}
.collapse-faqs-icon, .collapsed .collapse-faqs-icon{
    transition: all .4s;
}
.pricing__save {
    background-color: #f9dccd;
    color: #d9662d;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 16px;
}
.pricing__old {
    text-decoration: line-through;
}
.pt__cell.pt__cell--button {
    margin: 0 auto !important; 
}
svg#testing-services {
    height: 107% !important;
}
.csl-actions {
    margin-top: 30px;
}
.service-image svg {
    margin-top: 62px;
    width: 723px;
    height: 100%;
}
.service-image-container.img285 svg {
    margin-top: 162px;
    width: 723px;
    height: 100%;
}
.service-info.inf2 {
    margin-top: 87px;
}
.service-icon svg {
    width: 62px;
    margin-bottom: -17px;
}
.service-pricing {
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
    font-size: 32px;
}
@media (max-width: 1011px){
.serpage.overlap-lg .banner__content {
    padding-bottom: 0 !important;
}}
.node.node--type-page.node--view-mode-teaser {
    margin-bottom: 12px;
}
.serviceprices {
    padding-top: 80px;
    padding-bottom: 80px;
}
span.ft1.yes {
    fill: #00b090;
}
span.ft1.no {
    fill: #fc5185;
}
.serviceprices span.ft1 {
    margin-right: 8px;
}
.selected-flag {
    display: none !important;
}

/*Portfolio Style*/
.filter-button {
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 20px;
    cursor: pointer;
    background-color: transparent;
    font-weight: 600;
    transition: all 0.3s ease;
}

.filter-button:hover {
    background-color: #007BFF;
    color: #fff;
    border-color: #007BFF;
}

.filter-button.active {
    background-color: #007BFF;
    color: #fff;
}

.portfolio-item {
    border: 1px solid #e8e8e8;
    margin-bottom: 30px;
    border-radius: 5px;
    transition: transform 0.2s ease;
}

.portfolio-item:hover {
    transform: scale(1.03);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.portfolio-item img {
    max-width: 100%;
    height: 221px;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

#loadMore {
    display: block;
    width: 200px;
    margin: 20px auto;
    padding: 10px 0;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
    transition: background-color 0.3s ease;
}
.hidded {
    display: none;
}
.portfolio-items {
    margin-bottom: 80px;
}
.filter-button.active {
    background-color: #3498db;  
    color: #ffffff; 
}

.section-start {
    position: relative;
    padding: 134px 0 122px 0;
}


@media screen and (min-width: 767px){
.detail-page {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (min-width: 480px) {
.detail-page {
    padding-left: calc(10px + 20 * ((51vw - 480px)/287));
    padding-right: calc(10px + 20 * ((51vw - 480px)/287));
padding-top: 126px;
}
}
 
.text-style {
    max-width: 757px;
    padding-bottom: 15px;  
}
.tech {
    letter-spacing: 7px;
    font-weight: 700;
    color: #747474;
    text-transform: uppercase;
}
.tech-type {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0;
    font-weight: 700;
    padding: 12px 0 20px;
}
.img-1 {
    padding-top: 40px;
}
.img-2 {
    padding-bottom: 80px;
}
.study-approach {
    margin-bottom: 30px;
}
.woot-elements--right {
    background: #f67a3c !important;
}
.full-width.flex-reverse {
    align-items: center;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}
.full-width.flex-reverse {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.full-width.flex-reverse {
    max-width: 1920px;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}
@media screen and (min-width: 960px) {
.full-width.flex-reverse {
    padding-left: 30px;
    padding-right: 30px;
}}
 
.full-width.flex-reverse {
    padding-left: calc(10px + 20 * ((100vw - 480px) / 480));
    padding-right: calc(10px + 20 * ((100vw - 480px) / 480));
}
.full-width.flex-reverse {
    padding-left: 10px;
    padding-right: 10px;
}
.full-width.flex-reverse {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
}
.leftcol {
    max-width: 757px;
    margin: 0 auto;
    padding-left: 80px;
}
.visit-site {
    font-size: 20px;
    font-weight: bold;
}
.detail-page .field--name-field-components > .field__item {
    padding: 52px 0;
}
.site-banner-deteils {
    display: flex;
    padding-top: 108px;
    align-items: stretch;
    z-index: 1;
    flex-wrap: wrap;
    position: relative;
    background: linear-gradient(90deg,#0d3c9f 0,#040d70 100%);
}
@media (max-width: 751px){
.site-banner-deteils {
    padding-top: 80px;
}
.detail-page .page-title {
    letter-spacing: -0.02em;
    padding-top: 35px;
    padding-left: 25px;
    padding-right: 25px;
}
.red-bar {
    margin-left: 20px;
}
.img-1 {
    padding-top: 22px;
}
.detail-page {
    padding: 0 10px;
}
.detail-page .section-start {
    padding: 65px 0 43px 0;
}
.img-2 {
    padding-bottom: 45px;
}
.study-approach {
    margin-bottom: 0px;
}
.flex-reverse {
    -webkit-flex-direction: row !important;
    -moz-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    display: block !important;
}
.detail-page .field--name-field-components > .field__item {
    padding: 3px 0;
}
.visit-site {
    margin-bottom: 25px;
}
img.img003 {
    margin-top: 24px;
    margin-bottom: 30px;
}
.detail-page .text-style, .detail-page .text-formatted  {
    font-weight: 500;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
    .detail-page {
        padding-left: calc(10px + 20 * ((82vw - 480px)/287));
        padding-right: calc(10px + 20 * ((82vw - 480px)/287));
        padding-top: 64px;
    }
    .site-banner-deteils {
        padding-top: 95px;
    }
    .detail-page .field--name-field-components > .field__item {
        padding: 12px 0;
    }
  }
  .detail-page .paragraph li::before, .text-style li:before {
    display: table-cell;
    content: "\002022";
    color: #e3173e;
    vertical-align: top;
    font-size: 32px;
    padding: 0 5px 0 0;
}
.detail-page .paragraph li, .text-style li  {
    display: table-row;
}
.portfolio_title {
    margin-bottom: 57px;
}
 
button#loadMore {
    margin-top: 80px
}
p.port-title {
    font-weight: bold;
    text-align: center;
    padding: 20px;
}
.jobs .close {
    margin-top: -27px;
}

@media (max-width: 1387px){
.page-jobs .banner.overlap-xl .banner__content,.page-jobs .banner.overlap .banner__content,.page-contact  .banner.overlap-xl .banner__content,.page-contact .banner.overlap .banner__content {
    padding-bottom: 0px;
}}
.section.section--hiring {
    margin-top: 70px;
}
.section.section--hiring .section__title {
    margin-bottom: 49px;
}
.page-contact .login {
    margin-top: 50px;
    margin-bottom: 50px;
}


/*Login Page*/ 

.page-login .main-body.custom-loginpage.auth {
    padding: 0;
    display: flex;
    min-height: 100vh;
}

.page-login .main-body.custom-loginpage, .page-login .main-body.custom-loginpage .auth-left, .page-login .main-body.custom-loginpage .auth-right {
    max-height: 100vh;
}
.page-login .main-body.custom-loginpage {
    flex-direction: row !important;
    padding: 0;
}
@media (max-height: 750px){
.page-login .main-body.custom-loginpage.auth .auth-left {
    overflow-y: scroll;
}}

.page-login .main-body.custom-loginpage.auth .auth-left {
    background: #fff;
    min-width: 470px;
    width: 470px;
    padding: 44px 32px;
    flex-direction: column;
    justify-content: space-between;
}
.page-login .main-body.custom-loginpage.auth .auth-left, .page-login .main-body.custom-loginpage.auth .auth-right {
    display: flex;
    align-items: center;
    min-height: 100vh;
}
.page-login .main-body.custom-loginpage, .page-login .main-body.custom-loginpage .auth-left, .page-login .main-body.custom-loginpage .auth-right {
    max-height: 100vh;
}
.page-login .main-body.custom-loginpage.auth .auth-right {
    flex: 1;
    justify-content: center;
    padding: 24px;
    position: relative;
    background: var(--primary-block-bg);
}
 
.page-login .main-body.custom-loginpage .auth-right {
    align-items: flex-start !important;
    overflow-y: scroll;
}

.page-login .main-body.custom-loginpage.auth .auth-right .auth-box {
    position: relative;
    z-index: 2;
    background: #fff;
    max-width: 680px;
    width: 100%;
    padding: 50px 40px;
    border-radius: 4px;
    box-shadow: 0 16px 40px 0 rgba(0,0,0,.16);
}

.page-login .main-body.custom-loginpage .auth-right .auth-box {
    margin-top: 10vh;
}
.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-title {
    text-align: center;
    font-size:48px;
}
.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-desc {
    color: var(--gray-lighter);
    font-size: 19px;
    line-height: 29px;
    text-align: center;
    margin-bottom: 0;
    font-weight: var(--font-weight-light);
}
.box-divider {
    height: 2px;
    width: 70px;
    background: var(--brand-secondary);
    margin: var(--spacing-6x) auto var(--spacing-3x);
}
.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-content .auth-box-list {
    position: relative;
    margin: 0 -12px;
    padding: 0;
    font-size: 19px;
    font-weight: 700;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-content .auth-box-list li {
    width: 50%;
    padding-left: var(--spacing-3x);
    margin-top: var(--spacing-3x);
}
.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-content .auth-box-list li img {
    margin-right: 8px;
}
 .btn-copy-code {
    display: inline-block;
    color: #f67a3c;
    background-color: #fee9df;
    border-radius: 4px;
    vertical-align: inherit;
    height: auto;
    padding: 2px 8px;
    cursor: pointer;
    font-weight: 600;
} 
.page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-actions {
    margin-top: var(--spacing-9x);
    text-align: center;
}
.page-clientareahome .tile-deals-action .btn-tile, .page-domaintransfer .tile-deals-action .btn-tile, .page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-actions .btn-auth {
    transition: var(--transition-base);
    color: var(--brand-secondary);
    border: 1px solid var(--brand-secondary);
}
.page-clientareahome .tile-deals-action .btn-tile:hover, .page-domaintransfer .tile-deals-action .btn-tile:hover, .page-login .main-body.custom-loginpage.auth .auth-right .auth-box .auth-box-actions .btn-auth:hover {
    transition: var(--transition-base);
    color: var(--brand-secondary-lighter);
    border-color: var(--brand-secondary-lighter);
}

@media (max-width: 991px){
.lagom-layout-left .app-nav .app-nav-menu .menu-primary>li>a svg, .page-login .main-body.custom-loginpage.auth .auth-right {
    display: none;
}
li#Secondary_Navbar-Language-148 {
    display: none  !important;
}
    .page-login .main-body.custom-loginpage.auth .auth-left {
    width: 100%;
}
}
li#Secondary_Navbar-Language-148 {
    min-width: 151px;
    min-height: 20px !important;
    max-height: 45px;
    margin-top: 0px;
    margin-left: 4px;
        display: block;
            z-index: 1000;
}
 
 #Secondary_Navbar-Language-148 .dropdown-menu-right.show {
    max-width: 200px;
    margin-top: 5px;
}
@media (max-height: 750px) {
.page-login .main-body.custom-loginpage.auth .auth-left {
    overflow-y: scroll;
}
 
.navbar__topp .container {
    padding-left: 15px;
    padding-right: 15px;
  }    
}
.custom-loginpage h5 {
    font-size: 19px;
}
.pssword {
    font-size: 14px;
}
.login-footer {
    font-size: 15px;
}
.scroll-down--burger-open li#Secondary_Navbar-Language-148 {
 
    z-index: 0;
}

















.custom-dropdown {
    position: relative;
}

.custom-dropdown .dropdown-toggle {
    display: flex;
    align-items: center;
    padding: 2px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    color: #040d70 !important;
}
li#Secondary_Navbar-Language-148 a {
    color: #040d70 !important;
}

#Secondary_Navbar-Language-148 .dropdown-item:hover a {
   color: #FF7800 !important;
}
 

     
.custom-dropdown .dropdown-toggle .selected-language-flag,
.custom-dropdown .dropdown-toggle .selected-language-text {
    margin-right: 8px;
}

.custom-dropdown .dropdown-toggle .caret {
    margin-left: auto;
}

.custom-dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.custom-dropdown .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    cursor: pointer;
}

.custom-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #f5f5f5;
}

.custom-dropdown .dropdown-menu .dropdown-item .language-flag,
.custom-dropdown .dropdown-menu .dropdown-item .language-text {
    margin-right: 8px;
}

/* Specific language flag styles (example) */
.language-flag.arabic {background: url(../img/flags/arabic.svg); width: 20px; height: 15px; }
.language-flag.english {background: url(../img/flags/english.svg); width: 20px; height: 15px; }
.language-flag.french {background: url(../img/flags/french.svg); width: 20px; height: 15px; }
.language-flag.german {background: url(../img/flags/dutch.svg); width: 20px; height: 15px; }


.navbar__topp {
    border-bottom: 1px solid rgba(230, 232, 236, 0.25);
    padding: 8px 0;
}
.navbar__topp {
    width: 100%;
     background: linear-gradient(90deg, #0d3c9f 0%, #040d70 100%);
}
 .navbar__topp > .container{
    flex-flow: row wrap;
    align-content: start;
        display: flex;
    justify-content: space-between;
    align-items: center;
}
.navbar__topp ul {
    margin: 0;
    width: 100%;
}
.navbar__topp ul li {
    display: inline-flex;
    margin-right: 16px;
}
.navbar__topp a {
    position: relative;
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 16px;
}
.navbar__topp a:hover {
    color: #FF7800 !important;
}
.navbar__topp a:hover .svg-icon .st0 {
    fill: #FF7800;
}
.svg-icon.help .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #99A5C2;
}
.navbar__topp a .svg-icon {
    margin-right: 12px;
    width: 18px;
    transition: fill 0.3s;
}
.navbar__topp .svg-icon {
    position: relative;
    height: 18px;
}
.navbar__topp ul li:last-child {
    float: right;
    margin-right: 0;
}
.navbar__topp a .svg-icon .st0 {
    transition: fill 0.3s;
}

.svg-icon.chat .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #99A5C2;
}
a#livechat {
    cursor: pointer;
}
 

/* Apply the animation to the scroll-down class */
.scroll-down .site-navbar.navbar.navbar--main {
  position: absolute;
   
}
body.lagom.scrolling.scrolled-top {
    padding-top: 0 !important;
}
span.select2-dropdown {
    min-width: 300px !important;
}


@media screen and (max-width: 480px){
body.lagom.lagom-layout-top.lagom-layout-custom.lagom-depth.page-homepage.page-user-logged.floating-notification, body.lagom.lagom-not-portal.lagom-layout-top.lagom-layout-custom.lagom-depth.page-homepage.floating-notification {
    padding-top: 0 !important;
}
    .navbar__topp{
      display: none !important;  
}
.site-banner  {
    padding-top: 192px !important;
}
    
}
	.pc1 .dom span.p-4, .pc2  .dom span.p-4 {
    text-decoration: line-through;
}
@media (max-width: 991.98px) {
    body {
        padding-top: 0 !important;
    }
}