/* ==========================================================================
   Fancybox 4.0
   ========================================================================== */
.not-selectable {
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.carousel {
   position: relative;
   box-sizing: border-box
}

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

.carousel.is-draggable {
   cursor: move;
   cursor: grab
}

.carousel.is-dragging {
   cursor: move;
   cursor: grabbing
}

.carousel__viewport {
   position: relative;
   overflow: hidden;
   max-width: 100%;
   max-height: 100%
}

.carousel__track {
   display: flex
}

.carousel__slide {
   flex: 0 0 auto;
   width: var(--carousel-slide-width, 60%);
   max-width: 100%;
   padding: 1rem;
   position: relative;
   overflow-x: hidden;
   overflow-y: auto;
   overscroll-behavior: contain;
   -webkit-overflow-scrolling: touch;
   touch-action: pan-y
}

.has-dots {
   margin-bottom: calc(0.5rem + 22px)
}

.carousel__dots {
   margin: 0 auto;
   padding: 0;
   position: absolute;
   top: calc(100% + 0.5rem);
   left: 0;
   right: 0;
   display: flex;
   justify-content: center;
   list-style: none;
   user-select: none
}

.carousel__dots .carousel__dot {
   margin: 0;
   padding: 0;
   display: block;
   position: relative;
   width: 22px;
   height: 22px;
   cursor: pointer
}

.carousel__dots .carousel__dot:after {
   content: "";
   width: 8px;
   height: 8px;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: currentColor;
   opacity: .25;
   transition: opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after {
   opacity: 1
}

.carousel__button {
   width: var(--carousel-button-width, 48px);
   height: var(--carousel-button-height, 48px);
   padding: 0;
   border: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   pointer-events: all;
   cursor: pointer;
   color: var(--carousel-button-color, currentColor);
   background: var(--carousel-button-bg, transparent);
   border-radius: var(--carousel-button-border-radius, 50%);
   box-shadow: var(--carousel-button-shadow, none);
   transition: opacity .15s ease
}

.carousel__button.is-prev,
.carousel__button.is-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%)
}

.carousel__button.is-prev {
   left: 10px
}

.carousel__button.is-next {
   right: 10px
}

.carousel__button[disabled] {
   cursor: default;
   opacity: .3
}

.carousel__button svg {
   width: var(--carousel-button-svg-width, 50%);
   height: var(--carousel-button-svg-height, 50%);
   fill: none;
   stroke: currentColor;
   stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
   stroke-linejoin: bevel;
   stroke-linecap: round;
   filter: var(--carousel-button-svg-filter, none);
   pointer-events: none
}

html.with-fancybox {
   scroll-behavior: auto
}

body.compensate-for-scrollbar {
   overflow: hidden !important;
   touch-action: none
}

.fancybox__container {
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   direction: ltr;
   margin: 0;
   padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   color: var(--fancybox-color, #fff);
   -webkit-tap-highlight-color: transparent;
   overflow: hidden;
   z-index: 1050;
   outline: none;
   transform-origin: top left;
   --carousel-button-width: 48px;
   --carousel-button-height: 48px;
   --carousel-button-svg-width: 24px;
   --carousel-button-svg-height: 24px;
   --carousel-button-svg-stroke-width: 2.5;
   --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))
}

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

.fancybox__container :focus {
   outline: none
}

body:not(.is-using-mouse) .fancybox__container :focus {
   box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))
}

@media all and (min-width: 1024px) {
   .fancybox__container {
      --carousel-button-width: 48px;
      --carousel-button-height: 48px;
      --carousel-button-svg-width: 27px;
      --carousel-button-svg-height: 27px
   }
}

.fancybox__backdrop {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: -1;
   background: var(--fancybox-bg, rgba(24, 24, 27, 0.92))
}

.fancybox__carousel {
   position: relative;
   flex: 1 1 auto;
   min-height: 0;
   height: 100%;
   z-index: 10
}

.fancybox__carousel.has-dots {
   margin-bottom: calc(0.5rem + 22px)
}

.fancybox__viewport {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: visible;
   cursor: default
}

.fancybox__track {
   display: flex;
   height: 100%
}

.fancybox__slide {
   flex: 0 0 auto;
   width: 100%;
   max-width: 100%;
   margin: 0;
   padding: 48px 8px 8px 8px;
   position: relative;
   overscroll-behavior: contain;
   display: flex;
   flex-direction: column;
   outline: 0;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   --carousel-button-width: 36px;
   --carousel-button-height: 36px;
   --carousel-button-svg-width: 22px;
   --carousel-button-svg-height: 22px
}

.fancybox__slide::before,
.fancybox__slide::after {
   content: "";
   flex: 0 0 0;
   margin: auto
}

@media all and (min-width: 1024px) {
   .fancybox__slide {
      padding: 64px 100px
   }
}

.fancybox__content {
   margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
   padding: 36px;
   color: var(--fancybox-content-color, #374151);
   background: var(--fancybox-content-bg, #fff);
   position: relative;
   align-self: center;
   display: flex;
   flex-direction: column;
   z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
   outline: thin dotted;
   box-shadow: none
}

.fancybox__caption {
   align-self: center;
   max-width: 100%;
   margin: 0;
   padding: 1rem 0 0 0;
   line-height: 1.375;
   color: var(--fancybox-color, currentColor);
   visibility: visible;
   cursor: auto;
   flex-shrink: 0;
   overflow-wrap: anywhere
}

.is-loading .fancybox__caption {
   visibility: hidden
}

.fancybox__container>.carousel__dots {
   top: 100%;
   color: var(--fancybox-color, #fff)
}

.fancybox__nav .carousel__button {
   z-index: 40
}

.fancybox__nav .carousel__button.is-next {
   right: 8px
}

@media all and (min-width: 1024px) {
   .fancybox__nav .carousel__button.is-next {
      right: 40px
   }
}

.fancybox__nav .carousel__button.is-prev {
   left: 8px
}

@media all and (min-width: 1024px) {
   .fancybox__nav .carousel__button.is-prev {
      left: 40px
   }
}

.carousel__button.is-close {
   position: absolute;
   top: 8px;
   right: 8px;
   top: calc(env(safe-area-inset-top, 0px) + 8px);
   right: calc(env(safe-area-inset-right, 0px) + 8px);
   z-index: 40
}

@media all and (min-width: 1024px) {
   .carousel__button.is-close {
      right: 40px
   }
}

.fancybox__content>.carousel__button.is-close {
   position: absolute;
   top: -40px;
   right: 0;
   color: var(--fancybox-color, #fff)
}

.fancybox__no-click,
.fancybox__no-click button {
   pointer-events: none
}

.fancybox__spinner {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 50px;
   height: 50px;
   color: var(--fancybox-color, currentColor)
}

.fancybox__slide .fancybox__spinner {
   cursor: pointer;
   z-index: 1053
}

.fancybox__spinner svg {
   animation: fancybox-rotate 2s linear infinite;
   transform-origin: center center;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   width: 100%;
   height: 100%
}

.fancybox__spinner svg circle {
   fill: none;
   stroke-width: 2.75;
   stroke-miterlimit: 10;
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
   animation: fancybox-dash 1.5s ease-in-out infinite;
   stroke-linecap: round;
   stroke: currentColor
}

@keyframes fancybox-rotate {
   100% {
      transform: rotate(360deg)
   }
}

@keyframes fancybox-dash {
   0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0
   }

   50% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -35px
   }

   100% {
      stroke-dasharray: 89, 200;
      stroke-dashoffset: -124px
   }
}

.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav,
.carousel__dots,
.carousel__button.is-close {
   opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
   animation: .15s ease backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .carousel__button.is-close {
   animation: .15s ease both fancybox-fadeOut
}

.fancybox-fadeIn {
   animation: .15s ease both fancybox-fadeIn
}

.fancybox-fadeOut {
   animation: .1s ease both fancybox-fadeOut
}

.fancybox-zoomInUp {
   animation: .2s ease both fancybox-zoomInUp
}

.fancybox-zoomOutDown {
   animation: .15s ease both fancybox-zoomOutDown
}

.fancybox-throwOutUp {
   animation: .15s ease both fancybox-throwOutUp
}

.fancybox-throwOutDown {
   animation: .15s ease both fancybox-throwOutDown
}

@keyframes fancybox-fadeIn {
   from {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@keyframes fancybox-fadeOut {
   to {
      opacity: 0
   }
}

@keyframes fancybox-zoomInUp {
   from {
      transform: scale(0.97) translate3d(0, 16px, 0);
      opacity: 0
   }

   to {
      transform: scale(1) translate3d(0, 0, 0);
      opacity: 1
   }
}

@keyframes fancybox-zoomOutDown {
   to {
      transform: scale(0.97) translate3d(0, 16px, 0);
      opacity: 0
   }
}

@keyframes fancybox-throwOutUp {
   to {
      transform: translate3d(0, -30%, 0);
      opacity: 0
   }
}

@keyframes fancybox-throwOutDown {
   to {
      transform: translate3d(0, 30%, 0);
      opacity: 0
   }
}

.fancybox__carousel .carousel__slide {
   scrollbar-width: thin;
   scrollbar-color: #ccc rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
   width: 8px;
   height: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
   background-color: rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
   background-color: #ccc;
   border-radius: 2px;
   box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)
}

.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
   cursor: move;
   cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
   cursor: move;
   cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
   cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
   cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
   cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
   cursor: move;
   cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
   cursor: move;
   cursor: grabbing
}

.fancybox__image {
   transform-origin: 0 0;
   touch-action: none;
   user-select: none;
   transition: none
}

.has-image .fancybox__content {
   padding: 0;
   background: transparent;
   min-height: 1px
}

.is-closing .has-image .fancybox__content {
   overflow: visible
}

.has-image[data-image-fit=contain] {
   overflow: visible;
   touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
   flex-direction: row;
   flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain
}

.has-image[data-image-fit=contain-w] {
   overflow-x: hidden;
   overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
   min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
   max-width: 100%;
   height: auto
}

.has-image[data-image-fit=cover] {
   overflow: visible;
   touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
   width: 100%;
   height: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
   width: 100%;
   height: 100%;
   object-fit: cover
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
   flex-shrink: 1;
   min-height: 1px;
   overflow: visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
   width: 100%;
   height: 80%
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
   width: 960px;
   height: 540px;
   max-width: 100%;
   max-height: 100%
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
   padding: 0;
   background: rgba(24, 24, 27, .9);
   color: #fff
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
   background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
   border: 0;
   display: block;
   height: 100%;
   width: 100%;
   background: transparent
}

.fancybox-placeholder {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border-width: 0
}

.fancybox__thumbs {
   flex: 0 0 auto;
   position: relative;
   padding: 0px 3px;
   opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
   animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
   opacity: 0
}

.fancybox__thumbs .carousel__slide {
   flex: 0 0 auto;
   width: var(--fancybox-thumbs-width, 96px);
   margin: 0;
   padding: 8px 3px;
   box-sizing: content-box;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: visible;
   cursor: pointer
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-width: 5px;
   border-style: solid;
   border-color: var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
   opacity: 0;
   transition: opacity .15s ease;
   border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
   opacity: .92
}

.fancybox__thumbs .carousel__slide>* {
   pointer-events: none;
   user-select: none
}

.fancybox__thumb {
   position: relative;
   width: 100%;
   padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
   background-size: cover;
   background-position: center center;
   background-color: rgba(255, 255, 255, .1);
   background-repeat: no-repeat;
   border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__toolbar {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   z-index: 20;
   background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
   padding: 0;
   touch-action: none;
   display: flex;
   justify-content: space-between;
   --carousel-button-svg-width: 20px;
   --carousel-button-svg-height: 20px;
   opacity: var(--fancybox-opacity, 1);
   text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))
}

@media all and (min-width: 1024px) {
   .fancybox__toolbar {
      padding: 8px
   }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
   animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
   opacity: 0
}

.fancybox__toolbar__items {
   display: flex
}

.fancybox__toolbar__items--left {
   margin-right: auto
}

.fancybox__toolbar__items--center {
   position: absolute;
   left: 50%;
   transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
   margin-left: auto
}

@media(max-width: 640px) {
   .fancybox__toolbar__items--center:not(:last-child) {
      display: none
   }
}

.fancybox__counter {
   min-width: 72px;
   padding: 0 10px;
   line-height: var(--carousel-button-height, 48px);
   text-align: center;
   font-size: 17px;
   font-variant-numeric: tabular-nums;
   -webkit-font-smoothing: subpixel-antialiased
}

.fancybox__progress {
   background: var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
   height: 3px;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   transform: scaleX(0);
   transform-origin: 0;
   transition-property: transform;
   transition-timing-function: linear;
   z-index: 30;
   user-select: none
}

.fancybox__container:fullscreen::backdrop {
   opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
   display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
   display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
   display: block
}

.fancybox__button--slideshow g:nth-child(2) {
   display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
   display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
   display: block
}

/* ==========================================================================*/


/* ==========================================================================
   BX Slider
   ========================================================================== */
.bx-wrapper {
   position: relative;
   margin-bottom: 60px;
   padding: 0;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -moz-box-shadow: 0 0 5px #ccc;
   -webkit-box-shadow: 0 0 5px #ccc;
   box-shadow: 0 0 5px #ccc;
   border: 5px solid #fff;
   background: #fff
}

.bx-wrapper img {
   max-width: 100%;
   display: block
}

.bxslider {
   margin: 0;
   padding: 0;
   -webkit-perspective: 1000
}

ul.bxslider {
   list-style: none
}

.bx-viewport {
   -webkit-transform: translateZ(0)
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
   position: absolute;
   bottom: -30px;
   width: 100%
}

.bx-wrapper .bx-loading {
   min-height: 50px;
   background: url(../img/bx_loader.gif) center center no-repeat #fff;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2000
}

.bx-wrapper .bx-pager {
   text-align: center;
   font-size: .85em;
   font-family: Arial;
   font-weight: 700;
   color: #666;
   padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
   background: #666;
   text-indent: -9999px;
   display: block;
   width: 10px;
   height: 10px;
   margin: 0 5px;
   outline: 0;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
   background: #000
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager-item {
   display: inline-block;
   vertical-align: bottom
}

.bx-wrapper .bx-pager-item {
   font-size: 0;
   line-height: 0
}

.bx-wrapper .bx-prev {
   left: 10px;
   background: url(../img/controls.png) 0 -32px no-repeat
}

.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover {
   background-position: 0 0
}

.bx-wrapper .bx-next {
   right: 10px;
   background: url(../img/controls.png) -43px -32px no-repeat
}

.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
   background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
   position: absolute;
   top: 50%;
   margin-top: -16px;
   outline: 0;
   width: 32px;
   height: 32px;
   text-indent: -9999px;
   z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
   display: none
}

.bx-wrapper .bx-controls-auto {
   text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
   display: block;
   text-indent: -9999px;
   width: 10px;
   height: 11px;
   outline: 0;
   background: url(../img/controls.png) -86px -11px no-repeat;
   margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-start:hover {
   background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
   display: block;
   text-indent: -9999px;
   width: 9px;
   height: 11px;
   outline: 0;
   background: url(../img/controls.png) -86px -44px no-repeat;
   margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
   background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
   text-align: left;
   width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
   right: 0;
   width: 35px
}

.bx-wrapper .bx-caption {
   position: absolute;
   bottom: 0;
   left: 0;
   background: #666;
   background: rgba(80, 80, 80, .75);
   width: 100%
}

.bx-wrapper .bx-caption span {
   color: #fff;
   font-family: Arial;
   display: block;
   font-size: .85em;
   padding: 10px
}

/* ==========================================================================*/


/*===========================================================================
  Owl-Carosel
  ===========================================================================*/
.owl-carousel,
.owl-carousel .owl-item {
   -webkit-tap-highlight-color: transparent;
   position: relative
}

.owl-carousel {
   display: none;
   width: 100%;
   z-index: 1
}

.owl-carousel .owl-stage {
   position: relative;
   -ms-touch-action: pan-Y;
   touch-action: manipulation;
   -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0
}

.owl-carousel .owl-stage-outer {
   position: relative;
   overflow: hidden;
   -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
   min-height: 1px;
   float: left;
   -webkit-backface-visibility: hidden;
   -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
   display: block;
   width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
   display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
   display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
   cursor: pointer;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
   background: 0 0;
   color: inherit;
   border: none;
   padding: 0 !important;
   font: inherit
}

.owl-carousel.owl-loading {
   opacity: 0;
   display: block
}

.owl-carousel.owl-hidden {
   opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
   visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.owl-carousel.owl-grab {
   cursor: move;
   cursor: grab
}

.owl-carousel.owl-rtl {
   direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
   float: right
}

.owl-carousel .animated {
   animation-duration: 1s;
   animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
   z-index: 0
}

.owl-carousel .owl-animated-out {
   z-index: 1
}

.owl-carousel .fadeOut {
   animation-name: fadeOut
}

@keyframes fadeOut {
   0% {
      opacity: 1
   }

   100% {
      opacity: 0
   }
}

.owl-height {
   transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
   opacity: 0;
   transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
   max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
   transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
   position: relative;
   height: 100%;
   background: #000
}

.owl-carousel .owl-video-play-icon {
   position: absolute;
   height: 80px;
   width: 80px;
   left: 50%;
   top: 50%;
   margin-left: -40px;
   margin-top: -40px;
   background: url(owl.video.play.png) no-repeat;
   cursor: pointer;
   z-index: 1;
   -webkit-backface-visibility: hidden;
   transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
   -ms-transform: scale(1.3, 1.3);
   transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
   display: none
}

.owl-carousel .owl-video-tn {
   opacity: 0;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
   transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
   position: relative;
   z-index: 1;
   height: 100%;
   width: 100%
}

/*============================================================================*/


/* ==========================================================================
   Sofia pro font family
   ========================================================================== */

@import url("https://p.typekit.net/p.css?s=1&k=lgf1xey&ht=tk&f=39473.39474.39475.39476.39477.39478.39479.39480.39481.39482.39483.39484&a=20994192&app=typekit&e=css");

@font-face {
   font-family: "neo-sans";
   src: url("https://use.typekit.net/af/6af54f/00000000000000007735bb3b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/6af54f/00000000000000007735bb3b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/6af54f/00000000000000007735bb3b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
   font-display: auto;
   font-style: normal;
   font-weight: 900;
}

@font-face {
   font-family: "neo-sans";
   src: url("https://use.typekit.net/af/bed4d4/00000000000000007735bb41/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"), url("https://use.typekit.net/af/bed4d4/00000000000000007735bb41/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"), url("https://use.typekit.net/af/bed4d4/00000000000000007735bb41/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
   font-display: auto;
   font-style: italic;
   font-weight: 900;
}

@font-face {
   font-family: "neo-sans";
   src: url("https://use.typekit.net/af/b07eb4/00000000000000007735bb57/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/b07eb4/00000000000000007735bb57/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/b07eb4/00000000000000007735bb57/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
   font-display: auto;
   font-style: normal;
   font-weight: 700;
}

@font-face {
   font-family: "neo-sans";
   src: url("https://use.typekit.net/af/49bd4e/00000000000000007735bb45/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/49bd4e/00000000000000007735bb45/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/49bd4e/00000000000000007735bb45/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
   font-display: auto;
   font-style: italic;
   font-weight: 700;
}

@font-face {
   font-family: "neo-sans";
   src: url("https://use.typekit.net/af/cc16b7/00000000000000007735bb40/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/cc16b7/00000000000000007735bb40/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/cc16b7/00000000000000007735bb40/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
   font-display: auto;
   font-style: italic;
   font-weight: 400;
}

@font-face {
   font-family: "neo-sans";
   src: url("https://use.typekit.net/af/06137f/00000000000000007735bb43/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/06137f/00000000000000007735bb43/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/06137f/00000000000000007735bb43/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
   font-display: auto;
   font-style: normal;
   font-weight: 300;
}

@font-face {
   font-family: "neo-sans";
   src: url("https://use.typekit.net/af/f4008c/00000000000000007735bb4d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/f4008c/00000000000000007735bb4d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/f4008c/00000000000000007735bb4d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
   font-display: auto;
   font-style: italic;
   font-weight: 300;
}

@font-face {
   font-family: "neo-sans";
   src: url("https://use.typekit.net/af/fde5b4/00000000000000007735bb56/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/fde5b4/00000000000000007735bb56/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/fde5b4/00000000000000007735bb56/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
   font-display: auto;
   font-style: normal;
   font-weight: 500;
}

@font-face {
   font-family: "neo-sans";
   src: url("https://use.typekit.net/af/ba0fed/00000000000000007735bb5b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/ba0fed/00000000000000007735bb5b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/ba0fed/00000000000000007735bb5b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
   font-display: auto;
   font-style: italic;
   font-weight: 500;
}

@font-face {
   font-family: "neo-sans";
   src: url("https://use.typekit.net/af/b34fab/00000000000000007735bb5f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/b34fab/00000000000000007735bb5f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/b34fab/00000000000000007735bb5f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
   font-display: auto;
   font-style: normal;
   font-weight: 400;
}

@font-face {
   font-family: "neo-sans";
   src: url("https://use.typekit.net/af/8b35d1/00000000000000007735bb63/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/8b35d1/00000000000000007735bb63/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/8b35d1/00000000000000007735bb63/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
   font-display: auto;
   font-style: normal;
   font-weight: 900;
}

@font-face {
   font-family: "neo-sans";
   src: url("https://use.typekit.net/af/897df8/00000000000000007735bb66/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"), url("https://use.typekit.net/af/897df8/00000000000000007735bb66/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"), url("https://use.typekit.net/af/897df8/00000000000000007735bb66/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
   font-display: auto;
   font-style: italic;
   font-weight: 900;
}

.tk-neo-sans {
   font-family: "neo-sans", sans-serif;
}

/*=========================  Sofia pro font family =========================*/


/* ==========================================================================
   icomoonf
   ========================================================================== */
@font-face {
   font-family: 'icomoon';
   src: url('../fonts/icon-fonts/icomoon.eot?ge4aqt');
   src: url('../fonts/icon-fonts/icomoon.eot?ge4aqt#iefix') format('embedded-opentype'),
      url('../fonts/icon-fonts/icomoon.ttf?ge4aqt') format('truetype'),
      url('../fonts/icon-fonts/icomoon.woff?ge4aqt') format('woff'),
      url('../fonts/icon-fonts/icomoon.svg?ge4aqt#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'icomoon' !important;
   speak: never;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.icon-icon-1:before {
   content: "\e900";
}

.icon-icon-2:before {
   content: "\e901";
}

.icon-icon-3:before {
   content: "\e902";
}

.icon-icon-4:before {
   content: "\e903";
}

.icon-icon-5:before {
   content: "\e904";
}

.icon-icon-6:before {
   content: "\e905";
}

.icon-icon-7:before {
   content: "\e906";
}

.icon-icon-8:before {
   content: "\e907";
}

.icon-icon-9:before {
   content: "\e908";
}

.icon-icon-10:before {
   content: "\e909";
}

.icon-icon-11:before {
   content: "\e90a";
}

.icon-icon-12:before {
   content: "\e90b";
}

.icon-icon-13:before {
   content: "\e90c";
}

.icon-icon-14:before {
   content: "\e90d";
}

.icon-icon-15:before {
   content: "\e90e";
}

.icon-icon-16:before {
   content: "\e90f";
}

.icon-icon-17:before {
   content: "\e910";
}

.icon-icon-18:before {
   content: "\e911";
}

.icon-icon-19:before {
   content: "\e912";
}

.icon-icon-20:before {
   content: "\e913";
}

.icon-icon-21:before {
   content: "\e914";
}

.icon-icon-22:before {
   content: "\e915";
}

.icon-icon-23:before {
   content: "\e916";
}

.icon-icon-24:before {
   content: "\e917";
}

.icon-icon-25:before {
   content: "\e918";
}

.icon-icon-26:before {
   content: "\e919";
}

.icon-icon-27:before {
   content: "\e91a";
}

.icon-icon-28:before {
   content: "\e91b";
}

.icon-icon-29:before {
   content: "\e91c";
}

.icon-icon-30:before {
   content: "\e91d";
}

.icon-icon-31:before {
   content: "\e91e";
}

.icon-icon-32:before {
   content: "\e91f";
}

/* ========================================================================== */


/* ==========================================================================
   Css reset begin
   ========================================================================== */
* {
   box-sizing: border-box;
}

html,
body {
   height: 100%;
}

body {
   margin: 0px;
   padding: 0px;
   font-size: 16px;
   line-height: 24px;
   font-weight: 500;
   color: #6d6e72;
   font-family: "neo-sans", sans-serif;
   position: relative;
   font-display: auto;
   font-style: normal;
}

::selection {
   background: #103e91;
   /* Safari */
   color: #fff;
}

::-moz-selection {
   background: #103e91;
   /* Firefox */
   color: #fff;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
   outline: none;
   text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0px;
   padding: 0px;
   -webkit-font-smoothing: antialiased;
   margin-bottom: 15px;
   color: #0a2b6c;
   font-weight: 400;
}

h2 {
   font-size: 60px;
}

h3 {
   font-size: 48px;
}

h4 {
   font-size: 24px;
}

a {
   color: #018aff;
   text-decoration: none;
   transition: all ease-out 0.3s;
   -webkit-transition: all ease-out 0.3s;
   -moz-transition: all ease-out 0.3s;
   -ms-transition: all ease-out 0.3s;
   -o-transition: all ease-out 0.3s;
}

a:hover {
   text-decoration: none;
   color: #3ba4ff;
}

label {
   font-weight: normal;
   margin: 0;
}

p {
   font-size: 16px;
   line-height: 24px;
   color: #6d6e72;
   margin: 0;
   padding: 0;
   font-weight: 400;
   margin-bottom: 15px;
}

ul,
ol,
li {
   list-style: none;
   margin: 0;
   padding: 0;
}

focus {
   outline: none;
}

/* ==========================================================================
   Css reset begin
   ========================================================================== */

/*========================== Commen styles ========================*/
.set__as--bg {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center top;
}

span.make__bg {
   display: none;
}

.primary__btn {
   display: inline-block;
   background: #0bc4ef;
   color: #ffffff;
   font-size: 18px;
   text-transform: uppercase;
   padding: 24px 40px;
   padding-right: 80px;
   font-weight: 700;
   border-radius: 10px;
   position: relative;
}

.primary__btn:hover {
   background: #109bdb;
   color: #fff;
   -webkit-transform: translateX(5px);
   -ms-transform: translateX(5px);
   transform: translateX(5px);
}

.primary__btn::after {
   content: "\e900";
   font-family: 'icomoon';
   display: inline-block;
   color: #ffffff;
   font-size: 14px;
   position: absolute;
   right: 35px;
   top: 23px;
}

.unavailable__btn {
   display: inline-block;
   background: #cc0000;
   color: #ffffff;
   font-size: 18px;
   text-transform: uppercase;
   padding: 24px 40px;
   padding-right: 80px;
   font-weight: 700;
   border-radius: 10px;
   position: relative;
}

.unavailable__btn:hover {
   background: #aa0000;
   color: #fff;
   -webkit-transform: translateX(5px);
   -ms-transform: translateX(5px);
   transform: translateX(5px);
}

.unavailable__btn::after {
   content: "\e900";
   font-family: 'icomoon';
   display: inline-block;
   color: #ffffff;
   font-size: 14px;
   position: absolute;
   right: 35px;
   top: 23px;
}

.commen__link {
   color: #02c9ed;
   font-size: 14px;
   text-decoration: underline;
   position: relative;
   margin-right: 25px;
   font-weight: 500;
}

.commen__link::after {
   content: "\e900";
   font-family: 'icomoon';
   font-size: 15px;
   display: inline-block;
   position: absolute;
   right: -25px;
   top: 0px;
   color: #02c9ed;
   -webkit-transition: all ease-out 0.3s;
   -o-transition: all ease-out 0.3s;
   transition: all ease-out 0.3s;
   border-radius: 100%;
   font-weight: 400;
}

.commen__link:hover {
   color: #45e3ff;
   text-decoration: underline;
}

.commen__link:hover::after {
   color: #45e3ff;
}

.commen__head {
   display: block;
   position: relative;
   text-align: center;
   padding-bottom: 5px;
   max-width: 1010px;
   margin: auto;
}

.commen__head h3 {
   color: #0a2b6c;
   font-size: 48px;
   line-height: 57px;
}

.commen__head h3 span {
   color: #0bc4ef;
   font-size: 16px;
   font-weight: 700;
   display: block;
   line-height: 24px;
   text-transform: uppercase;
}

.commen__head p {
   color: #7587a5;
   font-size: 16px;
   line-height: 28px;
}

/*========================== Commen styles ========================*/

.header {
   display: block;
   background: #0e3d8e;
   position: relative;
   z-index: 4;
}

.header__main {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.logo {
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: -54px;
   right: 0;
   margin: auto;
   max-width: 222px;
}

/* ==========================================================================
   Menu with dropdown menu begin 27-01-2021
   ========================================================================== */
.main-menu {
   display: block;
}

.main-menu>ul {
   display: block;
   padding: 22px 0;
}

.main-menu>ul>li {
   display: inline-block;
}

.main-menu>ul>li.dropdown>a:after {
   content: "";
   width: 0;
   height: 0;
   display: block;
   border: 4px solid #90dac1;
   border-color: #90dac1 transparent transparent transparent;
   position: absolute;
   right: 8px;
   top: 20px;
}

.main-menu>ul>li>a {
   color: #d1e1f4;
   display: block;
   font-size: 18px;
   padding: 10px 25px;
   position: relative;
   line-height: 20px;
   font-weight: 500;
   border-radius: 5px;
}

.main-menu>ul>li:hover a,
.main-menu>ul>li.active a {
   color: #73d4ff;
}

.main-menu>ul>li.drp a:after {
   content: '';
   width: 0;
   height: 0px;
   display: block;
   border: 4px solid #363232;
   border-color: #363232 transparent transparent transparent;
   position: absolute;
   right: 0px;
   top: 27px;
}

.main-menu>ul>li.drp a:hover:after {
   border-color: #33f3ec transparent transparent transparent;
}

.main-menu>ul>li.login a {
   background: #275bb6;
   color: #d1e1f4;
   font-size: 14px;
}

.main-menu>ul>li.login a:hover {
   background: #4d79b5;
   color: #d1e1f4;
}

.main-menu>ul>li>ul {
   display: none;
   position: absolute;
   top: 40px;
   left: 0px;
   background-color: #0b274b;
   width: 220px;
   font-weight: 400;
   z-index: 10;
   border-radius: 5px;
   overflow: hidden;
}

.main-menu>ul>li>ul>li {
   display: block;
   border-top: 1px solid #153c6e;
}

.main-menu>ul>li>ul>li:first-child {
   border-top: none;
}

.main-menu>ul>li>ul>li>a {
   display: block;
   color: #d1e1f4;
   padding: 12px 15px;
   font-weight: 400;
   font-size: 14px;
   position: relative;
   text-align: left;
}

.main-menu>ul>li>ul>li>a:hover {
   background: #73d4ff;
   color: #ffffff;
}

.main-menu>ul>li:nth-child(4)>ul {
   left: inherit;
   right: 0px;
}

.main-menu>ul>li>ul.normal-sub-menu {
   width: 250px;
}

/* Menu Second Level  */
.main-menu>ul>li>ul>li {
   position: relative;
   display: block;
}

.main-menu>ul>li>ul>li>a.hoverClass {
   color: #FFF;
}

.main-menu>ul>li>ul>li.dropdown>a:after {
   content: "\f107";
   position: absolute;
   top: 8px;
   right: 15px;
   font-family: 'FontAwesome';
   transition: all ease 0.2s;
}

.main-menu>ul>li>ul>li.dropdown>a.hoverClass:after {
   color: #FFF;
   transform: rotate(-90deg);
}

.main-menu>ul>li>ul>li>ul {
   display: block;
   transition: all ease 0.2s;
   position: absolute;
   top: 0px;
   left: 220px;
   background-color: #454546;
   width: 200px;
   font-weight: 400;
   opacity: 0;
}

.main-menu>ul>li>ul>li>ul.pull-ul {
   right: 200px;
   opacity: 1;
   pointer-events: auto;
   z-index: 3;
}

.main-menu>ul>li>ul>li>ul>li {
   display: block;
   border-top: 1px solid #615f5f;
}

.main-menu>ul>li>ul>li>ul>li:first-child {
   border-top: none;
}

.main-menu>ul>li>ul>li ul>li>a {
   display: block;
   color: #a6a6ac;
   padding: 10px 15px;
   font-weight: 400;
   font-size: 14px;
   position: relative;
   text-align: left;
}

.main-menu>ul>li>ul>li ul>li>a:hover {
   color: #fff;
}

/*======================================== Menu Style End =======================================*/
.mobile-menu ul.menu-list {
   padding-bottom: 20px;
}

.mobile-menu ul.menu-list>li>a:hover {
   background: #3b6ce5;
   color: #FFF;
}

.mobile-menu ul.menu-list>li>ul {
   display: none;
   margin-left: 0;
   padding: 10px 0;
   background: #2b2a2a;
}

.mobile-menu ul.menu-list>li a.open,
.mobile-menu ul.menu-list>li>ul>li a:hover {
   background: #46bbeb;
   color: #FFF;
}

.mobile-menu ul.menu-list>li>ul>li a {
   color: #FFF;
   padding: 10px 10px;
   display: block;
   font-size: 16px;
   transition: all ease-out .2s;
   -webkit-transition: all ease-out .2s;
   -moz-transition: all ease-out .2s;
   -ms-transition: all ease-out .2s;
   -o-transition: all ease-out .2s;
   text-align: center;
}

a.menu-toggle {
   position: absolute;
   display: none;
   width: 45px;
   height: 45px;
   background: #3cb9e0;
   top: 8px;
   right: 20px;
   padding-top: 4px;
   box-sizing: border-box;
}

a.menu-toggle span.line {
   position: relative;
   width: 65%;
   height: 3px;
   background: #FFF;
   margin: 7px auto;
   display: block;
   transition: all ease .3s;
   -webkit-transition: all ease .3s;
   -moz-transition: all ease .3s;
   -o-transition: all ease .3s;
   -ms-transition: all ease .3s
}

a.menu-toggle.active span.line {
   position: absolute;
   margin: auto;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   transform-origin: center center;
}

a.menu-toggle.active span.line.a {
   transform: rotate(45deg)
}

a.menu-toggle.active span.line.c {
   transform: rotate(-45deg)
}

a.menu-toggle.active span.line.b {
   opacity: 0
}

.mobile-menu {
   display: none;
}

.mobile-menu ul {
   padding: 10px 0
}

.mobile-menu ul>li {
   text-align: center;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu ul>li:first-child {
   border-top: none;
}

.mobile-menu ul>li>a {
   display: block;
   color: #FFF;
   font-size: 16px;
   padding: 8px 20px;
}

.mobile-menu ul>li>a>img {
   display: none;
}

.mobile-menu ul>li.dropdown>a {
   position: relative;
}

.mobile-menu ul>li.dropdown>a:after {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 6px solid #fff;
   border-color: #fff transparent transparent transparent;
   position: absolute;
   right: 15px;
   top: 15px;
}

.mobile-menu ul>li.dropdown>a.open:after {
   border: 6px solid #fff;
   border-color: transparent transparent #fff transparent;
   top: 10px
}

/*======================================== Menu Style End =======================================*/

.mega-drop {
   background: #fafbfc;
   border-top: none;
   position: absolute;
   width: 100%;
   top: 108px;
   left: 0;
   display: block;
   opacity: 0;
   pointer-events: none;
   /*overflow: hidden;*/
   transition: all ease 0.3s;
   transform: scale(0.96);
   text-align: left;
   padding: 50px 0;
}

.mega-drop.active {
   opacity: 1;
   pointer-events: auto;
   transform: scale(1);
   z-index: 5;
}

.mega-drop-main {
   display: block;
   overflow: hidden;
}

.mega-drop-box {
   display: block;
   padding: 0 25px;
   position: relative;
}

.mega-drop-box:before {
   content: '';
   width: 1px;
   height: 100%;
   display: block;
   background: #e0e8f6;
   position: absolute;
   left: -15px;
   top: 0px;
}

.mega-drop-box span {
   color: #98acce;
   font-size: 50px;
   display: inline-block;
   margin-bottom: 20px;
}

.mega-drop-box h5 {
   color: #363232;
   font-size: 16px;
   font-weight: 400;
   margin-bottom: 5px;
}

.mega-drop-box p {
   color: #8b9a9f;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
}

/* ==========================================================================
   Menu with dropdown menu End 27-01-2021
   ========================================================================== */

.hero__section {
   display: block;
   background-repeat: no-repeat !important;
   background-position: center top !important;
   background-size: cover !important;
   z-index: 2;
   position: relative;
}

.hero__main {
   display: block;
   min-height: 1030px;
   position: relative;
}

.hero__main .bx-wrapper {
   background: none;
   border: none;
   box-shadow: none;
   margin-bottom: 0;
}

.hero__section .bx-controls-direction {
   display: none;
}

.hero__content {
   display: block;
   padding: 115px 0 130px;
   z-index: 3;
   position: relative;
}

.hero__content h2 {
   color: #ffffff;
   margin-bottom: 25px;
}

.hero__content p {
   color: #92b8d1;
   line-height: 29px;
   font-size: 20px;
   margin-bottom: 50px;
}

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

.banner__plans--left {
   display: block;
   margin-right: 50px;
}

.banner__plans--left h3 {
   color: #50c8ff;
   font-size: 48px;
   font-weight: 500;
   margin-bottom: 0;
}

.banner__plans--left h3 span {
   color: #ffffff;
   font-size: 20px;
   font-weight: 400;
   display: inline-block;
}

.starting__at {
   display: block;
   font-size: 18px;
   color: #ffffff;
   font-weight: 700;
   margin-bottom: 5px;
}

.hero__content--icon {
   display: block;
   padding-top: 90px;
   text-align: center;
}

.hero__section::after {
   content: '';
   width: 100%;
   height: 580px;
   display: block;
   background: url(../img/mountain.png) repeat center top;
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
   z-index: 1;
}

.banner__pager {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   justify-content: space-between;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   position: relative;
   z-index: 6;
   margin-top: 40px;
}

.banner__pager a {
   width: 19%;
   position: relative;
}

.slide__pager {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   width: 100%;
   padding: 18px;
   min-height: 76px;
   background: #ffffff18;
   border-radius: 10px;
   position: relative;
}

.slide__pager .pager__icons {
   display: inline-block;
   margin-right: 15px;
}

.slide__pager h5 {
   font-weight: 700;
   color: #ffffff;
   font-size: 16px;
   margin-bottom: 0;
   display: block;
   width: 100%;
}

.slide__pager p {
   display: none;
   margin-bottom: 0;
   font-size: 14px;
   line-height: 18px;
   padding-top: 8px;
   width: 100%;
}

.slide__pager .icon2 {
   display: none;
}

.banner__pager a::before {
   content: '';
   width: 0;
   height: 6px;
   display: block;
   background: #0bc4ef;
   position: absolute;
   right: 0px;
   left: 0;
   top: -3px;
   margin: auto;
   border-radius: 3px;
   z-index: 2;
   transition: all ease-out 0.5s;
}

.banner__pager a::after {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 8px solid #0bc4ef;
   border-color: transparent transparent #0bc4ef transparent;
   z-index: 2;
   position: absolute;
   top: -18px;
   left: 0;
   right: 0;
   margin: auto;
   transition: all ease-out 0.5s;
   opacity: 0;
}

.banner__pager a.active::before {
   width: 77%;
}

.banner__pager a.active::after {
   opacity: 1;
}

.banner__pager a.active .slide__pager {
   padding: 22px 18px;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}

.banner__pager a.active .slide__pager .pager__icons {
   width: 55px;
}

.banner__pager a.active .slide__pager {
   background: #ffffff;
}

.banner__pager a.active .slide__pager .icon2 {
   display: block;
}

.banner__pager a.active .slide__pager .icon1 {
   display: none;
}

.banner__pager a.active .slide__pager h5 {
   color: #000000;
}

.banner__pager a.active .slide__pager h5 br {
   display: none;
}

.banner__pager a.active .slide__pager p {
   display: block;
}

.home__plans--section {
   display: block;
   background: #0b274b;
}

.home__plans--section .commen__head {
   max-width: 1100px;
   margin: auto;
}

.home__plans--section .commen__head h3 {
   color: #ffffff;
}

.home__plans--section .commen__head h3 span {
   padding-bottom: 10px;
}

.home__plans--section .commen__head p {
   color: #92b8d1;
   line-height: 26px;
   font-size: 16px;
}

.home__plans--main {
   display: block;
   margin-bottom: -317px;
}

.home__plans--box {
   display: block;
   margin-top: 50px;
}

.home__plans--gsbox {
   display: block;
   margin-top: 50px;
   padding-bottom: 125px;
}

.home__plans--head {
   display: block;
   text-align: center;
   background: #1a375d;
   margin: 0 11px;
   padding: 25px 20px;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

.home__plans--head h5 {
   color: #ffffff;
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 0;
}

.home__plans--head p {
   color: #91b8d1;
   font-size: 14px;
   margin-bottom: 0;
}

.home__plans--mid {
   display: block;
   padding: 30px 0 50px;
   position: relative;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   min-height: 195px;
   background: rgb(250, 253, 254);
   background: -moz-linear-gradient(top, rgba(250, 253, 254, 1) 13%, rgba(141, 226, 246, 1) 100%);
   background: -webkit-linear-gradient(top, rgba(250, 253, 254, 1) 13%, rgba(141, 226, 246, 1) 100%);
   background: linear-gradient(to bottom, rgba(250, 253, 254, 1) 13%, rgba(141, 226, 246, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafdfe', endColorstr='#8de2f6', GradientType=0);
}

.home__plans__mid--icon {
   display: block;
   overflow: hidden;
}

.home__plans__mid--icon img {
   display: inline-block;
   margin-left: -25px;
}

.home__plans__mid--price {
   display: block;
}

.home__plans__mid--price p {
   color: #7589a4;
   font-size: 14px;
   text-transform: uppercase;
   font-weight: 700;
   margin-bottom: 0;
}

.home__plans__mid--price h3 {
   color: #0a2b6c;
   font-size: 36px;
   font-weight: 500;
   margin-bottom: 0;
}

.home__plans__mid--price h3 span {
   display: block;
   color: #0a2b6c;
   font-size: 22px;
   font-weight: 400;
}

.home__plans--mid .primary__btn {
   max-width: 228px;
   width: 100%;
   position: absolute;
   left: 0;
   bottom: -33px;
   right: 0;
   margin: auto;
   padding: 21px 28px;
   padding-right: 55px;
}

.home__plans--mid .primary__btn::after {
   right: 29px;
   top: 20px;
}

.home__plans--mid .unavailable__btn {
   max-width: 228px;
   width: 100%;
   position: absolute;
   left: 0;
   bottom: -33px;
   right: 0;
   margin: auto;
   padding: 21px 28px;
   padding-right: 55px;
}

.home__plans--mid .unavailable__btn::after {
   right: 29px;
   top: 20px;
}

.home__plans--bottom {
   display: block;
   padding: 60px 30px 30px 30px;
   background: #ffffff;
   -webkit-border-bottom-right-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-bottomleft: 10px;
   border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.home__plans--bottom ul {
   display: block;
}

.home__plans--bottom ul li {
   color: #63869d;
   display: block;
   font-size: 14px;
   font-weight: 400;
   padding: 15px 0;
   border-top: 1px solid #dee8f4;
}

.home__plans--bottom ul li:first-child {
   border-top: none;
}

.home__plans--bottom ul li b {
   color: #1b2f4a;
   font-weight: 700;
}

.home__plans--bottom ul li .icon {
   color: #b4b9d2;
   font-size: 20px;
   display: inline-block;
   margin-right: 10px;
}

.home__colocation--block {
   display: block;
   background: url(../img/home__colocation--bg.jpg) no-repeat center top;
   background-size: cover;
   padding-top: 380px;
}

.home__colocation--main {
   display: block;
}

.home__colocation--left {
   display: block;
   margin-left: -80px;
   margin-right: -225px;
}

.home__colocation--right {
   display: block;
}

.home__colocation--right h2 {
   color: #0a2b6c;
   font-size: 48px;
   line-height: 57px;
}

.home__colocation--right h2 span {
   display: block;
   color: #0bc4ef;
   font-size: 16px;
   text-transform: uppercase;
   line-height: 24px;
   font-weight: 700;
   padding-bottom: 5px;
}

.home__colocation--right p {
   color: #7091a7;
   font-size: 16px;
   line-height: 26px;
   margin-bottom: 25px;
}

.commen__ul {
   display: block;
   margin-bottom: 30px;
}

.commen__ul li {
   display: block;
   position: relative;
   color: #1b2f4a;
   font-size: 14px;
   font-weight: 400;
   padding: 3px 0;
   padding-left: 32px;
}

.commen__ul li::before {
   content: "\e907";
   font-family: 'icomoon';
   display: inline-block;
   color: #0bc4ef;
   font-size: 18px;
   position: absolute;
   left: 0;
   top: 1px;
}

.home__colocation--right .banner__plans {
   display: flex;
   flex-direction: row;
}

.home__colocation--right .banner__plans--left .starting__at {
   color: #7589a4;
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
   line-height: 14px;
   margin-bottom: 0;
}

.home__colocation--right .banner__plans--left h3 {
   font-size: 36px;
   font-weight: 500;
   line-height: 50px;
   color: #0a2b6c;
}

.home__colocation--right .banner__plans--left h3 span {
   font-size: 22px;
   font-weight: 400;
   color: #0a2b6c;
}

.home__colocation--right .primary__btn {
   padding: 20px 37px;
   padding-right: 70px;
   font-size: 16px;
}

.home__colocation--right .primary__btn::after {
   top: 20px;
   right: 25px;
}

.home__colocation--right .unavailable__btn {
   padding: 20px 37px;
   padding-right: 70px;
   font-size: 16px;
}

.home__colocation--right .unavailable__btn::after {
   top: 20px;
   right: 25px;
}

.home__game__server--block {
   display: block;
   overflow: hidden;
   background: rgb(6, 27, 52);
   /* Old browsers */
   background: -moz-linear-gradient(top, rgba(6, 27, 52, 1) 0%, rgba(12, 48, 105, 1) 100%);
   background: -webkit-linear-gradient(top, rgba(6, 27, 52, 1) 0%, rgba(12, 48, 105, 1) 100%);
   background: linear-gradient(to bottom, rgba(6, 27, 52, 1) 0%, rgba(12, 48, 105, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#061b34', endColorstr='#0c3069', GradientType=0);
}

.home__game__server--block .home__colocation--right {
   padding: 78px 0;
}

.home__game__server--block .home__colocation--right h2 {
   color: #ffffff;
}

.home__game__server--block .home__colocation--right h2 span {
   color: #0bc4ef;
}

.home__game__server--block .home__colocation--right p {
   color: #7091a7;
}

.home__game__server--block .commen__ul li {
   color: #ffffff;
}

.home__game__server--block .banner__plans--left h3 {
   color: #ffffff;
}

.home__game__server--block .banner__plans--left h3 span {
   color: #ffffff;
}

.home__game__server--right {
   display: block;
   margin-left: -95px;
   margin-right: -100px;
}

.home__promise--block {
   display: block;
   padding: 110px 0 260px;
   background: #0b274b;
   position: relative;
}

.home__promise--block::after {
   content: '';
   width: 100%;
   height: 506px;
   display: block;
   background: url(../img/home__promise--bg.jpg) no-repeat center top;
   background-size: cover;
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
}

.home__promise--block .commen__head {
   margin-bottom: 0;
   padding-bottom: 0;
}

.home__promise--block .commen__head h3 {
   color: #ffffff;
}

.home__promise--block .commen__head h3 span {
   color: #0bc4ef;
}

.home__promise--block .commen__head p {
   color: #92b8d1;
}

.home__promise--main {
   display: block;
   overflow: hidden;
   position: relative;
   z-index: 3;
}

.home__promise--box {
   text-align: center;
   padding: 55px 40px;
   position: relative;
}

.home__promise--box .icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   min-height: 111px;
}

.home__promise--box h4 {
   color: #ffffff;
   font-size: 18px;
   font-weight: 700;
}

.home__promise--box p {
   color: #6d9fbf;
   font-size: 14px;
   line-height: 22px;
}

.home__promise--box::before {
   content: '';
   width: 100%;
   height: 1px;
   display: block;
   background: #324763;
   position: absolute;
   left: 0;
   top: -1px;
}

.home__location--block {
   display: block;
   background: #0b274b;
}

.home__location--left {
   display: block;
   position: relative;
   margin-right: -441px;
}

.location__mark {
   width: 13px;
   height: 13px;
   display: block;
   background: #ffffff;
   position: absolute;
   border-radius: 100%;
}

.location__mark span {
   display: block;
   background: #082244;
   width: 110px;
   height: 34px;
   display: block;
   border-radius: 5px;
   color: #ffffff;
   font-size: 12px;
   text-transform: uppercase;
   text-align: center;
   line-height: 34px;
   position: absolute;
   border: 1px solid #0ab8fa;
   box-shadow: 19px 19px 27px 0 rgb(12 184 249 / 27%);
}

.location__mark:hover span {
   background: rgb(19, 184, 246);
   background: -moz-linear-gradient(top, rgba(19, 184, 246, 1) 0%, rgba(25, 240, 228, 1) 100%);
   background: -webkit-linear-gradient(top, rgba(19, 184, 246, 1) 0%, rgba(25, 240, 228, 1) 100%);
   background: linear-gradient(to bottom, rgba(19, 184, 246, 1) 0%, rgba(25, 240, 228, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13b8f6', endColorstr='#19f0e4', GradientType=0);
}

.location__mark span:hover::after {
   display: none;
}

.los_angeles__mark {
   left: 65px;
   top: 180px;
}

.dallas__mark {
   left: 133px;
   top: 195px;
}

.charlotte__mark {
   left: 209px;
   top: 160px;
}

.london__mark {
   left: 485px;
   top: 107px;
}

.germany__mark {
   left: 560px;
   top: 97px;
}

.bottom__arrow span {
   top: 17px;
   left: -49px;
}

.bottom__arrow span::before {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 8px solid #0ab8fa;
   border-color: transparent transparent #0ab8fa transparent;
   position: absolute;
   left: 0;
   right: 0;
   top: -17px;
   margin: auto;
}

.bottom__arrow span::after {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 7px solid #082244;
   border-color: transparent transparent #082244 transparent;
   position: absolute;
   left: 0;
   right: 0;
   top: -14px;
   margin: auto;
}

.top__arrow span {
   bottom: 16px;
   left: -49px;
}

.top__arrow span::before {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 8px solid #19f0e4;
   border-color: #19f0e4 transparent transparent transparent;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -16px;
   margin: auto;
}

.top__arrow span::after {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 7px solid #082244;
   border-color: #082244 transparent transparent transparent;
   position: absolute;
   left: 0;
   right: 0;
   bottom: -14px;
   margin: auto;
}

.right__arrow span {
   bottom: -8px;
   left: 20px;
}

.right__arrow span::before {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 8px solid #19f0e4;
   border-color: transparent #19f0e4 transparent transparent;
   position: absolute;
   left: -16px;
   top: 0;
   bottom: 0px;
   margin: auto;
}

.right__arrow span::after {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 7px solid #082244;
   border-color: transparent #082244 transparent transparent;
   position: absolute;
   left: -14px;
   top: 0;
   bottom: 0px;
   margin: auto;
}

.left__arrow span {
   bottom: -11px;
   right: 16px;
}

.left__arrow span::before {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 8px solid #19f0e4;
   border-color: transparent transparent transparent #19f0e4;
   position: absolute;
   right: -16px;
   top: 0;
   bottom: 0px;
   margin: auto;
}

.left__arrow span::after {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 7px solid #082244;
   border-color: transparent transparent transparent #082244;
   position: absolute;
   right: -14px;
   top: 0;
   bottom: 0px;
   margin: auto;
}

.mobile__map {
   display: none;
}

.home__location--right {
   display: block;
   padding-left: 75px;
   position: relative;
   z-index: 2;
}

.home__location--right h3 {
   color: #ffffff;
   margin-bottom: 15px;
   line-height: 63px;
}

.home__location--right h3 span {
   color: #0bc4ef;
   font-size: 16px;
   line-height: 24px;
   font-weight: 700;
   display: block;
   padding-bottom: 10px;
}

.home__location--right p {
   color: #7b95b7;
   font-size: 16px;
   line-height: 26px;
   margin-bottom: 45px;
}

.home__location--right .primary__btn {
   background: none;
   font-size: 16px;
   border: 1px solid #0bc4ef;
   padding: 20px 35px;
   padding-right: 70px;
}

.home__location--right .primary__btn::after {
   right: 25px;
   top: 20px;
}

.home__location--right .primary__btn:hover {
   background: #0bc4ef;
}

.home__testimonial--block {
   display: block;
   padding: 75px 0 60px;
}

.home__testimonial--head {
   display: block;
   position: relative;
   padding: 0 98px;
   margin-bottom: 45px;
}

.home__testimonial--head::before {
   content: "\e908";
   font-family: 'icomoon';
   display: inline-block;
   font-size: 80px;
   line-height: 70px;
   color: #d8edf4;
   position: absolute;
   left: 0;
   top: 0;
}

.home__testimonial--head h3 {
   margin-bottom: 10px;
}

.home__testimonial--head h3 span {
   color: #0bc4ef;
   font-size: 16px;
   line-height: 24px;
   font-weight: 700;
   display: block;
   padding-bottom: 5px;
   text-transform: uppercase;
}

.home__testimonial--head p {
   color: #7091a7;
   font-size: 16px;
}

.home__testimonial--slider {
   display: block;
}

.testimonial__items {
   display: block;
   margin: 13px;
}

.testimonial__box {
   display: block;
   padding: 13px 24px 24px 13px;
   background: #f4fafc;
   border-radius: 20px;
   position: relative;
}

.testimonial__box::after {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 25px solid #f4fafc;
   border-color: #f4fafc transparent transparent #f4fafc;
   position: absolute;
   left: 40px;
   bottom: -50px;
}

.testimonial__content {
   display: block;
   padding: 40px 35px;
   background: #ffffff;
   box-shadow: 9px 9px 0 0 #d8edf4;
   border-radius: 10px;
   position: relative;
}

.testimonial__content::before {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 18px solid #ffffff;
   border-color: #ffffff transparent transparent #ffffff;
   position: absolute;
   left: 40px;
   bottom: -36px;
   z-index: 2;
}

.testimonial__content::after {
   content: '';
   width: 0;
   height: 0;
   display: block;
   border: 21px solid #d8edf4;
   border-color: #d8edf4 transparent transparent #d8edf4;
   position: absolute;
   left: 47px;
   bottom: -43px;
   z-index: 1;
}

.testimonial__content p {
   color: #61778d;
   font-size: 16px;
   line-height: 28px;
}

.testimonial__client {
   display: block;
   margin-top: 20px;
   position: relative;
   z-index: 2;
   padding-left: 20px;
}

.testimonial__client h5 {
   color: #0b274b;
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 0;
}

.testimonial__client h5 .icon {
   width: 45px;
   height: 45px;
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px;
   text-align: center;
   line-height: 45px;
   border-radius: 100%;
   color: #ffffff;
   font-size: 24px;
   background: rgb(17, 195, 237);
   background: -moz-linear-gradient(top, rgba(17, 195, 237, 1) 0%, rgba(33, 243, 228, 1) 100%);
   background: -webkit-linear-gradient(top, rgba(17, 195, 237, 1) 0%, rgba(33, 243, 228, 1) 100%);
   background: linear-gradient(to bottom, rgba(17, 195, 237, 1) 0%, rgba(33, 243, 228, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#11c3ed', endColorstr='#21f3e4', GradientType=0);
}

.home__testimonial--arrows {
   display: flex;
   position: absolute;
   right: 0;
   top: 25px;
}

.testimonial__arrow {
   display: inline-block;
   margin-left: 15px;
   display: block;
   width: 38px;
   height: 38px;
   border: 3px solid #d8edf4 !important;
   border-radius: 100%;
   position: relative;
   text-align: center;
   line-height: 34px;
   color: #0bc4ef;
   font-size: 14px;
}

.partners__customers--block {
   display: block;
}

.partners__customers--block h3 {
   color: #0a2b6c;
   font-size: 36px;
   text-align: center;
   margin-bottom: 40px;
}

.partners__customers--main {
   display: block;
   padding: 60px 0;
   border-top: 1px solid #e6ebf3;
}

.partners__customers--main .owl-carousel .owl-item img {
   width: auto;
   margin: auto;
}

.partners__logo {
   display: block;
   text-align: center;
   height: 150px;
   width: 150px;
}

.partners__customers--main .owl-nav {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   position: absolute;
   left: 0;
   bottom: 18px;
}

.partners__customers--main button {
   display: block;
   width: 38px;
   height: 38px;
   border: 3px solid #d8edf4 !important;
   border-radius: 100%;
   position: relative;
}

.partners__customers--main .owl-prev {
   left: -30px;
}

.partners__customers--main .owl-prev::before {
   content: "\e90a";
   font-family: 'icomoon';
   display: block;
   width: 33px;
   height: 36px;
   text-align: center;
   line-height: 32px;
   color: #0bc4ef;
   font-size: 12px;
}

.partners__customers--main .owl-next {
   right: -30px;
}

.partners__customers--main .owl-next::before {
   content: "\e90b";
   font-family: 'icomoon';
   display: block;
   width: 33px;
   height: 36px;
   text-align: center;
   line-height: 32px;
   color: #0bc4ef;
   font-size: 12px;
}

.need__more--block {
   display: block;
   background: rgb(11, 196, 239);
   background: -moz-linear-gradient(45deg, rgba(11, 196, 239, 1) 26%, rgba(11, 196, 239, 1) 26%, rgba(11, 145, 239, 1) 76%);
   background: -webkit-linear-gradient(45deg, rgba(11, 196, 239, 1) 26%, rgba(11, 196, 239, 1) 26%, rgba(11, 145, 239, 1) 76%);
   background: linear-gradient(45deg, rgba(11, 196, 239, 1) 26%, rgba(11, 196, 239, 1) 26%, rgba(11, 145, 239, 1) 76%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0bc4ef', endColorstr='#0b91ef', GradientType=1);
}

.need__more--main {
   display: block;
   min-height: 211px;
   position: relative;
   padding: 56px 0;
   padding-left: 318px;
   padding-right: 221px;
}

.need__more--main .need__more--icon {
   display: inline-block;
   position: absolute;
   left: 0;
   bottom: 0;
}

.need__more--main .primary__btn {
   position: absolute;
   right: 0;
   top: 70px;
   background: #ffffff;
   color: #0b91ef;
   padding: 19px 29px;
   padding-right: 60px;
   font-size: 16px;
}

.need__more--main .primary__btn::after {
   color: #0b91ef;
   right: 28px;
   top: 19px;
}

.need__more--main h3 {
   color: #ffffff;
   font-weight: 500;
   margin-bottom: 0;
   line-height: 49px;
}

.need__more--main p {
   color: #e1edf5;
   margin-bottom: 0;
   line-height: 26px;
}

.footer__block {
   display: block;
   background: #0b274b;
}

.footer__top--block {
   display: block;
   padding: 50px 0;
}

.footer__top--left {
   display: block;
}

.footer__links--box {
   display: block;
   margin-top: 17px;
}

.footer__links--box h5 {
   color: #ffffff;
   font-size: 16px;
   font-weight: 700;
}

.footer__links {
   display: block;
}

.footer__links li {
   display: block;
   padding: 4px 0;
}

.footer__links li a {
   display: block;
   font-weight: 400;
   color: #6b85a7;
   font-size: 14px;
}

.footer__links li a:hover {
   color: #ffffff;
}

.footer__payment {
   display: block;
   margin-top: 17px;
   max-width: 202px;
   margin-left: 45px;
}

.footer__payment h5 {
   color: #ffffff;
   font-size: 16px;
   font-weight: 700;
}

.footer__payment--list {
   display: block;
}

.footer__payment--list li {
   display: inline-block;
   margin-top: 7px;
   margin-right: 5px;
}

.discorg__icon {
   display: block;
   margin-top: 17px;
   text-align: right;
}

.footer__bottom--block {
   display: block;
   background: #081d39;
   padding: 27px 0;
}

.footer__bottom--main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.footer__social {
   display: flex;
}

.footer__social li {
   display: inline-block;
   margin-right: 18px;
}

.footer__social li a {
   display: block;
   color: #4e627e;
   font-size: 18px;
}

.footer__social li a:hover {
   color: #ffffff;
}

.footer__bottom--main p {
   margin-bottom: 0;
   color: #5e748f;
   font-size: 14px;
}

/* =====================================================
   Sub pages
   ===================================================== */
.sub__hero--section {
   display: block;
   min-height: 775px;
   background-repeat: no-repeat !important;
   background-position: center top !important;
   background-size: cover !important;
   padding: 100px 0 50px;
}

.sub__hero--content {
   display: block;
   max-width: 830px;
   text-align: center;
   margin: auto;
}

.sub__hero--content h2 {
   color: #ffffff;
}

.sub__hero--content p {
   color: #afd4ec;
   font-size: 20px;
   line-height: 29px;
}

.terms__service--block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background: #0b274b;
   padding: 0 0 100px 0;
   position: relative;
}

.terms__service--block::after {
   content: '';
   width: 100%;
   height: 506px;
   display: block;
   background: url(../img/home__promise--bg.jpg) no-repeat center top;
   background-size: cover;
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
}

.terms__service--main {
   background: #f1f7f9;
   display: block;
   padding: 45px;
   border-radius: 10px;
   position: relative;
   margin-top: -470px;
   position: relative;
   z-index: 5;
}

.terms__service--links {
   display: block;
   padding: 20px 40px;
   background: #ffffff;
   max-width: 326px;
   border-radius: 5px;
   box-shadow: 0 2px 62px 0 rgb(0 0 0 / 6%);
}

.terms__service--links ul {
   display: block;
}

.terms__service--links ul li {
   display: block;
   border-top: 1px solid #d9e3ee;
}

.terms__service--links ul li:first-child {
   border-top: none;
}

.terms__service--links ul li a {
   display: block;
   color: #415477;
   font-size: 14px;
   font-weight: 500;
   padding: 18px 0;
   padding-right: 20px;
   position: relative;
}

.terms__service--links ul li a::after {
   content: "\e91b";
   font-family: 'icomoon';
   width: 16px;
   height: 16px;
   display: block;
   border-radius: 100%;
   background: #c0d1d8;
   position: absolute;
   right: 0;
   top: 22px;
   font-size: 7px;
   text-align: center;
   line-height: 16px;
   color: #ffffff;
}

.terms__service--links ul li:hover a,
.terms__service--links ul li.active a {
   color: #02c9ed;
}

.terms__service--links ul li:hover a::after,
.terms__service--links ul li.active a::after {
   background: #02c9ed;
}

.terms__service--content {
   display: block;
   margin-left: -25px;
}

.terms__service--content h3 {
   color: #0a2b6c;
   font-weight: 500;
   font-size: 36px;
   margin-bottom: 10px;
}

.terms__service--content p {
   color: #7091a7;
   font-size: 16px;
   line-height: 26px;
   margin-bottom: 30px;
}

.terms__service--content h4 {
   color: #07224c;
   font-weight: 500;
   font-size: 24px;
   margin-bottom: 10px;
}

.terms__service--content h5 {
   color: #07224c;
   font-weight: 500;
   font-size: 24px;
   margin-bottom: 10px;
}

.terms__service--box {
   display: block;
   padding-top: 30px;
   border-top: 1px solid #dee3e5;
}

.terms__service--list {
   display: block;
   margin-bottom: 20px;
}

.terms__service--list li {
   display: block;
   padding: 10px 0;
   padding-left: 33px;
}

.terms__service--list li a {
   display: block;
   position: relative;
   color: #00b1d1;
   font-size: 14px;
   font-weight: 700;
   text-decoration: underline;
}

.terms__service--list li a::before {
   content: "\e91e";
   font-family: 'icomoon';
   display: inline-block;
   width: 17px;
   height: 17px;
   background: #02c9ed;
   color: #ffffff;
   position: absolute;
   left: -33px;
   top: 2px;
   font-size: 8px;
   border-radius: 100%;
   text-align: center;
   line-height: 17px;
   font-weight: 400;
   -webkit-transition: all ease-out 0.3s;
   -o-transition: all ease-out 0.3s;
   transition: all ease-out 0.3s;
}

.terms__service--list li a:hover {
   color: #50e5ff;
}

.terms__service--list li a:hover::before {
   background: #50e5ff;
}

.shared__hosting--banner {
   min-height: 660px;
   padding-bottom: 0;
}

.shared__hosting--plans {
   display: block;
   margin-bottom: -160px;
}

.shared__hosting--plans .home__plans__mid--icon {
   text-align: center;
}

.shared__hosting--plans .home__plans__mid--icon img {
   margin-left: 0;
}

.plan__type {
   display: inline-block;
   background: #0a2b6c;
   color: #ffffff;
   padding: 4px 20px;
   font-size: 16px;
   line-height: 20px;
   margin-bottom: 5px;
   font-weight: 700;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-bottomright: 10px;
   border-top-left-radius: 10px;
   border-bottom-right-radius: 10px;
}

.shared__hosting--plans .home__plans--bottom ul li .icon {
   position: relative;
   font-size: 25px;
   position: relative;
   top: 4px;
}

.shared__hosting--plans .home__plans--mid .primary__btn {
   font-size: 16px;
}

.shared__features--block {
   display: block;
   padding: 50px 0 0 0;
   background: #eff4fa;
}

.shared__features--main {
   display: block;
   padding: 85px 0;
   border-top: 1px solid #d3dae3;
}

.shared__features--left {
   display: block;
}

.shared__features--right {
   display: block;
   padding: 0 60px;
}

.shared__features--right h3 {
   color: #0b2f64;
   font-size: 40px;
   line-height: 48px;
}

.shared__features--right h3 span {
   display: block;
   color: #0bc4ef;
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
}

.shared__features--right p {
   color: #7a8696;
   font-size: 16px;
   ;
   line-height: 24px;
   margin-bottom: 30px;
}

.shared__features--list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.shared__features--list li {
   width: 48%;
   display: block;
   position: relative;
   margin-bottom: 18px;
   color: #3c5373;
   font-weight: 700;
   padding-left: 29px;
}

.shared__features--list li::before {
   content: "\e907";
   font-family: 'icomoon';
   color: #01ace8;
   display: inline-block;
   font-size: 18px;
   font-weight: 400;
   position: absolute;
   left: 0;
   top: 0;
}

.shared__features--main:first-child {
   border-top: none;
}

.shared__features--right .primary__btn {
   padding: 18px 65px 18px 30px;
   margin-top: 20px;
   font-weight: 600;
   font-size: 16px;
}

.shared__features--right .primary__btn::after {
   top: 18px;
}

.commen__accordien--block {
   display: block;
   background: #0b274b;
   padding-bottom: 55px;
}

.commen__accordien--block h3 {
   text-align: center;
   color: #ffffff;
   margin-bottom: 25px;
}

.commen__accordien--block .accordion-item {
   display: block;
   cursor: pointer;
   border: none;
   border-top: 1px solid #394f6c;
   position: relative;
   background: none;
   color: #ffffff;
   font-size: 18px;
   font-weight: 400;
   padding: 25px 20px 25px 45px;
}

.commen__accordien--block .accordion-item::before {
   content: "\e91d";
   font-family: 'icomoon';
   display: inline-block;
   font-size: 14px;
   color: #b0b2c8;
   position: absolute;
   left: 14px;
   top: 24px;
}

.commen__accordien--block .accordion-item.open {
   border-top: none;
   background: #1b3658;
   color: #02c9ed;
   padding: 25px 20px 5px 45px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

.commen__accordien--block .accordion-item.open::before {
   color: #02c9ed;
}

.commen__accordien--block .data {
   display: none;
   background: #1b3658;
   padding: 5px 20px 15px 45px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
}

.commen__accordien--block .data p {
   color: #7d8ca0;
   font-size: 16px;
   line-height: 24px;
}

.partners__banner--block {
   min-height: 660px;
}

.partners__top--block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background: #eff4fa;
   padding-bottom: 80px;
}

.partners__top--main {
   display: block;
   padding: 50px;
   padding-top: 16px;
   background: #ffffff;
   border: 20px;
   margin-top: -358px;
   border-radius: 10px;
}

.partners__box {
   display: block;
   text-align: center;
   background: #eff4fa;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   overflow: hidden;
   margin-top: 34px;
}

.partners__box--image {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   min-height: 162px;
   padding: 25px;
   border: 1px solid #d9e1eb;
   background: #ffffff;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

.partners__box--content {
   display: block;
   padding: 38px 42px;
}

.partners__box--content h5 {
   color: #07224c;
   font-size: 22px;
   font-weight: 500;
}

.partners__box--content p {
   color: #7091a7;
   font-size: 16px;
   line-height: 26px;
}

.partners__promise--block {
   padding: 70px 0 260px;
}

.partners__promise--block .commen__head {
   max-width: inherit;
}

.partners__promise--block .home__promise--box {
   padding: 40px 50px;
}

.partners__applications--block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background: #0b274b;
   padding-bottom: 100px;
}

.partners__applications--block .container {
   margin-top: -50px;
}

.partners__applications--block .commen__head {
   padding-bottom: 20px;
}

.partners__applications--block .commen__head h3 {
   color: #ffffff;
   margin-bottom: 10px;
}

.partners__applications--block .commen__head p {
   color: #92b8d1;
}

.partners__applications--block .commen__head p a {
   color: #FFFFFF;
}

.partners__app--box {
   display: block;
}

.partners__app--box p {
   margin: 18px 0 3px 0;
   color: #7e9cc3;
   font-size: 14px;
}

.partners__app--input {
   padding: 0 15px;
   height: 48px;
   width: 100%;
   display: block;
   background: #001735;
   border: none;
   color: #ffffff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.partners__app--input:focus {
   outline: none;
   box-shadow: 0 0 0 1px #02c9ed;
   background: #0b274b;
}

.partners__app--textarea {
   padding: 10px 15px;
   height: 140px;
   width: 100%;
   display: block;
   background: #001735;
   border: none;
   color: #ffffff;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   resize: none;
}

.partners__app--textarea:focus {
   outline: none;
   box-shadow: 0 0 0 1px #02c9ed;
   background: #0b274b;
}

.partners__app--btn {
   display: block;
   text-align: center;
   padding-top: 40px;
}

.partners__app--btn .primary__btn {
   padding: 18px 30px;
   padding-right: 70px;
   background: url(../img/btn__arrow.svg) no-repeat 160px 22px #0bc4ef;
   border: none;
   -webkit-transition: all ease-out 0.3s;
   -o-transition: all ease-out 0.3s;
   transition: all ease-out 0.3s;
}

.contact__banner--block {
   display: block;
   min-height: 700px;
}

.contact__features--block {
   display: block;
}

.contact__features--box {
   display: block;
   background: #061f38;
   padding: 32px 30px 50px 30px;
   border-radius: 10px;
   margin-top: 42px;
   text-align: center;
   position: relative;
}

.contact__features--box .icon {
   display: inline-block;
   margin-bottom: 10px;
}

.contact__features--box h5 {
   color: #ffffff;
   font-size: 20px;
   font-weight: 700;
}

.contact__features--box p {
   color: #516e8b;
   font-size: 14px;
   line-height: 22px;
   margin-bottom: 20px;
}

.contact__features--box .primary__btn {
   text-align: left;
   font-size: 14px;
   text-transform: lowercase;
   line-height: 16px;
   font-weight: 400;
   position: absolute;
   left: 0;
   bottom: -30px;
   right: 0;
   margin: auto;
   max-width: 228px;
   width: 100%;
   padding: 12px 40px 15px 25px;
}

.contact__features--box .primary__btn span {
   display: block;
   font-weight: 500;
   font-size: 16px;
   padding-bottom: 2px;
}

.contact__features--box .primary__btn::after {
   right: 25px;
}

.contact__copy--links {
   display: block;
   width: 75%;
   position: absolute;
   left: 0;
   bottom: -20px;
   right: 0;
   margin: auto;
}

.copy__text {
   display: block;
   font-size: 12px;
   color: #445d76;
   text-align: center;
   margin-bottom: 5px;
}

.copy__text--input {
   width: 100%;
   height: 44px;
   border: none;
   display: block;
   border: none;
   padding: 0 50px 0 15px;
   border-radius: 5px;
   font-size: 14px;
   color: #8695a3;
}

.copy__text--btn {
   width: 45px;
   height: 44px;
   border: none;
   background: #02c9ed;
   font-size: 25px;
   color: #ffffff;
   position: absolute;
   right: 0;
   bottom: 0;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 5px;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
   transition: all ease-out 0.3s;
}

.copy__text--btn:hover {
   background: #47e3ff;
}

.contact__page {
   display: block;
   background: #eff4fa;
   padding: 80px 0 95px;
}

.contact__form--block {
   position: relative;
   padding-right: 90px;
}

.contact__form--block::after {
   content: '';
   width: 1px;
   height: 100%;
   display: block;
   background: #bfdce1;
   position: absolute;
   right: 15px;
   top: 0;
}

.contact__form--head {
   display: block;
   padding-bottom: 25px;
}

.contact__form--head h3 {
   color: #07224c;
   font-size: 48px;
   margin-bottom: 10px;
}

.contact__form--head p {
   color: #637b8e;
   font-size: 16px;
   line-height: 20px;
}

.contact__forms {
   position: relative;
}

.contact__form--box {
   display: block;
   margin-bottom: 20px;
}

.contact__form--box label {
   display: block;
   color: #4b6266;
   font-size: 16px;
   margin-bottom: 3px;
}

.contact__form--input {
   width: 100%;
   height: 48px;
   padding: 0 15px;
   border: none;
   box-shadow: 2px 2px 0 0 rgb(0 0 0 / 3%);
   border-radius: 3px;
}

.contact__form--input:focus {
   outline: none;
   box-shadow: 0 0 0 1px #02c9ed;
}

.contact__form--textarea {
   width: 100%;
   height: 97px;
   padding: 10px 15px;
   border: none;
   box-shadow: 2px 2px 0 0 rgb(0 0 0 / 3%);
   border-radius: 3px;
   resize: none;
}

.contact__form--textarea:focus {
   outline: none;
   box-shadow: 0 0 0 1px #02c9ed;
}

.contact__form--select {
   width: 100%;
   height: 48px;
   padding: 0 15px;
   border: none;
   box-shadow: 2px 2px 0 0 rgb(0 0 0 / 3%);
   border-radius: 3px;
}

.contact__form--select:focus {
   outline: none;
   box-shadow: 0 0 0 1px #02c9ed;
}

.contact__form--submit {
   padding: 18px 30px;
   padding-right: 70px;
   background: url(../img/btn__arrow.svg) no-repeat 170px 24px #0bc4ef;
   border: none;
   -webkit-transition: all ease-out 0.3s;
   -o-transition: all ease-out 0.3s;
   transition: all ease-out 0.3s;
   color: #ffffff;
   transition: all ease-out 0.3s;
   border-radius: 10px;
   font-size: 18px;
   font-weight: 500;
}

.contact__form--submit:hover {
   transform: translateX(5px);
}

.contact__help--block {
   display: block;
   padding-left: 40px;
}

.help__head {
   display: block;
}

.help__head h3 {
   color: #07224c;
   font-size: 30px;
   font-weight: 500;
}

.help__head p {
   color: #637b8e;
   font-size: 16px;
   line-height: 22px;
}

.contact__help--listing {
   display: block;
}

.contact__help--listing li {
   display: block;
   border-top: 1px dashed #add1d8;
}

.contact__help--listing li:first-child {
   border-top: none;
}

.contact__help--listing li a {
   display: block;
   padding: 33px 45px 33px 50px;
   position: relative;
}

.contact__help--listing li .icon {
   display: inline-block;
   font-size: 30px;
   color: #02c9ed;
   position: absolute;
   left: 0;
   top: 35px;
}

.contact__help--listing li p {
   margin-bottom: 0;
}

.contact__help--listing li h4 {
   color: #07224c;
   font-size: 22px;
   font-weight: 500;
   margin-bottom: 9px;
}

.contact__help--listing li a::after {
   content: "\e91b";
   font-family: 'icomoon';
   font-size: 18px;
   color: #bfbdd1;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.contact__help--listing li a:hover::after {
   color: #02c9ed;
}

.about__top--block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background: #eff4fa;
   padding-bottom: 100px;
}

.about__top--main {
   display: block;
   padding: 66px 0;
   background: #ffffff;
   border-radius: 10px;
   margin-top: -355px;
}

.about__top--head {
   padding: 0 58px;
}

.about__top--head h3 {
   color: #0a2b6c;
   font-size: 36px;
   font-weight: 500;
}

.about__top--head p {
   font-size: 16px;
   line-height: 26px;
   color: #7091a7;
   padding-left: 35px;
}

.about__top__services--bolock {
   overflow: hidden;
}

.about__top--service {
   position: relative;
   padding: 0 65px;
   margin-top: 35px;
}

.about__top--service::before {
   content: '';
   width: 1px;
   height: 100%;
   display: block;
   background: #dfe8f2;
   position: absolute;
   left: -5px;
   top: 0;
}

.about__top--service .icon {
   display: inline-block;
   margin-bottom: 10px;
}

.about__top--service h5 {
   color: #07224c;
   font-weight: 500;
   font-size: 20px;
   margin-bottom: 10px;
}

.about__top--service p {
   color: #778b9b;
}

.about__top--block .commen__head {
   display: block;
   margin: auto;
   margin-top: 60px;
   margin-top: 35px;
}

.about__top--block .commen__head h3 {
   margin-bottom: 0;
   font-size: 48px;
   color: #0a2b6c;
}

.about__top--block .commen__head p {
   color: #7091a7;
}

.about__history--block {
   display: block;
}

.about__history--listing {
   display: block;
   position: relative;
}

.about__history--listing li {
   display: block;
   position: relative;
}

.about__history--listing li::before {
   content: '';
   width: 4px;
   height: 100%;
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   margin: auto;
   background: #cddaea;
}

.about__history--listing li:last-child:before {
   display: none;
}

.about__history--listing li:nth-child(odd) {
   text-align: left;
}

.about__history--listing li:nth-child(even) {
   text-align: right;
}

.about__history--box {
   display: inline-block;
   max-width: 540px;
   width: 100%;
   text-align: left;
   position: relative;
}

.about__history--box::before {
   content: '';
   width: 23px;
   height: 23px;
   display: block;
   background: #ffffff;
   border: 5px solid #02c9ed;
   border-radius: 100%;
   position: absolute;
   right: 9px;
   top: 0;
   bottom: 0;
   margin: auto;
   z-index: 2;
}

.about__history--box::after {
   content: '';
   width: 125px;
   height: 27px;
   display: block;
   border-bottom: 4px dashed #cddaea;
   border-right: 4px dashed #cddaea;
   position: absolute;
   right: -110px;
   top: 0;
   bottom: 20px;
   margin: auto;
   z-index: 2;
   -webkit-border-bottom-right-radius: 25px;
   -moz-border-radius-bottomright: 25px;
   border-bottom-right-radius: 25px;
   z-index: 1;
}

.about__history--box h3 {
   width: 155px;
   height: 75px;
   line-height: 85px;
   display: block;
   background: #eff4fa;
   color: #02c9ed;
   font-size: 48px;
   font-weight: 900;
   position: absolute;
   right: -185px;
   top: -15px;
   text-align: center;
   z-index: 3;
}

.about__history--left {
   display: inline-block;
   overflow: hidden;
   position: relative;
   -webkit-border-bottom-right-radius: 50px;
   -moz-border-radius-bottomright: 50px;
   border-bottom-right-radius: 50px;
}

.about__history--right {
   display: block;
}

.about__history--right h5 {
   color: #16355d;
   font-size: 20px;
   line-height: 25px;
   font-weight: 500;
}

.about__history--right p {
   color: #778b9b;
   font-size: 16px;
   line-height: 24px;
}

.about__history--listing li:nth-child(even) .about__history--left {
   border-radius: 0px;
   -webkit-border-bottom-left-radius: 50px;
   -moz-border-radius-bottomleft: 50px;
   border-bottom-left-radius: 50px;
}

.about__history--listing li:nth-child(even) .about__history--box::before {
   position: absolute;
   right: inherit;
   left: -10px;
}

.about__history--listing li:nth-child(even) .about__history--box::after {
   right: inherit;
   left: -110px;
   -webkit-transform: rotateY(180deg);
   transform: rotateY(180deg);
}

.about__history--listing li:nth-child(even) .about__history--box h3 {
   right: inherit;
   left: -185px;
}

.about__history--listing li:last-child .about__history--box::after {
   height: 120px;
   border-left: 4px dashed #cddaea;
   border-right: none;
   -webkit-border-bottom-left-radius: 25px;
   -moz-border-radius-bottomleft: 25px;
   border-bottom-left-radius: 25px;
   bottom: 119px;
   -webkit-transform: rotateY(0deg);
   transform: rotateY(0deg);
}

.about__management--block {
   display: block;
   padding: 75px 0 370px;
   background: #0b274b;
   position: relative;
}

.about__management--block::after {
   content: '';
   width: 100%;
   height: 506px;
   display: block;
   background: url(../img/home__promise--bg.jpg) no-repeat center top;
   background-size: cover;
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
   margin: auto;
}

.about__management--block .commen__head {
   max-width: 770px;
}

.about__management--block .commen__head h3 {
   color: #ffffff;
}

.about__management--block .commen__head p {
   color: #92b8d1;
}

.about__management--main {
   display: block;
   position: relative;
   z-index: 3;
   overflow: hidden;
}

.about__management--box {
   position: relative;
   text-align: center;
   margin-top: 35px;
   padding: 0 40px;
}

.about__management--box::before {
   content: '';
   width: 1px;
   height: 100%;
   display: block;
   position: absolute;
   left: -1px;
   top: 0;
   background: #2a476d;
}

.management__box--image {
   display: inline-block;
   max-width: 128px;
   min-height: 128px;
   width: 100%;
   display: 100%;
   position: relative;
   margin-bottom: 15px;
}

.management__box--image::after {
   content: '';
   width: 100%;
   height: 100%;
   display: block;
   background: url(../img/management__frame.png) no-repeat center top;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
}

.about__management--box h5 {
   color: #ffffff;
   font-size: 14px;
   font-weight: 700;
}

.about__management--box h5 span {
   display: block;
   font-size: 12px;
   color: #a6c4d4;
   font-weight: 400;
}

.about__management--box p {
   font-size: 16px;
   color: #6b809a;
   line-height: 24px;
   margin-bottom: 25px;
}

.management__box--social {
   display: block;
   text-align: center;
}

.management__box--social li {
   display: inline-block;
   margin: 0 3px;
   vertical-align: middle;
}

.management__box--social li a {
   display: block;
   width: 30px;
   height: 30px;
   background: #456a95;
   color: #fdffff;
   text-align: center;
   line-height: 30px;
   border-radius: 100%;
   font-size: 14px;
}

.management__box--social li a:hover {
   background: #00b7ff;
}

.about__gallery--block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background: #0b274b;
   padding-bottom: 110px;
}

.about__gallery--main {
   position: relative;
   z-index: 3;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-top: -30px;
}

.about__gallery--main .left {
   max-width: 297px;
}

.about__gallery--main .middle {
   max-width: 608px;
}

.about__gallery--main .right {
   max-width: 347px;
}

.about__gallery--box {
   display: block;
   position: relative;
}

.about__gallery--box a {
   display: block;
   width: 100%;
   height: 100%;
   position: relative;
}

.about__gallery--box a::before {
   content: "\e911";
   font-family: 'icomoon';
   width: 86px;
   height: 86px;
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   font-size: 36px;
   color: #ffffff;
   border-radius: 100%;
   text-align: center;
   line-height: 86px;
   font-weight: 400;
   box-shadow: 0 0 40px 0 #18f2e391;
   opacity: 0;
   background: rgb(9, 200, 235);
   -webkit-transition: all ease-out 0.3s;
   -o-transition: all ease-out 0.3s;
   transition: all ease-out 0.3s;
   background: -moz-linear-gradient(top, rgba(9, 200, 235, 1) 0%, rgba(24, 241, 227, 1) 100%);
   background: -webkit-linear-gradient(top, rgba(9, 200, 235, 1) 0%, rgba(24, 241, 227, 1) 100%);
   background: linear-gradient(to bottom, rgba(9, 200, 235, 1) 0%, rgba(24, 241, 227, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09c8eb', endColorstr='#18f1e3', GradientType=0);
}

.about__gallery--box a:hover::before {
   opacity: 1;
}

.colocation__top--block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   background: #eff4fa;
   padding-bottom: 100px;
}

.colocation__top--main {
   display: block;
   margin-top: -355px;
   background: #ffffff;
}

.colocation__top--head {
   display: block;
   background: #eff4fa;
   padding: 25px 48px;
}

.colocation__top--filtor {
   display: block;
}

.colocation__top--filtor p {
   color: #4b6266;
   font-size: 14px;
   margin-bottom: 0;
}

.filterby {
   width: 100%;
   height: 48px;
   border: none;
   padding: 0 15px;
   font-size: 14px;
   color: #4b6266;
   box-shadow: 3px 3px 0 0 #e8ecf2;
   border: 1px solid #ffffff;
   border-radius: 3px;
}

.filterby:focus {
   outline: none;
   border-color: #02c9ed;
}

.FilterContainer {
   display: block;
   padding: 0px 40px 30px 40px;
   background: #ffffff;
}

.FilterContainer .all {
   margin-bottom: 6px;
}

.colocation__plan--head {
   display: block;
   padding: 0 40px;
   margin-top: 26px;
}

.colocation__table--head {
   display: block;
   font-size: 0;
   padding: 0 18px;
}

.colocation__table--head li {
   display: inline-block;
   color: #72888c;
   font-size: 14px;
   font-weight: 400;
}

.colocation__table--head li:nth-child(1) {
   width: 20%;
}

.colocation__table--head li:nth-child(2) {
   width: 10%;
}

.colocation__table--head li:nth-child(3) {
   width: 10%;
}

.colocation__table--head li:nth-child(4) {
   width: 10%;
}

.colocation__table--head li:nth-child(5) {
   width: 10%;
}

.colocation__table--head li:nth-child(6) {
   width: 10%;
}

.colocation__table--head li:nth-child(7) {
   width: 10%;
}

.colocation__table--head li:nth-child(8) {
   width: 20%;
   text-align: center;
}

.colocation__plan--box {
   display: block;
   border: 1px solid #ddebee;
   padding: 10px 10px;
   font-size: 0;
}

.colocation__plan--box li {
   display: inline-block;
   color: #3c5373;
   font-size: 15px;
   font-weight: 700;
   vertical-align: middle;
}

.colocation__plan--box li .icon {
   display: inline-block;
   margin-right: 25px;
}

.colocation__plan--box .primary__btn {
   padding: 15px 30px;
   padding-right: 50px;
   font-size: 14px;
}

.colocation__plan--box .primary__btn::after {
   top: 15px;
   right: 20px;
}

.colocation__plan--box .unavailable__btn {
   padding: 15px 30px;
   padding-right: 50px;
   font-size: 14px;
}

.colocation__plan--box .unavailable__btn::after {
   top: 15px;
   right: 20px;
}

.colocation__plan {
   display: block;
}

.colocation__plan p {
   margin-bottom: 0;
   font-size: 14px;
   color: #72888c;
}

.colocation__plan h5 {
   margin-bottom: 0;
   font-size: 20px;
   color: #0a2b6c;
}

.colocation__plan h5 span {
   font-size: 14px;
}

.colocation__plan--box li b {
   display: none;
   font-weight: 400;
   color: #9faeb1;
}

.colocation__plan--box li:nth-child(1) {
   width: 20%;
}

.colocation__plan--box li:nth-child(2) {
   width: 10%;
}

.colocation__plan--box li:nth-child(3) {
   width: 10%;
}

.colocation__plan--box li:nth-child(4) {
   width: 10%;
}

.colocation__plan--box li:nth-child(5) {
   width: 10%;
}

.colocation__plan--box li:nth-child(6) {
   width: 10%;
}

.colocation__plan--box li:nth-child(7) {
   width: 10%;
}

.colocation__plan--box li:nth-child(8) {
   width: 20%;
   text-align: right;
}

.colocation__servers--include {
   display: block;
   padding-top: 55px;
}

.colocation__servers--include .commen__head h3 {
   margin-bottom: 0;
}

.colocation__include--servers {
   display: block;
}

.colocation__includes {
   position: relative;
   background: #ffffff;
   margin-top: 24px;
   border-radius: 10px;
   overflow: hidden;
}

.colocation__includes h4 {
   color: #07224c;
   font-size: 22px;
   font-weight: 500;
   padding: 23px 28px 23px 70px;
   margin-bottom: 0;
   border-bottom: 1px solid #e9f2f4;
}

.colocation__includes h4 .icon {
   font-weight: 400;
   color: #02c9ed;
   font-size: 30px;
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px;
   position: absolute;
   left: 25px;
   top: 22px;
}

.colocation__includes--listing {
   display: block;
   padding: 30px 28px;
}

.colocation__includes--listing li {
   display: block;
   color: #6f7987;
   font-size: 14px;
   font-weight: 400;
   padding: 4px 0;
   padding-left: 32px;
   position: relative;
}

.colocation__includes--listing li::before {
   content: "\e907";
   font-family: 'icomoon';
   color: #90bcc6;
   display: inline-block;
   position: absolute;
   left: 0;
   top: 3px;
   font-size: 18px;
}

.colocation__applications--block .partners__app--textarea {
   height: 234px;
}

.colocation__applications--block .partners__app--btn .primary__btn {
   text-transform: capitalize;
   font-weight: 500;
   background: url(../img/btn__arrow.svg) no-repeat 175px 24px #0bc4ef;
}

.colocation__location--block {
   padding: 75px 0 370px;
}

.colocation__location--block .container {
   position: relative;
   z-index: 2;
}

.colocation__location--main {
   display: block;
}

.colocation__location--box {
   background: #16355d;
   border-radius: 10px;
   padding: 15px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 20px;
}

.colocation__location--box h5 {
   color: #ffffff;
   font-size: 16px;
   font-weight: 500;
   margin: 0;
   padding-left: 42px;
   position: relative;
}

.colocation__location--box h5::before {
   content: "\e918";
   font-family: 'icomoon';
   display: inline-block;
   position: absolute;
   left: 0;
   top: 0;
   color: #718fb6;
   position: absolute;
   left: 0;
   top: 4px;
   font-size: 24px;
}

.colocation__location--box h5 span {
   display: block;
}

.colocation__location--box .primary__btn {
   padding: 10px 25px;
   padding-right: 40px;
   font-size: 14px;
}

.colocation__location--box .primary__btn::after {
   top: 10px;
   right: 15px;
   font-size: 12px;
}

.colocation__location--box .unavailable__btn {
   padding: 10px 25px;
   padding-right: 40px;
   font-size: 14px;
}

.colocation__location--box .unavailable__btn::after {
   top: 10px;
   right: 15px;
   font-size: 12px;
}

.colocation__bandwidth {
   display: block;
   margin-top: 70px;
   padding-top: 55px;
   border-top: 1px solid #324763;
}

.colocation__bandwidth .commen__head h3 {
   margin-bottom: 0;
}

.colocation__bandwidth--box {
   display: block;
   padding: 25px 40px;
   background: #16355d;
   border-radius: 10px;
   margin-top: 25px;
   box-shadow: 0 0 30px 0 #0000000c;
}

.colocation__bandwidth--box .icon {
   display: inline-block;
   margin-bottom: 5px;
}

.colocation__bandwidth--box h5 {
   color: #ffffff;
   font-size: 22px;
   font-weight: 500;
}

.colocation__bandwidth--box h6 {
   color: #0bc4ef;
   font-size: 16px;
   font-weight: 500;
}

/*===============================================================
font-family: 'icomoon';
font-family: 'FontAwesome';
font-family: "sofia-pro",sans-serif;
===============================================================*/