/*

@font-face {
    font-family: latolight;
    src: url(../fonts/Lato-Light_0.ttf);
}

@font-face {
    font-family: latomedium;
    src: url(../fonts/Lato-Medium_0.ttf);
}
@font-face {
    font-family: latothin;
    src: url(../fonts/Lato-Thin_0.ttf);
}
@font-face {
    font-family: latoheavy;
    src: url(../fonts/Lato-Heavy_0.ttf);
}

@font-face {
    font-family: latoregular;
    src: url(../fonts/Lato-Regular_0.ttf);
}
*/
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400');

.hideli {
    display: none
}
button.maximize {
    display: none;
}
body {
    background-color: #f2f2f2;
    font-family: Lato;
    font-weight: 400;
    font-size: 12px;
    overflow-x: hidden
}

@media (min-width:1600px) {
    body {
        font-size: 14px;
    }
}



#Header {
    padding: 10px 20px 10px 28px; /*background:url(../img/header-bg.png);*/
    background-color: #f5f5f5;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
    border-bottom: 1px solid #fff
}
.support-btn {
    position: fixed;
    top: 14px;
    right: 78px;
    color: #d21621;
    z-index: 950;
    text-decoration: none !important;
    cursor: pointer;
    font-size: 1.4rem;
    font-family:Lato;
}
    .support-btn:hover, .support-btn:visited, .support-btn:focus {
        text-decoration: none !important;
        color: #d21621;
    }
    .homepage #Header {
    position: fixed;
}

.blacklogo {
    display: none
}

#Header.headerflow {
    background: #f5f5f5
}

    #Header.headerflow .blacklogo {
        display: block
    }

    #Header.headerflow .whitelogo {
        display: none
    }

.header-right {
    float: right;
    width: 200px;
}

.headerlinks {
    margin: 0 70px 0 155px;
    text-align: center;
    padding-top: 10px;
}

    .headerlinks a {
        color: #fff;
        display: inline-block;
        margin: 0 10px;
        position: relative;
        font-size: 1.15em
    }

        .headerlinks a:after {
            position: absolute;
            width: 1px;
            right: -10px;
            background-color: #fff;
            top: 0;
            bottom: 0;
            content: ""
        }

        .headerlinks a:before {
            position: absolute;
            left: 0px;
            width: 0;
            bottom: 0;
            height: 1px;
            background-color: #fff;
            content: "";
            -moz-transition: all 500ms;
            -webkit-transition: all 500ms;
            transition: all 500ms;
        }

        .headerlinks a:hover {
            text-decoration: none
        }

            .headerlinks a:hover:before, .headerlinks a.active:before {
                width: 100%;
            }

        .headerlinks a:last-child:after {
            background-color: transparent
        }

#Header.headerflow .headerlinks a {
    color: #878787
}

.header-right {
    position: relative
}

.site-menu__toggle {
    position: absolute;
    top: 0px;
    right: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    z-index: 960;
}

.site-menu__toggle__0 {
    position: absolute;
    right: 30px;
    width: 29px;
    height: 2px;
    background-color: #1c1b1e;
    -webkit-transform-origin: 50% 1px;
    transform-origin: 50% 1px;
    -webkit-transition: opacity .3s,background-color .3s,-webkit-transform .3s;
    transition: opacity .3s,background-color .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s,background-color .3s;
    transition: opacity .3s,transform .3s,background-color .3s,-webkit-transform .3s;
    top: 21px;
}

.site-menu__toggle__1 {
    position: absolute;
    right: 30px;
    width: 29px;
    height: 2px;
    background-color: #1c1b1e;
    -webkit-transform-origin: 50% 1px;
    transform-origin: 50% 1px;
    -webkit-transition: opacity .3s,background-color .3s,-webkit-transform .3s;
    transition: opacity .3s,background-color .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s,background-color .3s;
    transition: opacity .3s,transform .3s,background-color .3s,-webkit-transform .3s;
    top: 29px;
}

.site-menu__toggle__2 {
    position: absolute;
    right: 30px;
    width: 29px;
    height: 2px;
    background-color: #1c1b1e;
    -webkit-transform-origin: 50% 1px;
    transform-origin: 50% 1px;
    -webkit-transition: opacity .3s,background-color .3s,-webkit-transform .3s;
    transition: opacity .3s,background-color .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s,background-color .3s;
    transition: opacity .3s,transform .3s,background-color .3s,-webkit-transform .3s;
    top: 37px;
}

.site-menu__toggle.active {
    position: fixed
}

    .site-menu__toggle.active .site-menu__toggle__0 {
        background-color: #fff;
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg);
    }

    .site-menu__toggle.active .site-menu__toggle__1 {
        background-color: #fff;
        opacity: 0;
    }

    .site-menu__toggle.active .site-menu__toggle__2 {
        background-color: #fff;
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg);
    }

#slide-menu {
    overflow: auto;
    position: fixed;
    top: 0;
    right: -400px;
    bottom: 0;
    display: block;
    float: right;
    width: 100%;
    max-width: 320px;
    height: 100%; /*background-color:#000;*/
    background: url(../img/menubg.png) left top repeat-y;
    z-index: 950;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 30px;
    overflow-y: auto;
}

.menuopen #slide-menu {
    right: 0;
}


#slide-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}

    #slide-menu ul li a {
        color: #f6f6f6;
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        transition: all .4s ease;
        padding: 10px 0;
        display: block;
        font-family: Lato;
        font-weight: 300;
    }

        #slide-menu ul li a:hover { /*color:#d21621;*/
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
        }

        #slide-menu ul li a.active {
            color: #d6434c;
        }

.menusublinks {
    padding-top: 15px;
    padding-bottom: 20px;
}

    .menusublinks a {
        color: #fff !important;
        text-decoration:none !important;
        padding-top: 8px;
        font-size: 1.4em;
        font-family: Lato;
        font-weight: 100;
        display: block
    }

        .menusublinks a:hover {
            text-decoration: none;
        }
        /*
.hvr-icon-wobble-horizontal{ padding-right:0; padding-left:30px; background-position:left top; background-repeat:no-repeat}
.menusublinks div:nth-child(1) a{ background:url(../img/about%20us_icon.png) left 10px no-repeat;}
.menusublinks div:nth-child(2) a{ background:url(../img/location_icon.png) left 10px no-repeat;}
.menusublinks div:nth-child(3) a{ background:url(../img/contactus_icon.png) left 10px no-repeat;}
*/
        .menusublinks div a:hover, .menusublinks a.active {
            color: #d6434c
        }

/*.hvr-icon-wobble-horizontal:before{ right:auto; left:10px; content:"\f054";}
.menusublinks a:hover:before{color:#d6434c;}

.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
*/

.video {
    position: relative;
    height: 100vh;
}

@media (min-width:1400px) {
    .video {
        height: 100vh;
    }
}

#homevideo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.section2 {
    height: 100vh;
    background-color: #f7f7f7;
    width: 100%;
    display: table;
    border-bottom: 1px solid #fff
}

.sectiontable {
    display: table-cell;
    height: 100vh;
    vertical-align: middle;
    width: 100%
}

.section2 .sectionin {
    max-width: 1000px;
    padding-top: 0;
    color: #302d33;
    font-size: 3em;
    margin: 0 auto;
    line-height: 42px;
    font-family: Lato;
    font-weight: 100;
}

.sectionicon {
    text-align: center;
    padding-top: 26px;
}

.section2 .wp-title {
    font-size: 1em;
    color: #302d33;
    border-color: #302d33
}

    .section2 .wp-title .lineborder {
        background-color: #302d33
    }

.section3 {
    background-color: #d21621;
    min-height: 100vh;
}

    .section3 .sectionin {
        max-width: 1000px;
        padding-top: 40px;
        margin: 0 auto;
        position: relative;
        overflow: hidden
    }

    .section3 .sectiontitle {
        text-align: center;
        margin: 0;
        padding: 0;
        font-weight: normal;
        padding-bottom: 45px;
    }

        .section3 .sectiontitle div { /*background:url(../img/arrow-icon.png) left 10px no-repeat; padding-left:40px;*/
            display: inline-block
        }

            .section3 .sectiontitle div span {
                display: inline-block;
                text-transform: uppercase;
                background-color: #302d33;
                padding: 10px 20px;
                border-radius: 40px;
                color: #fff;
                font-family: Lato;
                font-weight: 100;
            }

.wp-title {
    display: inline-block;
    padding-right: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ec9ca1;
    position: relative;
    font-size: 3em;
    color: #fff;
    margin-bottom: 50px;
    line-height: normal;
    font-family: Lato;
    font-weight: 400;
}

    .wp-title .lineborder {
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 50px;
        background-color: #fff;
        height: 2px;
        -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
        transition: width 1s;
    }

@media (min-width:600px) {
    .wp-title {
        min-width: 500px;
    }
}

.wp-title.greytitle {
    border-bottom: 1px solid #a5a4a6;
}

.wp-title .subtitle {
    font-family: Lato;
    font-weight: 100;
    font-size: .8em;
    margin-top: -1px
}

.wp-title:hover .lineborder {
    width: 100%;
}

.homenewslisting {
    padding: 0 15px;
}

.item-img a {
    padding: 7px;
    width: 90%;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto
}

.item-img {
    padding-bottom: 5px;
}

    .item-img img {
        width: 100%;
        border-radius: 50%;
        transition: all .2s ease-in-out;
    }
/*.item-img a:hover img{transform: scale(1.5); }*/

.item1 .item-img a:before {
    content: "";
    border-left: 2px solid #fff;
    border-radius: 50%;
    border-right: 2px solid #951919;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #951919;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    -ms-transform: rotate(-40deg); /* IE 9 */
    -webkit-transform: rotate(-40deg); /* Safari */
    transform: rotate(-40deg);
    transition-property: transform;
    transition-duration: 1s;
}

.item1 .item-img a:hover:before {
    animation-name: rotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.item2 .item-img a:before {
    content: "";
    border-right: 2px solid #fff;
    border-radius: 50%;
    border-left: 2px solid #951919;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #951919;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    -ms-transform: rotate(40deg); /* IE 9 */
    -webkit-transform: rotate(40deg); /* Safari */
    transform: rotate(40deg);
    transition-property: transform;
    transition-duration: 1s;
}

.item2 .item-img a:hover:before {
    animation-name: rotate2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}



.item3 .item-img a:before {
    content: "";
    border-top: 2px solid #fff;
    border-radius: 50%;
    border-right: 2px solid #951919;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #951919;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    -ms-transform: rotate(40deg); /* IE 9 */
    -webkit-transform: rotate(40deg); /* Safari */
    transform: rotate(40deg);
    transition-property: transform;
    transition-duration: 1s;
}

.item3 .item-img a:hover:before {
    animation-name: rotate3;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate3 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.listingitem {
    color: #fff;
    text-align: center
}

    .listingitem h4 {
        text-transform: capitalize;
        font-size: 1.5em;
        padding-left: 0px;
        position: relative;
        min-height: 90px;
        font-family: Lato;
        font-weight: 300;
        text-align: center;
    }

        .listingitem h4 div {
            position: absolute;
            width: 5px;
            left: -15px;
            top: 0;
            display: none
        }

            .listingitem h4 div span {
                display: inline-block;
                width: 7px;
                height: 7px;
                border: 1px solid #fff;
                margin-bottom: 1px;
                border-radius: 50%
            }

    .listingitem.item1 h4 div span:nth-child(1) {
        background-color: #fff
    }

    .listingitem.item2 h4 div span:nth-child(2) {
        background-color: #fff
    }

    .listingitem.item3 h4 div span:nth-child(3) {
        background-color: #fff
    }

    .listingitem p {
        font-family: Lato;
        font-weight: 100;
        font-size: 1.3em;
        padding-bottom: 15px;
        min-height: 80px;
        line-height: 1.1em;
    }

.more {
    background: url(../img/readmore.png) left bottom no-repeat;
    padding-bottom: 22px;
    padding-left: 15px;
}

    .more span {
        display: inline-block;
        padding: 5px 12px;
        text-transform: uppercase;
        color: #fff;
        background-color: transparent;
        border-radius: 10px;
        border: 1px solid #f2f2f2;
        line-height: 18px;
    }

    .more:hover span {
        background-color: #941918;
    }

.industrymore span {
    color: #302d33;
    font-family: Lato;
    font-weight: 300;
}

.industrymore:hover span {
    color: #302d33;
    color: #fff;
}

.invisible, .inviewable, .inviewable4 {
    visibility: hidden;
}

    .inviewable.inview, .inviewable4.inview {
        visibility: visible;
    }

@-webkit-keyframes glideInUp {
    0% {
        -webkit-transform: translateY(500px);
        opacity: 0
    }

    5% {
        -webkit-transform: translateY(331.344px);
        opacity: .367
    }

    10% {
        -webkit-transform: translateY(170.581px);
        opacity: .733
    }

    15% {
        -webkit-transform: translateY(74.797px);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(36.503px)
    }

    25% {
        -webkit-transform: translateY(15.738px)
    }

    30% {
        -webkit-transform: translateY(6.799px)
    }

    35% {
        -webkit-transform: translateY(3.311px)
    }

    40% {
        -webkit-transform: translateY(1.433px)
    }

    45% {
        -webkit-transform: translateY(0.698px)
    }

    50% {
        -webkit-transform: translateY(0.301px)
    }

    65% {
        -webkit-transform: translateY(0.027px)
    }

    100% {
        -webkit-transform: translateY(0px);
        opacity: 1
    }
}

@keyframes glideInUp {
    0% {
        transform: translateY(500px);
        opacity: 0
    }

    5% {
        transform: translateY(331.344px);
        opacity: .367
    }

    10% {
        transform: translateY(170.581px);
        opacity: .733
    }

    15% {
        transform: translateY(74.797px);
        opacity: 1
    }

    20% {
        transform: translateY(36.503px)
    }

    25% {
        transform: translateY(15.738px)
    }

    30% {
        transform: translateY(6.799px)
    }

    35% {
        transform: translateY(3.311px)
    }

    40% {
        transform: translateY(1.433px)
    }

    45% {
        transform: translateY(0.698px)
    }

    50% {
        transform: translateY(0.301px)
    }

    65% {
        transform: translateY(0.027px)
    }

    100% {
        transform: translateY(0px);
        opacity: 1
    }
}

.glideInUp, .inview .inview-glideInUp {
    -webkit-animation: glideInUp 2.2s linear 0s 1 normal both;
    -webkit-transform-origin: 50% 50%;
    animation: glideInUp 2.2s linear 0s 1 normal both;
    transform-origin: 50% 50%
}

.inview .inview-fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.delay-1, .inviewable.inview.delay-1, .inviewable.inview .delay-1 {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.delay-2, .inviewable.inview.delay-2, .inviewable.inview .delay-2 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.delay-3, .inviewable.inview.delay-3, .inviewable.inview .delay-3 {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.delay-4, .inviewable.inview.delay-4, .inviewable.inview .delay-4 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.delay-5, .inviewable.inview.delay-5, .inviewable.inview .delay-5 {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

.delay-6, .inviewable.inview.delay-6, .inviewable.inview .delay-6 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay-7, .inviewable.inview.delay-7, .inviewable.inview .delay-7 {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

.delay-8, .inviewable.inview.delay-8, .inviewable.inview .delay-8 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

/*
.wave{ background:url(../img/wave.png) 0 top no-repeat; height:170px;}
*/
.section3 {
    position: relative
}

.wave {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px
}

    .wave img {
        width: 100%
    }

@-webkit-keyframes wave {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 1300px 0;
    }
}

@keyframes wave {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 1300px 0;
    }
}

.section4.parallax {
    background: url(../img/section4.jpg) center top no-repeat;
    min-height: 100vh;
    background-size: cover !important;
    display: table;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden
}

.section4 .parallax-content {
    text-align: left;
    vertical-align: middle;
    padding: 20px;
    color: #fff;
    min-height: 100vh;
    display: table-cell;
}

.section4 .sectiontitle {
    font-size: 3em;
    padding-bottom: 30px;
    line-height: 1.1em
}

.section4 .sectionsubtitle {
    font-size: 3em;
    font-family: Lato;
    font-weight: 100;
    padding-bottom: 30px;
    line-height: 1.1em
}





@-webkit-keyframes glideInRight {
    0% {
        -webkit-transform: translateX(500px);
        opacity: 0
    }

    5% {
        -webkit-transform: translateX(331.344px);
        opacity: .367
    }

    10% {
        -webkit-transform: translateX(170.581px);
        opacity: .733
    }

    15% {
        -webkit-transform: translateX(74.797px);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(36.503px)
    }

    25% {
        -webkit-transform: translateX(15.738px)
    }

    30% {
        -webkit-transform: translateX(6.799px)
    }

    35% {
        -webkit-transform: translateX(3.311px)
    }

    40% {
        -webkit-transform: translateX(1.433px)
    }

    45% {
        -webkit-transform: translateX(0.698px)
    }

    50% {
        -webkit-transform: translateX(0.301px)
    }

    65% {
        -webkit-transform: translateX(0.027px)
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1
    }
}

@keyframes glideInRight {
    0% {
        transform: translateX(500px);
        opacity: 0
    }

    5% {
        transform: translateX(331.344px);
        opacity: .367
    }

    10% {
        transform: translateX(170.581px);
        opacity: .733
    }

    15% {
        transform: translateX(74.797px);
        opacity: 1
    }

    20% {
        transform: translateX(36.503px)
    }

    25% {
        transform: translateX(15.738px)
    }

    30% {
        transform: translateX(6.799px)
    }

    35% {
        transform: translateX(3.311px)
    }

    40% {
        transform: translateX(1.433px)
    }

    45% {
        transform: translateX(0.698px)
    }

    50% {
        transform: translateX(0.301px)
    }

    65% {
        transform: translateX(0.027px)
    }

    100% {
        transform: translateX(0px);
        opacity: 1
    }
}

.glideInRight, .inview.inview-glideInRight, .inview .inview-glideInRight {
    -webkit-animation: glideInRight 2.2s linear 0s 1 normal both;
    -webkit-transform-origin: 50% 50%;
    animation: glideInRight 2.2s linear 0s 1 normal both;
    transform-origin: 50% 50%
}

.section5 {
    background-color: #302d33;
    min-height: 100vh;
}

    .section5 .sectionin {
        padding: 40px 7%
    }

    .section5 .sectiontitle {
        text-align: center;
        margin: 0;
        padding: 0;
        font-weight: normal;
        padding-bottom: 40px;
    }

        .section5 .sectiontitle div {
            background: url(../img/arrow-icon.png) left 10px no-repeat;
            padding-left: 40px;
            display: inline-block
        }

            .section5 .sectiontitle div span {
                display: inline-block;
                text-transform: uppercase;
                background-color: #d21621;
                padding: 10px 20px;
                border-radius: 40px;
                color: #fff;
                font-family: Lato;
                font-weight: 100;
            }

.section6.parallax {
    background: url(../img/section6.jpg) center top no-repeat;
    min-height: 100vh;
    background-size: cover !important;
    display: table;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.section6 .sectioncontent {
    display: table-cell;
    padding: 40px;
    float: none;
    height: 100vh;
    vertical-align: middle;
    text-align: center;
    background: url(../img/section6divbg.png);
}

.sectioncontent h5 {
    color: #fff;
    font-size: 3.2em;
    font-family: Lato;
    font-weight: 300;
}

.wantwork {
    color: #000000;
    font-size: 3em;
    text-decoration: none;
    font-family: Lato;
    font-weight: 400;
}

    .wantwork:hover {
        text-decoration: underline;
        color: #000000;
    }

footer {
    min-height: 5vh;
    background-color: #1c1b1e;
    width: 100%;
    display: table;
    font-size: 1.1em
}

    footer .sectionin {
        display: table-cell;
        width: 100%;
        text-align: center;
        height: 50vh;
        vertical-align: middle;
        overflow: hidden
    }

.socialfollow {
    padding-bottom: 30px;
}

    .socialfollow img {
        position: relative;
        top: -8px;
    }

    .socialfollow span {
        display: inline-block;
        margin-right: 10px;
    }

        .socialfollow span a {
            color: #fff;
            font-size: 35px;
        }

.footerlinks a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

    .footerlinks a:hover {
        text-decoration: underline;
        color: #fff
    }

.footerlinks span {
    display: inline-block;
    color: fff;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.footerlinks a:last-child:after {
    content: ""
}

.copyright {
    padding-top: 20px;
    color: #afadad;
    font-family: Lato;
    font-weight: 300;
}


.intelligence {
    height: 100vh;
    display: table;
    width: 100%;
    background-color: #efefef
}

intelligence.sectionin {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.intelligence {
    text-align: center;
}

    .intelligence .mainimage {
        background: url(../img/intelligent/new-platform.png) center top no-repeat;
        height: 97vh;
        background-size: cover;
        position: absolute;
        left: 0;
        top: 1vh;
        width: 100%;
    }

.mainimage.hoveritem {
    /*
opacity:.1;
-webkit-filter: blur(5px);
  -moz-filter: blur(5px);
    -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  -webkit-filter: grayscale(1);* Old We
  filter: grayscale(1);
  
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;*/
}

.intelligence .mainimage img {
    max-height: 100%;
}

.mainimghover {
    position: absolute;
    left: 0;
    top: 1vh;
    right: 0;
    height: 97vh;
    z-index: 100;
    background-size: cover !important;
    opacity: 0;
}

    .mainimghover.activeitem {
        opacity: 1;
        -webkit-transition: opacity .2s;
        -moz-transition: opacity .2s;
        -o-transition: opacity .2s;
        transition: opacity .2s;
    }

}

.mainimganimation {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    background-size: cover;
}




.mainimghover.automotiveactive {
    background: url(../img/intelligent/Automotive.png) center top no-repeat;
    background-size: cover
}

.mainimghover.communicationactive {
    background: url(../img/intelligent/Communications.png) center top no-repeat;
    background-size: cover
}

.mainimghover.consumeractive {
    background: url(../img/intelligent/ConsumerMarkets.png) center top no-repeat;
    background-size: cover
}

.mainimghover.energyactive {
    background: url(../img/intelligent/Energy.png) center top no-repeat;
    background-size: cover
}

.mainimghover.finicialactive {
    background: url(../img/intelligent/FinancialServices.png) center top no-repeat;
    background-size: cover
}

.mainimghover.govactive {
    background: url(../img/intelligent/Government.png) center top no-repeat;
    background-size: cover
}

.mainimghover.healthactive {
    background: url(../img/intelligent/Healthcare.png) center top no-repeat;
    background-size: cover
}

.mainimghover.hightechactive {
    background: url(../img/intelligent/HighTech.png) center top no-repeat;
    background-size: cover
}

.mainimghover.lifescienceactive {
    background: url(../img/intelligent/LifeSciences.png) center top no-repeat;
    background-size: cover
}

.mainimghover.manfactureactive {
    background: url(../img/intelligent/Manufacturing.png) center top no-repeat;
    background-size: cover
}




.mainimghover.customexperience {
    background: url(../img/intelligent/int_customer.png) center top no-repeat;
    background-size: cover;
}


.mainimghover.employeecollaboration {
    background: url(../img/intelligent/int_employee.png) center top no-repeat;
    background-size: cover;
}

.mainimghover.thinginteraction {
    background: url(../img/intelligent/int_thing_inter.png) center top no-repeat;
    background-size: cover
}

.mainimghover.productivityprocess {
    background: url(../img/intelligent/int_productivity.png) center top no-repeat;
    background-size: cover
}

.mainimghover.connected {
    background: url(../img/intelligent/int_connected.png) center top no-repeat;
    background-size: cover
}

.mainimghover.inddegital {
    background: url(../img/intelligent/industryclick.png) center top no-repeat;
    background-size: cover
}

.mainimghover.securitymanag {
    background: url(../img/intelligent/securitymanagement.png) center top no-repeat;
    background-size: cover
}

.mainimghover.productivity {
    background: url(../img/intelligent/productivity.png) center top no-repeat;
    background-size: cover
}

.mainimghover.dataint {
    background: url(../img/intelligent/dataint.png) center top no-repeat;
    background-size: cover
}

.mainimghover.businessapp {
    background: url(../img/intelligent/businessapps.png) center top no-repeat;
    background-size: cover;
}

.mainimghover.applicationinnovation {
    background: url(../img/intelligent/applicationinnovation.png) center top no-repeat;
    background-size: cover
}

.mainimghover.automotive {
    background: url(../img/intelligent/Automotive.png) center top no-repeat;
    background-size: cover
}

.mainimghover.communication {
    background: url(../img/intelligent/Communications.png) center top no-repeat;
    background-size: cover
}

.mainimghover.consumer {
    background: url(../img/intelligent/ConsumerMarkets.png) center top no-repeat;
    background-size: cover
}

.mainimghover.energy {
    background: url(../img/intelligent/Energy.png) center top no-repeat;
    background-size: cover
}

.mainimghover.finicial {
    background: url(../img/intelligent/FinancialServices.png) center top no-repeat;
    background-size: cover
}

.mainimghover.gov {
    background: url(../img/intelligent/Government.png) center top no-repeat;
    background-size: cover
}

.mainimghover.health {
    background: url(../img/intelligent/Healthcare.png) center top no-repeat;
    background-size: cover
}

.mainimghover.hightech {
    background: url(../img/intelligent/HighTech.png) center top no-repeat;
    background-size: cover
}

.mainimghover.lifescience {
    background: url(../img/intelligent/LifeSciences.png) center top no-repeat;
    background-size: cover
}

.mainimghover.manfacture {
    background: url(../img/intelligent/Manufacturing.png) center top no-repeat;
    background-size: cover
}


a.customexperience {
    position: absolute;
    left: 55%;
    bottom: 47px;
    z-index: 300;
    width: 12%;
    height: 60px;
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari */
    transform: rotate(-30deg);
}


a.employeecollaboration {
    position: absolute;
    left: 45%;
    bottom: 10px;
    z-index: 300;
    width: 10%;
    height: 55px;
}

a.thinginteraction {
    position: absolute;
    left: 34%;
    bottom: 47px;
    z-index: 300;
    width: 10%;
    height: 55px;
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari */
    transform: rotate(30deg);
}

a.productivityprocess {
    position: absolute;
    left: 34%;
    top: 35%;
    width: 3%;
    z-index: 300;
    height: 210px;
}

a.connected {
    position: absolute;
    left: 64%;
    top: 35%;
    width: 3%;
    z-index: 300;
    height: 210px;
}

a.inddegital {
    position: absolute;
    left: 43%;
    top: 14%;
    width: 15%;
    z-index: 300;
    height: 49px;
}

a.securitymanag {
    position: absolute;
    left: 47%;
    top: 49%;
    width: 5%;
    z-index: 300;
    height: 10%;
}

a.productivity {
    position: absolute;
    left: 49%;
    top: 38%;
    width: 6%;
    z-index: 300;
    height: 12%;
}

a.dataint {
    position: absolute;
    left: 53%;
    top: 46%;
    width: 6%;
    z-index: 300;
    height: 12%;
}

a.businessapp {
    position: absolute;
    left: 42.5%;
    top: 49%;
    width: 4%;
    z-index: 300;
    height: 11%;
}

a.applicationinnovation {
    position: absolute;
    left: 44.5%;
    top: 41%;
    width: 4%;
    z-index: 300;
    height: 10%;
}

a.automotive {
    position: absolute;
    left: 45%;
    top: 6%;
    width: 2%;
    z-index: 300;
    height: 4%;
}

a.communication {
    position: absolute;
    left: 39.5%;
    top: 10%;
    width: 2%;
    z-index: 300;
    height: 4%;
}

a.consumer {
    position: absolute;
    left: 50.7%;
    top: 6%;
    width: 2%;
    z-index: 300;
    height: 4%;
}

a.energy {
    position: absolute;
    left: 37%;
    top: 12.8%;
    width: 2%;
    z-index: 300;
    height: 4%;
}

a.finicial {
    position: absolute;
    left: 47.6%;
    top: 6%;
    width: 2%;
    z-index: 300;
    height: 4%;
}

a.gov {
    position: absolute;
    left: 53.5%;
    top: 6%;
    width: 2%;
    z-index: 300;
    height: 4%;
}

a.health {
    position: absolute;
    left: 61%;
    top: 12.8%;
    width: 2%;
    z-index: 300;
    height: 4%
}

a.hightech {
    position: absolute;
    left: 56%;
    top: 8%;
    width: 2%;
    z-index: 300;
    height: 4%;
}

a.lifescience {
    position: absolute;
    left: 42%;
    top: 8%;
    width: 2%;
    z-index: 300;
    height: 4%;
}

a.manfacture {
    position: absolute;
    left: 58.5%;
    top: 10%;
    width: 2%;
    z-index: 300;
    height: 4%;
}


@media (min-width: 1500px) {
    a.productivityprocess {
        left: 32%;
        top: 38%;
        width: 4%;
        height: 210px;
    }

    a.customexperience {
        left: 55%;
        bottom: 91px;
    }

    a.employeecollaboration {
        bottom: 44px;
    }

    a.thinginteraction {
        position: absolute;
        left: 35%;
        bottom: 89px;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1.1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1.1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}



@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}




.connectedarea {
}

.intcontainer {
    max-width: 1000px;
    padding-top: 12vh;
    margin: 0 auto;
}

.connectedarea {
    min-height: 100vh;
    background-color: #1c1b1e;
    position: relative;
    overflow: hidden
}

    .connectedarea .sectionin {
        color: #fff;
        line-height: 35px;
    }

    .connectedarea .wp-title, .wpwhiteborder {
        border-bottom-color: #fff
    }

.connectedlist {
    margin: 0 0 25px 0;
    padding: 0;
    list-style: none
}

    .connectedlist li {
        display: block;
        color: #f1f3f4;
        line-height: normal;
        font-family: Lato;
        font-weight: 100;
        font-size: 1.4em;
        margin-left: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .connectedlist li a:before {
            position: absolute;
            width: 7px;
            height: 7px;
            border-radius: 7px;
            border: 1px solid #fff;
            left: 0;
            top: 12px;
            content: "";
        }

        .connectedlist li a:after {
            position: absolute;
            right: 101%;
            width: 0;
            background-color: #fff;
            height: 1px;
            top: 15px;
            content: "";
            -moz-transition: all 500ms;
            -webkit-transition: all 500ms;
            transition: all 500ms;
        }

        .connectedlist li a {
            color: #f1f3f4;
            -moz-transition: all 500ms;
            -webkit-transition: all 500ms;
            transition: all 500ms;
            display: inline-block;
            ;
            position: relative;
            padding: 5px 5px 5px 14px;
        }

            .connectedlist li a:hover {
                text-decoration: none
            }

            .connectedlist li a:hover {
                padding-left: 40px;
            }

                .connectedlist li a:hover:before {
                    border-color: #d21621;
                    background-color: #d21621
                }

                .connectedlist li a:hover:after {
                    width: 30px;
                }

.intelligence .itemimg {
    height: 97vh;
    background-size: cover;
    background-position: center top;
    position: absolute;
    left: 0;
    top: 1vh;
    width: 100%;
}

.icongifwp {
    position: relative
}

.icongif {
    position: absolute;
    right: 101%;
    width: 50px;
    height: 50px;
}

.iconnogif {
    text-align: right
}

.iconnews {
    top: 112%;
    right: 102%;
    text-align: right
}


.cloudvideo .sectionin {
    position: relative;
    height: 100vh;
}

.cloudplatform { /*position:absolute; left:0; right:0; top:0; z-index:15;*/
    display: none
}

#cloudvideoitem {
    position: absolute;
    bottom: 0%;
    left: 0%;
    z-index: 1;
    width: 100%;
    height: auto;
    max-height: 100vh;
}




/* Video wrap */
.bv-video-wrap {
    width: 100%;
    height: 100%;
    display: none;
}

.bv-video-wrap--ready {
    display: block;
}
/*
.bv-video-wrap::before {

  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
*/
/* Video object */
.bv-video {
    width: 100%;
    height: 100%;
    min-height: 100vh
}







.subintinfo .itemimg {
    1display:none;
}

    .subintinfo .itemimg.active {
        display: block
    }

.subint .itemimg {
    opacity: 0;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

    .subint .itemimg.active {
        opacity: 1;
    }


.subinttec {
    position: absolute;
    left: 61%;
    top: 50%;
    height: 27vh;
    width: 18vh;
    z-index: 100;
}

.subintbusiness {
    position: absolute;
    left: 60%;
    top: 23%;
    height: 27vh;
    width: 18vh;
    z-index: 100;
}

.subintinfo {
    position: relative;
    min-height: 100vh;
    background-color: #302d33;
}

    .subintinfo .sectionin {
        position: relative;
        padding: 10vh;
        max-width: 1000px;
        margin: 0 auto
    }

    .subintinfo .wp-title {
        border-bottom-color: #fff
    }

    .subintinfo p {
        font-size: 1.4em;
        font-family: Lato;
        font-weight: 100;
        color: #fff;
        line-height: normal;
        text-align: justify
    }


.fa-angle-double-down:before {
    content: "\f103";
}

.bounce {
    /*
 position: absolute;
 bottom: 30px;
 right: 15% ;
 width: 50px;
 height: 50px ;
 margin-left:-30px;
 border: 2px solid #d21621;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 border-radius:50%;
 animation: bounce 2s infinite;
 -webkit-animation: bounce 2s infinite;
 -moz-animation: bounce 2s infinite;
 -o-animation: bounce 2s infinite;
 z-index:100;*/
    position: absolute;
    bottom: 30px;
    left: 5%;
    width: 169px;
    height: 96px;
    z-index: 100;
}

    .bounce a {
        width: 169px;
        height: 96px;
        background: url(../img/compass_small.gif) center top no-repeat;
        display: none;
    }

    .bounce .fa {
        line-height: 50px;
        font-size: 35px;
        color: #d21621;
        display: none
    }

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-30px);
    }

    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.thingbusiness {
    position: absolute;
    left: 37%;
    top: 80%;
    height: 8vh;
    width: 21vh;
    z-index: 100;
    -ms-transform: rotate(26deg); /* IE 9 */
    -webkit-transform: rotate(26deg); /* Safari */
    transform: rotate(26deg);
}

.thingtechnology {
    position: absolute;
    left: 32%;
    top: 87%;
    height: 8vh;
    width: 29vh;
    z-index: 100;
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.employeebusiness {
    position: absolute;
    left: 45%;
    top: 87%;
    height: 5vh;
    width: 21vh;
    z-index: 100;
}

.empployeetechnology {
    position: absolute;
    left: 45%;
    top: 93%;
    height: 5vh;
    width: 21vh;
    z-index: 100;
}

.customerbusiness {
    position: absolute;
    left: 53%;
    top: 80%;
    height: 8vh;
    width: 21vh;
    z-index: 100;
    -ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari */
    transform: rotate(-30deg);
}

.customertechnology {
    position: absolute;
    left: 55%;
    top: 85%;
    height: 8vh;
    width: 29vh;
    z-index: 100;
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.empcollp {
    position: absolute;
    left: 45%;
    top: 88%;
    height: 8vh;
    width: 20vh;
    z-index: 100;
}

.empexperience {
    position: absolute;
    left: 55%;
    top: 83%;
    height: 8vh;
    width: 20vh;
    z-index: 100;
    ms-transform: rotate(-21deg);
    -webkit-transform: rotate(-21deg);
    transform: rotate(-21deg);
}

.empthing {
    position: absolute;
    left: 35%;
    top: 83%;
    height: 9vh;
    width: 20vh;
    z-index: 100;
    ms-transform: rotate(21deg);
    -webkit-transform: rotate(21deg);
    transform: rotate(21deg);
}


.cinddegital {
    position: absolute;
    left: 43%;
    top: 14%;
    width: 15%;
    z-index: 300;
    height: 49px;
}

.csecuritymanag {
    position: absolute;
    left: 47%;
    top: 49%;
    width: 5%;
    z-index: 300;
    height: 10%;
}

.cproductivity {
    position: absolute;
    left: 49%;
    top: 38%;
    width: 6%;
    z-index: 300;
    height: 12%;
}

.cdataint {
    position: absolute;
    left: 53%;
    top: 46%;
    width: 6%;
    z-index: 300;
    height: 12%;
}

.cbusinessapp {
    position: absolute;
    left: 41.5%;
    top: 49%;
    width: 5%;
    z-index: 300;
    height: 11%;
}

.capplicationinnovation {
    position: absolute;
    left: 44.5%;
    top: 41%;
    width: 4%;
    z-index: 300;
    height: 10%;
}


.preloader {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: #020001 url(../img/animated/withbg/loading-page.gif) center center no-repeat;
    z-index: 88
}

.cloudvideo {
    background-color: #27252e
}

.cloudimage {
    text-align: center;
    position: relative;
    z-index: 104;
}

    .cloudimage img {
        max-width: 100%;
        width: 50%
    }

.cloudtxt {
    font-size: 15px;
    color: #fff;
    padding-bottom: 10px;
    font-family: Lato;
    font-weight: 300;
}

.cloudplatform .wp-title {
    margin-bottom: 30px;
    border-bottom: 0;
    border-left: 1px solid white;
    padding-left: 21px;
    padding-bottom: 10px;
    font-size: 34px;
}

@media (min-width: 1500px) {
    .cloudtxt {
        padding-bottom: 50px;
    }
}

.digitalsection {
    background-color: #1c1b1e;
    min-height: 100vh;
    position: relative;
    overflow: hidden
}

    .digitalsection .col-md-4 {
        padding-left: 9%;
        padding-right: 9%
    }

    .digitalsection .listingitem:before {
        content: "";
        position: absolute;
        border: 1px solid #fff;
        top: 50px;
        right: 16px;
        bottom: 0;
        transform: rotate(19deg);
    }

    .digitalsection .listingitem.item3:before {
        border: 0
    }

    .digitalsection .listingitem h4 {
        font-size: 2em;
        text-align: center
    }

    .digitalsection .item-img {
        padding-bottom: 20px
    }

.intype {
    padding-bottom: 30px;
    font-family: Lato;
    font-weight: 100;
    font-size: 1.4em;
}

    .intype span {
        display: inline-block;
        width: 7px;
        height: 7px;
        border: 1px solid #fff;
        margin-bottom: 1px;
        border-radius: 50%;
        margin-right: 7px;
    }

/*
.productivityarea{ background-color:#302d33}
*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.intlindustrysection {
    min-height: 100vh;
    overflow: hidden;
    background-color: #dadada
}

.ind_img {
    padding: 0 10%;
    padding-bottom: 20px;
}

    .ind_img img {
        width: 100%;
    }

.ind_title {
    margin: 0;
    color: #302d33;
    font-weight: normal;
    text-align: center;
    font-size: 1.6em;
    font-family: Lato;
    font-weight: 100;
    padding-bottom: 20px;
}

    .ind_title:before {
        content: "/ "
    }

.intlindustrysection .wp-title {
    color: #302d33;
    border-color: #666468;
}

.industrysection .wp-title {
    color: #302d33;
    border-color: #666468;
    margin: 0;
}

    .industrysection .wp-title .lineborder, .intlindustrysection .wp-title .lineborder {
        background-color: #302d33
    }


@media (min-width: 1600px) {
    .intlindustrysection .headericons {
        padding-bottom: 40px;
    }

    .intlindustrysection .colindustry {
        padding-top: 2.5%;
        padding-bottom: 2.5%
    }
}

.digitalpopup {
    background-color: #d21621;
    padding: 25px;
    width: 250px;
    position: absolute;
    left: 5%;
    top: 15%;
    min-height: 200px;
    z-index: 350;
    color: #fff;
    font-size: 15px;
    opacity: 0;
    top: 130%;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
    -moz-transition: all 1s;
    -webkit-transition: all 1;
    transition: all 1s;
    max-height: 0;
}

    .digitalpopup .closepopup {
        font-size: 20px;
        position: absolute;
        right: 10px;
        top: 0px;
        cursor: pointer;
        color: #fff;
    }

    .digitalpopup.active {
        opacity: 1;
        top: 15%;
        max-height: 300px;
    }

.innercontent {
    min-height: calc(100vh - 60px) position:relative;
    color: #fff
}

.pagecontent {
    font-size: 1.2em;
    line-height: 1.6em;
    font-family: Lato;
    font-weight: 300;
}


@media (max-width: 1050px) {
    section, footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .nomobilepadding {
        padding-left: 0;
        padding-right: 0
    }

    .icongif {
        position: relative;
        right: auto
    }

    .video {
        height: auto;
    }
    /*
.homepage #Header{ position:relative; overflow:hidden}
*/
    #homevideo {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
}

@media (max-width: 900px) {
    .headerlinks a {
        font-size: 1em;
        margin-left: 7px;
        margin-right: 7px
    }
}

@media (max-width: 767px) {
    .headerlinks {
        display: none
    }

    .section2 .sectionin {
        font-size: 2em;
        padding-top: 10vh;
        line-height: normal
    }

    .hidemobile {
        display: none
    }

    .digitalsection .listingitem:before {
        display: none
    }

    .digitalsection .col-md-4 {
        padding-bottom: 20px;
    }

    .subintinfo .sectionin {
        max-width: none;
        padding: 25px 0 20px 0;
    }

    .site-menu__toggle {
        position: absolute;
    }

        .site-menu__toggle.active {
            position: fixed
        }
}

.newslistng .listingitem h4 {
    min-height: 84px;
    padding-top: 10px;
    border-top: 1px solid #fff;
    position: relative;
    text-transform: capitalize
}

    .newslistng .listingitem h4:before {
        height: 2px;
        position: absolute;
        top: -2px;
        left: 0;
        width: 50px;
        content: "";
        background: #fff
    }

.newslistng .listingitem .newlistblockin {
    padding: 0 5%;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.newslistng .slick-dots li button {
    background-color: #fff;
    opacity: .25;
    border-radius: 20px;
    width: 15px;
    height: 15px;
}

    .newslistng .slick-dots li button:before {
        display: none
    }

.newslistng .slick-dots .slick-active button {
    opacity: 1
}

a:focus {
    border: 0 !important
}



.pagerlist {
    text-align: center
}

    .pagerlist a {
        display: inline-block;
        width: 25px;
        height: 25px;
        color: #fff;
        text-align: center;
        margin-left: 10px;
        line-height: 25px;
        border: 1px solid #fff
    }

        .pagerlist a.active {
            background-color: #941918;
            border: 1px solid #941918
        }

.listpage {
    display: none
}

.pagercontainer {
}

.logo {
    position: relative;
    z-index: 999
}

.solutionsection {
    background: url(../img/solution-bg2.png) center top no-repeat;
    background-size: 100%;
    min-height: 100vh
}

    .solutionsection .intcontainer {
        padding-top: 18vh;
        max-width: none;
        padding-left: 20px;
        padding-right: 20px
    }

.solutionitem {
    padding-bottom: 50px;
    width: 50%;
    text-align: center
}

    .solutionitem a {
        color: #302d32;
        font-family: Lato;
        font-weight: 100;
        font-size: 2.2em;
        position: relative;
        display: inline-block;
        outline: none;
    }

        .solutionitem a span {
            font-family: Lato;
            font-weight: 400;
            display: inline-block;
            position: relative;
        }

        .solutionitem a:hover, .solutionitem a:visited, .solutionitem a:active, .solutionitem a:focus {
            text-decoration: none !important;
            color: #d21621;
            outline: none;
        }


@media (max-width: 800px) {
    .solutionsection {
        background-image: none;
        background-color: #dadada
    }

    .solutionitem {
        width: 100%
    }
}

@-webkit-keyframes arrow-jump {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -0-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@keyframes {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -0-transform: translateY(10px);
        transform: translateY(10px);
    }
}


.solutionitem a span:before {
    position: absolute;
    background: url(../img/golinkdown.png) left top no-repeat;
    width: 21px;
    height: 21px;
    left: -22px;
    top: -25px;
    content: "";
}

.solutionitem a:hover span:before {
    background: url(../img/golinkdownhover.png) left top no-repeat;
    -webkit-animation: arrow-jump 1s infinite; /* Safari 4+ */
    -moz-animation: arrow-jump 1s infinite; /* Fx 5+ */
    -o-animation: arrow-jump 1s infinite; /* Opera 12+ */
    animation: arrow-jump 1s infinite; /* IE 10+, Fx 29+ */
}

.solutionitem a:visited *, .solutionitem a:active *, .solutionitem a:link * {
    text-decoration: none
}

.solutionholder {
    background-color: #efefef;
}

.businessprocessbg {
    background-image: url(../img/busprocessbg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pinnovationbg {
    background-image: url(../img/connectedbg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.immerse {
    background-image: url(../img/immersebg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.soltionsubtitle {
    border-bottom: 1px solid #282827;
    font-size: 1.6em;
    position: relative;
    padding-bottom: 12px;
    color: #282827
}

    .soltionsubtitle:before {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        background-color: #282827;
        width: 50px;
        content: ""
    }

.solutionlist {
    margin-left: 20px;
    padding-top: 10px;
    position: relative;
}

    .solutionlist:before {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 8px;
        width: 1px;
        background-color: #c6c6c6;
        content: ""
    }

    .solutionlist .sitem {
        padding-top: 5px;
        color: #282827;
        padding-left: 16px;
        font-family: Lato;
        font-weight: 300;
        font-size: 1.25em;
        line-height: normal;
        position: relative
    }

        .solutionlist .sitem:before {
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 5px;
            background-color: #282827;
            content: "";
            top: 11px;
            left: -2px;
        }

.solutionlist {
    margin-bottom: 30px
}

.sectioncontent {
    padding-top: 8vh;
}

@media (min-width: 900px) {
    .solutionslist .col-md-4 {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.servicesection {
    background-color: #d21621;
    text-align: center
}

    .servicesection .intcontainer {
        padding-top: 17vh
    }

.servicepagetitle {
    color: #ffffff;
    font-size: 2.5em;
    font-family: Lato;
    font-weight: 100;
}

    .servicepagetitle div {
        font-family: Lato;
        font-weight: 400;
    }

#Header.headerflow {
    min-height: 60px;
}

.innerheight {
    min-height: 100vh
}

@media (min-width: 800px) {
    .servicesection, .solutionholder, .industryheader, .newsdetails {
        min-height: 100vh;
        padding-top: 60px;
    }

    .servicepagetitle {
        font-size: 5.5em;
        margin-top: 30px;
        margin-bottom: 65px;
    }

    .servicedata {
        padding: 0 30px;
    }

    .solholder {
        min-height: 100vh
    }
}


.sereviescontent {
    background: url(../img/servicebodybg.png) center top no-repeat;
    background-size: cover;
    background-color: #dadada
}

.sercivesectiontitle {
    text-align: center;
    padding-bottom: 30px;
}

    .sercivesectiontitle h3 {
        display: inline-block;
        padding: 15px 40px;
        margin: 0;
        position: relative;
        border-bottom: 1px solid #fff;
        font-family: Lato;
        font-weight: 400;
        font-size: 3em
    }

        .sercivesectiontitle h3 span {
            font-family: Lato;
            font-weight: 400;
            color: #302d33
        }

        .sercivesectiontitle h3:before {
            position: absolute;
            width: 50px;
            left: 0;
            bottom: 0;
            height: 2px;
            background-color: #fff;
            content: ""
        }


.servicedata {
    color: #302d33;
    font-size: 1.6em;
    text-align: justify;
    overflow: hidden;
    line-height: normal;
    font-family: Lato;
    font-weight: 300;
}

.serviceheaders .son {
    display: none
}

.serviceheaders a {
    display: inline-block;
    max-width: 25%;
    margin-left: 3%;
    margin-right: 3%;
    text-align: center;
    position: relative
}

    .serviceheaders a img {
        max-width: 100%;
    }

    .serviceheaders a:hover .son {
        display: block
    }

    .serviceheaders a:hover .soff {
        display: none
    }

a:focus {
    outline: none
}

.serviceheaders a .servicearrow {
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 57%;
    background: url(../img/servicearrow.png) left top no-repeat;
    -webkit-animation: arrow-jump 1s infinite; /* Safari 4+ */
    -moz-animation: arrow-jump 1s infinite; /* Fx 5+ */
    -o-animation: arrow-jump 1s infinite; /* Opera 12+ */
    animation: arrow-jump 1s infinite; /* IE 10+, Fx 29+ */
}




.industrysection {
    background-color: #f6f6f6
}

.industryitem .intcontainer {
    background-repeat: no-repeat;
    background-size: 17%;
    padding-top: 0
}

    .industryitem .intcontainer.bgright {
        background-position: right center;
    }

    .industryitem .intcontainer.bgleft {
        background-position: left center;
    }

.industryitem .bgright .industrycol {
    padding-right: 25%;
}

.industryitem .bgleft .industrycol {
    padding-left: 25%;
}

.industrycolbig .wp-title {
    color: #d21621
}

.industrycol {
    padding-top: 12vh
}

.sereviescontent .sereviescontent {
    padding-top: 0;
}

.serviceheight {
    min-height: 100vh;
}

.industrycolbig .wp-title {
    padding-bottom: 0;
    margin-bottom: 0;
}

.industryitemrpt {
    padding-top: 25px;
    color: #b2b2b2;
    font-size: 1.3em;
    line-height: normal;
    font-family: Lato;
    font-weight: 300;
    padding-left: 25px;
    border-left: 1px solid #b2b2b2;
    margin-left: 30px;
}

.industryitemrptbottom {
    padding-bottom: 25px;
}

.industryitemrpt h3 {
    color: #302d33;
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 1.2em;
    font-family: Lato;
    font-weight: 400;
}

.industryitemrpt.bulleted {
    position: relative;
}

.industryitemrpt p {
    margin: 0;
    padding: 7px 0 0 0
}

.industryitemrpt.bulleted:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background-color: #d21621;
    left: -4px;
    top: 33px;
    position: absolute;
    z-index: 2;
}

.industryitemrpt.noborder {
    border-left: 0;
    position: relative
}

    .industryitemrpt.noborder:after {
        position: absolute;
        left: 0;
        top: 0;
        height: 35px;
        width: 1px;
        background-color: #b2b2b2;
        content: ""
    }

.industryheader {
    background: #dadada url(../img/webpage_industry_header.png) center top no-repeat;
    background-size: auto 100%;
}

    .industryheader .intcontainer {
        padding-top: 10vh
    }

.industryheadertitle {
    text-align: center;
    padding-bottom: 30px;
}

    .industryheadertitle > div {
        display: inline-block;
        position: relative;
        color: #302d33;
        font-family: Lato;
        font-weight: 100;
        padding-bottom: 15px;
        border-bottom: 1px solid #fff;
        font-size: 2.5em
    }

        .industryheadertitle > div:before {
            position: absolute;
            left: 0;
            width: 50px;
            height: 2px;
            bottom: 0;
            background-color: #fff
        }

    .industryheadertitle h3 {
        margin: 0;
        padding: 0;
        font-family: Lato;
        font-weight: 400;
        font-size: 1em
    }

.colindustry {
    width: 16.66%;
    padding: 1.5% 1%;
    box-sizing: border-box;
    float: left
}

    .colindustry.half {
        width: 8.33%;
    }

    .colindustry a {
        display: block;
        color: #302d33;
        font-size: 1.3em;
        text-align: center
    }

        .colindustry a:hover {
            text-decoration: none
        }

        .colindustry a img {
            width: 65%
        }

    .colindustry .coltxt {
        padding-top: 20px;
        font-family: Lato;
        font-weight: 100;
    }

@media (min-width: 800px) {
    .industryheadertitle > div {
        font-size: 3.5em
    }

    .headericons .colindustry:nth-child(8) {
        clear: left
    }
}

@media (max-width: 1000px) {
    .industryheader .intcontainer {
        padding-top: 300px
    }
}


@media (max-width: 768px) {
    .colindustry {
        width: 25%;
        padding: 2% 1%;
        box-sizing: border-box;
        float: left
    }

        .colindustry.half {
            display: none
        }

    .colmargin .clearfix {
        display: none
    }

    .headericons {
        overflow: hidden
    }

        .headericons .colindustry:nth-child(6), .headericons .colindustry:nth-child(11) {
            clear: left
        }

    .industryheader .intcontainer {
        padding-top: 8vh
    }

    .intcontainer .compas {
        display: none
    }
}


@media (max-width: 500px) {
    .colindustry {
        width: 50%;
        padding: 2% 1%;
        box-sizing: border-box;
        float: left
    }

        .colindustry.half {
            display: none
        }

    .colmargin .clearfix {
        display: none
    }

    .headericons {
        overflow: hidden
    }

        .headericons .colindustry:nth-child(4), .headericons .colindustry:nth-child(9) {
            clear: left
        }
}

.readmore {
    text-align: center;
    padding-top: 40px;
    position: relative
}

    .readmore:before {
        content: "";
        background: url(../img/readmorearrow.png) center top no-repeat;
        width: 24px;
        height: 24px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 0;
        display: inline-block;
        position: absolute;
        animation: bounce 2s infinite;
        -webkit-animation: bounce 2s infinite;
        -moz-animation: bounce 2s infinite;
        -o-animation: bounce 2s infinite;
    }

    .readmore a {
        display: inline-block;
        padding: 5px 12px;
        text-transform: uppercase;
        color: #fff;
        background-color: transparent;
        border-radius: 10px;
        border: 1px solid #f2f2f2;
        line-height: 18px;
    }

        .readmore a:hover {
            background-color: #941918;
            text-decoration: none
        }

.newsdetails {
    background-color: #e2e2e2
}

    .newsdetails .intcontainer {
        padding-top: 8vh;
    }

.newspagetitle {
    font-size: 4em;
    text-transform: uppercase;
    color: #fff;
    text-align: center
}

.newsitemtitle {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 25px;
    color: #d21621;
    font-size: 2em;
    text-align: center;
    position: relative
}

    .newsitemtitle:before {
        background: url(../img/newsleftarow.png) left top no-repeat;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 30px;
        height: 30px;
    }

    .newsitemtitle:after {
        background: url(../img/newsrightarow.png) right top no-repeat;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
    }

.detailsimg {
    padding-bottom: 25px;
}

    .detailsimg img {
        width: 100%;
    }

.detailsdate {
    border-bottom: 1px solid #5f5d62;
    position: relative
}

    .detailsdate:before {
        position: absolute;
        width: 50px;
        height: 2px;
        top: 0;
        left: 0;
        background-color: #5f5d62;
        content: ""
    }

.dateitem {
    position: absolute;
    right: 0;
    background-color: #e2e2e2;
    color: #5f5d62;
    font-size: 1.2em;
    padding: 10px 0 0 10px;
    top: -20px
}

@media (min-width: 1000px) {
    .newsdetailspage {
        padding: 0 12%;
    }
}

.newsinfo {
    padding-left: 25px;
    padding-top: 20px;
    border-left: 1px solid #c7c7c7;
    margin-left: 20px;
    color: #302d33;
    font-size: 1.3em;
    font-family: Lato;
    font-weight: 300;
    text-align: justify
}

.newsdetailspage {
    padding-bottom: 50px;
}

    .newsdetailspage ul {
        margin: 0;
        padding: 0;
        list-style: none;
        color: #302d33;
        font-family: Lato;
        font-weight: 300;
    }

        .newsdetailspage ul li {
            position: relative;
            padding-bottom: 3px;
        }

            .newsdetailspage ul li:before {
                position: absolute;
                width: 6px;
                height: 6px;
                border-radius: 6px;
                background-color: #d21823;
                left: -28px;
                content: "";
                top: 8px;
            }

.newswave {
    padding-bottom: 25px;
}

    .newswave img {
        max-width: 100%
    }

.indtra {
    cursor: default
}

.slick-initialized .slick-slide {
    outline: none
}


.locationcontent {
    background: #dadada url(../img/locationbg.gif) center top no-repeat;
    background-size: 100%;
}

.locationnetways {
    text-align: center;
    padding-bottom: 40px;
}

.locationpagetitle {
    color: #282827;
    font-family: Lato;
    font-weight: 100;
    margin: 0;
    padding: 0 0 30px 0;
    font-size: 2.5em;
    text-align: center
}

.locationheader {
    font-size: 2em;
    color: #302d33;
    font-family: Lato;
    font-weight: 300;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    position: relative;
    padding-right: 30px;
    margin-bottom: 25px;
}

    .locationheader span {
        font-family: Lato;
        font-weight: 400;
    }

    .locationheader:before {
        height: 2px;
        background-color: #fff;
        position: absolute;
        width: 50px;
        bottom: 0;
        content: "";
    }

    .locationheader:after {
        background: url(../img/locationitem.png) center top no-repeat;
        width: 26px;
        height: 26px;
        position: absolute;
        right: 0;
        top: 27%;
        content: ""
    }

.brachinfo {
    padding-left: 20px;
    border-left: 1px solid #fff;
    font-size: 14px;
    font-family: Lato;
    font-weight: 300;
    color: #302d33;
    margin-bottom: 20px
}

    .brachinfo a {
        color: #302d33 !important;
        text-decoration: none !important
    }

.relative {
    position: relative
}

.maplocation {
    min-height: 100px;
    padding-bottom: 5px;
}

.mapemail {
    min-height: 32px;
    padding-bottom: 5px;
}

.mapfax {
    min-height: 32px;
    padding-bottom: 5px;
}

.mapphone {
    min-height: 32px;
    padding-bottom: 5px;
}

.mabsite {
    min-height: 32px;
    padding-bottom: 5px;
}

.maplocation:before {
    background: url(../img/location.png) left top no-repeat;
    width: 22px;
    height: 30px;
    position: absolute;
    content: "";
    left: -31px;
}

.maplocation > div {
    font-family: Lato;
    font-weight: 400;
}

.mapemail:before {
    background: url(../img/email.png) left top no-repeat;
    width: 22px;
    height: 30px;
    position: absolute;
    content: "";
    left: -31px;
}

.mapfax:before {
    background: url(../img/fax.png) left top no-repeat;
    width: 22px;
    height: 30px;
    position: absolute;
    content: "";
    left: -31px;
}

.mapphone:before {
    background: url(../img/phone.png) left top no-repeat;
    width: 22px;
    height: 30px;
    position: absolute;
    content: "";
    left: -31px;
}

.mabsite:before {
    background: url(../img/website.png) left top no-repeat;
    width: 22px;
    height: 30px;
    position: absolute;
    content: "";
    left: -31px;
}

.brachinfo .empty:before {
    display: none
}

@media (min-width: 800px) {
    .locationpagetitle {
        padding: 0 0 50px 0;
        font-size: 5em;
    }

    .locationheader {
        font-size: 2.8em;
        color: #302d33;
        margin-top: 40px;
    }
}

.nettxt {
    text-align: center;
    padding-bottom: 50px;
}

.js-camplink {
    z-index: 10;
}

.compas {
    width: 200px;
    height: 211px;
    position: absolute;
    left: 5%;
    top: 50vh;
    margin-top: -111px;
    background: url(../img/compas/campdefault.png);
    z-index: 120;
}

.camptop {
    position: absolute;
    height: 30px;
    left: 20px;
    right: 20px;
    top: 0;
}

.campleft {
    position: absolute;
    width: 30px;
    top: 20px;
    bottom: 30px;
    left: 0;
}

.campright {
    position: absolute;
    width: 30px;
    top: 20px;
    bottom: 30px;
    right: 0;
}

.campbottom {
    position: absolute;
    height: 30px;
    left: 20px;
    right: 20px;
    bottom: 0;
}

.campcenter {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    top: 30px
}

.camparrow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 7
}

.campitem {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

.camptransition {
    -moz-transition: opacity 300ms;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.campitem.active {
    z-index: 5
}

.campitem.active, .campitem.selected {
    opacity: 1;
}

.campitemarrow {
    background: url(../img/compas/arrowbottomt.png) center top no-repeat;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    transform-origin: 50% 45%;
}

.centerarrow {
    background: url(../img/compas/arrowcloud.png) center top no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 7
}

.campitem.campactiveleft {
    background: url(../img/compas/left.png) left top no-repeat
}

.campitem.campactivetop {
    background: url(../img/compas/top.png) left top no-repeat
}

.campitem.campactiveright {
    background: url(../img/compas/right.png) left top no-repeat
}

.campitem.campactivebottomleft {
    background: url(../img/compas/bottomleft.png) left top no-repeat
}

.campitem.campactivebottomcenter {
    background: url(../img/compas/bottomcenter.png) left top no-repeat
}

.campitem.campactivebottomright {
    background: url(../img/compas/bottomright.png) left top no-repeat
}

.campitem.campactivecenter {
    background: url(../img/compas/cloudhighlight.png) left top no-repeat
}

.campactivecenter.centerarrow {
    1opacity:1 !important
}

.campactivecenter.camparrow {
    opacity: 0
}

.camparrow.campactiveleft, .rotate90 {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
    transition-property: transform;
}

.camparrow.campactivetop, .rotate180 {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
    transition-property: transform;
}

.camparrow.campactiveright, .rotate270 {
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari */
    transform: rotate(270deg);
    transition-property: transform;
}

.camparrow.campactivebottomleft {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
    transition-property: transform;
}

.contactussection {
    background-color: #dadada;
    position: relative
}

.formitem {
    overflow: hidden;
    padding-bottom: 20px;
}

.formlabel {
    float: left;
    width: 140px;
    font-size: 1.3em;
    color: #302d33
}

.formdfield {
    margin-left: 142px;
}

.formGetStartedlabel {
    width: 180px;
}

.formdGetStartedfield {
    margin-left: 182px;
}

.SolutionsInterestedInLabel {
    width: 100%;
    float: inherit;
    margin-bottom: 10px;
}

.SolutionsInterestedInField {
    margin-left: 0;
    float: inherit;
}
.requiredField{
    color:red;
}


.formdfield input {
    width: 100%;
    padding: 5px 10px;
    background-color: #e2e2e2;
    font-size: 16px;
    min-height: 36px;
    border: 1px solid transparent;
    color: #302d33
}

    .formdfield input:focus {
        border-color: #747276;
        outline: none
    }

.formdfield select {
    width: 300px;
    font-size: 16px;
    height: 36px;
    border: 1px solid transparent;
    color: #302d33;
    padding-left: 5px;
    background: #e2e2e2;
    /* -moz-appearance: none; -webkit-appearance: none;
    appearance: none; background:#e2e2e2 url(../img/contactarrow.png) right center no-repeat*/
}

    .formdfield select:focus, .formdfield textarea:focus {
        border-color: #747276;
        outline: none
    }

.formdfield textarea {
    width: 100%;
    padding: 5px 10px;
    background-color: #e2e2e2;
    font-size: 16px;
    min-height: 106px;
    border: 1px solid transparent;
    color: #302d33
}

.submitcontact {
    background: url(../img/contactsubmit.png) left top no-repeat;
    padding-bottom: 22px;
    padding-left: 28px;
    display: inline-block
}

    .submitcontact input {
        display: inline-block;
        padding: 10px 20px;
        color: #fff;
        text-transform: uppercase;
        color: #fff;
        background-color: #302d33;
        border-radius: 10px;
        line-height: 18px;
        border: 0;
    }

        .submitcontact input:hover {
            background-color: #d21621;
        }

.formbtns {
    padding: 20px 0;
    text-align: center
}

@media (max-width:600px) {
    .formlabel {
        float: none;
        width: 100%;
    }

    .formdfield {
        margin-left: 0
    }
}

.contactsuccess {
    background-color: #d21621;
    color: #fff;
    font-size: 34px;
    line-height: normal;
    text-align: center;
    width: 100%;
    display: table;
}

    .contactsuccess .intcontainer {
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        padding: 0;
    }

    .contactsuccess h4 {
        font-family: Lato;
        font-weight: 300;
    }

    .contactsuccess h3, .contactsuccess h4 {
        font-size: 34px;
    }

    .contactsuccess .messageclose {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 30
    }

.js-solutionitem .ion, .js-solutionitem a:hover .ioff {
    display: none
}

.js-solutionitem a:hover .ion {
    display: block
}

.js-solutionitem a:hover {
    color: #d21621
}

.remainingitems a:focus, .remainingitems a:visited {
    outline: none;
    border: 0;
    text-decoration: none
}

.rmscrolldown {
    position: absolute;
    left: 0;
    bottom: 10%;
    border-bottom: 1px solid #fff;
    padding-left: 60px;
    padding-bottom: 10px;
    text-align: right
}

    .rmscrolldown a {
        font-size: 16px;
        color: #9d9d9c;
        font-family: Lato;
        font-weight: 100;
        padding: 6px 0;
        margin: 6px 0;
        background: url(../img/scrollcurrentdown.png) right center no-repeat;
        padding-right: 40px;
        display: block
    }

        .rmscrolldown a:hover {
            background: url(../img/scrollactivedown.png) right center no-repeat;
            color: #302d33;
            text-decoration: none
        }

.ritem2 {
    max-height: 0;
    opacity: 0;
}

.remainingitems:hover .ritem2 {
    max-height: 100px;
    opacity: 1;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.rmscrollup {
    position: absolute;
    right: 0;
    top: 10%;
    border-top: 1px solid #fff;
    padding-right: 60px;
    padding-bottom: 10px;
    text-align: left
}

    .rmscrollup a {
        font-size: 16px;
        color: #9d9d9c;
        font-family: Lato;
        font-weight: 100;
        padding: 5px 0;
        margin: 6px 0;
        background: url(../img/scrollcurrentup.png) left center no-repeat;
        padding-left: 40px;
        display: block
    }

        .rmscrollup a:hover {
            background: url(../img/scrollactiveup.png) left center no-repeat;
            color: #302d33;
            text-decoration: none
        }

.solutionholder {
    position: relative;
}

    .solutionholder .rmscrolldown a {
        color: #706f6f;
        margin: 0px 0;
    }

    .solutionholder .rmscrolldown {
        bottom: 1%
    }

    .solutionholder .rmscrollup a:hover {
        color: #fff
    }

    .solutionholder .rmscrolldown a:hover {
        background: url(../img/scrollactivedownred.png) right center no-repeat;
        color: #fff
    }

    .solutionholder .rmscrollup a:hover {
        background: url(../img/scrollactiveupred.png) left center no-repeat;
        color: #fff;
        text-decoration: none
    }

    .solutionholder .rmscrolldown {
        width: 275px
    }


@media (min-width: 1500px) {
    .solutionholder .rmscrolldown {
        bottom: 5%
    }
}

@media (max-width: 1000px) {
    .remainingitems {
        display: none
    }
}

.scrollToTop {
    position: fixed;
    top: 90vh;
    z-index: 50;
    right: 40px;
    display: none;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    background: url(../img/gotop2.png) center 6px no-repeat;
    border: 2px solid #6f6767 !important;
    border-radius: 40px
}

    .scrollToTop:hover, .scrollToTop:active, .scrollToTop:focus {
        border: 2px solid #6f6767 !important;
    }

.godown {
    position: absolute;
    top: 90vh;
    right: 40px;
    width: 40px;
    height: 40px;
    border: 2px solid #6f6767 !important;
    border-radius: 40px;
    background: url(../img/godown.png) center 10px no-repeat;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    z-index: 150;
}
/*
.scrollToTop:before{
	content:"\f0aa";
display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size:40px;	
  
	 }
*/
.viewallnews {
    text-align: right
}

    .viewallnews a {
        color: #fff;
        font-size: 16px;
    }

        .viewallnews a i {
            margin-right: 5px;
            -webkit-animation-name: hvr-icon-wobble-horizontal;
            animation-name: hvr-icon-wobble-horizontal;
            -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }

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

.productivityarea {
    background-color: #d21621
}

.headerlinks {
    display: none
}

.menuheader {
    text-transform: uppercase;
    position: absolute;
    z-index: 999;
    right: 73px;
    top: 17px;
    color: #000;
    font-size: 17px;
}

.wpcontainer {
    max-width: 1000px;
    margin: 0 auto;
}

.section4 .wp-title {
    margin-top: 20px;
}

.hcloud img {
    max-width: 100%
}

.mousewtxt {
    position: absolute;
    right: 5%;
    top: 25%;
    width: 200px;
    height: 200px;
    background-color: #fff;
    border: 2px solid #d21621;
    border-radius: 200px;
    color: #000;
    font-size: 15px;
    display: table;
    padding-left: 7px;
    padding-right: 7px;
}

    .mousewtxt > .movetd {
        display: table-cell;
        height: 200px;
        vertical-align: middle;
        text-align: center
    }

    .mousewtxt .fa {
        font-size: 34px;
        color: #d21621;
        -webkit-animation-name: hvr-icon-wobble-horizontal;
        animation-name: hvr-icon-wobble-horizontal;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

.movetxt {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-family: Lato;
    font-weight: 300;
    HEIGHT: 14vh;
}

    .movetxt figure {
    }

        .movetxt figure img {
            animation-name: instruction;
            animation-duration: 2000ms;
            animation-iteration-count: 2;
        }

@-webkit-keyframes instruction {
    0% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    25% {
        transform: translate3d(30px, 0, 0) rotate(15deg)
    }

    50% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    75% {
        transform: translate3d(-30px, 0, 0) rotate(-15deg)
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(0)
    }
}

@keyframes instruction {
    0% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    25% {
        transform: translate3d(30px, 0, 0) rotate(15deg)
    }

    50% {
        transform: translate3d(0, 0, 0) rotate(0)
    }

    75% {
        transform: translate3d(-30px, 0, 0) rotate(-15deg)
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(0)
    }
}

.cloudplatform .intcontainer {
    padding-top: 5vh
}

.sectioncontent {
    background-color: #efefef
}

    .sectioncontent .pagecontent {
        color: #302d33;
        font-size: 1.3em;
    }
/*
.sectioncontent .wp-title{ color:#333; border-bottom-color:#333}
.sectioncontent .wp-title .lineborder{ background-color:#333}*/

/*** Modified By MGhannam***/
.BannerSlider {
    margin-bottom: 0
}

li.PlayAndPass {
    background-color: transparent !important;
    border: none !important
}

.BannerSlider .Item {
    position: relative;
    height: 100vh;
    overflow: hidden
}

    .BannerSlider .Item img {
        height: 100%;
        width: 100%
    }

#Header, #Header.headerflow {
    background: white
}

.site-menu__toggle span {
    background-color: #d21621
}

.BannerSlider .slick-dots {
    position: absolute;
    bottom: 10vh
}

    .BannerSlider .slick-dots .slick-active {
        width: 12px;
        height: 12px;
        background: white;
        border-radius: 100%;
        border: 1px solid white;
        border-radius: 100%;
    }

    .BannerSlider .slick-dots li {
        width: 12px;
        height: 12px;
        background: transparent;
        border-radius: 100%;
        border: 1px solid white
    }

        .BannerSlider .slick-dots li button:before {
            display: none
        }

.BannerSlider .Caption {
    color: white;
    font-size: 50pt;
    text-align: center;
    right: 0;
    left: 0;
    line-height: 1;
    font-family: Gadugi;
    font-weight: bold;
}

.BannerSlider .CaptionBlock {
    position: absolute;
    bottom: 43vh;
    left: 0;
    right: 0;
}

@-webkit-keyframes fadebanner {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadebanner {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@-webkit-keyframes fadetxt {
    0% {
        opacity: .3
    }

    5% {
        opacity: .31
    }

    10% {
        opacity: .33
    }

    15% {
        opacity: .35
    }

    20% {
        opacity: .50
    }

    25% {
        opacity: .62
    }

    30% {
        opacity: .73
    }

    35% {
        opacity: .84
    }

    40% {
        opacity: .9
    }

    50% {
        opacity: 1
    }

    65% {
        opacity: .85
    }

    70% {
        opacity: .7
    }

    75% {
        opacity: .6
    }

    80% {
        opacity: .5
    }

    85% {
        opacity: .4
    }

    90% {
        opacity: .35
    }

    100% {
        opacity: .3
    }
}

@-moz-keyframes fadetxt {
    0% {
        opacity: .3
    }

    5% {
        opacity: .31
    }

    10% {
        opacity: .33
    }

    15% {
        opacity: .35
    }

    20% {
        opacity: .50
    }

    25% {
        opacity: .62
    }

    30% {
        opacity: .73
    }

    35% {
        opacity: .84
    }

    40% {
        opacity: .9
    }

    50% {
        opacity: 1
    }

    65% {
        opacity: .85
    }

    70% {
        opacity: .7
    }

    75% {
        opacity: .6
    }

    80% {
        opacity: .5
    }

    85% {
        opacity: .4
    }

    90% {
        opacity: .35
    }

    100% {
        opacity: .3
    }
}


/*
@-webkit-keyframes fadetxt {
  	0%{opacity:.3}
	5%{opacity:.31}
	10%{opacity:.33}
	15%{opacity:.35}
	40%{opacity:.50}
	65%{opacity:.62}
	70%{opacity:.73}
	85%{opacity:.84}
	90%{opacity:.9}
	100%{opacity:1}
}

@-moz-keyframes fadetxt {
   	0%{opacity:.3}
	5%{opacity:.31}
	10%{opacity:.33}
	15%{opacity:.35}
	40%{opacity:.50}
	65%{opacity:.62}
	70%{opacity:.73}
	85%{opacity:.84}
	90%{opacity:.9}
	100%{opacity:1}

}
*/
.BannerSlider .slick-active .Caption {
    /*
 -webkit-animation: fadebanner 2s ease-in alternate ;
    -moz-animation: fadebanner 2s ease-in alternate ;
    animation: fadebanner 2s ease-in alternate ;
	*/
}
/*
.BannerSlider .slick-active .linetxtup{
-webkit-animation:glideInUp 2.2s linear 0s 1 normal both;-webkit-transform-origin:50% 50%;animation:glideInUp 2.2s linear 0s 1 normal both;transform-origin:50% 50%;
-webkit-animation-delay:1s;animation-delay:1s
}
*/
/*
	
	.BannerSlider  .btxt{ opacity:.3;
}	


.BannerSlider .slick-active .btxt1{
	webkit-animation:fadetxt 1s linear 0s 1 normal both;animation:fadetxt 1s linear 0s 1 normal;

  -webkit-animation-delay:2s;animation-delay:2s;
}

.BannerSlider .slick-active .btxt2{
	-webkit-animation:fadetxt 1s linear 0s 1 normal both;animation:fadetxt 1s linear 0s 1 normal ;
-webkit-animation-delay:3s;animation-delay:3s	
}

.BannerSlider .slick-active .btxt3{
	-webkit-animation:fadetxt 1s linear 0s 1 normal both;animation:fadetxt 1s linear 0s 1 normal ;
-webkit-animation-delay:4s;animation-delay:4s	
}

*/
.BannerSlider .CaptionBlock {
    text-align: center;
    min-height: 150px;
    overflow: hidden;
    bottom: 35vh
}

.BannerSlider .writtenBy {
    color: white;
    font-size: 25pt;
    text-align: center;
    left: 0;
    right: 0;
    font-family: Constantia;
}

.BannerSlider .ImageBlock {
    position: relative;
    height: 100vh
}

.BannerSlider .coverColor {
    background-color: #282827;
    height: 100vh;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    top: 0:bottom:0
}

.PlayAndPass a:hover {
    text-decoration: none
}

.PlayAndPass #Play:before {
    content: "\f04b";
    font: normal normal normal 14px/1 FontAwesome;
    color: #bbbdbf
}

.PlayAndPass #Pause:before {
    content: "\f04c";
    font: normal normal normal 14px/1 FontAwesome;
    color: #bbbdbf
}

.clear {
    clear: both
}

footer .LeftSection {
    float: left
}

footer .RightSection {
    float: right;
    padding: 10px;
    padding-right: 30px
}

footer .contactUs {
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 15px
}

    footer .contactUs a {
        color: white;
        text-decoration: none;
        background-image: url("../img/ContactUsIcon.png");
        background-repeat: no-repeat;
        background-size: 20px;
        padding-left: 30px;
        padding-bottom: 10px;
        padding-top: 3px;
    }

footer .Twitter {
    width: 20px;
    height: 20px;
    display: inline-block
}

    footer .Twitter img {
        width: 100%
    }

footer .Facebook {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 10px
}

    footer .Facebook img {
        width: 100%
    }

.intelligenceEveryThing {
    font-family: Constantia;
}

.widthGif {
    width: 451px !important;
    display: inline-block !important;
}

.marginGif {
    margin-left: -109px;
    position: relative;
    top: -7px;
    transition: opacity 1s ease;
    opacity: 0;
}

    .marginGif.fadeClass {
        opacity: 1
    }

.fadeAnimation {
    transition: opacity 1s ease;
    opacity: 1;
}

    .fadeAnimation.fadeClass {
        opacity: 1
    }

.active .Caption img {
    visibility: visible
}

@media (max-width:1015px) {
    .BannerSlider .Caption {
        bottom: 53vh
    }
}

@media (max-width:737px) {
    .CaptionBlock span {
        display: block
    }

    .separatorStyle {
        display: none !important
    }

    .marginGif {
        margin-left: 0
    }
}

@media (max-width:600px) {
    .BannerSlider .Caption {
        font-size: 30pt
    }

    .BannerSlider .writtenBy {
        font-size: 15pt !important
    }
}

.ServicesLinks {
    position: fixed;
    bottom: 16vh;
    z-index: 9999;
    color: white;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 11pt;
}

    .ServicesLinks a, .ServicesLinks a:active, .ServicesLinks a:hover, .ServicesLinks a:visited, .ServicesLinks a:focus {
        color: white;
        text-decoration: none;
        margin: 0 5px;
        border: 1px solid white;
        padding: 10px;
    }

@-webkit-keyframes bounceLeft {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateX(0);
    }

    40% {
        -webkit-transform: translateX(-7px);
    }

    60% {
        -webkit-transform: translateX(-3px);
    }
}

@-moz-keyframes bounceLeft {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateX(0);
    }

    40% {
        -moz-transform: translateX(-7px);
    }

    60% {
        -moz-transform: translateX(-3px);
    }
}

@-o-keyframes bounceLeft {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateX(0);
    }

    40% {
        -o-transform: translateX(-7px);
    }

    60% {
        -o-transform: translateX(-3px);
    }
}

@keyframes bounceLeft {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(-7px);
    }

    60% {
        transform: translateX(-3px);
    }
}

@-webkit-keyframes bounceRight {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateX(0);
    }

    40% {
        -webkit-transform: translateX(7px);
    }

    60% {
        -webkit-transform: translateX(3px);
    }
}

@-moz-keyframes bounceRight {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateX(0);
    }

    40% {
        -moz-transform: translateX(7px);
    }

    60% {
        -moz-transform: translateX(3px);
    }
}

@-o-keyframes bounceRight {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateX(0);
    }

    40% {
        -o-transform: translateX(7px);
    }

    60% {
        -o-transform: translateX(3px);
    }
}

@keyframes bounceRight {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(7px);
    }

    60% {
        transform: translateX(3px);
    }
}

.bounceLeftToRight {
    animation: bounceLeft 2s infinite;
    -webkit-animation: bounceLeft 2s infinite;
    -moz-animation: bounceLeft 2s infinite;
    -o-animation: bounceLeft 2s infinite;
}

.bounceRightToLeft {
    animation: bounceRight 2s infinite;
    -webkit-animation: bounceRight 2s infinite;
    -moz-animation: bounceRight 2s infinite;
    -o-animation: bounceRight 2s infinite;
}

.serviceSeparator {
    width: 10px;
    transform: rotate(180deg);
    margin-right: 0px;
}

.SolutionsSeparator {
    width: 10px;
}
/***TopNav ***/
.logo img {
    width: 125px;
}

.menuheader, .site-menu__toggle {
    top: -5px;
}
/*** End Top Nav **/

/*** Intelligence ****/


.IntelligenceImage img {
    max-height: 100%;
    max-width: 100%;
}

#Header, #Header.headerflow, .site-menu__toggle {
    position: fixed;
}

.IntelligenceText {
    font-size: 35pt;
    text-align: left;
    line-height: 1.2;
    color: white;
    text-transform: uppercase;
    font-family: Lato;
    font-weight: 300;
}

.movemouse figure img {
    width: 20px;
    height: 11vh;
}

.cloudtxt .SliderTextSection, .ImageSliderSection {
    min-height: 82vh
}

    .ImageSliderSection img {
        max-height: 80vh;
        max-width: 100%;
    }

.EveryThingSliderSection .ImageSliderSection img {
    max-height: 71vh;
}

.BusinessClass, .TechologyClass {
    opacity: 1;
    transition: 1s opacity ease;
    max-width: 100%
}

.hideSlideItem {
    opacity: 0 !important;
}

.intcontainer {
    max-width: 85%;
    padding-top: 4vh;
}

.SliderTextTitle {
    color: white;
    font-size: 20pt;
    margin-bottom: 17px
}

.SliderTextBody {
    font-size: 12pt;
    padding-left: 0;
    text-align: justify;
    padding-right: 30px;
    line-height: 1.2;
}

.SliderSectionItem .hideControl {
    display: none
}

.SliderSectionItem .slick-dots .slick-active {
    width: 12px;
    height: 12px;
    background: white;
    border-radius: 100%;
    border: 1px solid white
}

.SliderSectionItem .slick-dots li {
    width: 12px;
    height: 12px;
    background: transparent;
    border-radius: 100%;
    border: 1px solid white;
}

    .SliderSectionItem .slick-dots li button:before {
        display: none
    }

.LeftNavigation {
    position: fixed;
    bottom: 8vh;
    border-right: 1px solid white;
    right: 5px;
    z-index: 200;
}

    .LeftNavigation .LeftBorder {
        padding: 0;
        list-style: none;
        margin-bottom: 0;
    }

        .LeftNavigation .LeftBorder li {
            position: relative;
        }

            .LeftNavigation .LeftBorder li a {
                padding-left: 3px;
                color: #7d7d7d;
                display: block;
                margin-bottom: 1px;
                text-align: right;
                position: relative;
                font-size: 8pt;
                line-height: 1.3;
                padding-right: 10px;
            }

            .LeftNavigation .LeftBorder li:last-child a {
                margin-bottom: 0
            }

            .LeftNavigation .LeftBorder li.active:after {
                content: '\f10c';
                font: normal normal normal 14px/1 FontAwesome;
                color: white;
                top: 5px;
                right: 0px;
                position: absolute;
                font-size: 7px;
            }

            .LeftNavigation .LeftBorder li a {
                text-decoration: none
            }

            .LeftNavigation .LeftBorder li.active a {
                color: #000;
                text-shadow: 1px 1px #fff
            }

.BusinessLinksSection a {
    display: block;
    width: 140px;
}

    .BusinessLinksSection a img {
        width: 100%
    }

.js-down.godown, .scrollToTop.js-scroltop {
    display: none !important
}

.Platform .wp-title {
    margin-bottom: 30px;
    border-bottom: 0;
    padding-left: 0;
    padding-bottom: 10px;
    font-size: 34px;
}

.Platform .dash {
    display: block;
    top: 13px;
}

.Platform .SliderTextTitle {
    font-weight: 300;
    font-size: 14pt;
}

.Platform .textContent {
    display: block;
    line-height: 1.2;
}

.IntelligenceCloudFirstSection {
    background-color: #efefef;
    position: relative;
}

    .IntelligenceCloudFirstSection .bigTitle, .IntelligenceCloudFirstSection .SliderTextTitle, .IntelligenceCloudFirstSection .bigSubTitle {
        color: #282827
    }

.CloudImageOne, .CloudImageTwo {
    width: 100%;
    text-align: center;
}

    .CloudImageOne img {
        max-width: 100%
    }

    .CloudImageTwo img {
        max-width: 100%;
    }

.Platform .HeightSectionOne {
    height: 55vh
}

.Platform .HeightSectionTwo {
    height: 30vh
}

.Platform .arrowDown {
    width: 22px;
    margin: 0 auto;
    margin-top: 21px;
}

    .Platform .arrowDown img {
        width: 100%;
        animation: bounceMouse 1s infinite;
        -webkit-animation: bounceMouse 1.5s infinite;
        -moz-animation: bounceMouse 1.5s infinite;
        -o-animation: bounceMouse 1.5s infinite;
    }

.SeparatorSection {
    background-color: #efefef;
    height: 150px
}

.MobileViewMouse, .MobileView {
    Display: none
}

.DefaultView {
    Display: Block
}

.DefaultViewMouse, .DefaultViewIntelligent {
    Display: inline-Block
}

.MobileViewIntelligent {
    display: none
}

.IntelligenceCloudFirstSection.EveryThing, .SeparatorSection.EveryThing, .EveryThingSliderSection {
    background-color: #1c1b1e
}

.EveryThingSliderSection {
    position: relative
}

    .EveryThingSliderSection .cloudplatform {
        position: relative
    }

.OptimizationWorkflow .cloudplatform {
    position: static
}

.OptimizationWorkflow {
    min-height: 100vh;
    background-color: #1c1b1e;
}

    .OptimizationWorkflow .cloudplatform .intcontainer {
        padding-top: 0
    }
    /*
.OptimizationWorkflow .cloudtxt .SliderTextSection,.OptimizationWorkflow .ImageSliderSection{height:100vh}
*/
    .OptimizationWorkflow .cloudtxt .SliderTextSection {
        padding-top: 18vh
    }

.TransformProducts {
    background: #1c1b1e
}

img.separatorStyle {
    width: 15px !important;
    display: inline-block;
}

.changeWidth {
    max-width: 451px;
    margin: 0 auto;
}

@-webkit-keyframes bounceMouse {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-7px);
    }

    60% {
        -webkit-transform: translateY(-3px);
    }
}

@-moz-keyframes bounceMouse {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-7px);
    }

    60% {
        -moz-transform: translateY(-3px);
    }
}

@-o-keyframes bounceMouse {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-7px);
    }

    60% {
        -o-transform: translateY(-3px);
    }
}

@keyframes bounceMouse {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-7px);
    }

    60% {
        transform: translateY(-3px);
    }
}

.movemousAnimation img {
    animation: bounceMouse 1s infinite;
    -webkit-animation: bounceMouse 1.5s infinite;
    -moz-animation: bounceMouse 1.5s infinite;
    -o-animation: bounceMouse 1.5s infinite;
}

.opacityZero {
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.opacityTransition {
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.width-50Per {
    width: 50%
}

#intelligence {
    background-image: url('../img/section1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #770008;
}

@media (min-width:767px) {
    img.intelligenceWidth {
        width: 498px !important;
        display: inline-block;
    }

    .intelligenceEveryThing {
        margin-left: -115px;
        position: relative;
        top: -7px;
    }
}

#intelligence .titleStyle {
    font-weight: bold;
    font-size: 35pt;
    font-family: Lato;
    font-weight: 400;
}

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

.IntelligenceCloudFirstSection.EveryThing {
    background-color: #efefef
}

    .IntelligenceCloudFirstSection.EveryThing .wp-title {
        color: #27252e;
        border-color: #27252e
    }

    .IntelligenceCloudFirstSection.EveryThing .SliderTextTitle {
        color: #27252e
    }

    .IntelligenceCloudFirstSection.EveryThing .CloudImageOne img {
        max-width: 80%;
        margin-top: 20px;
    }

    .IntelligenceCloudFirstSection.EveryThing .Platform .arrowDown {
        margin-top: 10vh;
    }

.EveryThingSliderSection {
    background: url('../img/image_02.jpg');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
    min-height: 100vh;
}

.TransformProducts {
    background: url('../img/image_03.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover;
    min-height: 100vh;
}

.coverBackgroundRelative {
    position: relative;
}

.coverBackground {
    background-color: #282827;
    opacity: 0.5;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.TransformProducts .cloudplatform {
    position: relative
}

.col-1 {
    width: 50%;
    padding-left: 165px;
    padding-right: 30px;
    float: left
}

.col-2 {
    width: 50%;
    padding-right: 165px;
    padding-left: 30px;
    float: left
}

.bigTitle {
    font-weight: bold;
    font-size: 35pt;
    font-family: Lato;
    font-weight: 400;
    text-transform: uppercase;
}

.bigSubTitle {
    font-size: 35pt;
    text-align: left;
    line-height: 1.2;
    color: white;
    text-transform: uppercase;
    font-family: Lato;
    font-weight: 100;
}

.Platform .textContent {
    font-size: 13pt;
    text-align: justify
}

.platpad {
    padding-top: 15px;
}

.intelligence {
    height: auto;
    min-height: 100vh
}

.arrowpositionbox {
    position: relative;
}

.arrowposition {
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 0
}

.wp-title.noborder {
    border: 0 !important;
    padding-left: 0 !important
}

.cloudtxt .SliderTextBody {
    padding-left: 0;
    padding-right: 25px
}

.cloudtxt .SliderTe
xtTitle .dash {
    background: url('../img/arrowRight.png') left 5px no-repeat;
    padding-left: 30px;
}

.bigTitle {
    display: block
}

.BusinessLinksSection a, .BusinessLinksSection a:active, .BusinessLinksSection a:hover, .BusinessLinksSection a:visited, .BusinessLinksSection a:focus {
    color: white;
    text-decoration: none;
    margin: 0 5px;
    border: 1px solid white;
    padding: 10px;
}

.cloud2right {
    text-align: center;
}

    .cloud2right img {
        max-width: 100%;
    }

.everythingdiv .bigSubTitle {
    color: #27252e
}

.everythingdiv .SliderTextBody {
    padding-left: 0;
    padding-right: 0
}

.IntelligenceCloudFirstSection.EveryThing {
    padding-bottom: 40px;
}

.IntelligenceCloudFirstSection .arrowDown {
    width: 22px;
    margin: 0 auto;
    margin-top: 21px;
}

.slick-slide img.hideSlideItem {
    display: none
}

.sectionitem {
    min-height: 100vh;
}

.OptimizationWorkflow {
    background-color: #951919
}

.bigTitle {
    padding-top: 20px;
}

.nopaddright {
    padding-right: 0 !important;
}

.arrowbgtitle {
    background: url('../img/arrowRight.png') left 8px no-repeat;
    padding-left: 30px;
}

.whoweare, .whowearetitle, .whowearetitle .bigSubTitle {
    color: #282827
}

.sectionheight {
    min-height: 100vh;
}

.sectiontop {
    padding-top: 50px;
}

.whoweareimg {
    height: cal(90vh-50px);
    width: 100%;
    display: table
}

    .whoweareimg > div {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
        text-align: center
    }




.sectionwhoweare {
    background-color: #941918
}

.cloudvideo {
    background: url(../img/01.jpg) left top no-repeat;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover;
    padding-bottom: 20px
}

.visiontable {
    height: 100vh;
    width: 100%;
    display: table
}

.visiontd {
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.visioninfo {
    font-size: 22pt
}

.sectionvision {
    background: url("../img/about-us_section_02.jpg");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
}

.approach-title {
    border-bottom: 1px solid #282827;
    padding-bottom: 7px;
    color: #282827;
    font-size: 18px;
    margin-bottom: 20px;
    position: relative
}

    .approach-title td {
        height: 50px;
        vertical-align: bottom
    }

.approach-title-img {
    text-align: right;
}

.approachdata {
    text-align: justify;
    font-size: 13px;
    color: #282827;
}

.approach-title:after {
    position: absolute;
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 6px;
    background-color: #d21621;
    right: 20px;
    bottom: -3px;
}

.tech.approach-title:after {
    right: 40px;
}

.approachinfo .col-md-3 {
    padding-bottom: 20px;
}

.defaultpc {
    background: #efefef url("../img/pic-default.jpg") center bottom no-repeat;
    background-size: cover
}

.aboutusarrow img {
    max-width: 100%
}

.aboutresult {
    color: #fff;
    font-size: 17pt;
    font-family: Lato;
    font-weight: 300;
}

.headerPadding {
    padding-top: 70px;
    padding-bottom: 45px;
}

.EveryThingSliderSection .headerPadding {
    padding-top: 50px;
}

.EveryThingSliderSection .bigTitle {
    padding-top: 0
}

.IntelligenceCloudFirstSection.EveryThing {
    min-height: 100vh
}

#EnvolveID {
    background-color: #efefef;
    min-height: 100vh;
    padding-bottom: 30px;
}

    #EnvolveID .bigTitle, #EnvolveID .SliderTextTitle, #EnvolveID .bigSubTitle {
        color: #282827
    }

.SliderTextBody {
    font-family: Lato;
    font-weight: 300;
}

.evolvelistitem img {
    width: 70px;
}

.evolvelistitem td {
    vertical-align: bottom
}

    .evolvelistitem td + td {
        text-align: right
    }

.evolvelistitem {
    padding-top: 20px;
    border-bottom: 1px solid #282827;
    padding-bottom: 7px;
    color: #282827;
    font-size: 20px;
    position: relative;
    padding-right: 25px;
}

    .evolvelistitem:after {
        position: absolute;
        width: 6px;
        height: 6px;
        content: "";
        border-radius: 6px;
        background-color: #d21621;
        right: 57px;
        bottom: -3px;
    }

    .evolvelistitem a {
        color: #282827;
        text-decoration: none !important
    }

.aboutresultimg img {
    max-width: 90%;
}

.sectionind .bigSubTitle, .indtitle .bigSubTitle {
    font-size: 24pt
}

.sectionfinincial {
    background: url("../img/FinancialServices.jpg") center bottom no-repeat;
}

.sectioneducation {
    background: url("../img/Education.jpg") center bottom no-repeat;
}

.sectiongov {
    background: url("../img/Government.jpg") center bottom no-repeat;
}

.sectionmanfacture {
    background: url("../img/Manufacturing.jpg") center bottom no-repeat;
}

.sectionretail {
    background: url("../img/Retail.jpg") center bottom no-repeat;
}

.sectionind {
    background-size: cover;
    background-color: #202020
}

.sectionindtabs {
    background-color: #efefef
}

.eveolvehidden {
    padding-top: 10px;
}

.evolveul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .evolveul li {
        color: #282827;
        font-size: 14px;
        position: relative;
        padding-bottom: 3px;
        padding-left: 13px;
    }

        .evolveul li:before {
            position: absolute;
            left: 0;
            top: 8px;
            left: 0;
            width: 5px;
            height: 5px;
            border-radius: 5px;
            content: "";
            background-color: #282827
        }

.blacktitle, .blacktitle .bigSubTitle {
    color: #282827
}

.evolvedesktop {
    border: 1px solid #282827;
    border-right: 0;
    margin-top: 40px;
    min-height: 550px;
    margin-left: 70px;
    position: relative;
    background-color: #efefef;
    padding: 20px;
}

.indsubtitle {
    font-size: 20pt;
    line-height: 1.2;
    color: white;
    text-transform: uppercase;
    font-family: Lato;
    font-weight: 100;
    background: url(../img/arrowRight.png) left 8px no-repeat;
    padding-left: 30px;
    margin-bottom: 20px;
}

.sectionind3 {
    background-color: #951919
}

    .sectionind3 .whoweareimg {
        padding-top: 15%
    }

.evolveulwhite {
    margin-bottom: 20px;
}

    .evolveulwhite .evolveul li {
        color: #fff;
    }

        .evolveulwhite .evolveul li:before {
            background-color: #fff
        }

.solsection {
    background-color: #951919;
    min-height: 100vh
}

.conpadding .evolvelistitem a {
    color: #fff;
    font-weight: 300
}

.conpadding .evolvelistitem {
    border-color: #fff
}

.serviceheight .bigTitle {
    display: inline-block
}

.sservice .bigSubTitle {
    font-size: 28pt
}

footer .RightSection a {
    color: #fff;
    font-size: 20px;
    width: auto;
    height: auto;
    margin-left: 10px;
}

#slide-menu .socialfollow .fa {
    width: 32px;
    height: 32px;
    display: inline-block
}

    #slide-menu .socialfollow .fa:before {
        content: "";
    }

#slide-menu .socialfollow .fa-facebook-square {
    background: url(../img/fbicon-min.png) left top no-repeat
}

#slide-menu .socialfollow .fa-twitter-square {
    background: url(../img/twicon-min.png) left top no-repeat
}

#slide-menu .socialfollow .fa-youtube-square {
    background: url(../img/yticon-min.png) left top no-repeat
}

#slide-menu .socialfollow .fa-linkedin-square {
    background: url(../img/linkedicon-min.png) left top no-repeat
}

@media (min-width:993px) and (max-width:1150px) {
    .LeftNavigation {
        display: none;
    }

    .col-1 {
        padding-left: 8%;
        padding-right: 4%
    }

    .col-2 {
        padding-right: 8%;
        padding-right: 4%
    }

    .col-1 {
        padding-left: 10%;
    }

    .IntelligenceText, .bigTitle {
        font-size: 28pt;
    }

    .bigSubTitle {
        font-size: 24pt;
    }
}

@media (min-width: 992px) {
    .whoweareimgtable {
        height: calc(100vh - 140px);
        width: 100%;
        display: table
    }

        .whoweareimgtable > div {
            display: table-cell;
            height: 100%;
            vertical-align: middle;
            text-align: center
        }

    .sectionindtabs .evolvelistitem:before {
        position: absolute;
        left: 104%;
        background: url(../img/arrowind.gif) left top no-repeat;
        width: 250px;
        height: 59px;
        content: "";
        bottom: -40px;
        background-size: 85%
    }

    .sectionindtabs .active .evolvelistitem:before {
        background: url(../img/arrowindon.gif) left top no-repeat;
        background-size: 85%
    }

    .sectionindtabs .active a {
        color: #d21621
    }

    .sectionindtabs .TextSectionInfo {
        margin-bottom: 0;
    }

    .eveolvehidden {
        display: none;
    }

    .evolvelist {
        padding-right: 25px;
    }

    .everytable {
        display: table;
        width: 100%;
        height: calc(100vh - 110px);
        table-layout: fixed
    }

    .everytd {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
        height: 100%
    }

    .defaultpc {
        padding-bottom: 500px;
    }


    .cloudvideo {
        min-height: 100vh;
        position: relative;
        overflow: hidden;
        background-color: transparent;
    }

    .intvideo {
        position: absolute;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        background-size: cover;
        overflow: hidden;
    }

    .BusinessLinksSection {
        position: absolute;
        z-index: 900;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        width: 160px;
        bottom: 0;
    }

    .ImageSliderSection {
        position: relative;
    }

    .cloudtxt .SliderTextSection {
        position: relative;
    }

    .SliderSectionItem {
        margin: 0;
        min-height: 54vh;
    }

    .cloudtxt .slick-dots {
        bottom: -40px;
    }

    .EveryThingSliderSection .SliderSectionImageItem .DefaultView {
        text-align: center
    }

        .EveryThingSliderSection .SliderSectionImageItem .DefaultView img {
            display: inline-block
        }

            .EveryThingSliderSection .SliderSectionImageItem .DefaultView img.hideSlideItem {
                display: none
            }
}

@media (max-width: 991px) {
    .conpadding {
        padding-bottom: 35px;
    }

    .whoweareimgtable {
        text-align: center
    }

    .sectionindtabs .evolvelistitem a {
        cursor: default;
    }

    .evolvedesktop {
        display: none
    }

    .arrowDown {
        display: none
    }

    .everytd {
        padding-bottom: 30px;
    }

    .bigTitle {
        font-size: 20pt;
    }

    .bigSubTitle, .sectionind .bigSubTitle, .indtitle .bigSubTitle {
        font-size: 20pt !important
    }

    .Platform .SliderTextTitle {
        font-size: 10pt;
    }

    .Platform .textContent {
        font-size: 10pt;
    }

    .Platform .HeightSectionOne {
        height: auto;
        overflow: hidden
    }

    .CloudImageOne {
        padding-top: 20px
    }

    .Platform .HeightSectionTwo {
        height: auto;
        padding-top: 30px;
        padding-bottom: 15px
    }

    .arrowpositionbox {
        padding-bottom: 40px;
    }

    .EveryThingSliderSection {
        height: auto
    }

    .BusinessLinksSection {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center;
        margin: 0 auto;
        width: 160px;
    }

    .cloudplatform .slick-slider {
        margin-bottom: 60px;
    }

    .MobileView img {
        max-width: 90%
    }

    .visioninfo {
        font-size: 16pt
    }

    .defaultpc {
        background: #efefef url(../img/pic-mobile.jpg) center bottom no-repeat;
        padding-bottom: 344px;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: -2px;
    }

    .aboutresultimg {
        padding-top: 30px;
        text-align: center;
    }

        .aboutresultimg img {
            max-width: 90%
        }

    .aboutresult {
        font-size: 16pt;
    }

    .SliderTextBody {
        padding-right: 0 !important
    }

    .slick-slider .SliderTextBody {
        padding-right: 10px !important;
        padding-left: 1px;
    }
}


.btn:hover span {
    color: #d21621;
}

.btn:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    background: #ffffff;
    content: '';
    transition: width .4s;
}

.btn {
    position: relative;
    display: inline-block;
    padding: 12px 20px 11px;
    border: 1px solid #ffffff;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: background .4s, color .4s, opacity .4s, -webkit-transform .4s;
    transition: background .4s, color .4s, opacity .4s, transform .4s;
    transition: background .4s, color .4s, opacity .4s, transform .4s, -webkit-transform .4s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0 !important
}

    .btn span {
        position: relative;
        z-index: 2;
        transition: color .4s;
    }

    .btn:hover:after {
        width: 100%;
    }

#intelligence .textBody {
    color: white;
    font-weight: 300;
    font-size: 13pt;
    text-align: justify;
    margin-top: 45px;
}

@media (max-width:380px) {

    .ServicesLinks {
        font-size: 7pt
    }
}

.MaxWidth500 {
    max-width: 474px;
    margin: 0 auto
}

@media (min-width:768px) and (max-width:991px) {
    .intelligence .IntelligenceImage {
        padding-top: 5vh
    }
}

.BannerSlider .Item {
    background-size: cover !important
}

.ImageSliderSection img {
    margin: 0 auto
}

.sectiontop {
    padding-bottom: 40px;
}

@media (min-width:1550px) {
    .capbanner .titleStyle {
        font-size: 55pt !important;
    }

    .IntelligenceText {
        font-size: 42pt !important;
    }

    body {
        font-size: 16px;
    }

    .btn {
        font-size: 16px;
    }

    #intelligence .textBody, .Platform .textContent, .SliderTextBody {
        font-size: 20pt;
    }

    .BusinessLinksSection {
        position: relative;
    }

    .SliderSectionItem {
        min-height: 40vh;
    }

    .headerPadding {
        padding-top: 140px
    }

    .everytable {
        height: calc(100vh - 180px);
    }

    .approachdata, .evolveul li {
        font-size: 18px;
    }

    .evolvelistitem {
        font-size: 22px;
    }
}

/** Mobile View ***/
@media (max-width:991px) {
    .sectionind1 .whoweareimg {
        padding-top: 10%
    }

    .cloudtxt .SliderTextSection, .ImageSliderSection {
        min-height: 20vh
    }

    .sectionwhoweare .SliderTextBody {
        padding: 0;
    }

    .sectiontop {
        padding-bottom: 30px;
    }

    .IntelligenceText.MobileText {
        margin-top: 30px;
        border-left: 2px solid black;
        position: static;
        padding-left: 10px;
        font-size: 15pt;
        margin-left: 20px;
    }

    .LeftNavigation {
        display: none
    }

    .cloudtxt .SliderTextSection, .ImageSliderSection {
        float: none !important;
        width: 100%
    }

    .IntelligenceImage img {
        max-width: 90%
    }

    .SeparatorSection {
        display: none
    }

    .intcontainer {
        max-width: 100%;
    }

    .MobileView {
        Display: block
    }

    .MobileViewMouse, .MobileViewIntelligent {
        Display: inline-block
    }

    .DefaultView, .DefaultViewIntelligent, .DefaultViewMouse {
        Display: none
    }

    .ImageSliderSection img {
        max-height: none;
        margin: 0 auto;
    }

    .EveryThingSliderSection .ImageSliderSection img {
        max-height: none;
    }

    .cloudtxt .SliderTextSection, .ImageSliderSection {
        height: auto
    }

    .video {
        height: 100vh
    }

    .OptimizationWorkflow .ImageSliderSection {
        padding-top: 10vh;
    }

    .OptimizationWorkflow .cloudtxt .SliderTextSection {
        height: 18vh;
        padding-top: 5vh
    }

    .headerPadding {
        padding-bottom: 40px;
    }

    .OptimizationWorkflow .ImageSliderSection {
        text-align: center
    }

        .OptimizationWorkflow .ImageSliderSection img {
            max-width: 80%
        }

        .OptimizationWorkflow .ImageSliderSection .MobileView {
            text-align: center
        }

    .cloudplatform .wp-title {
        margin-bottom: 15px;
    }

    .width-50Per {
        width: 100%;
        float: none !important
    }

    .MaxWidth500 {
        width: 100%;
        max-width: 100% !important;
    }

    .width-50Per {
        width: 100%;
        float: none
    }

    #intelligence .MobileView.textBody {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 8pt;
    }

    .IntelligenceText {
        padding-top: 3vh;
    }

    #intelligence .IntelligenceText {
        font-size: 20pt
    }

    #intelligence .titleStyle {
        font-size: 20pt
    }

    .col-1 {
        width: 100%;
        padding-left: 6px;
        padding-right: 3px;
        float: left
    }

    .col-2 {
        width: 100%;
        padding-right: 6px;
        padding-left: 3px;
        float: left
    }

    #intelligence .textBody {
        margin-top: 25px !important;
        font-size: 10pt;
    }
}
/** End Mobile View ***/
/*** End Intelligence****/
/** End Modified By MGhannam ***/


@media (max-width: 768px) {
    .separatorStyle {
        display: none
    }
}

@media (max-width:500px) {
    .widthGif {
        width: 100% !important
    }

    .ServicesLinks a {
        font-size: 0.8rem;
    }
}

@media (max-width: 767px) {
    .OptimizationWorkflow .ImageSliderSection img {
        max-width: 90%
    }
}


/* App in a day */

.appinday .btn-registration{
    height: 75px;
    width: 313px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D73C45;
    color: white;
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    margin-top: 10px;
  }

 .appinday .meduimTitlte{
    color: #212B36;	
    font-size: 4rem;	
    font-weight: 300;	
    line-height: 48px;
  }
  
  .appinday .whoweareimgtable{
     height: auto; 
     margin-top: 45px;
  }
  .btn-registration:hover {
      color: white;
      text-decoration: none;
  }

  .appinday .Section-title{
    color: #b8b8b8;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    display: inline;
    padding-right: 21px;
    background: #f2f2f2;
    position: relative;
    z-index: 1;
    opacity: 1;
  }

  .appinday .background-line{
    position: relative;
    margin-bottom: 70px;
  }

  .appinday .background-line:before {
    content: "";
    height: 1px;
    background: black;
    position: absolute;
    top: 60%;
    width: 100%;
    display:inline-block;
    opacity: 0.24;
}

.appinday .list{
    list-style: none;
    padding-left: 0;
}

.appinday .serviceheight{
    min-height: inherit;
}

.appinday .wp-title.noborder{
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.appinday ul li{
    font-size: 22px;
    line-height: 27px;
    font-weight: 300;
    text-align: justify;
}

.appinday strong{
    font-weight: bolder;
    font-size: 22px;
}

.appinday .SliderTextBody {
    font-size: 22px;
}

.appinday .page-title{
    margin: 50px 0 30px 0;
    height: 54px;
    width: 199px;
    background-color: #2D2A2B;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    line-height: 34px;
    font-weight: bold;
}

.appinday .responsive-image{
    height: 266px;	
    width: 428px;
}

.appinday .work-process{
    height: auto;
    width: 559px;
}
@media screen and (max-width:600px){
    .appinday .responsive-image{
        width: 100% !important;
        height: 230px;
        margin-bottom: 30px;
    }
    .appinday .work-process{
        width: 100% !important;
        margin-bottom: 30px;
    }

    .appinday  .whoweareimgtable{
        margin-top: 50px;
    }

    .appinday .background-line{
        margin-bottom: 30px;
    }

    .appinday .conpadding{
        padding-bottom: 0px;
    }
    
    .bigTitle{
        padding-top: 0;
    }

    .appinday .bigTitle{
        font-size: 31px;
    }

    .appinday .sectiontop{
        padding-top: 0px;   
    }
    
    .appinday .meduimTitlte{
        font-size: 2.6rem;
        line-height: 33px;
    }

    .appinday ul li{
        text-align: auto;
        font-size: 20px;
    }

    .appinday .SliderTextBody div{
        font-size: 20px;
    }

    .appinday .reverse-image{
        display: flex;
        flex-direction: column-reverse;
    }
}

.subscribe{
    width: 100%;
    text-align: center;
}

.subscribe span {
    padding: 10px;
    background-color: #d21621;
    margin: 0 auto;
    display: inline-block;
    color: white;
    font-size: 12px;
    border-radius: 10px;
    cursor: pointer;
    text-transform: uppercase;
    margin-left: 28px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.form-enbided {
    padding: 3rem 0 !important;
}

.form input{
    text-indent: inherit !important;
    height: auto !important;
}

.bg-transperent{
    background-color: transparent !important;
}

.footer-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.footer-content{
    display: flex;
    align-items: center;
}

.portal-view{
    display: block !important;
}

.mobile-view{
    display: none !important;
}

@media screen  and (max-width:767px){
    .portal-view{
        display: none !important;
    }
    
    .mobile-view{
        display: block !important;
    }

    .subscribe span{
        margin-left: 0 !important;
    }
}


html {
    scroll-behavior: smooth;
}