.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(https://www.blueprinthelpdesk.com/css/icheck/minimal/minimal.png) no-repeat;
    border: none;
    cursor: pointer
}

.icheckbox_minimal {
    background-position: 0 0
}

.icheckbox_minimal.hover {
    background-position: -20px 0
}

.icheckbox_minimal.checked {
    background-position: -40px 0
}

.icheckbox_minimal.disabled {
    background-position: -60px 0;
    cursor: default
}

.icheckbox_minimal.checked.disabled {
    background-position: -80px 0
}

.iradio_minimal {
    background-position: -100px 0
}

.iradio_minimal.hover {
    background-position: -120px 0
}

.iradio_minimal.checked {
    background-position: -140px 0
}

.iradio_minimal.disabled {
    background-position: -160px 0;
    cursor: default
}

.iradio_minimal.checked.disabled {
    background-position: -180px 0
}

.alertify,
.alertify-log,
.alertify-show {
    -webkit-transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
    -moz-transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
    -ms-transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
    transition: all .5s cubic-bezier(.175, .885, .32, 1.275)
}

.alertify-hide {
    -webkit-transition: all 250ms cubic-bezier(.6, -.28, .735, .045);
    -moz-transition: all 250ms cubic-bezier(.6, -.28, .735, .045);
    -ms-transition: all 250ms cubic-bezier(.6, -.28, .735, .045);
    -o-transition: all 250ms cubic-bezier(.6, -.28, .735, .045);
    transition: all 250ms cubic-bezier(.6, -.28, .735, .045)
}

.alertify-log-hide {
    -webkit-transition: all .5s cubic-bezier(.6, -.28, .735, .045);
    -moz-transition: all .5s cubic-bezier(.6, -.28, .735, .045);
    -ms-transition: all .5s cubic-bezier(.6, -.28, .735, .045);
    -o-transition: all .5s cubic-bezier(.6, -.28, .735, .045);
    transition: all .5s cubic-bezier(.6, -.28, .735, .045)
}

.alertify-cover {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: 0
}

.alertify-cover-hidden {
    display: none
}

.alertify {
    position: fixed;
    z-index: 99999;
    top: 50px;
    left: 50%;
    width: 550px;
    margin-left: -275px;
    opacity: 1
}

.alertify-hidden {
    -webkit-transform: translate(0, -150px);
    -moz-transform: translate(0, -150px);
    -ms-transform: translate(0, -150px);
    -o-transform: translate(0, -150px);
    transform: translate(0, -150px);
    opacity: 0;
    display: none
}

:root *>.alertify-hidden {
    display: block;
    visibility: hidden
}

.alertify-logs {
    position: fixed;
    z-index: 5000;
    bottom: 10px;
    right: 10px;
    width: 300px
}

.alertify-logs-hidden {
    display: none
}

.alertify-log {
    display: block;
    margin-top: 10px;
    position: relative;
    right: -300px;
    opacity: 0
}

.alertify-log-show {
    right: 0;
    opacity: 1
}

.alertify-log-hide {
    -webkit-transform: translate(300px, 0);
    -moz-transform: translate(300px, 0);
    -ms-transform: translate(300px, 0);
    -o-transform: translate(300px, 0);
    transform: translate(300px, 0);
    opacity: 0
}

.alertify-dialog {
    padding: 25px
}

.alertify-resetFocus {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.alertify-inner {
    text-align: center
}

.alertify-text {
    margin-bottom: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%
}

.alertify-button,
.alertify-button:active,
.alertify-button:hover,
.alertify-button:visited {
    background: 0 0;
    text-decoration: none;
    border: none;
    line-height: 1.5;
    font-size: 100%;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px
}

.alertify,
.alertify-log {
    font-family: sans-serif
}

.alertify {
    background: #fff;
    border: 1px solid #8e8e8e;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.alertify-dialog {
    padding: 0
}

.alertify-inner {
    text-align: left
}

.alertify-message {
    padding: 15px;
    margin: 0
}

.alertify-text-wrapper {
    padding: 0 15px
}

.alertify-text {
    color: #555;
    border-radius: 4px;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.alertify-text:focus {
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6)
}

.alertify-buttons {
    padding: 14px 15px 15px;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0 1px 0 #fff;
    text-align: right
}

.alertify-button,
.alertify-button:active,
.alertify-button:focus,
.alertify-button:hover {
    margin-left: 10px;
    border-radius: 4px;
    font-weight: 400;
    padding: 4px 12px;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
    background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0))
}

.alertify-button:focus {
    outline: 0;
    box-shadow: 0 0 5px #2b72d5
}

.alertify-button:active {
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.alertify-button-cancel,
.alertify-button-cancel:active,
.alertify-button-cancel:focus,
.alertify-button-cancel:hover {
    text-shadow: 0 -1px 0 rgba(255, 255, 255, .75);
    background-color: #e6e6e6;
    border: 1px solid #bbb;
    color: #333;
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(top, #fff, #e6e6e6)
}

.alertify-button-cancel:active,
.alertify-button-cancel:focus,
.alertify-button-cancel:hover {
    background: #e6e6e6
}

.alertify-button-ok,
.alertify-button-ok:active,
.alertify-button-ok:focus,
.alertify-button-ok:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #04c;
    border: 1px solid #04c;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #fff
}

.alertify-button-ok:active,
.alertify-button-ok:focus,
.alertify-button-ok:hover {
    background: #04c
}

.alertify-log {
    background: #d9edf7;
    padding: 8px 14px;
    border-radius: 4px;
    color: #3a8abf;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    border: 1px solid #bce8f1
}

.alertify-log-error {
    color: #b94a48;
    background: #f2dede;
    border: 1px solid #eed3d7
}

.alertify-log-success {
    color: #468847;
    background: #dff0d8;
    border: 1px solid #d6e9c6
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-inner,
.fancybox-outer {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
    background-image: url('https://www.blueprinthelpdesk.com/fancybox/fancybox_sprite.png')
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('https://www.blueprinthelpdesk.com/fancybox/fancybox_loading.gif') center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: auto;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('https://www.blueprinthelpdesk.com/fancybox/blank.gif');
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: visible;
    opacity: .5
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible;
    opacity: 1
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('https://www.blueprinthelpdesk.com/fancybox/fancybox_overlay.png')
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, .8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

.pagination .pagination-container .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination .pagination-container .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pagination .pagination-container .page-item {
    display: inline-block
}

.pagination .page-item .page-link {
    background-color: transparent;
    border-color: #41b6e6
}

.pagination .page-item.active span.page-link {
    background-color: #41b6e6;
    border-color: #41b6e6;
    color: #fff
}

.pagination .page-item .page-link,
.pagination .page-item .page-link:hover {
    color: #41b6e6;
    box-shadow: none;
    cursor: pointer
}

.pagination .page-item .page-link:hover {
    opacity: .5
}

@keyframes gray-box-slide-in {
    0% {
        left: -100%
    }

    100% {
        left: 0
    }
}

@keyframes gray-box-slide-in-reverse {
    0% {
        left: 100%
    }

    100% {
        left: 0
    }
}

.animate-js,
.animate-js .clearfix,
.animate-js p {
    position: relative;
    opacity: 0;
    top: 40px
}

.animate-in,
.animate-in .clearfix,
.animate-in p {
    opacity: 1;
    top: 0;
    transition-property: top, opacity;
    transition-duration: .5s;
    transition-timing-function: linear
}

.animate-in p {
    transition-delay: 0.5s
}

.animate-in .clearfix {
    transition-delay: 1.0s
}

.small-gray-box {
    background-color: #f2f2f2;
    height: 100%;
    position: relative
}

.small-gray-box .content {
    padding: 40px 40px 80px
}

.small-gray-box h3 {
    margin-top: 0
}

.small-gray-box .more-link-box {
    padding: 40px;
    position: absolute;
    bottom: 0;
    width: 100%
}

.business-solution-small-gray-box {
    background: #112a45;
    color: #f2f2f2
}

.business-solution-small-gray-box h3 {
    color: #fff
}

#value-prosition {
    margin-top: -20px
}

.value-prosition-box {
    background-color: #fff;
    padding: 40px;
    height: 100%;
    text-align: center
}

.value-prosition-box .circle {
    position: static;
    margin-top: -30px;
    top: 0;
    left: 50%;
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #41b6e6;
    margin-left: -40px;
    border-radius: 50%
}

.value-prosition-box .circle .number {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-right: -1px;
    vertical-align: middle;
    color: #fff;
    font-size: 2em
}

.value-prosition-box .circle .ghost {
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle
}

.service-box-hidden {
    visibility: hidden
}

.service-box {
    background-color: #f2f2f2;
    padding: .45rem;
    margin-top: .75rem;
    animation-duration: 1s;
    position: relative
}

.service-box-slide-in {
    animation-name: gray-box-slide-in
}

.service-box-slide-in-reverse {
    animation-name: gray-box-slide-in-reverse
}

.service-box .headline strong {
    color: #005587
}

.gray-box-container-no-image {
    margin-top: 50px
}

.gray-box-container-news {
    margin-top: 40px
}

.gray-box-slide-in {
    animation-name: gray-box-slide-in;
    animation-duration: 1s
}

.gray-box .section {
    margin-top: 65px
}

.anchor {
    scroll-behavior: smooth;
    padding-top: 100px;
    margin-top: -100px
}

.gray-box-service .more-link {
    margin-left: 10px
}

.h1-extend-right {
    position: relative
}

.h1-extend-right h1:after {
    border-bottom: 1px solid;
    position: absolute;
    bottom: 0;
    height: 0;
    left: 50%;
    right: 0;
    content: ''
}

h4 {
    margin-top: 20px
}

hr {
    margin-bottom: 0
}

ol {
    line-height: 2
}

.service {
    position: relative;
    display: block;
    overflow: hidden
}

.service-overlay-shade {
    background: rgba(1, 102, 70, .75);
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: top .5s
}

.service:hover {
    opacity: 1
}

.service:hover .service-overlay-shade {
    top: 0
}

.service-overlay {
    position: absolute;
    top: 30%;
    left: 30%;
    right: 30%;
    bottom: 30%
}

.service-overlay svg {
    width: 100%;
    height: 100%;
    position: relative;
    fill: #FFF
}

.service-title a {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.7rem;
    border-bottom: 1px solid;
    line-height: 1;
    margin-top: 10px
}

.btn-custom {
    color: #fff;
    background-color: transparent;
    border-radius: 0;
    font-size: 1.25em;
    padding: 0 2rem;
    transition: background-color .4s
}

.btn-custom.active,
.btn-custom.focus,
.btn-custom:active,
.btn-custom:focus,
.btn-custom:hover,
.open>.dropdown-toggle.btn-custom {
    color: #fff;
    background-color: #41b6e6
}

.section ol,
.section ul {
    margin-bottom: 0;
    margin-top: 1rem
}

.section p+ul,
.section ul+p {
    margin-top: 0
}

a:hover {
    opacity: .5
}

.no-opacity:hover {
    opacity: 1
}

#testimonials {
    background: #434648;
    padding: 20px 0 50px;
    position: relative
}

#testimonials h3 {
    color: #fff;
    margin-bottom: 0
}

#testimonials-next-arrow,
#testimonials-prev-arrow {
    width: 0;
    display: none;
    position: absolute;
    z-index: 3
}

#testimonials-prev-arrow {
    left: 0;
    right: auto
}

#testimonials-next-arrow {
    right: 0;
    left: auto
}

#testimonials-next-arrow .ghost,
#testimonials-prev-arrow .ghost {
    width: 1px;
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

#testimonials-next-arrow .icon,
#testimonials-prev-arrow .icon {
    vertical-align: middle;
    width: 100%;
    margin-left: -1px;
    color: #5acdfa;
    cursor: pointer
}

#testimonials-prev-arrow .icon {
    text-align: right
}

#testimonials-next-arrow .icon {
    text-align: left
}

#testimonials .testimonials-container {
    overflow: hidden;
    z-index: 1
}

#testimonials .testimonials-wrapper {
    margin-top: 25px;
    flex-wrap: nowrap;
    display: flex;
    justify-content: center;
    align-items: start
}

#testimonials-dots {
    text-align: center;
    z-index: 2;
    position: relative;
    top: 15px
}

#testimonials-dots .swiper-pagination-bullet {
    margin: 0 25px;
    width: 6px;
    height: 6px;
    background-color: #f2f2f2
}

#testimonials-dots .swiper-pagination-bullet-active {
    background-color: #41b6e6
}

#testimonials-dots .slick-dots {
    position: static;
    margin-top: -25px;
    bottom: 0
}

#testimonials-dots .slick-dots li {
    margin: 0 20px
}

#testimonials-dots .slick-dots li button::before {
    color: #f2f2f2
}

#testimonials-dots .slick-dots li.slick-active button::before {
    color: #41b6e6
}

#testimonials-dots .slick-dots li button:focus::before,
#testimonials-dots .slick-dots li button:hover::before {
    color: #41b6e6
}

#testimonials .testimonials-wrapper .testimonial .quote {
    text-align: center;
    font-size: 1em;
    line-height: 1.4em;
    color: #fff;
    font-weight: 400
}

#testimonials .testimonials-wrapper .testimonial .headline {
    font-weight: 600;
    color: #5acdfa
}

#testimonials .testimonials-wrapper .testimonial .person {
    text-align: center;
    line-height: 1.4em;
    color: #5acdfa;
    margin-top: 25px
}

#ddml-filter-by-topic {
    font-size: 1.8em
}

#filter-by-topic-menu {
    margin-right: 3rem
}

#tech-tip-filters {
    margin-top: 1.2rem
}

#tech-tip-filters .more-link {
    margin-right: 1rem;
    margin-bottom: 1rem;
    display: inline-block
}

#tech-tip-filters .icon-box {
    cursor: pointer
}

#ddsm-filter-by-topic {
    background: rgba(99, 102, 105, .9)
}

#ddsm-filter-by-topic .dropdown-item,
#ddsm-filter-by-topic .dropdown-item:link,
#ddsm-filter-by-topic .dropdown-item:visited {
    color: #fff;
    padding: 1rem 7.5rem 1rem 1.5rem
}

#ddsm-filter-by-topic .dropdown-item:active,
#ddsm-filter-by-topic .dropdown-item:focus {
    background: 0 0
}

#ddsm-filter-by-topic .dropdown-item:hover {
    color: #fff;
    background: #41b6e6;
    opacity: 1
}

#ddsm-filter-by-topic .dropdown-item-filter {
    color: #999 !important
}

.see-all-news {
    margin-top: 25px
}

.news-box {
    background: #f2f2f2;
    height: 100%
}

.news-box .news-contents {
    height: 100%
}

.news-box .news-contents .news-text .content {
    padding: 0 15px 15px;
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, .5)
}

.news-box .news-contents .news-text h3 {
    padding-top: 10px;
    margin-top: 0
}

.news-box .news-contents .news-text h3,
.news-box .news-contents .news-text h3 a {
    color: #005587
}

.news-box .news-overlay {
    z-index: 1;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: top .5s
}

.news-box .news-overlay-background {
    background: rgba(65, 182, 230, .75)
}

.news-box:hover .news-overlay {
    top: 0
}

.news-box .news-overlay .news-details {
    position: absolute;
    top: 40%;
    bottom: 40%;
    left: 10%;
    right: 10%;
    text-align: center
}

.news-box .news-overlay .news-details .more-link {
    font-size: 1.25em;
    box-shadow: -2px 10px 10px rgba(17, 41, 69, .7)
}

.news-box .news-overlay .news-details a {
    color: #fff;
    display: block;
    height: 100%;
    width: 100%
}

.news-swiper .swiper-initialized .items-wrapper {
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 0
}

.news-swiper-grid .swiper-initialized .items-wrapper {
    flex-wrap: wrap
}

.news-swiper .swiper-initialized .items-wrapper .item {
    padding-left: 0;
    padding-right: 0
}

.news-swiper .swiper .swiper-button-next,
.news-swiper .swiper .swiper-button-prev {
    width: auto;
    height: auto;
    bottom: 0;
    top: auto
}

.news-swiper .swiper .swiper-button-next::after,
.news-swiper .swiper .swiper-button-prev::after {
    font-size: 2rem
}

.news-swiper .swiper .swiper-button-next,
.news-swiper .swiper .swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto
}

.news-swiper .swiper .swiper-button-prev,
.news-swiper .swiper .swiper-rtl .swiper-button-next {
    left: 0;
    right: auto
}

.news-swiper .swiper-horizontal>.swiper-pagination-bullets,
.news-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.news-swiper .swiper-pagination-custom,
.news-swiper .swiper-pagination-fraction {
    left: 10%;
    width: auto;
    position: static;
    display: inline-block
}

.news-swiper .pagination {
    margin-top: 1rem
}

.news-swiper .pagination .swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.line-height-1 {
    line-height: 1.4 !important
}

.triangle-down {
    width: 0;
    height: 0;
    border-left: 3rem solid transparent;
    border-right: 3rem solid transparent;
    border-top: 3rem solid #112a45
}

.category-box-container {
    padding: 0 0 1rem 1rem
}

.category-box {
    padding: .25rem .75rem;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    margin: 1rem 1rem 0 0
}

.init_open_exception {
    margin-top: 0;
    font-size: .9em
}

.init_open_exception .oc-icon-box {
    vertical-align: middle;
    background: #005587;
    display: inline-block;
    padding: .25rem .75rem
}

.init_open_exception .oc-icon-box .oc-icon {
    color: #fff;
    vertical-align: baseline
}

.init_open_exception .oc-label-box {
    vertical-align: middle;
    background: #41b6e6;
    display: inline-block;
    padding: .25rem .75rem
}

.init_open_exception .oc-label-box .oc-label {
    color: #fff;
    vertical-align: baseline;
    font-weight: 600
}

#testimonials-tab {
    width: 80px;
    padding: .5rem;
    height: 100px;
    background: rgba(48, 48, 48, .8);
    font-size: .8em;
    text-align: center;
    color: #fff;
    position: absolute;
    left: -115px;
    top: 175px;
    z-index: 10;
    transition-property: left;
    transition-duration: .5s;
    transition-delay: 5s;
    transition-timing-function: ease-in-out
}

#testimonials-tab.animate-end {
    left: 0
}

#testimonials-tab:after {
    left: 100%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: rgba(48, 48, 48, .8);
    border-top-width: 24px;
    border-left-width: 35px;
    border-top-width: 50px;
    border-bottom-width: 50px
}

#testimonials-tab .icon {
    margin-top: .25rem;
    font-size: 2.25em
}

#testimonials-tab .icon-left {
    margin-right: .25rem
}

#testimonials-tab .icon-right {
    margin-left: .25rem
}

#contact-us-tab {
    position: fixed;
    right: 0;
    bottom: .75rem;
    z-index: 200
}

#contact-us-tab a {
    display: none;
    position: relative;
    transition-property: color, left;
    transition-duration: .5s;
    transition-timing-function: ease-in-out
}

#contact-us-tab a:hover {
    color: #41b6e6
}

#contact-us-tab.animate-js2 a {
    display: inline-block;
    left: 0
}

#contact-us-tab.animate-js2.animate-end a {
    left: 100%
}

.submit-form h2 {
    color: #fff
}

.submit-form .x-small {
    font-size: .65em
}

.submit-form .form-label {
    color: #fff;
    font-weight: 700
}

.submit-form .form-control {
    color: #fff;
    background: 0 0;
    box-shadow: none;
    border-width: 0 0 1px 0;
    border-radius: 0
}

.submit-form .form-control,
.submit-form .form-control:focus {
    border-color: #fff
}

.submit-form .form-control:hover {
    border-bottom-width: 3px;
    border-bottom-color: #e3e3e3;
    margin-top: -2px
}

.submit-form .has-error .form-control-feedback,
.submit-form .has-error .help-block,
.submit-form .has-success .form-control-feedback,
.submit-form .has-success .help-block,
.submit-form .has-warning .form-control-feedback,
.submit-form .has-warning .help-block {
    color: #41aedf !important
}

#main-navbar .navbar-menu #mobile-button {
    padding: .25em .5em .25em
}

#footer {
    background: #000
}

#footer-center .nav-links {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0
}

#footer-center .nav-links .nav-item {
    display: inline-block;
    padding: 0;
    margin: 0
}

#footer-center .nav-links .nav-item .nav-link {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: .85em
}

#footer-center .nav-links .nav-item:before {
    content: '|';
    display: inline-block;
    margin: 0 .4rem
}

#footer-center .nav-links .nav-item:first-child:before {
    content: '';
    margin: 0
}

#footer-center .linkedin {
    font-size: 2em
}

#footer-center .linkedin .icon {
    color: #41b6e6
}

#contact-map-ratio {
    padding-top: 40%
}

.gm-style-iw button:focus {
    outline: 0
}

.carousel {
    -webkit-transition: height 2s;
    -moz-transition: height 2s;
    -ms-transition: height 2s;
    -o-transition: height 2s;
    transition: height 2s
}

.carousel .carousel-inner {
    height: 100%
}

.carousel .carousel-inner .carousel-item {
    height: 100%;
    overflow: hidden
}

.carousel .carousel-inner .carousel-item .overlay-text {
    position: relative;
    left: 0;
    text-shadow: 3px 3px 5px #000
}

.carousel .carousel-inner .carousel-item .overlay-text p {
    line-height: 1.4
}

.carousel .carousel-inner .carousel-item .overlay-text .more-link {
    text-shadow: none
}

.carousel .carousel-indicators-wrapper {
    position: relative
}

.carousel .carousel-indicators {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
    position: static
}

.carousel .carousel-indicators li {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 15px;
    margin-left: 15px;
    overflow: hidden;
    opacity: 1
}

.carousel .carousel-caption {
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    left: 0;
    right: 0
}

.stuck {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 100
}

#our-solutions .container-box-v1 {
    background-color: #426da9;
    background-image: linear-gradient(to bottom, #426da9 0, transparent 350px, #fff 350px), url(https://www.blueprinthelpdesk.com/images/solutions-pattern.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

#custom-services .container-box-v1 {
    background-color: #426da9;
    background-image: linear-gradient(to bottom, #426da9 0, transparent 350px, #fff 350px), url(https://www.blueprinthelpdesk.com/images/custom-services-pattern.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

.container-box-v2 {
    background-color: #426da9
}

.container-box-v3 {
    background-color: #112a45
}

.container-box-v3 h2 {
    color: #f4f4f4
}

.container-box-v4 {
    background-color: #f2f2f2
}

.container-box-v5 {
    background-color: #636669
}

.container-box-v5 h2 {
    color: #f4f4f4
}

.vertical-bottom {
    display: inline-block;
    vertical-align: bottom;
    float: none
}

.vertical-center {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.vertical-center-ghost {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%
}

.vertical-center-content {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-right: -1px;
    float: none
}

.vertical-ghost {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.no-wrap {
    white-space: nowrap
}

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

.color-violet {
    color: #25215d !important
}

.color-blue {
    color: #41aedf !important
}

.color-dark-blue-2 {
    color: #112a45 !important
}

.doc-col-fixed {
    float: left;
    width: 36px
}

.doc-col-fixed .icon {
    color: #fff
}

.doc-col-fluid {
    margin-left: 36px;
    padding-left: 15px
}

.transition {
    transition: all 2s
}

.header-image {
    height: 0;
    padding-bottom: 375px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
    border-bottom: 15px solid #005587;
    -webkit-transition: padding-bottom 2s;
    -moz-transition: padding-bottom 2s;
    -ms-transition: padding-bottom 2s;
    -o-transition: padding-bottom 2s;
    transition: padding-bottom 2s
}

.nav-tabs .nav-link.active {
    background-color: #005587;
    color: #f2f2f2
}

.nav-tabs .nav-link {
    background-color: #f2f2f2;
    padding: 9px 9px;
    border-bottom: 1px solid #dee2e6 !important;
    color: #005587
}

.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    opacity: 1
}

.tab-content {
    border: 1px solid #ddd;
    border-top: 0
}

.img-fit-contain {
    object-fit: contain;
    width: 100%;
    height: auto
}

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

.img-fit-cover2 {
    object-fit: cover;
    width: 100%;
    height: auto
}

.img-position-center {
    object-position: center
}

.img-cover {
    max-width: none !important;
    min-width: 1000%;
    min-height: 1000%;
    position: absolute;
    left: -10000%;
    right: -10000%;
    top: -10000%;
    bottom: -10000%;
    margin: auto;
    transform: scale(.1);
	object-fit: cover;
}

.text-left-xs {
    text-align: left
}

.text-center-xs {
    text-align: center
}

.text-right-xs {
    text-align: right
}

.pull-left-xs {
    float: left
}

.pull-right-xs {
    float: right
}

.l-m-xs-0 {
    padding-left: 0
}

.l-m-xs-15 {
    padding-left: 15px
}

.r-m-xs-0 {
    padding-right: 0
}

.r-m-xs-15 {
    padding-right: 15px
}

.t-m-xs-0 {
    margin-top: 0
}

.t-m-xs-5 {
    margin-top: 5px
}

.t-m-xs-10 {
    margin-top: 10px
}

.t-m-xs-15 {
    margin-top: 15px
}

.t-m-xs-20 {
    margin-top: 20px
}

.t-m-xs-25 {
    margin-top: 25px
}

.t-m-xs-50 {
    margin-top: 50px
}

.t-m-xs-75 {
    margin-top: 75px
}

.t-m-xs-100 {
    margin-top: 100px
}

.t-m-xs-125 {
    margin-top: 125px
}

.t-m-xs-150 {
    margin-top: 150px
}

.b-m-xs-0 {
    margin-bottom: 0
}

.b-m-xs-5 {
    margin-bottom: 5px
}

.b-m-xs-10 {
    margin-bottom: 10px
}

.b-m-xs-15 {
    margin-bottom: 15px
}

.b-m-xs-20 {
    margin-bottom: 20px
}

.b-m-xs-25 {
    margin-bottom: 25px
}

.b-m-xs-50 {
    margin-bottom: 50px
}

.b-m-xs-75 {
    margin-bottom: 75px
}

.b-m-xs-100 {
    margin-bottom: 100px
}

.b-m-xs-125 {
    margin-bottom: 125px
}

.b-m-xs-150 {
    margin-bottom: 150px
}

.l-m-xs-0 {
    margin-left: 0
}

.l-m-xs-25 {
    margin-left: 25px
}

.l-m-xs-40 {
    margin-left: 40px
}

.r-m-xs-0 {
    margin-right: 0
}

.r-m-xs-25 {
    margin-right: 25px
}

.r-m-xs-40 {
    margin-right: 40px
}

.position-absolute-xs {
    position: absolute !important
}

.line-break-xs {
    display: block
}

.fullsize-box-xs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0
}

.min-height-xs-v1 {
    min-height: 300px
}

.flex-item h3 {
    font-size: 1.32222em
}

.news-swiper .swiper-initialized .items-wrapper .item {
    height: auto !important
}

.alertify .alertify-button,
.alertify .alertify-button:active,
.alertify .alertify-button:focus,
.alertify .alertify-button:hover {
    border-radius: 0 !important;
    box-shadow: none !important
}

.alertify .alertify-button-ok,
.alertify .alertify-button-ok:active,
.alertify .alertify-button-ok:focus,
.alertify .alertify-button-ok:hover {
    background: #005587 !important;
    border: 1px solid #005587 !important
}

.has-feedback {
    position: relative
}

.mc-icon {
    position: relative;
    top: -35px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    text-align: center;
    pointer-events: none;
    margin-top: 7px;
    margin-right: 15px;
    font-size: 24px
}

.has-feedback .col .form-control-feedback {
    right: 7px
}

.has-feedback textarea.form-control~.form-control-feedback {
    right: 7px
}

.has-feedback .col textarea.form-control~.form-control-feedback {
    right: 15px
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.has-feedback label~.form-control-feedback {
    top: 35px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .col-form-label,
.has-success .control-label,
.has-success .form-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .col-form-label,
.has-warning .control-label,
.has-warning .form-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .col-form-label,
.has-error .control-label,
.has-error .form-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

b {
    font-family: Inter;
    font-weight: 600;
    font-style: normal
}

.h1 {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    font-size: 2.275em
}

.h1 {
    color: #005587
}

.h2 {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8em
}

.h2 {
    color: #005587
}

.h2 b,
.h2 strong,
h2 b,
h2 strong {
    font-family: Open Sans;
    font-weight: 600;
    font-style: normal
}

h2.mini60 {
    font-size: 1.4625em
}

.h3 {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4875em
}

.h3 {
    color: #005587
}

.h3 b,
.h3 strong,
h3 b,
h3 strong {
    font-family: Open Sans;
    font-weight: 600;
    font-style: normal
}

.h4,
h4 {
    font-family: Open Sans;
    font-weight: 600;
    font-style: normal;
    font-size: 1.5em
}

.h4,
h4 {
    color: #6a6868
}

.h4 b,
.h4 strong,
h4 b,
h4 strong {
    font-family: Open Sans;
    font-weight: 600;
    font-style: normal
}

a:active,
a:hover {
    color: #41b6e6
}

.navbar .navbar-nav li.homepage .nav-link.active,
.navbar .navbar-nav li.homepage a.active {
    color: #41b6e6 !important
}

.navbar .navbar-nav li.why-choose-us .nav-link.active,
.navbar .navbar-nav li.why-choose-us a.active {
    color: #41b6e6 !important
}

.navbar .navbar-nav li.tech-tips .nav-link.active,
.navbar .navbar-nav li.tech-tips a.active {
    color: #41b6e6 !important
}

.navbar .navbar-nav li.about-us .nav-link.active,
.navbar .navbar-nav li.about-us a.active {
    color: #41b6e6 !important
}

.navbar .navbar-nav li.our-solutions .nav-link.active,
.navbar .navbar-nav li.our-solutions a.active {
    color: #41b6e6 !important
}

.navbar .navbar-nav li.custom-services .nav-link.active,
.navbar .navbar-nav li.custom-services a.active {
    color: #41b6e6 !important
}

.navbar .navbar-nav li.referral-program .nav-link,
.navbar .navbar-nav li.referral-program a {
    color: #005587 !important
}

.navbar .navbar-nav li.referral-program .nav-link.active,
.navbar .navbar-nav li.referral-program a.active {
    color: #41b6e6 !important
}

#header-nav-bar .sub_nav {
    background-color: transparent !important
}

#mobile-button-menu {
    color: #fff !important
}

#mobile-button.x2.open .lines {
    background-color: transparent !important
}

.gt-bar .gt-bar-content {
    background-color: transparent !important
}

.gt-bar .gt-bar-content,
.gt-bar .gt-bar-content a {
    color: transparent !important
}

#home_intro {
    background-color: transparent !important
}

#home_intro,
#home_intro a {
    color: transparent !important
}

#home_intro h1 {
    color: transparent !important
}

#category_name,
.bottom-bar {
    background-color: transparent !important
}

#category_name a,
#category_name h1 {
    color: transparent !important
}

#header #header-top-bar {
    background-color: #000 !important
}

#header #header-top-bar,
#header #header-top-bar a {
    color: transparent !important
}

#footer-top {
    background-color: #20f645 !important;
    color: transparent !important
}

#footer-top h2 {
    color: transparent !important
}

#footer-top .nav-links-main ul.nav-links li a {
    color: transparent !important
}

#footer-top .right-side h2 {
    color: transparent !important
}

#footer-top .social-links .social-circle {
    color: transparent !important
}

#footer-top .social-links .social-icon {
    color: transparent !important
}

.btn-signup {
    background-color: transparent !important
}

.btn-signup,
.btn-signup.focus,
.btn-signup:focus,
.btn-signup:hover {
    color: transparent
}

#footer-center {
    color: #fff !important
}

#footer-center a {
    color: #fff !important
}

#footer-bottom {
    background-color: transparent !important;
    color: #fff !important
}

#footer-bottom a {
    color: #fff !important
}

.carousel-indicators li {
    background-color: #41b6e6 !important
}

.carousel-indicators li.active {
    background-color: #005587 !important
}

.buttons-container {
    margin: 100px auto;
    text-align: center
}

button.bg-color1 {
    background-color: #1f2f4a
}

button.border1 {
    border: .4rem solid #1f2f4a
}

button.bg-color2 {
    background-color: #000
}

button.bg-color3 {
    background-color: #00f
}

.grid-button {
    padding: 2rem;
    cursor: pointer;
    user-select: none
}

.grid-button .grid {
    width: 1rem;
    height: 1rem;
    background: #fff;
    color: #fff;
    transition: .3s
}

.grid-button.open .grid {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.grid-button.rearrange .grid {
    box-shadow: -1.25rem -1.25rem, 0 -1.25rem, 1.25rem -1.25rem, -1.25rem 0, 1.25rem 0, -1.25rem 1.25rem, 0 1.25rem, 1.25rem 1.25rem
}

.grid-button.rearrange.open .grid {
    box-shadow: 0 -1rem, 0 -2rem, 1rem 0, -2rem 0, 2rem 0, -1rem 0, 0 2rem, 0 1rem
}

.grid-button.collapse .grid {
    box-shadow: -1.25rem 0, -1.25rem 1.25rem, 1.25rem 0, 1.25rem -1.25rem, 0 -1.25rem, -1.25rem -1.25rem, 0 1.25rem, 1.25rem 1.25rem
}

.grid-button.collapse.open .grid {
    box-shadow: -1rem 0, 0 0 transparent, 1rem 0, 0 0 transparent, 0 -1rem, 0 0 transparent, 0 1rem, 0 0 transparent
}

.lines-button {
    transition: .3s;
    cursor: pointer;
    user-select: none
}

.lines-button:hover {
    opacity: 1
}

.lines-button:active {
    transition: .5s
}

.lines {
    transition: .3s
}

.lines:after,
.lines:before {
    transition: .3s
}

.lines.bg-color1,
.lines.bg-color1:after,
.lines.bg-color1:before {
    background-color: red
}

.lines.bg-color2,
.lines.bg-color2:after,
.lines.bg-color2:before {
    background-color: #000
}

.lines.bg-color3,
.lines.bg-color3:after,
.lines.bg-color3:before {
    background-color: #00f
}

.lines-button:hover .lines:before {
    top: .6rem
}

.lines-button:hover .lines:after {
    top: -.6rem
}

.lines-button.arrow.open .lines:after,
.lines-button.arrow.open .lines:before {
    left: -.1rem;
    width: 1rem
}

.lines-button.arrow.open .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: 0
}

.lines-button.arrow.open .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: 0
}

.lines-button.arrow-up.open {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg)
}

.lines-button.minus.open .lines:after,
.lines-button.minus.open .lines:before {
    -webkit-transform: none;
    transform: none;
    top: 0;
    width: 2rem
}

.lines-button.x.open .lines {
    background: 0 0
}

.lines-button.x.open .lines:after,
.lines-button.x.open .lines:before {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 2rem
}

.lines-button.x.open .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

.lines-button.x.open .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.lines-button.x2 .lines {
    transition: background .3s .5s ease
}

.lines-button.x2 .lines:after,
.lines-button.x2 .lines:before {
    transition: top .3s .6s ease, -webkit-transform .3s ease;
    transition: top .3s .6s ease, transform .3s ease
}

.lines-button.x2.open .lines {
    transition: background .3s 0s ease;
    background: 0 0
}

.lines-button.x2.open .lines:after,
.lines-button.x2.open .lines:before {
    transition: top .3s ease, -webkit-transform .3s .5s ease;
    transition: top .3s ease, transform .3s .5s ease;
    top: 0;
    width: 2rem
}

.lines-button.x2.open .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

.lines-button.x2.open .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.lines-button.arrow-right .lines:after,
.lines-button.arrow-right .lines:before {
    -webkit-transform-origin: 1.9rem center;
    transform-origin: 1.9rem center
}

.lines-button.arrow-right.open .lines:after,
.lines-button.arrow-right.open .lines:before {
    left: .80710678118654752440084436210485rem
}

.lines-button.arrow-right.open .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: -.70710678118654752440084436210485rem
}

.lines-button.arrow-right.open .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: .70710678118654752440084436210485rem
}

.cross-toggle {
    padding: 1rem .5rem;
    transition: .5s;
    cursor: pointer;
    user-select: none;
    border-radius: .2rem
}

.cross-toggle:hover {
    opacity: 1
}

.cross-toggle:active {
    transition: .5s
}

.cross-toggle .display_up {
    display: inline-block;
    width: 2rem;
    height: .2rem;
    position: relative;
    background: 0 0 !important
}

.cross-toggle .display_up:after,
.cross-toggle .display_up:before {
    display: inline-block;
    width: 1.4142135623730950488016887242097rem;
    height: .2rem;
    background: #fff;
    border-radius: .1rem;
    transition: .5s;
    position: absolute;
    content: '';
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center
}

.cross-toggle .display_up:before {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: .5rem;
    left: .06666666666666666666666666666667rem
}

.cross-toggle .display_up:after {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: -.5rem;
    left: .9333333333333333333333333333333rem
}

.display_up.bg-color1,
.display_up.bg-color1:after,
.display_up.bg-color1:before {
    background-color: #cb333b
}

.display_up.bg-color2,
.display_up.bg-color2:after,
.display_up.bg-color2:before {
    background-color: #eee
}

.display_up.bg-color3,
.display_up.bg-color3:after,
.display_up.bg-color3:before {
    background-color: #00f
}

.cross-toggle.open .display_up:after,
.cross-toggle.open .display_up:before {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    left: 0;
    width: 2rem
}

.cross-toggle.rotate.open .display_up:before {
    transform: rotate3d(0, 0, 1, 135deg)
}

.cross-toggle.rotate.open .display_up:after {
    transform: rotate3d(0, 0, 1, -135deg)
}

.cross-toggle .display_down {
    display: inline-block;
    width: 2rem;
    height: .2rem;
    position: relative;
    background: 0 0 !important
}

.cross-toggle .display_down:after,
.cross-toggle .display_down:before {
    display: inline-block;
    width: 1.4142135623730950488016887242097rem;
    height: .2rem;
    background: #fff;
    border-radius: .1rem;
    transition: .5s;
    position: absolute;
    content: '';
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center
}

.cross-toggle .display_down:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: -.5rem;
    left: .06666666666666666666666666666667rem
}

.cross-toggle .display_down:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: .5rem;
    left: .9333333333333333333333333333333rem
}

.display_down.bg-color1,
.display_down.bg-color1:after,
.display_down.bg-color1:before {
    background-color: #cb333b
}

.display_down.bg-color2,
.display_down.bg-color2:after,
.display_down.bg-color2:before {
    background-color: #eee
}

.display_down.bg-color3,
.display_down.bg-color3:after,
.display_down.bg-color3:before {
    background-color: #00f
}

.cross-toggle.open .display_down:after,
.cross-toggle.open .display_down:before {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    left: 0;
    width: 2rem
}

.cross-toggle.rotate.open .display_down:before {
    transform: rotate3d(0, 0, 1, 135deg)
}

.cross-toggle.rotate.open .display_down:after {
    transform: rotate3d(0, 0, 1, -135deg)
}