*,*::before,*::after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html{
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -ms-overflow-style:scrollbar;
    -webkit-tap-highlight-color:transparent
}
@-ms-viewport{
    width:device-width
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block
}
body{
    margin:0;
    font-family: 'century';
    font-weight:300;
    line-height:1.9;
    font-size: 16px;
    background: #dbdcdd;
}
body.home{
    font-size:1rem;
    color:#fff;
    text-align:left;
    background-color:#182b5c
}
[tabindex="-1"]:focus{
    outline:0!important
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:.5rem
}
p{
    margin-top:0;
    margin-bottom:1rem
}
abbr[title],abbr[data-original-title]{
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
    cursor:help;
    border-bottom:0
}
address{
    margin-bottom:1rem;
    font-style:normal;
    line-height:inherit
}
ol,ul,dl{
    margin-top:0;
    margin-bottom:1rem
}
ol ol,ul ul,ol ul,ul ol{
    margin-bottom:0
}
dt{
    font-weight:700
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
dfn{
    font-style:italic
}
b,strong{
    font-weight:bold
}
small{
    font-size:80%
}
sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
a{
    color:#182b5c;
    text-decoration:none;
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:hover{
    color:#000;
    text-decoration:underline
}
a:not([href]):not([tabindex]){
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus{
    outline:0
}
pre,code,kbd,samp{
    font-family:SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;
    font-size:1em
}
pre{
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto;
    -ms-overflow-style:scrollbar
}
figure{
    margin:0 0 1rem
}
img{
    vertical-align:middle;
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
table{
    border-collapse:collapse
}
caption{
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:red;
    text-align:left;
    caption-side:bottom
}
th{
    text-align:inherit
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
button{
    border-radius:0
}
button:focus{
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
}
input,button,select,optgroup,textarea{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html [type=button],[type=reset],[type=submit]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
    padding:0;
    border-style:none
}
input[type=radio],input[type=checkbox]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=date],input[type=time],input[type=datetime-local],input[type=month]{
    -webkit-appearance:listbox
}
textarea{
    overflow:auto;
    resize:vertical
}
fieldset{
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend{
    display:block;
    width:100%;
    max-width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:1.5rem;
    line-height:inherit;
    color:inherit;
    white-space:normal
}
progress{
    vertical-align:baseline
}
@-webkit-keyframes swiper-preloader-spin{
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes swiper-preloader-spin{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html{
    -webkit-tap-highlight-color:rgba(134,212,178,.5);
    overflow-y:scroll
}
@media(min-width:768px){
    html{
        font-size:16px
    }
}
@media(min-width:992px){
    html{
        font-size:16px
    }
}
@media(min-width:1300px){
    html{
        font-size:16px
    }
}
@media(min-width:1600px){
    html{
        font-size:18px
    }
}
@media(min-width:2400px){
    html{
        font-size:18px
    }
}
html body{
    height: auto;
    overflow-x: hidden;
}
body.inverted-nav{
    background-color:#182b5c
}
#barba-wrapper{
    width:100%;
    opacity:0;
    -webkit-transition:opacity .3s;
    transition:opacity .3s
}
.HomeHeader-title{
    color: #fff;
}
html.ready #barba-wrapper{
    opacity:1
}
.desktop .barba-container{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:100vh
}
.desktop .barba-container .SiteFooter{
    margin-top:auto
}
svg{
    fill:currentColor;
    vertical-align:middle
}
input,button,textarea{
    outline:none!important;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0
}
label{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:block
}
label.is-required:not(.custom-control-label):after{
    content:' *';
    font-weight:300
}
label,input,textarea{
    font-size:22px;
    letter-spacing:-.03em;
    margin:0
}
@media(min-width:768px){
    label,input,textarea{
        font-size:29px
    }
}
@media(min-width:992px){
    label,input,textarea{
        font-size:33px
    }
}
@media(min-width:1300px){
    label,input,textarea{
        font-size:33px
    }
}
@media(min-width:1600px){
    label,input,textarea{
        font-size:37px
    }
}
@media(min-width:2400px){
    label,input,textarea{
        font-size:40px
    }
}
label{
    font-weight:300
}
input,textarea{
    background-color:transparent;
    font-weight:300;
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    width:100%;
    border:none;
    padding:0;
    color:#595959;
    -webkit-transition:border-color .3s;
    transition:border-color .3s;
    outline:none
}
input:focus,textarea:focus{
    border-color:#fff!important
}
input:not(:placeholder-shown),textarea:not(:placeholder-shown){
    border-color:#666
}
input:placeholder-shown,textarea:placeholder-shown{
    border-color:#333
}
textarea{
    line-height:1.2;
    resize:none
}
@media(min-width:768px){
    fieldset{
        margin-bottom:1.5rem
    }
}
@media(min-width:1600px){
    fieldset{
        margin-bottom:4rem
    }
}
::-webkit-input-placeholder{
    color:#333
}
::-moz-placeholder{
    color:#333
}
:-ms-input-placeholder{
    color:#333
}
:-moz-placeholder{
    color:#333;
    opacity:1
}
::-moz-selection{
    background:#95ecc6
}
::selection{
    background:#95ecc6
}
::-moz-selection{
    background:#95ecc6
}
body.cke_editable{
    margin:1rem
}
body.cke_editable hr{
    visibility:visible!important
}

@font-face{
    font-family: 'century';
    src:url(../fonts/century.ttf)
}
@font-face{
    font-family: 'Rustico';
    src:url(../fonts/Rustico.ttf)
}
.o-h{
    overflow:hidden!important
}
@-webkit-keyframes marquee{
    0%{
        -webkit-transform:translateX(0) translateZ(0);
        transform:translateX(0) translateZ(0)
    }
    100%{
        -webkit-transform:translateX(-100%) translateZ(0);
        transform:translateX(-100%) translateZ(0)
    }
}
@keyframes marquee{
    0%{
        -webkit-transform:translateX(0) translateZ(0);
        transform:translateX(0) translateZ(0)
    }
    100%{
        -webkit-transform:translateX(-100%) translateZ(0);
        transform:translateX(-100%) translateZ(0)
    }
}
@-webkit-keyframes marquee-right{
    0%{
        -webkit-transform:translateX(-100%) translateZ(0);
        transform:translateX(-100%) translateZ(0)
    }
    100%{
        -webkit-transform:translateX(0) translateZ(0);
        transform:translateX(0) translateZ(0)
    }
}
@keyframes marquee-right{
    0%{
        -webkit-transform:translateX(-100%) translateZ(0);
        transform:translateX(-100%) translateZ(0)
    }
    100%{
        -webkit-transform:translateX(0) translateZ(0);
        transform:translateX(0) translateZ(0)
    }
}
a{
    text-decoration:none
}
a:hover{
    text-decoration:none
}
.text-muted{
    color:#b1b1b1!important
}
.Background--dark .text-muted,.Background--darker .text-muted,.Background--black .text-muted{
    color:#595959!important
}
.Background{
    background:#fff
}
.Background--light{
    background:#ededed
}
.Background--lighter{
    background:#f7f7f7
}
.Background--dark{
    background:#182b5c
}
.Background--darker{
    background:#182b5c
}
.Background--black{
    background:#000
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.container{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding-right:16px;
    padding-left:16px;
    padding-left:16px;
    padding-right:16px;
    max-width:1322px
}
.HomeHeader{
    overflow-x:hidden;
    height: 100vh;
    position: relative;
    min-height: 500px;
}
.HomeHeader .container{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.HomeHeader-aside{
    margin-top:1rem
}
@media(min-width:768px){
    .HomeHeader-aside{
        margin-top:1.5rem
    }
}
.HomeHeader-title{
    margin:0;
    opacity:0;
}
.HomeHeader-title>div{
    position:relative;
    white-space:nowrap
}
.HomeHeader-title>div>div{
    position:relative;
    z-index:3;
    opacity:0
}
.HomeHeader-title>div>span{
    position:absolute;
    top:0;
    left:0;
    display:inline-block
}
.HomeHeader-title>div>span span{
    position:absolute;
    z-index:1;
    top:0;
    bottom:0;
    right:0;
    left:0;
    opacity:0;
    background-color:#182b5c
}
.HomeHeader-title>div>span:first-child{
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%)
}
.HomeHeader-title>div>span:last-child{
    left:-8px
}
.HomeHeader-title>div>span{
    color:rgba(255,255,255,.1)
}
.HomeHeader-title>div>div{
    color:#fff
}
@media(min-width:768px){
    .HomeHeader-title{
        width: 100%;
        font-weight: 400;
        line-height: 1.2;
        font-size: 3.5rem;
    }
}
@media(min-width:992px){
    .HomeHeader-title{
        width:100%;
    }
}
@media(min-width:1600px){
    .HomeHeader-title{
        width:100%;
    }
}
.HomeHeader span{
    display:inline-block
}
.HomeHeader span span{
    display:inline
}
.main-header{
    position: fixed;
    z-index: 111;
    top: 0;
    left: 0;
    padding: 17px 15px 15px;
    right: 0;
    background-color:#182b5c
}
.main-header a{
    color: #fff;
}
.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.logo-icon{

}
.logo-icon .logo{

}
.logo-icon .logo img{
    max-height: 60px;
    margin-top: -9px;
}
.right-menu-icons{
    text-align: right;
}
.right-menu-icons ul{
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}
.right-menu-icons li{
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}
.logo-icon{
    flex: 0 0 20%;
    max-width: 20%;
}
.right-menu-icons{
    flex: 0 0 80%;
    max-width: 80%;
}
#mobile-trigger {
    margin: 0 0 0 auto;
    display: inline-block;
    position: relative;
    margin-right: -15px;
    margin-left: 15px;
    cursor: pointer;
}
#mobile-trigger .hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 14px 12px;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    width: 50px;
    height: 50px;
    background: #f5f5f5;
    border-radius: 100%;
    position: relative;
    z-index: 999;
    transition: all 0.3s;
    /*box-shadow: 0 0 0 #33ccff inset;*/
}
#mobile-trigger:hover .hamburger {
    /*box-shadow: 0 -50px 0 #33ccff inset;*/
}
#mobile-trigger .line{
    width: 100%;
    height: 2px;
    background-color: #000;
    margin: 6px 0 0;
    display: block;
    transition: all 0.3s;
    position: relative;
}
.nav-active #mobile-trigger .line.one{
    transform: rotate(45deg);
    top: 4px;
    background-color: #fff;
}
.nav-active #mobile-trigger .line.two{
    transform: rotate(-45deg);
    top: -4px;
    background-color: #fff;
}
#mobile-trigger:hover .hamburger .line{
    /*background-color: #fff;*/
}
.nav-active .right-menu-icons .btn.btn-transparent{
    opacity: 0;
    visibility: hidden;
}
.nav-active .main-navigation .logo-icon{
    opacity: 0;
    visibility: hidden;
}
.nav-active #mobile-trigger .hamburger{
    background: #33ccff;
}
ul li a:hover{
    color: #00b0f0;
}


#section0 {
  height: 60vh;
  background: #00b9ae;
}

#section1 {
  height: 100vh;
  background: #6699cc;
}

#section2 {
  height: 150vh;
  background: #ff8c42;
}

#section3 {
  height: 60vh;
  background: #ff3c38;
}

#section4 {
  height: 100vh;
  background: #a23e48;
}
.another-section .the-left-content{
    flex: 0 0 63%;
    max-width: 63%;
}
.another-section .right-content{
    flex: 0 0 37%;
    max-width: 37%;
    overflow: hidden;
    min-height: 730px;
    height: 100vh;
    max-height: 730px;
}
img{
    max-width: 100%;
    height: auto;
}
.another-section .right-content{
    position: relative;
}
.another-section .right-content img{
    position: absolute;
    width: 100%;
    top: -30px;
    min-height: 100%;
}
.container-fluid{
    padding-left: 15px;
    padding-right: 15px;
}
.another-section{
    position: relative;
}
.another-section .right-content{
    position: sticky;
    top: 0;
}
.another-section .section{
    height: 100vh;
    display: flex;
    align-items: center;
}
.the-section-content{
    max-width: 625px;
    margin-left: auto;
    margin-right: auto;
    min-height: 667px;
    height: 100vh;
    direction: ltr;
    padding-top: 12rem;
    max-height: 700px;
}
.the-section-content h3 {
    font-size: 33px;
    line-height: 1.3;
    /*font-weight: 800;*/
    padding: 6px 15px;
    letter-spacing: 1.34px;
    line-height: 1.2;
    display: inline-block;
}
.the-section-content.bg h3{
    background: #1b2c50;
}
.btn.btn-primary {
border: 2px solid #00b0f0;
    padding: 0rem 2.5rem;
    display: inline-block;
    color: #00b0f0;
    background: #dbdcdd;
    border-radius: 27px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 4.4rem;
    text-align: center;
    margin-top: 20px;
    box-shadow: 2px 2px 7px rgb(0 0 0 / 60%);
    text-shadow: 2px 2px rgb(0 0 0 / 50%);
}
.owl-dots{
    direction: ltr;
}
.owl-dots{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    text-align: center;
}
.owl-dots .owl-dot span{
    display: inline-block;
    background: #fff;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 7px;
    opacity: 0.4;
    border: none;
}
.owl-dots .owl-dot.active span{
    opacity: 1;
}
.star {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  background-color: rgba(237, 205, 163, 0.8);
  box-shadow: 0 0 40px 0 rgba(237, 205, 163, 0.8), 0 0 20px 0 #FFFFFF;
  animation: glow 5s infinite;
}

.star--medium {
  width: 6px;
  height: 6px;
}

.star--big {
  width: 9px;
  height: 9px;
  box-shadow: 0 0 40px 0 #EDCDA3, 0 0 20px 0 #FFFFFF, inset 0 0 4px #FFFFFF;
}

.comet {
  width: 5px;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.6);
  /*box-shadow: 0 0 40px 0 #EDCDA3, 0 0 20px 0 #FFFFFF, inset 0 0 8px rgba(255, 255, 255, 0.6);*/
  box-shadow: 0 0 7px 7px rgba(255, 255, 255, .3);
  top: 0;
  opacity: 0.3;
  transform: rotate(-45deg) translate(0, -50px);
  animation: comet 50s infinite;
}

.comet:after {
  content: '';
  width: 10vw;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 60px rgba(237, 205, 163, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes glow {
  0% {
    opacity: 0.9;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.9;
  }
}

@keyframes comet {
  0% {
    transform: rotate(-45deg) translateX(0);
    opacity: 0.3;
  }
  10% {
    opacity: 1;
  }
  20% {
    transform: rotate(-45deg) translateX(-100vw);
    opacity: 0;
  }
  100% {
    transform: rotate(-45deg) translateX(-100vw);
    opacity: 0;
  }
}
.shining-stars{
    height: 100vh;
    position: relative;
    overflow: hidden;
    background: #000;
    color: #00b0f0;
    background-image: url(../images/stars-3.gif);
    background-attachment: fixed;
}
.shining-stars svg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    font-weight: bold;
}
.ml4 {
    margin: 0;
}
.ml4 .letters {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0.3em;
  right: 0;
  opacity: 0; 
}
.flashing-text{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    top: calc(50% - 72px);
}
.ml3 {
  font-weight: 900;
  font-size: 3.5em;
}

.ml9 {
  font-weight: 200;
  font-size: 4em;
}

.ml9 .text-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.ml9 .letter {
  transform-origin: 50% 100%;
  display: inline-block;
  line-height: 1em;
}
.flashing-text .ml9{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

body{
    overflow: hidden;
}
.pace {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pace-inactive {
    display: none!important;
}
html.first-run .pace {
    display: block;
}
.pace .pace-progress {
    background: #00b0f0;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px;
}
body.home{
    overflow: hidden;
    height: 100vh;
}
body.home.first-run{
    overflow: auto;
    height: auto;
}
.home .main-header{
    opacity: 0;
    transition: all 0.3s;
}
.first-run.home .main-header{
    opacity: 1;
}
.the-btn-wrapper {
    text-align: center;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  80% {
    -webkit-transform: translate3d(0, -30px, 0) scaleY(0.985);
    transform: translate3d(0, -30px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__bounceInUp {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  animation-duration: 1.3s;
  opacity: 1;
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
#the-next-item.animate__bounceInUp{
    opacity: 1;
}
#the-next-item{
    opacity: 0;
}
canvas {
    display: block;
    height: 100%;
}
svg.intro .text {
    display: none;
}
svg.intro.go{
}
svg.intro.go .text {
    font-size: 9px;
    text-transform: uppercase;
    display: block;
}
svg.intro.go .text-stroke {
    fill: none;
    stroke: #00b0f0;
    stroke-width: 2.8px;
    stroke-dashoffset: -90;
    stroke-dasharray: 90;
    stroke-linecap: butt;
    stroke-linejoin: round;
    animation-name: dash;
    animation-duration: 7s;
}
svg.intro.go .text-stroke:nth-child(1) {
    animation-name: dash;
}
svg.intro.go .text-stroke:nth-child(2) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    animation-name: dash2;
    animation-duration: 10s;
}

@-webkit-keyframes dash {
    0%{
        stroke-dashoffset: -90;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    0%{
        stroke-dashoffset: -90;
    }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash2 {
    0%{
        stroke-dashoffset: -90;
    }
  70% {
    stroke-dashoffset: 0;
  }
  100%{
    stroke-dashoffset: 0;
  }
}

@keyframes dash2 {
    0%{
        stroke-dashoffset: -90;
    }
    70% {
        stroke-dashoffset: 0;
    }
    100%{
        stroke-dashoffset: 0;
    }
}

/*new css to be removed*/

#stage{
  height:100vh;
  width: 100%;
  background: #262626;
  display: flex;
  justify-content: center;
  align-items: center;

}

.spacer{
  width:100%;
  height:100vh;
  background:#5386b2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box {
  height: 60px;
  width: 60px;
  align-items: center;
  margin: 4px;
  font-size: 1.2em;
  font-weight: 700;
  color: white;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  
}

.box1 {
  background-color: #84c186;
}

.box2 {
  background-color: #8b6c4c;
}

.box3 {
  background-color: #39a3ee;
}

.box4 {
  background-color: #ef9144;
}

.box5 {
  background-color: #cd58eb;
}

.box6 {
  background-color: #b84b4b;
}
.logo-access-to-the-path{
    position: relative;
    text-align: center;
    font-family: Perpetua;
}
.logo-1,
.logo-2{
    position: relative;
}
#trigger-logo h1 {
    line-height: 1;
    margin: 0;
    font-size: 72px;
    letter-spacing: 1px;
}
#trigger-logo .logo-1 h1{
    font-size: 96px;
}
/*.col-md-4{
    max-width: 33.33%;
    flex: 0 0 33.333%;
}*/
#case-studies .col-md-6{
    max-width: 40%;
    flex: 0 0 40%;
}
#case-studies h2{
    margin-bottom: 0;
    font-weight: 400;
}
#case-studies p{
    margin-top: 0;
    font-size: 14px;
    font-family: Signika;
    font-weight: 100;
}
.case-studies-inner{
    position: fixed;
    top: 9vh;
    margin-bottom: 50px;
    max-width: 49%;
    left: 0;
}
.case-studies-inner.case-study-2{
    left: initial;
    margin-left: auto;
    right: 0;
    transform-origin: center left;
    margin-top: 8vh;
}
.case-studies-inner.case-study-1{
    max-width: 650px;
    transform-origin: center right;
    right: 0;
}
.case-studies-inner.case-study-3{
    transform-origin: right center;
    left: 14%;
}
.case-studies-inner.case-study-4{
    left: initial;
    margin-left: auto;
    right: 0;
    transform-origin: top left;
    left: initial;
}
#case-studies{
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
}
.case-study-image{
    position: relative;
    overflow: hidden;
}
.case-study-image .WorkPreview-marquee-text {
    font-size: 60px;
    font-weight: 700;
    padding-right: 4rem;
    display: inline-block;
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    -webkit-animation: marquee 12s linear infinite;
    animation: marquee 12s linear infinite;
}
.case-study-image:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    z-index: 2;
    transition: all 0.2s;
}
.case-study-image:hover:before{
    opacity: 0.8;
    transition: all 0.2s;
}
.WorkPreview-marquee {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
  z-index: 2;
    transition: all 0.2s;
}
.case-study-image:hover .WorkPreview-marquee{
    opacity: 1;
}
#case-studies a{
    color: #fff;
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
  }

  100% {
    -webkit-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
  }

  100% {
    -webkit-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
  }
}
.justify-content{
    justify-content: space-around;
}
#mobile-trigger svg {
    position: absolute;
    z-index: 999;
    top: -5px;
    left: -5px;
}
#mobile-trigger svg .circle {
    stroke-dasharray: 270;
    stroke-dashoffset: 270;
    /*stroke: #33ccff;*/
}
#mobile-trigger:hover .circle {
    stroke-dashoffset: 0;
    transition: all .8s ease-out;
}
.credibility-marks {
    background-color: #fff;
    padding: 9px 0 0px;
}
.credibility-marks .item{
    height: 120px;
    position: relative;
    display: flex;
    align-items: center;
}
.credibility-marks .owl-carousel .owl-item img{
    max-height: 60px;
    width: auto;
}
.credibility-marks .item.large-item{
    max-width: 400px;
}
.credibility-marks .item.medium-item{
    max-width: 160px;
}
.credibility-marks .owl-dots {
    position: static;
    margin-top: 0;
}
.credibility-marks .owl-dots .owl-dot span{
    background-color: #000;
}
.testimonials{
    position: relative;
    overflow: hidden;
    min-height: 100%;
    min-height: 100vh;
}
.testimonials .row{
    height: 100vh;
    align-items: center;
    justify-content: center;
}
.testimonials:before{
    content: "";
    background-image: url(../images/testimonials-bg.jpg);
    background-size: cover;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-attachment: fixed;
    background-position: bottom center;
}
.logo {
    font-family: Perpetua
}
.logo .lines{
    position: absolute;
    max-width: 100px;
    top: -65px;
    right: -27px;
}
.logo .lines img{
    width: 100%;
    right: 0;
    top: -50px;
    height: 64px;
}
.our-logo{
    text-align: center;
}
.our-logo h1{
    display: inline-block;
    font-size: 44px;
    line-height: 1;
    position: relative;
    font-weight: bold;
}
.our-logo .top-text{
    font-size: 120px;
    display: block;
    line-height: 0.6;
    letter-spacing: 1px;
}
.testimonials-text {
    text-align: center;
}
.testimonials-text a{
    color: #fff;
}
.testimonials-text h4 {
    font-size: 37px;
    line-height: 1.26;
    text-align: center;
}
.testimonials .owl-dots{
    bottom: -50px;
}
.testimonials:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    opacity: 0.4;
    z-index: -1;
}
/*@media(min-width: 991px){
    .col-md-4{
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-8{
        flex: 0 0 75%;
        max-width: 75%;
    }
}*/
.mini-container{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.our-logo h3{
    font-weight: 100;
    font-size: 45px;
    color: #00b0f0;
}
.testimonials p{
    color: #fec434;
}
.mini-container{

}
.mini-container .our-logo{
    margin-bottom: 30px;
}
.mini-container .our-logo .lines img{
    max-width: 100px;
}
.logo span{
    display: block;
    position: relative;
}
.case-studies-inner.case-study-3 {
    transform-origin: right bottom;
}
#the-tagline{
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
#the-tagline sup{
    font-weight: 400;
    font-size: 30%;
    display: inline-block;
    position: relative;
    top: -1.5em;
}
#trigger-logo {
    padding-bottom: 200px;
    overflow: hidden;
    opacity: 0;
}
.first-run #trigger-logo{
    opacity: 1;
}
div#the-tagline h1 {
    line-height: 1.3;
}
#the-tagline .lines{
    max-width: 160px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 40px;
}
.HeroCta-link {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.HeroCta-marquee {
    opacity: 0.1;
    white-space: nowrap;
    color: #fff;
    transition: all 0.4s;
}
.HeroCta-marquee-text {
    -webkit-animation-name: marquee-right;
    animation-name: marquee-right;
}
.HeroCta-marquee-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 36px;
    padding-right: 0.5em;
    display: inline-block;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-duration: 6.05661s;
}
.HeroCta-marquee-text {
    font-size: 80px;
    letter-spacing: 1px;

}
.about-us-link{
    overflow: hidden;
}
.footer{
    background-color: #000;
}
a:hover .HeroCta-marquee{
    opacity: 1;
}
.footer .HeroCta-marquee-text{
    -webkit-animation-name: marquee;
    animation-name: marquee;
    animation-duration: 10s;
}
.HeroCta-link{
    display: block;
    padding: 20px 0;
}
.footer{

}
.our-footer ul{
    list-style: none;
    text-align: center;
    margin-top: 35px;
}
.text-right {
    text-align: right;
}
.text-right a {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.our-footer ul li{
    display: inline-block;
    margin-left: 20px;
}
.our-footer ul li a{
    color: inherit;
    text-decoration: none;
}
.footer{
    overflow: hidden;
    padding-bottom: 50px;
}
.footer-top{
    margin-bottom: 30px;
}
.footer .container{
    color: rgba(255,255,255,0.3)
}
.our-footer ul li a:hover{
    color: #fec434;
}
.item-1 .the-section-content{

}
.item-1 .the-section-content {
    padding-top: 11rem;
}
.the-btn-wrapper{
    padding-top: 28px;
}
.path-image {
    padding: 7rem 0;
}
.buttons{
    background-color: #fec434;
    padding: 39px 20px;
}
.buttons .btn.btn-default.btn-blue{
    font-size: 23px;
}
a.btn.btn-default {
    background: #fff;
    padding: 10px;
    display: inline-block;
    min-width: 450px;
    margin: 0 5px;
    box-shadow: 0 0 6px rgb(0 0 0 / 30%);
}
.btn.btn-default.btn-white {
    font-weight: bold;
    color: #05bcff;
    border-left: 5px solid #dddddd;
    border-bottom: 5px solid #8d8d8d;
    border-top: 5px solid #fff;
    border-right: 5px solid #9b9b9b;
    transition: all 0.3s;
    border-radius: 0;
}
.btn.btn-default.btn-white:hover{
    border-right: 5px solid #dddddd;
    border-top: 5px solid #8d8d8d;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #9b9b9b;
}
.btn.btn-default.btn-blue{
    background: #33ccff;
    color: #fff;
    border-left: 5px solid #0097cf;
    border-bottom: 5px solid #0b6585;
    border-top: 5px solid #02c3ff;
    border-right: 5px solid #006a91;
    transition: all 0.3s;
    border-radius: 0;
}
.btn.btn-default.btn-blue:hover{
    border-right: 5px solid #0097cf;
    border-top: 5px solid #0b6585;
    border-bottom: 5px solid #02c3ff;
    border-left: 5px solid #006a91;
}
.text-center {
    text-align: center;
}
.item-2 .the-section-content h3 {
    margin-top: 36px;
    font-size: 40px;
    text-align: center;
}
.item-2 .the-section-content{
    text-align: center;
}
.item-3 .the-section-content {
    padding-top: 15rem;
}
.item-3 .the-section-content h3 {
    font-size: 30px;
}
.item.item-5 .the-section-content {
    padding-top: 15rem;
}
section.depressing-text {
    padding: 100px 40px;
    background: #fff;
    color: #333;
}
section.depressing-text .col-md-6{
    padding: 0;
}
section.depressing-text h2 {
    margin: 0;
    color: #182b5c;
}
.depressing-text .the-left-image{
    margin-left: -15px;
    max-width: 490px;
}
.case-study-image img {
    width: 100%;
}
/*.owl-item:nth-child(n+2) .the-section-content h3{
    opacity: 0;
    transition: all 0.1s;
    transition-delay: 1s; 
}
.owl-item:nth-child(n+2).active .the-section-content h3{
    opacity: 1;
}*/
.path-image img{
    max-width: 800px;
}
footer.our-footer {
    padding: 11rem 11px 8rem;
}
.modal-header button.close {
    position: absolute;
    right: 10px;
    font-size: 35px;
    top: 0;
}
.the-quote-sec .ss-image img {
    max-width: 100px;
}
.the-quote-sec .ss-image {
    text-align: center;
}
.footer-top h3 {
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 50px;
}
.footer-top h2 {
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 20px;
    max-width: 700px;
    margin: auto;
    margin-bottom: 50px;
}
.footer-top p{
    margin-top: 26px;
    font-size: 18px;
    margin-bottom: 30px;
}
.footer-top .btn.btn-default.btn-blue{
    font-size: 20px;
}
.footer-lower{
    padding-top: 120px;
    padding-bottom: 50px;
}
.desclaimer-text a {
    color: #fff;
    text-decoration: underline;
}
.modal-content{
    background-color: #febb05;
    color: #000;
    padding: 35px 27px;
}
button.close {
    background: transparent;
    border: none;
    color: #fff;
}
.modal-backdrop{
    background-color: #192b5d;
}
.modal-backdrop.show{
    opacity: 0.9;
}
.modal-title{
    font-size: 23px;
    font-weight: bold;
}
.modal-header{
    border-bottom: none;
}
@media (min-width: 992px){
    .modal-lg, .modal-xl {
        max-width: 991px;
    }
}
.btn.btn-transparent {
    background: #33ccff;
    border-radius: 0;
    color: #000;
    padding: 4px 22px 6px;
    font-size: 18px;
    transition: all 0.3s;
    box-shadow: 0 0 0 #fec434 inset;
    border-left: 5px solid #0097cf;
    border-bottom: 5px solid #0b6585;
    border-top: 5px solid #02c3ff;
    border-right: 5px solid #006a91;
    color: #fff;
}
.btn.btn-transparent:hover {
    color: #fff;
    box-shadow: 0 50px 0 #fec434 inset;
    border-color: #fec434;
}
.other-language-testimonial{
    display: none;
}
.owl-nav {
    color: #000;
}
.owl-nav .owl-prev{
    position: absolute;
    top: 14%;
    left: -20px;
    font-size: 43px !important;
}
.owl-nav .owl-next{
    position: absolute;
    top: 14%;
    right: -20px;
    font-size: 43px !important;
}
.credibility-marks .container{
    padding-left: 30px;
    padding-right: 30px;
}
.trigger-logo-sec.mobile-show{
    display: none;
}

@media(max-width: 1299px){
    .another-section .right-content img{
        top: 0px;
    }
    .the-section-content h3 {
        font-size: 30px;
    }
    .the-section-content, .item-1 .the-section-content {
        padding-top: 14rem;
    }
    .btn.btn-primary {
        font-size: 3rem;
    }
    .case-studies-inner.case-study-1{
        max-width: 550px;
    }
}
@media(max-width: 991px){
    .another-section .the-left-content {
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
    }
    .another-section .right-content {
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
        height: auto;
        min-height: auto;
        max-height: unset;
        padding: 0;
    }
    .another-section .right-content img {
        position: unset;
    }
    #trigger-logo{
        display: none;
    }
    .trigger-logo-sec.mobile-show{
        display: block;
        padding: 110px 0px 50px;
    }
    .logo .logo-lines {
        position: absolute;
        max-width: 100px;
        top: -65px;
        right: -27px;
    }
    .logo .logo-lines img {
        width: 100%;
        right: 0;
        top: -50px;
        height: 64px;
    }
    .our-logo .logo-top-text {
        font-size: 120px;
        display: block;
        line-height: 0.6;
        letter-spacing: 1px;
    }
    .case-studies-inner-data {
        margin-bottom: 40px;
    }
    .case-studies-sec {
        max-width: 80%;
        margin: 0 auto;
    }
    .case-study-image:before{
        content: none;
    }
    .case-study-content p {
        margin: 0;
        color: #fff;
        font-size: 30px;
        font-weight: bold;
    }
    .case-study-content {
        text-align: center;
    }
    .case-study-image img {
        border-radius: 8px;
    }
    .the-tagline {
        text-align: center;
    }
    .the-tagline h1 {
        margin: 0;
        font-size: 48px;
        letter-spacing: 1px;
        line-height: 1.3;
    }
    .the-tagline sup {
        font-weight: 400;
        font-size: 30%;
        display: inline-block;
        position: relative;
        top: -1.5em;
    }
    .the-tagline .bottom-lines {
        max-width: 160px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 40px
    }
    #main-carousel .owl-stage, .clients-logos .owl-stage{
        display: flex;
        align-items: center;
    }
    .the-section-content, .item-1 .the-section-content {
        padding-top: 0;
        max-height: unset;
        height: auto;
        min-height: auto;
    }
    .item-3 .the-section-content {
        padding-top: 0;
    }
    .item-2 .the-section-content h3 {
        margin-top: 0;
    }
    .the-section-content h3, .testimonials-text h4 {
        font-weight: normal;
        line-height: 1.4;
        padding: 0;
        text-align: center;
    }
    .the-section-content h3, .item-3 .the-section-content h3, .item-2 .the-section-content h3, .testimonials-text h4{
        font-size: 22px;
        letter-spacing: unset;
    }
    .owl-dots, .testimonials .owl-dots {
        bottom: 15px;
    }
    #main-carousel .owl-carousel, .testimonials .testimonials-carousel {
        padding-bottom: 120px;
        padding-top: 120px;
    }
    .item.item-5 .the-section-content {
        padding-top: 0;
    }
    .btn.btn-primary {
        font-size: 30px;
        padding: 4px 50px;
        margin: 12px 0px;
        border-radius: 12px;
    }
    .testimonials .row {
        height: auto;
    }
    .testimonials {
        min-height: auto;
        padding-top: 55px;
    }
    .credibility-marks .owl-carousel .owl-item img {
        max-height: unset !important;
        width: auto !important;
    }
    .credibility-marks .item {
        max-width: 100% !important;
        height: auto !important;
    }
    .credibility-marks .owl-carousel .owl-item {
        margin: 0 !important;
    }
    .credibility-marks .owl-carousel .owl-item img {
        max-height: 80px !important;
        max-width: 180px !important;
        margin: 0 auto;
    }
    .credibility-marks {
        padding: 30px 0px;
    }
    .clients-logos .owl-nav .owl-prev, .clients-logos .owl-nav .owl-next {
        top: 50%;
        transform: translateY(-50%);
    }
    .mini-container .our-logo {
        margin-bottom: 10px;
    }
    .testimonials .testimonials-carousel {
        padding-top: 10px;
    }
    .logo-access-to-the-path .logo {
        margin-bottom: 80px;
    }
}

@media(max-width: 767px){
    .the-tagline h1 {
        font-size: 38px;
    }
    .footer-lower {
        flex-direction: column-reverse;
    }
    .footer-lower [class*=col-] {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
    .our-footer ul {
        text-align: center;
        padding: 0;
    }
    .footer-lower {
        padding-top: 2rem;
    }
    .the-tagline h1 {
        font-size: 32px;
    }
    .buttons .btn.btn-default.btn-blue {
        font-size: 20px;
    }
}
@media(max-width: 499px){
    .main-header {
        padding: 20px 0px 0;
    }
    .main-header .row {
        margin: 0;
        align-items: center;
    }
    .main-header .col {
        padding: 0;
    }
    .btn.btn-transparent {
        padding: 4px 8px 6px;
        font-size: 14px;
        border-width: 2px;
    }
    #mobile-trigger .hamburger {
        width: 40px;
        height: 40px;
        padding: 10px 12px;
    }
    #mobile-trigger {
        margin: 0;
        top: 5px;
    }
    .right-menu-icons li:first-child {
        margin-left: 0;
    }
    #mobile-trigger svg {
        display: none;
    }
    #mobile-trigger svg .circle {
        cx: 26;
        cy: 26;
        r: 22;
    }
    .right-menu-icons li {
        margin-left: 4px;
    }
    .the-section-content h3 {
        font-size: 20px !important;
        
    }
    .btn.btn-primary {
        font-size: 20px;
        border-radius: 12px;
        margin-top: 10px;
        margin-bottom: 20px;
        padding: 2px 40px;
    }
    .buttons .btn.btn-default.btn-blue {
        font-size: 14px;
        display: block;
        min-width: unset;
    }
    .buttons {
        padding: 20px 0px;
    }
    .testimonials-text h4 {
        font-size: 20px;
    }
    .our-logo .logo-top-text {
        font-size: 60px;
    }
    .our-logo h1 {
        font-size: 28px;
    }
    .logo .logo-lines {
        position: absolute;
        max-width: 50px;
        top: -35px;
        right: -7px;
    }
    .case-studies-sec {
        max-width: 100%;
    }
    .case-studies-sec [class*=col-] {
        padding: 0;
    }
    .case-study-content p {
        font-size: 20px;
        line-height: 1.4;
    }
    .case-studies-inner-data {
        margin-bottom: 40px;
    }
    .case-study-content {
        margin-top: 20px;
    }
    .the-tagline h1 {
        font-size: 20px;
    }
    .the-tagline .bottom-lines {
        margin-top: 20px;
    }
    .the-tagline .bottom-lines img {
        width: 80px;
    }
    .trigger-logo-sec.mobile-show {
        padding: 60px 0px 90px;
    }
    .the-tagline {
        margin-top: 50px;
    }
    footer.our-footer {
        padding: 2rem 11px 1rem;
    }
    .footer-top .btn.btn-default.btn-blue {
        font-size: 16px;
        min-width: auto;
    }
    .footer-top h3 {
        font-size: 18px;
    }
    .footer-top h2 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .footer-top p {
        margin-top: 12px;
        font-size: 16px;
        margin-bottom: 12px;
        line-height: 1.4;
    }
    .footer-top {
        margin-bottom: 0;
    }
    .our-footer ul li:first-child {
        margin: 0;
    }
    .our-footer ul li {
        margin-left: 10px;
    }
    .HomeHeader-title {
        font-size: 24px;
    }
    .testimonials .testimonials-carousel {
        padding-bottom: 60px;
        
    }
    .testimonials .testimonials-carousel{
        padding-top: 20px;
    }
    .testimonials {
        padding-top: 30px;
    }
    .logo-icon {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .right-menu-icons {
        flex: 0 0 70%;
        max-width: 70%;
    }
    section.depressing-text {
        padding: 1rem 0;
    }
    section.depressing-text h2 {
        font-size: 20px;
    }
    .logo-access-to-the-path .logo img {
        max-width: 60%;
    }
    .col.right-menu-icons {
        top: 7px;
        position: relative;
    }
    #main-carousel .owl-carousel {
        padding-bottom: 80px;
        padding-top: 80px;
    }
    
    
    
    

}
.featured-image {
    position: relative;
    height: 250px;
    overflow: hidden;
    background: #000;
    margin-bottom: 40px;
}
.featured-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    opacity: 0.127;
}


.accordionjs, .accordionjs * {
  -webkit-box-sizing                    : border-box !important;
  -moz-box-sizing                       : border-box !important;
  box-sizing                            : border-box !important;
}

/*
** The main <UL> element holding the tabs.
*/
.accordionjs {
  border: 1px solid #222;
  border-radius: 8px;
  margin: 0 auto;
  padding: 0;
  height: 600px;
  width: 101%;
  overflow: hidden;
  list-style: none;
}

.accordionjs > li {
  background-color: #182b5c;
  margin-right: -1200px;
  margin-bottom: 0px;
  padding-left: 0;
}

/*
** The tabs of the accordion are made up of 3 main elements.
** 1) <input radiobox />
** 2) <div /> text title of the box
** 3) <i>  FontAwesome styled checkbox to show the state.
*/
.accordionjs-select {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 1;
}

.accordionjs-title {

}

  .accordionjs-title span {
      display: block;
      position: absolute;
      bottom: 0px;
      width: 100%;
      white-space: nowrap;
      margin-bottom: 20px; 
      margin-left: 0px;
      line-height: 40px;
      transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -ms-writing-mode: lr-bt;
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }

  .accordionjs-title i {
    color                               : #ffffff;
    margin-right                        : 10px;
    font-size                           : 18px;
  }
.accordionjs-content {
    background-color: #dbdcdd;
    color: #333;
    height: 404px;
    width: 1104px;
    padding: 48px;
    position: relative;
    overflow: auto;
}

.accordionjs > li,
.accordionjs-title,
.accordionjs-content,
.accordionjs-separator {
  float: left;
}


.accordionjs-select:checked ~ .accordionjs-separator {
  margin-right: 1200px;
  margin-bottom: 0px;
}

.accordionjs-title, .accordionjs-select  {
    background-color: #fec434;
    color: #ffffff;
    width: 40px; 
    height: 500px;
    font-size: 15px;
}
.accordionjs-select:hover ~ .accordionjs-title, .accordionjs-select:checked ~ .accordionjs-title {
    background-color: #33ccff;
}
.accordionjs-select:disabled ~ .accordionjs-title {
    background-color: #942E2E;
}
.accordionjs-title, .accordionjs-select:checked ~ .accordionjs-content {
    margin-right: 1px;
    margin-bottom: 1px;
}

.accordionjs > li, .accordionjs-title {
    position: relative;
}
.accordionjs-separator {
    transition: margin 0.3s ease 0.1s;
    -o-transition: margin 0.3s ease 0.1s;
    -moz-transition: margin 0.3s ease 0.1s;
    -webkit-transition: margin 0.3s ease 0.1s;
}
body.page-template {
    height: auto;
    overflow: hidden;
}
.accordionjs .the-left-image {
    width: 30%;
    flex: 0 0 30%;
}
.accordionjs .the-left-image img {
    height: 100%;
    object-fit: cover;
}
.accordionjs .the-case-study-title h3 {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    color: #33ccff;
    margin-bottom: 20px;
}
.accordionjs .the-case-study-title p {
    font-size: 16px;
    line-height: 1.5;
}
.accordionjs .the-top-image{
    height: 200px;
    margin-bottom: 20px;
}
.accordionjs .the-top-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 -117px;
}
.accordionjs #accordionjs-page-2 .the-top-image img{
    object-position: 0 71%;
}
.accordionjs .the-case-study-title h3:after {
    content: "";
    position: absolute;
    bottom: -10px;
    width: 68px;
    height: 2px;
    background: #33ccff;
    left: 0;
}
.accordian-section.container {
    margin-top: 60px;
}


/*nav css*/

.nav {
  position: fixed;
  visibility: hidden;
  z-index: 99;
}
.nav:before, .nav:after {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgb(24 43 92 / 58%); /*background: rgba(234, 234, 234, 0.2);*/
  z-index: -1;
  transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
  transform: translateX(0%) translateY(-100%);
}
.nav:after {
 /*background: rgba(234, 234, 234, 0.7); background: white;*/
  transition-delay: 0s;
}
.nav:before {
  transition-delay: 0.1s;
}
.nav__content {
  position: fixed;
  top: 50%;
  transform: translate(0%, -50%);
  width: 100%;
  text-align: center;
  font-size: calc(2vw + 10px);
  font-weight: 200;
  cursor: pointer;
}
.nav__content {
    color: #fff /*#000;*/
}
.nav__content a{
    color: inherit;
    text-decoration: none;
}
.nav li {
  position: relative;
  display: block;
  transition-delay: 0.8s;
  opacity: 0;
  transform: translate(0%, 100%);
  transition: opacity 0.2s ease, transform 0.3s ease;
  margin-right: 25px;
}
.nav li:before {
  content: "";
  position: absolute;
  background: #000000;
  width: 20px;
  height: 1px;
  top: 100%;
  transform: translate(0%, 0%);
  transition: all 0.3s ease;
  z-index: -1;
}
.nav #menu-primary-menu li{
    max-width: 300px; /*250px*/
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.nav li:hover:before {
  width: 100%;
}

body.nav-active .menu-icon__line {
  background-color: #000;
  transform: translateX(0px) rotate(-45deg);
}
body.nav-active .menu-icon__line-left {
  transform: translateX(1px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
  transform: translateX(-2px) rotate(45deg);
}
body.nav-active .nav {
  visibility: visible;
}
body.nav-active .nav:before, body.nav-active .nav:after {
  transform: translateX(0%) translateY(0%);
}
body.nav-active .nav:after {
  transition-delay: 0.1s;
}
body.nav-active .nav:before {
  transition-delay: 0s;
}
body.nav-active .nav li {
  opacity: 1;
  transform: translateX(0%);
  transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
}
body.nav-active li:nth-child(0) {
  transition-delay: 0.5s;
}
body.nav-active li:nth-child(1) {
  transition-delay: 0.6s;
}
body.nav-active li:nth-child(2) {
  transition-delay: 0.7s;
}
body.nav-active li:nth-child(3) {
  transition-delay: 0.8s;
}
body.nav-active li:nth-child(4) {
  transition-delay: 0.9s;
}
body.nav-active li:nth-child(5) {
  transition-delay: 1.1s;
}
#mobile-trigger .hamburger{

}
#mobile-trigger{
    cursor: pointer;
}
.inner-page-content .the-case-study-title h3 {
    font-size: 27px; /*22px;*/
    color: #182b5c; /*#33ccff;*/
    position: relative;
}
.inner-page-content .btn.btn-default{
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.inner-page-content .the-case-study-title h3:after {
    content: "";
    position: absolute;
    bottom: -8px;
    height: 2px;
    background: #33ccff;
    width: 75px;
    left: 0;
}
.container.container-small{
    max-width: 991px;
}
.inner-page-content .the-case-study-title p {
    font-size: 16px;
}
body.single{
    height: auto;
}
.modal-body .the-case-study-title h3{
    font-size: 18px;
    position: relative;
}
.modal-body .the-case-study-title h3:after {
    content: "";
    position: absolute;
    bottom: -5px;
    height: 1px;
    background: #000;
    width: 75px;
    left: 0;
}
.modal-body .the-case-study-title p {
    font-size: 14px;
}
.blue-border-image {
    background: #33ccff;
    padding: 25px;
    border: 2px solid #41719c;
}
.white-border-image {
    background: #fff;
    padding: 25px;
    border: 2px solid #41719c;
}
.inner-page-content {
    padding-top: 98px;
    margin-bottom: 100px;
}
footer.our-footer.bottom-footer {
    padding-top: 0;
    background: #172b5c;
    color: #fff;
    padding-bottom: 2rem;
}
.inner-page-content p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.5;
    font-family: 'PT Serif', serif;
}
#make-slider .slider-item:hover {
    left: -12px;
}
#make-slider .slider-item {
    position: absolute;
    width: 570px;
    top: 0px;
    right: 0px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    color: rgb(99, 93, 96);
    background-color: rgb(211, 204, 198);
    left: 0;
    height: 100%;
    transition: all 0.6s;
    transition-timing-function: cubic-bezier(0.15, 1.14, 1, 1);
    margin-right: -20px;
    padding-right: 20px;
    box-shadow: 0 0 10px rgb(0 0 0 / 41%);
}
#make-slider .slider-item.item-1{
    background-color: #fff;
}
#make-slider .slider-item.item-2{
    background-color: #fec434;
}
#make-slider .slider-item.item-3{
    background-color: #182b5c;
    color: #dbdcdd;
}
#make-slider .slider-item.item-4{
    background-color: #33ccff;
}
#make-slider .slider-item.item-5{
    background: #dbdcdd;
    box-shadow: 0 0 10px rgb(0 0 0 / 60%);
}
#make-slider .slider-item.item-6{
    box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    background-color: #33ccff;
}
#make-slider .slider-item .slide-inner{
    display: flex;
}
#make-slider .slider-title h4 {
    margin: 0;
    font-size: 18px;
}
.slider-title {
    padding: 1.5rem 15px;
    width: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}
.slider-title span:nth-child(1) {
    font-size: 32px;
    margin-bottom: 0;
    font-weight: bold;
}
.slider-title span {
    display: block;
}
.slider-title span:nth-child(2) {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}
.slider-main-content {
    padding: 2rem 0px 0px;
    box-sizing: border-box;
}
.slider-main-content .content-inner {
    margin-top: 0;
    padding-right: 20px;
}
.the-sliding-container.adjust-bg {
    position: relative;
    min-height: 667px;
    overflow: hidden;
    background-attachment: fixed;
    margin-top: -100px;
}
.the-right-main-sliding-content {
    height: 100vh;
    position: relative;
    min-height: 667px;
    max-height: 992px;
}
.sliding-inner-content .sliding-content-inner {
    max-width: 790px;
    margin-left: auto;
    position: relative;
    height: 100%;
}
.sliding-inner-content .the-right-main-sliding-content {
    height: 100vh;
    position: relative;
    flex: 0 0 920px;
    min-height: 667px;
    max-width: 920px;
    height: 964px;
    max-height: 964px;
    overflow: hidden;
}
.tags a.tag {
    background: #dadcdd;
    color: #000;
    font-size: 12px;
    display: inline-block;
    padding: 0px 14px;
    border-radius: 22px;
    margin-right: 10px;
}
.tags a.tag:hover{
    background: #b2b2b2;
}
.custom-sliding-content {
    height: 475px;
    overflow: auto;
    margin-bottom: 20px;
}
.custom-sliding-content h4 {
    font-weight: bold;
    margin-bottom: 30px;
    font-family: 'PT Serif', serif;
}
.custom-sliding-content {
    line-height: 1.3;
}
.custom-sliding-content {}
/* width */
::-webkit-scrollbar {
  width: 5px;
}
.upb_row_bg{
    transition: all 0.2s;
}
#make-slider .slider-item.item-5 .tags a.tag{
    background-color: #fff;
}
/* Track */
::-webkit-scrollbar-track {
  background: transparent
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
#make-slider .slider-item.item-2 .custom-sliding-content{
    height: 559px;
}
#make-slider .slider-item.item-3 .custom-sliding-content {
    height: 640px;
}
#make-slider .slider-item.item-4 .custom-sliding-content {
    height: 640px;
}
#make-slider .slider-item.item-5 .custom-sliding-content ,
#make-slider .slider-item.item-6 .custom-sliding-content {
    height: 700px;
    padding-right: 13px;
}
#make-slider .slider-item .custom-sliding-content {
    padding-right: 13px;
}
.the-sliding-container.adjust-bg {
    position: relative;
    min-height: 667px;
    overflow: hidden;
    background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(../images/tiles-bg.jpg);
    color: #fff;
    background-size: cover;
    background-attachment: fixed;
}
.services-page-content .vc_row {
    margin-bottom: 50px;
}
.services-page-content .uvc-heading {
    text-align: left !important;
}
.services-page-content .uvc-heading h2 {
    font-weight: bold !important;
    font-size: 50px;
    color: #33ccff;
    color: #fec434;
}
.services-page-content h3{
    color: #33ccff;
}
.services-page-content .wpb_single_image .vc_single_image-wrapper{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    border-radius: 15px 15px 15px 15px;
    overflow: hidden;
    box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 30%);
}
.inner-page-content .btn.btn-transparent{
    font-size: 25px;
}
.inner-page-content .sliding-inner-content .btn.btn-transparent{
    font-size: 16px;
    margin-top: 13px;
}
.the-sliding-left-text.col {
    padding-bottom: 80px;
}
.the-sliding-left-text .the-text-container {
    min-height: 309px;
}
.small-text-box-adjust-height{
    max-height: 250px;
    overflow: auto;
}
.wpb_wrapper h1,
.wpb_wrapper h2,
.wpb_wrapper h3{
    /*font-family: 'Rustico';*/
    font-weight: bold;
}
.wpb_wrapper h2.vc_custom_heading {
    font-size: 40px;
    line-height: 55px;
    letter-spacing: 1px;
    color: #1f1f1f;
    margin-top: 30px;
}
.wpb_wrapper h2.vc_custom_heading:after {
    height: 1px;
    left: 0;
    width: 80px;
    background: #333;
    margin: 30px 0;
    position: relative;
    display: block;
    content: "";
}
.wpb_single_image.small-image {
    margin-bottom: 13px;
}
.small-image img {
    width: 75px;
}
.adjust-custom-height {
    max-height: 717px;
    overflow: auto;
    margin-top: 30px;
}
.vc_custom_heading.vc_gitem-post-data h4 {
    margin-top: 24px;
    margin-bottom: -10px;
}
.vc_gitem_row .vc_gitem-col{
    padding-left: 35px;
    padding-right: 35px;
}
body .vc_btn3.vc_btn3-color-juicy-pink, 
body .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    background: #33ccff;
    border-radius: 0;
    color: #000;
    padding: 4px 22px 6px;
    font-size: 18px;
    transition: all 0.3s;
    box-shadow: 0 0 0 #fec434 inset;
    border-left: 5px solid #0097cf;
    border-bottom: 5px solid #0b6585;
    border-top: 5px solid #02c3ff;
    border-right: 5px solid #006a91;
    color: #fff;
    width: 100%;
}
.main-navigation .btn.btn-transparent{
    font-size: 16px;
}
.nav-active #mobile-trigger {
    position: static;
    cursor: pointer;
    top: 17px;
    right: 28px;
    z-index: 99999;
}
.nav-active .main-header{
    background: transparent;
}
.product-featured-image {
    margin-bottom: 30px;
}
* {
    scrollbar-width: thin;
}
footer .logo img {
    max-width: 144px;
    margin-bottom: 25px;
    margin-top: -34px;
}
footer p {
    margin-bottom: 0;
    font-family: 'PT Serif', serif;
}
.desclaimer-text p{
    font-size: 12px;
}
.our-footer ul li:last-child{
    border-right: none;
}
.our-footer ul li {
    border-right: 1px solid #fff;
    padding-right: 26px;
}
.footer-copy-right{
    background-color: #172b5c;
    color: #fff;
    padding: 15px;
    padding-bottom: 45px;
}
.footer-copy-right p{
    margin: 0;
}
.case-study-loop-inner {
    background: #fff;
    padding: 0 25px 25px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    margin-left: 15px;
    margin-right: 15px;
}
.case-study-loop-inner .product-featured-image {
    margin-bottom: 30px;
    height: 350px;
    margin-left: -25px;
    margin-right: -25px;
}
.case-study-loop-inner .product-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inner-page-content  .the-case-study-title .case-study-loop-inner h3{
    font-size: 20px;
    margin-bottom: 18px;
}
.inner-page-content .the-case-study-title .case-study-loop-inner  p{
    font-size: 14px;
}
.the-top-background-image{
    background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),url(../images/stack-bg-image.jpg);
    background-size: cover;
    padding-top: 18vh;
    padding-bottom: 17vh;
    background-position: center -134px;
    color: #fff;
    margin-top: 58px;
}
.the-top-background-image h2{
     /*font-family: 'Rustico';*/
     font-weight: bold;
     font-size: 7vw;
}
.case-study-loop-inner{
    margin-bottom: 40px;
}
.case-study-loop-inner .short-testimonial{
    min-height: 100px;
}
h5.vc_custom_heading {
    font-family: arial;
    text-transform: uppercase;
    color: #999;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 18px!important;
    font-weight: bold;
}

/*.my-bio-section .small-image img {
    opacity: 0.2;
    max-height: 193px;
    width: auto;
}
.my-bio-section .wpb_single_image .vc_single_image-wrapper {
    position: absolute;
    bottom: 57px;
    right: 46px;
}
.my-bio-section .wpb_wrapper {
    max-width: 350px;
}*/
.my-journey-section .adjust-custom-height {
    max-height: 555px;
    overflow: auto;
    margin-top: 82px;
    max-width: 475px;
    padding-right: 20px;
}
.my-journey-section .vc_column_container {
    align-items: center;
}
.my-bio-section p{
    margin-left: 41px;
    margin-right: 39px;
}
.vc_grid-item-mini .vc_gitem_row .vc_gitem-col {
    padding: 15px 40px;
}
.vc_grid-item-mini .wpb_wrapper h4{
    font-family: 'PT Serif', serif;
    font-weight: bold;
}
.wpb_wrapper .the-sliding-container{
    margin-right: -15px;
    color: #fff;
}
.wpb_wrapper .the-sliding-container h2{
    font-family: 'PT Serif', serif;
}
body .wpb_wrapper .sliding-inner-content {
    margin-bottom: -35px;
}
.vc_custom_1615366656243{
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.social-media-icons ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.social-media-icons {
    background: #33ccff;
    padding: 50px 0;
}
.social-media-icons ul li {
    display: inline-block;
    margin: 0 8px;
}
.social-media-icons ul li span.dashicons {
    width: auto;
    height: auto;
    font-size: 30px;
    color: #fff;
}
.social-media-icons ul li span.dashicons{

}
.social-media-icons ul li a:hover span.dashicons{
    color: #172b5c;
}
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    width: 100%;
    height: 450px;
    border: 1px solid #f1f1f1;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
    margin-bottom: 30px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}
.btn.btn-orange {
    background: #fec434;
    color: #fff;
    margin-top: 15px;
}
/* Style the front side (fallback if image is missing) */
.flip-card-front {
    background-color: #bbb;
    color: black;
}
.flip-card-front img{
    height: 450px;
    object-fit: cover;
}
/* Style the back side */
.flip-card-back {
    background-color: #182b5c;
    color: white;
    transform: rotateY(180deg);
    padding: 30px;
}
.inner-page-content .the-case-study-title .flip-card p{
    font-size: 14px;
    margin-bottom: 8px;
}
.inner-page-content .the-case-study-title .flip-card h3{
    font-size: 20px;
    margin-bottom: 17px;
}
.inner-page-content .the-case-study-title .flip-card h3:after{
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    right: 0;
}
.micheal-angelo-quote {
    padding-left: 70px;
    line-height: 1.4;
    font-size: 20px;
    color: #182b5c;
}
.micheal-angelo-quote p{
    margin-bottom: 4rem;
}
.micheal-angelo-quote .the-quote {
    text-align: left;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 0;
    font-weight: bold;
    margin-bottom: 25px;
}
@media(max-width: 991px){
    .depressing-text .the-left-image {
        margin-left: -15px;
        margin-right: -15px;
    }
    section.depressing-text{
        padding-top: 0;
    }
    .micheal-angelo-quote{
        padding-left: 0;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .footer-lower {
        padding-top: 5rem;
    }
    .main-header{
        padding-bottom: 20px;
    }
    .the-top-background-image{
        margin-top: 43px;
    }
    .inner-page-content{
        padding-top: 50px;
        margin-bottom: 50px;
    }
    body .vc_custom_1615359537700{
        padding: 0 !important;
    }
    body .vc_custom_1615293411034{
        padding-right: 15px !important;
    }
    body .vc_custom_1615293309084{
        padding-left: 15px !important;
    }
    body .vc_custom_1615364790195{
        padding: 15px !important;
    }
    body .vc_custom_1615359171914,
    body .vc_custom_1615376996293{
        padding:  15px !important;
    }
    .wpb_wrapper h2.vc_custom_heading{
        font-size: 40px;
        line-height: 1.4;
    }
    .wpb_wrapper h2.vc_custom_heading:after{
        margin-top: 0;
    }
    body .vc_custom_1615360601233{
        padding: 0 !important;
    }
    .vc_custom_1615360028326{
        padding-right: 0 !important;;
    }
    body .vc_custom_1615377064878{
        padding: 0 !important;
    }
    body .vc_custom_1615377072211{
        padding: 15px !important;
    }
    body .vc_custom_1615377416399{
        margin-bottom: -50px !important
    }

}
@media(max-width: 667px){
    .text-right{
        text-align: left;
    }
    body .vc_custom_1615361426398 {
        padding: 30px 0px !important;
    }
    .sliding-inner-content .the-right-main-sliding-content{
        display: none;
    }
    .the-sliding-left-text.col {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    body .vc_custom_1615377416399,
    body .vc_custom_1615377169257{
        padding: 0 !important;
    }
}
.fadeInLeft {
    animation-duration: 1.4s !important;
}
.contact-us-form input[type="text"],
.contact-us-form input[type="email"],
.contact-us-form input[type="text"],
.contact-us-form input[type="text"],
 {
    border-bottom: 1px solid;
    flex-grow: 1;
    width: 245px;
    height: 30px;
    font-size: 16px;
}
.the-quote-sec p:first-child{
    font-weight: bold;
    font-family: 'PT Serif', serif;
}
.the-quote-sec .small-logo{
    max-width: 50px;
}
.the-quote-sec .small-logo img {
    max-width: 50px;
}
.the-quote-sec .read-more-btn{
    text-align: center;
    margin-top: 150px;
}
.btn.btn-success {
    background: #182b5c;
    border-color: #dbdcdd;
    font-size: 20px;
    padding: 10px 22px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    font-weight: bold;
    border: none;
}
.the-case-study-title a.btn.btn-success {
    font-size: 16px;
    font-weight: 100;
    padding: 5px 20px;
}
.buttons .text-center.the-btn-sec p {
    margin: 0;
    font-style: italic;
}
.buttons img.arrow-img {
    max-width: 150px;
    margin: 0 15px;
}
.buttons .text-center.the-btn-sec {
    background: #fff;
    color: #33ccff;
    font-size: 27px;
    padding: 18px;
    border: 1px solid #182b5c;
}
.buttons .btn.btn-default.btn-blue{
    border-left: 10px solid #0097cf;
    border-bottom: 10px solid #0b6585;
    border-top: 10px solid #02c3ff;
    border-right: 10px solid #006a91;
    font-style: normal;
}
.buttons .btn.btn-default.btn-blue:hover {
    border-right: 10px solid #0097cf;
    border-top: 10px solid #0b6585;
    border-bottom: 10px solid #02c3ff;
    border-left: 10px solid #006a91;
}
@media(max-width: 991px){
    .buttons img.arrow-img{
        display: none;
    }
}
.footer-top .btn.btn-transparent{
    margin-top: 50px;
}


/*Background Video*/

* { box-sizing: border-box; }
.video-background {
 
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
	
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}

/*Background Video*/


/*NEW LOGO TICKER*/

@keyframes ticker-kf {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-108rem, 0, 0);
  }
}

.img-ticker {
  animation: ticker-kf 40s linear infinite;
}

/*NEW LOGO TICKER*/