.clear:after,
.clear:before {
    content: ' ';
    display: table
}

.clear {
    *zoom: 1
}

.clear:after {
    clear: both
}

* {
    box-sizing: border-box;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.words span{
    font-weight: 700;
    /* background: #f1f3f4a3; */
}
body.no-overflow,
html.no-overflow {
    min-height: 100vh;
    overflow: hidden
}

img {
    margin: 0 auto
}
@media only all and (min-width:1000px) {
    .col-md-4.is-animated.animated.fadeInUp{
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .ucz{
        margin-bottom: 15%!important;
    }
}

@media only all and (max-width:1000px){
    .ucz{
        margin-bottom: 5%!important;
    }
    .col-md-4.is-animated.animated.fadeInUp{
        display: grid;
        flex-wrap: wrap;
        margin: 0 auto;
    }

}

@media screen and (max-width: 1000px) and (min-width: 600px) {
    .why .icon{
        max-width: 160px!important;
    }
}

@media screen and (max-width: 3900px) and (min-width: 1220px){
    #content1::after{
        content: "\a";
        white-space: pre;
    }
    
    #content2::after{
        content: "\a";
        white-space: pre;
    }
    
    #content3::after{
        content: "\a";
        white-space: pre;
    }
    
    #content4::after{
        content: "\a";
        white-space: pre;
    }
}


/* @media screen and (max-width: 1220px) and (min-width: 280px){
.who2{
    display: block!important;
}
.who1{
    display: none!important;
}
p {
    margin-bottom: 1.25em;
    font-size: 14px!important;
}
}

@media screen and (max-width: 3220px) and (min-width: 1220px){
    .who2{
        display: none!important;
    }
    .who1{
        display: table;
    }
    
} */

@media screen and (max-width: 600px) and (min-width: 280px) {
    .why .icon{
        max-width: 100px!important;
    }
    .containerz {
        padding: 0 1%;
    }

    .resnew{
        margin-left: 1%!important;
    }
    .col-adjz {
        display: flex;
        margin-bottom: 5%;
    }
    .home {
        background-image: url(../img/bg4.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .words-animation .words{
        padding: 0 5%;
    }
    p{
        font-size: 12px!important;
    }
    .col_two p {
        width: 100%!important;
    }
    .why .columns h4 {
        line-height: 0.6!important;
        font-size: 22px;
    }
    .col-md-4.is-animated.animated.fadeInUp {
        display: grid;
        flex-wrap: wrap;
        /* margin: 0 auto; */
        margin-bottom: 2%!important;
    }
    .col_one p, .col_two p{
        width: 70%;
    }
    .why .columns h4 {
        line-height: 1.6;
        font-size: 18px;
    }
    .words-animation .words{
        font-size: 30px!important;
    }
}

.ucz,.col-md-4.is-animated.animated.fadeInUp .heading-uc, .col-md-4.is-animated.animated.fadeInUp p{
    margin: 0 auto;
}

.col-md-4.is-animated.animated.fadeInUp .heading-uc{
    margin-bottom: 5%;
    font-size: 25px;
}

.col-adjz{
    display: flex;
}
#fullpage {
    opacity: 0
}

#fullpage.show {
    opacity: 1
}


#fp-nav {
    opacity: 0
}

#fp-nav ul li a span {
    background: #56c5cf
}

#landscape {
    display: none;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    z-index: 1000000000000000;
    background: #4e4e4e;
    font-size: .5em
}

.col-md-4.is-animated p span{
 margin: 0 auto;
}

.txtz1{
    letter-spacing: 2px;
}

.txtz2{
    letter-spacing: .5px;
}

.txtz4{
    letter-spacing: 1.45px;
}

.txtz3{
    letter-spacing: 1.25px;
}

.txtz5{
    letter-spacing: 1px;
}

.txtz6{
    letter-spacing: 1.7px;
}

.txtz7{
    letter-spacing: 1px;
}

.txtz8{
    letter-spacing: 1.7px;
}

.txtz9{
    letter-spacing: 2.3px;
}

.txtz10{
    letter-spacing: 4px!important;
}

.txtz11{
    letter-spacing: 4.5px!important;
}

.txtz12{
    letter-spacing: 2px!important;
}

.txtz14{
    letter-spacing: .15px!important;
}

.txtz15{
    letter-spacing: .45px!important;
}

.row.lead .col-md-8 h1{
    color: #0c7d3f;
}

#landscape h1 {
    margin-top: calc(50vh - 15px)
}

#landscape.visible {
    display: block
}

label.error {
    color: #a94442;
    margin-bottom: 0
}

.background-dark {
    background: #101010
}

a,
a:hover,
a:visited {
    color: #fff;
    text-decoration: underline
}

@media (max-width:768px) {
    .asw2017 h1 {
        font-size: 30px
    }
}

@media (min-width:769px) {
    .iframe-wrapper {
        margin: 0 auto;
        width: 990px
    }
}

.wrap {
    padding-top: 20px;
    background-color: #fff;
    color: #000
}
.home{
    background-image: url("../img/bg4.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.wrap a,
.wrap a:hover,
.wrap a:visited {
    color: #000;
    text-decoration: underline
}

.footer {
    padding-top: 30px;
    color: #fff
}

.header {
    width: 100%;
    padding: 20px 30px
}
header{
    background: #fff;
}
.header.animated {
    position: absolute;
    z-index: 1000;
    top: 0;
    transition: all 1s 1s;
    transform: none!important;
    z-index: 1;
    opacity: 0
    
}

.header .logo {
    display: inline-block;
    padding-left: 2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header .logo img {
    max-width: 225px
}

@media only all and (max-width:767px) {
    .header .logo {
        padding-left: 0;
        display: block
    }

    .header .logo img {
        max-width: 180px
    }
}

@media only all and (max-width:767px) {
    .header {
        padding-top: 0
    }
}

.header.visible {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.header .nav {
    display: inline-block;
    float: right;
    margin-top: 30px;
    font-size: .9em
}

.header .nav li {
    position: relative;
    margin: 0 1em;
    padding: 0;
    display: inline-block
}

.header .nav a {
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.8);
    letter-spacing: 1px;
    padding: 1em 0;
    text-decoration: none;
    display: block;
    font-weight: bold;
    font-family: sans-serif;
    font-size: 18px;
}

.fp-scrollable{
    width: 100%;
}

.arrow a{
    background-color: #0e7d3f!important;
    padding: 2px 7px;
    position: absolute;
    /* top: 1px; */
    bottom: 25px;
    right: 26px;
    width: 35px;
    height: 35px;
}

.arrow a .bi-arrow-up-circle{
    font-size: 25px;    
    position: relative;
    bottom: 7px;
    right: 2px;

}

.arrow1 a .bi-arrow-up-circle{
    font-size: 25px;    
    position: relative;
    bottom: 7px;
    right: 2px;

}

.arrow2 a .bi-arrow-up-circle{
    font-size: 25px;    
    position: relative;
    bottom: 7px;
    right: 2px;


}

.header .nav a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: #0e7d3f;
    transition: width .1s ease 0s, left .1s ease 0s;
    width: 0
}

.header .nav a:hover {
    color: rgb(0, 0, 0)
}

.header .nav a:hover:after {
    width: 100%;
    left: 0
}

@media only all and (max-width:940px) {
    .header .nav {
        display: none
    }
}

.contact {
    text-align: center;
    background-image: url("../img/csc.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.contact .geometric-lines {
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 0;
    z-index: -1
}

.contact .geometric-lines canvas {
    top: 0;
    position: absolute;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    left: -50%;
    top: -50%
}

.contact h1 {
    margin-bottom: 4vh
}

.contact a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
}

.contact a:hover {
    text-decoration: none;
}

.contact .cube-offscreen {
    position: absolute;
    left: -9vw;
    height: 100%;
    top: -15vh;
    z-index: 99999
}

.contact .cube-offscreen img {
    height: 30vh
}

@media only all and (max-width:767px) {
    .contact .content {
        margin: 0 5vw
    }

    .contact h1 {
        margin-top: -10vh;
        font-size: 1.5em
    }

    .contact a {
        font-size: 1.35em
    }
}

.contact form button,
.contact form input,
.contact form textarea {
    height: 42px;
    font-size: 18px;
    line-height: 22px;
    border-radius: 2px
}

.contact form textarea {
    padding: 16px 12px;
    max-height: 200px
}

@media (max-width:768px) {

    .contact form button,
    .contact form input,
    .contact form textarea {
        height: 32px;
        font-size: 14px;
        line-height: 16px
    }

    .contact form textarea {
        padding: 8px 12px;
        max-height: 160px
    }
}


.home .geometric-lines {
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 0
}

.home .geometric-lines canvas {
    top: 0;
    position: absolute;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    left: -50%;
    top: -50%
}

.home .down {
    width: 16px;
    position: absolute;
    bottom: 5vh;
    left: 50%;
    margin-left: -8px;
    opacity: 0
}

.home .logo {
    max-width: 960px;
    margin: 4vh auto 0;
    transition: all .25s
}

.home .logo.hide {
    opacity: 0;
    -webkit-transform: scale(0) translate3d(0, -20px, -10px);
    transform: scale(0) translate3d(0, -20px, -10px)
}

.home .cube-offscreen {
    position: absolute;
    right: -5vw;
    height: 100%;
    bottom: -69vh;
    z-index: 99999
}

.home .cube-offscreen img {
    height: 50vh
}

.words-animation {
    z-index: 0
}

.words-animation .we-deliver {
    text-align: center;
    opacity: 0
}

.words-animation .we-deliver h3 {
    font-weight: 100 !important;
    font-size: 3em
}

@media only all and (max-width:767px) {
    .words-animation .we-deliver h3 {
        font-size: 1.5em
    }
}
@media only all and (min-width:1607px) {
    .home{
        background-image: url("../img/bg4.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only all and (max-width:1507px) {
    .home{
        background-image: url("../img/bg4.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
}

.words-animation .words {
    color: #0e7d3f;
    font-family: Roboto, sans-serif;
    font-size: 4em;
    -webkit-transform: skew(0) rotate(0);
    transform: skew(0) rotate(0);
    top: 53%;
    width: 100%;
    margin-top: -.7em;
    left: 50%;
    letter-spacing: 0;
    margin-left: -50%;
    text-align: center;
    position: absolute;
    display: none
}

.words-animation .words span {
    display: none
}

.words-animation .words span.active {
    display: block
}

@media only all and (max-width:767px) {
    .words-animation .words {
        font-size: 3em
    }
}

.how {
    background: #fafafa;
    font-size: 1.3em;
    background-image: url("../img/csc.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.how .heading {
    font-size: 2.2em
}

.how .lead {
    margin-bottom: 10vh
}

@media only all and (max-width:1119px) {
    .how .lead {
        margin-bottom: 5vh
    }
}

.how .columns [class^=col-] {
    padding: 0 3vw 2vh
}

.how .columns .icon {
    text-align: center;
    margin: 0 auto 7vh;
    display: block;
    height: 50px
}

.how .columns .icon img {
    max-height: 100%
}

.how .columns h4 {
    text-align: center;
    font-weight: 700
}

.how .columns p {
    font-weight: 300
}

@media only all and (max-width:768px) {
    .how .columns [class^=col-] {
        padding: 0 6vw 2vh
    }

    .how .columns .icon {
        margin-bottom: 3.5vh
    }
}
@media only screen and (min-width: 940px) and (max-width: 1150px){
    .header .nav a {
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.8);
        letter-spacing: 2px;
        padding: 1em 0;
        text-decoration: none;
        display: block;
        font-weight: 700;
        font-family: Myriad Pro;
        font-size: 12px;
    }
    .header .logo img {
        max-width: 126px;
    }
}
@media only screen and (min-width: 280px) and (max-width: 767px){
    .heart-raster{
        width: 35px;
    }
    .col-md-4.is-animated.animated.fadeInUp .heading-uc {
        margin-bottom: 5%;
        font-size: 20px;
    }
}

.how .geometric {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 0
}

.how .geometric-lines {
    background: #111;
    position: absolute
}

@media only all and (max-width:767px) {
    .how {
        font-size: 1.05em
    }

    .how .heading {
        margin: 2em 0 1em
    }

    .how .lead {
        margin-bottom: 1em
    }

    .how .content {
        margin: 0 5vw
    }

    .how .columns [class^=col-] {
        padding: 0 3vw 1vh
    }

    .how .columns h4 {
        text-align: left;
        font-size: 1.25em;
        margin-bottom: .5em
    }

    .how .columns p {
        font-size: .85em
    }

    .how .columns .icon {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        margin: 0 -20px 0 0;
        display: block;
        width: 108px;
        float: right
    }

    .how .columns .icon.phones-only {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .how .columns .icon.blink {
        margin-right: -24px
    }

    .how .columns .icon .eye {
        -webkit-transform: scale(.15);
        transform: scale(.15);
        display: block;
        height: 100%;
        width: 100%;
        padding: 0 10px;
        left: -16px;
        right: auto;
        position: relative
    }

    .how .columns .icon .eye .circle {
        margin-left: 96px
    }

    .how .columns .icon .heart {
        margin-top: 23px
    }
}

@media only all and (max-width:479px) {
    .how .heading {
        margin-top: 1em
    }

    .how .lead {
        margin-bottom: 0
    }
}

.heart {
    width: 264px;
    height: 264px;
    position: absolute;
    left: 50%;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    will-change: transform
}

.heart.animate:before {
    -webkit-animation: a 3.2s cubic-bezier(1, 0, 0, 1) .5s 1 both alternate;
    animation: a 3.2s cubic-bezier(1, 0, 0, 1) .5s 1 both alternate
}

.heart:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-45deg, #c91f1f 6.2625%, transparent 0), linear-gradient(-135deg, #eb7d7d 6.2625%, transparent 0), linear-gradient(45deg, #e03b3b 6.2625%, transparent 0), linear-gradient(135deg, #c91f1f 6.2625%, transparent 0), linear-gradient(-45deg, #871515 6.2625%, transparent 0), linear-gradient(-135deg, #b31c1c 6.2625%, transparent 0), linear-gradient(-135deg, #c91f1f 6.2625%, transparent 0), linear-gradient(45deg, #e45151 6.2625%, transparent 0), linear-gradient(135deg, #871515 6.2625%, transparent 0), linear-gradient(-45deg, #c91f1f 6.2625%, transparent 0), linear-gradient(135deg, #e45151 6.2625%, transparent 0), linear-gradient(-45deg, #c91f1f 6.2625%, transparent 0), linear-gradient(-135deg, #e03b3b 6.2625%, transparent 0), linear-gradient(45deg, #c91f1f 6.2625%, transparent 0), linear-gradient(-135deg, #eb7d7d 6.2625%, transparent 0), linear-gradient(45deg, #871515 6.2625%, transparent 0), linear-gradient(135deg, #b31c1c 6.2625%, transparent 0), linear-gradient(-45deg, #e03b3b 6.2625%, transparent 0), linear-gradient(-135deg, #c91f1f 6.2625%, transparent 0), linear-gradient(45deg, #eb7d7d 6.2625%, transparent 0), linear-gradient(135deg, #871515 6.2625%, transparent 0), linear-gradient(-45deg, #c91f1f 6.2625%, transparent 0), linear-gradient(-135deg, #b31c1c 6.2625%, transparent 0), linear-gradient(45deg, #e03b3b 6.2625%, transparent 0), linear-gradient(-135deg, #c91f1f 6.2625%, transparent 0), linear-gradient(-45deg, #b31c1c 6.2625%, transparent 0), linear-gradient(135deg, #eb7d7d 6.2625%, transparent 0), linear-gradient(-45deg, #b31c1c 6.2625%, transparent 0), linear-gradient(135deg, #871515 6.2625%, transparent 0), linear-gradient(-45deg, #e45151 6.2625%, transparent 0), linear-gradient(-135deg, #b31c1c 6.2625%, transparent 0), linear-gradient(45deg, #871515 6.2625%, transparent 0), linear-gradient(135deg, #c91f1f 6.2625%, transparent 0), linear-gradient(-45deg, #e45151 6.2625%, transparent 0), linear-gradient(135deg, #871515 6.2625%, transparent 0), linear-gradient(135deg, #e45151 6.2625%, transparent 0), linear-gradient(-45deg, #c91f1f 6.2625%, transparent 0), linear-gradient(-135deg, #e45151 6.2625%, transparent 0), linear-gradient(45deg, #c91f1f 6.2625%, transparent 0), linear-gradient(135deg, #eb7d7d 6.2625%, transparent 0), linear-gradient(-45deg, #c91f1f 6.2625%, transparent 0), linear-gradient(135deg, #e03b3b 6.2625%, transparent 0), linear-gradient(-45deg, #c91f1f 6.2625%, transparent 0), linear-gradient(135deg, #eb7d7d 6.2625%, transparent 0), linear-gradient(45deg, #eb7d7d 6.2625%, transparent 0), linear-gradient(135deg, #b31c1c 6.2625%, transparent 0), linear-gradient(-45deg, #c91f1f 6.2625%, transparent 0), linear-gradient(-135deg, #e45151 6.2625%, transparent 0), linear-gradient(45deg, #e03b3b 6.2625%, transparent 0), linear-gradient(135deg, #871515 6.2625%, transparent 0);
    background-position: 86px 252px, 30px 77px, 43px 250px, 232px 144px, 243px 119px, 205px 61px, 193px 137px, 148px 73px, 244px 71px, 115px 4px, 184px 215px, 88px 137px, 230px 52px, 60px 123px, 259px 70px, 246px 69px, 173px 229px, 132px 58px, 119px 202px, 158px 67px, 176px 174px, 25px 249px, 146px 159px, 202px 195px, 195px 264px, 114px 207px, 53px 51px, 182px 49px, 161px 193px, 206px 124px, 39px 237px, 215px 211px, 140px 18px, 161px 125px, 160px 249px, 98px 139px, 169px 182px, 80px 104px, 19px 139px, 232px 149px, 26px 186px, 237px 43px, 246px 224px, 96px 102px, 176px 130px, 54px 204px, 80px 175px, 104px 28px, 50px 69px, 94px 95px
}

@-webkit-keyframes a {

    50%,
    to {
        background-position: 66px 66px, 66px 66px, 33px 99px, 33px 99px, 66px 132px, 66px 132px, 99px 33px, 66px 66px, 66px 66px, 99px 99px, 66px 99px, 99px 132px, 99px 132px, 66px 165px, 99px 165px, 99px 66px, 99px 66px, 132px 99px, 132px 99px, 99px 132px, 99px 132px, 132px 165px, 132px 165px, 99px 198px, 132px 198px, 165px 66px, 132px 66px, 165px 99px, 132px 99px, 165px 132px, 165px 132px, 132px 165px, 132px 165px, 165px 198px, 132px 198px, 165px 33px, 198px 66px, 198px 66px, 165px 99px, 165px 99px, 198px 132px, 165px 132px, 198px 165px, 165px 165px, 198px 66px, 198px 66px, 231px 99px, 231px 99px, 198px 132px, 198px 132px
    }
}

@keyframes a {

    50%,
    to {
        background-position: 66px 66px, 66px 66px, 33px 99px, 33px 99px, 66px 132px, 66px 132px, 99px 33px, 66px 66px, 66px 66px, 99px 99px, 66px 99px, 99px 132px, 99px 132px, 66px 165px, 99px 165px, 99px 66px, 99px 66px, 132px 99px, 132px 99px, 99px 132px, 99px 132px, 132px 165px, 132px 165px, 99px 198px, 132px 198px, 165px 66px, 132px 66px, 165px 99px, 132px 99px, 165px 132px, 165px 132px, 132px 165px, 132px 165px, 165px 198px, 132px 198px, 165px 33px, 198px 66px, 198px 66px, 165px 99px, 165px 99px, 198px 132px, 165px 132px, 198px 165px, 165px 165px, 198px 66px, 198px 66px, 231px 99px, 231px 99px, 198px 132px, 198px 132px
    }
}

.eye {
    -webkit-transform: scale(.28);
    transform: scale(.28)
}

.center,
.circle,
.trapezoid {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.trapezoid {
    width: 269px;
    height: 0;
    border-right: 45.03332px solid transparent;
    border-bottom: 78px solid;
    border-left: 45.03332px solid transparent
}

.trapezoid:nth-of-type(1) {
    border-bottom-color: #56c5cf;
    -webkit-transform: rotate(-30deg) translateY(-116px);
    transform: rotate(-30deg) translateY(-116px)
}

.trapezoid:nth-of-type(2) {
    border-bottom-color: #56c5cf;
    -webkit-transform: rotate(150deg) translateY(-116px);
    transform: rotate(150deg) translateY(-116px)
}

.trapezoid:nth-of-type(3) {
    border-bottom-color: #309fa9;
    -webkit-transform: rotate(30deg) translateY(-116px);
    transform: rotate(30deg) translateY(-116px)
}

.trapezoid:nth-of-type(4) {
    border-bottom-color: #309fa9;
    -webkit-transform: rotate(210deg) translateY(-116px);
    transform: rotate(210deg) translateY(-116px)
}

.circle {
    width: 78px;
    height: 78px;
    background-color: #111;
    border-radius: 50%
}

.bar {
    width: 108px;
    margin: 0 auto;
    position: relative
}

.bar div {
    width: 18px;
    position: absolute;
    background: #56c5cf;
    height: 0;
    bottom: 0
}

.bar div:nth-child(2) {
    left: 30px
}

.bar div:nth-child(3) {
    left: 60px
}

.bar div:nth-child(4) {
    left: 90px
}

.who {
    background: #fafafa;
    font-size: 1.85em;
    background-image: url("../img/vsd.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.who p {
    font-weight: 300;
    color: #fff;
}

.who h1 {
    font-size: 1.8em;
    color: #fff;
}

@media only all and (max-width:767px) {
    .who {
        font-size: 1.25em
    }

    .who h1 {
        margin-top: 0;
        font-size: 1.5em
    }

    .who .content {
        margin: 0 5vw
    }
}

.who .clients {
    margin-top: 15vh
}

.who .clients img {
    opacity: .5;
    max-width: 60%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.who .clients img[src*='jet.png'] {
    max-height: 40px
}

.who .clients .col-md-2 {
    text-align: center
}

@media only all and (max-width:1119px) {
    .who .clients {
        margin-top: 2vh
    }

    .who .clients div {
        padding: 2vh
    }

    .who .clients div img {
        max-height: 25px !important
    }

    .who .clients div img[src*="uber.png"] {
        max-height: 20px !important
    }
}

@media only all and (max-width:767px) {
    .who .clients div {
        padding: 1vh 2vw
    }
}

.who .background-lines {
    top: -30vh
}

.who .background-lines .small-line {
    background: hsla(4, 100%, 70%, .2);
    -webkit-animation: b 30s infinite linear;
    animation: b 30s infinite linear;
    -webkit-transform: translateZ(0) rotate(120deg);
    transform: translateZ(0) rotate(120deg)
}

.who .background-lines .small-line:nth-child(1) {
    top: 5vw;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    background: hsla(4, 100%, 70%, .35)
}

.who .background-lines .small-line:nth-child(2) {
    top: 10vw;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    background: hsla(4, 100%, 70%, .7)
}

.who .background-lines .small-line:nth-child(3) {
    top: 15vw;
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
    background: hsla(4, 100%, 70%, .45)
}

.who .background-lines .small-line:nth-child(4) {
    top: 20vw;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    background: hsla(4, 100%, 70%, .25)
}

.who .background-lines .small-line:nth-child(5) {
    top: 25vw;
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
    background: hsla(4, 100%, 70%, .6)
}

.who .background-lines .small-line:nth-child(6) {
    top: 30vw;
    -webkit-animation-delay: 27s;
    animation-delay: 27s;
    background: hsla(4, 100%, 70%, .85)
}

.who .background-lines .small-line:nth-child(7) {
    top: 35vw;
    -webkit-animation-delay: 19s;
    animation-delay: 19s;
    background: hsla(4, 100%, 70%, .55)
}

.who .background-lines .small-line:nth-child(8) {
    top: 40vw;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    background: hsla(4, 100%, 70%, .35)
}

.who .background-lines .small-line:nth-child(9) {
    top: 45vw;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    background: hsla(4, 100%, 70%, .48)
}

.who .background-lines .small-line:nth-child(10) {
    top: 50vw;
    -webkit-animation-delay: 20s;
    animation-delay: 20s;
    background: hsla(4, 100%, 70%, .4)
}

.who .background-lines .small-line:nth-child(11) {
    top: 55vw;
    -webkit-animation-delay: 14s;
    animation-delay: 14s;
    background: hsla(4, 100%, 70%, .25)
}

.who .background-lines .small-line:nth-child(12) {
    top: 60vw;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    background: hsla(4, 100%, 70%, .52)
}

.who .background-lines .small-line:nth-child(13) {
    top: 65vw;
    -webkit-animation-delay: 17s;
    animation-delay: 17s;
    background: hsla(4, 100%, 70%, .9)
}

.who .background-lines .small-line:nth-child(14) {
    top: 70vw;
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
    background: hsla(4, 100%, 70%, .85)
}

.who .background-lines .small-line:nth-child(15) {
    top: 75vw;
    -webkit-animation-delay: 13s;
    animation-delay: 13s;
    background: hsla(4, 100%, 70%, .2)
}

@media only all and (max-width:1119px) {
    .who .content {
        padding: 10vw 10vw 2vw
    }
}

@media only all and (max-width:479px) {
    .who .content {
        padding: 5vw
    }
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: translateZ(0) rotate(120deg);
        transform: translateZ(0) rotate(120deg)
    }

    to {
        -webkit-transform: translate3d(120vw, 100vh, 0) rotate(120deg);
        transform: translate3d(120vw, 100vh, 0) rotate(120deg)
    }
}

@keyframes b {
    0% {
        -webkit-transform: translateZ(0) rotate(120deg);
        transform: translateZ(0) rotate(120deg)
    }

    to {
        -webkit-transform: translate3d(120vw, 100vh, 0) rotate(120deg);
        transform: translate3d(120vw, 100vh, 0) rotate(120deg)
    }
}

.why {
    background:#4f4f4f;
    background-size: cover;
    color: #fff;
    font-size: 1.5em
}

.why .content {
    margin-top: -10vh
}

.why .lead {
    margin-top: 4em;
    font-size: 1.1em
}

.why .lead h1 {
    font-size: 2em
}

.why .lead p {
    font-weight: 100
}

.why .row {
    margin-bottom: 5vh
}

.why .columns h4 {
    line-height: 1.6;
    font-size: 22px;
}

.why .columns p {
    font-size: .7em;
    font-weight: 100
}

.why .icon {
    float: right;
    max-width: 175px;
    margin: 0 0 1em 1em
}

.why .geometric {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    z-index: 0
}

.why .background-lines .small-line {
    background: hsla(4, 100%, 70%, .2);
    -webkit-animation: c 30s infinite linear;
    animation: c 30s infinite linear;
    -webkit-transform: translate3d(120vw, 0, 0) rotate(60deg);
    transform: translate3d(120vw, 0, 0) rotate(60deg)
}

.why .background-lines .small-line:nth-child(2) {
    top: -10vw;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    background: hsla(4, 100%, 70%, .5)
}

.why .background-lines .small-line:nth-child(3) {
    top: 10vw;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    background: hsla(4, 100%, 70%, .35)
}

.why .background-lines .small-line:nth-child(4) {
    top: 20vw;
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
    background: hsla(4, 100%, 70%, .15)
}

@media only all and (max-width:992px) {
    .why {
        font-size: 1.35em
    }

    .why .icon {
        float: left;
        margin-left: 0;
        margin-right: 40px;
        margin-bottom: 60px;
        max-width: 60px
    }

    .why .row {
        margin-bottom: 0
    }
}

@media only all and (max-width:768px) {
    .why .content {
        margin: -10vh auto 0;
        max-width: 550px
    }

    .why .icon {
        margin-bottom: 80px
    }
}

@media only all and (max-width:767px) {
    .why {
        font-size: 1.15em
    }

    .why .content {
        margin: 0 5vw
    }

    .why .lead {
        margin-top: 4vh;
        margin-bottom: 3vh
    }

    .why .lead h1 {
        font-size: 1.5em
    }

    .why .row {
        margin-bottom: 0
    }

    .why .row .col-md-4 {
        margin-bottom: 2em
    }

    .why .row .col-md-4 h4 {
        margin-bottom: .25em
    }

    .why .row:nth-child(3) {
        margin-top: -.5em
    }

    .why .icon {
        max-width: 50px;
        margin-bottom: 0;
        margin-right: 0;
        float: right
    }
}

@-webkit-keyframes c {
    0% {
        -webkit-transform: translate3d(120wv, 0, 0) rotate(60deg);
        transform: translate3d(120wv, 0, 0) rotate(60deg)
    }

    to {
        -webkit-transform: translate3d(0, 100vh, 0) rotate(60deg);
        transform: translate3d(0, 100vh, 0) rotate(60deg)
    }
}

@keyframes c {
    0% {
        -webkit-transform: translate3d(120wv, 0, 0) rotate(60deg);
        transform: translate3d(120wv, 0, 0) rotate(60deg)
    }

    to {
        -webkit-transform: translate3d(0, 100vh, 0) rotate(60deg);
        transform: translate3d(0, 100vh, 0) rotate(60deg)
    }
}

@-webkit-keyframes d {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    90% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes d {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    90% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.blink {
    -webkit-animation-name: d;
    animation-name: d;
    -webkit-transform-origin: center bottom;
    transform-origin: center center
}

.geometric svg polygon {
    transition: all 30s
}

.glitch {
    color: #fff;
    font-size: 100px;
    position: relative;
    width: 400px;
    margin: 0 auto
}

@-webkit-keyframes e {
    0% {
        clip: rect(63px, 9999px, 7px, 0)
    }

    5% {
        clip: rect(36px, 9999px, 34px, 0)
    }

    10% {
        clip: rect(43px, 9999px, 14px, 0)
    }

    15% {
        clip: rect(3px, 9999px, 39px, 0)
    }

    20% {
        clip: rect(83px, 9999px, 11px, 0)
    }

    25% {
        clip: rect(18px, 9999px, 18px, 0)
    }

    30% {
        clip: rect(99px, 9999px, 65px, 0)
    }

    35% {
        clip: rect(59px, 9999px, 61px, 0)
    }

    40% {
        clip: rect(36px, 9999px, 27px, 0)
    }

    45% {
        clip: rect(25px, 9999px, 4px, 0)
    }

    50% {
        clip: rect(59px, 9999px, 17px, 0)
    }

    55% {
        clip: rect(3px, 9999px, 76px, 0)
    }

    60% {
        clip: rect(99px, 9999px, 9px, 0)
    }

    65% {
        clip: rect(43px, 9999px, 41px, 0)
    }

    70% {
        clip: rect(98px, 9999px, 49px, 0)
    }

    75% {
        clip: rect(24px, 9999px, 41px, 0)
    }

    80% {
        clip: rect(80px, 9999px, 37px, 0)
    }

    85% {
        clip: rect(79px, 9999px, 72px, 0)
    }

    90% {
        clip: rect(40px, 9999px, 97px, 0)
    }

    95% {
        clip: rect(89px, 9999px, 71px, 0)
    }

    to {
        clip: rect(69px, 9999px, 95px, 0)
    }
}

@keyframes e {
    0% {
        clip: rect(63px, 9999px, 7px, 0)
    }

    5% {
        clip: rect(36px, 9999px, 34px, 0)
    }

    10% {
        clip: rect(43px, 9999px, 14px, 0)
    }

    15% {
        clip: rect(3px, 9999px, 39px, 0)
    }

    20% {
        clip: rect(83px, 9999px, 11px, 0)
    }

    25% {
        clip: rect(18px, 9999px, 18px, 0)
    }

    30% {
        clip: rect(99px, 9999px, 65px, 0)
    }

    35% {
        clip: rect(59px, 9999px, 61px, 0)
    }

    40% {
        clip: rect(36px, 9999px, 27px, 0)
    }

    45% {
        clip: rect(25px, 9999px, 4px, 0)
    }

    50% {
        clip: rect(59px, 9999px, 17px, 0)
    }

    55% {
        clip: rect(3px, 9999px, 76px, 0)
    }

    60% {
        clip: rect(99px, 9999px, 9px, 0)
    }

    65% {
        clip: rect(43px, 9999px, 41px, 0)
    }

    70% {
        clip: rect(98px, 9999px, 49px, 0)
    }

    75% {
        clip: rect(24px, 9999px, 41px, 0)
    }

    80% {
        clip: rect(80px, 9999px, 37px, 0)
    }

    85% {
        clip: rect(79px, 9999px, 72px, 0)
    }

    90% {
        clip: rect(40px, 9999px, 97px, 0)
    }

    95% {
        clip: rect(89px, 9999px, 71px, 0)
    }

    to {
        clip: rect(69px, 9999px, 95px, 0)
    }
}

.glitch:after {
    content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -1px 0 red;
    top: 0;
    color: #fff;
    background: #000;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    -webkit-animation: e 2s infinite linear alternate-reverse;
    animation: e 2s infinite linear alternate-reverse
}

@-webkit-keyframes f {
    0% {
        clip: rect(2px, 9999px, 14px, 0)
    }

    5% {
        clip: rect(86px, 9999px, 38px, 0)
    }

    10% {
        clip: rect(9px, 9999px, 8px, 0)
    }

    15% {
        clip: rect(77px, 9999px, 54px, 0)
    }

    20% {
        clip: rect(11px, 9999px, 32px, 0)
    }

    25% {
        clip: rect(44px, 9999px, 48px, 0)
    }

    30% {
        clip: rect(86px, 9999px, 97px, 0)
    }

    35% {
        clip: rect(82px, 9999px, 95px, 0)
    }

    40% {
        clip: rect(65px, 9999px, 98px, 0)
    }

    45% {
        clip: rect(68px, 9999px, 27px, 0)
    }

    50% {
        clip: rect(1px, 9999px, 53px, 0)
    }

    55% {
        clip: rect(28px, 9999px, 5px, 0)
    }

    60% {
        clip: rect(23px, 9999px, 69px, 0)
    }

    65% {
        clip: rect(19px, 9999px, 88px, 0)
    }

    70% {
        clip: rect(68px, 9999px, 9px, 0)
    }

    75% {
        clip: rect(86px, 9999px, 14px, 0)
    }

    80% {
        clip: rect(92px, 9999px, 52px, 0)
    }

    85% {
        clip: rect(13px, 9999px, 93px, 0)
    }

    90% {
        clip: rect(51px, 9999px, 13px, 0)
    }

    95% {
        clip: rect(96px, 9999px, 56px, 0)
    }

    to {
        clip: rect(91px, 9999px, 80px, 0)
    }
}

@keyframes f {
    0% {
        clip: rect(2px, 9999px, 14px, 0)
    }

    5% {
        clip: rect(86px, 9999px, 38px, 0)
    }

    10% {
        clip: rect(9px, 9999px, 8px, 0)
    }

    15% {
        clip: rect(77px, 9999px, 54px, 0)
    }

    20% {
        clip: rect(11px, 9999px, 32px, 0)
    }

    25% {
        clip: rect(44px, 9999px, 48px, 0)
    }

    30% {
        clip: rect(86px, 9999px, 97px, 0)
    }

    35% {
        clip: rect(82px, 9999px, 95px, 0)
    }

    40% {
        clip: rect(65px, 9999px, 98px, 0)
    }

    45% {
        clip: rect(68px, 9999px, 27px, 0)
    }

    50% {
        clip: rect(1px, 9999px, 53px, 0)
    }

    55% {
        clip: rect(28px, 9999px, 5px, 0)
    }

    60% {
        clip: rect(23px, 9999px, 69px, 0)
    }

    65% {
        clip: rect(19px, 9999px, 88px, 0)
    }

    70% {
        clip: rect(68px, 9999px, 9px, 0)
    }

    75% {
        clip: rect(86px, 9999px, 14px, 0)
    }

    80% {
        clip: rect(92px, 9999px, 52px, 0)
    }

    85% {
        clip: rect(13px, 9999px, 93px, 0)
    }

    90% {
        clip: rect(51px, 9999px, 13px, 0)
    }

    95% {
        clip: rect(96px, 9999px, 56px, 0)
    }

    to {
        clip: rect(91px, 9999px, 80px, 0)
    }
}

.glitch:before {
    content: attr(data-text);
    position: absolute;
    left: -2px;
    text-shadow: 1px 0 blue;
    top: 0;
    color: #fff;
    background: #000;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    -webkit-animation: f 3s infinite linear alternate-reverse;
    animation: f 3s infinite linear alternate-reverse
}

.background-lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.background-lines .full-line,
.background-lines .line,
.background-lines .small-line {
    position: absolute;
    display: block;
    z-index: 990;
    width: 1px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    top: 0;
    left: 0;
    background: rgba(85, 85, 85, .15)
}

.background-lines .full-line {
    height: 200%
}

.background-lines .full-line:first-child {
    left: -24vw
}

.background-lines .full-line:nth-child(2) {
    left: -12vw
}

.background-lines .full-line:nth-child(4) {
    left: 12vw
}

.background-lines .full-line:nth-child(5) {
    left: 24vw
}

.background-lines .full-line.deg-60 {
    right: 0;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.background-lines .small-line {
    height: 5vh
}

.is-hidden {
    display: none !important
}

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

.font-extra-light {
    font-weight: 200 !important
}

.font-light {
    font-weight: 300 !important
}

.font-normal {
    font-weight: 400 !important
}

.font-semi-bold {
    font-weight: 600 !important
}

.font-bold {
    font-weight: 700 !important
}

.font-ultra-bold {
    font-weight: 900 !important
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.text-middle {
    vertical-align: middle !important
}

.text-top {
    vertical-align: top !important
}

.text-bottom {
    vertical-align: bottom !important
}

.text-baseline {
    vertical-align: baseline !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.clear-left {
    clear: left !important
}

.clear-right {
    clear: right !important
}

.clear-both {
    clear: both !important
}

.clear-none {
    clear: none !important
}

.block {
    display: block !important
}

.inline {
    display: inline !important
}

.inline-block {
    display: inline-block !important
}

.no-wrap {
    white-space: nowrap
}

.no-bullets {
    list-style: none !important
}

.no-bullets li {
    margin-left: 0 !important;
    margin-bottom: 0 !important
}

.mt0 {
    margin-top: 0 !important
}

.mt0\.5 {
    margin-top: 5px !important
}

.ml0 {
    margin-left: 0 !important
}

.ml0\.5 {
    margin-left: 5px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mb0\.5 {
    margin-bottom: 5px !important
}

.mr0 {
    margin-right: 0 !important
}

.mr0\.5 {
    margin-right: 5px !important
}

.mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mv0\.5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.mh0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mh0\.5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.ma0 {
    margin: 0 !important
}

.ma0\.5 {
    margin: 5px !important
}

.pt0 {
    padding-top: 0 !important
}

.pt0\.5 {
    padding-top: 5px !important
}

.pl0 {
    padding-left: 0 !important
}

.pl0\.5 {
    padding-left: 5px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pb0\.5 {
    padding-bottom: 5px !important
}

.pr0 {
    padding-right: 0 !important
}

.pr0\.5 {
    padding-right: 5px !important
}

.pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pv0\.5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.ph0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.ph0\.5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.pa0 {
    padding: 0 !important
}

.pa0\.5 {
    padding: 5px !important
}

.mt1 {
    margin-top: 10px !important
}

.mt1\.5 {
    margin-top: 15px !important
}

.ml1 {
    margin-left: 10px !important
}

.ml1\.5 {
    margin-left: 15px !important
}

.mb1 {
    margin-bottom: 10px !important
}

.mb1\.5 {
    margin-bottom: 15px !important
}

.mr1 {
    margin-right: 10px !important
}

.mr1\.5 {
    margin-right: 15px !important
}

.mv1 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.mv1\.5 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.mh1 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mh1\.5 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.ma1 {
    margin: 10px !important
}

.ma1\.5 {
    margin: 15px !important
}

.pt1 {
    padding-top: 10px !important
}

.pt1\.5 {
    padding-top: 15px !important
}

.pl1 {
    padding-left: 10px !important
}

.pl1\.5 {
    padding-left: 15px !important
}

.pb1 {
    padding-bottom: 10px !important
}

.pb1\.5 {
    padding-bottom: 15px !important
}

.pr1 {
    padding-right: 10px !important
}

.pr1\.5 {
    padding-right: 15px !important
}

.pv1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.pv1\.5 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.ph1 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.ph1\.5 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.pa1 {
    padding: 10px !important
}

.pa1\.5 {
    padding: 15px !important
}

.mt2 {
    margin-top: 20px !important
}

.mt2\.5 {
    margin-top: 25px !important
}

.ml2 {
    margin-left: 20px !important
}

.ml2\.5 {
    margin-left: 25px !important
}

.mb2 {
    margin-bottom: 20px !important
}

.mb2\.5 {
    margin-bottom: 25px !important
}

.mr2 {
    margin-right: 20px !important
}

.mr2\.5 {
    margin-right: 25px !important
}

.mv2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.mv2\.5 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.mh2 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.mh2\.5 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.ma2 {
    margin: 20px !important
}

.ma2\.5 {
    margin: 25px !important
}

.pt2 {
    padding-top: 20px !important
}

.pt2\.5 {
    padding-top: 25px !important
}

.pl2 {
    padding-left: 20px !important
}

.pl2\.5 {
    padding-left: 25px !important
}

.pb2 {
    padding-bottom: 20px !important
}

.pb2\.5 {
    padding-bottom: 25px !important
}

.pr2 {
    padding-right: 20px !important
}

.pr2\.5 {
    padding-right: 25px !important
}

.pv2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.pv2\.5 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.ph2 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.ph2\.5 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.pa2 {
    padding: 20px !important
}

.pa2\.5 {
    padding: 25px !important
}

.mt3 {
    margin-top: 30px !important
}

.mt3\.5 {
    margin-top: 35px !important
}

.ml3 {
    margin-left: 30px !important
}

.ml3\.5 {
    margin-left: 35px !important
}

.mb3 {
    margin-bottom: 30px !important
}

.mb3\.5 {
    margin-bottom: 35px !important
}

.mr3 {
    margin-right: 30px !important
}

.mr3\.5 {
    margin-right: 35px !important
}

.mv3 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.mv3\.5 {
    margin-top: 35px !important;
    margin-bottom: 35px !important
}

.mh3 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.mh3\.5 {
    margin-left: 35px !important;
    margin-right: 35px !important
}

.ma3 {
    margin: 30px !important
}

.ma3\.5 {
    margin: 35px !important
}

.pt3 {
    padding-top: 30px !important
}

.pt3\.5 {
    padding-top: 35px !important
}

.pl3 {
    padding-left: 30px !important
}

.pl3\.5 {
    padding-left: 35px !important
}

.pb3 {
    padding-bottom: 30px !important
}

.pb3\.5 {
    padding-bottom: 35px !important
}

.pr3 {
    padding-right: 30px !important
}

.pr3\.5 {
    padding-right: 35px !important
}

.pv3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.pv3\.5 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

.ph3 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.ph3\.5 {
    padding-left: 35px !important;
    padding-right: 35px !important
}

.pa3 {
    padding: 30px !important
}

.pa3\.5 {
    padding: 35px !important
}

.mt4 {
    margin-top: 40px !important
}

.mt4\.5 {
    margin-top: 45px !important
}

.ml4 {
    margin-left: 40px !important
}

.ml4\.5 {
    margin-left: 45px !important
}

.mb4 {
    margin-bottom: 40px !important
}

.mb4\.5 {
    margin-bottom: 45px !important
}

.mr4 {
    margin-right: 40px !important
}

.mr4\.5 {
    margin-right: 45px !important
}

.mv4 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.mv4\.5 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.mh4 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.mh4\.5 {
    margin-left: 45px !important;
    margin-right: 45px !important
}

.ma4 {
    margin: 40px !important
}

.ma4\.5 {
    margin: 45px !important
}

.pt4 {
    padding-top: 40px !important
}

.pt4\.5 {
    padding-top: 45px !important
}

.pl4 {
    padding-left: 40px !important
}

.pl4\.5 {
    padding-left: 45px !important
}

.pb4 {
    padding-bottom: 40px !important
}

.pb4\.5 {
    padding-bottom: 45px !important
}

.pr4 {
    padding-right: 40px !important
}

.pr4\.5 {
    padding-right: 45px !important
}

.pv4 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.pv4\.5 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.ph4 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.ph4\.5 {
    padding-left: 45px !important;
    padding-right: 45px !important
}

.pa4 {
    padding: 40px !important
}

.pa4\.5 {
    padding: 45px !important
}

.mt5 {
    margin-top: 50px !important
}

.mt5\.5 {
    margin-top: 55px !important
}

.ml5 {
    margin-left: 50px !important
}

.ml5\.5 {
    margin-left: 55px !important
}

.mb5 {
    margin-bottom: 50px !important
}

.mb5\.5 {
    margin-bottom: 55px !important
}

.mr5 {
    margin-right: 50px !important
}

.mr5\.5 {
    margin-right: 55px !important
}

.mv5 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.mv5\.5 {
    margin-top: 55px !important;
    margin-bottom: 55px !important
}

.mh5 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.mh5\.5 {
    margin-left: 55px !important;
    margin-right: 55px !important
}

.ma5 {
    margin: 50px !important
}

.ma5\.5 {
    margin: 55px !important
}

.pt5 {
    padding-top: 50px !important
}

.pt5\.5 {
    padding-top: 55px !important
}

.pl5 {
    padding-left: 50px !important
}

.pl5\.5 {
    padding-left: 55px !important
}

.pb5 {
    padding-bottom: 50px !important
}

.pb5\.5 {
    padding-bottom: 55px !important
}

.pr5 {
    padding-right: 50px !important
}

.pr5\.5 {
    padding-right: 55px !important
}

.pv5 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.pv5\.5 {
    padding-top: 55px !important;
    padding-bottom: 55px !important
}

.ph5 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.ph5\.5 {
    padding-left: 55px !important;
    padding-right: 55px !important
}

.pa5 {
    padding: 50px !important
}

.pa5\.5 {
    padding: 55px !important
}

.neural-network {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    transition: all .5s .25s;
    opacity: 0
}

.neural-network canvas {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    top: -50%;
    left: -50%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    fill: #fafafa
}

.neural-network.visible {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #111 url(../img/cube.svg) 50% no-repeat;
    background-size: 30% auto;
    z-index: 999
}

@media only all and (min-width:1120px) {
    .desktop-only {
        display: inherit !important
    }
}

@media only all and (max-width:1119px) {
    .desktop-only {
        display: none !important
    }
}

@media only all and (max-width:767px) {
    .desktop-only {
        display: none !important
    }
}

@media only all and (min-width:1120px) {
    .phones-only {
        display: none !important
    }
}

@media only all and (max-width:1119px) {
    .phones-only {
        display: none !important
    }
}

@media only all and (max-width:767px) {
    .phones-only {
        display: inherit !important
    }
}

@media only all and (max-width:767px) {
    .phones-hidden {
        display: none !important
    }
}

@media only all and (max-width:479px) {
    .small-phones-hidden {
        display: none !important
    }
}

html {
    background: #111
}

body {
    line-height: 1.6;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #2a3031
}

h1,
h2,
h3,
h4,
h5,
strong {
    font-weight: 500
}

h1,
h2,
h3,
h4,
h5 {
    margin-bottom: 1em
}

@media screen and (min-width: 600px){
    h1{
        font-size: 48px!important;
        font-family: Myriad Pro, sans-serif;
        font-weight: 900;
    }
    p{
        font-size: 16px!important;
        font-weight: normal!important;
    }
}

@media (min-width: 1200px){
    .containerz {
        width: 1300px;
    }
}


@media screen and (max-width: 600px){
    h1{
        font-size: 30px!important;
        font-weight: 900!important;
        margin-bottom: 12%!important;
    }
    .contact .fp-tableCell{
        padding: 0 5%;
    }
}

.resnew{
    margin-left: 9%;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 100;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    z-index: 100;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}


.heading-uc {
    text-transform: uppercase;
    letter-spacing: .15em
}

p {
    margin-bottom: 1.25em
}

.weight-light {
    font-weight: 100
}

.why .fp-tableCell{
    display: flex;
    align-items: center;
    vertical-align: c;
    vertical-align: middle;
}


.xxxl {
    font-size: 3em
}

.xxl {
    font-size: 2.5em
}

.xl {
    font-size: 2em
}

.l {
    font-size: 1.5em
}

::selection {
    background: #333;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #333;
    color: #fff;
    text-shadow: none
}

::-webkit-selection {
    background: #333;
    color: #fff;
    text-shadow: none
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}