<style type="text/css">
/*** THE MINIFIED CSS CODE BELOW IS FROM THE SWIPER LIBRARY, PLEASE DO NOT ALTER** Swiper 4.4.1* Most modern mobile touch slider and framework with hardware accelerated transitions* http://www.idangero.us/swiper/** Copyright 2014-2018 Vladimir Kharlampidi** Released under the MIT License** Released on: September 14, 2018*/

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

/***************************************************** Homepage Refresh - Common ****************************************************/
/*************************************************************************************************************************************************/
/* Watch video button/*************************************************************************************************************************************************/
@keyframes spin-translate {
    100% {
        transform: translate(-75%, -38%) rotate(120deg);
    }
}

#video-play-btn {
    position: relative;
    margin: 0 0 80px 0;
}

.video-play-wrapper {
    height: 54px;
    width: 54px;
    margin: 0 auto;
    position: relative;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.video-play-wrapper .video-play-icon {
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 17.3px;
    border-color: transparent transparent transparent #0088CE;
}

.video-play-wrapper:hover {
    background: linear-gradient(to bottom, #1DB1FF 25%, #0088CE 100%);
}

.video-play-wrapper:hover .video-play-icon {
    animation: spin-translate 150ms;
    animation-fill-mode: forwards;
    border-color: transparent transparent transparent #fff;
}

#video-play-text-container {
    position: absolute;
    top: 110%;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
}

#video-play-text {
    font-size: 0.875rem;
    color: #fff;
}

/*************************************************************************************************************************************************/
/*************************************************************************************************************************************************/
#parallaxSwiper .swiper-button-prev-wrapper:focus,
#parallaxSwiper .swiper-button-next-wrapper:focus {
    outline: none;
}

#mobileMenu {
    position: fixed !important;
}

#hp-sticky-nav {
    position: relative;
    width: 100%;
    background-color: #0088CE;
    padding: 0;
    text-align: center;
    transition: all 400ms linear;
    display: block;
    height: 0;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
}

#hp-sticky-nav.sticky {
    height: 40px;
    padding: 10px 0;
}

#hp-sticky-nav div {
    transform: scaleY(0);
    transition: all 400ms linear;
}

#hp-sticky-nav.sticky div {
    transform: scaleY(1);
}

#hp-sticky-nav p {
    margin-bottom: 0;
    line-height: 1;
}

#hp-sticky-nav a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.875rem;
}

#hp-sticky-nav-arrow {
    background: none;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    transform: rotate(45deg);
    transition: all 300ms;
    display: inline-block;
    border-left: none;
    border-bottom: none;
    margin-left: 0.5rem;
    transition: all 300ms ease-out;
}

#hp-sticky-nav a:hover #hp-sticky-nav-arrow {
    transform: rotate(45deg) translate(3px, -3px);
    position: relative;
}

.swiper-slide-v2-container {
    position: absolute;
    top: 49%;
    transform: translate(-50%, -50%);
    left: 50%;
    text-align: center;
    height: 500px;
}

.swiper-slide-v2-container h1 {
    color: #fff;
    font-size: 4.5rem;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 87px;
}

.swiper-slide-v2-container .badge {
    font-size: 1rem;
    padding: 0 10px;
    position: relative;
}

.swiper-slide-v2-container a {
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.8px;
    font-weight: 600;
}

.swiper-slide-v2-container .slide-title {
    margin-bottom: 42px;
    display: inline-block;
}

#slide1 .slide-title {
    text-align: left;
    margin-bottom: 42px;
}

#slide1 .slide-title.de,
#slide1 .slide-title.fr {
    margin-bottom: 121px !important;
}

#slide1 .arrow-cta {
    padding-left: 25px;
}

#slide1 #thumbnail-image {
    display: none;
}

.swiper-slide-v2-container #slide-title-loop-text {
    display: inline;
    position: absolute;
    margin-left: 21px;
    height: 87px;
    overflow: hidden;
    text-align: left;
    width: 100%;
}

.slide-title-loop-text-wrapper {
    position: relative;
    top: -174px;
}

#slide-1-text-2 {
    padding-left: 75px;
}

#slide-title-loop-text .title-loop-text {
    display: block;
    height: 87px;
    transition: all 500ms;
}

#slide-title-loop-text .title-loop-text.loop-text-animate {
    height: 0px;
}

.swiper-slide-v2-container .slide-body {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
    margin: 0 auto;
    line-height: 50px;
}

.swiper-slide-v2-container .slide-cta {
    margin-top: 59px;
}

#slide-email-protection .slide-body {
    max-width: 765px;
}

#slide-app-cloud-security .slide-body {
    max-width: 601px;
}

#slide-network-security .slide-body {
    max-width: 765px;
}

.arrow-cta {
    text-decoration: none !important;
    border-bottom: none;
}

.arrow-cta .arrow-cta-text {
    border-bottom: 2px solid rgba(255, 243, 132, 0);
    transition: all 300ms ease-out;
}

.arrow-cta:hover .arrow-cta-text {
    border-bottom: 2px solid rgba(255, 243, 132, 1);
}

.arrow-cta .badge {
    transition: all 300ms;
    position: relative;
}

.arrow-cta:hover .badge {
    transform: translate(5px, -5px);
}

.mobile-show {
    display: none;
}

.news-item {
    border-bottom-right-radius: 15px;
}

@media (min-width: 768px) {
    .parallaxtron-shadow {
        width: 100%;
        height: 130px;
        position: absolute;
        bottom: 0;
        background: linear-gradient(rgba(0, 0, 6, 0), rgba(0, 0, 0, 0.5));
        z-index: 2;
    }
}

@media (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }

    .parallaxtron {
        height: 89vh;
    }

    .swiper-slide-v2-container {
        height: 280px !important;
        transform: translateX(-50%) !important;
        top: 16% !important;
        padding: 0 3px !important;
    }

    .swiper-slide-v2-container h1 {
        font-size: 2.25rem;
        line-height: 43px;
    }

    .swiper-slide-v2-container .slide-title {
        margin-bottom: 32px !important;
    }

    #slide1 .slide-title {
        margin-bottom: 100px !important;
    }

    .swiper-slide-v2-container .slide-cta {
        margin-top: 32px !important;
    }

    #slide-1-text-2 {
        padding-left: 30px !important;
    }

    .swiper-slide-v2-container #slide-title-loop-text {
        margin-left: 10px;
    }

    .what-we-do-container {
        position: absolute !important;
        opacity: 0 !important;
        transition: opacity 300ms ease-out;
        transform: translateX(-50%);
        left: 50%;
    }

    .what-we-do-container.active {
        opacity: 1 !important;
        transform: translateX(-50%) !important;
        left: 50% !important;
    }

    .what-we-do-line {
        background: none !important;
    }

    #parallaxSwiper .swiper-button-prev-wrapper,
    #parallaxSwiper .swiper-button-next-wrapper {
        position: absolute;
        top: unset !important;
        bottom: 18px !important;
        width: 60px !important;
        height: 60px !important;
        z-index: 10 !important;
        transform: unset !important;
    }

    #parallaxSwiper .swiper-button-prev-wrapper {
        left: 37px !important;
    }

    #parallaxSwiper .swiper-button-next-wrapper {
        right: 37px !important;
    }

    #parallaxSwiper .swiper-button-prev,
    #parallaxSwiper .swiper-button-next {
        width: 25px !important;
        height: 25px !important;
        opacity: 1 !important;
    }

    .swiper-slide-v2-container .slide-body {
        font-size: 1.25rem;
        line-height: 28px;
        font-weight: 400;
    }

    /* Promoted items */
    .homepage-promoted-items {
        padding: 105px 0 190px 0 !important;
        text-align: center;
    }

    .homepage-promoted-items h1 {
        font-size: 1.75rem !important;
        margin-bottom: 8px !important;
    }

    .homepage-promoted-items h2 {
        font-size: 1.25rem !important;
    }

    #homepage-thirteenthreat-section {
        background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('../assets/images/homepage/section_13threat.png') !important;
        background-position: top center !important;
        background-size: auto 100% !important;
    }

    #homepage-cga-section {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../assets/images/homepage/section_cloudgen_access.png') !important;
        background-size: auto 100% !important;
    }

    #homepage-spear-phishing-report-section {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/images/homepage/landing-header_desktop.png') !important;
        background-size: auto 100% !important;
    }

    #homepage-office365-ccb-section {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/images/homepage/office365_ccb_mobile.png') !important;
        background-size: auto 100% !important;
        color: #fff;
    }

    #homepage-forrester-zero-trust {
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../assets/images/homepage/hp_practical-guide-to-zero-trust_mobile.jpg') !important;
        background-size: auto 100% !important;
        color: #fff;
    }

    #homepage-forrester-wave-ess {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/homepage_forrester-wave.jpg') !important;
        background-size: cover !important;
        background-position: right center !important;
        color: #fff;
    }

    #homepage-cloud-application-protection {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/cap_homepage_promo-2021-05.jpg') !important;
        background-size: cover !important;
        background-position: center center !important;
        color: #fff;
    }

    #homepage-ransomware h1 {
        font-size: 4.5rem !important;
    }

    #homepage-ransomware img {
        position: absolute;
        right: -145px;
        top: -200px !important;
        height: 666px !important;
    }

    #homepage-ransomware p {
        line-height: 27px;
    }

    #homepage-spearphishing-vol-6 {
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/images/homepage/hp-spearphishing_vol6.png') !important;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
    }

    #homepage-bot-threat-report {
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/images/homepage/hp-featured-section_bot-report_vol1.jpg') !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center !important;
        color: #fff;
    }

    #homepage-sase-report {
        background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url('../assets/images/homepage/SASE_header.jpg') !important;
        background-size: cover;
        background-repeat: no-repeat;
        color: #000;
    }

    #homepage-data-inspector-report {
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/images/homepage/hp_data_inspector.png') !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center !important;
        color: #fff;
    }

    #homepage-netsec-report-2021 {
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/images/homepage/netsec_report_v1_mobile.png') !important;
        background-size: cover !important;
        background-repeat: no-repeat;
        background-position: center !important;
        color: #fff;
    }

    #homepage-forensics {
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/images/homepage/hp_fir_slide.png') !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center !important;
        color: #fff;
    }

    /* Featured news and events */
    .news-item-detail {
        display: block !important;
    }

    #featured-news,
    #featured-webinars,
    #partner-section {
        padding: 64px 15px !important;
    }

    #featured-news h1,
    #featured-webinars h1 {
        margin-bottom: 38px !important;
        font-size: 1.75rem !important;
    }

    #featured-news-footer,
    #featured-webinars-footer {
        padding: 0 !important;
        letter-spacing: 0.8px !important;
        margin-top: 14px;
    }

    #featured-news-footer span {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    /* Featured webinars */
    #featured-webinars-title {
        margin-bottom: 21px !important;
    }

    #featured-webinars .webinar-row {
        text-align: center;
        padding: 20px 16px !important;
    }

    #featured-webinars .webinar-title {
        font-size: 1rem !important;
        margin-bottom: 8px !important;
        line-height: 1.2 !important;
    }

    .webinar-separator {
        margin-left: 5px;
        margin-right: 5px;
    }

    #featured-webinars .webinar-duration,
    #featured-webinars .webinar-date-time {
        display: block;
    }

    #featured-webinars .webinar-duration {
        margin-right: 0 !important;
        margin-bottom: 8px !important;
    }

    #featured-webinars .webinar-description {
        margin-bottom: 16px !important;
    }

    #featured-webinars .webinar-cta {
        position: relative !important;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }

    #webinars-swiper .swiper-slide {
        padding;
        3px 4px !important;
    }

    #webinar-pagination {
        display: none;
    }

    /* Partners */
    #partner-section-header h1 {
        font-size: 1.75rem !important;
        margin-bottom: 16px !important;
    }

    #partner-section-header p {
        font-size: 1rem !important;
    }

    #partner-section-header .col-md-12 {
        padding: 0;
    }

    #partner-section-header {
        margin-bottom: 36px !important;
    }

    .partner-company-logo-container {
        margin: 1rem 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #parallaxSwiper {
        height: 810px !important;
    }

    #bodyContent {
        top: 810px !important;
    }

    .swiper-slide-v2-container h1 {
        font-size: 3.375rem;
    }

    .swiper-slide-v2-container .slide-title {
        line-height: 1.2;
    }

    #parallaxSwiper .swiper-button-prev,
    #parallaxSwiper .swiper-button-next {
        opacity: 1 !important;
    }

    #parallaxSwiper .swiper-button-next-wrapper {
        right: 3rem !important;
    }

    #parallaxSwiper .swiper-button-prev-wrapper {
        left: 3rem !important;
    }

    #slide1 .slide-title {
        margin-bottom: 42px !important;
    }

    #slide1 .slide-title.de,
    #slide1 .slide-title.fr {
        margin-bottom: 121px !important;
    }

    .homepage-promoted-items {
        padding: 120px 0 92px 0 !important;
    }

    .homepage-promoted-items h1 {
        font-size: 2.625rem !important;
        line-height: 50px !important;
        margin-bottom: 8px !important;
    }

    .homepage-promoted-items .col-md-6 {
        max-width: 390px !important;
    }

    .homepage-promoted-items h2 {
        line-height: 24px !important;
    }

    #homepage-office365-ccb-section {
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7) 25%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/office365_ccb_tablet.png') !important;
        background-size: cover;
        color: #fff;
    }

    #homepage-forrester-wave-ess {
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/homepage_forrester-wave.jpg') !important;
        background-size: cover !important;
        background-position: right center !important;
        color: #fff;
    }

    #homepage-cloud-application-protection {
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7) 25%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/cap_homepage_promo-2021-05.jpg') !important;
        background-size: cover !important;
        background-position: center center !important;
        color: #fff;
    }

    #featured-news,
    #featured-webinars,
    #partner-section {
        padding: 96px 0 !important;
    }

    #featured-news .news-container {
        margin-bottom: 42px !important;
    }
}

@media (max-width: 991px) {
    .hidden-tablet {
        display: none;
    }
}

/*** Homepage menu for desktop ***/
@media (min-width: 992px) {
    .homepage-promoted-items {
        height: 768px;
    }

    .parallaxtron {
        min-height: 770px;
    }

    #parallaxSwiper .swiper-button-prev-wrapper:hover {
        left: 65px;
    }

    #parallaxSwiper .swiper-button-prev-wrapper:hover .swiper-button-prev {
        opacity: 1 !important;
    }

    #parallaxSwiper .swiper-button-next-wrapper:hover {
        right: 65px;
    }

    #parallaxSwiper .swiper-button-next-wrapper:hover .swiper-button-next {
        opacity: 1 !important;
    }

    #parallaxSwiper .swiper-button-prev-wrapper {
        position: absolute;
        top: 50%;
        left: 75px;
    }

    #parallaxSwiper .swiper-button-next-wrapper {
        position: absolute;
        top: 50%;
        right: 75px;
    }
}

/* Promoted sections */
.homepage-promoted-items {
    background-color: #fff;
    display: flex;
    align-items: center;
}

.homepage-promoted-items .col-lg-7 {
    padding: 0;
    max-width: 540px;
}

.homepage-promoted-items h1 {
    font-size: 3.375rem;
    font-weight: 300;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.homepage-promoted-items h2 {
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 42px;
}

#homepage-cga-section {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/section_cloudgen_access.png');
    background-size: cover;
    color: #fff;
}

#homepage-spear-phishing-report-section {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/landing-header_desktop.png');
    background-size: cover;
    color: #fff;
}

#homepage-thirteenthreat-section {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0)), url('../assets/images/homepage/section_13threat.png');
    background-size: cover;
}

#homepage-gartner-section {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0)), url('../assets/images/homepage/hp-featured_gartner-peer-insights_2021.jpg') !important;
    background-size: cover;
    color: #000;
}

#homepage-gartner-section img {
    max-width: 200px;
}

#homepage-ccb-section {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/homepage_cloud-to-cloud-backup.png') !important;
    background-size: cover;
    color: #fff;
}

#homepage-threatspotlight-section {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/Threat_Spotlight_eBook-graphics_landing-page.jpg') !important;
    background-size: cover;
    color: #fff;
}

#homepage-office365-ccb-section {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7) 25%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/office365_ccb_desktop.png');
    background-size: cover;
    color: #fff;
}

#homepage-forrester-zero-trust {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/hp_practical-guide-to-zero-trust.jpg');
    background-size: cover;
    color: #fff;
}

#homepage-forrester-wave-ess {
    background-image: url('../assets/images/homepage/homepage_forrester-wave-circles.png'), url('../assets/images/homepage/homepage_forrester-wave-bg.jpg'), linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0));
    background-size: auto, cover, cover;
    background-repeat: no-repeat;
    background-position: top right, left center, left center;
    color: #fff;
}

#homepage-cloud-application-protection {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7) 25%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/cap_homepage_promo-2021-05.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    color: #fff;
}

#homepage-gartner-flex-report {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0)), url('../assets/images/homepage/hp-featured-section_2021_gartner-SASE.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
}

#homepage-wafmq-2021 {
    background-image: url('../assets/images/homepage/hp_gartner-waap-bg_v3.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    color: #fff;
}

#homepage-wafmq-2021 h1 {
    max-width: 750px;
}

#homepage-email-protection {
    background: linear-gradient(rgba(0, 0, 6, 0.7), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/home_content-1.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    color: #fff;
}

#homepage-email-protection h1 {
    max-width: 730px;
}

#homepage-network-firewalls-mq {
    background-image: url('../assets/images/homepage/top_panel_1.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    color: #fff;
}

#homepage-network-firewalls-mq h1 {
    max-width: 750px;
}

#homepage-spearphishing-vol-6 {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7) 25%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/hp-spearphishing_vol6.png');
    background-size: auto;
    background-position: top left !important;
    color: #fff;
}

#homepage-bot-threat-report {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7) 25%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/hp-featured-section_bot-report_vol1.jpg');
    background-size: auto;
    background-position: top left;
    color: #fff;
    max-height: 768px;
}

#homepage-netsec-report-2021 {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7) 25%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0)), url('../assets/images/homepage/netsec_report_v1_desktop.png');
    background-size: auto;
    background-position: top left;
    color: #fff;
    max-height: 768px;
}

.report-tag {
    background-color: #F05336;
    padding: 0.25rem 0.6rem;
    color: #FFF;
    font-size: 1rem;
    border-radius: 3px;
    font-weight: 600;
    top: -2px;
    margin-left: 0.2rem;
    font-family: "museo-slab", serif !important;
}

.report-date {
    font-family: "museo-slab", serif !important;
    font-weight: 300;
    margin: -0.5rem 0 1rem 0;
    padding-left: 0.5rem;
    font-size: 1.25rem;
    font-size: 1rem;
}

#homepage-sase-report {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.65)), url('../assets/images/homepage/SASE_header.jpg');
    background-size: auto;
    background-position: top left;
    color: #000;
}

#homepage-sase-report h1 {
    max-width: 730px;
}

#homepage-data-inspector-report {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url('../assets/images/homepage/hp_data_inspector.png');
    background-size: auto;
    background-position: top left;
    color: #fff;
    max-height: 768px;
}

#data-inspector-img {
    margin-bottom: 32px;
}

#homepage-data-inspector-report h1 {
    max-width: 730px;
}

#homepage-netsec-report-2021 {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url('../assets/images/homepage/hp_netsec_report.png');
    background-size: auto;
    background-position: top left;
    color: #fff;
    max-height: 768px;
}

#homepage-forensics {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url('../assets/images/homepage/hp_fir_slide.png');
    background-size: auto;
    background-position: top left;
    color: #fff;
    max-height: 768px;
}

#homepage-forensics-img {
    margin-bottom: 32px;
}

#homepage-forensics-img img {
    max-width: 100%;
}

#homepage-forensics h1 {
    max-width: 730px;
}

#homepage-ransomware {
    background-color: #263146;
    width: 100% !important;
    background-position: top -20% right 0% !important;
    background-repeat: no-repeat;
    background-blend-mode: unset !important;
    background-size: auto 850px !important;
    overflow: hidden;
    color: #fff;
    position: relative;
    max-height: 768px;
}

#homepage-ransomware h1 {
    font-size: 5.125rem;
    line-height: 67px;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 32px;
    font-family: "proxima-nova", sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

#homepage-ransomware p {
    margin-bottom: 42px;
}

#homepage-ransomware .container {
    position: relative;
}

#homepage-ransomware img {
    position: absolute;
    right: -145px;
    top: -290px;
    height: 940px;
}

@media (min-width: 768px) and (max-width: 991px) {
    #homepage-netsec-report-2021 {
        background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../assets/images/homepage/netsec_report_v1_tablet.png') !important;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center !important;
        color: #fff;
    }
}

@media (min-width: 992px) {
    #homepage-ransomware .col-md-6 {
        max-width: 379px;
    }
}

@media (min-width: 1366px) {
    #homepage-spearphishing-vol-6 {
        background-size: cover;
    }

    #homepage-netsec-report-2021 {
        background-size: 100% auto;
    }
}

@media (min-width: 1635px) {
    #homepage-bot-threat-report {
        background-size: 100% auto;
    }
}

@media (min-width: 1621px) {
    #homepage-data-inspector-report {
        background-size: 100% auto;
    }
}

@media (min-width: 1662px) {
    #homepage-sase-report {
        background-size: 100% auto;
    }
}

@media (min-width: 1966px) {
    #homepage-forensics {
        background-size: 100% auto;
    }
}

/* Adjust to make the text break at the right place */
#homepage-forrester-wave-ess .col-md-6 {
    padding-right: 45px;
}

/* Featured News */
#featured-news {
    background-color: #F8F8F8;
    padding: 120px 2%;
}

#featured-news h1 {
    font-size: 2.625rem;
    font-weight: 300;
    margin-bottom: 64px;
}

#featured-news-footer,
#featured-webinars-footer {
    font-weight: 600;
    color: #0088CE;
    text-transform: uppercase;
}

#featured-news-footer span {
    margin-left: 24px;
    margin-right: 24px;
    color: #555555;
}

#featured-webinars-footer {
    margin-top: 32px;
}

@media (min-width: 992px) {
    #featured-webinars .webinar-row:hover .webinar-description {
        max-height: 400px;
        transition: all 600ms ease;
    }
}

@media (max-width: 991px) {

    #featured-news h1,
    #featured-webinars h1 {
        font-size: 2.25rem;
    }

    #partner-section-header p {
        font-size: 1.5rem;
    }
}

/* Featured webinars */
#webinars-swiper {
    position: relative;
}

#webinars-swiper .swiper-slide {
    background-color: #EDEDED;
    padding: 5px 10px;
}

#webinars-swiper .swiper-slide.swiper-slide-next {
    opacity: 0 !important;
}

#webinar-pagination {
    text-align: center;
}

#webinars-swiper .swiper-pagination-bullet {
    opacity: 1;
}

#webinars-swiper .swiper-pagination {
    position: relative;
    display: inline-block;
}

#webinars-swiper .swiper-pagination-clickable .swiper-pagination-bullet {
    background: none;
    width: 41px;
}

#webinars-swiper .swiper-pagination-clickable .swiper-pagination-bullet:focus {
    outline: none;
}

#webinars-swiper .pagination-index {
    height: 30px;
    width: 30px;
    border: 1px solid #425160;
    padding-top: 2px;
    font-weight: 400;
}

#webinars-swiper .swiper-pagination-bullet-active .pagination-index {
    background-color: #425160;
    color: #fff;
}

#webinars-swiper .swiper-button-prev,
#webinars-swiper .swiper-button-next {
    display: inline-block;
    position: relative;
    background: none;
    opacity: 0.8 !important;
    width: 12px;
    height: 12px;
    border: 2px solid #555555;
    transform: rotate(45deg);
}

#webinars-swiper .swiper-button-prev {
    background: none;
    width: 12px;
    height: 12px;
    border: 2px solid #555554;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    left: -1rem;
}

#webinars-swiper .swiper-button-next {
    border-left: none;
    border-bottom: none;
    right: -4px;
}

#featured-webinars {
    background-color: #EDEDED;
    padding: 120px 0;
}

#featured-webinars-title {
    font-size: 2.625rem;
    font-weight: 300;
    margin-bottom: 64px;
}

#featured-webinars .webinar-row {
    padding: 24px 48px;
    box-shadow: 0px 0px 6px #00000029;
    background-color: #fff;
    margin-bottom: 24px;
    border-left: 6px solid #0088CE;
}

#featured-webinars .webinar-row:hover {
    transition: height 400ms ease-out;
}

.webinar-row.email-protection {
    border-left: 6px solid #82C341 !important;
}

.webinar-row.network-security {
    border-left: 6px solid #9253A1 !important;
}

.webinar-row.app-cloud-security {
    border-left: 6px solid #00B5D1 !important;
}

.webinar-row.data-protection {
    border-left: 6px solid #FDB913 !important;
}


.webinar-row.slay-token {
    border-left: 6px solid #0054ae !important;
}

#featured-webinars .webinar-row p {
    margin-bottom: 0;
}

#featured-webinars .webinar-row::before {
    content: "";
    width: 8px;
    height: 100%;
    background-color: #82C341;
    top: 0;
    left: 0;
}

#featured-webinars .webinar-title {
    font-weight: 300;
    font-size: 1.25rem;
    margin-bottom: 1px;
}

#featured-webinars .webinar-duration,
#featured-webinars .webinar-date-time {
    color: #535353CC;
    font-size: 0.875rem;
    font-weight: 400;
}

#featured-webinars .webinar-duration {
    margin-right: 1rem;
}

#featured-webinars .webinar-cta {
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    font-size: 0.875rem;
    transform: translateY(-50%);
    right: 24px;
    font-weight: 600;
    color: #0088CE;
}

#featured-webinars .webinar-description {
    max-height: 0;
    overflow: hidden;
    font-size: 1.125rem;
    transition: 600ms;
}

/*** Partner section ***/
#partner-section {
    margin-bottom: 0 !important;
    margin-top: 0;
    padding: 120px 0;
    background-color: #fff;
}

#partner-section-header {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 64px;
}

#partner-section-header h1 {
    font-size: 2.625rem;
    margin-bottom: 24px;
    font-weight: 300;
}

#partner-section-header p {
    margin-bottom: 24px;
}

#partner-section-header h4 {
    font-weight: 400;
}

#partner-section .top-half {
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#partner-in-retail-content {
    margin-left: auto;
    margin-right: auto;
}

#top-partner-section-row {
    justify-content: center;
}

#partner-section .bottom-half {
    margin-top: 3rem;
}

.partner-company-logo-container {
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

.partner-company-logo {
    position: relative;
    /*max-height: 80px;*/
    max-width: 95%;
    top: 50%;
    transform: translateY(-50%);
}

#bottom-half-first-row,
#bottom-half-second-row {
    justify-content: center;
    margin-bottom: 2rem;
}

#partner-section-footer {
    margin-top: 64px;
}

/***************************************************** Homepage Refresh - Common ****************************************************/
/***************************************************** Homepage - Common ****************************************************/
#bodyContent {
    z-index: 1;
    width: 100%;
}

.what-we-do-start,
.event-button {
    text-transform: uppercase;
}

#section3 h1,
#section4 h1 {
    text-align: center;
    margin: 2rem 0 3rem 0;
}

@media (max-width: 767px) {
    .homepage-promoted-items .trademark {
        font-size: 1.25rem;
        top: -7px;
        position: relative;
    }

    #section1 .what-we-do-title {
        font-size: 1.3125rem;
        font-weight: 500;
        min-height: unset !important;
        height: unset !important;
    }

    #section1 .what-we-do-tag-line {
        font-size: 1.125rem;
        font-weight: 600;
        padding-bottom: 0.5rem;
    }

    #section3 h2,
    #section4 h2 {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    #section3 {
        background: #FFF !important;
    }
}

/*****************************************************************************************************************/
/*************************************************** Jumbotron/Swiper ***************************************************/
.parallaxtron h2 {
    font-size: 1.5rem;
    font-weight: 300;
}

#parallaxSwiper .swiper-slide {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#parallaxSwiper .slider-content {
    color: #FFFFFF;
    min-height: 25rem;
    max-width: 90%;
    min-width: 75%;
    position: absolute;
    top: 50vh;
    left: 0;
    overflow: hidden;
    transform: translateY(-50%);
    border-radius: 0 0 50px 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 3.5rem 4rem 4rem 4rem;
}

#parallaxSwiper .slider-content-title {
    font-size: 3.375rem;
    font-weight: 500;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
}

#parallaxSwiper .slider-content-subtext p {
    font-weight: 300;
}

#parallaxSwiper .slider-content-subtext a {
    position: absolute;
    bottom: 50px;
    font-size: 1rem;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
}

#parallaxSwiper .slider-content-subtext a img {
    height: 13px !important;
    vertical-align: text-top !important;
}

#parallaxSwiper #slide1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url('../assets/images/homepage/carousel_refresh/slider-1-pc.jpg');
}

@media (min-width: 992px) and (max-width: 1700px) {
    #parallaxSwiper #slide1 {
        background-position-x: 68%;
    }
}

@media (min-width: 1701px) {
    #parallaxSwiper #slide1 {
        background-position-x: 55%;
    }
}

#parallaxSwiper #slide1 .slide-body {
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

#parallaxSwiper #slide-email-protection {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/carousel_refresh/slider-1-pc.jpg');
}

#parallaxSwiper #slide-app-cloud-security {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/carousel_refresh/slider-2-pc.jpg');
}

#parallaxSwiper #slide-network-security {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/carousel_refresh/slider-3-pc.jpg');
}

#parallaxSwiper #slide-data-protection {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/carousel_refresh/slider-4-pc.jpg');
}

#parallaxSwiper #slide-slay-token {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/carousel_refresh/slider-5-pc.jpg');
}


#slide1 .slider-content {
    background-color: rgba(0, 0, 0, 0.6);
}

#parallaxSwiper #slide-cloudgen-access {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-cloudgen-access.jpg');
}

#parallaxSwiper #slide-threat-analyzer {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_threat-analyzer.jpg');
}

.underline-orange {
    border-bottom: 5px solid #f05336;
}

.underline-blue {
    border-bottom: 5px solid #00B5D1;
}

.underline-purple {
    border-bottom: 5px solid #9253A1;
}

.underline-red {
    border-bottom: 5px solid rgb(240, 83, 54);
}

.underline-cuda-blue {
    border-bottom: 5px solid #0088CE;
}

#parallaxSwiper .underline-data-protection {
    border-bottom: 5px solid #F6B619;
}

#parallaxSwiper .underline-slay-token{
    border-bottom: 5px solid #0054ae;
}


#parallaxSwiper #slide-emailtrends {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slider_report_email-protection.jpg');
}

#parallaxSwiper #slide-phishlinemq {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_gartner.jpg');
}

#parallaxSwiper #slide-emailwave {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_forrester.jpg');
}

#parallaxSwiper #slide-csg {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_CSG.jpg');
}

#parallaxSwiper #slide-wafmq {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/wafmq-homepage-slide.jpg');
}

#parallaxSwiper #slide-voc {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_gartner-voc.jpg');
}

#parallaxSwiper #slide-gartner-04-2020 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slider_gartner-2020_v2.jpg');
}

#parallaxSwiper #slide-threat-report {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_eBook-13-email-threats_v2.jpg');
}

#parallaxSwiper #slide-sdwan-report-2020 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slider_report_sd-wan-public-cloud.jpg');
}

#slide-sdwan-report-2020 .slider-content-title span {
    border-bottom: 5px solid #9253A1;
}

#parallaxSwiper #slide-cloudgen-wan {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_desktop.jpg');
}

#parallaxSwiper #slide-future-netsec {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/gartner_homepage-slide.jpg');
}

#parallaxSwiper #slide-waf-mq-2020 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_GartnerMQ-2020_2.jpg');
}

#parallaxSwiper #slide-cloudgen-access {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-cloudgen-access.jpg');
}

#parallaxSwiper #slide-threat-analyzer {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_threat-analyzer.jpg');
}

#slide-voc-subtitle {
    display: block;
    top: -15px;
    font-family: "proxima-nova", sans-serif !important;
    position: relative;
}

#slide-voc-subtitle small {
    font-size: 1.4rem;
    font-weight: 300;
}

#slide-voc .slider-content {
    max-width: 88%;
}

#parallaxSwiper #slide-cloudmarket {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/hp-slide_cloud-report.jpg');
}

#parallaxSwiper #slide-wafwave-q1-2020 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_forrester-2.jpg');
}

#parallaxSwiper #slide-gartner-04-2020 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slider_gartner-2020_v2.jpg');
}

#parallaxSwiper #slide-threat-report {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_eBook-13-email-threats_v2.jpg');
}

#parallaxSwiper #slide-sdwan-report-2020 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slider_report_sd-wan-public-cloud.jpg');
}

#parallaxSwiper #slide-cloudgen-wan {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_desktop.jpg');
}

#parallaxSwiper .covid-sub-title {
    color: #E04D47;
    font-weight: bold;
    font-size: 1rem;
}

.new-label {
    background-color: #fff387;
    padding: 0.125rem 0.6rem;
    color: #000;
    font-size: 1rem;
    border-radius: 3px;
    font-weight: 600;
    top: -7px;
    position: relative;
    margin-left: 0.25rem;
}

.vol3-label,
.vol4-label {
    background-color: #f05336;
    padding: 0.125rem 0.6rem;
    color: #fff;
    font-size: 1rem;
    border-radius: 3px;
    font-weight: 600;
    top: -7px;
    position: relative;
    margin-left: 0.25rem;
}

#parallaxSwiper #slide-nss {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/homepage-slide_CGF.jpg');
}

#slide-nss-image {
    text-align: center;
}

#slide-nss-image img {
    max-width: 250px;
    width: 100%;
}

#parallaxSwiper #slide-forensics {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 78%, rgba(0, 0, 0, 0.15) 83%, rgba(0, 0, 0, 0.3) 89%, rgba(0, 0, 0, 0.5) 95%), url('../assets/images/homepage/carousel/slide_forensics.jpg');
}

#slide-forensics .slider-content,
#slide-voc .slider-content,
#slide-sdwan-report-2020 .slider-content {
    background-color: rgba(0, 0, 0, 0.6);
}

#slide-forensics .slider-content-title {
    font-size: 3.2rem;
}

#slide-wafwave-q1-2020 .slider-content-title {
    font-size: 3rem;
}

#parallaxSwiper .slider-content-body {
    display: flex;
    margin-top: 2rem;
    max-width: 736px;
}

#slide-phishlinemq .slider-content-body {
    max-width: 770px;
}

#parallaxSwiper .slider-content-body p {
    font-size: 2.25rem;
    line-height: 1.4;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 1.5rem;
}

#parallaxSwiper .swiper-button-prev-wrapper,
#parallaxSwiper .swiper-button-next-wrapper {
    transition: all 300ms;
    width: 80px;
    height: 80px;
    z-index: 2;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#parallaxSwiper .swiper-button-prev,
#parallaxSwiper .swiper-button-next {
    background: none;
    opacity: 0.3;
    width: 34px;
    height: 34px;
    border: 2px solid #fff;
    transform: rotate(45deg);
    transition: all 300ms;
}

.swiper-button-prev,
.swiper-button-next {
    outline: none;
    cursor: pointer;
}

#parallaxSwiper .swiper-button-next {
    border-left: none;
    border-bottom: none;
}

#parallaxSwiper .swiper-button-prev {
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
}

/* News Swiper */
#newsSwiperContainer .swiper-button-prev,
#newsSwiperContainer .swiper-button-next {
    background: none;
    opacity: 0.8 !important;
    transform: rotate(45deg);
}

#newsSwiperContainer .swiper-button-prev {
    border-top: none;
    border-right: none;
    left: 1.5rem;
    transform: rotate(45deg);
}

#newsSwiperContainer .swiper-button-next {
    border-left: none;
    border-bottom: none;
    right: 1.5rem;
}

.badge.d-sm-block {
    display: inline-block !important;
}

/* Journey slide */
#slide1 .slider-content-title span {
    border-bottom: 5px solid #00B098;
}

#slide-thirteen-threat .slider-content-title span {
    border-bottom: 5px solid #F05336;
}

/* Email protection */
#slide2 .slider-content-title span,
.slider-content-title .green-underline {
    border-bottom: 4px solid #9ACA3C;
}

/* Custom swiper CSS */
#parallaxSwiper .swiper-pagination {
    bottom: 120px;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
}

#parallaxSwiper .swiper-pagination-bullet-container {
    display: inline-block;
    height: 1rem;
    width: 1rem;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    top: 20%;
    margin: 0 4px;
    cursor: pointer;
    opacity: 1;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    /* To fix overflow hidden issue with border in Safari */
}

/* Hide the arrow when reaching beginning/end of slider */
.swiper-button-disabled {
    display: none;
}

#parallaxSwiper .swiper-button-prev,
#parallaxSwiper .swiper-button-next {
    color: white !important;
    opacity: 0.3;
}

@media (min-width: 992px) {
    #parallaxSwiper .swiper-pagination {
        bottom: 185px;
    }

    #slide-emailwave .slider-content-title {
        font-size: 2.55rem !important;
    }

    .homepage-promoted-items .trademark {
        font-size: 1.875rem;
        top: -15px;
        position: relative;
    }

    #slide-threat-report .slider-content {
        background: rgba(0, 0, 0, 0.7);
    }

    #slide-threat-report .slider-content {
        background: rgba(0, 0, 0, 0.7);
    }

    #slide-thirteen-threat .slider-content {
        min-width: 69%;
        width: min-content;
    }

    #slide-thirteen-threat .slider-content-body {
        margin-top: 0rem;
    }
}

@media (min-width: 1200px) {
    #slide-emailwave .slider-content-title {
        font-size: 3rem !important;
    }

    #slide-thirteen-threat .slider-content {
        min-width: 69%;
        width: min-content;
    }

    #slide-thirteen-threat .slider-content-body {
        margin-top: 0rem;
    }
}

/*************************************************** Jumbotron/Swiper Mobile *************************************/
@media (max-width: 767px) {
    .underline-purple {
        border-bottom-width: 2.5px;
    }

    .badge {
        margin-left: 0.25rem;
    }

    .badge.d-sm-block {
        display: none !important;
    }

    .mobile-break-line {
        display: block;
    }

    #parallaxSwiper .slider-content {
        background: transparent;
        max-width: unset;
        min-width: unset;
        left: unset;
        overflow: hidden;
        padding: 1rem 0;
        width: 100%;
        border-radius: 0;
        position: relative;
    }

    #parallaxSwiper .slider-content-title {
        font-size: 2rem !important;
        text-align: center;
    }

    #parallaxSwiper .slider-content-body {
        font-size: 1.5rem;
        margin: 2rem auto 0.75rem;
    }

    #parallaxSwiper .slider-content-cta {
        position: relative;
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
    }

    #parallaxSwiper .slider-content-subtext p {
        text-align: center;
        margin: 0 auto;
        font-size: 1.5rem;
        line-height: 1.4;
        font-weight: 400;
    }

    /* Add dark overlay to background image */
    #parallaxSwiper #slide1 {
        background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), url('../assets/images/homepage/carousel_refresh/slider-1-sp.jpg');
    }
/* 
    #parallaxSwiper #slide-email-protection {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/images/homepage/carousel_refresh/slider-1-sp.jpg');
    }

    #parallaxSwiper #slide-app-cloud-security {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/images/homepage/carousel_refresh/slider-1-sp.jpg');
    }

    #parallaxSwiper #slide-network-security {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/images/homepage/carousel_refresh/slider-1-sp.jpg');
    }

    #parallaxSwiper #slide-data-protection {
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/images/homepage/carousel_refresh/slider-1-sp.jpg');
    }
 */

    #parallaxSwiper #slide-email-protection {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/carousel_refresh/slider-1-sp.jpg');
    }
    
    #parallaxSwiper #slide-app-cloud-security {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/carousel_refresh/slider-2-sp.jpg');
    }
    
    #parallaxSwiper #slide-network-security {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/carousel_refresh/slider-3-sp.jpg');
    }
    
    #parallaxSwiper #slide-data-protection {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/carousel_refresh/slider-4-sp.jpg');
    }

    #parallaxSwiper #slide-slay-token {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../assets/images/homepage/carousel_refresh/slider-5-sp.jpg');
    }


    
    #slide1 .slider-content-subtext a,
    #slide2 .slider-content-subtext a,
    #slide-emailwave .slider-content-subtext a,
    #slide-forensics .slider-content-subtext a,
    #slide-nss .slider-content-subtext a,
    #slide-cloudmarket .slider-content-subtext a,
    #slide-wafwave-q1-2020 .slider-content-subtext a,
    #slide-gartner-04-2020 .slider-content-subtext a,
    #slide-threat-report .slider-content-subtext a,
    #slide-sdwan-report-2020 .slider-content-subtext a,
    #slide-cloudgen-wan .slider-content-subtext a,
    #slide-spearphishing4 .slider-content-subtext a,
    #slide-thirteen-threat .slider-content-subtext a,
    #slide-future-netsec .slider-content-subtext a,
    #slide-waf-mq-2020 .slider-content-subtext a,
    #slide-cloudgen-access .slider-content-subtext a,
    #slide-threat-analyzer .slider-content-subtext a {
        bottom: unset !important;
        padding: 0.45rem 0rem !important;
        width: 80%;
        transition: all 1s;
        text-align: center;
        position: relative;
    }

    #parallaxSwiper .covid-sub-title {
        padding-left: 0.7rem;
    }
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rise {
    100% {
        top: -10%;
    }
}

/*****************************************************************************************************************/
/***************************************************** Common ****************************************************/
#bodyContent {
    z-index: 1;
    width: 100%;
}

.what-we-do-start,
.event-button {
    text-transform: uppercase;
}

#section1,
#section2 {
    background-color: #EDECE7;
}

#section3 h1,
#section4 h1 {
    text-align: center;
    margin: 2rem 0 3rem 0;
}

@media (max-width: 767px) {
    #section1 .what-we-do-title {
        font-size: 1.3125rem;
        font-weight: 500;
        min-height: 55px;
        height: unset !important;
    }

    #section1 .what-we-do-tag-line {
        font-size: 1.125rem;
        font-weight: 600;
    }

    #section3 h2,
    #section4 h2 {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    #section3 {
        background: #FFF !important;
    }
}

/*****************************************************************************************************************/
/*************************************************** Section 1 ***************************************************/
#section1 {
    position: relative;
    height: 0;
    background-color: #EDECE7;
}

#section1 .what-we-do {
    position: relative;
    top: -82px;
    z-index: 3;
}

#section1 .what-we-do-card {
    position: relative;
    cursor: pointer;
}

#section1 .what-we-do-card .card-bg-overlay {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    transition: height 250ms ease;
    z-index: -1;
    border-radius-bottomleft: 3px;
    border-radius-bottomright: 3px;
}

#section1 .what-we-do-card:hover .card-bg-overlay {
    height: 100%;
}

.what-we-do-container {
    position: relative;
    width: 100%;
}

.what-we-do-line {
    height: 4px;
    border-radius: 3px;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 300ms;
}

.what-we-do-container:hover .what-we-do-line,
.what-we-do-container.active .what-we-do-line {
    height: 100%;
}

#email-protection {
    background-color: #82C341;
}

#app-cloud-security {
    background-color: #00B5D1;
}

#network-security {
    background-color: #9253A1;
}

#data-protection {
    background-color: #FDB913;
}

#slay-token {
    background-color: #0054ae;
}



.what-we-do-card h5 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 15px 0;
    text-align: center;
    font-weight: 600;
    z-index: 2;
    letter-spacing: 0.8px;
    line-height: 22.4px;
}

.what-we-do-container a:hover {
    text-decoration: none;
}

/*****************************************************************************************************************/
@media (max-width: 768px) {
    #section3 h1 {
        margin-bottom: 1rem;
    }
}

/*************************************************** Section 3 ***************************************************/
#section3 {
    background-image: url(assets/images/common/bg_macro_scales.svg);
    background-color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    padding: 40px 0 20px 0;
}

#section3 .news-card {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 427px;
    width: 266px;
    margin: 0 auto;
    padding: 1.2rem;
    /*box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);*/
}

#section3 .swiper-slide a {
    color: #ffffff;
}

#section3 .swiper-slide a:hover {
    text-decoration: none !important;
}

#section3 .news-date h4 {
    font-weight: 300;
}

#section3 .news-date h4 span {
    margin-right: 5px;
    text-transform: uppercase;
}

#section3 .news-date h4 div span {
    font-size: 0.75rem;
    border-top: 1px solid #ffffff;
    margin-top: 0;
    padding-top: 0.3rem;
}

#section3 .news-date h4 div span:last-child {
    font-weight: 400;
}

#section3 .news-info {
    position: absolute;
    bottom: 30px;
}

#section3 .news-info p {
    margin: 0 !important;
    font-weight: 500;
    color: rgba(255, 255, 255, .8);
    font-size: 0.75rem;
}

#section3 .news-info h4 {
    margin: 0 !important;
    font-size: 1rem;
    width: 95%;
    line-height: 1.2;
}

#section3 .news-details-mobile .news-info {
    position: relative !important;
    bottom: unset !important;
}

#section3 .bluebar {
    position: absolute;
    left: 7%;
    bottom: 23px;
    height: 2px;
    width: 85%;
    background-color: #0088ce;
    transition: 0.3s;
    /* Add transition on hover */
}

#section3 .news-card.lazy {
    background-image: url('https://h-ally.info/assets/images/common/loader_icon.gif');
}

#section3 .news-card:hover {
    cursor: pointer;
    /*box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);*/
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}

#section3 .news-card:hover .bluebar {
    left: 0;
    width: 100%;
}

#section3 .row {
    padding: 5rem 0;
}

/* News Swiper */
#newsSwiperContainer {
    position: relative;
}

#newsSwiperContainer .swiper-button-disabled {
    display: none !important;
}

#newsSwiper .swiper-slide {
    position: relative;
    height: 427px;
}

@media (max-width: 1199px) {
    #section3 .swiper-container {
        max-width: 960px;
        margin: 0 auto;
    }

    #newsSwiper .swiper-wrapper {
        max-width: 960px;
        margin: 0 auto;
    }

    #newsSwiper .swiper-slide {
        width: calc(960px / 3) !important;
    }
}

@media (min-width: 1200px) {
    #section3 .swiper-container {
        max-width: 1140px;
        margin: 0 auto;
    }

    #newsSwiper .swiper-wrapper {
        max-width: 1140px;
        margin: 0 auto;
    }

    #newsSwiper .swiper-slide {
        width: calc(1140px / 4) !important;
    }

    #newsSwiperContainer .swiper-button-next {
        position: absolute;
        left: calc((100vw - 1100px)/2 + 1140px);
        top: 53%;
        transform: translateY(-50%) rotate(45deg);
    }

    #newsSwiperContainer .swiper-button-prev {
        position: absolute;
        left: calc((100vw - 1140px)/2 - 50px);
        top: 53%;
        transform: translateY(-50%) rotate(45deg);
    }

    #slide-thirteen-threat .slider-content {
        min-width: 69%;
        width: min-content;
    }

    #slide-thirteen-threat .slider-content-body {
        margin-top: 0rem;
    }
}

/*@media (min-width: 1500px) {#newsSwiper .swiper-slide {width: calc(100vw / 5) !important;}}@media (min-width: 1800px) {#newsSwiper .swiper-slide {width: calc(100vw / 6) !important;}}*/
/* For mobile */
#section3 .list-group-item {
    height: 120px;
    margin: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: unset;
    border: none;
}

#section3 .list-group-item>a {
    width: 100%;
    color: #000;
}

#section3 .news-img-mobile {
    width: 75px;
    margin-left: 20px;
    float: left;
    position: relative;
}

#section3 .news-img-mobile img {
    width: 75px;
    height: 90px;
    overflow: hidden;
}

#section3 .news-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

#section3 .news-details-mobile {
    height: 90px;
    width: calc(100% - 100px);
    float: right;
    padding: 10px 15px;
}

#section3 .news-details-mobile .news-date h4 {
    font-size: 0.75rem;
    margin-top: 10px;
    margin-left: 20px;
    line-height: 1.2;
}

#section3 .news-details-mobile .news-date h4 div span:last-child {
    font-size: 0.625rem;
    font-weight: 500;
}

#section3 .news-details-mobile .news-info {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}

#section3 .news-details-mobile .news-info h3 {
    font-size: 1rem;
}

#section3 .news-blog-btns {
    margin: 0 auto;
}

#section3 .news-blog-btns span {
    margin: 0 2rem;
}

@media (max-width: 768px) {
    #section3 .row {
        padding: 3rem 0 0 0;
    }

    #section3 .news-date {
        position: absolute;
        top: 9px;
        left: 6px;
        color: #FFF;
    }

    #section3 .news-date h4 {
        font-weight: 500;
    }

    #section3 .news-date h4 div span {
        padding-top: 0.125rem;
        font-size: 0.8125rem;
    }

    #section3 .news-info h4 {
        font-size: 1.1675rem;
        font-weight: 500;
    }

    #section3 .news-info p {
        color: #797979;
    }

    .news-blog-btns a {
        width: 80%;
        margin-bottom: 1.5rem;
    }
}

/*****************************************************************************************************************/
/*************************************************** Section 4 ***************************************************/
#section4 {
    background: white;
    padding: 2rem 0 5rem 0;
}

#section4 .success-story {
    padding: 2rem 1rem;
    position: relative;
    min-height: 536px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

#section4 .success-story:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.20);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.20);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#section4 .success-story-title {
    margin: 12px 0 20px 0;
}

#section4 .success-story-title h3,
#section4 .success-story-body p {
    color: #000000;
}

#section4 .success-story-title h3 {
    font-size: 1.75rem;
}

#section4 .success-story-body p {
    font-weight: 300;
    font-size: 1.3125rem;
}

#section4 .success-story a:hover {
    text-decoration: none !important;
}

#section4 .success-story-img {
    height: 120px;
}

#section4 .success-story-img img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#section4 .success-story-img img.lazy {
    width: 50px !important;
    height: 50px !important;
}

#section4 .success-story-product {
    color: #0088CE;
    font-weight: 600;
    width: 100%;
    padding-top: 12px;
}

@media (max-width: 991px) {
    #section4>.container>.row {
        justify-content: space-between;
        flex-direction: column;
    }

    #section4 .success-story {
        box-shadow: rgba(0, 0, 0, 0.16) 0 0 8px;
        margin-bottom: 18px;
        padding: 1.5rem 6.5rem;
        min-height: unset !important;
    }

    #section4 .success-story-img {
        height: 90px;
    }

    #section4 .success-story-title h3 {
        font-size: 1.3125rem;
    }

    #section4 .success-story-body p {
        font-size: 1rem;
    }

    #section4 .success-story-product {
        font-size: 0.875rem;
    }

    #peer-insight-badge {
        width: 60%;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }
}

@media (max-width: 768px) {

    #event1,
    #event2 {
        height: 18rem !important;
        padding: 0 !important;
    }

    #section3 h2 {
        margin-bottom: 2rem;
    }

    #section4 .success-story {
        padding: 2.5rem 2.5rem;
        margin-bottom: 2.5rem;
    }

    #section4 .success-story-img {
        height: 5rem;
    }

    #section4 .success-story-product {
        bottom: 40px;
    }
}

/*****************************************************************************************************************/
/***************************************** Media query for mobile friendliness ***********************************/
/* For mobile iphone 5 portrait */
@media screen and (orientation:portrait) and (max-device-width: 320px) {
    #section1 .what-we-do {
        padding: 0 !important;
    }
}

/* For mobile landscape with device width range from iphone 5 to iphone X size */
@media screen and (orientation:landscape) and (min-device-width: 568px) and (max-device-width: 812px) {
    #parallaxSwiper .slider-content {
        top: 270px;
    }

    #parallaxSwiper .slider-content-title {
        font-size: 2.15rem !important;
    }

    #parallaxSwiper .slider-content-body {
        margin-top: 1rem;
    }

    #parallaxSwiper .swiper-pagination {
        bottom: 50px !important;
    }
}

@media only screen and (max-width: 991px) {
    #section2 #allEventsLink {
        bottom: -21px;
    }

    #section2 #event1,
    #section2 #event2 {
        float: none;
        border: none;
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #parallaxSwiper .slider-content {
        left: 5%;
    }
}

@media (max-width: 1024px) {
    #parallaxSwiper .swiper-pagination {
        bottom: 115px;
    }

    #parallaxSwiper .slider-content-title {
        font-size: 2.75rem;
    }

    #parallaxSwiper .slider-content-body {
        font-size: 2rem;
        max-width: 570px;
    }

    #parallaxSwiper .slider-content-subtext a {
        bottom: 40px;
    }
}

@media (max-width: 1199px) {
    #slide-phishlinemq .slider-content-body {
        max-width: 570px;
    }
}

/*****************************************************************************************************************/
/******************************************** Custom CSS For German *********************************************/
/**** Quick links ****/
#quick-link-section {
    background-color: #F2F2F2;
    padding: 58px 0 41px;
}

#quick-link-section h1 {
    font-size: 2.625rem !important;
    font-weight: 300;
    margin-bottom: 30px;
}

.quick-link-url:hover {
    text-decoration: none;
}

.quick-link-card {
    border-top: 3px solid #0088CE;
    padding-top: 17px;
    padding-bottom: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 0px 0px 16px 0px;
    opacity: 1;
    text-align: center;
    background-color: #fff;
    margin: 0 15px;
}

.quick-link-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.20);
    cursor: pointer;
}

.quick-link-icon-fixed-height-wrap {
    height: 75px;
    display: flex;
    justify-content: center;
    margin-bottom: 17px;
}

#download-icon-wrap {
    width: 40px;
    height: 40px;
    margin-top: 22px;
}

.quick-link-card h3 {
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 0;
    color: #000;
    font-size: 20px;
    font-family: "proxima-nova", sans-serif !important;
    letter-spacing: 0px;
    text-align: center;
}

.quick-link-card p {
    font-size: 16px;
    font-family: "proxima-nova", sans-serif !important;
    line-height: 20px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: 0.8px;
    color: #0088CE;
    text-transform: uppercase;
    opacity: 1;
}

@media (max-width: 768px) {
    .quick-link-card {
        width: 350px;
        height: 184px;
        margin: 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .quick-link-card {
        margin: 0;
        width: 100%;
        height: 184px;
    }

    .quick-link-url {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .quick-link-card {
        width: 350px;
        height: 184px;
    }
}

/*****************************************************************************************************************/
/************************************************** Animations **************************************************/
/* Modified version of www/css/cuda.fade.css (also here to reduce HP load speed) */
.fade-in {
    -webkit-animation: fadein 1s forwards;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s forwards;
    /* Firefox < 16 */
    -ms-animation: fadein 1s forwards;
    /* Internet Explorer */
    -o-animation: fadein 1s forwards;
    /* Opera < 12.1 */
    animation: fadein 1s forwards;
}

.fade-out {
    -webkit-animation: fadeout 1s forwards;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeout 1s forwards;
    /* Firefox < 16 */
    -ms-animation: fadeout 1s forwards;
    /* Internet Explorer */
    -o-animation: fadeout 1s forwards;
    /* Opera < 12.1 */
    animation: fadeout 1s forwards;
}

.fade-in-delay {
    -webkit-animation: fadein 1s forwards;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s forwards;
    /* Firefox < 16 */
    -ms-animation: fadein 1s forwards;
    /* Internet Explorer */
    -o-animation: fadein 1s forwards;
    /* Opera < 12.1 */
    animation: fadein 1s forwards;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        display: block;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        display: block;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        display: block;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        display: block;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        display: block;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        display: none;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        display: none;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        display: none;
    }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        display: none;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        display: none;
    }
}

/*****************************************************************************************************************/
.spear-phishing-vol {
    background-color: #F05336;
    padding: 0.125rem 0.6rem;
    color: #FFF;
    font-size: 1rem;
    border-radius: 3px;
    font-weight: 600;
    top: -2px;
    margin-left: 0.2rem;
    font-family: "museo-slab", serif !important;
}

.spear-phishing-date {
    font-family: "museo-slab", serif !important;
    font-weight: 300;
    margin: -0.5rem 0 1rem 0;
    padding-left: 0.5rem;
}




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


   #outline

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

   #outline {padding: 50px 5%;position: relative;z-index: 1;overflow: auto;width: 100%;}
   @media only screen and (max-width: 800px) {
   #outline { padding: 80px 5%; }
   }
   @media only screen and (max-width: 738px) { 
   #outline{ padding: 70px 5%; }
   }
   @media only screen and (max-width: 414px) { 
   #outline {padding: 60px 2%;}
   }
   
   
   
   
   
   
   
   /* .imgArea */
   #outline .imgArea { float:left; width:30%; }
   #outline .imgArea .inner {position:relative;z-index:2;display: block;height: auto;}
/*    #outline .imgArea .inner:before {position: absolute;top: 7px;left: 0;bottom: 7px;right:0;content: "";border: #ddd 1px solid;background:#fefefe;z-index: -2;}
   #outline .imgArea .inner:after { position: absolute; top: 0; left: 7px; bottom: 0; right:7px; content: ""; border: #ddd 1px dotted; z-index: -2; } */
   #outline .imgArea .inner img {display:block;height: auto;}


    /* .txtArea */
   #outline .txtArea { float:right; width:65%; }

    @media only screen and (max-width: 500px) { 
    /* .imgArea */
    #outline .imgArea { clear:both; width:100%; }
    #outline .txtArea { clear:both; width:100%; }

    }

   
   /* ======== table.tableOther ======== */
   table.company {border-collapse: collapse;text-align: left;font-size: 15px;letter-spacing:1px;line-height:2;width:100%;}
   table.company tr { }
   table.company th {width:25%;padding:22px;vertical-align: 0;border: #ddd 1px solid;border-right:#ddd 1px dashed;border-right: #ddd 1px solid;}
   table.company td {padding:22px;vertical-align: 0;border: #ddd 1px solid; border-left:none;}
   table.company td .linkArea {margin-top:10px;text-align:left;}
   table.company td .linkArea a.btn {margin:0;}
   
   /* --- #map_canvas --- */
   #map_canvas { width:100%; margin-top:70px; height:400px;position: relative; z-index: 1; border: #ededed 1px solid;}
   
   
   
   @media only screen and (max-width: 950px) {
   table.company th {width:30%;padding:20px;}
   table.company td {padding:20px;}	
   }
   
   @media only screen and (max-width: 800px) {
   table.company { font-size:13px;}	
   }
   @media only screen and (max-width: 738px) {
     #outline .imgArea {/* float:none; */width:100%;display: block;}
     #outline .txtArea {float:none;width:100%;/* margin-top:25px; */}
     table.company {/* font-size:12px; */}	
   /*	#map_canvas { display:none; }*/
   }
   @media only screen and (max-width: 414px) {
   table.company th {width:30%;padding:15px;}
   table.company td {padding:15px;}		
   }


   /* ======== table.tableOther ======== */
   table.service {border-collapse: collapse;text-align: left;font-size: 15px;letter-spacing:1px;line-height:2;width:100%;}
   table.service tr { }
   table.service th {width:25%;padding:22px;vertical-align: 0;border: #ddd 1px solid;border-right:#ddd 1px dashed;border-right: #ddd 1px solid;}
   table.service td {padding:22px;vertical-align: 0;border: #ddd 1px solid; border-left:none;}
   table.service td .linkArea {margin-top:10px;text-align:left;}
   table.service td .linkArea a.btn {margin:0;}
   
   @media only screen and (max-width: 950px) {
   table.service th {width:30%;padding:20px;}
   table.service td {padding:20px;}	
   }
   
   @media only screen and (max-width: 800px) {
   table.service { font-size:13px;}	
   }
   @media only screen and (max-width: 738px) {
     #outline .imgArea {/* float:none; */width:100%;display: block;}
     #outline .txtArea {float:none;width:100%;/* margin-top:25px; */}
     table.service {/* font-size:12px; */}	
   /*	#map_canvas { display:none; }*/
   }
   @media only screen and (max-width: 414px) {
   table.service th {width:30%;padding:15px;}
   table.service td {padding:15px;}		
   }
   




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

privacy (index.html)

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


/* -------------------------------------- .privacy-titleCnt -------------------------------------- */

.privacy-titleCnt {
    max-width: 960px;
    margin: 0 auto;
    padding: 50px 0 60px;
    }
    
    .privacy-titleCnt .titleBlk-A {
    float: left;
    width: 38%;
    }
    
    .privacy-titleCnt div.txtBlk {
    float: right;
    width: 58%;
    margin-top: 40px;
    }
    
    
    /* ---------------------------------------
    max-width: 959px
    --------------------------------------- */
    
    @media screen and (max-width: 959px) {
    
    .privacy-titleCnt {
      padding-bottom: 40px;
    }
    
    }
    
    
    /* ---------------------------------------
    max-width: 839px
    --------------------------------------- */
    
    @media screen and (max-width: 839px) {
    
    .privacy-titleCnt div {
      float: none !important;
      width: 100% !important;
      margin-top: 0 !important;
    }
    
    }
    
    
    /* ---------------------------------------
    max-width: 719px
    --------------------------------------- */
    
    @media screen and (max-width: 719px) {
    
    .privacy-titleCnt {
      padding: 30px 0;
    }
    
    }
    
    
    /* -------------------------------------- .privacy-privacyCnt -------------------------------------- */
    
    
    .privacy-privacyCnt {/* border: 1px solid #e5e5e500; */background: #fff;padding: 30px 40px;margin: 0px auto;/* max-width: 880px; */-webkit-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;-moz-box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff;/* box-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff; */padding: 10px 5%;position: relative;z-index: 1;/* border-top: #a3d9e0 1px solid; *//* background: url(../images/noise.png) repeat; *//* background: #fafafa; */}
    
    
    .privacy-privacyCnt section {
    margin: 0 -10px;
    padding: 20px 10px;
    border-top: 1px solid #d9d9d9;
    }
    .privacy-privacyCnt section:first-child {
    border: none;
    padding-top: 0;
    }
    
    .privacy-privacyCnt h3 {
    font-size: 110%;
    line-height: 1.5;
    padding-bottom: 15px;
    }
    
    .privacy-privacyCnt p,
    .privacy-privacyCnt li {font-size: 1rem;line-height: 1.8;}
    
    .privacy-privacyCnt p {/* margin-left: 1.4em; */margin-bottom: 20px;}
    
    .privacy-privacyCnt p + ol {
    margin-top: 10px;
    }
    
    .privacy-privacyCnt ul li {
    list-style: disc;
    margin-left: 2.4em;
    }
    .privacy-privacyCnt ol li {
    list-style: decimal ;
    margin-left: 3.2em;
    }
    
    .privacy-privacyCnt .establish {
    text-align: right;
    font-weight: bold;
    padding-top: 20px;
    }

    .privacy-privacyCnt p.tb_title {margin-bottom:0}
   


    
    /* ---------------------------------------
    max-width: 719px
    --------------------------------------- */
    
    @media screen and (max-width: 719px) {
    
    .privacy-privacyCnt {
      padding: 20px;
      margin: 0 auto 40px;
    }
    
    .privacy-privacyCnt section {
      margin: 0 -10px;
      padding: 15px 10px;
    }
    
    .privacy-privacyCnt h3 {
      font-size: 1.1rem;
      padding-bottom: 10px;
    }
    
    .privacy-privacyCnt .establish {
      padding-top: 10px;
    }
    
    }
    
    /* ---------------------------------------
    max-width: 479px
    --------------------------------------- */
    
    @media screen and (max-width: 479px) {
    
    .privacy-privacyCnt p {
      margin-left: 0;
    }
    
    .privacy-privacyCnt ul li {
      margin-left: 1.4em;
    }
    .privacy-privacyCnt ol li {
      margin-left: 1.8em;
    }
    
    }
    
    
    
    #privacy .p-privacy-content-list__note {
      margin-top: 25px;
      padding: 22px 35px;
      background-color: #ededed;
      line-height: 26px;
      margin-bottom: 40px;
    }
    #privacy .p-privacy-content-list__note span {
      font-weight: 600;
      display: block;
    }
    #privacy .p-privacy-content-signature {
      text-align: right;
      line-height: 26px;
      margin-top: 26px;
    }
    
    
.plan_btn {
  position: relative;
  display: inline-block;
  min-width: 280px;
  background-color: #185e7d;
  padding: 12px 10px 12px 24px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-size: 16px;
  color: #fff;
  text-align: left;
  margin: 0 10px;
  transition: all .5s;
  text-decoration: none;
}

.plan_btn2 {
  position: relative;
  display: inline-block;
  min-width: 280px;
  background-color: #185e7d;
  padding: 12px 10px 12px ;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin: 0 10px;
  transition: all .5s;
  text-decoration: none;
}
.plan_btn2:hover {
  opacity: .8;
  color: #fff !important;
}

/*--- 矢印 ---*/
.plan_btn::before{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;   
  width: 34px;
  height: 1px;
  background:#fff;
  transition: all .5s;
}
.plan_btn::after{
  content: '';
  position: absolute;
  top: 40%;
  right: 31px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  transition: all .5s;
}
.plan_btn:hover {
  opacity: .8;
  color: #fff !important;
}
.plan_btn2:hover {
  opacity: .8;
  color: #fff !important;
}
.plan_btn:hover::before {
  right: 23px;
}
.plan_btn:hover::after {
  right: 24px;
}

@media only screen and (max-width:768px) {
    .plan_btn {
        margin-top: 14px;
    }
}